.success-registration-popup{display:flex;align-items:center;justify-content:center;position:fixed;left:0;top:0;width:100%;height:100vh;z-index:1;background-color:#000000b3}.success-registration-popup__box{display:flex;gap:24px;width:100%;max-width:492px}.success-registration-popup__content{display:flex;flex-direction:column;align-items:center;gap:40px;background-color:#fff;padding:64px 40px;border-radius:24px;width:100%;max-width:420px;position:relative}.success-registration-popup__logo{width:132px;height:30px}.success-registration-popup__info{display:flex;flex-direction:column;gap:24px}.success-registration-popup__title{font-weight:700;font-size:24px;line-height:32px;text-align:center}.success-registration-popup__text{line-height:24px;text-align:center}.success-registration-popup__submit-btn{width:100%;padding:16px;background:#67a5eb;border-radius:28px;font-weight:700;line-height:24px;color:#fff}.success-registration-popup__close-btn{padding:12px;border-radius:100%;background-color:#fff;width:48px;height:48px}.success-registration-popup__close-img{width:24px;height:24px}.success-registration-popup__mobile-close-btn{display:none}.success-registration-popup__mobile-close-img{width:24px;height:24px}@media(max-width:1440px){.success-registration-popup__box{padding:0 20px;gap:0}.success-registration-popup__content{padding:64px 20px 32px;gap:32px}.success-registration-popup__close-btn{display:none}.success-registration-popup__mobile-close-btn{display:block;position:absolute;top:8px;right:8px;padding:12px;background-color:#fff;width:48px;height:48px}}.register-form{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%}.register-form__title{width:fit-content;display:block;font-weight:700;font-size:24px;line-height:32px}.register-form__inputs{display:flex;flex-direction:column;gap:12px;width:100%}.register-form__input{width:100%;border:1px solid #00000066;color:#0006;border-radius:8px;padding:16px;line-height:24px}.register-form__input.error{border-color:#ff7575}.register-form__error{color:#ff7575}.register-form__submit-btn{width:100%;padding:16px;background:#67a5eb;border-radius:28px;font-weight:700;line-height:24px;color:#fff}.register-form__change-btn{font-weight:700;line-height:24px}.register-popup{display:flex;align-items:center;justify-content:center;position:fixed;left:0;top:0;width:100%;height:100vh;z-index:1;background-color:#000000b3}.register-popup__box{display:flex;gap:24px;width:100%;max-width:492px}.register-popup__content{display:flex;flex-direction:column;align-items:center;gap:40px;background-color:#fff;padding:64px 40px;border-radius:24px;width:100%;max-width:420px;position:relative}.register-popup__logo{width:132px;height:30px}.register-popup__close-btn{padding:12px;border-radius:100%;background-color:#fff;width:48px;height:48px}.register-popup__close-img{width:24px;height:24px}.register-popup__mobile-close-btn{display:none}.register-popup__mobile-close-img{width:24px;height:24px}@media(max-width:1440px){.register-popup__box{padding:0 20px;gap:0}.register-popup__content{padding:64px 20px 32px;gap:32px}.register-popup__close-btn{display:none}.register-popup__mobile-close-btn{display:block;position:absolute;top:8px;right:8px;padding:12px;background-color:#fff;width:48px;height:48px}}.login-form{display:flex;flex-direction:column;gap:24px;width:100%}.login-form__inputs{display:flex;flex-direction:column;gap:12px}.login-form__input{width:100%;border:1px solid #00000066;color:#0006;border-radius:8px;padding:16px;line-height:24px}.login-form__input.error{border-color:#ff7575}.login-form__error{color:#ff7575}.login-form__submit-btn{width:100%;padding:16px;background:#67a5eb;border-radius:28px;font-weight:700;line-height:24px;color:#fff}.login-form__change-btn{font-weight:700;line-height:24px}.login-popup{display:flex;align-items:center;justify-content:center;position:fixed;left:0;top:0;width:100%;height:100vh;z-index:1;background-color:#000000b3}.login-popup__box{display:flex;gap:24px;width:100%;max-width:492px}.login-popup__content{display:flex;flex-direction:column;align-items:center;gap:40px;background-color:#fff;padding:64px 40px;border-radius:24px;width:100%;max-width:420px;position:relative}.login-popup__logo{width:132px;height:30px}.login-popup__close-btn{padding:12px;border-radius:100%;background-color:#fff;width:48px;height:48px}.login-popup__close-img{width:24px;height:24px}.login-popup__mobile-close-btn{display:none}.login-popup__mobile-close-img{width:24px;height:24px}@media(max-width:1440px){.login-popup__box{padding:0 20px;gap:0}.login-popup__content{padding:64px 20px 32px;gap:32px}.login-popup__close-btn{display:none}.login-popup__mobile-close-btn{display:block;position:absolute;top:8px;right:8px;padding:12px;background-color:#fff;width:48px;height:48px}}.header{padding:24px 0}.header__inner{display:flex;justify-content:space-between;align-items:center;gap:10px}.header__logo-img{width:100%;height:100%;max-width:140px;max-height:32px}.header__nav{display:flex;align-items:center;gap:40px;position:relative}.header__list{display:flex;align-items:center;gap:40px}.header__item{font-size:24px;line-height:32px}.header__item-link{color:#fff}.header__search{background:#393b3c;border-radius:8px;padding:12px 16px;width:100%;max-width:655px;min-width:655px;color:#fff}.header__movies{position:absolute;display:flex;flex-direction:column;background-color:#393b3c;padding:8px;right:0;top:60px;border-radius:8px;width:100%;max-width:560px;min-width:560px}.header__movie{display:flex;align-items:center;gap:16px;padding:20px 8px}.header__movie-img{width:40px;height:52px}.header__movie-content{display:flex;flex-direction:column;gap:8px}.header__movie-details{display:flex;align-items:center;gap:12px}.header__rating-detail{display:flex;align-items:center;gap:4px;padding:2px 8px;border-radius:16px;color:#fff}.header__relaseYear-detail,.header__genres-detail,.header__runtime-detail{font-size:14px;line-height:20px;color:#ffffffb2;display:block}.header__movie-title{color:#fff;font-weight:700;line-height:24px}.header__login-btn,.header__login-link{font-size:24px;line-height:32px;color:#fff}.header__login-link{border-bottom:1px solid #DC5DFC;padding-bottom:8px}.header__mobile-nav{display:none}.header__mobile-list{display:flex;align-items:center;gap:20px}.header__mobile-img{width:24px;height:24px}@media(max-width:1200px){.header__nav,.header__list{gap:30px}.header__search{max-width:460px;min-width:460px}}@media(max-width:980px){.header__login-btn,.header__login-link,.header__nav{display:none}.header__mobile-nav{display:block}}@media(max-width:480px){.header{padding:16px 0}}.footer{padding:40px 0;display:flex;justify-content:flex-end}.footer__socials-list{display:flex;justify-content:flex-end;gap:24px}.footer__socials-img{width:36px;height:36px}@media(max-width:480px){.footer{padding:24px 0}.footer,.footer__socials-list{justify-content:flex-start}}.trailer-popup{display:flex;align-items:center;justify-content:center;position:fixed;left:0;top:0;width:100%;height:100vh;z-index:1;background-color:#000000b3}.trailer-popup__box{display:flex;gap:24px;width:100%;max-width:1032px}.trailer-popup__content{background-color:#fff;width:960px;min-width:960px;max-width:960px;height:540px;min-height:540px;max-width:540px}.trailer-popup__close-btn{padding:12px;border-radius:100%;background-color:#fff;width:48px;height:48px}.trailer-popup__close-img{width:24px;height:24px}.main-page{height:100%}.hero__inner{display:flex;justify-content:space-between;align-items:center;padding-top:32px;gap:30px}.hero__info{width:100%;max-width:600px}.hero__details{display:flex;align-items:center;gap:16px}.hero__raiting-detail{display:flex;align-items:center;gap:4px;font-weight:700;line-height:24px;background-color:#308e21;padding:4px 12px;border-radius:16px;color:#fff}.hero__relase-year-detail,.hero__genres-detail,.hero__runtime-detail{line-height:24px;color:#ffffffb2}.hero__title{margin:16px 0;font-weight:700;font-size:48px;line-height:56px;color:#fff}.hero__text{font-size:24px;line-height:32px;color:#ffffffb2;margin-bottom:60px}.hero__btns{display:flex;align-items:center;gap:16px}.hero__trailer-btn{color:#fff;background-color:#67a5eb;padding:16px 48px;border-radius:28px;font-weight:700;line-height:24px}.hero__info-btn{color:#fff;background-color:#393b3c;padding:16px 48px;font-weight:700;line-height:24px;border:1px solid #00000066;border-radius:28px}.hero__favorite-btn,.hero__update-btn{display:flex;align-items:center;justify-content:center;border:1px solid #00000066;padding:16px 22px;border-radius:28px;background-color:#333}.hero__favorite-img,.hero__update-img{width:24px;min-width:24px;max-width:24px;height:24px;min-height:24px;max-height:24px}.hero__poster{width:100%;max-width:680px;height:100%;max-height:552px;border-radius:16px}.top-movies{padding:40px 0 120px}.top-movies__heading{font-weight:700;font-size:40px;line-height:48px;color:#fff;margin-bottom:64px}.top-movies__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(224px,1fr));gap:64px 40px}.top-movies__item{position:relative}.top-movies__item-number{position:absolute;font-weight:700;font-size:24px;line-height:32px;color:#6a5dc2;background-color:#fff;padding:8px 24px;border-radius:50px;top:-12px;left:-12px}.top-movies__item-img{width:100%;height:100%;box-shadow:0 0 80px #ffffff54;border-radius:16px}@media(max-width:1200px){.hero__title{font-size:38px}.hero__text{font-size:22px;margin-bottom:40px}.hero__trailer-btn,.hero__info-btn{padding:16px 32px}}@media(max-width:1024px){.hero__inner{flex-direction:column-reverse}.hero__poster,.hero__info{max-width:100%}}@media(max-width:520px){.hero__btns{flex-wrap:wrap}.hero__trailer-btn{width:100%}.hero__info-btn{flex-grow:1;text-align:center}.top-movies__heading{margin-bottom:40px;font-size:24px;line-height:32px}.top-movies__list{display:flex;gap:40px;overflow-x:auto;overflow-y:hidden;padding-left:12px;padding-top:12px;scroll-behavior:smooth;scrollbar-width:none}.top-movies__list::-webkit-scrollbar{display:none}.top-movies__item-img{width:224px;min-width:224px;max-width:224px;height:336px;min-height:336px;max-height:336px;box-shadow:none}}@media(max-width:480px){.hero__inner{gap:24px}.hero__relase-year-detail,.hero__genres-detail,.hero__runtime-detail{font-size:14px;line-height:20px}.hero__title{margin:12px 0;font-size:24px;line-height:32px}.hero__text{font-size:18px;line-height:24px;margin-bottom:32px}}.genres-section{padding:64px 0 160px;color:#fff}.genres__title{margin-bottom:64px;font-weight:700;font-size:48px;line-height:56px}.genres__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));grid-gap:64px 40px}.genres__item-link{display:flex;flex-direction:column;color:#fff}.genres__item-img{border-radius:24px 24px 0 0;width:100%;height:220px}.genres__item-title{width:100%;display:block;text-align:center;background-color:#0a0b0b;font-weight:700;font-size:24px;line-height:32px;padding:22px 105px 30px;border-radius:0 0 24px 24px}@media(max-width:720px){.genres-section{padding:16px 0 40px}.genres__title{margin-bottom:40px;font-size:24px;line-height:32px}.genres__list{grid-gap:24px}}.genre-movies-section{padding:64px 0 160px}.genre-movies__back-link{display:flex;align-items:center;gap:16px;font-weight:700;font-size:48px;line-height:56px;color:#fff;margin-bottom:64px}.genre-movies__back-img{width:40px;height:40px}.genre-movies__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(224px,1fr));grid-gap:64px 40px;margin-bottom:64px}.genre-movies__item-img{border-radius:16px}.genre-movies__more-btn{background-color:#67a5eb;color:#fff;padding:16px 48px;border-radius:28px;font-weight:700;line-height:24px;margin:0 auto;display:block}@media(max-width:720px){.genre-movies-section{padding:16px 0 40px}.genre-movies__back-link{gap:8px;margin-bottom:40px;font-size:24px;line-height:32px}.genre-movies__back-img{width:32px;height:32px}.genre-movies__list{grid-gap:24px;margin-bottom:40px}.genre-movies__more-btn{width:100%;background-color:#6a5dc2}}.movie__inner{display:flex;justify-content:space-between;align-items:center;padding-top:32px;gap:35px}.movie__info{width:100%;max-width:600px}.movie__details{display:flex;gap:16px;align-items:center}.movie__relase-year-detail,.movie__genres-detail,.movie__runtime-detail{line-height:24px;color:#ffffffb2}.movie__raiting-detail{display:flex;gap:4px;align-items:center;justify-content:center;background-color:#308e21;padding:4px 12px;border-radius:16px;color:#fff}.movie__title{margin:16px 0;font-weight:700;font-size:48px;line-height:56px;color:#fff}.movie__text{font-size:24px;line-height:32px;color:#ffffffb2;margin-bottom:60px}.movie__btns{display:flex;align-items:center;gap:16px}.movie__trailer-btn{color:#fff;background-color:#67a5eb;padding:16px 48px;border-radius:28px;font-weight:700;line-height:24px}.movie__favorite-btn{display:flex;align-items:center;justify-content:center;border:1px solid #00000066;padding:16px 22px;border-radius:28px;background-color:#333}.movie__favorite-img{width:24px;min-width:24px;max-width:24px;height:24px;min-height:24px;max-height:24px}.movie__poster{width:100%;max-width:680px;height:100%;max-height:552px;border-radius:16px}.info-section{padding:40px 0 120px;color:#fff}.info__title{font-weight:700;font-size:40px;line-height:48px;letter-spacing:0%;margin-bottom:64px}.info__list{display:flex;flex-direction:column;gap:24px;width:60%}.info__item{line-height:24px;position:relative}.info__item span:first-child{float:left;padding-right:8px}.info__item span+span{float:right;padding-left:8px}.info__item:after{content:"";display:block;overflow:hidden;height:1em;border-bottom:1px dotted rgba(255,255,255,.5)}@media(max-width:1200px){.movie__title{font-size:38px}.movie__text{font-size:22px;margin-bottom:40px}.movie__trailer-btn{padding:16px 32px}}@media(max-width:1024px){.movie__inner{flex-direction:column-reverse}.movie__poster,.movie__info{max-width:100%}}@media(max-width:520px){.movie__trailer-btn{flex-grow:1;width:100%}}@media(max-width:480px){.movie__inner{gap:24px}.movie__relase-year-detail,.movie__genres-detail,.movie__runtime-detail{font-size:14px;line-height:20px}.movie__title{margin:12px 0;font-size:24px;line-height:32px}.movie__text{font-size:18px;line-height:24px;margin-bottom:32px}.info__title{margin-bottom:40px;font-size:24px;line-height:32px}.info__list{gap:12px}.info__item{display:flex;flex-direction:column;gap:4px}.info__item:after{display:none}.info__item span:first-child,.info__item span+span{padding:0}.info__item span:first-child{font-size:14px;line-height:20px;color:#ffffff80}}.account-section{height:100%;padding:64px 0 160px;color:#fff}.account__title{font-weight:700;font-size:48px;line-height:56px;margin-bottom:64px}.account__tabs{display:flex;align-items:center;gap:64px;margin-bottom:64px}.account__tab.current{border-bottom:2px solid #DC5DFC}.account__tab-btn{display:flex;align-items:center;gap:8px;padding:8px 0}.account__tab-text{font-size:24px;line-height:32px}.account__tab-mobile-text{display:none;font-size:24px;line-height:32px}.favorites__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(224px,1fr));gap:64px 40px}.favorites__item{position:relative}.favorites__poster-img{width:100%;height:100%;border-radius:16px;box-shadow:0 0 80px #ffffff54}.favorites__remove-btn{position:absolute;top:-20px;right:-20px;width:40px;height:40px;padding:8px;border-radius:100%;background-color:#fff;display:none;transition:all .3s ease-in-out}.favorites__remove-img{width:24px;height:24px}.favorites__item:hover .favorites__remove-btn{display:block}.favorites__heading{font-weight:700;font-size:32px;line-height:56px}.settings__list{display:flex;flex-direction:column;gap:40px;margin-bottom:64px}.settings__item{display:flex;align-items:center;gap:16px}.settings__item-content{display:flex;flex-direction:column;gap:4px}.settings__item-title{line-height:24px}.settings__item-text{font-weight:700;font-size:24px;line-height:32px}.settings__item-icon{background:#ffffff80;border-radius:100%}.settings__name-item .settings__item-icon{font-weight:700;font-size:24px;line-height:32px;width:60px;height:60px;padding:14px}.settings__email-item .settings__item-icon{width:60px;height:60px;padding:18px}.settings__link{display:block;width:fit-content;font-weight:700;line-height:24px;background-color:#67a5eb;color:#fff;padding:16px 48px;border-radius:28px}@media(max-width:620px){.account__title,.account__tabs{margin-bottom:40px}.account__tabs{gap:24px}}@media(max-width:560px){.account__tabs{gap:52px}.account__tab-text{display:none}.account__tab-mobile-text{display:block}.settings__list{margin-bottom:40px}.settings__name-item .settings__item-icon{width:48px;height:48px;padding:8px}.settings__email-item .settings__item-icon{width:48px;height:48px;padding:12px}.settings__item-title{font-size:14px;line-height:20px}.settings__item-text{font-size:18px;line-height:24px}}.notfound-section{padding:64px 0 160px;color:#fff}.notfound__wrapper{display:flex;flex-direction:column;align-items:center}.notfound__title{font-size:40px;font-weight:700}.notfound__text{margin:10px 0 30px;font-size:20px;font-weight:500}.notfound__link{background-color:#67a5eb;color:#fff;padding:16px 48px;border-radius:28px;font-weight:700;line-height:24px}*{font-size:18px;font-weight:400}.container{width:100%;max-width:1470px;margin:0 auto;padding:0 15px}.main{height:100%}.primary__btn{transition:all .3s ease-in-out}.primary__btn:hover,.primary__btn:focus{color:#ffffff80;background-color:#45526e}#root{font-family:Play,sans-serif;background:linear-gradient(180deg,#000,#272424b3),linear-gradient(180deg,#2787f5e6,#a393f5e6);position:relative}*{padding:0;margin:0;border:none}*,*:before,*:after{box-sizing:border-box}a,a:link,a:visited,a:hover{text-decoration:none}aside,nav,footer,header,section,main{display:block}h1,h2,h3,h4,h5,h6,p{font-size:inherit;font-weight:inherit}ul,ul li{list-style:none}img{vertical-align:top}img,svg{max-width:100%;height:auto}address{font-style:normal}input,textarea,button,select{font-family:inherit;font-size:inherit;color:inherit;background-color:transparent}input::-ms-clear{display:none}button,input[type=submit]{display:inline-block;box-shadow:none;background-color:transparent;background:none;cursor:pointer}input:focus,input:active,button:focus,button:active{outline:none}button::-moz-focus-inner{padding:0;border:0}label{cursor:pointer}legend{display:block}input[type=file]{max-width:100%}