/*! 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}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/static/media/Inter-Regular.dc131113.woff2) format("woff2"),url(/static/media/Inter-Regular.3ac83020.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/static/media/Inter-Medium.75db5319.woff2) format("woff2"),url(/static/media/Inter-Medium.c0638bea.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:900;font-display:swap;src:url(/static/media/Inter-Black.661569af.woff2) format("woff2"),url(/static/media/Inter-Black.d0b121f3.woff) format("woff")}.page{background-color:#202020}.header,.page{max-width:1280px;margin:0 auto}.header{padding-bottom:20px;width:100%;display:flex;align-items:center;justify-content:space-between}.header__logo{margin:18px auto 18px 70px}.header__logo:hover{opacity:.7;transition:1s}.header__movies{margin:auto;display:flex;width:212px;min-height:18px;grid-gap:16px;gap:16px}.header__link-movies{max-width:54px;font-weight:500;font-size:13px;line-height:18px;color:#fff}.header__link-movies:hover{opacity:.7;transition:1s}.header__link-saved-movies{max-width:142px;font-weight:400;font-size:13px;line-height:18px;color:#fff}.header__link-saved-movies:hover{opacity:.7;transition:1s}a:link,a:visited{text-decoration:none}.header__buttons{margin:21px 70px 21px 0;padding:0;display:flex;grid-gap:30px;gap:30px;align-items:center;font-weight:500;font-size:12px;line-height:16px}.header__button{width:76px;height:16px;padding:0;background-color:#202020;color:#fff;border:none;cursor:pointer}.header__button:hover{opacity:.8;transition:1s}.header__button_green{width:76px;height:32px;padding:0;background-color:#3ddc84;color:#fff;border:none;border-radius:3px;display:flex;justify-content:center;align-items:center;cursor:pointer}.header__button_green:hover{opacity:.8;transition:1s}.header__profile{width:100px;height:32px;padding:0;font-weight:500;font-size:14px;line-height:16px;background-color:#202020;color:#fff;border:2px solid #aaa;border-radius:50px;cursor:pointer;display:flex;justify-content:center;align-items:center;grid-gap:7px;gap:7px}.header__profile:hover{opacity:.8;transition:1s}.header__navigation{display:none}.header__navigation-close{background-color:#202020;border:none}@media (max-width:768px){.header{max-width:768px}.header__logo{margin-left:30px}.header__link-movies,.header__link-saved-movies{display:none}.header__buttons{margin-right:30px}.header__profile{display:none}.header__navigation{display:inline-block;max-width:44px;min-height:44px;margin:15px 30px 0 auto}.header__navigation:hover{opacity:.8;transition:1s}}@media (max-width:320px){.header{max-width:320px}.header__logo{margin-left:14px;margin-bottom:18px}.header__buttons{margin-right:14px;margin-bottom:18px;grid-gap:14px;gap:14px;font-size:10px}.header__button{width:64px}.header__button_green{width:54px;height:26px}.header__navigation{max-width:40px;min-height:43px;margin-right:14px}}.navigation{background-color:rgba(0,0,0,.5);justify-content:right;top:0;left:0;bottom:0;right:0;z-index:2}.navigation,.navigation__content{position:fixed;display:flex;height:100%}.navigation__content{max-width:520px;width:100%;flex-direction:column;align-items:flex-end;background-color:#202020}.navigation__button{background-color:#202020;border:none}.navigation__close{max-width:22px;min-height:22px;margin:22.44px 22.44px 105.44px auto;align-items:flex-end}.navigation__links{max-width:340px;min-height:122px;width:100%;margin:0 auto;display:flex;flex-direction:column;align-items:center;grid-gap:28px;gap:28px}.navigation__link{font-weight:500;font-size:18px;line-height:22px;color:#fff}.navigation__link:hover{opacity:.7;transition:1s}.navigation__bottom{max-width:520px;width:100%;height:100%;display:flex;justify-content:center;align-items:flex-end}.navigation__profile{margin-bottom:90px}.navigation__account{width:100px;height:32px;padding:0;font-weight:500;font-size:14px;line-height:16px;background-color:#202020;color:#fff;border:2px solid #aaa;border-radius:50px;cursor:pointer;display:flex;justify-content:center;align-items:center;grid-gap:7px;gap:7px}.navigation__account:hover{opacity:.8;transition:1s}@media (max-width:320px){.navigation{min-height:780px}.navigation,.navigation__content{max-width:320px}.navigation__close{max-width:22px;min-height:22px;margin:13.44px 13.44px 99.44px auto}.navigation__links{max-width:300px;min-height:114px;grid-gap:24px;gap:24px}.navigation__bottom{max-width:300px}.navigation__profile{margin-bottom:46px}}.navTab{margin:0 auto;max-width:1200px;min-height:493px;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#272727;border-radius:10px}.navTab__title{margin:160px auto 151px;max-width:730px;min-height:116px;color:#fff;text-align:center;font-weight:400;font-size:50px;line-height:58px}.navTab__buttons{display:flex;margin-bottom:30px;grid-gap:10px;gap:10px}.navTab__button{min-width:96px;height:36px;padding:0;font-weight:500;font-size:12px;line-height:16px;background-color:#303030;color:#fff;border:none;border-radius:10px;cursor:pointer;display:flex;justify-content:center;align-items:center;text-decoration:none}.navTab__button:hover{opacity:.7;transition:1s}@media (max-width:1220px){.navTab{max-width:1000px}}@media (max-width:1020px){.navTab{max-width:800px}}@media (max-width:820px){.navTab{max-width:728px;min-height:834px}.navTab__title{margin-top:350px;margin-bottom:314px;max-width:680px;min-height:104px;font-size:40px;line-height:52px}.navTab__buttons{margin-bottom:30px}}@media (max-width:750px){.navTab{max-width:500px}}@media (max-width:560px){.navTab{max-width:292px;min-height:586px}.navTab__title{margin:220px auto 212px;max-width:292px;min-height:111px;font-size:29px;line-height:37px}.navTab__buttons{margin-bottom:17px}.navTab__button{min-width:82px;height:26px;font-size:10px}}.aboutProject{max-width:1280px;min-height:608px;margin:0 auto}.aboutProject__title{margin:110px auto 0;max-width:1140px;min-height:27px;padding-bottom:23px;color:#fff;font-weight:400;font-size:22px;border-bottom:1px solid #dadada}.aboutProject__info{margin:70px auto 110px;padding:0;max-width:1140px;display:flex;list-style:none;grid-gap:40px;gap:40px}.aboutProject__info-item{max-width:550px;height:90px;text-align:left}.aboutProject__info-title{margin:0;font-weight:400;font-size:20px;color:#fff}.aboutProject__info-text{margin-top:26px;margin-bottom:110px;font-weight:400;font-size:14px;line-height:20px;color:#fff}.aboutProject__date{margin:0 auto;padding:0;max-width:1140px;min-height:67px;width:100%;display:flex;align-items:center;justify-content:center;list-style:none;text-align:center}.aboutProject__week{max-width:228px;width:100%}.aboutProject__week-title{display:flex;align-items:center;justify-content:center;margin:0;min-height:36px;font-weight:400;font-size:14px;line-height:18px;background-color:#3ddc84;color:#000}.aboutProject__week-subtitle{margin:0;padding-top:14px;min-height:17px;font-weight:400;font-size:14px;line-height:17px;color:#8b8b8b}.aboutProject__month{max-width:912px;width:100%}.aboutProject__month-title{display:flex;align-items:center;justify-content:center;margin:0;min-height:36px;font-weight:400;font-size:14px;line-height:18px;background-color:#303030;color:#fff}.aboutProject__month-subtitle{margin:0;padding-top:14px;min-height:17px;font-weight:400;font-size:14px;line-height:17px;color:#8b8b8b}@media (max-width:1200px){.aboutProject{max-width:1000px}}@media (max-width:1020px){.aboutProject{max-width:800px}}@media (max-width:820px){.aboutProject{max-width:768px;min-height:585px}.aboutProject__title{margin:90px auto 0;max-width:668px}.aboutProject__info{margin-bottom:93px;max-width:668px;grid-gap:30px;gap:30px}.aboutProject__info-item{max-width:319px;height:124px}.aboutProject__info-text{margin-top:22px;margin-bottom:93px;font-size:12px;line-height:18px}.aboutProject__date{max-width:668px}}@media (max-width:750px){.aboutProject{max-width:500px}}@media (max-width:560px){.aboutProject{max-width:320px;min-height:641px}.aboutProject__title{margin-top:70px;max-width:284px;min-height:22px;padding-bottom:28px;font-size:18px}.aboutProject__info{margin-bottom:60px;max-width:284px;flex-direction:column;grid-gap:56px;gap:56px}.aboutProject__info-item{max-width:284px;height:108px}.aboutProject__info-title{min-height:44px;font-size:18px}.aboutProject__info-text{margin-top:16px;margin-bottom:0;min-height:48px;font-size:11px;line-height:16px}.aboutProject__date{max-width:284px;min-height:35px}.aboutProject__week-title{height:35px;font-size:11px;line-height:13px}.aboutProject__week-subtitle{padding-top:10px;height:14px;font-size:11px;line-height:14px}.aboutProject__month-title{height:35px;font-size:11px;line-height:13px}.aboutProject__month-subtitle{height:14px;font-size:11px;line-height:14px}}.techs{margin:0 auto;max-width:1280px;min-height:625px;background-color:#272727}.techs__title{margin:0 auto;padding:100px 0 23px;max-width:1140px;min-height:27px;color:#fff;font-weight:400;font-size:22px;text-align:left;border-bottom:1px solid #dadada}.techs__subtitle{margin:90px auto 26px;max-width:600px;min-height:58px;font-size:50px}.techs__subtitle,.techs__text{color:#fff;font-weight:400;text-align:center}.techs__text{margin:0 auto 100px;max-width:460px;min-height:40px;font-size:14px;line-height:20px}.techs__info{margin:0 auto 100px;padding:0;grid-gap:10px;gap:10px;list-style:none}.techs__info,.techs__info-item{display:flex;justify-content:center}.techs__info-item{min-width:90px;height:60px;font-weight:400;font-size:14px;line-height:17px;align-items:center;background-color:#303030;color:#fff;border:none;border-radius:10px}@media (max-width:1200px){.techs__title{max-width:1020px}}@media (max-width:1030px){.techs__title{max-width:830px}}@media (max-width:850px){.techs__title{max-width:780px}}@media (max-width:790px){.techs{max-width:768px;min-height:567px}.techs__title{padding-top:90px;max-width:668px}.techs__subtitle{margin:80px auto 22px;text-align:center}.techs__text{margin-bottom:83px;min-height:36px;font-size:12px;line-height:18px}.techs__info{margin-bottom:90px}.techs__info-item{min-width:84px;height:57px;font-size:12px;line-height:15px}}@media (max-width:700px){.techs__title{max-width:600px}.techs__info-item{min-width:70px}}@media (max-width:620px){.techs__title{max-width:500px}.techs__info-item{min-width:60px}}@media (max-width:510px){.techs__title{max-width:400px}.techs__info-item{min-width:40px}}@media (max-width:450px){.techs{max-width:320px;min-height:651px;background-color:#202020}.techs__title{padding-top:70px;padding-bottom:28px;max-width:284px;min-height:22px;font-size:18px;border-color:#000}.techs__subtitle{margin-top:60px;margin-bottom:24px;max-width:292px;min-height:36px;font-size:30px}.techs__text{margin-bottom:50px;max-width:292px;min-height:32px;font-size:11px;line-height:16px}.techs__info{display:grid;grid-template-columns:84px 57px;grid-gap:10px 10px;gap:10px 10px;margin-bottom:70px}}.aboutMe{min-height:526px}.aboutMe,.aboutMe__title{margin:0 auto;max-width:1140px}.aboutMe__title{padding:110px 0 23px;min-height:27px;color:#fff;font-weight:400;font-size:22px;text-align:left;border-bottom:1px solid #dadada}.aboutMe__container{display:flex;justify-content:space-between}.aboutMe__info{max-width:600px;min-height:327px;text-align:left;color:#fff}.aboutMe__info-name{margin:66px auto 0;min-height:58px;font-weight:400;font-size:50px;line-height:58px}.aboutMe__info-prof{margin:18px auto 0;min-height:20px;font-weight:500;font-size:18px;line-height:20px}.aboutMe__info-text{margin:26px auto 0;min-height:88px;font-weight:400;font-size:14px;line-height:22px}.aboutMe__info-web{margin:99px auto 0;min-height:17px;font-weight:500;font-size:14px;line-height:17px}.aboutMe__info-photo{margin-top:66px;max-width:270px;height:327px;border-radius:10px}@media (max-width:1220px){.aboutMe{max-width:1000px}}@media (max-width:1030px){.aboutMe{max-width:800px}}@media (max-width:830px){.aboutMe{max-width:700px}}@media (max-width:768px){.aboutMe{max-width:668px;min-height:513px}.aboutMe__title{padding-top:90px;max-width:668px;font-size:22px}.aboutMe__info{max-width:364px;min-height:373px}.aboutMe__info-name{min-height:40px;font-size:40px;line-height:40px}.aboutMe__info-prof{margin-top:16px;min-height:18px;font-size:12px;line-height:18px}.aboutMe__info-text{margin-top:20px;min-height:88px;font-size:12px;line-height:18px}.aboutMe__info-web{margin-top:87px;font-size:14px;line-height:17px}.aboutMe__info-photo{max-width:255px;height:307px}}@media (max-width:720px){.aboutMe{max-width:540px;min-height:834px}.aboutMe__title{padding-top:70px;padding-bottom:28px;max-width:540px;min-height:22px;font-size:18px}.aboutMe__container{display:grid;justify-content:center}.aboutMe__info{max-width:540px;min-height:301px;grid-row:2}.aboutMe__info-name{margin-top:40px;min-height:36px;font-size:30px;line-height:36px}.aboutMe__info-prof{margin-top:20px;min-height:16px;font-size:11px;line-height:16px}.aboutMe__info-text{min-height:112px;font-size:12px;line-height:18px}.aboutMe__info-web{margin-top:40px;font-size:14px;line-height:17px}.aboutMe__info-photo{margin-top:60px;max-width:540px;height:352px;grid-row:1}}@media (max-width:560px){.aboutMe{max-width:320px}.aboutMe__info,.aboutMe__info-photo,.aboutMe__title{max-width:292px}}.portfolio{margin:0 auto 125px;max-width:1140px;min-height:425px}.portfolio__title{margin:0 auto;padding:100px 0 30px;max-width:1140px;min-height:20px;color:#8b8b8b;font-weight:400;font-size:18px;line-height:20px;text-align:left}.portfolio__info{max-width:1140px;display:flex;justify-content:space-between;border-bottom:1px solid #424242}.portfolio__info:hover{opacity:.7;transition:1s}.portfolio__name{margin:0;padding:20px 0 19px;max-width:880px;min-height:50px;font-weight:400;font-size:30px;line-height:50px;text-align:left;color:#fff}.portfolio__img{max-width:29px}@media (max-width:1220px){.portfolio{max-width:1000px}}@media (max-width:1030px){.portfolio{max-width:800px}}@media (max-width:830px){.portfolio{max-width:700px}}@media (max-width:768px){.portfolio{margin-bottom:90px;max-width:668px}.portfolio__title{padding-top:90px;max-width:668px}.portfolio__info{max-width:668px}.portfolio__name{max-width:386px;min-height:50px;font-size:28px}.portfolio__img{max-width:27px}}@media (max-width:720px){.portfolio{margin-bottom:70px;max-width:540px;min-height:364px}.portfolio__title{padding-top:70px;max-width:540px;font-size:14px}.portfolio__info{max-width:540px}.portfolio__name{max-width:540px;min-height:28px;font-size:18px;line-height:28px}.portfolio__img{max-width:18px}}@media (max-width:560px){.portfolio,.portfolio__info,.portfolio__title{max-width:292px}.portfolio__name{max-width:250px}}.footer{margin:0 auto;max-width:1140px;min-height:172px}.footer__title{margin:0 auto;padding:79px 0 20px;border-bottom:1px solid #424242;color:#8b8b8b;text-align:center}.footer__items,.footer__title{min-height:16px;font-weight:400;font-size:13px}.footer__items{margin:20px auto;display:flex;justify-content:space-between;line-height:16px}.footer__copyright{margin:0;max-width:60px;color:#fff;text-align:left}.footer__links{margin:0;padding:0;display:flex;max-width:400px;grid-gap:20px;gap:20px;list-style-type:none}.footer__link{color:#fff;text-decoration:none}.footer__link:hover{opacity:.7;transition:1s}@media (max-width:1220px){.footer{max-width:1000px}}@media (max-width:1030px){.footer{max-width:800px}}@media (max-width:830px){.footer{max-width:700px}}@media (max-width:768px){.footer{max-width:668px}}@media (max-width:720px){.footer{max-width:540px;min-height:253px}.footer__title{padding-bottom:21px;font-size:12px}.footer__items{margin-top:30px;align-items:center;flex-direction:column-reverse;min-height:87px;font-size:12px;line-height:15px}.footer__copyright{text-align:center}.footer__links{flex-direction:column;max-width:200px;align-items:center;grid-gap:12px;gap:12px}}@media (max-width:560px){.footer{max-width:292px}}.searchForm{margin:0 auto;max-width:1140px;min-height:212px;width:100%;padding-bottom:10px;display:flex;justify-content:space-between;border-bottom:1px solid #424242}.searchForm__form{max-width:932px;width:100%;display:flex;flex-direction:column}.searchForm__container{margin-top:80px;max-width:932px;height:48px;width:100%;display:flex;justify-content:flex-end;align-items:center}.searchForm__input{max-width:932px;min-height:48px;width:100%;padding:0 0 0 22px;font-weight:400;font-size:14px;line-height:18px;color:#8b8b8b;background-color:#202020;border:1.5px solid #424242;border-radius:50px}.searchForm__input:hover{cursor:pointer;transition:1s}.searchForm__error{max-width:932px;min-height:12px;margin:0;padding-top:6px;font-weight:400;font-size:11px;line-height:10px;color:#ee3465;display:block;text-align:center}.searchForm__find{width:34px;height:34px;margin:7px;padding:0;position:absolute;background-color:#202020;border:none;cursor:pointer}.searchForm__find:hover{opacity:.8;transition:1s}.searchForm__filter{max-width:167px;min-height:20px;width:100%;display:flex;justify-content:space-between;align-items:center}.searchForm__filter-title{color:#fff;font-weight:400;font-size:13px;line-height:18px}.switch{width:36px;height:20px;border-radius:20px;cursor:pointer;display:inline-block;background:#343434}.switch.on{background:#3ddc84}.switch.on .switch-toggle{left:18px;background:#fff}.switch-toggle{width:16px;height:16px;top:2px;left:2px;border-radius:8px;background:#a0a0a0;position:relative;transition:left .2s ease-in-out;cursor:pointer}@media (max-width:1220px){.searchForm{max-width:1000px}.searchForm__container{max-width:750px}}@media (max-width:1020px){.searchForm{max-width:800px}.searchForm__container{max-width:600px}}@media (max-width:820px){.searchForm{max-width:750px}.searchForm__container{max-width:550px}}@media (max-width:768px){.searchForm{max-width:708px;min-height:222px;flex-direction:column}.searchForm__container{margin-top:60px;max-width:708px}.searchForm__input{max-width:708px;padding-left:18px}.searchForm__error{max-width:708px}.searchForm__filter{max-width:708px;margin:38px auto 57px;justify-content:center;grid-gap:12px;gap:12px}}@media (max-width:720px){.searchForm{min-height:216px}.searchForm,.searchForm__container{max-width:540px}.searchForm__input{max-width:540px;font-size:11px;padding-left:26px}.searchForm__error{max-width:540px}.searchForm__filter{max-width:540px;min-height:18px;margin-top:45px;margin-bottom:44px;grid-gap:13px;gap:13px}}@media (max-width:560px){.searchForm,.searchForm__container{max-width:292px}.searchForm__error,.searchForm__input{max-width:300px}.searchForm__filter{max-width:292px}}@-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{display:flex;align-items:center;justify-content:center;width:100%;height:100%;z-index:10;padding:20px}.preloader__container{width:100px;height:100px;position:relative}.preloader__round{background:#ff6838}.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;-webkit-animation:preloader-inside-white 1s ease-in-out infinite;animation:preloader-inside-white 1s ease-in-out infinite}.preloader__round:before{z-index:10;background:#ff6838;-webkit-animation:preloader-inside-red 1s ease-in-out infinite;animation:preloader-inside-red 1s ease-in-out infinite}.movies{margin:0 auto}.movies__cards{margin:70px auto 10px;padding:0;max-width:1140px;list-style:none}.movies__error{color:#ee3465}.movies__error,.movies__nothing{font-weight:400;font-size:12px;line-height:14px;text-align:center}.movies__nothing{color:#fff}.movies__more{margin:0 auto;max-width:320px;min-height:166px;width:100%}.movies__button{margin:50px auto 80px;padding:0;width:320px;height:36px;width:100%;color:#fff;background-color:#2f2f2f;border:none;border-radius:6px;text-align:center;cursor:pointer;font-weight:500;font-size:12px;line-height:16px}.movies__button:hover{opacity:.8;transition:1s}@media (max-width:768px){.movies{max-width:768px}.movies__cards{margin-top:60px;margin-bottom:30px;max-width:708px}}@media (max-width:560px){.movies,.movies__cards{max-width:320px}.movies__cards{margin-top:40px;margin-bottom:20px;padding:0}.movies__more{max-width:240px}.movies__button{width:240px}}.card{margin:40px auto 0;max-width:1140px;min-height:134px;display:flex;justify-content:space-between;background-color:#2f2f2f;list-style:none}.card__description{margin:22px auto 30px 22px;max-width:400px;min-height:48px}.card__name{margin:0;font-weight:500;font-size:18px;line-height:22px;color:#fff}.card__time{margin:13px auto 30px;font-weight:400;font-size:11px;line-height:13px;color:#8b8b8b}.card__like{width:14px;height:12px;margin:0 auto 22px 22px;padding:0;background-image:url(/static/media/like.68557e25.svg);background-repeat:no-repeat;background-color:#2f2f2f;border:none;cursor:pointer}.card__like:hover{opacity:1%;transition:1s}.card__like_active{background-image:url(/static/media/likeRed.4160c7e0.svg)}.card__delete{width:14px;height:12px;margin:0 auto 22px 22px;padding:0;background-image:url(/static/media/deleteLike.e17e65a3.svg);background-repeat:no-repeat;background-color:#2f2f2f;border:none;cursor:pointer}.card__link{margin:6px;max-height:122px;height:100%}.card__image,.card__link{max-width:220px;width:100%}.card__image{height:122px}@media (max-width:1220px){.card{max-width:1000px}}@media (max-width:1020px){.card{max-width:800px}}@media (max-width:820px){.card{max-width:768px}}@media (max-width:720px){.card{margin-top:20px;max-width:300px;min-height:232px;flex-direction:column-reverse}.card__content{display:grid;grid-template-columns:228px 14px;grid-gap:30px;gap:30px}.card__description{margin-top:14px;margin-bottom:14px;margin-left:12px;max-width:228px;min-height:36px;width:100%}.card__name{font-size:12px;line-height:15px}.card__time{margin-top:8px;margin-bottom:0}.card__delete,.card__like{margin:14px 0 0}.card__link{margin:0}.card__image,.card__link{max-width:300px;min-height:168px}}.popup{display:flex;justify-content:center;align-items:center;height:100%;top:0;left:0;bottom:0;right:0;background-color:#202020}.popup__content{max-width:396px;min-height:560px;width:100%;text-align:left}.popup__logo{margin:70px auto 40px}.popup__title{max-width:396px;min-height:29px;margin:0 auto 40px;font-weight:500;font-size:24px;line-height:29px;color:#fff}.popup__form{display:flex;min-height:413px;flex-direction:column;justify-content:space-between}.popup__list{height:69px}.popup__label{display:block;max-width:396px;min-height:12px;font-weight:400;font-size:10px;line-height:12px;color:#8b8b8b}.popup__input{min-height:17px;width:100%;margin:0;padding:5px 0 10px;font-weight:400;font-size:14px;line-height:17px;color:#fff;background-color:#202020;border:none;border-bottom:1px solid #424242}.popup__input:focus{outline:none}.popup__input_password{min-height:17px;width:100%;padding:5px 0 10px;font-weight:400;font-size:14px;line-height:17px;background-color:#202020;border:none;border-bottom:1px solid #424242}.popup__input_password:focus{outline:none}.popup__error{max-width:390px;min-height:12px;margin:0;padding-top:6px;font-weight:400;font-size:11px;line-height:10px;color:#ee3465;display:block;text-align:left}.popup__save{min-height:45px;width:100%;margin:0 auto;padding:0;border:none;border-radius:3px;color:#c2c2c2;font-weight:500;font-size:14px;line-height:17px;background-color:#f8f8f8;cursor:pointer}.popup__save_active{color:#fff;background-color:#4285f4}.popup__save_active :hover{opacity:1%;transition:1s}.popup__span{display:flex;justify-content:center;align-items:center;min-height:17px;margin-top:16px;grid-gap:6px;gap:6px;font-weight:400;font-size:14px;line-height:17px}.popup__text{color:#8b8b8b;cursor:default}.popup__enter{color:#4285f4}.popup__enter:hover{opacity:.8;transition:1s}@media (max-width:768px){.popup__logo{margin-top:232px}}@media (max-width:560px){.popup__content{max-width:260px;min-height:777px;width:100%;text-align:center}.popup__logo{margin-top:56px;margin-bottom:50px}.popup__title{max-width:260px;margin-bottom:80px}.popup__form{min-height:497px}.popup__label{max-width:260px;text-align:left}.popup__save,.popup__span{font-size:12px;line-height:15px}.popup__span{min-height:15px;margin-top:14px;grid-gap:7px;gap:7px}}.profile{display:flex;justify-content:center;align-items:center;height:100%;top:0;left:0;bottom:0;right:0;background-color:#202020}.profile__content{max-width:410px;min-height:482px;margin-top:59px;width:100%;text-align:center}.profile__title{max-width:204px;min-height:29px;margin:0 auto 123px;font-weight:500;font-size:24px;line-height:29px;color:#fff}.profile__form{display:flex;min-height:330px;flex-direction:column;justify-content:space-between}.profile__info{display:flex;min-height:14px}.profile__label{position:absolute;display:inline;max-width:410px;text-align:left;font-weight:500}.profile__input,.profile__label{min-height:14px;font-size:11px;line-height:14px;color:#fff}.profile__input{width:100%;padding:0;text-align:right;font-weight:400;background-color:#202020;border:none}.popup-profile__line{margin:16px 0;max-width:410px;border:1px solid #424242}.profile__error{min-height:220px;height:100%;line-height:14px;color:#ee3465}.profile__error,.profile__success{max-width:410px;display:flex;flex-direction:column;justify-content:flex-end;font-weight:400;font-size:11px;text-align:center}.profile__success{min-height:12px;margin:0 auto 20px;line-height:10px;color:#fff}.profile__text{margin:0;padding:0}.profile__save{min-height:16px;width:100%;margin:20px auto 16px;padding:0;border:none;color:#c2c2c2;font-weight:400;font-size:13px;line-height:16px;background-color:#202020}.profile__save_active{color:#fff;cursor:pointer}.profile__save_active:hover{opacity:.8;transition:1s}.profile__exit{min-height:16px;width:100%;margin:0 auto;padding:0;color:#ee3465;font-weight:500;font-size:13px;line-height:16px;text-align:center;text-decoration:none;cursor:pointer}.profile__exit:hover{opacity:.8;transition:1s}@media (max-width:768px){.profile__content{min-height:445px;margin-top:236px}.profile__title{margin-bottom:96px}.profile__form{min-height:320px}.profile__line{margin-bottom:17px}}@media (max-width:560px){.profile__content{max-width:260px;min-height:596px;margin-top:70px}.profile__title{margin-bottom:80px}.profile__form{min-height:487px}.popup-profile__line{max-width:260px}.profile__exit,.profile__save{min-height:15px;font-size:12px;line-height:15px}}.error{display:flex;justify-content:center;align-items:center;height:100%;top:0;left:0;bottom:0;right:0;background-color:#202020}.error__content{display:flex;flex-direction:column;justify-content:space-between;max-width:400px;min-height:394px;margin-top:246px;width:100%;text-align:center}.error__info{min-height:193px}.error__title{min-height:169px;margin:0 auto;font-size:140px;line-height:169px}.error__text,.error__title{max-width:400px;font-weight:400;color:#fff}.error__text{min-height:19px;margin:5px auto 0;font-size:16px;line-height:19px}.error__back{max-width:42px;min-height:17px;width:100%;font-weight:400;font-size:14px;line-height:17px;text-decoration:none;color:#4285f4;cursor:pointer}@media (max-width:768px){.error__content{max-width:400px;margin-top:408px}}@media (max-width:560px){.error__content{max-width:300px;min-height:421px;margin-top:329px}.error__info{min-height:122px}.error__title{max-width:300px;min-height:97px;font-size:80px;line-height:97px}.error__text{max-width:300px;margin-top:10px}.error__back,.error__text{min-height:15px;font-size:12px;line-height:15px}.error__back{max-width:36px}}
/*# sourceMappingURL=main.031fc6b0.chunk.css.map */