:root{--main-font:"Roboto",sans-serif;--white-color:#fff;--orange-color:#ff6b08;--black-color:#000;--footer-backgraund-color:#f7f7f7;--red-color:#ff001b;--footer-text-color:#545454;--indent:32px;--items:1}body{color:var(--black-color);margin:0;font-family:Roboto,sans-serif;font-size:12px;font-weight:500;line-height:24px;transition:all .5s ease-in-out;overflow-x:hidden}*{box-sizing:border-box}.no-scroll{overflow:hidden}*{box-sizing:border-box}body{margin:0}ul,p{margin:0;padding:0}h1,h2,h3,h4{margin:0}.list{list-style:none}.link{text-decoration:none}img{max-width:100%;height:auto;display:block}.container{margin:0 auto;padding:0 20px}@media (max-width:767.98px){.container{max-width:320px}}@media screen and (min-width:768px){.container{width:768px;padding:0 32px}}@media screen and (min-width:1280px){.container{width:1280px}}.section{padding:20px 0}@media screen and (min-width:768px){.section{padding:60px 0}}.logo{color:var(--white-color);font-size:30px;font-weight:500;line-height:1.16667}.btn{cursor:pointer;color:var(--white-color);background-color:var(--orange-color);border:none;justify-content:center;align-items:center;margin:0 auto;padding:13px 46px;font-size:12px;font-weight:500;line-height:16px;display:flex}@media screen and (min-width:480px){.btn{padding:14px 36px}}.btn-goup{width:60px;height:60px;cursor:pointer;color:rgba(39,46,52,.5);background-color:#fff;border:2px solid rgba(39,46,52,.5);border-radius:50%;outline:none;font-size:41px;transition:all .5s ease-in-out;position:fixed;bottom:40px;right:40px;transform:scale(1);box-shadow:0 0 rgba(0,0,0,0)}.btn-goup:hover{transform:scale(1.2);box-shadow:0 0 18px #000}.btn-goup__icon{fill:rgba(39,46,52,.5)}.is-hidden{width:1px;height:1px;clip:rect(0,0,0,0);white-space:nowrap;border:0;margin:-1px;padding:0;transition:all .5s ease-in-out;position:absolute;overflow:hidden}.pagination{justify-content:center;display:flex}.pagination-list{align-items:center;gap:20px;display:flex}.pagination-list__item-page{color:var(--orange-color);font-size:14px}.pagination-list__item-nav{background-color:var(--orange-color);color:var(--white-color);cursor:pointer;border-radius:50px;padding:5px 15px;font-size:14px}.backdrop{cursor:pointer;z-index:1000;background-color:rgba(0,0,0,.2);padding:20px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}@media (min-width:768px) and (max-width:1279.98px){.backdrop{padding:32px}}@media screen and (min-width:1280px){.backdrop{padding-left:237px;padding-right:237px}}.modal{color:#000;cursor:default;background-color:#fff;margin:auto;padding:48px 20px 40px;position:relative;overflow:hidden}@media screen and (min-width:1280px){.modal{padding:40px 12px}}@media (min-width:768px) and (max-width:1279.98px){.modal{padding:40px 72px 40px 36px}}@media screen and (min-width:1280px){.modal__content{gap:16px;display:flex}}@media (min-width:768px) and (max-width:1279.98px){.modal__content{gap:68px;display:flex}}@media (max-width:767.98px){.modal__content{width:240px}}.modal__close{cursor:pointer;fill:#000;opacity:.5;background:0 0;border:none;padding:0;position:absolute;top:8px;right:8px}.modal__icon-close{pointer-events:none}.modal__close:hover{opacity:1}.modal__image{width:240px;height:357px;border-radius:5px;margin-bottom:20px;position:relative}@media screen and (min-width:1280px){.modal__image{height:478px;width:375px;margin-bottom:0}}@media (min-width:768px) and (max-width:1279.98px){.modal__image{width:264px;height:374px;margin-bottom:0}}.modal__img-box{position:relative}.modal__img-box:hover{opacity:.9}.modal__trailer-btn{color:#fff;width:50px;height:50px;background:0 0;border:2px solid #fff;border-radius:5px;justify-content:center;font-size:36px;transition:opacity .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.modal__img-box:hover button{cursor:pointer;opacity:1;background:rgba(255,107,1,.7);transition:opacity .3s}@media screen and (min-width:1280px){.modal__text-content{width:391px}}@media (min-width:768px) and (max-width:1279.98px){.modal__text-content{width:264px}}.modal__title{margin-bottom:20px;font-size:20px;line-height:1.15}@media screen and (min-width:1280px){.modal__title{font-size:30px;line-height:1.17}}.modal__about{text-transform:uppercase;color:#000;margin-bottom:8px;font-family:Roboto;font-size:12px;font-weight:500;line-height:1.33}.modal__about-text{margin-bottom:20px;font-size:12px;line-height:1.67}.modal__info{gap:39px;margin-bottom:20px;display:flex}@media screen and (min-width:1280px){.modal__info{gap:83px}}.modal__info-key{color:#8c8c8c;font-size:12px;font-weight:500;line-height:1.33}.modal__info-key p:not(:last-child){width:69px;margin-bottom:8px}.modal__info-value{color:#000;font-size:12px;font-weight:500;line-height:1.33}.modal__info-value p:not(:last-child){margin-bottom:8px}.modal__btns{gap:15px;display:flex}@media screen and (min-width:1280px){.modal__btns{padding-left:8px}}.modal__watched-btn,.modal__queue-btn{width:136px;height:44px;text-transform:uppercase;cursor:pointer;background:#fff;border:1px solid #000;border-radius:5px;justify-content:center;align-items:center;font-family:Roboto;font-size:12px;font-weight:500;line-height:1.33;display:flex}.modal__watched-btn:hover,.modal__queue-btn:hover{color:#fff;background-color:#ff6b01;border-radius:5px}ul{list-style:none}.modal__show{visibility:visible;opacity:1}.modal__vote-design{color:#fff;background-color:#ff6b01;border-radius:5px;padding-left:10px;padding-right:9px}.modal__votes-design{background-color:#f7f7f7;border-radius:5px;padding-left:4px;padding-right:4px}.card-set{flex-wrap:wrap;gap:30px;display:flex}.card-set-iteam{flex-basis:calc((100% - var(--indent)*(var(--items) - 1))/var(--items))}.overlay{height:100%;width:0;background-color:var(--black-color);z-index:2000;background-color:rgba(0,0,0,.9);transition:all .5s;position:fixed;top:0;left:0;overflow-x:hidden}.overlay-content{flex-direction:column;align-items:center;gap:30px;display:flex;position:relative;top:10%}.overlay-content iframe{width:100%;aspect-ratio:16/9;max-width:1000px;padding:20px}.overlay .closebtn{color:var(--footer-text-color);cursor:pointer;background-color:rgba(0,0,0,0);border:none;padding:10px 15px;font-size:50px;transition:all .3s;position:absolute;top:10px;right:10px}.overlay .closebtn:hover,.overlay .closebtn:focus{color:var(--orange-color)}.header__section{background-image:url(home-bcg-sm.9b1cefe2.svg);background-position:top;background-repeat:no-repeat;background-size:100%;padding-top:44px;padding-bottom:92px}@media (min-width:768px) and (max-width:1279.98px){.header__section{background-image:url(home-bcg-md.9cdef089.svg)}}@media screen and (min-width:768px){.header__section{padding-top:40px;padding-bottom:80px}}@media screen and (min-width:1280px){.header__section{background-image:url(home-bcg-lg.75ba38d7.svg)}}.header__container{min-height:230px;flex-direction:column;gap:54px;display:flex}@media screen and (min-width:768px){.header__container{min-height:216px;gap:40px}}.header__body{justify-content:space-between;align-items:center;margin-bottom:60px;display:flex}@media screen and (min-width:768px){.header__body{margin-bottom:40px}}.logo{align-self:flex-start;align-items:center;display:flex}.logo .logo__wrap{height:24px;width:24px;display:flex;position:relative;overflow:hidden}.logo .logo__icons{flex-direction:column;display:flex;position:absolute;top:-24px;left:0}.logo .logo__icon--first,.logo .logo__icon--second{height:24px;animation-name:movieScrolling;animation-duration:1.5s;animation-timing-function:cubic-bezier(.86,0,.07,1);animation-iteration-count:infinite;display:flex}@keyframes movieScrolling{0%{transform:translateY(24px)}to{transform:translateY(0)}}@media (max-width:767.98px){.logo__txt{display:none}}@media screen and (min-width:768px){.logo__txt{margin-left:8px}}@media screen and (min-width:1280px){.logo__txt{margin-left:10px}}.nav__list{justify-content:center;align-items:center;gap:40px;display:flex}.nav__link{text-transform:uppercase;color:var(--white-color);padding-bottom:3px;font-weight:500;line-height:1.16667;transition:color .5s linear}.nav__link:hover,.nav__link:focus{color:var(--red-color)}.nav__link--current{position:relative}.search-form{justify-content:center;align-self:center;display:flex}.search-form__notification{max-width:280px;color:var(--red-color);align-self:center;font-size:14px;font-weight:400;line-height:1.14286;position:absolute;top:155px}@media screen and (min-width:768px){.search-form__notification{max-width:393px}}.search-form__bar{width:100%;max-width:280px;border-bottom:.5px solid var(--white-color);background-color:rgba(0,0,0,0);justify-content:space-between;align-self:center;align-items:center;padding-bottom:4px;transition:border-bottom .5s linear;display:flex;position:relative}.search-form__bar:hover,.search-form__bar:focus{border-bottom:.5px solid var(--red-color)}@media (min-width:768px) and (max-width:1279.98px){.search-form__bar{max-width:336px}}@media screen and (min-width:1280px){.search-form__bar{max-width:394px}}.search-form__input{width:100%;color:var(--white-color);background-color:rgba(0,0,0,0);border:0;outline:none;font-size:14px;line-height:1.14286}.search-form__input::-ms-input-placeholder{color:var(--white-color);font-size:14px;line-height:1.14286}.search-form__input::placeholder{color:var(--white-color);font-size:14px;line-height:1.14286}.search-form__btn{cursor:pointer;background-color:rgba(0,0,0,0);border:0;transition:transform .5s linear}.search-form__btn:hover,.search-form__btn:focus{transform:scale(1.5)}.current:after{content:"";width:100%;height:3px;background-color:var(--red-color);display:block;position:absolute;bottom:-1px;left:0}input[type=checkbox]{width:80px;height:30px;-webkit-appearance:none;-ms-appearance:none;appearance:none;background-color:var(--white-color);border-radius:50px;margin-left:auto;display:block;position:relative;top:20px}input[type=checkbox]:before{content:"";width:20px;height:20px;background-color:#1c1c1c;border-radius:50px;transition:all .5s ease-in-out;position:absolute;top:5px;left:5px}input[type=checkbox]:checked{background-color:#c9cda8;transition:all .5s ease-in}input[type=checkbox]:checked:before{background-color:var(--white-color);transform:translate(50px)}.dark{color:var(--white-color);background-color:#1c1c1c}.gallery{row-gap:20px;display:grid}@media screen and (min-width:768px){.gallery{grid-template-columns:repeat(2,1fr);gap:32px}}@media screen and (min-width:1280px){.gallery{grid-template-columns:repeat(4,1fr);gap:16px 32px}}.gallery-card{cursor:pointer;transition:all .3s ease-in-out;box-shadow:0 0 rgba(0,0,0,0)}.gallery-card:hover{transform:scale(.97);box-shadow:0 0 15px 3px #000}@media (max-width:767.98px){.gallery-card{max-width:280px}}@media screen and (min-width:768px){.gallery-card{width:336px}}@media screen and (min-width:1280px){.gallery-card{width:280px}}@media (max-width:767.98px){.gallery-pages{max-width:280px}}@media screen and (min-width:768px){.gallery-pages{width:374px}}.section__footer{background-color:var(--footer-backgraund-color);padding:30px 15px}.footer-info{color:var(--black-color);font-family:var(--main-font);text-align:center;font-size:16px;font-style:normal;font-weight:400;line-height:18.75px}.footer-info span{white-space:nowrap}.backdrop{width:100%;height:100%;z-index:990;background-color:rgba(0,0,0,.2);padding:90px 15px;transition:opacity .3s linear,visibility .3s linear;position:fixed;top:0;left:0;overflow-y:scroll}.backdrop.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.team__modal{background-color:var(--white-color);text-align:center;max-width:260px;height:4300px;border-radius:4px;margin-left:auto;margin-right:auto;padding:25px 12px;transition:transform .3s linear;position:relative;top:-50px;left:0}.backdrop.is-hidden .team__modal{transform:translate(-50%,-50%)scale(0)rotate(120deg)}@media screen and (min-width:768px){.team__modal{width:100%;max-width:600px;height:2500px;top:-60px}}@media screen and (min-width:1280px){.team__modal{max-width:1200px;height:1400px;left:10px}}.team__icon{fill:var(--black-color);width:20px;height:20px;transition:fill .3s linear}@media screen and (min-width:768px){.team__icon{width:18px;height:18px}}.team__link{width:32px;height:32px;cursor:pointer;background-color:rgba(0,0,0,0);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:28px;left:170px}@media screen and (min-width:768px){.team__link{top:28px;left:200px}}@media screen and (min-width:1280px){.team__link{top:40px;right:40px}}.team__link:hover .team__icon,.team__link:focus .team__icon{fill:var(--red-color)}.close__btn{width:35px;height:35px;cursor:pointer;border:1px solid var(--white-color);background-color:rgba(0,0,0,0);border-radius:50%;justify-content:center;align-items:center;transition:fill .3s linear;display:flex;position:absolute;top:5px;right:10px}@media screen and (min-width:768px){.close__btn{top:35px;right:30px}}@media screen and (min-width:1280px){.close__btn{top:35px;right:40px}}.close__btn:hover .team__icon,.close__btn:focus .team__icon{fill:var(--red-color)}.team__list{--items:1;flex-direction:column;justify-content:center;align-items:center}@media screen and (min-width:768px){.team__list{--items:2;flex-direction:row}}@media screen and (min-width:1280px){.team__list{--items:4}}.team__item{max-width:230px;max-height:357px;background:rgba(42,43,51,.1);border-radius:10px;padding:16px;transition:background-color .3s linear}@media screen and (min-width:768px){.team__item{max-width:255px;max-height:357px}}.team__item:hover,.team__item:focus{background-color:rgba(158,28,41,.2)}.team__card{position:relative}.team__card:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)){text-align:left}.team__card:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:right}.team__card:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:right}.team__card:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:right}@media screen and (min-width:768px){.team__card{max-width:354px}}@media screen and (min-width:1280px){.team__card{max-width:270px}}.team__title{color:#2a2b33;margin-bottom:10px;font-size:16px;font-weight:500;line-height:1.5em}@media screen and (min-width:1280px){.team__title{margin-bottom:16px;font-size:20px;font-weight:500}}.team__title--main{text-align:center;margin-bottom:15px;font-size:30px;font-weight:500}@media screen and (min-width:768px){.team__title--main{margin-bottom:48px;font-size:48px;font-weight:600}}.team__text{color:#2a2b33;margin:0;font-size:14px;font-weight:400;line-height:1.5em}@media screen and (min-width:768px){.team__text{font-size:16px;font-weight:400}}.team__img{text-align:center;margin-bottom:32px}@media screen and (min-width:768px){.team__img{height:223px}}.footer__log{color:var(--footer-text-color);font-size:16px;line-height:19px;text-decoration:underline}.card-image{padding-bottom:12px}.card-image img{width:100%;height:auto;border-radius:5px}.card-info{width:223px;font-family:var(--main-font);font-size:12px;font-style:normal;font-weight:500;line-height:1.2}.card-name{color:var(--black-color);text-transform:uppercase;margin-bottom:3px}.card-genre{color:var(--orange-color)}.header-library{background-image:linear-gradient(90deg,rgba(0,0,0,.56),rgba(0,0,0,.56)),url(library-bcg-sm.f65d3caa.svg);background-position:50%;background-repeat:no-repeat;background-size:cover}@media (min-width:768px) and (max-width:1279.98px){.header-library{background-image:linear-gradient(90deg,rgba(0,0,0,.56),rgba(0,0,0,.56)),url(library-bcg-md.03a80dcd.svg)}}@media screen and (min-width:1280px){.header-library{background-image:linear-gradient(90deg,rgba(0,0,0,.56),rgba(0,0,0,.56)),url(library-bcg-lg.57c9c62f.svg)}}.header-library__container{min-height:230px;flex-direction:column;gap:66px;margin:0 auto;padding:0 20px;display:flex}@media (max-width:767.98px){.header-library__container{max-width:320px}}@media (min-width:768px) and (max-width:1279.98px){.header-library__container{min-height:219px;gap:40px;padding:0 32px}}@media screen and (min-width:1280px){.header-library__container{max-width:1280px}}.header-library__section{align-content:center;justify-content:space-between;align-items:center;padding-top:20px;display:flex}@media screen and (min-width:768px){.header-library__section{justify-content:space-between;padding-top:40px}}.logo__wrap{height:24px;width:24px;display:flex;position:relative;overflow:hidden}.logo__icons{flex-direction:column;display:flex;position:absolute;top:-24px;left:0}.logo__icon--first,.logo__icon--second{height:24px;animation-name:movieScrolling;animation-duration:1.5s;animation-timing-function:cubic-bezier(.86,0,.07,1);animation-iteration-count:infinite;display:flex}@media (max-width:767.98px){.logo__title{display:none}}@media screen and (min-width:768px){.logo__title{margin-left:8px}}.logo__icon{fill:var(--white-color)}.filter{justify-content:center;display:flex}@media screen and (min-width:768px){.filter{column-gap:32px;padding-bottom:60px}}@media screen and (min-width:1280px){.filter{gap:16px}}.filter__list{column-gap:20px;list-style:none;display:flex}.filter__button{width:129px;text-align:center;text-transform:uppercase;color:var(--white-color);border:1px solid var(--white-color);background-color:rgba(0,0,0,0);border-radius:5px;align-items:center;line-height:1.33333}@media screen and (min-width:768px){.filter__button{width:152px}}@media screen and (min-width:1280px){.filter__button{width:148px}}.btn--active{filter:drop-shadow(0 8px 43px rgba(255,107,1,.6));background-color:var(--orange-color);border:1px solid var(--orange-color)}.nav{justify-content:flex-end;display:flex}.nav__list{justify-content:center;align-items:center;gap:40px;list-style:none;display:flex}.nav .nav__link{text-decoration:none}
/*# sourceMappingURL=index.d7f8a11b.css.map */