@charset "UTF-8";@font-face{font-family:Play;src:local("Play-Bold"),url(/assets/Play-Bold-C-hIU9wN.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Play;src:local("Play-Regular"),url(/assets/Play-Regular-zIDerOaS.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Play;src:local("Play-Bold"),url(../assets/fonts/Play-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Play;src:local("Play-Regular"),url(../assets/fonts/Play-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:transparent;z-index:2;pointer-events:none;transition:background-color .3s ease}.overlay--active{background-color:#0006;pointer-events:auto}.header{padding:24px 0;margin-bottom:32px}.header__container{display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative}.header__list{justify-content:center}.header__item{flex-basis:0%}.header__span{padding-top:2px;display:block;text-align:center;font-size:13px;color:var(--dark-grey)}.header__reg{color:var(--blue)}.header__link svg{fill:#fff}.header__link svg:hover{outline:none;fill:var(--blue)}.header__link svg:active{outline:none;fill:var(--link-blue)}.header__btn{font-size:24px;color:var(--white)}.header__search{position:absolute;width:100%;z-index:3}@media (max-width: 720px){.header{margin-bottom:0}}@font-face{font-family:Play;src:local("Play-Bold"),url(../assets/fonts/Play-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Play;src:local("Play-Regular"),url(../assets/fonts/Play-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}.logo{min-width:143px;height:31px}@media (max-width: 720px){.logo{margin-right:auto;max-width:80px;min-width:80px;height:17px}}@font-face{font-family:Play;src:local("Play-Bold"),url(../assets/fonts/Play-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Play;src:local("Play-Regular"),url(../assets/fonts/Play-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}.nav{z-index:1}.nav__list{display:flex;align-items:center;gap:40px;white-space:nowrap}.nav__link{position:relative;font-size:24px;color:var(--white)}.nav__link:after{content:"";position:absolute;left:0;bottom:-8px;width:100%;height:2px;transition:transform .3s;background-color:var(--violet);transform:scaleX(0)}.nav__link:hover:after{transform:scale(1)}.nav__link.active:after{content:"";position:absolute;left:0;bottom:-8px;width:100%;height:2px;transition:transform .3s;background-color:var(--purle);transform:scaleX(1)}@media (max-width: 1140px){.nav__list{gap:20px}}@media (max-width: 960px){.nav__link_main{display:none}.nav__list{gap:0}}@font-face{font-family:Play;src:local("Play-Bold"),url(../assets/fonts/Play-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Play;src:local("Play-Regular"),url(../assets/fonts/Play-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}.search{position:relative;display:inline-flex;width:50%;border-radius:8px;padding:12px;background-color:var(--dark-grey);z-index:3}.search:focus-within{outline:solid 2px var(--blue)}.search__field{width:100%;border:0;background-color:var(--dark-grey);font-size:18px;color:var(--grey)}.search__field::placeholder{color:var(--grey)}.search__field:focus{outline:none;color:var(--white)}.search__field:focus::placeholder{font-weight:700}.search__icon{width:30px;height:25px;margin-right:10px;order:-1;fill:var(--grey)}@media (max-width: 720px){.search{width:100%}}@font-face{font-family:Play;src:local("Play-Bold"),url(../assets/fonts/Play-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Play;src:local("Play-Regular"),url(../assets/fonts/Play-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}.search-result{position:absolute;width:85%;border-radius:8px;padding:28px 16px;background-color:var(--dark-grey);top:58px;right:0;transition:.3s ease-in-out;opacity:0;transform:translateY(-130%);z-index:-1}.search-result.open{opacity:1;transform:translateY(0);z-index:1}.search-result__item{padding:2px;border-radius:8px}.search-result__item:not(:last-child){margin-bottom:20px}.search-result__item:hover{outline:2px solid var(--blue)}.search-result__link{display:flex;align-items:center;gap:16px}.search-result__dscr{display:flex;flex-direction:column;gap:8px}.search-result__img{width:40px;height:52px}.search-result__wrap:not(:last-child){margin-bottom:40px}.search-result__block{display:flex;font-size:14px;gap:12px;color:var(--light-grey)}.search-result__title{font-weight:700;font-size:18px;color:var(--white)}@media (max-width: 1140px){.search-result{width:100%}}@media (max-width: 960px){.search-result{display:flex;padding:24px 20px;gap:10px;overflow-x:auto}.search-result__link{flex-direction:column;align-items:start;width:220px}.search-result__item:not(:last-child){margin-bottom:0}.search-result__img{width:158px;height:206px}.search-result__block{flex-wrap:wrap}}.rating{padding:4px 12px;border-radius:16px;background-color:#c82020;color:var(--white)}.rating_search{padding:0 8px}.rating__star{max-width:16px;max-height:16px;margin-right:4px}.rating__star_search{max-width:10px;max-height:10px}.rating__number{font-size:18px;font-weight:700}.rating__number_search{font-weight:700;font-size:12px}.rating__low{background-color:#777}.rating__medium{background-color:#308e21}.rating__high{background-color:#a59400}@font-face{font-family:Play;src:local("Play-Bold"),url(../assets/fonts/Play-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Play;src:local("Play-Regular"),url(../assets/fonts/Play-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}.modal{display:flex;justify-content:center;align-items:center;height:100vh;width:100%;background-color:#0006;position:fixed;top:0;left:0;opacity:0;transition:.5s;pointer-events:none;z-index:999;overflow-y:scroll}.modal.active{opacity:1;pointer-events:all}.modal__content{border-radius:12px;background-color:#fff;max-width:1000px;transform:scale(.5);transition:.4s all}.modal__content.active{transform:scale(1)}.modal__close{position:absolute;top:0;right:-45px;cursor:pointer;fill:var(--white)}.modal__close svg:hover{fill:var(--blue)}.modal__close svg:active{rotate:90deg}@media (max-width: 540px){.modal__content{width:95vw}.modal__close{position:absolute;top:10px;right:10px;cursor:pointer}}.form-container{display:flex;flex-direction:column;align-items:center;padding:40px}.form-container__title{margin-bottom:24px;font-weight:700;font-size:24px;color:var(--light-black)}.form-container__text{margin-bottom:24px;font-weight:400;font-size:18px;color:var(--light-black)}.form-container__logo{margin-bottom:40px;width:132px;height:29px}.form-container__btn{font-weight:700;font-size:18px;color:var(--light-black)}.form-container__btn:hover{color:green}.form-container__btn:active{font-weight:700;font-size:18px;color:#005f00}.form-container__btn:focus{outline:none}.form{display:flex;flex-direction:column;margin-bottom:24px}.form__block{margin-bottom:24px}.form__label{display:flex;align-items:center;padding:16px;outline:1px solid var(--grey);border-radius:8px}.form__label:focus-within{outline:1px solid var(--violet)}.form__label:not(:last-child){margin-bottom:12px}.form__label.error{color:var(--error);outline:1px solid var(--error)}.form__icon{margin-right:12px;fill:var(--grey)}.form__icon_key{cursor:pointer}.form__icon.on{transform:rotate(-90deg)}.form__label.error svg{fill:var(--error)}.form__input{border:none}.form__input:focus-visible{outline:none}@font-face{font-family:Play;src:local("Play-Bold"),url(../assets/fonts/Play-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Play;src:local("Play-Regular"),url(../assets/fonts/Play-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}.movie{margin-bottom:43px}.movie__container{display:flex;align-items:center;gap:50px}.movie__wrap,.movie__backdrop{width:50%}.movie__backdrop-img{min-height:552px;border-radius:16px;object-fit:cover}.movie__title{margin-bottom:16px;font-weight:700;font-size:48px}.movie__dscr{display:flex;align-items:center;gap:16px;margin-bottom:16px;color:var(--light-grey)}.movie__plot{margin-bottom:60px;color:var(--light-grey);line-height:133%}.movie__btn{display:flex;align-items:center;gap:16px}.movie__btn-movie{display:flex;justify-content:center}@media (max-width: 1140px){.movie__btn{flex-wrap:wrap}.movie__btn-trailer{width:100%}.movie__btn-movie{flex-grow:1}}@media (max-width: 960px){.movie__container{flex-wrap:wrap;gap:25px}.movie__wrap{width:100%}.movie__backdrop{order:-1;width:100%}.movie__backdrop-img{min-height:0}.movie__dscr{font-size:14px}.movie__title{font-size:24px}.movie__plot{margin-bottom:32px;font-size:18px}}@media (max-width: 540px){.movie__btn-movie{max-width:108px}}@font-face{font-family:Play;src:local("Play-Bold"),url(../assets/fonts/Play-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Play;src:local("Play-Regular"),url(../assets/fonts/Play-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}.skeleton-movie{display:flex;justify-content:space-between;flex-wrap:wrap;gap:50px}.skeleton-movie__wrap{display:flex;flex-direction:column;justify-content:space-between;flex:1 0 262px;width:50%;gap:20px}.skeleton-movie__block{display:flex;gap:20px}.skeleton-movie__string{width:100%;height:55px;border-radius:8px;background-image:linear-gradient(100deg,transparent,rgba(38,50,56,.5) 50%,transparent 80%);background-color:#fff;background-repeat:no-repeat;background-size:75px 100%;animation:animloader 1s linear infinite}.skeleton-movie__string_title{width:70%}.skeleton-movie__string_dscr{height:130px}.skeleton-movie__string_btn{border-radius:50px;width:50%}.skeleton-movie__img{flex:1 0 262px;width:50%;min-height:250px;border-radius:8px;background-image:linear-gradient(100deg,transparent,rgba(38,50,56,.5) 50%,transparent 80%);background-color:#fff;background-repeat:no-repeat;background-size:75px 100%;animation:animloader 1s linear infinite}@media (max-width: 720px){.skeleton-movie__img{order:-1}}.skeleton-top__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:40px}.skeleton-top__item{min-height:300px;border-radius:8px;background-image:linear-gradient(100deg,transparent,rgba(38,50,56,.5) 50%,transparent 80%);background-color:#fff;background-repeat:no-repeat;background-size:75px 100%;animation:animloader 1s linear infinite}@font-face{font-family:Play;src:local("Play-Bold"),url(../assets/fonts/Play-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Play;src:local("Play-Regular"),url(../assets/fonts/Play-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}.top-movie{position:relative;height:100%}.top-movie:hover{transition:transform .5s ease;transform:scale(1.05)}.top-movie__position{position:absolute;padding:8px 24px;top:-15px;left:-10px;font-weight:700;font-size:24px;background-color:var(--white);color:var(--violet);border-radius:50px;z-index:1}.top-movie__img{border:1px solid rgba(255,255,255,.25);box-shadow:0 0 80px #ffffff54;border-radius:16px;height:100%;max-height:336px;object-fit:cover}@media (max-width: 720px){.top-movie{padding-top:40px;padding-left:30px;padding-bottom:40px}.top-movie__position{top:15px;left:5px}.top-movie__img{box-shadow:0 0 30px #ffffff54}}@font-face{font-family:Play;src:local("Play-Bold"),url(../assets/fonts/Play-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Play;src:local("Play-Regular"),url(../assets/fonts/Play-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}.top-movies{margin-bottom:120px}.top-movies__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(224px,1fr));gap:40px}@media (max-width: 720px){.top-movies__list{display:flex;overflow-x:auto;padding-bottom:10px;gap:10px}.top-movies__item{flex:0 0 auto;width:224px}}.footer{padding:40px 0}.footer__list{display:flex;justify-content:end;gap:24px}.footer__img_vk:hover{border-radius:8px;background-color:#0b7bfc}.footer__img_youtube:hover{border-radius:8px;background-color:#fa052e}.footer__img_ok:hover{border-radius:8px;background-color:#ff7708}.footer__img_telegram:hover{border-radius:8px;background-color:#18a3e6}@font-face{font-family:Play;src:local("Play-Bold"),url(../assets/fonts/Play-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Play;src:local("Play-Regular"),url(../assets/fonts/Play-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}.movie-props{max-width:50%}.movie-props__list{display:flex;flex-direction:column;gap:9px}.movie-props__item{display:flex;justify-content:space-between}.movie-props__dot{flex:1 0;border-bottom:1px dotted var(--white);height:1em;margin:0 .4em}.movie-props__name{display:flex;justify-content:space-between}@media (max-width: 720px){.movie-props__list{gap:12px}.movie-props__item{display:block}.movie-props__title{display:block;font-size:14px;color:var(--grey)}.movie-props__dot{display:none}.movie-props__name{display:flex;justify-content:space-between}}.skeleton-about{max-width:50%}.skeleton-about__list{display:flex;flex-direction:column;gap:9px}.skeleton-about__item{min-height:30px;border-radius:8px;background-image:linear-gradient(100deg,transparent,rgba(38,50,56,.5) 50%,transparent 80%);background-color:#fff;background-repeat:no-repeat;background-size:75px 100%;animation:animloader 1s linear infinite}@keyframes animloader{0%{background-position:0%}to{background-position:100%}}.setting-profile__container{margin-bottom:64px}.setting-profile__wrap{display:flex;align-items:center;gap:16px}.setting-profile__circle{display:flex;align-items:center;justify-content:center;border-radius:30px;width:60px;height:60px;background-color:var(--grey)}.setting-profile__wrap:not(:last-child){margin-bottom:40px}.setting-profile__block{display:flex;flex-direction:column}.setting-profile__user,.setting-profile__firstLette{font-weight:700;font-size:24px}@font-face{font-family:Play;src:local("Play-Bold"),url(../assets/fonts/Play-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Play;src:local("Play-Regular"),url(../assets/fonts/Play-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}.nav-profile{margin-bottom:72px}.nav-profile__list{display:flex;align-items:center;gap:40px;font-size:24px;white-space:nowrap}.nav-profile__link{display:flex;gap:4px;align-items:center;position:relative;padding-bottom:8px;color:var(--white)}.nav-profile__link:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:var(--violet);transform:scaleX(0);transition:transform .3s}.nav-profile__link:hover:after{transform:scale(1)}.nav-profile__link.active:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:var(--purle);transform:scaleX(1);transition:transform .3s}@media (max-width: 720px){.nav-profile{margin-bottom:20px}.nav-profile__list{gap:15px;font-size:20px}}@font-face{font-family:Play;src:local("Play-Bold"),url(../assets/fonts/Play-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Play;src:local("Play-Regular"),url(../assets/fonts/Play-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}.favorite-movie{position:relative;height:100%}.favorite-movie:hover{transition:transform .5s ease;transform:scale(1.05)}.favorite-movie__position{position:absolute;padding:8px 24px;top:-15px;left:-20px;font-weight:700;font-size:24px;background-color:var(--white);color:var(--violet);border-radius:50px;z-index:1}.favorite-movie__img{border:1px solid rgba(255,255,255,.25);box-shadow:0 0 80px #ffffff54;border-radius:16px;height:100%}.favorite-movie__del{position:absolute;top:-15px;right:-15px;fill:var(--white)}.favorite-movie__del svg:hover{fill:red}.favorite-movie__del svg:active{rotate:90deg}@media (max-width: 720px){.favorite-movie{padding-top:40px;padding-left:30px;padding-bottom:40px}.favorite-movie__del{top:25px;right:-15px}.favorite-movie__img{box-shadow:0 0 30px #ffffff54}}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html{box-sizing:border-box;scroll-behavior:smooth}*,*:before,*:after{box-sizing:inherit}body{font-family:Play,sans-serif;font-weight:400;font-size:18px;background-color:#0a192c;color:#fff}h1,h2,h3,h4,p{margin:0}a{color:inherit;text-decoration:none;transition:.3s ease-in-out}img{width:100%}svg,path,rect{display:block;transition:.3s ease-in-out}input{transition:.3s ease-in-out}ul{margin:0;padding:0;list-style:none}button{padding:0;border:none;background-color:transparent;cursor:pointer}button:focus,a:focus-visible{outline:none}button:focus,a:focus{outline:none}button:focus-visible,a:focus-visible{outline:2px solid var(--violet);transition:0s}button:disabled{opacity:.6;pointer-events:none}address{font-style:normal}.container{max-width:1440px;width:100%;padding:0 80px;margin:0 auto}@font-face{font-family:Play;src:local("Play-Bold"),url(../assets/fonts/Play-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Play;src:local("Play-Regular"),url(../assets/fonts/Play-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--purle: #dc5dfc;--like: #b5a9ff;--violet: #6a5dc2;--white: #fff;--dark-grey: #393b3c;--grey: #9c9e9d;--light-grey: #bbbac0;--light-black: #222325;--black: #0a0c0b;--blue: #66a5ea;--error: #ff7178}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden}.p70{padding:70px 0}.btn{padding:16px 48px;border-radius:28px;color:var(--white);font-size:18px;font-weight:700;transition:.3s ease-in-out;white-space:nowrap}.btn-dark{background-color:var(--dark-grey);border:1px solid var(--light-black)}.btn-dark:hover{outline:2px solid var(--purle);transition:0s}.btn-dark:active{color:var(--light-grey);background-color:var(--grey)}.btn-blue{background-color:var(--blue)}.btn-blue:hover{background-color:var(--violet);color:var(--light-black)}.btn-mini{padding:16px 22px}.btn__like{stroke:var(--white);color:transparent}.btn__like-add{color:var(--like)}.btn:hover .btn__random{color:var(--purle);transition:0s}.title{margin-bottom:30px;font-size:40px;font-weight:700;line-height:100%}.text{line-height:150%}.title-min{font-size:40px;font-weight:700;margin-bottom:64px;color:var(--white)}@media (max-width: 1320px){.container{padding:0 50px}}@media (max-width: 960px){.container{padding:0 20px}.btn-mini{padding:16px 22px}.title-min{font-size:24px;margin-bottom:25px}}.favorites-movies{margin-bottom:120px}.favorites-movies__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(224px,1fr));gap:40px}@media (max-width: 720px){.favorites-movies__list{display:flex;overflow-x:auto;padding-bottom:10px;gap:10px}.favorites-movies__item{flex:0 0 auto;width:224px}}.genres__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:40px}.card{border:1px solid rgba(255,255,255,.25);box-shadow:0 0 80px #ffffff54;border-radius:24px}.card__img{display:block;width:100%;height:220px;object-fit:cover;border-top-left-radius:24px;border-top-right-radius:24px}.card__wrap{padding:22px 105px;background-color:var(--black);border-bottom-left-radius:24px;border-bottom-right-radius:24px}.card__title{text-align:center}.genre-page{margin-bottom:120px}.genre-page__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(224px,1fr));gap:40px;margin-bottom:10px}.genre-page__end{text-align:center}.genre-page__top{color:var(--violet)}.genre{position:relative;height:100%}.genre:hover{transition:transform .5s ease;transform:scale(1.05)}.genre__position{position:absolute;padding:8px 24px;top:-15px;left:-20px;font-weight:700;font-size:24px;background-color:var(--white);color:var(--violet);border-radius:50px;z-index:1}.genre__img{border:1px solid rgba(255,255,255,.25);box-shadow:0 0 80px #ffffff54;border-radius:16px;height:100%}