/*! 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(/web_project_around_react/static/media/Inter-Regular.76224c7fa303861462e7.woff2) format("woff2")}@font-face{font-family:Inter;src:url(/web_project_around_react/static/media/Inter-Medium.9c1163dc5cc2a1c9b55b.woff2) format("woff2")}@font-face{font-family:Inter;font-weight:700;src:url(/web_project_around_react/static/media/Inter-Bold.c3c9f10a4dbfc7314a59.woff2) format("woff2")}.header{margin:0 auto;width:880px}.header__logo{padding-top:5%}#line{margin-top:4%;width:880px}@media screen and (min-width:721px) and (max-width:900px){.header{width:721px}#line{margin-top:4%;width:720px}.header__logo{padding-left:6%;padding-top:5%}}@media screen and (max-width:720px){.header{width:100%}#line{margin-top:4%;width:700px}.header__logo{padding-left:6%;padding-top:5%}}@media screen and (max-width:700px){.header{width:100%}#line{margin-top:4%;width:549px}.header__logo{padding-left:5%;padding-top:5%}}@media screen and (max-width:550px){.header{width:450px}#line{margin-top:4%;width:400px}}@media screen and (max-width:460px){.header{width:400px}#line{margin-top:4%;width:350px}}@media screen and (max-width:459px) and (min-width:320px){.header{width:320px}#line{margin-top:4%;width:317px}.header__logo{height:24px;width:126px}}.page{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;color:#fff;font-family:Inter,Arial,sans-serif;margin:0 auto}.page,body{background-color:#000}.profile{align-items:center;display:flex;font-family:Inter,Arial,sans-serif;justify-content:space-between;margin:0 auto;padding-bottom:4%;padding-top:2.5%;width:880px}.profile__info{grid-gap:20px;align-items:baseline;display:grid;gap:20px;grid-template-areas:"title edit" "subtitle.";grid-template-columns:380px 24px;grid-template-rows:39px 22px;padding-top:22px}.profile__column{display:flex}.profile__title{font-family:Inter;font-size:42px;font-weight:500;grid-area:title}.profile__subtitle,.profile__title{line-height:1.15;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile__subtitle{font-size:18px;font-weight:400;grid-area:subtitle}.profile__image{border-radius:100%;height:120px;margin-right:5%;object-fit:cover;transition:opacity .5s ease;width:120px}.profile__image:hover{cursor:pointer;opacity:.25;transition:opacity .5s ease}.profile__image-wrapper{background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;height:120px;overflow:hidden;position:relative;transition:opacity .5s ease;width:120px}.profile__image-wrapper:hover .profile__image-switch-button{cursor:pointer;opacity:.9;transition:opacity .5s ease}.profile__image-switch-button{background-color:initial;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB9SURBVHgB7dbBCYAwDAXQ4ASO4CiO4AgdwQ10BDfqKBklpjRCKIiXfLzkQyi95PHppUSAiMiiU9tJqBjC0sMQbEAEgr0gTypF5AOJaZRIIokkksifiEEFjjjsRDY5/DKHxTaxhTxgezSyQt/CMuls7j7rFEJE+kfvas0ImBsR7skYWCY75QAAAABJRU5ErkJggg==);background-repeat:no-repeat;border:0;height:26px;left:47px;opacity:0;position:absolute;top:48px;transition:opacity .5s ease;width:26px}.profile__add-button{background-color:#000;height:50px;width:150px}.profile__add-button-image{height:22px;margin-left:auto;padding-top:3%;width:22px}.profile__edit-button-image{align-self:self-end;background-color:#000;grid-area:edit;height:24px;padding-bottom:2%;width:24px}.profile__add-button:hover{cursor:pointer;opacity:.7}.profile__edit-button{align-self:self-end;background-color:#000;border:0;grid-area:edit;height:24px;padding-bottom:2%;width:24px}.profile__edit-button:hover{cursor:pointer;opacity:.7}@media screen and (max-width:920px) and (min-width:800px){.profile{width:800px}.profile__add-button{height:50px;margin-left:1%;margin-right:5%;width:150px}.profile__image{margin-right:3.5%}.profile__info{gap:10px}}@media screen and (min-width:320px) and (max-width:799px){.profile{width:282px}.profile,.profile__column{align-items:center;display:flex;flex-direction:column}.profile__add-button{height:50px;width:282px}.profile__add-button-image{height:22px;margin-left:6%;margin-right:6%;padding-top:2%;width:22px}.profile__edit-button-image{height:20px;margin-bottom:2px;padding-bottom:2%;width:20px}.profile__edit-button{height:20px;padding-bottom:3%;width:20px}.profile__info{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;padding-bottom:6%}.profile__title{font-size:22px;font-weight:500;line-height:27px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:201px}.profile__subtitle{font-size:14px;font-weight:400;line-height:22px;margin:0;text-align:center}}.cards{margin:0 auto;padding-right:8%;width:880px}.cards__item{display:flex;flex-direction:column;position:relative}.cards__content{column-gap:15px;display:flex;flex-wrap:wrap;list-style-type:none;row-gap:15px;width:100%}.cards__image{border-top-left-radius:20px 20px;border-top-right-radius:20px 20px;height:282px;width:282px}.cards__trash-button{background-color:initial;border:0;height:19px;position:absolute;right:7px;top:7px;width:18px}.card__trash-button_hidden{visibility:hidden}.card__trash-button_visible{background-color:initial;border:0;height:19px;position:absolute;right:20px;top:15px;visibility:visible;width:18px}.cards__trash-button:hover{cursor:pointer;opacity:.7}.cards__hearth-button{background-color:initial;background-image:url(/web_project_around_react/static/media/like.99043841e8bec6b9df21.svg);background-repeat:no-repeat;border:none;margin-right:21px;margin-top:4px;padding-left:5.5%;width:21px}.cards__hearth-button:hover{cursor:pointer;opacity:.7}.cards__hearth-counter{bottom:7px;color:#000;display:flex;font-size:14px;padding-left:6px;position:absolute;right:27px}.cards__hearth-button_active{background-color:initial;background-image:url(/web_project_around_react/static/media/Union.f8482d28867cec189b08.svg);background-repeat:no-repeat;margin-right:21px;margin-top:4px;transition:.3s;width:21px}.cards__image-info{background-color:#fff;border-bottom-left-radius:20px 20px;border-bottom-right-radius:20px 20px;display:flex;height:40px;justify-content:space-between;margin:0 auto;padding-bottom:3%;padding-top:6%;width:282px}.cards__image-text{color:#000;font-size:24px;font-weight:700;line-height:1.15;margin:0 15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (max-width:950px) and (min-width:800px){.cards{padding-right:1%;width:650px}.cards__content{margin-top:8.5%}}@media screen and (max-width:799px) and (min-width:723px){.cards{padding-right:1%;width:650px}.cards__content{margin-top:8.5%}}@media screen and (max-width:722px) and (min-width:650px){.cards{padding-right:0;width:650px}.cards__content{margin-top:8.5%;width:600px}}@media screen and (max-width:649px) and (min-width:300px){.cards{padding-right:2%;width:282px}.cards__content{display:flex;list-style-type:none;padding-left:2%;width:100%}.cards__hearth-counter{right:30px}}.footer{font-size:18px;margin-left:17.5%;padding-bottom:2%;padding-top:3%;width:318px}.footer__copyright{color:#545454;font-family:Inter,Arial,sans-serif;font-weight:400;line-height:1.15}@media screen and (max-width:900px) and (min-width:800px){.footer{margin-left:14%;width:318px}}@media screen and (max-width:799px) and (min-width:650px){.footer{margin-left:9%;width:318px}}@media screen and (max-width:459px) and (min-width:320px){.footer{margin-left:8.5%;width:290px}}.popup__button-cross{background-color:initial;border:0;height:40px;position:absolute;right:-30px;top:-33px;width:40px}.popup__button-cross:hover{cursor:pointer;opacity:.7}.form{background-color:#fff;border-radius:3%;height:330px;margin:0 auto;position:relative;width:430px}.avatar__form{height:260px}.confirmation__form{height:180px}.popup__title{color:#000;font-family:Inter;font-size:24px;line-height:1.15;margin-bottom:2%;margin-top:6%;padding-left:5%}.popup__form-fieldset{border:0;display:flex;flex-direction:column;gap:20px}.popup__form-input{border:0;border-bottom:1px solid gray;box-sizing:border-box;height:35px;margin:0 auto;width:358px}.popup__form-input_invalid{border-bottom:1px solid red}.form__error{bottom:15px;font-size:12px;height:2px;left:20px;position:relative;width:90%}.form__error-active{color:red}.popup__form-button,.popup__form-button-create{background-color:#000;color:#fff;font-size:18px;font-weight:500;height:50px;margin:0 auto;width:358px}.popup__form-button:hover{cursor:pointer;opacity:.6}.popup__form-button_disabled{background-color:#f5f5f5;border:1px solid #887c7c;color:gray;pointer-events:none}@media screen and (max-width:649px) and (min-width:320px){.form{background-color:#fff;height:322px;width:282px}.avatar__form{height:260px;width:282px}.confirmation__form{height:170px}.popup__form-button{height:46px;margin:0 auto;width:238px}.popup__form-input{font-size:14px;height:46px;width:238px}.popup__title{font-size:18px;margin-top:10%;padding-left:3%}.popup__button-cross{height:30px;position:absolute;right:-12px;top:-33px;width:30px}.form__error{left:8px}}@media screen and (max-width:1440px){.popup{opacity:0;position:fixed;transition:all .4s ease-in-out;visibility:hidden;z-index:3}.popup__overlay{background-color:#00000080;bottom:0;height:100vh;left:0;position:fixed;right:0;top:0;width:100vw}.popup__container{left:50%;position:fixed;top:53%;transform:translate(-50%,-50%)}.popup_opened{opacity:1;visibility:visible}.popup__image-container{display:flex;left:50%;position:fixed;top:53%;transform:translate(-50%,-50%)}.popup__image-container-group{display:flex;flex-direction:column;margin:auto}.popup__image-button-cross{background-color:initial;border:0;cursor:pointer;height:40px;position:absolute;right:-30px;top:-33px;width:40px}.popup__image-button-cross:hover{cursor:pointer;opacity:.7}.popup__image-big{height:460px;width:433px}.popup__image-title{color:#fff;font-family:Inter,sans-serif;font-size:12px;font-weight:400;line-height:1.15}}@media screen and (max-width:1280px){.popup__container{left:50%;position:fixed;top:34%;transform:translate(-50%,-50%)}}@media screen and (max-width:649px) and (min-width:320px){.popup__container{width:282px}.popup__image-container{width:240px}.popup__image-big{height:299px;width:285px}.popup__image-button-cross{height:30px;position:absolute;right:-12px;top:-33px;width:30px}}
/*# sourceMappingURL=main.97ec3fd7.css.map*/