/*! 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-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/static/media/Inter-Regular.26a30a5f1103393aac70.woff2) format("woff2"),url(/static/media/Inter-Regular.e148c4a1158f8cee8285.woff) format("woff")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(/static/media/Inter-Medium.d0a58d956cf2f4cf078f.woff2) format("woff2"),url(/static/media/Inter-Medium.eec0ea57721daa33c7a2.woff) format("woff")}@font-face{font-display:swap;font-family:Inter;font-style:bold;font-weight:900;src:url(/static/media/Inter-Black.768169b1912340d378ac.woff2) format("woff2"),url(/static/media/Inter-Black.7bb6234314ccc72c942a.woff) format("woff")}.page{background-color:#000;font-family:Inter,Arial,Helvetica,sans-serif;margin:0 auto;min-height:100vh;min-width:320px}.header{border-bottom:1px solid rgba(84,84,84,.7);box-sizing:border-box;display:flex;justify-content:space-between;margin:auto;max-width:880px;padding-top:45px}@media screen and (max-width:940px){.header{max-width:90vw}}@media screen and (max-width:767px){.header{padding-top:28px}}@media screen and (max-width:320px){.header{max-width:320px;padding-left:27px;padding-right:27px}}.header__logo{box-sizing:border-box;height:33px;margin-bottom:41px;transition:opacity 1s linear .1s;width:142px}.header__logo:hover{opacity:.8}@media screen and (max-width:767px){.header__logo{height:24.4px;margin-bottom:31.6px;width:103.74px}}.header__link{color:#fff;font-size:18px;font-style:normal;font-weight:400;line-height:22px;margin-top:6px;text-align:right;text-decoration:none;transition:opacity 1s linear .1s}.header__link:hover{opacity:.8}@media screen and (max-width:767px){.header__link{font-size:14px;line-height:17px}}.header__email{color:#fff;font-size:18px;font-weight:500;line-height:22px;margin-right:24px;margin-top:6px}@media screen and (max-width:767px){.header__email{display:none}}.header__auth{display:flex;margin:10px 0 0}@media screen and (max-width:767px){.header__auth{margin-top:0}}.header__burger{border:none;box-sizing:border-box;cursor:pointer;display:flex;height:30px;margin:0;outline:none;padding:0;transition:opacity 1s linear .1s;width:30px}.header__burger:hover{opacity:.6}@media screen and (min-width:768px){.header__burger{display:none}}@media screen and (max-width:320px){.header__burger{margin-right:30px}}.header__img{background-color:#000;height:100%;width:100%}.header__logout{background:none;border:none;color:#a9a9a9;cursor:pointer;font-size:18px;font-weight:400;line-height:22px;margin-top:6px;outline:none;padding:0;text-decoration:none;transition:opacity 1s linear .1s}.header__logout:hover{opacity:.6}@media screen and (max-width:767px){.header__logout{display:none}}.burger{align-items:center;border-bottom:1px solid rgba(84,84,84,.7);display:flex;flex-direction:column;justify-content:center;margin:auto;max-width:880px;padding:40px 0}@media screen and (max-width:940px){.burger{max-width:90vw}}@media (min-width:768px){.burger{display:none}}@media screen and (max-width:320px){.burger{max-width:320px;padding:40px 0}}.burger__logout{background:none;border:none;box-sizing:border-box;color:#a9a9a9;cursor:pointer;font-size:18px;font-weight:400;line-height:22px;margin:0;outline:none;padding:0;text-decoration:none;transition:opacity 1s linear .1s}.burger__logout:hover{opacity:.6}.burger__email{color:#fff;font-size:18px;font-weight:500;line-height:22px;margin:0 0 18px}.profile{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:880px;padding-top:40px;width:100%}@media screen and (max-width:940px){.profile{max-width:90vw;padding-left:27px;padding-right:27px}}@media screen and (max-width:767px){.profile{flex-direction:column;max-width:282px;padding-left:19px;padding-right:19px;padding-top:42px}}.profile__left{align-items:center;display:flex;justify-content:flex-start}@media screen and (max-width:767px){.profile__left{flex-direction:column}}.profile__overlay{border-radius:50%;max-height:120px;max-width:120px;position:relative}.profile__overlay:after{background:rgba(0,0,0,.8);background-image:url(/static/media/pan.8667ac4a523e8fc42e59.svg);background-position:50%;background-repeat:no-repeat;background-size:26px;content:"";cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity 1s linear .1s;width:100%}.profile__overlay:hover:after{opacity:1}.profile__avatar{border-radius:50%;height:120px;object-fit:cover;width:120px}.profile__avatar:hover{opacity:.8}.profile__info{grid-column-gap:18px;grid-row-gap:16px;align-items:center;-webkit-column-gap:18px;column-gap:18px;display:grid;grid-template-areas:"name button" "description description";grid-template-columns:1fr 24px;grid-template-rows:repeat(2,-webkit-max-content);grid-template-rows:repeat(2,max-content);padding-left:30px;row-gap:16px}@media screen and (max-width:940px){.profile__info{grid-template-columns:280px 24px}}@media screen and (max-width:767px){.profile__info{grid-template-columns:1fr 18px;padding-bottom:36px;padding-left:0;padding-top:22.25px}}.profile__name{color:#fff;font-size:42px;font-weight:500;grid-area:name;line-height:114%;margin:0;max-width:450px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (max-width:940px){.profile__name{font-size:38px;max-width:380px}}@media screen and (max-width:767px){.profile__name{font-size:27px;line-height:1.22}}.profile__description{color:#fff;font-size:18px;font-weight:400;grid-area:description;line-height:1.21;margin:0;max-width:450px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (max-width:940px){.profile__description{font-size:16px;max-width:380px}}@media screen and (max-width:767px){.profile__description{font-size:14px;text-align:center}}.profile__edit-button{background:transparent;background-image:url(/static/media/pan.8667ac4a523e8fc42e59.svg);background-position:50%;background-repeat:no-repeat;border:1px solid #fff;box-sizing:border-box;cursor:pointer;grid-area:button;margin:0;min-height:24px;min-width:24px;outline:none;padding:0;transition:opacity 1s linear .1s}.profile__edit-button:hover{opacity:.6}@media screen and (max-width:767px){.profile__edit-button{min-height:18px;min-width:18px}}.profile__add-button{background:transparent;background-image:url(/static/media/plus.d86bb2edc2f6eadb96b7.svg);background-position:50%;background-repeat:no-repeat;background-size:22px;border:2px solid #fff;border-radius:2px;box-sizing:border-box;color:#fff;cursor:pointer;height:50px;margin:0;outline:none;padding:0;transition:opacity 1s linear .1s;width:150px}.profile__add-button:hover{opacity:.6}@media screen and (max-width:767px){.profile__add-button{background-size:16px;width:282px}}.elements{grid-column-gap:17px;grid-row-gap:20px;-webkit-column-gap:17px;column-gap:17px;display:grid;grid-template-columns:repeat(auto-fill,282px);margin:0 auto;max-width:880px;padding-left:0;padding-top:50px;row-gap:20px}@media screen and (max-width:940px){.elements{max-width:581px}}@media screen and (max-width:767px){.elements{display:flex;flex-direction:column;justify-content:flex-start;max-width:282px;padding-left:19px;padding-right:19px;row-gap:0}}.element{background-color:#fff;border-radius:10px;display:flex;flex-direction:column;justify-content:flex-start;position:relative}@media screen and (max-width:767px){.element{margin-bottom:20px;max-width:282px}.element:last-child{margin-bottom:0}}.element__img{border-radius:10px 10px 0 0;height:282px;max-width:100%;object-fit:cover;object-position:center;overflow:hidden;width:100%}@media screen and (max-width:320px){.element__img{width:282px}}.element__bottom{display:flex;justify-content:space-between}.element__title{color:#000;font-size:24px;font-weight:900;line-height:1.21;margin:25px 0 30px 21px;max-width:185px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (max-width:940px){.element__title{max-width:200px}}@media screen and (max-width:767px){.element__title{max-width:190px}}.element__likes{display:flex;flex-direction:column;margin:22px 20px 22px 0}.element__like{background-color:initial;background-image:url(/static/media/like.87ed371465c7a6a1cd01.svg);background-repeat:no-repeat;background-size:cover;border:none;cursor:pointer;height:19px;margin:0 0 3px;outline:none;padding:0;transition:opacity 1s linear .1s;width:22px}.element__like:hover{opacity:.5}.element__like_status_active{background-image:url(/static/media/Union.e787eeb70bb65b7b453a.svg)}.element__counter{color:#000;font-size:13px;font-weight:400;line-height:16px;margin:0;text-align:center}.element__trash{background-color:initial;background-image:url(/static/media/Trash.a274c87c0f6b553b47ad.svg);background-repeat:no-repeat;background-size:cover;border:none;cursor:pointer;height:19.3px;margin:0;outline:none;padding:0;position:absolute;right:15px;top:18px;transition:opacity 1s linear .1s;visibility:hidden;width:18px}.element__trash:hover{opacity:.5}.element__trash_visible{visibility:inherit}.footer{margin:0 auto;max-width:880px;padding-bottom:60px;padding-top:66px}@media screen and (max-width:940px){.footer{max-width:90vw;padding-bottom:40px;padding-top:50px}}@media screen and (max-width:320px){.footer{max-width:282px;padding-bottom:36px;padding-top:48px}}.footer__copyright{color:#545454;font-size:18px;font-weight:400;line-height:1.22;margin:0}@media screen and (max-width:767px){.footer__copyright{font-size:14px;line-height:1.21}}.popup{align-items:center;background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;margin:auto;opacity:0;position:fixed;right:0;top:0;transition:.6s ease;visibility:hidden}.popup_opened{display:flex;opacity:1;visibility:visible}.popup_lightbox{background-color:rgba(0,0,0,.9)}.popup__container{align-items:space-between;background:#fff;border-radius:10px;box-shadow:0 0 25px rgba(0,0,0,.15);box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding-left:36px;position:relative;width:430px}@media screen and (max-width:767px){.popup__container{align-items:center;max-width:282px;padding-left:22px;padding-right:22px;width:100%}}.popup__container_tooltip{padding-left:36px;padding-right:36px}@media screen and (max-width:767px){.popup__container_tooltip{padding-left:18px;padding-right:18px}}.popup__close{background-color:initial;background-image:url(/static/media/Close-Icon.61b629a4dc3574160af9.svg);background-repeat:no-repeat;background-size:cover;border:none;cursor:pointer;height:40px;margin:0;outline:none;padding:0;position:absolute;right:-40px;top:-40px;transition:opacity 1s linear .1s;width:40px}.popup__close:hover{opacity:.6}@media screen and (max-width:767px){.popup__close{background-image:url(/static/media/Close-Icon_mobile.81d0f6a6ee1da3d7d7d2.svg);height:26px;right:0;width:26px}}.popup__title{color:#000;font-size:24px;font-weight:900;line-height:1.2;margin:34px 0 54px}@media screen and (max-width:767px){.popup__title{font-size:18px;margin:25px 0 75px}}.popup__title_tooltip{display:none}.popup__input{border:none;border-bottom:1px solid rgba(0,0,0,.2);font-family:Inter,Arial,Helvetica,sans-serif;font-size:14px;height:27px;line-height:1.2;width:358px}.popup__input:focus{background:transparent;outline:none}@media screen and (max-width:767px){.popup__input{width:238px}}.popup__input_type_error{border-bottom:1px solid red;margin-bottom:0}.popup__submit-button{background:#000;border-radius:2px;color:#fff;cursor:pointer;font-size:18px;font-weight:400;height:50px;line-height:1.22;margin-bottom:37px;margin-top:18px;outline:none;text-align:center;transition:opacity 1s linear .1s;width:358px}.popup__submit-button:hover{opacity:.8}@media screen and (max-width:767px){.popup__submit-button{font-size:14px;height:46px;line-height:1.21;margin-bottom:25px;margin-top:15px;width:238px}}.popup__submit-button_tooltip{display:none}.popup__submit-button_disabled{background:#fff;border:1px solid #000;color:#000;opacity:.2}.popup__submit-button:hover{opacity:.2}.popup__figure{margin:0;position:relative}.popup__figcaption{color:#fff;font-size:12px;font-weight:400;line-height:15px}.popup__photo{border-radius:0;max-height:75vh;max-width:75vw;padding-bottom:10px}.popup__error{color:red;display:none;font-size:12px;font-weight:400;line-height:15px;margin-top:5px;min-height:30px}.popup__error_visible{display:block}.popup__tooltip-img{display:flex;margin:60px auto 32px;width:120px}@media screen and (max-width:767px){.popup__tooltip-img{margin-top:50px}}.popup__tooltip-info{color:#000;font-size:24px;font-weight:900;line-height:29px;margin:32px auto 60px;text-align:center}@media screen and (max-width:767px){.popup__tooltip-info{font-size:20px;line-height:24px;margin-bottom:50px}}.auth{display:flex;flex-direction:column;margin:0 auto;max-width:1280px}.auth__title{color:#fff;font-size:24px;font-weight:900;line-height:29px;margin-bottom:50px;margin-top:60px;text-align:center}@media screen and (max-width:767px){.auth__title{margin-bottom:40px;margin-top:40px}}.auth__input{background:#000;border:none;border-bottom:2px solid #ccc;color:#ccc;font-size:14px;font-weight:400;height:27px;line-height:17px;margin-bottom:30px;width:358px}.auth__input:focus{outline:none}@media screen and (max-width:767px){.auth__input{width:238px}}.auth__form{align-items:center;display:flex;flex-direction:column}.auth__btn{background:#fff;border:none;border-radius:2px;color:#000;cursor:pointer;font-size:18px;font-weight:400;height:50px;line-height:22px;margin-top:186px;outline:none;text-align:center;transition:opacity 1s linear .1s;width:358px}.auth__btn:hover{opacity:.8}@media screen and (max-width:767px){.auth__btn{font-size:14px;height:46px;line-height:1.21;margin-bottom:20px;margin-top:173px;width:238px}}.auth__link{color:#fff;font-size:14px;font-weight:400;line-height:17px;margin-top:15px;text-align:center;text-decoration:none;transition:opacity 1s linear .1s}.auth__link:hover{opacity:.8}.preloader{align-items:center;box-sizing:border-box;display:flex;flex-grow:1;justify-content:center;margin:60px auto;max-width:882px;position:relative;width:100%}@media screen and (max-width:1140px){.preloader{width:calc(100% - 40px)}}.preloader__circle{-webkit-animation:spin .75s linear infinite;animation:spin .75s linear infinite;border-color:#d1d2d6 #9fa0a5 #626368 #1a1b22;border-radius:50%;border-style:solid;border-width:1px;bottom:0;display:block;height:74px;left:0;margin:auto;position:relative;right:0;top:0;width:74px}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.loading{box-sizing:border-box;color:#fff;font-family:Inter,Arial,sans-serif;font-size:50px;margin:0 auto;max-width:882px;padding:15px 0 36px;position:relative;text-align:center;width:100%}@media screen and (max-width:1140px){.loading{font-size:38px;width:calc(100% - 40px)}}@media screen and (max-width:568px){.loading{font-size:28px;padding:15px 0 18px}}
/*# sourceMappingURL=main.e956e9d0.css.map*/