.movies{--text-width-large: 600px;background:var(--color-back)}.movies__top{position:relative;isolation:isolate}.movies__top::after{--gradient-direction: to top;content:"";position:absolute;z-index:1;left:0;right:0;top:0;bottom:auto;height:40px;background:linear-gradient(var(--gradient-direction), hsla(var(--color-back-h), var(--color-back-s), var(--color-back-l), 0) 0, hsla(var(--color-back-h), var(--color-back-s), var(--color-back-l), 1) 100%)}@media(min-width: 800px){.movies__top::after{--gradient-direction: to bottom;bottom:0;top:auto}}.movies__image{position:relative;display:block;width:100%;aspect-ratio:2/1}@media(min-width: 800px){.movies__image{position:absolute;z-index:0;width:auto;aspect-ratio:unset;top:0;left:calc(var(--text-width-large) - 100px);bottom:0;right:0}}.movies__image img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;object-position:right center}@media(max-width: 799px){.movies__image img{mask-image:linear-gradient(to bottom, black 66%, transparent)}}.movies__content{position:relative;z-index:1;padding:var(--space-big) var(--space-big) 40px}@media(min-width: 800px){.movies__content{width:var(--text-width-large);padding:120px var(--space-big) var(--space-big);background:linear-gradient(to right, var(--color-back) 0, hsla(var(--color-back-h), var(--color-back-s), var(--color-back-l), 1) calc(100% - 80px), hsla(var(--color-back-h), var(--color-back-s), var(--color-back-l), 0) 100%)}}.movies__links{display:flex;gap:var(--space-small);align-items:center}.movies__links>*{margin:0 !important}.movies__image-links-header{padding-left:var(--space-regular);margin-bottom:0;text-transform:uppercase;font-size:var(--font-size-big)}.movies__image-links{--thumb-size: 200px;padding:var(--space-regular);display:grid;gap:var(--space-regular);grid-template-columns:repeat(auto-fill, minmax(200px, 1fr))}.movies__image-links a{display:block}.movies__image-links img{display:block;width:100%;height:auto;border:1px solid var(--color-back);outline:2px solid rgba(0,0,0,0);border-radius:var(--space-small);transition:outline-color .5s ease}.movies__image-links a:hover img{outline-color:var(--color-decent-ui)}.movies-fader{opacity:1;transition:opacity 1s linear;background:linear-gradient(to bottom, hsla(var(--color-back-h), var(--color-back-s), var(--color-back-l), 1) 0, hsla(var(--color-back-h), var(--color-back-s), var(--color-back-l), 0) 200vh);position:absolute;left:0;height:100000vh;width:100%;z-index:10001;text-align:center}.movies-fader button{margin:2rem auto}
/*# sourceMappingURL=movies.css.map */