/*! 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;src:url(/web_project_around_react/static/media/InterVariable.a0e477f2f1f9d2376fde.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:italic;src:url(/web_project_around_react/static/media/InterVariable-Italic.e295f70fe3e2df296c7b.woff2) format("woff2")}.card{background-color:#fff;border-radius:10px;box-shadow:0 0 25px 0 #00000026;box-sizing:border-box;display:flex;flex-direction:column;gap:25px;height:361px;justify-content:flex-start;position:relative;width:282px}.card__delete-button{align-self:flex-end;background-color:initial;background-image:url(/web_project_around_react/static/media/Trash.8cb59aa98088a1653f62.svg);background-repeat:no-repeat;background-size:cover;border:0;box-sizing:border-box;cursor:pointer;height:19.3px;margin-right:15px;margin-top:18px;padding:0;position:absolute;width:18px;z-index:2}.card__delete-button:hover{opacity:60%}.card__image-link{background-color:initial;border:0;cursor:pointer;margin:0;padding:0}.card__image{border-radius:10px 10px 0 0;height:282px;object-fit:cover;width:282px}.card__tag{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;margin:0 auto;position:relative;vertical-align:middle;width:246px}.card__tag-title{font-family:Inter,Arial,sans-serif;font-size:24px;font-weight:900;line-height:29.05px;margin:0;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:225px}.card__tag-likes{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:3px;height:37px;justify-content:space-between;margin:0 auto;position:relative;width:246px;width:21px}.card__tag-like{background-color:initial;background-image:url(/web_project_around_react/static/media/Like.3826c074a1b94b101e38.svg);border:0;cursor:pointer;height:19px;margin:0;padding:0;transition:.3s;width:21px}.card__tag-like:hover{opacity:50%}.card__tag-like_liked{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAATCAYAAAB/TkaLAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACnSURBVHgBrZQBDYAgEEW/JjCCEYxgE41iA22gTYyADS6CNlBwx2ROFOHe9qeDvwdjDOCi1Ol1SGfn78jjeOitHz1UTumelecNzUuPnN65AnmKrrj96NheAd76LpjOSJWwlDL+ESXX2SDLZqQLZDl9NWTPtLX2SUg43LedKp7gIfZ6eYWGIkKsEMAfseJ+ECHiX0JLCf9DEyV8ExMe3s4UsYjQFc8IFB6xgsp/buxJeAAAAABJRU5ErkJggg==)}.card__tag-like-count{font-family:Inter;font-size:13px;font-weight:400;line-height:15.73px;margin:0;padding:0;text-align:center}.song__like{background:url(https://practicum-content.s3.us-west-1.amazonaws.com/web-code/dom/moved_heart.svg) 50% no-repeat;background-size:100%;border:none;cursor:pointer;height:15px;opacity:.5;position:absolute;right:10px;transition:.3s;width:15px}.song__like:hover{transform:scale(1.3)}.song__like_active{background:url(https://practicum-content.s3.us-west-1.amazonaws.com/web-code/dom/moved_heart-filled.svg) 50% no-repeat;opacity:1}.content{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;position:relative}.delete-popup{display:none}.delete-popup_opened{background-color:#00000080;height:100%;justify-content:center;max-width:1280px;top:0;width:100%}.delete-popup__container,.delete-popup_opened{align-items:center;box-sizing:border-box;display:flex;position:fixed;z-index:3}.delete-popup__container{background-color:#fff;border-radius:10px;box-shadow:0 0 25px 0 #00000026;flex-direction:column;height:181px;justify-content:flex-start;padding:34px 36px 0;top:calc(50vh - 90.5px);width:430px}.delete-popup__close-button{background-color:initial;background-image:url(/web_project_around_react/static/media/CloseIcon.910c81e7387e24f6f846.svg);background-repeat:no-repeat;background-size:cover;box-sizing:border-box;cursor:pointer;height:40px;padding:0;position:fixed;right:calc(50% - 264px);top:calc(50vh - 139.5px);width:40px}.delete-popup__close-button:hover{opacity:60%}.delete-popup__title{align-self:flex-start;color:#000;font-family:Inter,Arial,sans-serif;font-size:24px;font-weight:900;line-height:29.05px;margin:0 0 38px;padding:0;text-align:left}.delete-popup__form{margin-bottom:36px;width:100%}@media (min-width:320px){.delete-popup__container{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 0 25px 0 #00000026;box-sizing:border-box;display:flex;flex-direction:column;height:181px;justify-content:flex-start;padding:25px 22px 0;position:fixed;top:calc(50vh - 90.5px);width:282px;z-index:3}.delete-popup__close-button{background-color:initial;background-image:url(/web_project_around_react/static/media/CloseIcon.910c81e7387e24f6f846.svg);background-repeat:no-repeat;background-size:cover;border:0;box-sizing:border-box;height:26px;padding:0;position:fixed;right:calc(50% - 141px);top:calc(50vh - 140.5px);width:26px}.delete-popup__title{align-self:flex-start;color:#000;font-family:Inter,Arial,sans-serif;font-size:18px;font-weight:900;line-height:21.78px;margin:0 0 38px;padding:0;text-align:left}}@media (min-width:680px){.delete-popup__container{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 0 25px 0 #00000026;box-sizing:border-box;display:flex;flex-direction:column;height:181px;justify-content:flex-start;padding:34px 36px 0;position:fixed;top:calc(50vh - 90.5px);width:430px;z-index:3}.delete-popup__close-button{background-color:initial;background-image:url(/web_project_around_react/static/media/CloseIcon.910c81e7387e24f6f846.svg);background-repeat:no-repeat;background-size:cover;box-sizing:border-box;height:40px;padding:0;position:fixed;right:calc(50% - 264px);top:calc(50vh - 139.5px);width:40px}.delete-popup__title{align-self:flex-start;color:#000;font-family:Inter,Arial,sans-serif;font-size:24px;font-weight:900;line-height:29.05px;margin:0 0 38px;padding:0;text-align:left}}.edit-profile-pic-popup{display:none}.edit-profile-pic-popup_opened{background-color:#00000080;height:100%;justify-content:center;max-width:1280px;top:0;width:100%}.edit-profile-pic-popup__container,.edit-profile-pic-popup_opened{align-items:center;box-sizing:border-box;display:flex;position:fixed;z-index:3}.edit-profile-pic-popup__container{background-color:#fff;border-radius:10px;box-shadow:0 0 25px 0 #00000026;flex-direction:column;height:272px;justify-content:flex-start;padding:34px 36px 0;top:calc(50vh - 136px);width:430px}.edit-profile-pic-popup__close-button{background-color:initial;background-image:url(/web_project_around_react/static/media/CloseIcon.910c81e7387e24f6f846.svg);background-repeat:no-repeat;background-size:cover;box-sizing:border-box;cursor:pointer;height:40px;padding:0;position:fixed;right:calc(50% - 264px);top:calc(50vh - 185px);width:40px}.edit-profile-pic-popup__close-button:hover{opacity:60%}.edit-profile-pic-popup__title{align-self:flex-start;color:#000;font-family:Inter,Arial,sans-serif;font-size:24px;font-weight:900;line-height:29.05px;margin:0 0 54px;padding:0;text-align:left}.edit-profile-pic-popup__form{margin-bottom:436px;width:100%}@media (min-width:320px){.edit-profile-pic-popup__container{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 0 25px 0 #00000026;box-sizing:border-box;display:flex;flex-direction:column;height:272x;justify-content:flex-start;padding:25px 22px 0;position:fixed;top:calc(50vh - 136px);width:282px;z-index:3}.edit-profile-pic-popup__close-button{background-color:initial;background-image:url(/web_project_around_react/static/media/CloseIcon.910c81e7387e24f6f846.svg);background-repeat:no-repeat;background-size:cover;border:0;box-sizing:border-box;height:26px;padding:0;position:fixed;right:calc(50% - 141px);top:calc(50vh - 186px);width:26px}.edit-profile-pic-popup__title{align-self:flex-start;color:#000;font-family:Inter,Arial,sans-serif;font-size:18px;font-weight:900;line-height:21.78px;margin:0 0 76px;padding:0;text-align:left}}@media (min-width:680px){.edit-profile-pic-popup__container{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 0 25px 0 #00000026;box-sizing:border-box;display:flex;flex-direction:column;height:272px;justify-content:flex-start;padding:34px 36px 0;position:fixed;top:calc(50vh - 136px);width:430px;z-index:3}.edit-profile-pic-popup__close-button{background-color:initial;background-image:url(/web_project_around_react/static/media/CloseIcon.910c81e7387e24f6f846.svg);background-repeat:no-repeat;background-size:cover;box-sizing:border-box;height:40px;padding:0;position:fixed;right:calc(50% - 264px);top:calc(50vh - 185px);width:40px}.edit-profile-pic-popup__title{align-self:flex-start;color:#000;font-family:Inter,Arial,sans-serif;font-size:24px;font-weight:900;line-height:29.05px;margin:0 0 54px;padding:0;text-align:left}}.elements{grid-gap:20px 17px;box-sizing:border-box;display:grid;gap:20px 17px;grid-template-columns:repeat(3,auto);grid-template-rows:repeat(2,auto);position:relative}@media (min-width:320px){.elements{grid-gap:20px;box-sizing:border-box;display:grid;gap:20px;grid-template-columns:repeat(1,auto);grid-template-rows:repeat(6,auto);margin:36px 19px 50px;position:relative}}@media (min-width:680px){.elements{grid-gap:20px 17px;box-sizing:border-box;display:grid;gap:20px 17px;grid-template-columns:repeat(2,auto);grid-template-rows:repeat(3,auto);margin-bottom:67px;margin-top:50px;position:relative}}@media (min-width:880px){.elements{grid-gap:20px 17px;box-sizing:border-box;display:grid;gap:20px 17px;grid-template-columns:repeat(3,auto);grid-template-rows:repeat(2,auto);margin-bottom:67px;margin-top:50px;position:relative}}.footer{color:#545454;justify-content:center}.footer,.footer__copyright{box-sizing:border-box;display:flex;position:relative}.footer__copyright{justify-content:flex-start;width:100%}.footer__copyright-text{font-family:Inter,Arial,sans-serif;font-weight:400;margin:0;text-align:left}@media (min-width:320px){.footer{box-sizing:border-box;margin:0 auto;width:100%}.footer__copyright{box-sizing:border-box;margin:0 19px 36px}.footer__copyright-text{font-size:14px;line-height:16.94px}}@media (min-width:880px){.footer{box-sizing:border-box;margin:0 auto;width:880px}.footer__copyright{box-sizing:border-box;margin:0 auto 60px}.footer__copyright-text{font-size:18px;line-height:21.78px}}.form{box-sizing:border-box;font-family:Inter,Arial,sans-serif;position:relative}.form__fieldset{border:0;margin:0 auto;padding:0}.form__input{border:none;border-bottom:1px solid #0003;box-sizing:border-box;font-family:Inter,Arial,sans-serif;font-size:14px;font-weight:400;height:27.3px;line-height:16.94px;padding:0;text-align:start;width:100%}.form__input:first-of-type{margin-bottom:29.75px}.form__input:focus{caret-color:#000;outline:0}.form__input::placeholder{color:#000}.form__input_type_error{border:1px solid red}.form__input-error{display:none}.form__input-error_active{border:none;box-sizing:border-box;color:red;display:block;font-family:Inter,Arial,sans-serif;font-size:12px;font-weight:400;left:0;line-height:14.52px;margin-top:5px;padding:0;position:absolute;text-align:left;top:28px;width:100%}.form__input-error_active:nth-of-type(2){top:85px}.form__submit-button{background-color:#000;border:0;border-radius:2px;color:#fff;cursor:pointer;font-family:Inter,Arial,sans-serif;font-size:18px;font-weight:400;height:50.15px;line-height:21.78px;padding:0;text-align:center;width:100%}.form__submit-button_inactive{background-color:#fff;cursor:not-allowed;opacity:.2;pointer-events:none}.form__submit-button:hover{opacity:80%}@media (min-width:320px){.form{box-sizing:border-box;font-family:Inter,Arial,sans-serif;position:relative}.form__fieldset{border:0;margin:0 auto;padding:0}.form__input{border:none;border-bottom:1px solid #0003;box-sizing:border-box;font-family:Inter,Arial,sans-serif;font-size:14px;font-weight:400;height:27.3px;line-height:16.94px;padding:0;text-align:start;width:100%}.form__input:first-of-type{margin-bottom:30px}.form__input:last-of-type{margin-bottom:46px}.form__input_type_error{border-bottom:1px solid red}.form__submit-button{background-color:#000;border:0;border-radius:2px;color:#fff;font-family:Inter,Arial,sans-serif;font-size:18px;font-weight:400;height:46px;line-height:21.78px;padding:0;text-align:center;width:100%}}@media (min-width:680px){.form{box-sizing:border-box;font-family:Inter,Arial,sans-serif;position:relative}.form__fieldset{border:0;margin:0 auto;padding:0}.form__input{border:none;border-bottom:1px solid #0003;box-sizing:border-box;font-family:Inter,Arial,sans-serif;font-size:14px;font-weight:400;height:27.3px;line-height:16.94px;padding:0;text-align:start;width:100%}.form__input:first-of-type{margin-bottom:29.75px}.form__input:last-of-type{margin-bottom:48px}.form__input_type_error{border-bottom:1px solid red}.form__submit-button{background-color:#000;border:0;border-radius:2px;color:#fff;font-family:Inter,Arial,sans-serif;font-size:18px;font-weight:400;height:50.15px;line-height:21.78px;padding:0;text-align:center;width:100%}}.header{display:flex;justify-content:center}.header,.header__content{box-sizing:border-box;position:relative}.header__content{padding:0}.header__line{border:1px solid #545454;box-sizing:border-box;gap:0;height:0;opacity:70%}@media (min-width:320px){.header__content{margin:0 0 42px;padding-top:28px;width:100%}.header__line{width:100%}}@media (min-width:880px){.header__content{margin:0 auto 40px;padding-top:45px;width:880px}.header__line{width:880px}}.image-popup{display:none}.image-popup_opened{background-color:#00000080;display:flex;height:100%;max-width:1280px;top:0;width:100%;z-index:4}.image-popup__container,.image-popup_opened{align-items:center;box-sizing:border-box;justify-content:center;position:fixed}.image-popup__container{grid-gap:10px 0;background-color:initial;display:grid;gap:10px 0;grid-template-columns:repeat(2,auto);grid-template-rows:repeat(2,auto);margin:0 0 0 40px;padding:0}.image-popup__picture{grid-column:1;max-height:75vh;max-width:75vw;vertical-align:middle}.image-popup__close-button{align-self:flex-start;background-color:initial;background-image:url(/web_project_around_react/static/media/CloseIcon.910c81e7387e24f6f846.svg);background-repeat:no-repeat;background-size:cover;box-sizing:border-box;cursor:pointer;grid-column:2;height:40px;margin-top:-40px;padding:0;position:relative;width:40px}.image-popup__close-button:hover{opacity:60%}.image-popup__title{align-self:flex-start;color:#fff;font-family:Inter,Arial,sans-serif;font-size:12px;font-weight:400;grid-column:1;grid-row:2;line-height:14.52px;margin:0;padding:0;text-align:left}@media (min-width:320px){.image-popup__container{grid-gap:10px 0;align-items:center;display:grid;gap:10px 0;grid-template-columns:repeat(2,auto);grid-template-rows:repeat(2,auto);justify-content:center;margin:0 0 0 26px;position:fixed}.image-popup__close-button,.image-popup__container{background-color:initial;box-sizing:border-box;padding:0}.image-popup__close-button{align-self:flex-start;background-image:url(/web_project_around_react/static/media/CloseIcon.910c81e7387e24f6f846.svg);background-repeat:no-repeat;background-size:cover;border:0;grid-column:2;height:26px;margin-top:-26px;position:relative;width:26px}.image-popup__title{align-self:flex-start;color:#fff;font-family:Inter,Arial,sans-serif;font-size:12px;font-weight:400;grid-column:1;grid-row:2;line-height:14.52px;margin:0;padding:0;text-align:left}}@media (min-width:680px){.image-popup__container{grid-gap:10px 0;align-items:center;display:grid;gap:10px 0;grid-template-columns:repeat(2,auto);grid-template-rows:repeat(2,auto);justify-content:center;margin:0 0 0 40px;position:fixed}.image-popup__close-button,.image-popup__container{background-color:initial;box-sizing:border-box;padding:0}.image-popup__close-button{align-self:flex-start;background-image:url(/web_project_around_react/static/media/CloseIcon.910c81e7387e24f6f846.svg);background-repeat:no-repeat;background-size:cover;grid-column:2;height:40px;margin-top:-40px;position:relative;width:40px}.image-popup__title{align-self:flex-start;color:#fff;font-family:Inter,Arial,sans-serif;font-size:12px;font-weight:400;grid-column:1;grid-row:2;line-height:14.52px;margin:0;padding:0;text-align:left}}.nav{box-sizing:border-box;display:flex;justify-content:flex-start;position:relative}.nav__logo,.nav__logo-link{box-sizing:border-box;cursor:pointer}@media (min-width:320px){.nav__logo-link{margin-bottom:32px;margin-left:27px}.nav__logo{max-width:126px}}@media (min-width:880px){.nav__logo-link{margin:0 0 41px}.nav__logo{max-width:173px}}.new-card-popup{display:none}.new-card-popup_opened{background-color:#00000080;height:100%;justify-content:center;max-width:1280px;top:0;width:100%}.new-card-popup__container,.new-card-popup_opened{align-items:center;box-sizing:border-box;display:flex;position:fixed;z-index:3}.new-card-popup__container{background-color:#fff;border-radius:10px;box-shadow:0 0 25px 0 #00000026;flex-direction:column;height:330px;justify-content:flex-start;padding:34px 36px 0;top:calc(50vh - 165px);width:430px}.new-card-popup__close-button{background-color:initial;background-image:url(/web_project_around_react/static/media/CloseIcon.910c81e7387e24f6f846.svg);background-repeat:no-repeat;background-size:cover;box-sizing:border-box;cursor:pointer;height:40px;padding:0;position:fixed;right:calc(50% - 264px);top:calc(50vh - 214px);width:40px}.new-card-popup__close-button:hover{opacity:60%}.new-card-popup__title{align-self:flex-start;color:#000;font-family:Inter,Arial,sans-serif;font-size:24px;font-weight:900;line-height:29.05px;margin:0 0 54px;padding:0;text-align:left}.new-card-popup__form{margin-bottom:48px}@media (min-width:320px){.new-card-popup__container{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 0 25px 0 #00000026;box-sizing:border-box;display:flex;flex-direction:column;height:322px;justify-content:flex-start;padding:25px 22px 0;position:fixed;top:calc(50vh - 161px);width:282px;z-index:3}.new-card-popup__close-button{background-color:initial;background-image:url(/web_project_around_react/static/media/CloseIcon.910c81e7387e24f6f846.svg);background-repeat:no-repeat;background-size:cover;border:0;box-sizing:border-box;height:26px;padding:0;position:fixed;right:calc(50% - 141px);top:calc(50vh - 211px);width:26px}.new-card-popup__title{align-self:flex-start;color:#000;font-family:Inter,Arial,sans-serif;font-size:18px;font-weight:900;line-height:21.78px;margin:0 0 76px;padding:0;text-align:left}}@media (min-width:680px){.new-card-popup__container{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 0 25px 0 #00000026;box-sizing:border-box;display:flex;flex-direction:column;height:330px;justify-content:flex-start;padding:34px 36px 0;position:fixed;top:calc(50vh - 165px);width:430px;z-index:3}.new-card-popup__close-button{background-color:initial;background-image:url(/web_project_around_react/static/media/CloseIcon.910c81e7387e24f6f846.svg);background-repeat:no-repeat;background-size:cover;box-sizing:border-box;height:40px;padding:0;position:fixed;right:calc(50% - 264px);top:calc(50vh - 214px);width:40px}.new-card-popup__title{align-self:flex-start;color:#000;font-family:Inter,Arial,sans-serif;font-size:24px;font-weight:900;line-height:29.05px;margin:0 0 54px;padding:0;text-align:left}}.page{background-color:#000;height:100%;margin:0 auto;min-height:1200px;min-width:320px;padding:0}.profile-popup{display:none}.profile-popup_opened{background-color:#00000080;height:100%;justify-content:center;max-width:1280px;top:0;width:100%}.profile-popup__container,.profile-popup_opened{align-items:center;box-sizing:border-box;display:flex;position:fixed;z-index:3}.profile-popup__container{background-color:#fff;border-radius:10px;box-shadow:0 0 25px 0 #00000026;flex-direction:column;height:330px;justify-content:flex-start;padding:34px 36px 0;top:calc(50vh - 165px);width:430px}.profile-popup__close-button{background-color:initial;background-image:url(/web_project_around_react/static/media/CloseIcon.910c81e7387e24f6f846.svg);background-repeat:no-repeat;background-size:cover;box-sizing:border-box;cursor:pointer;height:40px;padding:0;position:fixed;right:calc(50% - 264px);top:calc(50vh - 214px);width:40px}.profile-popup__close-button:hover{opacity:60%}.profile-popup__title{align-self:flex-start;color:#000;font-family:Inter,Arial,sans-serif;font-size:24px;font-weight:900;line-height:29.05px;margin:0 0 54px;padding:0;text-align:left}.profile-popup__form{margin-bottom:48px}@media (min-width:320px){.profile-popup__container{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 0 25px 0 #00000026;box-sizing:border-box;display:flex;flex-direction:column;height:322px;justify-content:flex-start;padding:25px 22px 0;position:fixed;top:calc(50vh - 161px);width:282px;z-index:3}.profile-popup__close-button{background-color:initial;background-image:url(/web_project_around_react/static/media/CloseIcon.910c81e7387e24f6f846.svg);background-repeat:no-repeat;background-size:cover;border:0;box-sizing:border-box;height:26px;padding:0;position:fixed;right:calc(50% - 141px);top:calc(50vh - 211px);width:26px}.profile-popup__title{align-self:flex-start;color:#000;font-family:Inter,Arial,sans-serif;font-size:18px;font-weight:900;line-height:21.78px;margin:0 0 76px;padding:0;text-align:left}}@media (min-width:680px){.profile-popup__container{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 0 25px 0 #00000026;box-sizing:border-box;display:flex;flex-direction:column;height:330px;justify-content:flex-start;padding:34px 36px 0;position:fixed;top:calc(50vh - 165px);width:430px;z-index:3}.profile-popup__close-button{background-color:initial;background-image:url(/web_project_around_react/static/media/CloseIcon.910c81e7387e24f6f846.svg);background-repeat:no-repeat;background-size:cover;box-sizing:border-box;height:40px;padding:0;position:fixed;right:calc(50% - 264px);top:calc(50vh - 214px);width:40px}.profile-popup__title{align-self:flex-start;color:#000;font-family:Inter,Arial,sans-serif;font-size:24px;font-weight:900;line-height:29.05px;margin:0 0 54px;padding:0;text-align:left}}.profile{align-items:center;box-sizing:border-box;display:flex;max-width:880px;position:relative}.profile__avatar{border-radius:50%;height:120px;margin:0 auto;object-fit:cover;width:120px}.profile__avatar_button{background-color:initial;border:0;border-radius:50%;box-sizing:border-box;cursor:pointer;margin:0;padding:0;position:relative}.profile__avatar_button:hover .profile__avatar{opacity:60%}.profile__avatar_button:hover .profile__avatar_edit{display:block;opacity:100%}.profile__avatar_edit{display:none;height:26px;left:47px;position:absolute;top:47px;width:26px;z-index:4}.profile__info-title{color:#fff;font-family:Inter,Arial,sans-serif;font-weight:500;margin:0;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.profile__add-button:hover,.profile__info-edit-button:hover{opacity:60%}@media (min-width:320px){.profile{box-sizing:border-box;flex-direction:column;justify-content:center;padding:0 19px;width:100%}.profile__info{grid-column-gap:10px;grid-row-gap:14px;column-gap:10px;display:grid;grid-template-columns:repeat(2,auto);grid-template-rows:auto auto;margin:0 auto 36px;row-gap:14px}.profile__avatar{margin:0 auto 30px}.profile__info-title{font-size:22px;line-height:26.63px}.profile__info-edit-button{align-self:center;background-color:#000;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABzSURBVHgB1dTBDYAgDAXQ1kkYxRHcRDfQEdwYf+PFA7Xf2AP8BA5AXpo2QSsiGcmAzJgkKYNDaMWKVbxLqtl4ttc7W9NgoAdyiFdMBEUIBTFICFkvGOQVwtGCNbca60He+IttqnoKG2Zqfyr6nP4gzfrYLuQpj6jr1ehKAAAAAElFTkSuQmCC);border:0;cursor:pointer;height:18px;margin:0;padding:0;vertical-align:middle;width:18px}.profile__info-activity{color:#fff;font-family:Inter,Arial,sans-serif;font-size:14px;font-weight:400;grid-column:1/-1;grid-row:2;line-height:16.94px;margin:0 auto;max-width:100%;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.profile__add-button{background-color:#000;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARoAAAAyCAYAAACDOxRVAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEZSURBVHgB7d3BSQNBGEDhWbGAlBArswY70A7s0HRgOlhnwYB4SQL7cvo+GHYOe378MDCzrOv6Osb4nOswAPZ1mut9maH5mpvjAGict9Cs226ZBsCOLn15GgAxoQFyQgPkhAbICQ2QExogJzRATmiAnNAAOaEBckID5IQGyAkNkBMaICc03GW7v+j3DiO4mdAAOaEBckID5IQGyAkNkBMaIPc84J8rx9fHa/8sy/Iy4A8TDZDzrhN3uUwyphZu4V0n4GGEBsgJDZATGiAnNEBOaICc420g43gbeBihAXJCA+SEBsgJDZATGiAnNEBOaICc0AA5oQFyQgPkhAbICQ2QExogt10T8T2/hwHQOG0Tzdu2GQD7O8/18QOftj3vl0WEtgAAAABJRU5ErkJggg==);background-repeat:no-repeat;border:0;cursor:pointer;height:50px;margin:0;padding:0;width:282px}}@media (min-width:880px){.profile{flex-direction:row;justify-content:flex-start;margin:0 auto;padding:0;width:880px}.profile__info{grid-column-gap:18px;grid-row-gap:16px;column-gap:18px;display:grid;grid-template-columns:repeat(2,auto);grid-template-rows:auto auto;margin:0 0 0 30px;max-width:550px;row-gap:16px}.profile__avatar{margin:0}.profile__info-title{font-size:42px;line-height:48px}.profile__info-edit-button{align-self:center;background-color:#000;background-image:url(/web_project_around_react/static/media/EditButton.a1892ea72cb87c8fc3aa.svg);border:0;height:24px;margin:0;padding:0;vertical-align:middle;width:24px}.profile__info-activity{color:#fff;font-family:Inter,Arial,sans-serif;font-size:18px;font-weight:400;grid-column:1/-1;line-height:21.78px;margin:0;max-width:100%;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.profile__add-button{background-color:#000;background-image:url(/web_project_around_react/static/media/AddButton.6f41966c71dd7895857f.svg);border:0;height:50px;margin:0 0 0 auto;padding:0;width:150px}}
/*# sourceMappingURL=main.b8fafcae.css.map*/