*{padding:0;margin:0}html{scroll-behavior:smooth}body{background-color:#000!important;width:100%;height:100%;color:#fff;font-family:Roboto}header{position:fixed;transition:.4s ease;background-color:#000;width:100%;z-index:1000;padding:22px 80px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;box-sizing:border-box}.logo{width:120px;height:60px}.anchor{scroll-margin-top:80px}.header__logo-flex{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:5px;text-decoration:none}.header__logo-flex_sitename{display:flex;flex-direction:column;align-items:flex-start}.header__logo-flex_sitename>p{font-size:20px;font-weight:900;color:#fff;line-height:90%;margin-bottom:0}.header__navbar-flex{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:15px}@media (max-width: 1000px){.header__navbar-flex{position:fixed;top:70px;display:flex;justify-content:start;width:200px;padding-top:20px;height:100vh;background-color:#000000e6;left:0;opacity:0;visibility:hidden;flex-direction:column;transition:all .3s;transform:translate(-200px)}}.active-navbar{transform:translate(0);opacity:1;visibility:visible}.header__navbar-flex>a{padding:10px;color:#fff;text-decoration:none;font-size:16px;opacity:.7;transition:all .3s}.header__navbar-flex>a:hover{opacity:1}.favorites__movies{display:flex;gap:5px}.favorites__movies__link{display:flex;column-gap:5px;align-items:center}.favorites__movies__link>img{display:block;width:25px}.favorites__movies__link>p{color:#fff;font-size:19px;font-weight:600}.header__auth-flex{display:flex;flex-direction:row;align-items:center;gap:10px;justify-content:center}.header__auth-flex>a{font-size:18px;font-weight:500;text-decoration:none;color:#fff}.header__banner{display:flex;width:100%;height:100vh;position:relative;align-items:center;overflow:hidden}.header__banner>iframe{position:absolute;top:50%;left:50%;width:177.77vh;height:100vh;transform:translate(-50%,-50%);pointer-events:none;border:none;opacity:1}.header__banner>img{display:block;position:absolute;width:100%;object-fit:cover;height:100%;opacity:.72}.header__banner>img:last-child{opacity:.52}.header__banner>div{display:flex;flex-direction:column;position:absolute;z-index:1;max-width:844px;margin-left:80px;padding:20px}.header__banner>div>p:first-child{font-size:96px;font-weight:700;color:#fff}.header__banner>div>p:last-of-type{font-size:24px;font-weight:medium;color:#fff}.header__banner>div>div{display:flex;flex-direction:row;align-items:center;gap:27px;margin-top:26px}.header__banner>div>div>button{display:block;padding:9px 32px;background-color:#000;border-radius:49px;border:0px;cursor:pointer;color:#fff;font-size:19px}.header__banner>div>div>a{display:block;padding:9px 32px;background-color:#000;border-radius:49px;border:0px;cursor:pointer;color:#fff;font-size:19px;text-decoration:none}.header__banner>div>div>a:hover{transition:.2s ease;background-color:#141414}.header__banner>div>div>button:hover{transition:.2s ease;background-color:#141414}.header__banner>div>div>button:last-of-type{background-color:#c01616}.header__banner>div>div>button:last-of-type:hover{transition:.2s ease;box-shadow:0 0 15px #c01616}.header__banner>div>div>a{max-width:200px;width:100%;text-align:center}.header__banner>div>div>a:nth-child(2){background-color:#c01616}.header__banner>div>div>a:nth-child(2):hover{box-shadow:0 0 15px #c01616}.container{display:flex;flex-direction:column;margin-left:80px;margin-right:80px;margin-top:25px}.dl,ol,ul{margin-top:0;margin-bottom:0rem}.filter{display:flex;flex-direction:column;width:100%;gap:15px;position:relative}.filter__buttons{display:flex;width:100%;flex-direction:row;align-items:center;flex-wrap:wrap;gap:5px}.filter__buttons>button{display:block;cursor:pointer;padding:9px 33px;transition:background-color .2s ease;background-color:#222127;border-radius:32px;border:0px;color:#fff;font-size:13px;font-weight:700}.active{transition:.2s;background-color:#ff0a1d!important}.filter__search{display:flex;align-items:center;border:0;border-left:30px;border-right:0px;max-width:240px;width:100%}.filter__search>input{border:none;outline:none;flex:1;padding:8px 10px;font-size:16px;background-color:#222127;border-top-left-radius:30px;color:#fff;border-bottom-left-radius:30px;border-right:0px;width:100%}.filter__search>button{background-color:transparent;border:none;cursor:pointer;padding:8px;background-color:#222127;border-top-right-radius:30px;border-bottom-right-radius:30px}.filter__search>button>i{font-size:17px;color:#fff}.movies{margin-top:25px;width:100%;display:grid;justify-items:center;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:25px;justify-content:space-between}.movies__card{display:block;width:130px;height:200px;position:relative;text-decoration:none}.movies__card>img{display:block;position:absolute;width:100%;cursor:pointer;height:100%;border-radius:10px}.movies__card-rating{display:flex;flex-direction:row;align-items:center;justify-content:center;position:absolute;gap:5px;padding:3px 0;z-index:1;background-color:#000000c7;width:100%;color:gold;font-size:20px}.movies__info-rating{display:flex;align-items:center;margin-bottom:12px}.movies__info-rating img{width:35px}.movies__card>img:hover{transition:.2s ease;opacity:.6}.movies__card-rating>img{display:block;width:19px;height:19px}.movies__scroll{display:flex;flex-direction:row;justify-content:center;gap:5px;margin-top:20px;margin-bottom:20px}.movies__scroll>button{position:relative;width:40px;height:40px;border-radius:50%;border:0px;background-color:#222127;color:#fff;cursor:pointer;font-size:15px}.footer__hrefs{display:flex;flex-direction:row;justify-content:flex-start;gap:120px;margin-right:200px}@media (max-width: 1200px){.footer__hrefs{margin-right:40px}}.footer__hrefs>div{display:flex;flex-direction:column;gap:24px}.footer__hrefs>div>a:first-of-type{color:#fff;font-weight:700}.footer__hrefs>div>p:first-of-type{color:#fff;font-weight:700}.footer__hrefs>div>a:not(:first-child){color:#454545;transition:all .3s;font-size:16px}.footer__hrefs>div>p:not(:first-child){color:#454545;font-size:16px}.footer__hrefs>div>a:not(:first-child):hover{color:#bdbdbd;transform:translate(10px)}.footer__padding{display:flex;flex-direction:row;border-top:1px solid #fff;padding:48px;justify-content:space-between}.site__info{display:flex;flex-direction:column;justify-content:space-between}.site__info>p{color:#fff;font-size:25px;font-weight:bolder}.site__info>div{display:flex;flex-direction:row;align-items:center;gap:15px}.site__info>div>img{display:block;width:25px}.favorites__title>div>p{color:#fff;font-size:20px;font-weight:medium}.favorites__banner{display:flex;width:100%;height:500px;position:relative;align-items:flex-end}.favorites__banner>img{display:block;position:relative;width:100%;height:100%;object-fit:cover}.gradient__overlay{position:absolute;bottom:0;left:0;right:0;height:30%;z-index:2;background:linear-gradient(to top,#000,#0000)}.favorites__banner-title{display:flex;width:100%;flex-direction:column;position:absolute;z-index:3;margin-bottom:10px}.favorites__banner-title>span{display:block;background:linear-gradient(to top,#b7140f,#131313c7);width:100%;height:2px}.favorites__banner-title>div{display:flex;flex-direction:column;align-items:center;gap:5px;justify-content:center}.favorites__banner-title>div>span{display:block;width:8px;height:8px;border-radius:50%;background-color:#b7140f}.favorites__banner-title>div>p{color:#fff;font-size:20px;font-weight:medium}.top-movies{display:flex;flex-direction:column;gap:16px}.favorites_movies{display:flex;flex-direction:row;gap:35px;margin-top:15px}.top-movies>p{color:#fff;font-size:23px;font-weight:600}.top-movies__card{display:block;position:relative;border-radius:7px}.top-movies__card-padding{display:flex;flex-direction:row;gap:13px;position:relative;padding:4px}.top-movies__card-padding>img{max-width:60px;border-radius:5px}.top-movies__card-info{display:flex;flex-direction:column;justify-content:space-between}.top-movies__card-info-title{display:flex;flex-direction:column;gap:4px}.top-movies__card-info-title>p:first-of-type{color:#fff;font-size:14px;font-weight:400}.top-movies__card-info-title>p:last-of-type{color:#9ea2a8;font-size:11px;font-weight:300}.top-movies__card-info-description{display:flex;flex-direction:row}.top-movies__card-info-description>p{padding:0 7px;color:#9ea2a8;font-size:14px;font-weight:500;border-left:1px solid #43464b;border-right:1px solid #43464b}.no_bg{background-color:transparent}main{display:flex;max-width:1920px;flex-direction:column;gap:25px;height:100%;padding-top:80px;padding-left:80px;padding-right:80px;align-items:center;margin-bottom:80px}main>video{display:block;position:relative}.main__info-rating{display:flex;flex-direction:row;gap:3px}.main__info-rating img{display:block;width:32px}.main__info-left-title p{color:#fff;font-size:36px;font-weight:700}.main__info-left-title{display:flex;flex-direction:row;align-items:center;gap:14px}.main__info-left-categoryes>p{flex-wrap:wrap;display:inline-block;color:#fff;font-size:14px;font-weight:400;padding:7px 8px;border:1px solid #fff;border-radius:10px}.main__info-left-categoryes{display:inline-flex;gap:10px}.main__info-left-about>p:first-of-type{color:#fff;font-size:27px;font-weight:700}.main__info-left-about>p:last-of-type{color:#fff;font-size:20px;font-weight:400}.main__info-left-about{display:flex;flex-direction:column;gap:11px}.main__info-left-about-actions{width:100%;display:flex;column-gap:20px}.main__info-rigth-info{display:flex;flex-direction:column;gap:15px}.main__info-rigth-info>div{display:flex;flex-direction:row;align-items:center;gap:3px}.main__info-rigth-info>div>p:first-child{color:#9ea2a8;font-size:16px;font-weight:400}.main__info-rigth-info>div>p:last-of-type{color:#fff;font-size:16px;font-weight:400}.main__info-right>p{color:#fff;font-size:27px;font-weight:700}.main__info-right{display:flex;flex-direction:column;gap:15px}.main__info-left{display:flex;flex-direction:column;gap:12px}.main__info{display:flex;flex-direction:row;width:100%;justify-content:space-between}.video-container{width:100%;max-width:1200px;margin:0 auto 30px;padding:0 20px;box-sizing:border-box}.video-container.no-trailer{display:flex;flex-direction:column;align-items:center;gap:20px}.video-wrapper{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:8px;box-shadow:0 4px 12px #0003}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.backdrop-image{width:100%;max-height:500px;object-fit:cover;border-radius:8px;box-shadow:0 4px 12px #0003}.trailer-text{color:#fff;font-size:1.5rem;text-align:center;margin-top:20px}@media (max-width: 768px){.video-container{padding:0 10px;margin-bottom:20px}.trailer-text{font-size:1.2rem}}.filter__categoryes-item{display:flex;flex-direction:column;align-items:center;gap:7px;justify-content:center;cursor:pointer}.filter__categoryes-item p{transition:.2s ease;color:#626262;font-size:16px;font-weight:700}.filter__categoryes-item span{transition:.2s ease;display:none;width:8px;height:8px;border-radius:50%;background-color:red}.active-category{cursor:default}.active-category p{transition:.2s ease;color:#fff;font-size:32px;font-weight:700}.active-category span{transition:.2s ease;display:block}.filter__categoryes-flex{display:flex;height:54px;flex-direction:row;align-items:center;justify-content:space-between}.filter__categoryes{display:flex;flex-direction:column;gap:11px}.filter__categoryes>span{display:block;width:100%;height:3px;background-color:#222127;border-radius:19px}.cursor{display:inline-block;width:10px;background-color:#000;margin-left:5px;animation:blink .8s step-end infinite}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}.round{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border:5px solid white;border-left:5px solid transparent;border-radius:50%;animation:rotate 1s linear infinite}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}body{display:flex;flex-direction:column;min-height:100vh}footer{margin-top:auto}.login{display:flex;text-align:center;align-items:center;column-gap:10px;font-size:20px;margin-left:10px}.login img{width:30px;height:30px;border-radius:50%}ul{padding:0;margin:0;list-style:none}.backdrop-image{width:100%;max-width:500px;display:flex;border-radius:12px;height:auto}.trailer-text{margin-top:20px;font-size:24px;color:gold}.header-burger-btn{position:relative;width:50px;height:50px;background-color:#000;border:none;cursor:pointer}.header-burger-line{position:absolute;width:75%;height:3px;background-color:#ff00bfd2;transition:all .3s}.header-burger-line:nth-child(1){top:30%;left:50%;transform:translate(-50%,-30%)}.header-burger-line:nth-child(2){top:50%;left:50%;transform:translate(-50%,-50%)}.header-burger-line:nth-child(3){top:70%;left:50%;transform:translate(-50%,-70%)}.header-burger-line:nth-child(1).active-burger{top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg)}.header-burger-line:nth-child(2).active-burger{visibility:hidden;opacity:0}.header-burger-line:nth-child(3).active-burger{top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg)}@media (min-width: 1000px){.header-burger-btn{display:none}}@media (max-width: 800px){.footer__padding,.footer__hrefs{flex-direction:column;align-items:center;text-align:center;row-gap:40px}.footer__hrefs{margin-right:0}.site__info{row-gap:20px}}.like-btn,.dislike-btn{max-width:200px;width:100%;height:45px;color:#fff;border-radius:12px;background-color:#7a000080;border:none;display:flex;align-items:center;justify-content:center;column-gap:5px;cursor:pointer;transition:all .3s}.dislike-btn svg{transform:rotate(180deg)}.like-btn:hover,.dislike-btn:hover{background-color:#7a0000cc}a{text-decoration:none;color:#fff}button,input{border:none}.noMoviesImg{max-width:375px;width:100%;margin:0 auto;border-radius:15px;animation:fade-out .3s ease-in-out}.movies__card{animation:fade-out .3s ease-in-out}@keyframes fade-out{0%{opacity:0}to{opacity:1}}.adminLink{color:gold!important}.soundButton{color:#fff;width:70px;font-size:16px;padding:10px;height:70px;border-radius:50%;background-color:red;cursor:pointer;position:absolute;bottom:20px;left:20px;font-weight:600;transition:opacity .3s}.soundButton:hover{opacity:.6}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity .3s ease-out}.fade-exit{opacity:1}.like-btn svg,.dislike-btn svg{transition:transform .3s ease,fill .3s ease,stroke .3s ease}.like-btn.animate svg{transform:scale(1.3)}.dislike-btn.animate svg{transform:scale(1.3);stroke:#5d5dff}.fade-exit-active{opacity:0;transition:opacity .3s ease-out}.site__info img{cursor:pointer}body{min-height:100vh!important}#root{display:flex;min-height:100vh;flex-direction:column}.fade-enter{flex-grow:1}section{margin-top:75px!important;padding:80px}@media (max-width: 700px){.header__banner>div{margin-left:0}.header__banner>div p:first-child{word-break:break-all}}@media (max-width: 600px){section{padding:40px}.filter__buttons{justify-content:center}header{padding:10px}.logo{padding-inline:10px;width:80px}.filter__categoryes-flex{flex-direction:column;row-gap:20px;margin-bottom:80px}.header__banner>div>div{flex-direction:column}.header__banner>div>div>button{width:100%}.header__banner>div>p:first-child{font-size:48px}}.main{margin-top:100px;padding:20px}.notFound_image{width:100%;max-width:800px;margin-block:100px}