/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}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}@font-face{font-family:Inter;font-weight:400;src:url(/static/media/Inter-Regular.bd097ceff83f90802a12.woff2) format("woff2"),url(/static/media/Inter-Regular.0d6f7c99e635f1fec4c9.woff) format("woff")}@font-face{font-family:Inter;font-weight:500;src:url(/static/media/Inter-Medium.293fd13dbca5a3e450ef.woff2) format("woff2"),url(/static/media/Inter-Medium.9053572c46aeb4b16caa.woff) format("woff")}html{background:#fafafa;scroll-behavior:smooth}input:-webkit-autofill,input:-webkit-autofill:focus{-webkit-transition:background-color 600000s 0s,color 600000s 0s;transition:background-color 600000s 0s,color 600000s 0s}input[data-autocompleted]{background-color:initial}.App{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;box-sizing:border-box;font-family:Inter,Arial,sans-serif;margin:0 auto;max-width:1280px;text-rendering:optimizeLegibility}.login-page{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto}.login-page__route{align-self:start;height:38px;margin-left:calc(50% - 198px);margin-top:70px;width:38px}.login-page__title{font-size:24px;font-weight:500;line-height:29px;margin:40px 0;min-width:396px}.login-page__wrapper{align-items:center;background:#fafafa;display:flex;flex-direction:column;margin:0 auto;padding-bottom:17px;width:100%}.form{min-width:396px}.form__input{background:#fafafa;border:none;border-bottom:1px solid #e8e8e8;color:#000;display:block;font-size:14px;font-weight:500;line-height:17px;margin-bottom:24px;outline:none;padding:5px 0 10px;width:100%}.form__input::-webkit-input-placeholder{font-size:10px;font-weight:400;line-height:12px}.form__input::placeholder{font-size:10px;font-weight:400;line-height:12px}.form__input:focus-visible{box-shadow:0 1px 0 0 #3456f3}.form__label{color:#a0a0a0;display:block;font-size:10px;font-weight:400;line-height:12px}.form__btn{background:#3456f3;border:0;border-radius:3px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;line-height:17px;margin:196px 0 17px;min-height:45px;min-width:396px}.form__btn:disabled{background:#f8f8f8;color:#c2c2c2}.form__btn:hover{opacity:.8}.login-page__text{color:#a0a0a0;font-size:14px;line-height:17px;text-align:center}.login-page__link{color:#3456f3;margin-left:1px;text-decoration:none}.login-page__link:hover{opacity:.7}.form__input-field{position:relative}.form__api-error,.form__input-error{color:#ee3465;font-size:10px;font-weight:400;line-height:12px;margin:-20px 0;max-width:396px;position:absolute}.form__input-error_active{color:#ee3465}@media screen and (max-width:768px){.login-page__route{margin-top:232px}}@media screen and (max-width:460px){.login-page__route{margin:56px auto 0}.login-page__title{margin:50px 0 79px;min-width:260px;text-align:center}.form{min-width:260px}.login-page__wrapper{padding-bottom:19px}.form__btn{margin:286px 0 14px;min-width:260px}.form__btn,.login-page__text{font-size:12px;line-height:15px}.form__api-error,.form__input-error{max-width:260px}}.header{height:74px;width:100%}.header__content_place_main{background:#dddee3}.header__content_place_main,.header__content_place_movies{align-items:center;display:flex;height:100%;justify-content:space-between;padding:0 70px}.header__content_place_movies{background:#fafafa}.header__logo,.header__route{height:38px;width:38px}@media screen and (max-width:768px){.header__content_place_main,.header__content_place_movies{align-content:center;display:grid;grid-template-columns:-webkit-min-content -webkit-min-content;grid-template-columns:min-content min-content;padding:0 30px}}@media screen and (max-width:460px){.header__content_place_main,.header__content_place_movies{align-content:center;display:grid;grid-template-columns:-webkit-min-content -webkit-min-content;grid-template-columns:min-content min-content;padding:0 14px}}.nav{align-items:center;display:grid;grid-template-columns:260px -webkit-min-content;grid-template-columns:260px min-content;justify-content:space-between;width:100%}.nav__default{grid-column:2/-1;padding-bottom:3px}.nav__route{color:#000;font-size:12px;font-weight:400;line-height:16px;text-decoration:none;transition:all .1s linear}.nav__movies-route_active{font-weight:500}.nav__route:hover{opacity:.6}.nav__route-btn{background-color:#3456f3;border-radius:3px;color:#fff;margin-left:30px;padding:8px 20px;transition:all .1s linear}.nav__route-btn:hover{opacity:.6}.nav__movies{align-items:center;display:flex;gap:16px;grid-column:1/2;justify-self:center;padding-left:44px}.nav__movies-route{color:#000;font-size:13px;font-weight:400;line-height:18px;text-decoration:none;transition:all .1s linear}.nav__route_active{font-weight:500}.nav__route-account{align-items:center;border:2px solid #aaa;border-radius:50px;display:flex;font-size:14px;font-weight:500;gap:7px;grid-column:3/-1;line-height:16px;padding:6px 11px}.nav__route-main{display:none}@media screen and (max-width:768px){.nav{align-items:center;display:grid;grid-template-columns:none;grid-template-rows:11% 76.5% 12.5%;justify-content:center;width:100%}.nav__movies{align-self:start;display:flex;flex-direction:column;gap:28px;grid-row:2/3;padding-left:0}.nav__route{font-size:12px;line-height:16px}.nav__route,.nav__route-box{font-weight:500;position:relative;text-decoration:none}.nav__route-box{color:#000;font-size:18px;line-height:22px}.nav__route-main{display:block}.nav__route-box_active:after{border-bottom:2px solid #000;content:"";left:0;position:absolute;top:26px;width:100%}.nav__route-account{align-self:start;border:2px solid #aaa;border-radius:50px;font-size:14px;font-weight:500;grid-row:3/-1;justify-self:center;line-height:16px;padding:6px 11px}.nav__default{height:12px;padding-bottom:0}}@media screen and (max-width:540px){.nav{grid-template-rows:12% 77.1% 9.9%}.nav__route-btn{margin-left:14px;padding:7px 12px}.nav__movies{gap:24px}.nav__route-box_active:after{left:0;top:29px}}.box__overlay{background-color:#000;left:0;opacity:.3;width:100%;z-index:0}.box__container,.box__overlay{height:100%;position:fixed;top:0}.box__container{background-color:#fafafa;display:grid;grid-template-rows:53px;right:0;-webkit-transform:translateX(100%);transform:translateX(100%);transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;width:520px;z-index:1}.box__container.box__container_open{-webkit-transform:translateX(0);transform:translateX(0)}.box__burger-btn{all:unset;background:url(/static/media/icon-burger.08035af1e508cd8cfed5.svg) no-repeat 50%;cursor:pointer;height:44px;width:44px}.box__close-btn{all:unset;background:url(/static/media/icon-close.8f7319ed31ca2b9aebb2.svg) no-repeat 50%;cursor:pointer;height:44px;justify-self:end;margin-right:16px;margin-top:16px;width:44px}.box__burger-btn:focus,.box__close-btn:focus{outline:2px solid #000}@media screen and (max-width:768px){.box__burger-btn{margin-top:4px}}@media screen and (max-width:460px){.box__burger-btn{background:url(/static/media/icon-burger-mini.7bc0905d464390194caf.svg) no-repeat 50%;height:22px;margin-right:9px;width:22px}.box__container{grid-template-rows:57px;width:320px}.box__close-btn{margin-right:7px;margin-top:7px}}.footer{background:#f8f8f8;padding:60px 70px 0}.footer,.footer__text{font-size:13px;font-weight:400;line-height:16px}.footer__text{border-bottom:1px solid #e8e8e8;color:#a0a0a0;margin:0;padding:20px 0;text-align:center}.footer__copyright{align-items:center;display:flex;justify-content:space-between;margin-top:6px}.footer__year{margin:13px 0 20px}.footer__links{padding-bottom:5px}.footer__link{color:#000;margin-left:20px;text-decoration:none}.footer__link:hover{opacity:.7}@media screen and (max-width:768px){.footer{background:#fafafa;font-size:13px;font-weight:400;line-height:16px;padding:63px 30px 0}.footer__year{margin:13px 0 20px;padding:0}.footer__links{padding-bottom:7px}}@media screen and (max-width:460px){.footer{padding:30px 10px 0}.footer,.footer__text{font-size:12px;line-height:15px}.footer__copyright{align-items:center;display:flex;flex-direction:column-reverse;gap:18px;justify-content:space-between;margin-top:30px}.footer__year{letter-spacing:-.04em;margin:5px 0 20px;padding:0}.footer__links{align-items:center;display:flex;flex-direction:column;gap:13px}.footer__link{margin-left:0}}.register-page{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto}.register-page__route{align-self:start;height:38px;margin-left:calc(50% - 198px);margin-top:70px;width:38px}.register-page__title{font-size:24px;font-weight:500;line-height:29px;margin:40px 0;min-width:396px}.register-page__text{color:#a0a0a0;font-size:14px;line-height:17px;text-align:center}.register-page__link{color:#3456f3;margin-left:2px;text-decoration:none}.register-page__link:hover{opacity:.7}.register-page__wrapper{align-items:center;background:#fafafa;display:flex;flex-direction:column;margin:0 auto;padding-bottom:58px;width:100%}.register-form{min-width:396px}.register-form__input{background:#fafafa;border:none;border-bottom:1px solid #e8e8e8;color:#000;display:block;font-size:14px;font-weight:400;line-height:17px;margin-bottom:24px;outline:none;padding:5px 0 10px;width:100%}.register-form__input::-webkit-input-placeholder{font-size:10px;font-weight:400;line-height:12px}.register-form__input::placeholder{font-size:10px;font-weight:400;line-height:12px}.register-form__input:focus-visible{box-shadow:0 1px 0 0 #3456f3}.register-form__label{color:#a0a0a0;display:block;font-size:10px;font-weight:400;line-height:12px}.register-form__btn{background:#3456f3;border:0;border-radius:3px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;line-height:17px;margin:127px 0 17px;min-height:45px;min-width:396px}.register-form__btn:disabled{background:#f8f8f8;color:#c2c2c2}.register-form__btn:hover{opacity:.8}.register-form__input-field{max-width:396px;position:relative}.register-form__api-error,.register-form__input-error{color:#ee3465;font-size:10px;font-weight:400;line-height:12px;margin:-18px 0;max-width:396px;position:absolute}.register-form__input-error_active{color:#ee3465}@media screen and (max-width:768px){.register-page__route{margin-top:232px}}@media screen and (max-width:460px){.register-page__title{margin:50px 0 79px;min-width:260px;text-align:center}.register-page__route{margin:56px auto 0}.register-form{min-width:260px}.register-page__wrapper{padding-bottom:60px}.register-form__btn{margin:217px 0 14px;min-width:260px}.register-form__btn,.register-page__text{font-size:12px;line-height:15px}.register-form__api-error,.register-form__input-error{max-width:260px}}.promo{align-items:center;background-color:#dddee3;display:flex;flex-direction:column;min-height:590px;position:relative}.promo__fon-pic{background:no-repeat 50%/contain url(/static/media/promo-fon-pic.3c50c765b616223c13b1.svg);min-height:320px;min-width:320px;position:absolute;right:calc(50% - 160px);top:calc(50% - 213px)}.promo__title{color:#000;font:400 50px/58px Inter,sans-serif;letter-spacing:-.04em;margin:0 auto;max-width:730px;padding-bottom:224px;padding-top:184px;text-align:center}@media screen and (max-width:768px){.promo{min-height:851px}.promo__fon-pic{right:calc(50% - 160px);top:calc(50% - 200px)}.promo__title{padding-bottom:343px;padding-top:326px}}@media screen and (max-width:460px){.promo{min-height:636px}.promo__fon-pic{min-height:248px;min-width:248px;right:calc(50% - 124px);top:calc(50% - 175px)}.promo__title{font-size:31px;line-height:39px;max-width:400px;padding-bottom:246px;padding-top:207px}}.navtab{align-items:center;background-color:#f5f5f5;display:flex;justify-content:center;min-height:66px;width:100%}.navtab__link{border-bottom:2px solid #000;color:#000;font:500 13px/16px Inter,sans-serif;margin-right:40.5px;text-align:center;text-decoration:none;transition:all .2s linear}.navtab__link:last-child{margin-right:0}.navtab__link:hover{opacity:.6}@media screen and (max-width:460px){.navtab__link{font-size:11px;line-height:12px;margin-right:24px}}.about-project{background-color:#fafafa;padding:110px 70px}.about-project__title{font-size:22px;font-weight:400;letter-spacing:-.04em;line-height:27px;margin:0 0 23px}.about-project__container{display:flex;gap:40px;margin-bottom:97px;margin-top:48px}.about-project__description{max-width:550px}.about-project__description-title{font-size:20px;letter-spacing:-.04em;line-height:24px;margin-bottom:26px}.about-project__description-text{font-size:14px;line-height:20px}.about-project__duration{display:flex;font-size:14px;line-height:17px;margin-bottom:15px;text-align:center}.about-project__duration-weeks_one{background:#3456f3;color:#fff;padding:9px 0;width:20%}.about-project__duration-weeks_four{background:#f2f2f2;padding:9px 0;width:80%}.about-project__tech{color:#a0a0a0;display:flex;font-size:14px;font-weight:500;line-height:17px;text-align:center}.about-project__tech-weeks_one{width:20%}.about-project__tech-weeks_four{width:80%}@media screen and (max-width:768px){.about-project{padding:90px 50px}.about-project__description-title{margin-bottom:22px}.about-project__description-text{font-size:12px;line-height:18px}.about-project__container{gap:39px;margin-bottom:81px}.about-project__duration-weeks_one{width:21%}.about-project__duration-weeks_four{width:79%}.about-project__tech-weeks_one{width:21%}.about-project__tech-weeks_four{width:79%}}@media screen and (max-width:460px){.about-project{padding:70px 18px}.about-project__title{font-size:18px;font-weight:400;letter-spacing:-.04em;line-height:22px;margin:0 0 27px}.about-project__description-title{font-size:18px;line-height:22px;margin-bottom:15px}.about-project__container{grid-gap:28px;display:grid;gap:28px;margin-bottom:50px;margin-top:42px}.about-project__description-text{font-size:11px;line-height:16px}.about-project__duration,.about-project__tech{font-size:11px;line-height:13px}.about-project__duration{margin-bottom:10px}.about-project__duration-weeks_one{padding:11px 0;width:35%}.about-project__duration-weeks_four{padding:11px 0;width:65%}.about-project__tech-weeks_one{width:36%}.about-project__tech-weeks_four{width:64%}}.techs{background:#f5f5f5;padding:100px 70px}.techs__title{font-size:22px;font-weight:400;letter-spacing:-.04em;line-height:27px;margin:0 0 23px}.techs__description{align-items:center;display:flex;flex-direction:column;margin-bottom:87px;margin-top:90px}.techs__descripion-title{font-size:50px;font-style:normal;font-weight:400;letter-spacing:-.04em;line-height:58px;margin:0 0 10px;text-align:center}.techs__description-text{line-height:20px;max-width:460px}.techs__badges,.techs__description-text{font-size:14px;font-weight:400;letter-spacing:-.04em;text-align:center}.techs__badges{display:flex;gap:10px;justify-content:center;line-height:17px}.techs__badge{background:#e8e8e8;border-radius:10px;padding:21px 0;text-align:center;width:90px}@media screen and (max-width:768px){.techs{padding:91px 50px}.techs__description{margin-bottom:70px;margin-top:79px}.techs__description-text{font-size:12px;line-height:18px}.techs__badge{width:84px}.techs__badges{font-size:12px;line-height:15px}}@media screen and (max-width:660px){.techs__badges{display:grid;font-size:12px;grid-template-columns:repeat(auto-fit,minmax(84px,84px));line-height:15px;margin:0 auto}}@media screen and (max-width:460px){.techs{background:#fafafa;padding:71px 18px}.techs__title{font-size:18px;line-height:22px;margin:0 0 27px}.techs__descripion-title{font-size:30px;line-height:36px;margin-bottom:12px}.techs__description{margin-bottom:39px;margin-top:60px}.techs__description-text{font-size:11px;line-height:16px}}@media screen and (max-width:320px){.techs__badges{grid-template-columns:-webkit-min-content -webkit-min-content;grid-template-columns:min-content min-content}}.about-me{background:#fafafa;padding:112px 70px 0}.about-me__container{display:flex;justify-content:space-between}.about-me__section-title{font-size:22px;font-weight:400;letter-spacing:-.04em;line-height:27px;margin:0 0 23px}.about-me__description{padding-right:20px}.about-me__description-name{font-size:50px;font-weight:400;letter-spacing:-.04em;line-height:58px;margin:56px 0 0}.about-me__description-about{font-size:18px;font-weight:500;line-height:20px;margin:20px 0 0}.about-me__description-text{font-size:14px;font-weight:400;line-height:22px;margin:23px 0 99px;max-width:595px}.about-me__description-photo{height:auto;margin-top:56px;max-height:327px;max-width:270px;width:100%}.about-me__link{color:#000;font-size:14px;font-weight:500;line-height:17px;text-decoration:none;transition:all .2s linear}.about-me__link:hover{opacity:.7}@media screen and (max-width:768px){.about-me{padding:90px 50px 0}.about-me__description-name{font-size:40px;line-height:40px}.about-me__description-about{font-size:12px;line-height:18px;margin-top:16px}.about-me__description-text{font-size:12px;line-height:18px;margin:19px 0 87px;max-width:362px}.about-me__description-photo{height:auto;margin-top:56px;max-width:255px;width:100%}}@media screen and (max-width:460px){.about-me{padding:70px 14px 0}.about-me__section-title{font-size:18px;line-height:22px;margin:0 0 27px}.about-me__container{flex-direction:column-reverse}.about-me__img-container{display:flex;justify-content:center;width:calc(100vw - 28px)}.about-me__description-photo{border-radius:10px;margin-top:52px;max-width:300px;min-height:352px;object-fit:cover;width:100%}.about-me__description-name{font-size:30px;line-height:36px;margin-top:39px}.about-me__description-about{font-size:11px;line-height:16px;margin-top:21px}.about-me__description-text{font-size:11px;line-height:16px;margin:20px 0 38px}.about-me__description{padding-right:0}}.portfolio{background:#fafafa;padding:100px 70px 106px}.portfolio__section-title{color:#a0a0a0;font-size:18px;font-weight:400;line-height:20px;margin:0 0 30px}.portfolio__links{display:flex;flex-direction:column}.portfolio__link{border-bottom:1px solid #e8e8e8;color:#000;display:flex;font-size:30px;font-weight:400;justify-content:space-between;letter-spacing:-.04em;line-height:50px;padding:19px 6px 19px 0;text-decoration:none}.portfolio__link:hover{opacity:.7}.portfolio__link:last-child{border-bottom:none}@media screen and (max-width:768px){.portfolio{padding:86px 50px 69px}.portfolio__link{font-size:28px;padding-right:5px}.portfolio__link-img{padding-top:4px}}@media screen and (max-width:460px){.portfolio{padding:70px 14px 69px}.portfolio__link{font-size:18px;margin-bottom:9px;padding:0 4px 9px 0}.portfolio__link-img{padding-top:0}.portfolio__section-title{font-size:14px;margin:0 0 28px}.portfolio__link-img{width:11px}}.movies{background:#fafafa;display:flex;flex-direction:column;min-height:calc(100vh - 268px);padding:0 70px}.movies__not-found{margin:80px 0 0;text-align:center}.movies__api-error{margin:60px auto 0;max-width:600px;text-align:center}.movies__more-btn{background-color:#f4f4f4;border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;height:36px;line-height:16px;margin:80px auto;opacity:1;transition:all .1s linear;width:320px}.movies__more-btn:hover{opacity:.8}@media screen and (max-width:920px){.movies{padding:0 30px}.movies__more-btn{margin-bottom:76px}}@media screen and (max-width:460px){.movies{padding:0 10px}.movies__more-btn{margin:80px auto 109px;width:240px}}.search{border-bottom:1px solid #e8e8e8;padding:70px 0 69px}.search__form{align-items:center;border-radius:9px;box-shadow:0 3px 14px rgba(0,0,0,.08);display:flex;min-height:72px;padding:0 30px}.search__form-input-field{position:relative;width:100%}.search__form-input{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' viewBox='0 0 13 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.793 8.264a3.667 3.667 0 1 1-5.186-5.186 3.667 3.667 0 0 1 5.186 5.186Zm.44 1.383a5.001 5.001 0 1 1 .943-.943l3.566 3.567-.942.942-3.567-3.566Z' fill='%23959595'/%3E%3C/svg%3E") no-repeat 0 10px;border:none;display:block;margin-right:10px;padding:9px 4px 9px 33px;width:93%}.search__form-input::-webkit-input-placeholder{font-size:18px;line-height:20px}.search__form-input::placeholder{font-size:18px;line-height:20px}.search__form-button{all:unset;cursor:pointer;height:34px;margin-right:19px}.search__form-button:disabled{-webkit-filter:grayscale(1);filter:grayscale(1)}.search__form-reset-button{background:none;border:none;color:#555;cursor:pointer;font-size:14px;position:absolute;right:18px;top:7px}.search__form-button:hover{opacity:.8}.search__form-button:focus{border-radius:50px;outline:2px solid #000}.search__form-input-error{color:#ee3465;font-size:10px;font-weight:400;left:33px;line-height:12px;max-width:410px;position:absolute;top:36px}@media screen and (max-width:768px){.search{padding:80px 0 109px}.search__form{padding:0 21px}.search__form-button{margin-right:19px}.search__form-input{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' viewBox='0 0 13 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.793 8.264a3.667 3.667 0 1 1-5.186-5.186 3.667 3.667 0 0 1 5.186 5.186Zm.44 1.383a5.001 5.001 0 1 1 .943-.943l3.566 3.567-.942.942-3.567-3.566Z' fill='%23959595'/%3E%3C/svg%3E") no-repeat 9px 10px;margin-right:10px;padding:8px 4px 7px 42px}}@media screen and (max-width:600px){.search__form{padding:0 19px;position:relative}.search__form-input::-webkit-input-placeholder{font-size:14px;line-height:20px}.search__form-input::placeholder{font-size:14px;line-height:20px}.search__form-input{background:none;margin-right:10px;padding:6px 4px 10px 0}.search__form-button{margin-right:0}.search__form-input-error{left:0}}.filter-checkbox{align-items:center;border-left:1px solid #cbcbcb;display:flex;min-height:40px;padding-left:29px}.filter-checkbox__input{height:0;width:0}.filter-checkbox__label{background:#ebebeb;border-radius:20px;cursor:pointer;display:block;height:14px;margin:3px 1px;position:relative;text-indent:-9999px;width:34px}.filter-checkbox__label:after{background:#f5f5f5;border-radius:90px;content:"";height:10px;left:3px;position:absolute;top:2px;transition:.2s;width:10px}.filter-checkbox__input:checked+.filter-checkbox__label{background:#2be080}.filter-checkbox__input:checked+label:after{background:#fff;left:calc(100% - 2px);-webkit-transform:translateX(-100%);transform:translateX(-100%)}.filter-checkbox__text{font-size:13px;font-weight:400;line-height:18px;padding-left:14px}@media screen and (max-width:768px){.filter-checkbox{padding-left:19px}.filter-checkbox__text{padding-left:15px}}@media screen and (max-width:600px){.filter-checkbox{border-left:none;left:50%;padding-left:0;position:absolute;top:107px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.filter-checkbox__text{font-size:11px;padding-left:14px}}.movies-cardlist{grid-gap:32px 20px;display:grid;gap:32px 20px;grid-template-columns:repeat(auto-fit,minmax(auto,270px));margin:80px 0 0;padding:0}@media screen and (max-width:1279px){.movies-cardlist{justify-content:center}}@media screen and (max-width:920px){.movies-cardlist{gap:36px 30px;grid-template-columns:repeat(auto-fit,minmax(auto,339px))}}@media screen and (max-width:460px){.movies-cardlist{gap:20px;grid-template-columns:repeat(auto-fit,minmax(auto,300px));margin:50px 0 0}}.moviescard{background:#fff;border-radius:10px;box-shadow:0 16px 24px rgba(0,0,0,.05);list-style:none;margin:0;max-height:218px;max-width:270px;overflow:hidden;padding:0}.moviescard__image{max-height:151px;min-width:100%;object-fit:cover;transition:all .16s linear;vertical-align:bottom}.moviescard__image:hover{cursor:pointer;-webkit-transform:scale(1.02);transform:scale(1.02);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.moviescard__details{padding:14px 12px;position:relative}.moviescard__name{font-size:13px;font-weight:500;line-height:16px;margin:0 0 10px;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.moviescard__duration{color:#a0a0a0;font-size:11px;font-weight:400;line-height:13px;margin:0}.moviescard__like-btn{background:no-repeat 50%/contain url(/static/media/icon-no-liked-1.c4a37fd5f814e9b2399d.svg);border:none;border-radius:10px;box-shadow:0 3px 6px rgba(0,0,0,.09);cursor:pointer;height:16px;margin:0;padding:0;position:absolute;right:12px;top:14px;width:16px}.moviescard__like-btn_liked{background:no-repeat 50%/contain url(/static/media/icon-liked-1.97be5fa2c8608d4b9c9f.svg)}.moviescard__delete-btn{background:no-repeat 50%/contain url(/static/media/icon-close.8f7319ed31ca2b9aebb2.svg);border:none;cursor:pointer;height:16px;margin:0;padding:0;position:absolute;right:12px;top:14px;width:16px}.moviescard__container{max-height:151px;min-width:100%}.moviescard__container:hover .moviescard__delete-btn{display:block}@media screen and (max-width:920px){.moviescard{max-height:257px;max-width:339px}.moviescard__image{max-height:190px}}@media screen and (max-width:460px){.moviescard{max-height:325px;max-width:300px}.moviescard__image{height:168px}}@-webkit-keyframes preloader-inside-white{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes preloader-inside-white{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes preloader-inside-red{0%{-webkit-transform:scale(0);transform:scale(0)}30%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes preloader-inside-red{0%{-webkit-transform:scale(0);transform:scale(0)}30%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}.preloader{align-items:center;display:flex;height:100%;justify-content:center;padding:40px 0 0;width:100%;z-index:10}.preloader__container{height:100px;position:relative;width:100px}.preloader__round{background:#3456f3}.preloader__round,.preloader__round:after,.preloader__round:before{border-radius:50px;height:100px;left:0;position:absolute;top:0;width:100px}.preloader__round:after,.preloader__round:before{content:""}.preloader__round:after{-webkit-animation:preloader-inside-white 1s ease-in-out infinite;animation:preloader-inside-white 1s ease-in-out infinite;background:#fff}.preloader__round:before{-webkit-animation:preloader-inside-red 1s ease-in-out infinite;animation:preloader-inside-red 1s ease-in-out infinite;background:#3456f3;z-index:10}.search__error{color:#000;font-size:16px;font-style:normal;font-weight:400;line-height:1.2;margin:80px 0 0;text-align:center}.saved-movies{background:#fafafa;padding:0 70px 170px}@media screen and (max-width:920px){.saved-movies{padding:0 30px 166px}}@media screen and (max-width:450px){.saved-movies{padding:0 10px 199px}}.profile{display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:410px;padding-top:58px}.profile__welcome-message{font-size:24px;font-weight:500;line-height:29px;margin-bottom:108px;margin-left:-1px;text-align:center}.profile-form__input-field:first-child{border-bottom:1px solid #e8e8e8}.profile-form__input-field{display:flex;justify-content:space-between;padding:16px 0}.profile-form__label{font-size:11px;font-weight:500;line-height:14px}.profile-form__input{background-color:#fafafa;border:none;font-size:11px;font-weight:400;line-height:13px;outline:none;padding:0;text-align:right}.profile-form__input::-webkit-input-placeholder{font-size:11px;font-weight:500;line-height:13px}.profile-form__input::placeholder{font-size:11px;font-weight:500;line-height:13px}.profile-form__input:disabled{background-color:#fafafa;color:#000}.profile-form__buttons{position:relative}.profile-form__button{background:none;border:none;cursor:pointer;display:block;font-size:13px;line-height:16px;margin:0 auto;padding:0}.profile-form__button-save{background:#3456f3;border:0;border-radius:3px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;line-height:17px;margin-top:180px;min-height:45px;width:100%}.profile-form__button-save:disabled{background:#f8f8f8;color:#c2c2c2}.profile-form__button-edit{margin-top:204px}.profile-form__button-signout{color:#ee3465;font-weight:500;margin-top:16px}.profile-form__input-field{position:relative}.profile-form__input-error{color:#ee3465;font-size:10px;font-weight:400;line-height:12px;margin:16px 0 0;max-width:410px;position:absolute}.profile-form__input-error_active{color:#ee3465}.profile-form__error-message{color:#ee3465;font-size:11px}.profile-form__error-message,.profile-form__success-message{font-weight:400;left:50%;line-height:13px;position:absolute;text-align:center;top:-35px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%}.profile-form__success-message{color:#3456f3;font-size:12px}@media screen and (max-width:768px){.profile{justify-content:center;margin:0 auto;min-height:calc(100vh - 123px);padding-top:0}.profile__welcome-message{margin-bottom:81px}.profile-form__button-edit{margin-top:194px}}@media screen and (max-width:460px){.profile{max-width:260px;min-height:auto;padding-top:6.9vh}.profile-form__input-field{min-width:260px}.profile__welcome-message{margin-bottom:65px}.profile-form__button-edit{margin-top:46.4vh}.profile-form__button{font-size:12px;line-height:15px}}html{height:100%}.loader{height:64px;left:calc(50% - 32px);-webkit-perspective:800px;perspective:800px;top:calc(50% - 32px);width:64px}.inner,.loader{border-radius:50%;position:absolute}.inner{box-sizing:border-box;height:100%;width:100%}.inner.one{-webkit-animation:rotate-one 1s linear infinite;animation:rotate-one 1s linear infinite;border-bottom:3px solid #3456f3;left:0;top:0}.inner.two{-webkit-animation:rotate-two 1s linear infinite;animation:rotate-two 1s linear infinite;border-right:3px solid #3456f3;right:0;top:0}.inner.three{-webkit-animation:rotate-three 1s linear infinite;animation:rotate-three 1s linear infinite;border-top:3px solid #3456f3;bottom:0;right:0}@-webkit-keyframes rotate-one{0%{-webkit-transform:rotateX(35deg) rotateY(-45deg) rotate(0deg);transform:rotateX(35deg) rotateY(-45deg) rotate(0deg)}to{-webkit-transform:rotateX(35deg) rotateY(-45deg) rotate(1turn);transform:rotateX(35deg) rotateY(-45deg) rotate(1turn)}}@keyframes rotate-one{0%{-webkit-transform:rotateX(35deg) rotateY(-45deg) rotate(0deg);transform:rotateX(35deg) rotateY(-45deg) rotate(0deg)}to{-webkit-transform:rotateX(35deg) rotateY(-45deg) rotate(1turn);transform:rotateX(35deg) rotateY(-45deg) rotate(1turn)}}@-webkit-keyframes rotate-two{0%{-webkit-transform:rotateX(50deg) rotateY(10deg) rotate(0deg);transform:rotateX(50deg) rotateY(10deg) rotate(0deg)}to{-webkit-transform:rotateX(50deg) rotateY(10deg) rotate(1turn);transform:rotateX(50deg) rotateY(10deg) rotate(1turn)}}@keyframes rotate-two{0%{-webkit-transform:rotateX(50deg) rotateY(10deg) rotate(0deg);transform:rotateX(50deg) rotateY(10deg) rotate(0deg)}to{-webkit-transform:rotateX(50deg) rotateY(10deg) rotate(1turn);transform:rotateX(50deg) rotateY(10deg) rotate(1turn)}}@-webkit-keyframes rotate-three{0%{-webkit-transform:rotateX(35deg) rotateY(55deg) rotate(0deg);transform:rotateX(35deg) rotateY(55deg) rotate(0deg)}to{-webkit-transform:rotateX(35deg) rotateY(55deg) rotate(1turn);transform:rotateX(35deg) rotateY(55deg) rotate(1turn)}}@keyframes rotate-three{0%{-webkit-transform:rotateX(35deg) rotateY(55deg) rotate(0deg);transform:rotateX(35deg) rotateY(55deg) rotate(0deg)}to{-webkit-transform:rotateX(35deg) rotateY(55deg) rotate(1turn);transform:rotateX(35deg) rotateY(55deg) rotate(1turn)}}.not-found{align-items:center;justify-content:center;margin-left:auto;margin-right:auto;max-width:1280px;min-height:100vh;position:relative}.not-found,.not-found__container{display:flex;flex-direction:column}.not-found__container{max-width:268px}.not-found__title{font-size:140px;line-height:1.21;margin:-15px 0 0}.not-found__description,.not-found__title{color:#000;font-weight:400;padding:0;text-align:center}.not-found__description{font-size:16px;line-height:1.2;margin:5px 0 0}.not-found__back-btn{all:unset;bottom:58px;color:#3456f3;cursor:pointer;font-size:14px;font-weight:400;left:calc(50% - 21px);line-height:1.21;max-width:42px;opacity:1;position:absolute;text-decoration:none;transition:opacity .6s ease}.not-found__back-btn:hover{opacity:.6}@media screen and (max-width:768px){.not-found__back-btn{bottom:221px}}@media (max-width:460px){.not-found__title{font-size:80px;margin-top:1px}.not-found__description{font-size:12px;line-height:1.25;margin-top:10px}.not-found__back-btn{bottom:29px;font-size:12px;left:calc(50% - 18px);line-height:1.25;max-width:36px}}
/*# sourceMappingURL=main.2bb1520e.css.map*/