:root{--text-color:#000;--text-ganre-color:#ff6b08;--color-btn-white:#fff;--color-active-btn:#ff6b02;--color-fon-footer:#f7f7f7;--color-text-footer:#545454;--color-modal:#b93535;--animation-duration:500ms;--open-modal-time:500ms;--timing-function:cubic-bezier(.075,.82,.165,1)//--contributor-gradient-params: linear-gradient(#fff,gray,#fff 50%)}*{box-sizing:border-box}h1,h2,h3,p{margin:0}img{height:auto;max-width:100%;display:block}body{min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#212121;flex-direction:column;margin:0;padding:0;font-family:Roboto,sans-serif;line-height:1.5;display:flex}main{flex:auto}.is-hidden{opacity:0;transition:opacity var(--primary-transition-time)var(--primary-cubic-function);visibility:hidden;pointer-events:none}.hide-it{opacity:0;transition:opacity var(--open-modal-time)var(--timing-function);visibility:hidden;pointer-events:none}ul{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}ul{padding:0}img{max-width:100%;width:100%;height:auto;display:block}.container{width:100%;margin-left:auto;margin-right:auto;padding:0 20px}@media screen and (min-width:320px){.container{max-width:320px}}@media screen and (min-width:768px){.container{max-width:768px;padding:0 32px}}@media screen and (min-width:1280px){.container{max-width:1280px;padding:0 32px}}.movie{margin-left:auto;margin-right:auto;display:grid}@media screen and (min-width:320px){.movie{grid-template-columns:280px;gap:20px;padding:20px 0}}@media screen and (min-width:768px){.movie{grid-template-columns:repeat(2,336px);gap:32px;padding:60px 0}}@media screen and (min-width:1280px){.movie{grid-template-columns:repeat(3,395px);gap:32px 16px;padding:60px 0}}.movie__text{margin:12px 0 10px 10px}.movie__name{text-transform:uppercase;color:var(--color-name-film);font-size:12px;font-weight:500;line-height:1.16}@media screen and (min-width:1280px){.movie__name{font-size:20px;line-height:1.2}}.movie__genre{color:var(--text-ganre-color);margin:0;font-size:12px;font-weight:500;line-height:1.33}@media screen and (min-width:1280px){.movie__genre{font-size:20px;line-height:1.2}}.movie__item{justify-self:center;position:relative}.movie-image:hover,.movie-image:focus{transform:scale(1.07)}.movie-image{width:280px;height:402px;height:100%;width:100%;object-fit:cover;border-radius:5px;transition:transform .3s linear}@media screen and (min-width:768px){.movie-image{width:336px;height:455px}}@media screen and (min-width:1280px){.movie-image{width:395px;height:574px}}.movie__link{height:100%;text-decoration:none;display:block}.movie__wrapper{border-radius:5px;overflow:hidden}.movie__link:hover,.movie__link:focus{cursor:pointer}.movie .movie__last-img{display:none}@media screen and (min-width:1280px){.movie .movie__last-img{background-color:var(--text-ganre-color);width:395px;height:574px;border-radius:5px;display:block}}.wrapper{justify-content:center;display:flex}.cta{color:#fff;background:#ff7300;border-radius:50px;margin-top:245px;padding:10px 45px;font-size:40px;text-decoration:none;transition:all 1s;display:flex;transform:skew(-9deg);box-shadow:6px 6px #2a2a2a}.cta:focus{outline:none}.cta:hover{transition:all .5s;box-shadow:10px 10px .5px #fff}.cta .cta-span:nth-child(2){margin-right:0;transition:all .5s}.cta:hover .cta-span:nth-child(2){margin-right:45px;transition:all .5s}.cta-span{transform:skew(10deg)}.cta-span:nth-child(2){width:20px;margin-left:30px;position:relative;top:12%}path.one{transition:all .4s;transform:translate(-60%)}path.two{transition:all .5s;transform:translate(-30%)}.cta:hover path.three{animation:1s .2s infinite color_anim}.cta:hover path.one{animation:1s .6s infinite color_anim;transform:translate(0%)}.cta:hover path.two{animation:1s .4s infinite color_anim;transform:translate(0%)}@keyframes color_anim{0%{fill:#fff}50%{fill:#595959}to{fill:#fff}}.movie__rating{width:44px;height:44px;color:#fff;z-index:2;background:linear-gradient(#000,#434343);border-radius:50%;justify-content:center;align-items:center;font-size:18px;display:flex;position:absolute;top:-18px;left:-10px}.movie__rating--green{border:2px solid green}.movie__rating--orange{border:2px solid orange}.movie__rating--red{border:2px solid red}.movie__rating--grey{border:2px solid gray}.footer{background-color:var(--bg-footer);max-width:100%;height:100px}@media screen and (min-width:768px){.footer{height:79px}}@media screen and (min-width:1280px){.footer{height:77px}}.footer__text{color:var(--color-footer);flex-direction:column;align-items:center;margin:0;font-size:14px;font-weight:400;line-height:1.14;display:flex}@media screen and (min-width:768px){.footer__text{flex-direction:row;justify-content:center;padding:30px 0 0}}.footer__text--flex{margin:0}.footer__text--bottom{margin-top:29px;margin-bottom:10px}@media screen and (min-width:768px){.footer__text--bottom{margin-top:0;margin-bottom:0;margin-right:4px}}.footer__button{color:var(--color-footer);background-color:inherit;border:none;padding:15px 0;font-size:14px;font-weight:400;line-height:1.14;text-decoration:underline}.footer__icon{margin-left:10px;margin-right:10px;animation:.3s ease-in infinite alternate anime}@keyframes anime{0%{-webkit-transform:scale(1)}to{-webkit-transform:scale(1.5)}}*{box-sizing:border-box}.bgcolor{height:100%;background-color:#002031;flex-direction:column;display:flex}.stickyf{flex:none}.stickyh{height:100%}.stickyhed{flex:none}.stickym{flex:1 0 auto}.loader{z-index:1001;position:fixed;inset:0}.loader--hidden{visibility:hidden;opacity:0;transition:visibility 0s .5s,opacity .5s linear}.loader--visible{visibility:visible;opacity:1;transition:opacity .5s linear}.loader__circles1{height:100px;width:100px;transform-origin:50%;background-color:#0000;position:absolute;top:50vh;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.loader__circles2{height:100px;width:100px;background-color:#0000;position:absolute;top:50vh;left:50%;transform:translate(-50%,-50%)}.loader__circle{width:25px;height:25px;background-color:#ff001b;border-radius:50%;animation:2s infinite bigcon;position:absolute;box-shadow:0 2px #0000004d}.loader__circle--ad1{animation-delay:-1.75s}.loader__circle--ad6{animation-delay:-1.5s}.loader__circle--ad2{animation-delay:-1.25s}.loader__circle--ad7{animation-delay:-1s}.loader__circle--ad3{animation-delay:-.75s}.loader__circle--ad8{animation-delay:-.5s}.loader__circle--ad4{animation-delay:-.25s}.loader__circle--ad5{animation-delay:0s}.loader__circle:nth-child(1){top:0%;left:0%}.loader__circle:nth-child(2){top:0%;right:0%}.loader__circle:nth-child(3){bottom:0%;right:0%}.loader__circle:nth-child(4){bottom:0%;left:0%}.loader__bigcon{height:95px;width:95px;transform-origin:50%;background-color:#0000;animation:2s linear .25s infinite lightball;position:absolute;top:50vh;left:50%;transform:translate(-50%,-50%)rotate(-45deg)}.loader__lightball{width:20px;height:20px;z-index:1;background-color:#f8b4bb;border-radius:50%;position:absolute;box-shadow:0 0 10px #f8b4bb,0 0 20px #f8b4bb,0 0 30px #f8b4bb,0 0 50px #f8b4bb,0 0 60px #f8b4bb}@keyframes lightball{0%{transform-origin:50%;transform:translate(-50%,-50%)rotate(45deg)}to{transform-origin:50%;transform:translate(-50%,-50%)rotate(405deg)}}@keyframes bigcon{0%{background-color:#ff001b;transform:scale(1)}10%{background-color:#f8b4bb;transform:scale(1.3)}15%{transform:scale(1)}25%{background-color:#ff001b;transform:scale(1)}to{background-color:#ff001b;transform:scale(1)}}.backdrop{width:100%;height:100%;z-index:12;opacity:1;cursor:pointer;background-color:#0009;margin:0 auto;transition:opacity .3s ease-in;position:fixed;top:0;left:0;overflow-x:hidden;overflow-y:auto}.backdrop.hide-modal{opacity:0;pointer-events:none}@media screen and (max-width:479.5px){.backdrop{padding:40px 20px}}.backdrop.hide-modal .movie__modal{transform:translate(-50%,-50%)scale(0)}@media screen and (max-width:767.5px){.backdrop.hide-modal .movie__modal{transform:matrix(0,0,0,0,0,0)}}.movie__modal{max-width:280px;width:100%;opacity:1;cursor:auto;background-color:#fff;border-radius:10px;margin:0 auto;transition:all .5s ease-in;position:relative;top:0;overflow:hidden;transform:matrix(1,0,0,1,0,0);box-shadow:-5px 5px 10px #000000b3,5px 5px 10px #000000b3}@media screen and (min-width:768px){.movie__modal{max-width:704px;height:480px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}@media screen and (min-width:1280px){.movie__modal{max-width:806px;height:520px}}.movie__inner{background-color:var(--color-modal);height:100%;flex-direction:column;display:flex;position:relative}@media screen and (min-width:768px){.movie__inner{flex-direction:row}}.image__thumb{height:360px;position:relative;overflow:hidden}@media screen and (min-width:768px){.image__thumb{height:auto;min-width:320px}}@media screen and (min-width:1280px){.image__thumb{min-width:375px}}.movie__poster{height:100%;object-fit:cover;position:relative}@media screen and (min-width:768px){.movie__poster{position:absolute}}.movie__info{max-width:430px;flex-direction:column;align-items:flex-start;padding:.8rem;display:flex}@media screen and (min-width:768px){.movie__info{padding:1.4rem}}.movie__title{color:var(--text-color-dark);margin:0 0 20px;padding:0;font-size:20px;font-weight:500;line-height:1.15}@media screen and (min-width:1280px){.movie__title{font-size:30px;line-height:1.17}}.movie__info-list{margin-bottom:20px;display:flex}.movie__characters{color:#8c8c8c;flex:1 0 auto;margin-right:5px;font-size:12px;font-weight:500;line-height:1.33}.movie__characters li:not(:last-child){margin-bottom:8px}@media screen and (min-width:768px){.movie__characters{margin-right:40px}}@media screen and (min-width:1280px){.movie__characters{flex:0 auto;margin-right:80px}}.movie__data{color:var(--text-color-dark);font-size:12px;font-weight:500;line-height:1.33}.movie__data p{line-height:1.4}.movie__data li:not(:last-child){margin-bottom:8px}.movie__about{text-transform:uppercase;color:var(--text-color-dark);margin-bottom:8px;font-size:12px;font-weight:500;line-height:1.33}.movie__description{max-height:180px;color:var(--text-color-dark);margin-bottom:20px;font-size:12px;font-weight:500;line-height:1.67;overflow-y:auto}@media screen and (min-width:768px){.movie__description{max-height:300px;max-height:380px}}.button-wrap{display:flex}.movie__btn{width:118px;height:44px;cursor:pointer;text-transform:uppercase;color:#000;background:#fff;border:1px solid #000;border-radius:5px;font-size:12px;line-height:1.33;transition:all .3s ease-in}.movie__btn.selected{background-color:#ff6b01}.movie__btn:hover,.movie__btn:focus{color:#fff;background-color:#ff6b01;border:none}@media screen and (min-width:768px){.movie__btn{width:125px;padding:0}}@media screen and (min-width:1280px){.movie__btn{width:136px}}.movie__btn-watched{margin-right:20px;padding:6px 27px}@media screen and (min-width:768px){.movie__btn-watched{width:125px;margin-right:15px;padding:0}}.movie__btn-close{cursor:pointer;fill:var(--color-name-film);background-color:#0000;border:none;transition:all .3s;position:absolute;top:8px;right:8px}.movie__btn-close:hover,.movie__btn-close:focus{fill:#ff6b01}.movie__btn-close:focus{outline-offset:3px;outline:1px solid #000}.stop-scrolling{height:100%;overflow:hidden}.rating{align-items:flex-end;font-size:16px;line-height:.85;display:flex}@media screen and (min-width:768px){.rating{font-size:19px}}.rating__body{position:relative}.rating__body:before{content:"★★★★★★★★★★";display:block}.rating__active{width:0;height:100%;position:absolute;top:0;left:0;overflow:hidden}.rating__active:before{content:"★★★★★★★★★★";width:100%;height:100%;color:#ffd300;position:absolute;top:0;left:0}.rating__items{width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.rating__item{height:100%;opacity:0;flex:0 0 20%}.rating__value{padding:0 10px 0 0;font-size:80%}@media screen and (min-width:768px){.rating__value{font-size:70%;line-height:1.16}}.header{height:290px;width:100%;background-color:#2f364a;background-image:url(abstract-background-with-red-lines-mob.e4f182c9.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;padding-top:40px;padding-bottom:20px}@media (min-device-pixel-ratio:2),(min-resolution:192dpi),(min-resolution:2dppx){.header{background-image:linear-gradient(#00000026,#00000026),url(abstract-background-with-red-lines-mob-2x.f74f1bc1.jpg)}}@media screen and (min-width:768px){.header{height:240px;background-image:url(abstract-background-with-red-lines-tab.44296b05.jpg)}}@media screen and (min-width:768px) and (min-device-pixel-ratio:2),screen and (min-width:768px) and (min-resolution:192dpi),screen and (min-width:768px) and (min-resolution:2dppx){.header{background-image:linear-gradient(#00000026,#00000026),url(abstract-background-with-red-lines-tab-2x.d91eda68.jpg)}}@media screen and (min-width:1280px){.header{height:235px;background-image:url(bg-header-long.fbb06b86.jpg)}}@media screen and (min-width:1280px) and (min-device-pixel-ratio:2),screen and (min-width:1280px) and (min-resolution:192dpi),screen and (min-width:1280px) and (min-resolution:2dppx){.header{background-image:url(bg-header-long.fbb06b86.jpg)}}.header-wrapper{justify-content:space-between;align-items:center;display:block;position:relative}.nav{align-items:center;margin-bottom:40px;padding:0 10px;display:flex}@media screen and (min-width:768px){.nav{margin-bottom:30px}}@media screen and (min-width:1280px){.nav{margin-bottom:40px}}.link-logo{align-items:center;display:flex}.logo-icon{margin-right:10px}.logo-text{display:none}@media screen and (min-width:768px){.logo-text{max-width:768px;text-align:center;color:#fff;align-items:center;font-family:Roboto;font-size:30px;font-style:normal;font-weight:500;line-height:1.17;display:flex}}.header__list{align-items:center;margin-left:auto;display:flex}.header__item{align-items:center;margin-left:20px;display:flex}.header__list{align-items:center;margin-left:auto;display:flex}.header__link-home{text-transform:uppercase;color:#fff;padding-top:10px;padding-bottom:10px;font-family:Roboto;font-size:12px;font-style:normal;font-weight:500;line-height:1.17;position:relative}.header__link-home:after{content:"";width:100%;height:3px;background-color:#ff0019;display:block;position:absolute;bottom:6px}.header__link{text-transform:uppercase;color:#fff;padding-top:10px;padding-bottom:10px;font-family:Roboto;font-size:12px;font-style:normal;font-weight:500;line-height:1.17}.auth__login-logout{text-transform:uppercase;color:#fff;cursor:pointer;padding-top:10px;padding-bottom:10px;font-family:Roboto;font-size:12px;font-style:normal;font-weight:500;line-height:1.17}.auth__login-logout:hover,.auth__login-logout:focus{color:#ff0019;transition:background-color .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1)}.header__link-log{text-transform:uppercase;color:#fff;padding-top:10px;padding-bottom:10px;font-family:Roboto;font-size:12px;font-style:normal;font-weight:500;line-height:1.17}.header__link-home:hover,.header__link-home:focus{color:#ff0019;transition:background-color .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1)}.header__link:hover,.header__link:focus,.header__link-log:hover,.header__link-log:focus{color:#ff001b;transition:background-color .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1)}.search-form{color:#fff;justify-content:center;align-items:center;font-family:Roboto;font-size:14px;font-style:normal;font-weight:400;line-height:1.14;transition:stroke .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.header__search-form{display:flex;position:relative}.form__header-input{height:20px;width:280px;color:#fff;background-color:#0000;border:none;border-bottom:1px solid #fff;justify-content:center;align-items:center;margin-left:auto;margin-right:auto;display:flex}@media screen and (min-width:768px){.form__header-input{max-width:768px;height:20px;width:336px;color:#fff;background-color:#0000;border:none;border-bottom:1px solid #fff;justify-content:center;align-items:center;margin-left:auto;margin-right:auto;display:flex}}@media screen and (min-width:1280px){.form__header-input{max-width:1280px;height:20px;width:394px;color:#fff;background-color:#0000;border:none;border-bottom:1px solid #fff;justify-content:center;align-items:center;margin-left:auto;margin-right:auto;display:flex}}.form__header-input:active,:hover,:focus{outline-offset:0;outline:0}.form__header-input:focus::-webkit-input-placeholder{color:#9b575e}.form__header-btn{width:24px;height:24px;cursor:pointer;background:0 0;border:none;transition:stroke .25s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;right:1px;transform:translateY(-50%)}.fixed-headers{z-index:11;min-height:50px;width:100%;background-color:#2f364a;background-image:linear-gradient(#00000026,#00000026),url(abstract-background-with-red-lines-mob.e4f182c9.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:space-around;align-items:center;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;display:flex;position:fixed;top:0;left:0}@media (min-device-pixel-ratio:2),(min-resolution:192dpi),(min-resolution:2dppx){.fixed-headers{background-image:linear-gradient(#00000026,#00000026),url(abstract-background-with-red-lines-mob-2x.f74f1bc1.jpg)}}@media screen and (min-width:768px){.fixed-headers{background-image:linear-gradient(#00000026,#00000026),url(abstract-background-with-red-lines-tab.44296b05.jpg);padding-left:32px;padding-right:32px}}@media screen and (min-width:768px) and (min-device-pixel-ratio:2),screen and (min-width:768px) and (min-resolution:192dpi),screen and (min-width:768px) and (min-resolution:2dppx){.fixed-headers{background-image:linear-gradient(#0000008f,#0000008f),url(abstract-background-with-red-lines-tab-2x.d91eda68.jpg)}}@media screen and (min-width:1280px){.fixed-headers{max-width:1280px;display:none}}.fixed-headers .fixed-list{align-items:center;display:flex}.is-hidden,.logo-text__fixed{display:none}@media screen and (min-width:768px){.logo-text__fixed{max-width:768px;text-align:center;color:#fff;align-items:center;font-family:Roboto;font-size:30px;font-style:normal;font-weight:500;line-height:1.17;display:flex}}.fixed-link-home{text-transform:uppercase;color:#fff;margin-right:40px;padding-top:10px;padding-bottom:10px;font-family:Roboto;font-size:12px;font-style:normal;font-weight:500;line-height:1.17;position:relative}.fixed-link-home:after{content:"";width:100%;height:3px;background-color:#ff001b;display:block;position:absolute;bottom:4px}.fixed-link{text-transform:uppercase;color:#fff;padding-top:10px;padding-bottom:10px;font-family:Roboto;font-size:12px;font-style:normal;font-weight:500;line-height:1.17}.logo-link__fixed{align-items:center;display:flex}button{cursor:pointer}.header-library-container{padding-top:40px;padding-bottom:60px;position:relative}.header-library{background-color:#c4c4c4;background-image:linear-gradient(#0000008f,#0000008f),url(header-bg-mobile.0c030047.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}@media (min-device-pixel-ratio:2),(min-resolution:192dpi),(min-resolution:2dppx){.header-library{background-image:linear-gradient(#0000008f,#0000008f),url(header-bg-mobile-2x.82eb353f.jpg)}}@media screen and (min-width:768px){.header-library{min-width:768px;background-image:linear-gradient(#0000008f,#0000008f),url(header-bg-tablet.173009de.jpg)}}@media screen and (min-width:768px) and (min-device-pixel-ratio:2),screen and (min-width:768px) and (min-resolution:192dpi),screen and (min-width:768px) and (min-resolution:2dppx){.header-library{background-image:linear-gradient(#0000008f,#0000008f),url(header-bg-tablet-2x.d423aaaa.jpg)}}@media screen and (min-width:1280px){.header-library{min-width:1280px;background-image:linear-gradient(#0000008f,#0000008f),url(header-bg-desktop.e3cc19a0.jpg)}}@media screen and (min-width:1280px) and (min-device-pixel-ratio:2),screen and (min-width:1280px) and (min-resolution:192dpi),screen and (min-width:1280px) and (min-resolution:2dppx){.header-library{background-image:linear-gradient(#0000008f,#0000008f),url(header-bg-desktop-2x.691e97db.jpg)}}.header-library__wrap{justify-content:space-between;align-items:center;margin-bottom:60px;display:flex}@media screen and (min-width:768px){.header-library{margin-bottom:40px}}.logo__link{color:#fff;align-items:center;display:flex}.logo__icon{fill:currentColor;margin-right:10px}.logo__text{font-size:30px;font-weight:500;line-height:1.17;display:none}@media screen and (min-width:768px){.logo__text{display:block}}.library-nav__list{display:flex}.library-nav__link{color:#fff;text-transform:uppercase;font-size:12px;font-weight:500;line-height:1.17}.library-nav__link:focus,.library-nav__link:hover{color:#ff6b01;transition:background-color .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1)}.library-nav__item+.library-nav__item{margin-left:40px}.library-nav__item:nth-child(2){border-bottom:3px solid #ff001b}.library-btns__list{justify-content:center;display:flex}.library-btn{min-width:129px;height:44px;text-align:center;text-transform:uppercase;color:#fff;background-color:#0000;border:1px solid #fff;border-radius:5px;justify-content:center;align-items:center;font-size:12px;font-weight:500;line-height:1.33;transition:transform .25s linear;display:flex}.library-btn:hover{transform:scale(1.05)}.btn-active{background-color:#ff6b01;border:#0000}.library-btns__item+.library-btns__item{margin-left:20px}@media screen and (min-width:768px){.library-btns__item+.library-btns__item{margin-left:32px}}@media screen and (min-width:1280px){.library-btns__item+.library-btns__item{margin-left:16px}}.fixed-header{min-height:50px;width:100%;z-index:1;background-color:#2f364a;background-image:linear-gradient(#0000008f,#0000008f),url(header-bg-mobile.0c030047.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:space-around;align-items:center;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;display:flex;position:fixed;top:0;left:0}@media (min-device-pixel-ratio:2),(min-resolution:192dpi),(min-resolution:2dppx){.fixed-header{background-image:linear-gradient(#0000008f,#0000008f),url(header-bg-mobile-2x.82eb353f.jpg)}}@media screen and (min-width:768px){.fixed-header{background-image:linear-gradient(#0000008f,#0000008f),url(header-bg-tablet.173009de.jpg);padding-left:32px;padding-right:32px}}@media screen and (min-width:768px) and (min-device-pixel-ratio:2),screen and (min-width:768px) and (min-resolution:192dpi),screen and (min-width:768px) and (min-resolution:2dppx){.fixed-header{background-image:linear-gradient(#0000008f,#0000008f),url(header-bg-tablet-2x.d423aaaa.jpg)}}@media screen and (min-width:1280px){.fixed-header{background-image:linear-gradient(#0000008f,#0000008f),url(header-bg-desktop.e3cc19a0.jpg)}}@media screen and (min-width:1280px) and (min-device-pixel-ratio:2),screen and (min-width:1280px) and (min-resolution:192dpi),screen and (min-width:1280px) and (min-resolution:2dppx){.fixed-header{background-image:linear-gradient(#0000008f,#0000008f),url(header-bg-desktop-2x.691e97db.jpg)}}.fixed-header .library-btn{max-height:35px;min-width:90px}@media screen and (min-width:768px){.fixed-header .library-btn{min-width:144px}}.fixed-header .library-nav__list{display:none}@media screen and (min-width:768px){.fixed-header .library-nav__list{display:flex}}.div{width:100%;height:438px;background-color:#ff6b01;border-radius:5px}@media screen and (min-width:768px){.div{width:calc(50% - 16px);height:495px}}@media screen and (min-width:1280px){.div{width:calc(33.3333% - 10.6667px);height:634px}}.gallery-container{width:100%;flex-wrap:wrap;gap:20px;padding-top:20px;padding-bottom:40px;display:flex}@media screen and (min-width:768px){.gallery-container{gap:32px;padding-top:60px;padding-bottom:60px}}@media screen and (min-width:1280px){.gallery-container{gap:32px 16px}}.wrap-gallery{height:200px;background-image:url(gallery-nothing.0795e057.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}@media screen and (min-width:768px){.wrap-gallery{height:400px}}@media screen and (min-width:1280px){.wrap-gallery{height:600px}}.pagination{margin-top:60px;margin-bottom:60px}.pagination>.container{justify-content:center;display:flex}.pagination-list{gap:2px;display:flex}.pagination-button{cursor:pointer;color:#000;border:none;border-radius:5px;justify-content:center;align-items:center;font-family:Roboto,sans-serif;font-size:12px;font-weight:500;line-height:1.33;transition:transform .3s linear,background-color .3s linear,color .3s linear;display:flex}.pagination-button__arrow,.pagination-button__page--current{width:40px;height:40px;background-color:#f7f7f7}.pagination-button__page,.pagination-dots{background-color:#0000;padding-left:8px;padding-right:8px}.pagination-button__page--current{color:#fff;background-color:#ff6b08}.pagination-button:hover,.pagination-button:focus{color:#fff;background-color:#ff6b08;transform:scale(1.1)}.trailer-backdrop{width:100%;height:100%;z-index:3;background-color:#00000080;position:fixed;top:0;left:0}.hide-it .trailer__frame{transform:translate(50%,-50%)scale(.3)}.trailer__frame{opacity:1;transition:transform var(--open-modal-time)var(--timing-function);visibility:visible;border:none;position:absolute;top:50%;right:50%;transform:translate(50%,-50%)scale(1);box-shadow:5px 5px 20px #d9d9d9,-5px -5px 20px #fff}@media screen and (min-width:320px){.trailer__frame{width:300px;height:169px}}@media screen and (min-width:768px){.trailer__frame{width:700px;height:394px}}@media screen and (min-width:1280px){.trailer__frame{width:1000px;height:562px}}.show-trailer{transition:fill var(--animation-duration)var(--timing-function);opacity:.8;cursor:pointer;position:absolute;top:168px;left:90px}@media screen and (min-width:768px){.show-trailer{top:200px;left:115px}}@media screen and (min-width:1280px){.show-trailer{top:255px;left:150px}}.show-trailer:hover{fill:var(--color-active-btn);transition:fill var(--animation-duration)var(--timing-function)}.show-trailer:hover:after{content:"watch trailer";color:#000;opacity:1;background-color:#fff;border-radius:5px;padding:5px 10px;font-size:12px;position:absolute;top:-20px;right:5px}.modal-auth__backdrop{width:100vw;height:100vh;z-index:3;background-color:#00000080;position:absolute;top:0}.scroll-auth{position:relative;overflow:hidden}.form__auth{width:70%;z-index:4;border-radius:10px;margin:auto;position:absolute;box-shadow:10px 10px 30px 30px #ebe7e780}@media screen and (min-width:320px){.form__auth{top:50%;left:50%;transform:translate(-50%,-50%)}}@media screen and (min-width:768px){.form__auth{max-width:500px}}.form__auth__wrapper{width:100%;height:10px;float:left;border-bottom:1px solid #0000;border-image:linear-gradient(25deg,var(--color-text-footer),var(--color-fon-footer),var(--color-modal))1;background:var(--color-modal);color:var(--color-btn-white);justify-content:center;align-items:center;padding:30px 20px;display:flex}.form__auth__header{font-size:12px;font-weight:700px;text-transform:uppercase;letter-spacing:1px;border-image:linear-gradient(25deg,var(--color-text-footer),var(--color-fon-footer),var(--color-modal))1;-webkit-background-clip:text;-webkit-background-clip:text;background-clip:text;display:inline-block}@media screen and (min-width:768px){.form__auth__header{font-size:13px}}@media screen and (min-width:1280px){.form__auth__header{font-size:15px;font-weight:900px}}.input__auth__cont{width:100%;height:90%;float:left;background-color:var(--color-text-footer);justify-content:center;align-items:center;padding-top:30px;display:flex}.input__auth__container{width:75%;height:100%;float:left}.input-auth{width:100%;height:40px;color:var(--color-btn-white);border-bottom:2px solid #0000;border-image:linear-gradient(25deg,var(--color-text-footer),var(--color-fon-footer),var(--color-modal))1;background:#faf9f980;border-top-left-radius:2%;border-top-right-radius:2%;margin-bottom:20px;padding-left:10px;font-family:Montserrat;font-size:14px;font-weight:500}.input-auth:hover,.input-auth:focus{color:var(--text-color);background:#fff;display:inline-block;box-shadow:0 14px 28px #f5f2f240,0 10px 10px #faf8f838}.button__auth{width:100%;height:10%;color:var(--text-color);float:left;margin-top:5px;margin-bottom:20px}.button__auth__login,.button__auth__register,.button__auth__logout{width:50%;height:40px;float:left;color:inherit;background:0 0;background-color:var(--text-ganre-color);letter-spacing:1px;cursor:pointer;justify-content:center;align-items:center;font-family:Montserrat;font-size:10px;font-weight:700;display:flex}@media screen and (min-width:768px){.button__auth__login,.button__auth__register,.button__auth__logout{font-size:12px;font-weight:700}}@media screen and (min-width:1280px){.button__auth__login,.button__auth__register,.button__auth__logout{font-size:14px;font-weight:900}}.visually-hidden,.visually-hidden-backdrop{clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;white-space:nowrap;width:1px;position:absolute;overflow:hidden}.disabled{pointer-events:none}.auth__btn-close{cursor:pointer;background-color:#0000;border:none;font-size:16px;position:absolute;top:5px;right:5px}@media screen and (min-width:768px){.auth__btn-close{font-size:18px;top:6px;right:6px}}@media screen and (min-width:1280px){.auth__btn-close{font-size:20px;top:8px;right:8px}}.button-authent{background-color:var(--color-modal);text-align:center;color:var(--color-btn-white);border-color:var(--color-btn-white)}.button-authent:hover,.button-authent:focus{color:var(--text-color);background:#fff;display:inline-block;box-shadow:0 14px 28px #f5f2f240,0 10px 10px #faf8f838}.contributors__backdrop{width:100%;height:100%;z-index:3;background-color:#00000080;position:fixed;top:0;left:0}.hide-it .contributors__modal{transform:translate(50%,5%)scale(.3)}@media screen and (min-width:768px){.hide-it .contributors__modal{transform:translate(50%,-50%)scale(.3)}}.contributors__modal{max-height:80%;background-color:var(--bg-body-color);transition:transform var(--animation-duration)var(--timing-function);visibility:visible;border-radius:10px;padding:15px;position:absolute;top:5%;right:50%;overflow-y:scroll;transform:translate(50%)scale(1);box-shadow:5px 5px 20px #d9d9d9,-5px -5px 20px #fff}@media screen and (min-width:320px){.contributors__modal{width:200px;transform:translate(50%,5%)}}@media screen and (min-width:768px){.contributors__modal{width:450px;top:50%;right:50%;overflow-y:hidden;transform:translate(50%,-50%)}}.contributors__list{flex-wrap:wrap;gap:15px;list-style:none;display:flex}.contributors__item{background:linear-gradient(#fff,gray,#fff 50%);border-radius:5px;padding:5px;font-size:12px;box-shadow:3px 3px 5px #7c7a7a}@media screen and (min-width:320px){.contributors__item{flex-basis:100%}}@media screen and (min-width:768px){.contributors__item{flex-basis:calc(33.3333% - 10px)}}.contributors__photo{width:75px;border-radius:50%;margin:0 auto 5px}.contributors__name,.contributors__position{text-align:center;font-size:11px}.contributors__social-list{justify-content:space-around;list-style:none;display:flex}.contributors__link{background-color:inherit;width:35px;height:35px;border-radius:50%;justify-content:center;align-items:center;display:flex}.contributors__link:hover{transition:background-color var(--animation-duration)var(--timing-function);background-color:#9a99998b}.genres,.years{position:relative}.filters__wrap{justify-content:center;align-items:center;gap:20px;display:flex}@media screen and (min-width:1280px){.filters__wrap{gap:30px}}.filters__form{flex-direction:column;justify-content:center;align-items:center;gap:11px;display:flex}@media screen and (min-width:768px){.filters__form{gap:8px}}@media screen and (min-width:1280px){.filters__form{flex-direction:row;gap:30px}}.filters__container{flex-wrap:wrap;justify-content:center;align-items:center;gap:11px;display:flex}@media screen and (min-width:768px){.filters__container{gap:20px}}@media screen and (min-width:1280px){.filters__container{gap:30px}}.filters{color:#ffffffd9;font-family:Roboto,sans-serif;font-size:14px}@media screen and (min-width:1280px){.filters{margin-top:20px}}.filters__button{width:95px;height:31px;color:#fffc;background-color:#0000;border:none;border-radius:20px;font-family:Roboto,sans-serif;font-size:14px;font-weight:500;line-height:1.33;transition:transform .25s linear;display:block;box-shadow:inset 0 0 8px 1px #ff001bb3}@media screen and (min-width:768px){.filters__button{width:120px;height:33px;box-shadow:inset 0 0 8px 1px #ff001bb3}}@media screen and (min-width:1280px){.filters__button{width:140px;height:37px;font-size:14px}}.filters__button:hover{cursor:pointer}.filters__button--clear{background-color:#ff001b99;border:none;transition:transform .25s linear;position:absolute;top:96%;left:50%;transform:translate(-50%)}@media screen and (min-width:768px){.filters__button--clear{top:100%}}@media screen and (max-width:767.5px){.filters__button--clear{width:115px}}@media screen and (min-width:1280px){.filters__button--clear{position:relative}}.genres__form{z-index:100;width:170px;color:#ffffffd9;background-color:#272e34eb;border-radius:5px;font-family:Roboto,sans-serif;font-size:16px;font-weight:400;position:absolute;top:40px;left:50%;transform:translate(-50%)}@media screen and (min-width:768px){.genres__form{width:230px}}@media screen and (min-width:1280px){.genres__form{top:75px}}.years__form{z-index:100;width:215px;height:130px;background-color:#272e34eb;border-radius:5px;padding:18px 15px;position:absolute;top:40px;left:28%;transform:translate(-50%)}@media screen and (min-width:768px){.years__form{width:400px;height:170px;padding:30px 50px;top:40px;left:50%}}@media screen and (min-width:1280px){.years__form{top:75px}}.genres__wrap,.years__wrap{height:255px;flex-direction:column;padding:10px 15px;display:flex;overflow-y:scroll}@media screen and (min-width:768px){.genres__wrap,.years__wrap{height:350px}}.button__wrap{font-family:Roboto,sans-serif;font-weight:500;line-height:1.33;display:flex}.button__reset{width:50%;height:37px;font:inherit;text-transform:uppercase;color:#272e34eb;background-color:#ffffffbf;font-size:13px}@media screen and (min-width:768px){.button__reset{height:42px;font-size:14px}}.button__submit{width:50%;height:37px;font:inherit;text-transform:uppercase;color:#272e34eb;background-color:#ffffffbf;font-size:13px}@media screen and (min-width:768px){.button__submit{height:42px;font-size:14px}}.button:hover,.button:focus{cursor:pointer}.adult{margin-left:15px;font-size:12px}@media screen and (min-width:768px){.adult{margin-left:0}}input[type=checkbox]{-webkit-appearance:none;appearance:none;font:inherit;color:currentColor;width:1.1114em;height:1.1em;background-color:#fff;border:.15em solid;border-radius:.15em;place-content:center;margin:0;display:grid;transform:translate(-.02em,-.079em)}input[type=checkbox]:before{content:"";width:.65em;height:.65em;box-shadow:inset 1em 1em var(--form-control-color);transition:transform .12s ease-in-out;transform:scale(0)}input[type=checkbox]:checked:before{background-color:#272e34eb;transform:scale(1.15)}.adult__form>label{align-items:center;gap:6px;font-size:13px;display:flex}@media screen and (min-width:1280px){.adult__form>label{font-size:14px}}.genres__wrap>label{align-items:center;gap:6px;font-size:14px;display:flex}@media screen and (min-width:768px){.genres__wrap>label{font-size:15px}}.sort__form{font-size:13px}@media screen and (min-width:1280px){.sort__form{font-size:14px}}.custom-select{-webkit-appearance:none;appearance:none;font:inherit;width:124px;height:22px;color:#fff;cursor:pointer;background:url(https://upload.wikimedia.org/wikipedia/commons/9/9d/Caret_down_font_awesome_whitevariation.svg) right .8em center/1.4em no-repeat,linear-gradient(270deg,#ffffff4d 3em,#fff3 3em);border:0;border-radius:.25em;outline:0;margin-left:6px;padding:0 4em 0 1em;box-shadow:0 0 1em #0003}@media screen and (min-width:768px){.custom-select{width:135px;height:27px}}.custom-select option{color:inherit;background-color:#320a28}.custom-select:focus{outline:none}.custom-select::-ms-expand{display:none}.not-found-img{width:100vw;margin:15px auto;display:block}@media screen and (min-width:480px){.not-found-img{width:480px}}@media screen and (min-width:768px){.not-found-img{width:700px;margin:20px auto}}@media screen and (min-width:1280px){.not-found-img{width:1050px;margin:30px auto}}.add__btn-filter{flex-direction:column;display:flex}@media screen and (min-width:768px){.add__btn-filter{text-align:center;flex-direction:row;justify-content:center}}.add__filter{color:var(--color-btn-white);text-transform:uppercase;background-color:#0000;border:none;padding:10px;font-family:Roboto;transition:color .25s cubic-bezier(.4,0,.2,1)}@media screen and (min-width:768px){.add__filter{width:120px}}@media screen and (min-width:1280px){.add__filter{font-size:12px;font-style:normal;font-weight:500;line-height:1.17}}.add__filter:hover,.add__filter:focus{color:var(--color-active-btn)}.spawn-filter{transition:transform .25s cubic-bezier(.4,0,.2,1);display:none;transform:translateY(-100%)}div.range-slider{width:185px;height:300px;float:left;text-align:center;position:relative}div.range-slider input[type=range]{pointer-events:none;-webkit-appearance:none;-webkit-tap-highlight-color:#fff0;width:185px;height:20px;background:#f1efef;border:none;border-radius:14px;outline:none;margin:0;padding:0;position:absolute;top:50px;left:0;overflow:hidden;box-shadow:inset 0 1px #cdc6c6,inset 0 -1px #d9d4d4}div.range-slider input[type=range]::-webkit-slider-thumb{pointer-events:all;z-index:11;-webkit-appearance:none;width:20px;height:20px;background-image:linear-gradient(#dad8da 0,#413f41 100%);border:none;border-radius:14px;outline:0;position:relative}div.range-slider input[type=range]::-moz-range-thumb{pointer-events:all;z-index:12;-moz-appearance:none;width:20px;height:20px;background-image:linear-gradient(#dad8da 0,#413f41 100%);border:none;border-radius:14px;position:relative}div.range-slider input[type=range]::-ms-thumb{pointer-events:all;z-index:12;-ms-appearance:none;width:20px;height:20px;background-image:linear-gradient(#dad8da 0,#413f41 100%);border:0;border-radius:14px;position:relative}div.range-slider input[type=range]::-moz-range-track{z-index:-1;background-color:#000;border:0;position:relative}div.range-slider input[type=range]:last-of-type::-moz-range-track{-moz-appearance:none;background:0 0;border:0}div.range-slider input[type=range]::-moz-focus-outer{border:0}@media screen and (min-width:768px){div.range-slider{width:300px;height:300px;float:left;text-align:center;position:relative}div.range-slider input[type=range]{pointer-events:none;-webkit-appearance:none;-webkit-tap-highlight-color:#fff0;width:300px;height:20px;background:#f1efef;border:none;border-radius:14px;outline:none;margin:0;padding:0;position:absolute;top:50px;left:0;overflow:hidden;box-shadow:inset 0 1px #cdc6c6,inset 0 -1px #d9d4d4}div.range-slider input[type=range]::-webkit-slider-thumb{pointer-events:all;z-index:11;-webkit-appearance:none;width:20px;height:20px;background-image:linear-gradient(#dad8da 0,#413f41 100%);border:none;border-radius:14px;outline:0;position:relative}div.range-slider input[type=range]::-moz-range-thumb{pointer-events:all;z-index:12;-moz-appearance:none;width:20px;height:20px;background-image:linear-gradient(#dad8da 0,#413f41 100%);border:none;border-radius:14px;position:relative}div.range-slider input[type=range]::-ms-thumb{pointer-events:all;z-index:12;-ms-appearance:none;width:20px;height:20px;background-image:linear-gradient(#dad8da 0,#413f41 100%);border:0;border-radius:14px;position:relative}div.range-slider input[type=range]::-moz-range-track{z-index:-1;background-color:#000;border:0;position:relative}div.range-slider input[type=range]:last-of-type::-moz-range-track{-moz-appearance:none;background:0 0;border:0}div.range-slider input[type=range]::-moz-focus-outer{border:0}}.range-description{text-align:center;color:#ffffffd9;font-family:Roboto,sans-serif;font-size:15px;font-weight:500}@media screen and (min-width:768px){.range-description{font-size:16px}}.range-slider{margin:0 auto}.range-values{color:#ffffffd9;font-family:Roboto,sans-serif;font-size:14px;font-weight:400}@media screen and (min-width:768px){.range-values{font-size:16px}}
/*# sourceMappingURL=index.5e262d17.css.map */