/*! 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:initial;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:initial}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;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:initial}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}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-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:initial}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}[hidden],template{display:none}*,:after,:before{box-sizing:border-box}@font-face{font-family:"Inter";src:url(/static/media/Inter-Regular.26a30a5f.woff2) format("woff2"),url(/static/media/Inter-Regular.e148c4a1.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Inter";src:url(/static/media/Inter-Medium.d0a58d95.woff2) format("woff2"),url(/static/media/Inter-Medium.eec0ea57.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}.app{font-family:"Inter","Arial",sans-serif;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;text-rendering:optimizeLegibility;position:relative;z-index:1;min-width:320px}.main__section{display:flex;flex-direction:column;align-items:center;padding-left:70px;padding-right:70px}@media screen and (max-width:768px){.main__section{padding-left:50px;padding-right:50px}}@media screen and (max-width:580px){.main__section{padding-left:18px;padding-right:18px}}@media screen and (max-width:580px){.main__section_promo{padding-left:0;padding-right:0}}.main__section_style_gray{background-color:#dddee3}.main__section_style_snow{background-color:#fafafa}.main__section_style_whitesmoke{background-color:#f5f5f5}.main__section_style_lightsmoke{background-color:#f8f8f8}.title-s{padding-top:100px}@media screen and (max-width:768px){.title-s{padding-top:90px}}@media screen and (max-width:580px){.title-s{padding-top:70px}}.title-m{padding-top:110px}@media screen and (max-width:768px){.title-m{padding-top:90px}}@media screen and (max-width:580px){.title-m{padding-top:70px}}.logo{max-width:38px;max-height:38px;display:block}.navigation{width:100%}.navigation__menu{display:flex;justify-content:flex-end;overflow:hidden}.navigation__btn{background:transparent;border:none;margin:0;padding:0;background-repeat:no-repeat;background-position:50%;cursor:pointer}.navigation__btn_type_open{width:44px;height:44px;background-image:url(/static/media/menu.6875e104.svg);display:none}@media screen and (max-width:768px){.navigation__btn_type_open{display:block}}.navigation__btn_type_close{width:22px;height:22px;background-image:url(/static/media/cross.455618a3.svg);display:none}@media screen and (max-width:768px){.navigation__btn_type_close{position:fixed;top:22px;right:22px;z-index:5}}@media screen and (max-width:580px){.navigation__btn_type_close{top:14px;right:14px}}.navigation__btn_status_open{display:block}.navigation__list{list-style:none;padding:0;margin:0}.navigation__list_type_main{display:flex;align-items:center;grid-gap:30px;gap:30px}@media screen and (max-width:580px){.navigation__list_type_main{grid-gap:14px;gap:14px}}.navigation__list_type_accaunt{display:flex;justify-content:space-between;align-items:center;width:100%}@media screen and (max-width:768px){.navigation__list_type_accaunt{flex-direction:column;display:none;position:fixed;top:0;right:0;z-index:4;background:#fafafa;height:100vh;width:68%;padding-top:160px;padding-bottom:90px}.navigation__list_type_accaunt:before{content:"";width:100%;height:100vh;display:block;background:#000;opacity:.3;position:absolute;top:0;left:-100%}}@media screen and (max-width:580px){.navigation__list_type_accaunt{width:100%}}.navigation__list_status_open{display:flex}.navigation__left-column{display:grid;grid-template-rows:100%;grid-template-columns:repeat(3,max-content);align-items:center;grid-gap:16px;gap:16px;list-style:none;padding:0;margin:0}@media screen and (max-width:768px){.navigation__left-column{grid-template-rows:repeat(3,minmax(min-content,max-content));grid-template-columns:1fr;grid-row-gap:28px;row-gap:28px;justify-content:center}}@media screen and (max-width:768px){.navigation__item{display:flex;justify-content:center}}.navigation__item_type_main{order:3}@media screen and (max-width:768px){.navigation__item_type_main{order:1}}@media screen and (max-width:768px){.navigation__item_type_movies{order:2}}@media screen and (max-width:768px){.navigation__item_type_save-movies{order:3}}.navigation__link{font-size:12px;font-weight:500;color:#000;text-decoration:none}@media screen and (max-width:580px){.navigation__link{font-size:10px}}.navigation__link_type_signup{color:#000}.navigation__link_type_signin{display:flex;align-items:center;justify-content:center;width:76px;height:32px;background-color:#3456f3;color:#fff;border-radius:3px;margin:0}@media screen and (max-width:580px){.navigation__link_type_signin{width:54px;height:26px;margin:0 0 0 14px}}.navigation__link_type_profile{display:flex;align-items:center;justify-content:center;width:100px;height:32px;border-radius:20px;background-color:#f4f4f4;font-size:14px;font-weight:500;transition:all .5s}.navigation__link_type_profile:hover{background-color:#3456f3;color:#fff}.navigation__link_type_save-movies{font-size:13px;font-weight:400}@media screen and (max-width:768px){.navigation__link_type_save-movies{font-size:18px;font-weight:500}}.navigation__link_type_movies{font-size:13px;font-weight:400}@media screen and (max-width:768px){.navigation__link_type_movies{font-size:18px;font-weight:500}}.navigation__link_type_main{display:none}@media screen and (max-width:768px){.navigation__link_type_main{font-size:18px;font-weight:500;display:block}}.navigation__link_active{font-weight:500}@media screen and (max-width:768px){.navigation__link_active{border-bottom:2px solid}}.header{display:flex;align-items:center;max-width:1280px;width:100%;background-color:initial;padding:18px 70px;grid-gap:44px;gap:44px;position:relative;margin:0 auto}@media screen and (max-width:768px){.header{padding:15px 30px}}@media screen and (max-width:580px){.header{padding-left:15px;padding-right:15px}}.promo{max-width:1140px;width:100%;display:flex;flex-direction:column;grid-gap:102px;gap:102px;padding-top:50px;padding-bottom:60px}@media screen and (max-width:768px){.promo{align-items:center;grid-gap:140px;gap:140px;overflow:hidden;padding-top:300px;padding-bottom:70px}}@media screen and (max-width:580px){.promo{grid-gap:60px;gap:60px;padding-top:180px;padding-bottom:30px}}.promo__title{font-size:40px;font-weight:400;letter-spacing:-.04em;line-height:1.3em;color:#000;max-width:626px;margin:0}@media screen and (max-width:768px){.promo__title{text-align:center}}@media screen and (max-width:580px){.promo__title{font-size:31px;max-width:300px}}.promo__img{align-self:flex-end;display:block;object-fit:contain}@media screen and (max-width:768px){.promo__img{max-width:680px;align-self:flex-start}}@media screen and (max-width:580px){.promo__img{max-width:none;align-self:center}}.section-title{max-width:1140px;width:100%;font-size:22px;font-weight:400;letter-spacing:-.04em;color:#000;margin:0;padding-bottom:23px;border-bottom:1px solid #000}@media screen and (max-width:580px){.section-title{font-size:18px;padding-bottom:28px}}.about-project{max-width:1140px;width:100%;padding-top:70px;padding-bottom:110px}@media screen and (max-width:768px){.about-project{padding-bottom:90px}}@media screen and (max-width:580px){.main__space_type_project{padding-top:60px;padding-bottom:58px}}.about-project__list{display:grid;grid-template-rows:1fr;grid-template-columns:repeat(2,1fr);grid-gap:40px;gap:40px;list-style:none;padding:0;margin:0 0 110px}@media screen and (max-width:768px){.about-project__list{margin:0 0 90px}}@media screen and (max-width:580px){.about-project__list{grid-template-rows:1fr 1fr;grid-template-columns:1fr;margin:0 0 60px;grid-gap:56px;gap:56px}}.about-project__subtitle{font-size:20px;font-weight:400;letter-spacing:-.04em;color:#000;margin:0 0 26px}@media screen and (max-width:580px){.about-project__subtitle{font-size:18px;margin:0 0 16px}}.about-project__text{font-size:14px;font-weight:400;line-height:1.57em;color:#000;margin:0}@media screen and (max-width:768px){.about-project__text{font-size:12px}}@media screen and (max-width:580px){.about-project__text{font-size:11px}}.about-project__time-line{display:grid;grid-template-rows:36px 36px;grid-template-columns:1fr 4fr}@media screen and (max-width:580px){.about-project__time-line{grid-template-columns:1fr 2fr}}.about-project__time{font-size:14px;font-weight:400;margin:0;display:flex;align-items:center;justify-content:center}@media screen and (max-width:580px){.about-project__time{font-size:11px}}.about-project__time_type_short{background-color:#3456f3;color:#fff}.about-project__time_type_long{background-color:#f2f2f2;color:#000}.about-project__task{font-size:14px;font-weight:500;color:#a0a0a0;margin:8px 0 0;display:flex;align-items:center;justify-content:center}@media screen and (max-width:580px){.about-project__task{font-size:11px;margin:0}}.techs{max-width:1280px;width:100%;display:flex;flex-direction:column;align-items:center;padding-top:90px;padding-bottom:100px}@media screen and (max-width:768px){.techs{padding-top:80px;padding-bottom:90px}}@media screen and (max-width:580px){.techs{padding-top:60px;padding-bottom:70px}}.techs__title{font-size:50px;font-weight:400;letter-spacing:-.04em;text-align:center;color:#000;margin:0 0 26px}@media screen and (max-width:580px){.techs__title{font-size:30px;margin:0 0 24px}}.techs__text{font-size:14px;font-weight:400;letter-spacing:-.04em;line-height:1.57em;text-align:center;color:#000;max-width:460px;margin:0 0 100px}@media screen and (max-width:768px){.techs__text{font-size:12px;margin:0 0 83px}}@media screen and (max-width:580px){.techs__text{font-size:11px;margin:0 0 50px}}.techs__list{list-style:none;padding:0;margin:0;display:grid;grid-template-rows:60px;grid-template-columns:repeat(7,90px);grid-gap:10px;gap:10px}@media screen and (max-width:768px){.techs__list{width:100%;grid-template-rows:repeat(auto-fill,minmax(57px,1fr));grid-template-columns:repeat(auto-fit,84px);justify-content:center}}@media screen and (max-width:580px){.techs__list{width:200px}}.techs__item{font-size:14px;font-weight:400;letter-spacing:-.04em;color:#000;background:#e8e8e8;border-radius:10px;display:flex;align-items:center;justify-content:center;height:60px}@media screen and (max-width:768px){.techs__item{font-size:12px;height:57px}}.about-me{max-width:1140px;width:100%;display:grid;grid-template-columns:repeat(2,minmax(min-content,max-content));grid-template-rows:minmax(min-content,max-content) min-content;grid-column-gap:270px;column-gap:270px;grid-row-gap:99px;row-gap:99px;padding-top:66px;padding-bottom:101px}@media screen and (max-width:1024px){.about-me{grid-column-gap:49px;column-gap:49px;grid-row-gap:87px;row-gap:87px}}@media screen and (max-width:768px){.about-me{padding-top:62px;padding-bottom:90px}}@media screen and (max-width:580px){.about-me{grid-template-columns:1fr;grid-template-rows:repeat(3,minmax(min-content,max-content));grid-row-gap:40px;row-gap:40px;padding-top:60px;padding-bottom:70px}}.about-me__title{font-size:50px;font-weight:400;letter-spacing:-.04em;color:#000;margin:0 0 18px}@media screen and (max-width:768px){.about-me__title{font-size:40px}}@media screen and (max-width:580px){.about-me__title{font-size:30px}}.about-me__subtitle{font-size:18px;font-weight:500;color:#000;margin:0 0 26px}@media screen and (max-width:768px){.about-me__subtitle{font-size:12px}}@media screen and (max-width:580px){.about-me__subtitle{font-size:11px;margin:0 0 20px}}.about-me__text{font-size:14px;font-weight:400;line-height:1.57em;color:#000;margin:0}@media screen and (max-width:768px){.about-me__text{font-size:12px;max-width:364px}}@media screen and (max-width:580px){.about-me__text{font-size:11px;max-width:100%}}.about-me__img{display:block;min-width:270px;width:100%;height:100%;border-radius:10px;object-fit:cover;grid-column:2/3;grid-row:1/3}@media screen and (max-width:768px){.about-me__img{max-height:307px;min-width:255px;max-width:255px}}@media screen and (max-width:580px){.about-me__img{grid-column-start:1;grid-column-end:2;grid-row-start:1;grid-row-end:2;justify-self:center;max-height:352px;min-width:292px;max-width:292px}}.about-me__list{display:flex;flex-wrap:wrap;grid-gap:20px;gap:20px;align-items:flex-end;list-style:none;margin:0;padding:0}.about-me__link{font-size:14px;font-weight:500;color:#000;text-decoration:none;transition:opacity .5s}.about-me__link:hover{opacity:.7}.portfolio{max-width:1140px;width:100%;padding-bottom:110px}@media screen and (max-width:768px){.portfolio{padding-bottom:75px}}@media screen and (max-width:580px){.portfolio{padding-bottom:70px}}.portfolio__title{font-size:18px;font-weight:400;color:#a0a0a0;margin:0 0 35px}@media screen and (max-width:580px){.portfolio__title{font-size:14px}}.portfolio__list{list-style:none;padding:0;margin:0}.portfolio__item{border-bottom:1px solid #e8e8e8;padding-top:26px;padding-bottom:26px}@media screen and (max-width:580px){.portfolio__item{padding-top:18px;padding-bottom:18px}}.portfolio__link{text-decoration:none;display:flex;align-items:center;justify-content:space-between;margin:0;transition:opacity .5s}.portfolio__link:hover{opacity:.7}.portfolio__link-text{font-size:30px;font-weight:400;letter-spacing:-.04em;color:#000}@media screen and (max-width:580px){.portfolio__link-text{font-size:18px}}.footer{max-width:1280px;width:100%;padding:79px 70px 20px;margin:0 auto}@media screen and (max-width:768px){.footer{padding-left:30px;padding-right:30px}}@media screen and (max-width:580px){.footer{padding-bottom:10px;padding-left:15px;padding-right:15px}}.footer__up-part{border-bottom:1px solid #e8e8e8;padding-bottom:20px}.footer__down-part{display:flex;align-items:center;justify-content:space-between;padding-top:20px}@media screen and (max-width:580px){.footer__down-part{flex-direction:column-reverse;padding-top:30px}}.footer__project-name{font-size:13px;font-weight:400;text-align:center;color:#a0a0a0;margin:0}@media screen and (max-width:580px){.footer__project-name{font-size:12px}}.footer__nav{list-style:none;padding:0;margin:0;display:flex;align-items:center;grid-gap:20px;gap:20px}@media screen and (max-width:580px){.footer__nav{flex-direction:column;grid-gap:12px;gap:12px}}.footer__link{font-size:13px;font-weight:400;color:#000;text-decoration:none;transition:opacity .5s}.footer__link:hover{opacity:.7}@media screen and (max-width:580px){.footer__link{font-size:12px}}.footer__copyright{font-size:13px;font-weight:400;color:#000;margin:0}@media screen and (max-width:580px){.footer__copyright{font-size:12px;color:#a0a0a0;margin:30px 0 0}}.start-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:#fafafa}@media screen and (max-width:1023px){.start-page{padding:70px 30px 30px;justify-content:flex-start;min-height:auto}}@media screen and (max-width:580px){.start-page{padding:56px 30px 30px}}@media screen and (max-width:580px){.start-page__content{display:flex;flex-direction:column;align-items:center;width:100%}}.start-page__title{font-size:24px;font-weight:500;margin:40px 0;color:#000}@media screen and (max-width:580px){.start-page__title{margin:50px 0 80px}}.start-page__text{font-size:14px;font-weight:400;color:#a0a0a0;text-align:center;margin:16px 0 0}@media screen and (max-width:580px){.start-page__text{font-size:12px;margin:14px 0 0}}.start-page__link{font-size:14px;font-weight:400;color:#3456f3;text-decoration:none;padding-left:6px}@media screen and (max-width:580px){.start-page__link{font-size:12px;padding-left:7px}}.form{width:396px}@media screen and (max-width:580px){.form{width:100%}}.form__btn-wrap{margin-top:134px;position:relative}@media screen and (max-width:580px){.form__btn-wrap{margin-top:222px}}.form__query-error{font-size:10px;font-weight:400;line-height:1.3em;color:#ee3465;max-width:100%;display:block;position:absolute;left:0;bottom:60px}.form__btn{width:100%;height:45px;border-radius:3px;font-size:14px;line-height:1.2;background-color:#3456f3;color:#fff;border-width:0;padding:0;cursor:pointer;transition:all .5s ease}@media screen and (max-width:580px){.form__btn{font-size:12px}}@media screen and (max-width:568px) and (max-height:320px){.form__btn{margin-top:30px}}.form__btn:disabled{background-color:#c4c4c4;cursor:default;pointer-events:none;-webkit-user-select:none;user-select:none}.form__wrap{position:relative;margin-bottom:24px}.form__label{font-size:10px;font-weight:400;color:#a0a0a0}.form__input{border:none;border-bottom:1px solid #e8e8e8;width:100%;height:auto;min-height:32px;padding:0;font-size:14px;font-weight:500;background-color:#fafafa}.form__error,.form__input_error{color:#ee3465}.form__error{font-size:10px;font-weight:400;line-height:1.3em;max-width:100%;display:block;margin-top:6px}.movies{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:0;background-color:#fafafa}.movies__content{max-width:1280px;width:100%;flex:1 0 auto;padding:0 70px}@media screen and (max-width:768px){.movies__content{padding:0 30px}}@media screen and (max-width:580px){.movies__content{padding:0 10px}}.search{padding:70px 0 80px;border-bottom:1px solid #e8e8e8;position:relative}@media screen and (max-width:580px){.search{padding:80px 0 42px}}.search__form{display:grid;grid-template-rows:100%;grid-template-columns:minmax(min-content,max-content) 1fr minmax(min-content,max-content);align-items:center;min-width:100%}@media screen and (max-width:580px){.search__form{grid-template-rows:1fr min-content;grid-template-columns:1fr minmax(min-content,max-content);grid-row-gap:46px;row-gap:46px}}.search__label_type_input{grid-column:1/4;grid-row:1/2}.search__checkbox{grid-column:3/4;grid-row:1/2}@media screen and (max-width:580px){.search__checkbox{grid-column:1/3;grid-row:2/3;justify-self:center}}.search__input{width:100%;height:72px;background-color:#fff;border:none;box-shadow:0 3px 14px 0 rgba(0,0,0,.0784313725490196);border-radius:9px;padding:0 0 0 63px}.search__input,.search__input::placeholder{font-size:18px;font-weight:400;color:#a0a0a0}.search__input::-ms-clear,.search__input::-ms-reveal{display:none;width:0;height:0}.search__input::-webkit-search-cancel-button,.search__input::-webkit-search-decoration,.search__input::-webkit-search-results-button,.search__input::-webkit-search-results-decoration{display:none}@media screen and (max-width:580px){.search__input{padding:0 0 0 19px}}.search__icon{width:22px;height:22px;background-image:url(/static/media/search-icon-gray.3f4581a2.svg);background-repeat:no-repeat;background-position:50%;grid-column:1/2;grid-row:1/2;z-index:2;margin-left:25px}@media screen and (max-width:580px){.search__icon{display:none}}.search__btn{display:flex;align-items:center;justify-content:center;max-width:34px;max-height:34px;width:34px;height:34px;border-radius:50%;border:none;background-color:#cbcbcb;background-image:url(/static/media/search-icon.0f718767.svg);background-repeat:no-repeat;background-position:50%;cursor:pointer;grid-column:2/3;grid-row:1/2;justify-self:end;margin-right:19px;z-index:3;transition:all .5s ease}.search__btn:hover{background-color:#3456f3}.search__error{font-size:12px;font-weight:400;line-height:1.3em;color:#ee3465;max-width:100%;display:block;position:absolute;left:0;bottom:50px}.filter-checkbox{display:flex;align-items:center;grid-gap:18px;gap:18px;flex-direction:row-reverse;padding:10px 30px 10px 29px;border-left:1px solid #cbcbcb;max-height:40px;position:relative;font-size:13px;font-weight:400;margin:0;color:#000}@media screen and (max-width:768px){.filter-checkbox{padding:10px 20px}}@media screen and (max-width:580px){.filter-checkbox{border-left:none}}.filter-checkbox__input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.filter-checkbox__pseudo-input{display:flex;justify-content:flex-start;align-items:center;width:34px;min-width:34px;height:14px;background-color:#c4c4c4;border-radius:20px;cursor:pointer;transition:all .5s ease}.filter-checkbox__pseudo-input:after{content:"";width:10px;height:10px;background-color:#fff;border-radius:50%;margin-left:1px;margin-right:1px;transition:all .5s ease}.filter-checkbox__input:checked+.filter-checkbox__pseudo-input{justify-content:flex-end;background-color:#2be080;border:none;transition:all .5s ease}.filter-checkbox__input:checked:focus+.filter-checkbox__pseudo-input,.filter-checkbox__input:focus+.filter-checkbox__pseudo-input{border:1px solid #3456f3}@keyframes preloader-inside-white{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes preloader-inside-red{0%{transform:scale(0)}30%{transform:scale(0)}to{transform:scale(1)}}.preloader{display:flex;align-items:center;justify-content:center;width:100%;height:100%;z-index:10;padding:10% 0 20px}.preloader__container{width:100px;height:100px;position:relative}.preloader__round{background:#3456f3}.preloader__round,.preloader__round:after,.preloader__round:before{width:100px;height:100px;position:absolute;top:0;left:0;border-radius:50px}.preloader__round:after,.preloader__round:before{content:""}.preloader__round:after{background:#fff;animation:preloader-inside-white 1s ease-in-out infinite}.preloader__round:before{z-index:10;background:#3456f3;animation:preloader-inside-red 1s ease-in-out infinite}.cards-list{display:flex;flex-direction:column;align-items:center}.cards-list__list{display:grid;grid-template-columns:repeat(3,minmax(250px,360px));grid-template-rows:repeat(auto-fill,minmax(201px,1fr));grid-row-gap:60px;row-gap:60px;grid-column-gap:30px;column-gap:30px;padding:70px 0 0;margin:0;list-style:none}@media screen and (max-width:1024px){.cards-list__list{grid-row-gap:47px;row-gap:47px;grid-column-gap:20px;column-gap:20px;grid-template-columns:repeat(2,minmax(250px,360px));grid-template-rows:repeat(auto-fill,minmax(190px,1fr))}}@media screen and (max-width:836px){.cards-list__list{grid-column-gap:30px;column-gap:30px;grid-row-gap:47px;row-gap:47px}}@media screen and (max-width:580px){.cards-list__list{grid-template-columns:300px;grid-template-rows:1fr;grid-row-gap:39px;row-gap:39px}}.movies-card{position:relative;z-index:1}.movies-card__link{text-decoration:none}.movies-card__text{display:flex;align-items:center;justify-content:space-between;padding:14px 0 0}.movies-card__title{font-size:13px;font-weight:500;color:#000;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:250px;margin:0}.movies-card__duration{font-size:11px;font-weight:400;color:#a0a0a0;margin:0;background-color:#f4f4f4;border-radius:3px;width:52px;height:18px;display:flex;align-items:center;justify-content:center}.movies-card__img{width:100%;height:201px;display:block;object-fit:cover;object-position:center;border-radius:6px}@media screen and (max-width:1024px){.movies-card__img{width:100%}}@media screen and (max-width:580px){.movies-card__img{max-width:339px}}.movies-card__save-btn{position:absolute;top:14px;right:14px;width:72px;height:21px;font-size:10px;font-weight:400;color:#000;text-align:center;background-color:#f4f4f4;border:none;border-radius:30px;cursor:pointer;opacity:0;transition:all .5s ease}.movies-card__save-btn:hover{background-color:#ee3465;color:#fff}@media screen and (max-width:580px){.movies-card_type_main .movies-card__save-btn{opacity:1}}.movies-card__save-btn_saved{border-radius:50%;background-color:#ee3465;background-image:url(/static/media/save-icon.390dab6a.svg);background-repeat:no-repeat;background-position:50%;display:block;font-size:0;line-height:0}.movies-card__delete-btn,.movies-card__save-btn_saved{position:absolute;top:14px;right:14px;width:21px;height:21px;opacity:0}.movies-card__delete-btn{background-color:#f4f4f4;border:none;border-radius:50%;cursor:pointer;transition:all .5s ease;display:flex;align-items:center;justify-content:center}.movies-card__delete-btn:before{content:"";display:flex;align-items:center;justify-content:center;width:12px;height:12px;background-image:url(/static/media/cross.455618a3.svg);background-repeat:no-repeat;background-position:50%;background-size:contain}.movies-card__delete-btn:hover{background-color:#3456f3}.movies-card_type_main .movies-card__delete-btn{display:none}@media screen and (max-width:580px){.movies-card_type_saved .movies-card__delete-btn{opacity:1}}.movies-card_type_main .movies-card__save-btn_saved,.movies-card_type_main:hover .movies-card__save-btn,.movies-card_type_saved:hover .movies-card__delete-btn{opacity:1}.alt-text{font-size:18px;font-weight:400;line-height:1.25em;color:#a0a0a0;text-align:center;margin:70px auto 0;max-width:460px}.movies-btn{margin:50px auto 80px;display:block;max-width:320px;width:100%;height:36px;border-radius:6px;border:none;background:#f4f4f4;color:#000;font-size:12px;font-weight:500;cursor:pointer;transition:all .5s}.movies-btn:hover{background-color:#3456f3;color:#fff}@media screen and (max-width:580px){.movies-btn{max-width:240px}}.saved-movies{display:flex;flex-direction:column;align-items:center;min-height:100vh;background-color:#fafafa}.saved-movies__content{max-width:1280px;width:100%;flex:1 0 auto;padding:0 70px}@media screen and (max-width:768px){.saved-movies__content{padding:0 30px}}@media screen and (max-width:580px){.saved-movies__content{padding:0 10px}}.profile{min-height:100vh;background-color:#fafafa}.profile,.profile__content{display:flex;flex-direction:column;align-items:center}.profile__content{max-width:1280px;width:100%;padding:0 70px}@media screen and (max-width:1024px){.profile__content{padding:0 0 30px}}@media screen and (max-width:768px){.profile__content{padding:0 30px}}@media screen and (max-width:580px){.profile__content{padding:0 15px 30px}}.profile__title{font-size:24px;font-weight:500;color:#000;margin:74px 0 105px}.profile__form{max-width:410px;width:100%;padding-bottom:16px;position:relative}.profile__label{display:flex;align-items:center}.profile__subtitle{display:block;font-size:11px;font-weight:500;width:20%;height:50px;border-bottom:1px solid #e8e8e8;display:flex;align-items:center}.profile__subtitle_bottom{border-bottom:none}.profile__input{background:transparent;border:none;border-bottom:1px solid #e8e8e8;width:80%;height:50px;font-size:11px;font-weight:400;padding:0;text-align:right}.profile__input_bottom{border-bottom:none}.profile__input_error{color:#ee3465}.profile__error{font-size:10px;font-weight:400;line-height:1.3em;color:#ee3465;max-width:100%;display:block;margin-top:6px}.profile__btn{border:none;background:transparent;font-size:13px;font-weight:400;text-align:center;margin:0 auto;display:block;padding:0;cursor:pointer}.profile__btn_type_edit{color:#000;margin-top:200px}.profile__btn_type_edit:disabled{color:#c4c4c4;cursor:default;pointer-events:none;-webkit-user-select:none;user-select:none}@media screen and (max-width:568px) and (max-height:320px){.profile__btn_type_edit{margin-top:50px}}.profile__btn_type_logout{color:#ee3465;font-weight:500}.profile__query-error{font-size:10px;font-weight:400;line-height:1.3em;color:#ee3465;max-width:100%;display:block;position:absolute;left:0}.notfound{min-height:100vh;display:grid;grid-template-columns:1fr;grid-template-rows:32% min-content 200px;align-content:center;justify-items:center;background-color:#fafafa}@media screen and (max-width:812px) and (max-height:375px){.notfound{grid-template-rows:min-content min-content 1fr;padding-bottom:50px;padding-top:50px}}@media screen and (max-width:736px) and (max-height:414px){.notfound{grid-template-rows:min-content min-content 1fr;padding-bottom:30px;padding-top:30px}}@media screen and (max-width:568px) and (max-height:320px){.notfound{grid-template-rows:1fr min-content 1fr}}.notfound__error{font-size:140px;font-weight:400;line-height:1.3em;color:#000;margin:0;align-self:end}@media screen and (max-width:580px){.notfound__error{font-size:80px}}.notfound__text{font-size:16px;font-weight:400;color:#000;margin:0}@media screen and (max-width:580px){.notfound__text{font-size:12px}}.notfound__link{text-decoration:none;color:#3456f3;font-size:14px;font-weight:400;align-self:end}@media screen and (max-width:580px){.notfound__link{font-size:12px}}
/*# sourceMappingURL=main.a33651a1.chunk.css.map */