/*! 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}#root{background-color:#202020}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/static/media/Inter-Regular.26a30a5f.woff2) format("woff2"),url(/static/media/Inter-Regular.e148c4a1.woff) format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(/static/media/Inter-Medium.d0a58d95.woff2) format("woff2"),url(/static/media/Inter-Medium.eec0ea57.woff) format("woff")}@font-face{font-family:"Inter";font-style:normal;font-weight:900;font-display:swap;src:url(/static/media/Inter-Black.768169b1.woff2) format("woff2"),url(/static/media/Inter-Black.7bb62343.woff) format("woff")}.page{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;box-sizing:border-box;min-width:320px;max-width:1280px;margin:0 auto;font-family:"Inter","Arial","Helvetica",sans-serif;color:#fff;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.header{width:100%;margin:0 auto;background-color:#073042}.header_black{background-color:#202020}.header__wraper{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin:0 70px;height:74px}.header__logo{width:38px;height:38px}.header__logo:hover{transform:scale(1.2)}.header__link{display:inline-block}.header__btn-set{flex-direction:row;list-style:none;padding:0 0 0 25px}.header__btn-set,.header__btn-signin{display:flex;align-items:center;justify-content:center}.header__btn-signin{width:76px;height:32px;margin-left:30px;border:none;border-radius:3px;background-color:#3ddc84;color:#000;font-size:12px;font-weight:500;line-height:16px;text-decoration:none;cursor:pointer;transition:transform .3s linear}.header__btn-signin:hover{box-shadow:2px 2px 2px #4285f4}.header__signup-text{font-weight:500;font-size:12px;line-height:16px;text-decoration:none;margin:0;color:#fff}.header__signup-text:hover{text-shadow:#7cfc00 1px 1px 2px}.header__btn-account{display:flex;flex-direction:row;justify-content:center;align-items:center;font-family:"Inter","Arial","Helvetica",sans-serif;font-style:normal;font-weight:500;font-size:14px;line-height:16px;width:100px;height:32px;background-color:#313131;border-radius:20px;color:#fff;border:none;text-decoration:none}.header__btn-account:hover{transform:scale(1.1);text-shadow:#4285f4 1px 1px 5px;box-shadow:1px 1px 5px #4285f4}.header__burger-menu-line{width:28px;height:3px;background-color:#fff;margin:0 auto 7px;transition:.4s}.header__burger-menu-line:last-of-type{margin:0 auto}.header__burger-menu_cross{background-image:url(/static/media/cross.128b4b07.svg);background-repeat:no-repeat;display:flex;flex-direction:row;align-items:flex-start}.header__burger-menu{margin-top:160px}.header__burger-item{list-style:none;margin:0;padding:0}.header__burger-link{color:#fff;text-decoration:none;font-size:18px;font-weight:500;line-height:22px}.header__burger-link:hover{text-decoration:underline}.header__burger-background{background:rgba(0,0,0,.3)}.header__burger{width:28px;height:23px;display:none;cursor:pointer;z-index:3}.header__burger-menu-container{display:flex;flex-direction:column;justify-content:space-between;align-items:center;top:0;right:0;position:fixed;width:65%;height:100vh;background-color:#202020;z-index:2;visibility:hidden}.header__burger-menu-container_visible{display:flex;flex-direction:column;visibility:visible}.header__burger-list{margin:0;padding:0;grid-row-gap:28px;row-gap:28px}.header__burger-list,.header__wrapper_burger-menu{display:flex;flex-direction:column;align-items:center}.header__wrapper_burger-menu{position:relative;justify-content:center;margin-bottom:90px}@media screen and (max-width:1280px){.header__container{padding:0 50px}}@media screen and (max-width:1024px){.header__container{padding:0 30px}.header__wraper{margin:0 30px}.header__burger{display:block;cursor:pointer}.header__btn-account_none,.header__wrapper_burger{display:none}}@media screen and (max-width:767px){.header__wraper{margin:0 14px}.header__btn-signin{width:56px;height:28px;font-size:10px;margin-left:14px}.header__signup-text{font-size:10px}}@media screen and (max-width:425px){.header__burger-menu-container_visible{width:100%}}.navigation{display:flex;justify-content:center}.navigation__list{display:flex;grid-column-gap:16px;column-gap:16px}.navigation__list-item{list-style:none}.navigation__movies{font-family:"Inter","Arial","Helvetica",sans-serif;font-style:normal;font-weight:500;font-size:13px;line-height:18px;text-align:right;color:#fff;text-decoration:none;transition:opacity .5s linear}.navigation__movies:hover{text-shadow:#4285f4 2px 2px 1px}.navigation__saved-movies{color:#fff;font-size:13px;font-weight:400;line-height:18px;text-decoration:none;text-align:right;transition:opacity .5s linear}.navigation__saved-movies:hover{text-shadow:#4285f4 2px 2px 1px}@media screen and (max-width:1024px){.navigation{display:none}}.main,.promo{width:100%}.promo{display:flex;justify-content:center;align-items:center;background-color:#073042;min-height:570px;position:relative}@media screen and (max-width:1279px){.promo{height:784px}}@media screen and (max-width:767px){.promo{height:570px}}.promo__logo{width:320px;height:320px;margin:0 auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:0}@media screen and (max-width:768px){.promo__logo{width:320px;height:320px}}@media screen and (max-width:320px){.promo__logo{width:248px;height:248px}}.promo__title{font-family:"Inter","Arial","Helvetica",sans-serif;font-style:normal;font-weight:400;font-size:50px;line-height:58px;width:730px;height:116px;text-align:center;letter-spacing:-.04em;margin:0;z-index:1}@media screen and (max-width:767px){.promo__title{font-size:31px;line-height:39px;width:300px;height:117px}}.navtab{height:66px;width:100%;background-color:#272727}.navtab,.navtab__list{display:flex;justify-content:center;align-items:center}.navtab__list{flex-direction:row;padding:0}.navtab__element{font-family:"Inter","Arial","Helvetica",sans-serif;font-style:normal;font-weight:500;font-size:13px;line-height:16px;text-decoration:underline;color:#fff;list-style:none;margin-right:40px}.navtab__element:last-child{margin-right:0}.navtab__element:hover{text-shadow:#4285f4 1px 1px 5px}@media screen and (max-width:767px){.navtab__element{margin-right:24px}}.techs{background-color:#272727}.techs,.techs__wraper{display:flex;justify-content:flex-start;align-items:flex-start;width:100%}.techs__wraper{flex-direction:column;margin:100px 70px}@media screen and (max-width:1279px){.techs__wraper{margin:90px 50px}}@media screen and (max-width:767px){.techs__wraper{margin:70px auto}}.techs__title-wraper{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.techs__title{font-weight:400;font-size:22px;margin:0 0 23px}.techs__category-title,.techs__title{font-family:"Inter","Arial","Helvetica",sans-serif;font-style:normal;line-height:27px;letter-spacing:-.04em;color:#fff}.techs__category-title{font-size:24px;font-weight:700;text-align:center;font-weight:400;font-size:22px;margin:73px 0 23px;padding:10px}@media screen and (max-width:1279px){.techs__title{font-size:22px;line-height:27px}}@media screen and (max-width:767px){.techs__title{font-size:18px;line-height:22px;margin:0 0 28px}}.techs__title-wraper{width:100%;border-bottom:1px solid #dadada;margin:0 auto}@media screen and (max-width:767px){.techs__title-wraper{width:calc(100% - 36px);border-bottom:1px solid #000}}.techs__text-container{margin:90px auto 0}@media screen and (max-width:1279px){.techs__text-container{margin:80px auto 0}}.techs__text{font-family:"Inter","Arial","Helvetica",sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:20px;width:460px;margin:26px auto 100px;text-align:center}@media screen and (max-width:1279px){.techs__text{font-size:12px;line-height:18px;margin:22px auto 83px}}@media screen and (max-width:767px){.techs__text{font-size:11px;line-height:16px;margin:24px auto 50px;width:292px}}.techs__text-title{font-family:"Inter","Arial","Helvetica",sans-serif;font-style:normal;font-weight:400;font-size:50px;line-height:58px;text-align:center;letter-spacing:-.04em;color:#fff;margin:0}@media screen and (max-width:767px){.techs__text-title{font-size:30px;line-height:36px}}.techs__icon-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0;margin:0}@media screen and (max-width:767px){.techs__icon-wrapper{display:grid;grid-template-columns:repeat(2,84px);grid-template-rows:repeat(1,minmax);grid-gap:10px;margin:0 auto}}.techs__icon{font-family:"Inter","Arial","Helvetica",sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:17px;text-align:center;letter-spacing:-.04em;color:#fff;display:flex;justify-content:center;align-items:center;background:#303030;border-radius:10px;width:90px;height:60px;margin-right:10px;list-style:none;padding:0}.techs__icon:hover{transform:scale(1.1);box-shadow:1px 1px 5px #4285f4;text-shadow:#4285f4 1px 1px 1px}@media screen and (max-width:1279px){.techs__icon{font-size:12px;line-height:15px;width:84px;height:57px}}@media screen and (max-width:767px){.techs__icon{margin:0}}.techs__icon:last-of-type{margin-right:0}.aboutme{background-color:#202020}.aboutme,.aboutme__wraper{display:flex;justify-content:flex-start;align-items:flex-start;width:100%}.aboutme__wraper{flex-direction:column;margin:110px 70px 100px}@media screen and (max-width:1279px){.aboutme__wraper{margin:90px 50px}}@media screen and (max-width:767px){.aboutme__wraper{width:calc(100% - 36px);margin:70px 18px}}.aboutme__title{font-family:"Inter","Arial","Helvetica",sans-serif;font-style:normal;font-weight:400;font-size:22px;line-height:27px;letter-spacing:-.04em;color:#fff;margin:0 0 23px}.aboutme__title-wraper{width:100%;border-bottom:1px solid #dadada}.aboutme__elements{flex-direction:row;padding-top:66px;width:100%}.aboutme__elements,.aboutme__text-wraper{display:flex;justify-content:space-between}.aboutme__text-wraper{flex-direction:column}@media screen and (max-width:767px){.aboutme__elements{display:flex;flex-direction:column-reverse}}.aboutme__text{width:100%;max-width:600px;font-family:"Inter","Arial","Helvetica",sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:22px;margin-bottom:99px}@media screen and (max-width:1024px){.aboutme__text{font-size:12px;line-height:18px;margin-bottom:87px;max-width:364px}}@media screen and (max-width:767px){.aboutme__text{font-size:11px;line-height:16px;margin-bottom:40px}}.aboutme__subtitle{width:100%;font-family:"Inter","Arial","Helvetica",sans-serif;font-weight:500;font-size:18px;line-height:20px;margin:18px 0 26px;mix-blend-mode:normal}@media screen and (max-width:1024px){.aboutme__subtitle{font-size:12px;line-height:18px;margin:16px 0 20px}}@media screen and (max-width:767px){.aboutme__subtitle{font-size:11px;line-height:16px;margin:20px 0}}.aboutme__text-title{width:100%;font-family:"Inter","Arial","Helvetica",sans-serif;font-style:normal;font-weight:400;font-size:50px;line-height:58px;letter-spacing:-.04em;margin:0}@media screen and (max-width:1279px){.aboutme__text-title{font-size:40px;line-height:40px}}@media screen and (max-width:767px){.aboutme__text-title{font-size:30px;line-height:36px}}.aboutme__image-container{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end}@media screen and (max-width:767px){.aboutme__image-container{justify-content:center;align-items:center}}.aboutme__image{max-width:270px;height:227px;float:right;border-radius:10px}@media screen and (max-width:1279px){.aboutme__image{max-width:455px;height:307px}}.aboutme__image:hover{box-shadow:2px 2px 5px #4285f4}@media screen and (max-width:767px){.aboutme__image{max-width:492px;height:352px;max-width:100%;margin-bottom:40px}}.aboutme__profiles-list{display:flex;flex-direction:row;list-style:none;padding:0;margin:0}.aboutme__profiles-item{font-family:"Inter","Arial","Helvetica",sans-serif;font-style:normal;font-weight:500;font-size:14px;line-height:17px;margin-right:20px;text-decoration:none;color:#fff}.aboutme__profiles-item:hover{text-shadow:#4285f4 1px 1px 5px}@media screen and (max-width:767px){.aboutme__profiles-item{margin-right:26px}}.aboutme__profiles-item:last-child{margin-right:0}.portfolio{background-color:#202020}.portfolio,.portfolio__wraper{display:flex;justify-content:flex-start;align-items:flex-start;width:100%}.portfolio__wraper{flex-direction:column;margin:0 70px 125px}@media screen and (max-width:1279px){.portfolio__wraper{margin:0 50px 90px}}@media screen and (max-width:767px){.portfolio__wraper{margin:0 18px 70px}}.portfolio__title{font-family:"Inter","Arial","Helvetica",sans-serif;font-style:normal;font-weight:400;font-size:18px;line-height:20px;color:#8b8b8b;margin:0;mix-blend-mode:normal;width:100%}@media screen and (max-width:767px){.portfolio__title{font-size:14px;line-height:20px}}.portfolio__list{display:flex;flex-direction:column;list-style:none;font-family:"Inter","Arial","Helvetica",sans-serif;font-style:normal;font-weight:400;font-size:30px;line-height:50px;width:100%;margin-top:50px;margin-bottom:0;padding-left:0;letter-spacing:-.04em}@media screen and (max-width:767px){.portfolio__list{font-size:18px;line-height:28px}}.portfolio__list-element{display:flex;flex-direction:row;justify-content:space-between;padding-top:20px;padding-bottom:19px}.portfolio__link{color:#fff;text-decoration:none;margin:0;padding:0;border-bottom:1px solid #424242}.portfolio__link:last-of-type{border-bottom:none}.portfolio__link:hover{text-shadow:#4285f4 2px 2px 1px}.portfolio__arrow{font-size:30px;line-height:60px}@media screen and (max-width:767px){.portfolio__arrow{font-size:18px;line-height:28px}}.footer{display:flex;justify-content:flex-start;align-items:flex-start;background-color:#202020;width:100%;height:100vh;min-width:320px;max-width:1280px;margin:0 auto}.footer__wraper{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;margin:79px 70px 20px}@media screen and (max-width:1279px){.footer__wraper{margin:79px 30px 20px}}@media screen and (max-width:767px){.footer__wraper{margin:79px 10px 10px}}.footer__title{font-family:"Inter","Arial","Helvetica",sans-serif;font-style:normal;font-weight:400;font-size:18px;line-height:20px;color:#8b8b8b;margin:0;padding:0 0 20px;border-bottom:1px solid #424242;text-align:center;mix-blend-mode:normal;width:100%}@media screen and (max-width:767px){.footer__title{font-size:13px;line-height:16px;font-size:12px;line-height:15px}}.footer__copyright-wraper{display:flex;flex-direction:row;justify-content:space-between;width:100%;margin:20px 0 0}@media screen and (max-width:767px){.footer__copyright-wraper{display:flex;flex-direction:column-reverse;justify-content:center;align-items:center}}.footer__copyright-year{font-family:"Inter","Arial","Helvetica",sans-serif;font-style:normal;font-weight:400;font-size:13px;line-height:16px;display:flex;flex-direction:row;max-width:100%}.footer__copyright-year:hover{text-shadow:#4285f4 2px 2px 1px}@media screen and (max-width:767px){.footer__copyright-year{font-size:12px;line-height:15px;text-align:center;margin:0 auto;color:#8b8b8b}}.footer__copyright-links{display:flex;flex-direction:row}@media screen and (max-width:767px){.footer__copyright-links{text-align:center;margin:0 auto;max-width:100%}}.footer__profiles-list{display:flex;flex-direction:row;list-style:none;padding:0;margin:0}@media screen and (max-width:767px){.footer__profiles-list{display:flex;flex-direction:column;list-style:none;margin-bottom:30px}}.footer__profiles-item{font-family:"Inter","Arial","Helvetica",sans-serif;font-style:normal;font-weight:400;font-size:13px;line-height:16px;margin-right:20px;text-decoration:none;color:#fff}.footer__profiles-item:hover{text-shadow:#4285f4 2px 2px 1px}@media screen and (max-width:767px){.footer__profiles-item{margin-bottom:12px;margin-right:0}}.footer__profiles-item:last-child{margin-right:0;margin-bottom:0}.movies{max-width:100%;max-height:100%}.movies__error,.movies__found-error{color:#fff}.search-form{align-items:space-between}.search-form,.search-form__container{display:flex;justify-content:space-between;width:100%}.search-form__container{flex-direction:row;align-items:flex-start;margin:80px 70px 70px;padding-bottom:40px;border-bottom:1px solid #424242}.search-form__form{width:100%}.search-form__wrap{display:flex;justify-content:space-between;align-items:space-between}.search-form__text{font-family:"Inter","Arial","Helvetica",sans-serif;font-style:normal;font-size:14px;line-height:18px;font-weight:400;color:#8b8b8b}.search-form__input{display:flex;width:100%;background-color:#2f2f2f;border:none;border-radius:4px;padding:16px 0 16px 22px;outline:none;margin-right:5px;text-align:start;color:#fff}.search-form__input:focus{box-shadow:0 0 1px 1px #adff2f;outline:none;border:none;border-radius:2px;transition:.3s}.search-form__submit{font-family:"Inter","Arial","Helvetica",sans-serif;font-style:normal;font-weight:500;font-size:12px;line-height:18px;text-align:center;width:70px;height:44px;background-color:#4285f4;background-position:100%;border:none;border-radius:40px;cursor:pointer;outline:none;color:#fff;margin-left:10px;transition:.4s linear}.search-form__submit:hover{border:1px solid inherit;transform:scale(1.1);text-shadow:#7cfc00 1px 1px 5px}@media screen and (max-width:1279px){.search-form{margin:80px 30px 0}.search-form__input{padding:16px 0 16px 22px;width:100%}.search-form__container{margin:0 30px}.search-form__submit{margin-left:0}}@media screen and (max-width:767px){.search-form{margin:81px 0 0}.search-form__input{padding:14px 0 14px 16px;width:100%}.search-form__container{padding-bottom:44px;margin:14px}.search-form__submit{margin-left:0}}.filter-checkbox{display:flex;justify-content:center;align-items:center;grid-column-gap:12px;column-gap:12px;margin-top:20px}.filter-checkbox__label{position:relative;display:inline-block;width:36px;height:20px}.filter-checkbox__input{opacity:0;width:0;height:0}.filter-checkbox__round{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#343434;transition:.4s;border-radius:20px}.filter-checkbox__round:before{position:absolute;content:"";height:15px;width:15px;right:18px;left:2px;top:2px;bottom:2px;background-color:#2be080;border:1px solid #fff;transition:.4s;border-radius:20px}.filter-checkbox__input:checked+.filter-checkbox__round:before{transform:translateX(16px)}.filter-checkbox__text{font-family:"Inter","Arial","Helvetica",sans-serif;font-style:normal;font-weight:400;font-size:12px;line-height:18px;margin:0;color:#fff}@media screen and (max-width:1024px){.filter-checkbox{margin-top:30px}}@media screen and (max-width:576px){.filter-checkbox{justify-content:flex-end;align-items:flex-end;margin-top:45px}}@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;max-width:1200px;height:100%;z-index:9;padding:20px}.preloader_hidden{display:none}.preloader__container{width:100px;height:100px;position:relative}.preloader__round{background:#3ddc84}.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:#3ddc84;box-shadow:2px 2px 5px #4285f4;animation:preloader-inside-red 1s ease-in-out infinite}.movies{display:flex;flex-direction:column;align-items:center;height:100%;background-color:#202020}.movies__list{box-sizing:border-box;max-width:1280px;padding:0;justify-content:center;display:grid;grid-template-columns:repeat(auto-fill,364px);grid-column-gap:24px;column-gap:24px;grid-row-gap:37px;row-gap:37px;margin:0}.movies__button{max-width:320px;background-color:#202020;width:100%;height:36px;margin:80px 0;padding-top:11px;padding-bottom:9px;align-self:center;border:1px solid #424242;border-radius:6px;outline:none;color:#fff;font-size:12px;font-weight:500;line-height:15px;cursor:pointer}.movies__button:hover{box-shadow:2px 2px 2px #7cfc00}.movies__not-found{display:none;margin:0 0 40px}@media screen and (max-width:1279px){.movies{width:calc(100% - 60px)}.movies__list{grid-template-columns:repeat(auto-fit,330px);width:100%;margin:70px 30px;grid-column-gap:44px;column-gap:44px;grid-row-gap:30px;row-gap:30px}.movies__button{margin-top:50px}}@media screen and (max-width:576px){.movies__list{grid-template-columns:minmax(-webkit-min-content,-webkit-max-content);grid-template-columns:minmax(min-content,max-content);margin:40px 10px}.movies{width:calc(100% - 20px)}.movies__button:hover{border:2px solid #000;transform:none}}.movies-card{max-width:364px;list-style:none;box-shadow:0 4px 30px rgba(0,0,0,.08)}.movies-card__image{width:100%;margin-bottom:20px;object-fit:cover;height:203px}.movies-card__wrap{position:relative;display:flex;justify-content:center;width:100%}.movies-card__like{position:absolute;right:0;border:none;background-color:#202020;background-image:url(/static/media/card_like.7a2d8c95.svg);width:14px;height:12px;background-repeat:no-repeat;background-position:50%;cursor:pointer}.movies-card__like_added{background-image:url(/static/media/card_like_red.12bee29d.svg);transition:all .3s}.movies-card:hover .movies-card__like{display:block}.movies-card__like:hover{transform:scale(1.3)}.movies-card__like-delete{position:absolute;right:0;border:none;background-color:#202020;cursor:pointer;background-image:url(/static/media/close.c706615e.svg);width:7px;height:7px;background-repeat:no-repeat;background-position:50%}.movies-card__like-delete:hover{transform:scale(1.2)}.movies-card__description{margin:16px 16px 0;display:flex;flex-direction:column;position:relative}.movies-card__name{font-family:"Inter","Arial","Helvetica",sans-serif;margin:0;color:#fff;font-weight:500;font-size:13px;line-height:16px;max-width:290px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.movies-card__duration{margin:0;padding:17px 0 16px;color:#8b8b8b;font-size:11px;font-weight:400;line-height:10px}@media screen and (max-width:1279px){.movies-card__description{margin:14px 14px 0}.movies-card,.movies-card__image{max-width:330px}}@media screen and (max-width:576px){.movies-card,.movies-card__image{max-width:300px}.movies-card__name{font-size:12px;line-height:15px;max-width:240px}}.profile{justify-content:flex-start;height:100vh}.profile,.profile__container{display:flex;flex-direction:column;align-items:center}.profile__container{justify-content:center;padding:74px 0 0;width:410px}.profile__title{font-family:"Inter","Arial","Helvetica",sans-serif;font-style:normal;font-weight:500;font-size:24px;line-height:29px;text-align:center;color:#fff}.profile__form{width:100%;display:flex;flex-direction:column;align-items:flex-start;grid-row-gap:17px;row-gap:17px;margin-top:123px;margin-bottom:220px}.profile__label{display:flex;flex-direction:row;justify-content:space-between;width:100%;font-size:11px;line-height:13px;border-bottom:1px solid #424242;padding-bottom:16px}.profile__label:last-child{border-bottom:none}.profile__input{outline:none;border:none;background-color:#202020;text-align:right;color:#fff;font-size:11px;font-weight:400;line-height:13px}.profile__error{display:block;text-align:center;margin:0 auto;text-shadow:#ee3465 2px 2px 2px}.profile__link{font-size:13px;line-height:16px;display:flex;align-items:center;text-align:center;text-decoration:none;border:none;background-color:#202020;margin:16px 0 0;padding:0;cursor:pointer;align-self:center}.profile__link-edit{color:#fff}.profile__link-signout{color:#ee3465}.profile__link-disabled{display:flex;align-items:center;align-self:center;text-align:center;cursor:pointer;border:none;background-color:#202020;color:#fff;font-size:13px;font-weight:400;line-height:15px}.profile__link-disabled:disabled{background:grey;color:wheat;box-shadow:2px 2px 2px #ff0;cursor:default;pointer-events:none}.profile__error-none{display:none}.profile__link-edit:hover{text-shadow:#ee3465 2px 2px 2px}.profile__link-signout:hover{text-shadow:#00f 2px 2px 2px}@media screen and (max-width:576px){.profile__container{max-width:270px}.profile__form{padding-top:80px;padding-bottom:379px}.profile__link{font-size:12px;line-height:15px}}.login{height:100vh}.login,.login__container{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.login__container{padding:70px 0;max-width:100%}.login__title{font-family:"Inter","Arial","Helvetica",sans-serif;font-style:normal;font-weight:500;font-size:24px;line-height:29px;text-align:center;color:#fff;padding:0 0 40px;margin:0}.login__form{display:flex;flex-direction:column;align-items:flex-start;grid-row-gap:17px;row-gap:17px}.login__label{display:flex;flex-direction:row;justify-content:space-between;font-size:11px;line-height:13px;border-bottom:1px solid #424242}.login__label:last-child{border-bottom:none}.login__input{outline:none;text-align:right;color:#fff;font-size:14px;line-height:17px;font-weight:400}.login__input,.login__link{border:none;background-color:#202020}.login__link{font-size:13px;line-height:16px;display:flex;align-items:center;text-align:center;text-decoration:none}.login__link-edit{color:#fff}.login__link-signout{color:#ee3465}.login__link-edit:hover{text-shadow:#ee3465 2px 2px 2px}.login__link-signout:hover{text-shadow:#00f 2px 2px 2px}.login__logo{width:38px;height:38px;padding-bottom:40px}.login__logo:hover{transform:scale(1.2)}@media screen and (max-width:1024px){.login__container{flex-direction:column;justify-content:flex-start;align-items:flex-start;margin:232px 0}}@media screen and (max-width:576px){.login__container{flex-direction:column;justify-content:center;align-items:center;padding:56px 0 30px}}.form{display:flex;flex-direction:column;align-items:center}.form__label{align-self:flex-start;margin:20px 0 10px;color:#8b8b8b;font-size:10px;line-height:12px;font-weight:400}.form__label:first-of-type{margin:0 0 10px}.form__input{box-sizing:border-box;width:100%;padding:0 0 5px;background-color:#202020;color:#fff;font-weight:500;font-size:14px;line-height:17px;outline:none;border:none;border-bottom:1px solid #424242}.form__input_password{color:#ee3465}.form__input_error{width:100%;font-size:10px;font-weight:400;line-height:1.4;color:#ee3465;margin:0 0 10px;text-align:left}.form__button{width:396px;max-width:100%;height:45px;margin:134px 0 16px;padding:0;border:none;border-radius:3px;background-color:#4285f4;color:#fff;font-weight:500;font-size:14px;line-height:17px;outline:none;cursor:pointer}.form__button:hover{box-shadow:2px 2px 5px #7cfc00}.form__button_disabled{background:#f8f8f8;color:#c2c2c2;color:#000;cursor:default;pointer-events:none}.form__promt{margin:0;color:#8b8b8b}.form__link,.form__promt{font-size:14px;line-height:17px;font-weight:400}.form__link{text-decoration:none;color:#4285f4}.form__link:hover{text-shadow:#7cfc00 1px 1px 1px}@media screen and (max-width:1024px){.form__button{margin:172px 0 14px;font-size:12px;line-height:15px}}@media screen and (max-width:576px){.form__button{width:260px;margin:172px 0 14px}.form__button,.form__link,.form__promt{font-size:12px;line-height:15px}}.register,.register__container{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.register__container{padding:70px 0;max-width:100%}.register__title{font-family:"Inter","Arial","Helvetica",sans-serif;font-style:normal;font-weight:500;font-size:24px;line-height:29px;text-align:center;color:#fff;padding:0 0 40px;margin:0}.register__form{display:flex;flex-direction:column;align-items:flex-start;grid-row-gap:17px;row-gap:17px}.register__label{align-self:flex-start;margin:20px 0 10px;color:#8b8b8b;font-size:10px;line-height:12px;font-weight:400}.register__label:last-child{border-bottom:none}.register__input{box-sizing:border-box;width:100%;padding:0 0 8px;margin-bottom:17px;outline:none;background-color:#202020;text-align:left;color:#8b8b8b;font-size:14px;line-height:17px;font-weight:400;border:none;border-bottom:1px solid #424242}.register__link{font-size:13px;line-height:16px;display:flex;align-items:center;text-align:center;text-decoration:none;border:none;background-color:#202020}.register__link-edit{color:#fff}.register__link-signout{color:#ee3465}.register__link-edit:hover{text-shadow:#ee3465 2px 2px 2px}.register__link-signout:hover{text-shadow:#00f 2px 2px 2px}.register__logo{width:38px;height:38px;padding-bottom:40px}.register__logo:hover{transform:scale(1.2)}@media screen and (max-width:1024px){.register__container{flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:232px 0}}@media screen and (max-width:576px){.register__container{flex-direction:column;justify-content:center;align-items:center;padding:56px 0 30px}}.not-found{height:100vh}.not-found__container{display:flex;flex-direction:column;align-self:center;justify-content:center;margin:246px 0 60px}.not-found__error{font-size:140px;line-height:169px;text-align:center;margin:0}.not-found__title{font-size:16px;line-height:19px;text-align:center;margin:0}.not-found__link{color:#4285f4;line-height:17px;font-size:14px;text-align:center;cursor:pointer;margin:184px 0 0}.not-found__link:hover{text-shadow:#f0f 2px 2px 1px}@media screen and (max-width:1279px){.not-found__container{margin:408px 0 0}}@media screen and (max-width:767px){.not-found__container{margin:329px 0 0}.not-found__error{font-size:80px;line-height:97px}.not-found__title{font-size:12px;line-height:15px;margin:10px 0 0}.not-found__link{font-size:12px;line-height:15px;margin:284px 0 0}}
/*# sourceMappingURL=main.efba2993.chunk.css.map */