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}.page{background-color:#000;margin:0 auto;max-width:1280px}.header{border-bottom:1px solid #545454;height:74px;margin:45px auto 0;max-width:880px;padding:0 19px;width:100%}.header__logo{width:173px}@media screen and (max-width:610px){.header__logo{width:126px}}.profile{align-items:center;display:grid;grid-template-columns:120px 1fr 150px;margin:0 auto;max-width:880px;padding:40px 19px 50px;width:100%}@media screen and (max-width:610px){.profile{grid-template-columns:280px;justify-content:center;justify-items:center}}.profile__avatar-container{border-radius:50%;display:flex;height:120px;overflow:hidden;position:relative;width:120px}.profile__avatar-container:after{background-color:rgba(0,0,0,.5);background-image:url(/around-react_es/static/media/edit.8667ac4a523e8fc42e59.svg);background-position:50%;background-repeat:no-repeat;background-size:26px;content:"";cursor:pointer;height:100%;opacity:0;position:absolute;transition:opacity .3s ease;width:100%}.profile__avatar-container:hover:after{opacity:1}.profile__avatar{height:100%;object-fit:cover;position:relative;width:100%}.profile__info{grid-gap:13px 18px;align-items:center;color:#fff;display:grid;gap:13px 18px;grid-template-columns:374px 24px;grid-template-rows:39px 22px;margin-left:30px}@media screen and (max-width:880px){.profile__info{gap:13px 5px;grid-template-columns:205px 24px}}@media screen and (max-width:610px){.profile__info{gap:13px 15px;grid-template-columns:205px 24px;justify-items:center;margin-left:0;margin-top:26px}}.profile__name{font-size:42px;font-weight:500;line-height:1.14;margin:0}@media screen and (max-width:880px){.profile__name{font-size:22px;font-weight:500;line-height:1.21;margin:0}}.profile__edit-button{align-items:center;background-color:initial;border:1px solid #fff;cursor:pointer;display:flex;height:24px;justify-content:center;transition:all .3s ease;width:24px}.profile__edit-button:hover{opacity:.6}@media screen and (max-width:880px){.profile__edit-button{height:18px;width:18px}}.profile__description{align-self:start;font-size:18px;font-weight:400;line-height:1.21}@media screen and (max-width:880px){.profile__description{font-size:14px;font-weight:400;line-height:1.21}}@media screen and (max-width:610px){.profile__description{grid-column:1/3}}.profile__add-button{background-color:initial;border:2px solid #fff;border-radius:2px;cursor:pointer;height:50px;transition:all .3s ease;width:150px}.profile__add-button:hover{opacity:.6}@media screen and (max-width:610px){.profile__add-button{margin-top:36px;max-width:100%;width:280px}}.cards-container{grid-gap:20px 17px;display:grid;gap:20px 17px;grid-template-columns:repeat(3,1fr);justify-content:center;list-style:none;margin:0 auto;max-width:880px;padding:0 10px;width:100%}@media screen and (max-width:880px){.cards-container{grid-template-columns:repeat(2,minmax(auto,282px))}}@media screen and (max-width:610px){.cards-container{grid-template-columns:repeat(1,282px);padding:0 19px}}.card{background-color:#fff;border-radius:10px;height:361px;max-width:100%;overflow:hidden;position:relative}.card__image{cursor:pointer;height:280px;object-fit:cover;width:100%}.card__footer{align-items:center;display:flex;height:79px;justify-content:space-between;padding:0 15px 0 21px;width:100%}.card__title{font-size:24px;font-weight:900;line-height:1.21;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card__like-container{align-items:center;display:flex;flex-direction:column;width:21px}.card__like-icon{background:url(/around-react_es/static/media/like.3826c074a1b94b101e38.svg) no-repeat 50%;background-color:initial;border:none;cursor:pointer;height:21px;min-width:21px;object-fit:contain;transition:all .3s ease}.card__like-icon:hover{opacity:.6}.card__like-number{display:none;font-size:13px;line-height:1.21;margin-top:3px}.card__like-number_visible{display:block}.card__like-icon_active{background:url(/around-react_es/static/media/like-active.226461bd64622361ffb2.svg) no-repeat 50%}.card__delete-icon{background-color:initial;background:url(/around-react_es/static/media/Trash.8cb59aa98088a1653f62.svg);border:none;cursor:pointer;display:none;height:19.3px;position:absolute;right:15px;top:18px;width:18px;z-index:2}.card__delete-icon:hover{opacity:.6}.card__delete-icon_visible{display:block}.popup{align-items:center;display:flex;justify-content:center;opacity:0;position:fixed;transition:visibility .4s,opacity .4s linear;visibility:hidden;z-index:-2}.popup,.popup:after{height:100%;left:0;top:0;width:100%}.popup:after{background-color:#000;content:"";opacity:.5;position:absolute;z-index:-1}.popup__container{background-color:#fff;border-radius:10px;padding:34px 36px;position:relative;width:430px}@media screen and (max-width:610px){.popup__container{height:322px;padding:25px 22px;width:282px}}.popup__close-icon{cursor:pointer;position:absolute;right:-40px;top:-40px;-webkit-transform:rotate(45deg);transform:rotate(45deg);transition:all .3s ease;width:40px}.popup__close-icon:hover{opacity:.6}@media screen and (max-width:610px){.popup__close-icon{right:0;width:26px}}.popup_opened{display:flex;opacity:1;transition:visibility .4s,opacity .4s linear;visibility:visible;z-index:3}.popup__image-container{position:absolute}.popup__image-title{color:#fff;font-size:12px;margin-top:10px}.popup__image{max-height:75vh;max-width:75vw;object-fit:cover}.form{display:flex;flex-direction:column;height:100%}.form__title{font-size:24px;font-weight:900;line-height:1.21;margin-bottom:25px}@media screen and (max-width:610px){.form__title{font-size:18px;margin-bottom:30px}}.form__label{display:flex;flex-direction:column;margin-top:29px}.form__label:last-of-type{margin-bottom:35px}.form__input{border:none;border-bottom:1px solid #ccc;font-size:14px;font-weight:400;line-height:1.21;outline:none;padding-bottom:13px}@media screen and (max-width:610px){.form__input{padding-bottom:9px}}.form__input_type_error{border-bottom:1px solid red}.form__input-error{color:red;display:none;font-size:12px;line-height:1.21;padding-top:6px}.form__input-error_visible{display:block}.form__button{background-color:#000;border-radius:2px;color:#fff;cursor:pointer;font-size:18px;height:50px;line-height:1.21;margin-top:13px;transition:opacity .3s ease}.form__button:hover{opacity:.8}@media screen and (max-width:610px){.form__button{font-size:14px}}.form__button_disabled{background-color:initial;color:#000;cursor:default;opacity:.2;pointer-events:none}.form__button_disabled:hover{opacity:.2}.footer{margin:0 auto;max-width:880px;padding:68px 19px 60px;width:100%}.footer__copy{color:#545454;font-size:18px;font-weight:400;line-height:1.21}@media screen and (max-width:610px){.footer__copy{font-size:14px}}body{background-color:#000;font-family:Inter,sans-serif}*{box-sizing:border-box;margin:0;padding:0}
/*# sourceMappingURL=main.f5899424.css.map*/