@import"https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap";.topMovies{margin-bottom:60px}.topMovie__title{margin-bottom:67px;font-size:40px;color:var(--primary)}.form-error{justify-content:center;color:var(--error)}.home-loader{align-items:center;justify-content:center}@media(max-width:1439px){.topMovie__title{margin-bottom:25px}}@media(max-width:768px){.topMovie__title{position:relative;font-size:24px;left:11px}.topMovies>.container{width:96%}}.footer>.container{align-items:center;justify-content:end}.footer{padding-bottom:40px}.footer-link:not(:last-child){margin-right:24px}@media(max-width:1024px){.footer>.container{justify-content:flex-start}}@media(max-width:768px){.footer-link>svg{width:24px;height:24px}}.button{min-height:56px;color:var(--primary);border:none;border-radius:28px;justify-content:center;align-items:center}.button[data-variant=primary][data-subclass=dark]{background-color:var(--secondary);color:var(--primary)}.button[data-variant=secondary][data-subclass=dark]{background-color:var(--black_disabled);color:var(--primary)}.button[data-variant=primary][data-subclass=bright]{background-color:var(--sky_blue);color:var(--primary)}.button[data-variant=secondary][data-subclass=bright]{background-color:var(--blue_dark);color:var(--disabled)}.button[data-width=medium]{width:171px;font-size:19.3px}.button[data-width=wide]{width:341px;letter-spacing:1.3px}.button[data-width=medium-big]{width:218px;letter-spacing:1.3px}.button:disabled{opacity:.5}.button[data-variant=logIn]{width:60px;min-height:32px;background:none;font-size:24px}.button[data-width=long]{width:262px}.button[data-variant=logIn][data-width=wide]{width:253px;letter-spacing:0px}.button[data-variant=logIn]:not([data-width]){width:69px}.button.button--disabled{display:none}.button.header-link--selected{position:relative}.button.header-link--selected:after{content:"";position:absolute;left:0;width:101%;height:1px;background:var(--pink);bottom:-10px}.button__image{margin-right:10px}.header{padding:25px 0;margin-bottom:30px}.header>.container{align-items:center;gap:16px}.header__logo-block{margin-right:62px}.header__nav{gap:42px}.header__middle{align-items:center;gap:40px}.header__search{flex:0 0 240px}.header__log{margin-left:auto}.header__search{position:relative}.header-link{position:relative;font-size:24px;color:var(--primary)}.header-link--selected:after{content:"";position:absolute;left:0;width:101%;height:1px;background:var(--pink);bottom:-10px}.header__form{width:655px;min-height:48px;padding-left:19px;padding-right:23px;align-items:center;background-color:var(--secondary);border-radius:8px;cursor:pointer}.header__input{color:var(--primary);font-size:18px}.header__input::placeholder{color:var(--disabled)}.header__search-image{margin-right:10px}@media(max-width:1439px){.header{margin-bottom:0}.header__logo-block{margin-right:auto}.header__form{width:100%;min-height:56px}.mobile-search-overlay{width:100%;height:115%;z-index:999;justify-content:center;position:fixed;background-color:var(--modal-back);left:0;top:0}.mobile-search{position:relative;width:65%;top:17px}.header__input{margin-right:auto}.header__nav--mobile{align-items:center;gap:27px}}@media(max-width:1024px){.header{padding:21px 0 10px}.topMovies{margin-bottom:46px}}@media(max-width:500px){.mobile-search{width:90%}.header__logo-block>.header-logo>svg{width:80px;height:18px}}.rating{align-items:center;justify-content:center;border-radius:16px}.rating[data-size=large]{width:70px;min-height:32px}.rating[data-size=small]{width:47px;min-height:20px}.rating--excellent{background-color:var(--rating-excellent)}.rating--good{background-color:var(--rating-good)}.rating--average{background-color:var(--rating-average)}.rating--poor{background-color:var(--rating-poor)}.rating__image[data-size=large]{width:16px;height:16px}.rating__image[data-size=small]{width:10px;height:10px}.rating__image{margin-right:3px}.rating__text{color:var(--primary);font-weight:700}.rating__text[data-size=large]{font-size:18px}.rating__text[data-size=small]{font-size:12px}.search__item{width:543px;min-height:85px;margin-bottom:7px;padding:5px 0;align-items:center;cursor:pointer}.search__poster{max-height:52px;width:39px}.search__film-info{align-items:center}.search__data{color:var(--primary-opacity);font-size:14px}.search__title{color:var(--primary);font-size:18px;line-height:29px}.search__main-info{align-items:center;margin-bottom:5px;gap:17px}.search__poster-block{margin-right:15px}@media(max-width:1024px){.search__item{min-width:220px;min-height:320px;flex-direction:column;margin-bottom:0;padding:0}.search__item:not(:last-child){margin-right:10px}.search__poster-block{margin-right:auto;margin-bottom:12px}.search__main-info{flex-wrap:wrap;gap:15px}.search__main-info>:last-child{flex-basis:100%}.search__poster{width:158px;max-height:206px}.search__film-info{width:95%;margin-right:auto}}.spinner{width:48px;height:48px;border:5px solid #fff;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.list-reset.search__list{width:559px;max-height:477px;padding:14px 18px;position:absolute;top:58px;left:97px;background-color:var(--secondary);border-radius:8px;overflow-y:scroll;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;z-index:2}.search__list::-webkit-scrollbar{width:0;display:none}.search__list{align-items:center;justify-content:center}.search-spinner{width:100%;justify-content:center}@media(max-width:1439px){.list-reset.search__list{width:70%;left:15%;top:63px}}@media(max-width:1024px){.list-reset.search__list{width:70%;max-height:378px;margin:0 auto;padding-top:15px;padding-left:21px;display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;justify-content:flex-start;align-items:flex-start}}@media(max-width:768px){.list-reset.search__list{width:100%;min-height:378px;max-height:500px;left:0}}.modal{left:0;width:100%;height:115%;z-index:999;position:fixed;justify-content:center;align-items:center;background-color:var(--modal-back);top:0}.modal__content{position:relative;justify-content:center;align-items:center;min-height:10px;z-index:5}.modal__content[datatype=film]{width:960px;min-height:540px;background-color:var(--secondary);border:1px solid var(--disabled)}.modal__content[datatype=user]{width:420px;min-height:455px;padding:71px 40px 15px;border-radius:24px;background-color:var(--primary);align-items:normal}.btn-reset.modal__close{position:absolute;width:48px;height:48px;background-color:var(--primary);justify-content:center;align-items:center;border-radius:24px;right:-72px;top:5px}.modal__error{font-size:20px;color:var(--primary)}.video{height:-webkit-fill-available;border:none}.modal-logIn{margin-bottom:10px;flex-direction:column;justify-content:center}@media(max-width:1439px){.btn-reset.modal__close{right:8px;top:8px}}@media(max-width:768px){.modal__content[datatype=film]{width:100%;min-height:400px}}@media(max-width:600px){.modal{height:100%}.modal__content[datatype=user]{width:335px;min-height:410px;padding:64px 0 24px}.button-wrapper>.button{width:295px}}.button-wrapper{flex-direction:column;align-items:center;justify-content:center}.logo-wrapper{justify-content:center;margin-bottom:41px}.logo-wrapper>svg>path{fill:var(--black)}.input-wrapper-block{flex-direction:column;margin-bottom:24px}.input-wrapper-block>.input-wrapper:first-child{margin-bottom:12px}.button-wrapper>*:first-child{margin-bottom:26px}.modal-logIn__regiter{font-size:18px;font-weight:700;color:var(--black)}.input-wrapper-block>*{margin-bottom:12px}@media(max-width:768px){.logo-wrapper>svg{width:132.13px;height:29.5px}.logo-wrapper{margin-bottom:33px}.input-wrapper-block{margin-bottom:12px}}.input-wrapper{width:340px;min-height:56px;padding:0 16px;align-items:center;border:1px solid var(--input-placeholder);background-color:var(--secondary);border-radius:8px;transition:border-color .3s ease-in-out}.input-wrapper>.input-wrapper__ico>svg>path{transition:fill .3s ease-in-out}.input-wrapper[data-theme=dark]{border:1px solid var(--input-border);background-color:var(--secondary)}.input-wrapper--error{border-color:var(--error)}.input-wrapper--error:hover,.input-wrapper--error:focus-within{border-color:var(--error)}.input-wrapper--error .input-wrapper__ico>svg>path,.input-wrapper--error:hover .input-wrapper__ico>svg>path,.input-wrapper--error:focus-within .input-wrapper__ico>svg>path{fill:var(--error)}.input-wrapper[data-theme=dark]>.input-wrapper__ico>svg>path{fill:var(--primary)}.input-wrapper[data-theme=light]{border:1px solid var(--input-border);background-color:var(--primary)}.input-wrapper__ico{margin-right:12px;align-items:center}.input-wrapper__item{letter-spacing:1px}.input-wrapper__item::placeholder{color:var(--input-placeholder)}.input-wrapper[data-theme=dark]>.input-wrapper__item{color:var(--primary)}.input-wrapper[data-theme=light]>.input-wrapper__item{color:var(--black)}.input-wrapper:hover{border-color:var(--active)}.input-wrapper:hover>.input-wrapper__ico>svg>path{fill:var(--active)}.input-wrapper:focus-within{outline:none;border-color:var(--active)}.input-wrapper:focus-within>.input-wrapper__ico>svg>path{outline:none;fill:var(--active)}.input-container{width:340px;display:flex;flex-direction:column;gap:4px}.input-error{color:var(--error);font-size:12px;margin-left:16px;margin-top:2px}@media(max-width:600px){.input-wrapper{width:295px}.input-container{align-items:center}}.modal-register{margin-bottom:10px;flex-direction:column;justify-content:center}.movie-background{margin-bottom:64px;width:224px;min-height:336px;border:1px solid var(--card-border);border-radius:16px;background-color:var(--black)}.movie-background:not(:nth-child(5n)){margin-right:15px}.movie-card{position:relative;height:auto;min-height:inherit;flex-direction:column;align-items:center}.movie-card__poster{width:100%;height:100%;min-height:inherit;border-radius:16px}.movie-card__position{position:absolute;width:62px;min-height:48px;background-color:var(--primary);justify-content:center;align-items:center;border-radius:50px;left:-13px;top:-10px}.movie-card__number{color:var(--number-color);font-weight:700;font-size:24px}.movie-card__genre{color:var(--primary)}.movie-card__remove{position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:50%;background-color:var(--modal-back);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--primary);transition:background-color .2s;z-index:10}.movie-card__remove:hover{background-color:var(--black)}@media(max-width:1439px){.movie-background{margin-bottom:0}}.loader{display:flex;flex-direction:row;gap:8px}@keyframes loader-segment-scale{0%{transform:scale(1)}50%{transform:scale(2)}to{transform:scale(1)}}.loader__segment{width:8px;height:8px;border-radius:50%;animation:loader-segment-scale .6s ease infinite}.loader__segment:nth-child(1){animation-delay:0s}.loader__segment:nth-child(2){animation-delay:.2s}.loader__segment:nth-child(3){animation-delay:.4s}.loader[data-color=blue]>.loader__segment{background-color:var(--sky_blue)}.loader[data-color=white]>.loader__segment{background-color:var(--primary)}.movies-list{width:98.5%;flex-wrap:wrap;justify-content:space-between}.movies--default{width:1300px;justify-content:center;flex-direction:column}.movies-list__more{justify-content:center}@media(max-width:1439px){.movies--default{width:100%}.movies--genres{width:100%;margin-bottom:40px}.movies-list--genres{gap:25px}.list-reset.movies-list--default{flex-wrap:nowrap;overflow-x:scroll;gap:40px;padding:13px 10px 10px 13px}.movie-background{flex:0 0 auto}.movie-background:not(:nth-child(5n)){margin-right:0}}@media(max-width:1095px){.movies-list--genres>.movie-background{width:30%}}@media(max-width:666px){.movies-list--genres>.movie-background{width:45%}}@media(max-width:425px){.movies-list--genres>.movie-background{width:102%}}.hero{margin-bottom:39px}.hero__info{width:600px;padding-top:74px;padding-right:10px;margin-right:auto;flex-direction:column}.hero__top-menu{margin-bottom:18px;align-items:center}.hero__date{margin-left:20px}.hero__data{color:var(--primary-opacity);font-size:18px}.hero__data:not(:last-child){margin-right:20px}.hero__title{margin-bottom:19px;color:var(--primary);font-size:48px;line-height:55.5px}.hero__description{margin-bottom:61px;font-size:24px;color:var(--primary-opacity);line-height:28.9px}.hero__buttons-section>button:not(:last-child){margin-right:22px}.hero__poster-img{max-width:680px;height:552px}.hero__buttons-section{align-items:center}.hero__poster-fallback{font-size:30px;color:var(--error)}.hero__poster{align-items:center}.hero-loader{min-height:200px;justify-content:center;align-items:center}@media(max-width:1439px){.hero__poster-img{height:100%;max-width:100%}.hero__info{width:100%;padding-top:24px}.hero__title{font-size:30px}.hero__description{font-size:20px}}@media(max-width:1160px){.hero__buttons-section{width:90%;flex-wrap:wrap;gap:15px}.hero__buttons-section>button:not(:last-child){margin-right:0}.hero__buttons-section>:first-child{flex-basis:100%}.hero__buttons-section>:nth-child(2){flex:2.4 1 0;min-width:0}}@media(max-width:1024px){.hero__description{margin-bottom:30px}.hero__poster-img{border-radius:16px}.hero__top-menu{margin-bottom:14px}.hero__title{margin-bottom:11px}.hero>.container{flex-direction:column-reverse}.hero__buttons-section{width:100%;flex-wrap:nowrap;gap:15px}.hero__buttons-section>button:not(:last-child){margin-right:0}.hero__buttons-section>:first-child{flex-basis:auto}.hero__buttons-section>:nth-child(2){flex:0 0 200px;min-width:0}}@media(max-width:768px){.hero{margin-bottom:59px}.hero--filmPage{margin-bottom:46px}.hero__title{margin-bottom:11px;font-size:24px;line-height:31px}.hero__description{margin-bottom:33px;font-size:18px;line-height:24px}}@media(max-width:600px){.hero__buttons-section{width:103%;flex-wrap:wrap;gap:15px}.hero__buttons-section>button:not(:last-child){margin-right:0}.hero__buttons-section>:first-child{flex-basis:100%}.hero__buttons-section>:nth-child(2){flex:2.4 1 0;min-width:0}.hero__buttons-section>:nth-child(3),.hero__buttons-section>:nth-child(4){flex:1 1 0;min-width:0}.hero__buttons-section--filmPage{flex-wrap:nowrap}.hero__buttons-section--filmPage>:first-child{flex-basis:75%}}@media(max-width:375px){.hero__poster-img{height:234px}.hero__poster-img--filmPage{height:260px}}.btn-reset.hero-button{width:66px;min-height:58px;justify-content:center;align-items:center;background-color:var(--secondary);border:1px solid var(--input-border);border-radius:28px}.btn-reset.hero-button--active>svg>path{stroke:none;fill:var(--active)}.heart>path{stroke:var(--primary)}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}:root{--primary: #fff;--primary-opacity: rgba(255, 255, 255, .7);--blur: rgba(255, 255, 255, .33);--primary-dim: rgba(255, 255, 255, .25);--secondary: #393b3c;--black: #000;--black_disabled: #747474;--background: linear-gradient(to bottom, rgba(39, 135, 245, .2) 0%, rgba(163, 147, 245, .2) 100%), linear-gradient(to bottom, #000000ff 70%, #272424ff 100%);--sky_blue: #67a5eb;--blue_dark: #45526e;--pink: #dc5dfc;--active: #b4a9ff;--error: #ff7575;--disabled: rgba(255, 255, 255, .5);--input-secondary: rgba(255, 255, 255, .8);--input-back: rgba(255, 255, 255, .15);--input-border: rgba(0, 0, 0, .4);--input-placeholder: #999999;--rating-excellent: #a59400;--rating-good: #308e21;--rating-average: #777777;--rating-poor: #c82020;--number-color: #6a5dc2;--card-border: rgba(255, 255, 255, .25);--modal-back: #0000009e}html{box-sizing:border-box;overflow-x:hidden}*::-webkit-scrollbar{display:none}*,*:before,*:after{box-sizing:inherit;scrollbar-width:none;-ms-overflow-style:none}body{min-width:320px;min-height:100vh;font-family:Play,sans-serif;overflow-x:hidden;line-height:1.1;background:var(--background)}a{color:inherit;text-decoration:none}img,svg{max-width:100%;vertical-align:baseline}.list-reset{margin:0;padding:0;list-style:none}.btn-reset{padding:0;border:0;background:none;outline:none;border-color:transparent;cursor:pointer}h1,h2,h3,p{margin:0}.container{max-width:1280px;margin:0 auto}.none{display:none}.flex{display:flex}input{border:none;background:none;outline:none}@media(max-width:1400px){.container{width:90%}}@media(max-width:500px){.container{width:89%}}