*{border:0;margin:0;padding:0}:focus,:active,a:focus,a:active{outline:none}nav,footer,header,aside{display:block}html,body{height:100%;width:100%;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-family:Roboto,sans-serif;font-size:14px;line-height:1}html{width:100vw;overflow-x:hidden}input,button,textarea{font-family:inherit}input::-ms-clear{display:none}button{cursor:pointer}button::-moz-focus-inner{border:0;padding:0}a,a:visited{color:inherit;text-decoration:none}a:hover{text-decoration:none}ul li{list-style:none}img{width:100%;vertical-align:top}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}.cub_wrapper{perspective:500px;margin-right:10px}.cub_wrapper:hover>.cube>.side,.cub_wrapper:hover>.header__icon{fill:#e5e5e5;background-color:#e5e5e5}.cube{width:26px;height:26px;transform-style:preserve-3d;transition:all .4s cubic-bezier(.4,0,.2,1);animation:spin 5s linear infinite;position:relative}.side{width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border:1px solid #ff6b08;justify-content:center;align-items:center;padding:1px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:absolute}.front{transform:translateZ(12px)}.back{transform:rotateY(180deg)translateZ(12px)}.left{transform:rotateY(-90deg)translateZ(12px)}.right{transform:rotateY(90deg)translateZ(12px)}.top{transform:rotateX(90deg)translateZ(12px)}.bottom{transform:rotateX(-90deg)translateZ(12px)}@keyframes spin{0%{transform:rotateY(0deg)}to{transform:rotateY(360deg)}}.container{max-width:100%;margin:0 auto;padding:0 20px}@media screen and (min-width:320px){.container{max-width:480px}}@media screen and (min-width:768px){.container{max-width:768px;padding:0 32px}}@media screen and (min-width:1024px){.container{max-width:1024px}}.selector{clip:rect(1px,1px,1px,1px);height:1px;width:1px;border:0;padding:0;display:none;position:absolute;overflow:hidden}.backdrop{width:100%;height:100%;opacity:1;visibility:visible;pointer-events:initial;z-index:100;background-color:rgba(0,0,0,.6);justify-content:center;align-items:center;transition:all .4s cubic-bezier(.4,0,.2,1);display:none;position:fixed;top:0;left:0;overflow-y:scroll;transform:scale(1)}.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.backdrop.is-hidden{transform:scale(1.1)}.grid-container{width:100%;gap:20px;padding:20px 0;display:grid}@media screen and (min-width:768px){.grid-container{grid-template-columns:1fr 1fr;gap:32px;padding:60px 0}}@media screen and (min-width:1024px){.grid-container{grid-template-columns:1fr 1fr 1fr;gap:32px 16px;padding:60px 0}}.scroll-to-top{fill:#545454;cursor:pointer;visibility:visible;opacity:1;background-color:rgba(0,0,0,0);transition:all .4s cubic-bezier(.4,0,.2,1);position:fixed;bottom:25px;right:25px}@media screen and (max-width:360px){.scroll-to-top{bottom:45px}}.scroll-to-top:hover,.dark .scroll-to-top{fill:#ff6b01}.dark .scroll-to-top:hover{fill:#000}.scroll-to-top--hidden{opacity:0;visibility:hidden}.header{z-index:4;background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)),url(header-bg-home-mobile.354777e6.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;padding-top:40px;padding-bottom:60px;position:static;box-shadow:2px 0 10px 5px #bbb}@media (min-device-pixel-ratio:2),(min-resolution:192dpi),(min-resolution:2x){.header{background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)),url(header-bg-home-mobile-2x.c760733d.webp)}}@media (min-device-pixel-ratio:3),(min-resolution:384dpi),(min-resolution:3x){.header{background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)),url(header-bg-home-mobile-3x.a4083092.webp)}}@media screen and (min-width:1024px){.header{background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)),url(header-bg-home-desktop.3a9f9637.webp)}}@media screen and (min-width:1024px) and (min-device-pixel-ratio:2),screen and (min-width:1024px) and (min-resolution:192dpi),screen and (min-width:1024px) and (min-resolution:2x){.header{background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)),url(header-bg-home-desktop-2x.f0dd3be2.webp)}}@media screen and (min-width:1024px) and (min-device-pixel-ratio:3),screen and (min-width:1024px) and (min-resolution:384dpi),screen and (min-width:1024px) and (min-resolution:3x){.header{background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)),url(header-bg-home-desktop-3x.b3158e07.webp)}}@media screen and (min-width:768px) and (max-width:1023px){.header{background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)),url(header-bg-home-tablet.41d026d2.webp)}}@media screen and (min-width:768px) and (max-width:1023px) and (min-device-pixel-ratio:2),screen and (min-width:768px) and (max-width:1023px) and (min-resolution:192dpi),screen and (min-width:768px) and (max-width:1023px) and (min-resolution:2x){.header{background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)),url(header-bg-home-tablet-2x.48f4988c.webp)}}@media screen and (min-width:768px) and (max-width:1023px) and (min-device-pixel-ratio:3),screen and (min-width:768px) and (max-width:1023px) and (min-resolution:384dpi),screen and (min-width:768px) and (max-width:1023px) and (min-resolution:3x){.header{background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)),url(header-bg-home-tablet-3x.84532f8c.webp)}}.header.library__background{background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)),url(header-bg-mobile.d8f99c12.webp)}@media (min-device-pixel-ratio:2),(min-resolution:192dpi),(min-resolution:2x){.header.library__background{background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)),url(header-bg-mobile-2x.232abe94.webp)}}@media (min-device-pixel-ratio:3),(min-resolution:384dpi),(min-resolution:3x){.header.library__background{background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)),url(header-bg-mobile-3x.afc7fb16.webp)}}@media screen and (min-width:1024px){.header.library__background{background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)),url(header-bg-desktop.b48cca3d.webp)}}@media screen and (min-width:1024px) and (min-device-pixel-ratio:2),screen and (min-width:1024px) and (min-resolution:192dpi),screen and (min-width:1024px) and (min-resolution:2x){.header.library__background{background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)),url(header-bg-desktop-2x.35c26e92.webp)}}@media screen and (min-width:1024px) and (min-device-pixel-ratio:3),screen and (min-width:1024px) and (min-resolution:384dpi),screen and (min-width:1024px) and (min-resolution:3x){.header.library__background{background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)),url(header-bg-desktop-3x.172c1112.webp)}}@media screen and (min-width:768px) and (max-width:1023px){.header.library__background{background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)),url(header-bg-tablet.2283e389.webp)}}@media screen and (min-width:768px) and (max-width:1023px) and (min-device-pixel-ratio:2),screen and (min-width:768px) and (max-width:1023px) and (min-resolution:192dpi),screen and (min-width:768px) and (max-width:1023px) and (min-resolution:2x){.header.library__background{background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)),url(header-bg-tablet-2x.06b761db.webp)}}@media screen and (min-width:768px) and (max-width:1023px) and (min-device-pixel-ratio:3),screen and (min-width:768px) and (max-width:1023px) and (min-resolution:384dpi),screen and (min-width:768px) and (max-width:1023px) and (min-resolution:3x){.header.library__background{background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)),url(header-bg-tablet-3x.106e3fec.webp)}}.header__container{z-index:4;position:relative}.header__nav{justify-content:space-between;display:flex}.header__logo{text-align:center;color:#fff;align-items:center;font-size:30px;font-weight:500;line-height:1.16667;display:flex}.header__list{display:flex}.header__item{margin-left:40px}@media screen and (max-width:425px){.header__item{margin-left:20px}.header__item #my-library__js{width:70px}}.header__btn{text-transform:uppercase;color:#fff;background-color:rgba(0,0,0,0);border:none;font-size:12px;font-weight:500;line-height:1.66667;position:relative}.header__btn.current:after{content:"";width:100%;height:3px;background-color:#ff6b08;display:block;position:absolute;bottom:-3px}.header__form{margin-top:47px;margin-bottom:18px}.header__div{justify-content:center;display:flex}.input-error{text-align:center;color:#ff001b;justify-content:center;align-items:center;margin-top:20px;font-size:14px;font-weight:400;line-height:1.14286;display:flex}.form__label{z-index:4;position:relative}.form__input{width:280px;color:#fff;background-color:rgba(0,0,0,0);border-bottom:.5px solid #818181}@media screen and (min-width:768px){.form__input{width:336px}}.form__input::-ms-input-placeholder{color:#fff;align-items:center;font-size:14px;font-weight:400;line-height:1.14286;display:flex}.form__input::placeholder{color:#fff;align-items:center;font-size:14px;font-weight:400;line-height:1.14286;display:flex}.form__btn{z-index:5;background-color:rgba(0,0,0,0);border:none;border-bottom:.5px solid #818181;line-height:0;position:relative;bottom:0;right:13px}.form__input:focus-within{background-color:rgba(0,0,0,0);border:none;border-bottom:.5px solid #818181;outline:none}.header__filmoteka{color:#fff}@media screen and (max-width:767px){.header__filmoteka{display:none;position:absolute}}.header__btns-container{justify-content:center;margin-top:40px;margin-bottom:36px;display:flex}.library__btns-list{justify-content:center;display:inline-flex}.library__btns-item{display:block}.library__btns-item:not(:first-child){margin-left:16px}.library__btn{color:#fff;width:147px;height:42px;text-align:center;text-transform:uppercase;background:rgba(0,0,0,.56);border:1px solid #fff;border-radius:5px;justify-content:center;align-items:center;font-size:12px;font-weight:500;line-height:1.33333;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex}.library__btn:hover,.library__btn:focus,.active-btn{background:#ff6b01;border-color:#ff6b01;box-shadow:0 0 7px 5px rgba(255,107,1,.6)}.display-none{display:none}.visually-hidden{opacity:0}@media screen and (max-width:425px){#loginUser{width:100px}}.header__box-login-logout{color:#fff;justify-content:end;align-items:center;display:flex;position:absolute;top:auto;right:32px}.header__box-login-logout>span{font-size:11px}@media screen and (min-width:480px){.header__box-login-logout{top:150px}.header__box-login-logout>span{font-size:14px}}.header__btn-login{text-align:center;text-transform:uppercase;color:#fff;background:linear-gradient(rgba(0,0,0,.56),rgba(0,0,0,.56));border:1px solid #fff;border-radius:5px;justify-content:center;align-items:center;margin-left:7px;padding:3px 6px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex}.header__btn-login:hover,.header__btn-login:focus{cursor:pointer;background:#ff6b01}@media screen and (min-width:480px){.header__btn-login{margin-left:20px}}.user-menu{position:relative}.user-menu__box{text-transform:none;width:200px;color:#000;z-index:5;background:#fff;border:1px solid #000;border-radius:10px 0 10px 10px;flex-direction:column;justify-content:space-between;font-size:18px;font-weight:700;line-height:1.11111;transition:all .4s cubic-bezier(.4,0,.2,1);display:none;position:absolute;top:40px;right:20px}.dark .user-menu__box{background:#bbb}.user-menu__first-letter{text-transform:uppercase;width:38px;height:38px;color:#fff;background:linear-gradient(rgba(0,0,0,.56),rgba(0,0,0,.56));border:1px solid #fff;border-radius:50%;justify-content:center;align-items:center;font-size:18px;font-weight:700;line-height:1.11111;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex}.user-menu__first-letter:hover+.user-menu__box{display:flex}.user-menu__first-letter:hover,.user-menu__first-letter:focus{cursor:pointer;background:#ff6b01}.user-menu__title-hover{justify-content:center;align-items:center;padding:10px 5px;display:flex}.user-menu.active-user-menu .user-menu__box{display:flex}.user-menu.active-user-menu .user-menu__box:before{content:"";width:100vw;height:100vh;z-index:-1;background:0 0;position:fixed;top:0;left:0}.user-menu.active-user-menu .user-menu__title-hover{display:none}.user-menu__hiden{padding:10px;display:none}.user-menu.active-user-menu .user-menu__hiden{display:block}.user-menu__item{padding:5px 10px;transition:all .4s cubic-bezier(.4,0,.2,1)}.user-menu__item:hover{cursor:pointer;color:#e5e5e5;background:#ff6b01}.user-menu__item:not(:last-child){border-bottom:1px solid #000;margin-bottom:10px}.user-menu__item--btn{justify-content:center;align-items:center;display:flex}.user-menu__btn-logout{color:inherit;background:0 0}.ua.user-menu__title-hover{padding-left:35px}.mode{text-transform:uppercase;color:#fff;font-size:12px;font-weight:500;line-height:1.66667}@media screen and (max-width:767px){.mode{margin-left:10px;font-size:10px;font-weight:400;line-height:1.6}}@media screen and (min-width:768px){.mode{justify-content:center;align-items:center;display:flex}}.change{cursor:pointer;width:100%;height:100%;border-radius:40%;justify-content:center;align-items:center;padding:5px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex}.change:hover,.change:focus{background:#ff6b01;border-color:#ff6b01;box-shadow:0 0 7px 5px rgba(255,107,1,.6)}.dark{color:#fff;background-color:#505050}.change-container{width:35px;height:20px;border:1px solid #ff6b01;border-radius:40%;margin-left:8px}.en{margin-left:10px}.lang--btn{cursor:pointer;font:inherit;min-width:35px;min-height:25px;text-transform:uppercase;border-radius:40%;justify-content:center;align-items:center;font-size:12px;font-weight:500;line-height:1.66667;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex}@media screen and (max-width:767px){.lang--btn{margin-left:10px;font-size:10px;font-weight:400;line-height:1.6}}.lang--btn:hover,.lang--btn:focus{border-color:#ff6b01;box-shadow:0 0 7px 5px rgba(255,107,1,.6)}.header{position:relative}@media screen and (min-width:320px){.header{margin-bottom:215px}}@media screen and (min-width:425px){.header{margin-bottom:150px}}@media screen and (min-width:768px){.header{margin-bottom:40px}}@media screen and (min-width:1024px){.header{margin-bottom:0}}.header.library__background{margin-bottom:0}.header__dropdown{background:0 0;display:block;position:absolute;bottom:-73px;left:50%;transform:translate(-50%)}.header__dropdown:hover{cursor:pointer}.header__dropbtn{width:0;height:0;background:0 0;border-top:10px solid #ff6b01;border-left:15px solid rgba(0,0,0,0);border-right:15px solid rgba(0,0,0,0)}.header__dropbtn:before{content:"GENRES";color:#fff;font-size:18px;font-weight:500;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.header__dropdown-content{height:0;background:0 0;flex-wrap:wrap;justify-content:center;align-items:center;margin:0 auto;padding:0 20px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:0;left:50%;overflow:hidden;transform:translate(-50%)}@media screen and (min-width:320px){.header__dropdown-content{width:320px;font-size:12px}}@media screen and (min-width:425px){.header__dropdown-content{width:425px}}@media screen and (min-width:768px){.header__dropdown-content{width:768px;padding-left:32px;padding-right:32px;font-size:14px}}@media screen and (min-width:1024px){.header__dropdown-content{width:1024px}}.header__dropdown-btn{background:rgba(0,0,0,.39);border-radius:10px;margin:5px;padding:5px 10px;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px 5px rgba(255,255,255,.424)}.header__dropdown-btn:hover{cursor:pointer;transform:scale(1.05)}.header__dropdown-btn.activeBtn{background:#ff6b01}.header.library__background .header__dropdown{display:none}.dark .header__dropbtn{border-top:10px solid #d4d4d4}.header__dropdown:hover .header__dropdown-content{padding-top:10px;padding-bottom:10px}@media screen and (min-width:320px){.header__dropdown:hover .header__dropdown-content{height:244px}}@media screen and (min-width:425px){.header__dropdown:hover .header__dropdown-content{height:180px}}@media screen and (min-width:768px){.header__dropdown:hover .header__dropdown-content{height:122px}}@media screen and (min-width:1024px){.header__dropdown:hover .header__dropdown-content{height:88px}}.ua.header__dropbtn:before{content:"ЖАНРИ";color:#fff;font-size:20px;font-weight:500;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.gallery{min-height:70vh}.gallery__list{padding:20px 0}@media screen and (min-width:768px){.gallery__list{padding:80px 0}}.film-card{min-width:100%;border:1px solid rgba(223,223,223,.39);border-radius:5px;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.film-card:hover,.film-card:focus{cursor:pointer;box-shadow:0 0 12px rgba(0,0,0,.46)}.film-card__img-wrap{width:100%;margin-bottom:10px}@media screen and (min-width:320px){.film-card__img-wrap{height:402px}}@media screen and (min-width:480px){.film-card__img-wrap{height:520px}}@media screen and (min-width:768px){.film-card__img-wrap{height:455px}}@media screen and (min-width:1024px){.film-card__img-wrap{height:449px}}.film-card__img{height:100%;object-fit:cover;transition:all .4s cubic-bezier(.4,0,.2,1)}.film-card__title{color:#000;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;margin-bottom:5px;padding:0 10px;font-size:12px;font-weight:500;line-height:1.33333;overflow:hidden}.film-card__wrap{margin-bottom:10px;padding:0 10px}.film-card__info{color:#ff6b08;margin-right:5px;font-size:12px;font-weight:500;line-height:1.33333}.film-card__rating{color:#fff;background:#ff6b08;border-radius:5px;padding:1px 6px;font-size:12px;font-weight:500;line-height:1.16667}.dark .film-card__title{color:#fff}.dark .film-card:hover{cursor:pointer;box-shadow:0 0 12px #fff}.camera-template{text-align:center;color:#000;background-image:url(camera.21bcc629.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;font-size:32px;font-weight:700}#myLibraryTemplateText{text-shadow:0 0 5px #ff6b08}.pagination{padding-bottom:40px}@media screen and (min-width:768px){.pagination{padding-bottom:60px}}.pagination__hidden{display:none}.pagination__list,.pagination__icon,.pagination__btn--left,.pagination__btn--right{justify-content:center;align-items:center;display:flex}.pagination__item{color:#000;border:1px solid rgba(0,0,0,0);border-radius:5px;transition:all .4s cubic-bezier(.4,0,.2,1)}.pagination__item:hover,.pagination__item:focus{cursor:pointer;color:#ff6b08;border:1px solid #ff6b08}@media screen and (max-width:767px){.pagination__item--hidden{display:none}}.pagination__item--current{width:40px;height:40px}.pagination__btn{color:inherit;width:40px;height:40px;background-color:rgba(0,0,0,0);font-size:12px;font-weight:500;line-height:1.33333}.pagination__btn--none{width:16px;color:#000;cursor:auto}.pagination__btn--current{width:40px;height:40px;color:#fff;background-color:#ff6b08;border-radius:5px}.pagination__btn--left,.pagination__btn--right{width:40px;height:40px;background-image:url(arrow-left.9cf9051e.svg);background-position:50%;background-repeat:no-repeat;border-radius:5px;transition:all .4s cubic-bezier(.4,0,.2,1)}.pagination__btn--left:hover,.pagination__btn--right:hover,.pagination__btn--left:focus,.pagination__btn--right:focus{color:#fff;background-color:#ff6b08}.pagination__btn--right{background-image:url(arrow-right.91990ac8.svg);background-position:50%;background-repeat:no-repeat}.footer{background-color:#e5e5e5}.footer-wraper{color:#545454;justify-content:center;align-items:center;padding-top:30px;padding-bottom:30px;font-size:14px;font-weight:400;line-height:1.14286;display:flex}@media screen and (min-width:768px){.footer-wraper{font-size:16px;font-weight:400;line-height:1.1875}}@media screen and (max-width:768px){.footer-wraper{flex-wrap:wrap}}.footer-wraper-heart-icon{fill:#ff6b08;margin-left:11px;margin-right:10px;transition:all .4s cubic-bezier(.4,0,.2,1);animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(1)}10%{transform:scale(1.3)}40%{transform:scale(.9)}50%{transform:scale(1.3)}}@media screen and (max-width:474px){.footer-wraper .footer-text-mrbottom{margin-bottom:10px}}.footer-wraper .footer-text-mrleft{margin-left:5px}.footer-wraper .footer-link{cursor:pointer;color:#545454;margin-left:4px;text-decoration:underline;transition:all .4s cubic-bezier(.4,0,.2,1)}.footer-wraper .footer-link:hover,.footer-wraper .footer-link:focus{color:#ff6b08}@media screen and (max-width:769px){.footer-text-mrbottom.footer-text-mrbottom--ua{margin-bottom:10px}}.trailer__play-btn{width:60px;height:40px;background:url(youtube.fb565d9c.svg) 50%/cover no-repeat;transition:all .4s cubic-bezier(.4,0,.2,1);animation:pulse 1.5s infinite;position:absolute;bottom:5px;right:5px}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}}.trailer__play-btn:hover,.trailer__play-btn:focus{animation:none}.trailer-modal-wrapper{width:calc(100% - 60px);height:145px}@media screen and (min-width:480px){.trailer-modal-wrapper{width:399px;height:225px}}@media screen and (min-width:768px){.trailer-modal-wrapper{width:658px;height:370px}}@media screen and (min-width:1024px){.trailer-modal-wrapper{width:812px;height:448px}}.modal-content{margin:auto;font-size:12px;position:relative}@media screen and (min-width:320px){.modal-content{min-width:280px}}@media screen and (min-width:768px){.modal-content{width:704px}}@media screen and (min-width:1024px){.modal-content{width:814px;min-height:578px}}.modal-box-detale{opacity:1;z-index:1;color:#000;background-color:#fff;border-radius:4px;flex-direction:column;padding:48px 20px 40px;font-weight:500;transition:transform .4s cubic-bezier(.4,0,.2,1);display:flex;transform:rotateY(0deg)}@media screen and (min-width:768px){.modal-box-detale{width:704px;flex-direction:row;padding:40px 36px}}@media screen and (min-width:1024px){.modal-box-detale{width:814px;min-height:558px;padding:40px 16px}}.modal-content>.modal-box-detale-trailler{opacity:0}.dark .modal-box-detale,.dark .modal-box-authors{color:#fff;background-color:#505050}.modal__close-icon{width:100%;height:100%;background-color:rgba(0,0,0,0);transition:all .4s cubic-bezier(.4,0,.2,1)}.btn-close{width:23px;height:23px;z-index:2;background-color:rgba(0,0,0,0);justify-content:center;align-items:center;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:16px;right:16px}.dark .modal__close-icon{fill:#fff}.btn-close:hover>.modal__close-icon{fill:#ff6b01}.image-container{position:relative}@media screen and (min-width:320px){.image-container{width:240px}}@media screen and (min-width:768px){.image-container{width:264px;max-height:373px;margin-right:68px}}@media screen and (min-width:1024px){.image-container{width:375px;max-height:478px;margin-right:16px}}.image-container>img{width:100%;height:100%;object-fit:cover;border-radius:5px;display:block}.container-context{box-sizing:border-box;flex-direction:column;justify-content:space-between;margin-top:20px;display:flex}@media screen and (min-width:320px){.container-context{width:240px}}@media screen and (min-width:768px){.container-context{width:300px;margin-top:0}}@media screen and (min-width:1024px){.container-context{min-height:407px;width:390px}}.top-content{min-height:340px}.modal-title{text-transform:uppercase;font-size:20px;line-height:23px}@media screen and (min-width:1024px){.modal-title{font-size:30px;line-height:35px}}.option-film{width:100%;margin-top:20px}.slash{color:#8c8c8c;height:16px;margin-left:3px;line-height:16px;display:inline-block}.votes{text-align:center;width:36px;height:16px;background-color:#f7f7f7;border-radius:5px;margin-left:3px;padding-top:1px;padding-bottom:1px;display:inline-block}.dark .votes{color:#000}.vote{color:#fff;width:36px;height:16px;text-align:center;background:#ff6b01;border-radius:5px;padding-top:1px;padding-bottom:1px;display:inline-block}.title-modal{text-transform:uppercase;margin-top:20px;line-height:16px}.text-modal{min-height:155px;max-height:203px;margin-top:8px;line-height:20px;position:relative;overflow:hidden}.text-modal:after{content:"";text-align:right;width:80%;height:1.7em;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,0),#fff 100%);position:absolute;bottom:0;right:0}.dark .text-modal:after{background:linear-gradient(90deg,rgba(255,255,255,0),#505050 100%)}.btn-container{justify-content:center;margin-top:20px;display:flex}.btn-modal{color:#000;min-height:40px;text-transform:uppercase;box-sizing:border-box;background:#fff;border:1px solid #000;border-radius:5px;justify-content:center;align-items:center;padding:10px;line-height:16px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}@media screen and (max-width:768px){.btn-modal{padding:5px}}.btn-modal:hover,.btn-checked{color:#fff;background:#ff6b01;border:1px solid rgba(0,0,0,0)}.add-to-watched{margin-right:20px}#showAuthors{color:#00f;cursor:pointer;padding:5px;display:inline-block}.modal-box-authors{width:100%;height:100%;opacity:0;z-index:-1;background-color:#fff;border-radius:4px;padding:50px 20px 20px;font-weight:500;transition:transform .4s cubic-bezier(.4,0,.2,1);display:block;position:absolute;top:0;left:0;overflow:hidden;transform:rotateY(180deg)}.author__grid{width:100%;grid-gap:20px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));margin:0 auto;padding:0;list-style:none;display:grid}.author__item{height:100%;color:#a8a8a8;background:#2b2b2b;border-radius:10px;flex-direction:column;justify-content:space-between;align-items:center;font-size:16px;font-weight:500;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;box-shadow:0 0 7px 5px rgba(255,107,1,.6)}.author__item:hover{cursor:pointer;transform:scale(1.05)}.author__img{height:160px}.author__title{min-height:32px;color:#a8a8a8;text-align:center;justify-content:center;align-items:center;padding:2px;display:flex}.author__btn-go-back{background:0 0;font-size:16px;font-weight:500;line-height:1.125;transition:all .4s cubic-bezier(.4,0,.2,1);position:absolute;top:15px;left:15px}.author__btn-go-back:hover{color:#ff6b01}.show-author{height:auto;opacity:1;z-index:1;transition:transform .4s cubic-bezier(.4,0,.2,1);overflow:visible;transform:rotateY(0deg)}.hide-detale{opacity:0;z-index:-1;transition:transform .4s cubic-bezier(.4,0,.2,1);transform:rotateY(-180deg)}.option-film-container{display:flex}.option-film-container:not(:last-child){margin-bottom:8px}.option-film-left{width:130px;height:100%;color:#8c8c8c;line-height:16px}@media screen and (min-width:1024px){.option-film-left{margin-right:83px}}.dark .option-film-left{color:#d3d3d3}.option-film-right{width:-webkit-fill-available;line-height:14px}.option-film-right-line-height{line-height:18px}.show-style{background-color:#d3d3d3;border-radius:8px;justify-content:center;align-items:center;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.show-style:hover{background-color:#ff6b01;transform:scale(1.1);box-shadow:0 6px 6px rgba(0,0,0,.15)}.dark .show-style:hover{box-shadow:1px 6px 6px rgba(255,255,255,.15)}.option-film-left-style{height:25px;align-items:center;display:flex}.footerModal{height:500px;width:300px;background:#fff;border-radius:4px;padding:20px;transition:all .4s cubic-bezier(.4,0,.2,1);position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 1px 3px rgba(0,0,0,.12),2px 2px 1px rgba(0,0,0,.14),0 2px 1px rgba(0,0,0,.2)}@media screen and (min-width:480px){.footerModal{height:460px}}@media screen and (min-width:768px){.footerModal{width:640px}}@media screen and (min-width:1024px){.footerModal{width:960px;height:530px}}.container-text-centered{text-align:center;padding-top:20px;padding-bottom:20px}.footerModalClose{width:30px;height:30px;background-color:inherit;justify-content:center;align-items:center;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:10px;right:10px;transform:matrix(1,0,0,1,0,0)}.footerModalClose:hover,.footerModalClose:focus{fill:#ff6b01;transform:scale(.9)rotate(180deg)}.comand{color:#0b0b0b;letter-spacing:.2em;margin-bottom:20px;font-size:24px;font-weight:500;line-height:.666667}@media screen and (min-width:768px){.comand{letter-spacing:.3em}}.comand-list{flex-wrap:wrap;margin:-20px auto;display:flex}.comand-item{width:250px;border-radius:4px;margin:20px;position:relative;overflow:hidden;box-shadow:0 0 9px 2px rgba(0,0,0,.5)}.comand-item:not(:last-child){margin-bottom:0}.comand-item:hover{box-shadow:0 0 7px 5px rgba(255,107,1,.6)}.comand-item:hover .comand-item-card-action{transform:translate(-100%)}@media screen and (min-width:480px){.comand-item{width:260px;height:360px;margin-left:auto;margin-right:auto}}@media screen and (min-width:768px){.comand-item:not(:last-child){margin-bottom:20px}}@media screen and (min-width:1024px){.comand-item{width:155px;height:193px}}.comand-item-img{height:100%;object-fit:cover}.comand-item-wrapper{z-index:2;width:100%;color:#fff;background-color:rgba(42,43,49,.8);padding:10px 32px 10px 10px;position:absolute;bottom:0;left:0}.comand-title{letter-spacing:.1em;margin-bottom:10px;font-size:16px;font-weight:500;line-height:.875}.comand-link-list{padding:6px;position:absolute;top:0;right:0}.comand-link-item-social{fill:#fff;transition:all .4s cubic-bezier(.4,0,.2,1);display:block}.comand-link-item-social:hover,.comand-link-item-social:focus{fill:#ff6b08}.comand-item-card-action{height:100%;width:100%;background-color:rgba(42,43,49,.8);justify-content:center;align-items:center;padding:10px 10px 58px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:0;left:100%;transform:translate(0)}.comand-item-card-item{margin-bottom:15px;padding-left:10px}@media screen and (min-width:480px){.comand-item-card-item:not(:last-child){margin-bottom:30px}}@media screen and (min-width:1024px){.comand-item-card-item:not(:last-child){margin-bottom:10px;padding:0}}.comand-item-card-text{letter-spacing:.03em;color:#fff;font-size:12px;line-height:1.05em}@media screen and (min-width:480px){.comand-item-card-text{font-size:14px;line-height:1.55em}}@media screen and (min-width:1024px){.comand-item-card-text{font-size:9px;line-height:1.05em}}.register-form__tite{font-size:28px;font-weight:700}.register-form__pre-tite{letter-spacing:.5px;margin:20px 0 30px;font-size:14px;font-weight:100;line-height:1.14286}.register-form__text{font-size:12px}.register-form__link{color:#333;margin:15px 0;font-size:14px;text-decoration:none}.register-form__btn{color:#fff;letter-spacing:1px;text-transform:uppercase;background-color:#ff6b01;border:1px solid #ff6b01;border-radius:20px;margin-top:10px;padding:12px 45px;font-size:12px;font-weight:500;line-height:1.16667;transition:transform 80ms ease-in}.register-form__btn:active{transform:scale(.95)}.register-form__btn:focus{outline:none}.ghost{background-color:rgba(0,0,0,0);border-color:#fff}.register-form__sign-in,.register-form__sign-up{height:100%;text-align:center;background-color:#fff;flex-direction:column;justify-content:center;align-items:center;padding:0 20px;display:flex}@media screen and (min-width:768px){.register-form__sign-in,.register-form__sign-up{padding:0 30px}}@media screen and (min-width:1024px){.register-form__sign-in,.register-form__sign-up{padding:0 50px}}.dark .register-form__sign-in,.dark .register-form__sign-up{background-color:#505050}.register-form__input{color:#000;width:100%;background-color:#eee;border:none;margin:8px 0;padding:12px 15px}.register-form__box{width:320px;max-width:100%;min-height:700px;background-color:#fff;border-radius:10px;margin:auto;position:relative;overflow:hidden;box-shadow:0 0 7px 5px rgba(255,107,1,.6)}@media screen and (min-width:425px){.register-form__box{width:405px}}@media screen and (min-width:768px){.register-form__box{width:688px;min-height:480px}}@media screen and (min-width:1024px){.register-form__box{width:768px}}.dark .register-form__box{background-color:#505050}.register-form__container{height:100%;transition:all .6s ease-in-out;position:absolute;top:0}.sign-in-container{width:100%;height:50%;z-index:2;top:0}@media screen and (min-width:768px){.sign-in-container{width:50%;height:100%;left:0}}.register-form__box.right-panel-active .sign-in-container{transform:translateY(100%)}@media screen and (min-width:768px){.register-form__box.right-panel-active .sign-in-container{transform:translate(100%)}}.sign-up-container{height:50%;width:100%;opacity:0;z-index:1;top:0}@media screen and (min-width:768px){.sign-up-container{height:100%;width:50%;left:0}}.register-form__box.right-panel-active .sign-up-container{opacity:1;z-index:5;animation:show .6s;transform:translateY(100%)}@media screen and (min-width:768px){.register-form__box.right-panel-active .sign-up-container{transform:translate(100%)}}@keyframes show{0%,49.99%{opacity:0;z-index:1}50%,to{opacity:1;z-index:5}}.overlay-container{width:100%;height:50%;z-index:100;transition:transform .6s ease-in-out;position:absolute;bottom:0;left:0;overflow:hidden}@media screen and (min-width:768px){.overlay-container{width:50%;height:100%;top:0;left:50%}}.register-form__box.right-panel-active .overlay-container{transform:translateY(-100%)}@media screen and (min-width:768px){.register-form__box.right-panel-active .overlay-container{transform:translate(-100%)}}.overlay{background:#ff416c;background:-webkit-linear-gradient(to top,#ff4b2b,#ff416c);color:#fff;height:200%;width:100%;background:linear-gradient(#ff416c,#ff4b2b) 0 0/cover no-repeat;transition:transform .6s ease-in-out;position:relative;transform:translateY(-50%)}@media screen and (min-width:768px){.overlay{height:100%;width:200%;background:-webkit-linear-gradient(to right,#ff4b2b,#ff416c);background:linear-gradient(90deg,#ff4b2b,#ff416c);left:-100%;transform:translate(0)}}.register-form__box.right-panel-active .overlay{transform:translateY(0)}@media screen and (min-width:768px){.register-form__box.right-panel-active .overlay{transform:translate(50%)}}.overlay-panel{text-align:center;height:50%;width:100%;flex-direction:column;justify-content:center;align-items:center;padding:0 40px;transition:transform .6s ease-in-out;display:flex;position:absolute;top:0;transform:translateY(50%)}@media screen and (min-width:768px){.overlay-panel{height:100%;width:50%;transform:translate(0)}}.overlay-left{transform:translateY(-20%)}@media screen and (min-width:768px){.overlay-left{transform:translate(-20%)}}.register-form__box.right-panel-active .overlay-left{transform:translateY(0)}@media screen and (min-width:768px){.register-form__box.right-panel-active .overlay-left{transform:translate(0)}}.overlay-right{transform:translateY(100%)}@media screen and (min-width:768px){.overlay-right{right:0;transform:translate(0)}}.register-form__box.right-panel-active .overlay-right{transform:translateY(120%)}@media screen and (min-width:768px){.register-form__box.right-panel-active .overlay-right{transform:translate(20%)}}.social__container{margin:20px 0}.errorlabel{color:red;width:100%;text-decoration:underline;display:block}.register-form__close-btn{width:30px;height:30px;z-index:1000;border:1px solid #000;border-radius:50%;justify-content:center;align-items:center;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:10px;right:10px}.register-form__close-btn:hover,.register-form__close-btn:focus{cursor:pointer;background-color:#ff6b01;transform:scale(1.05)}@media screen and (min-width:768px){.register-form__close-btn{display:none}}.register-form__box.right-panel-active .register-form__close-btn{border:1px solid #fff}#preloader{width:100%;height:100%;opacity:1;visibility:visible;z-index:5;background-color:#222;transition:all 1s;position:fixed;top:0;left:0}#preloader #loader{width:150px;height:150px;border:3px solid rgba(0,0,0,0);border-top-color:#9370db;border-radius:50%;margin:-75px 0 0 -75px;animation:spin-loader 2s linear infinite;display:block;position:relative;top:50%;left:50%}#preloader.hide{opacity:0;visibility:hidden}#loader:before{content:"";border:3px solid rgba(0,0,0,0);border-top-color:#ba55d3;border-radius:50%;animation:spin-loader 3s linear infinite;position:absolute;top:5px;bottom:5px;left:5px;right:5px}#loader:after{content:"";border:3px solid rgba(0,0,0,0);border-top-color:#f0f;border-radius:50%;animation:spin-loader 1.5s linear infinite;position:absolute;top:15px;bottom:15px;left:15px;right:15px}@keyframes spin-loader{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}#mainPreloader{width:100%;height:100%;opacity:1;visibility:visible;z-index:3;background-color:rgba(32,32,32,.57);transition:all 1s;position:fixed;top:0;left:0}#mainPreloader #mainLoader{width:150px;height:150px;border:3px solid rgba(0,0,0,0);border-top-color:#9370db;border-radius:50%;margin:-75px 0 0 -75px;animation:spin-loader 2s linear infinite;display:block;position:relative;top:60%;left:50%}#mainPreloader.hide-mainLoader{opacity:0;visibility:hidden}#mainLoader:before{content:"";border:3px solid rgba(0,0,0,0);border-top-color:#ba55d3;border-radius:50%;animation:spin-loader 3s linear infinite;position:absolute;top:5px;bottom:5px;left:5px;right:5px}#mainLoader:after{content:"";border:3px solid rgba(0,0,0,0);border-top-color:#f0f;border-radius:50%;animation:spin-loader 1.5s linear infinite;position:absolute;top:15px;bottom:15px;left:15px;right:15px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background-color:#545454;border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:#ff6b08}.language-container{color:#fff;display:flex}.language{width:20px;height:20px;justify-content:center;align-items:center;display:flex}
/*# sourceMappingURL=index.d198c0a7.css.map */