/*! 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:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;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:baseline}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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-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:baseline}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}template{display:none}[hidden]{display:none}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/web_project_around_react/assets/inter-regular-webfont-RwulC8G9.woff) format("woff"),url(/web_project_around_react/assets/Inter-Regular-COLGFB3M.woff2) format("woff2"),url(/web_project_around_react/assets/Inter-Regular-BOoJxjxf.ttf) format("truetype"),url(/web_project_around_react/assets/Inter-Regular-7fSjz3xL.otf) format("otf")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/web_project_around_react/assets/InterDisplay-Medium-lG3yBysW.woff) format("woff"),url(/web_project_around_react/assets/Inter-Medium-CDhBSFyE.woff2) format("woff2"),url(/web_project_around_react/assets/Inter-Medium-BEYgZTde.ttf) format("truetype"),url(/web_project_around_react/assets/Inter-Medium-DRfMpRcT.otf) format("otf")}@font-face{font-family:Inter;font-style:normal;font-weight:900;font-display:swap;src:url(/web_project_around_react/assets/Inter-Black-a-p0rPz_.woff) format("woff"),url(/web_project_around_react/assets/Inter-Black-BJbWHna9.woff2) format("woff2"),url(/web_project_around_react/assets/Inter-Black-Bzie3xun.ttf) format("truetype"),url(/web_project_around_react/assets/Inter-Black-DJY8uuLK.otf) format("otf")}body{background-color:#000}.page{max-width:1280px;margin:0 auto;font-family:Inter,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;color:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.page__header{display:flex;flex-direction:column;max-width:880px;margin:0 auto;padding-top:45px}.page__content{max-width:880px;margin:0 auto;padding-top:40px}.page__footer{padding-top:67px;padding-bottom:60px;max-width:880px;margin:0 auto}@media screen and (min-width: 641px) and (max-width: 960px){.page{min-width:641px;max-width:960px}.page__header,.page__content,.page__footer{max-width:660px}}@media screen and (min-width: 320px) and (max-width: 640px){.page{min-width:320px;max-width:640px}.page__header{max-width:440px;padding-top:28px}.page__content{max-width:440px}.page__footer{max-width:440px;padding-top:50px;padding-bottom:36px}}.header__img-logo{max-width:173px;max-height:33px}.header__img-line{max-width:880px;margin-top:40px}@media screen and (min-width: 320px) and (max-width: 640px){.header__img-logo{max-width:126px;max-height:24px}.header__img-line{margin-top:31px}}.content__profile{display:flex;align-items:center;max-width:880px}.content__elements{padding-top:50px}@media screen and (min-width: 641px) and (max-width: 960px){.content__profile{max-width:660px}.content__elements{justify-self:center;max-width:660px;display:grid}}@media screen and (min-width: 320px) and (max-width: 640px){.content__profile{flex-direction:column;justify-content:center;margin:2px 19px 0;max-width:440px}.content__elements{padding-top:36px;max-width:440px;justify-self:center;display:grid}}.profile__photo{width:120px;height:120px;position:relative;flex-shrink:0}.profile__photo_img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.profile__photo_overlay{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;opacity:0;z-index:2;border:none}.profile__photo:hover .profile__photo_overlay{opacity:.8;background:#000c;background-image:url(/web_project_around_react/images/photo-edit-pin.svg);background-repeat:no-repeat;background-position:center}.profile__infos{margin-left:30px;margin-right:30px;display:grid;grid-template-columns:repeat(2,auto);grid-template-rows:repeat(2,auto);gap:16px 18px;align-items:baseline;grid-template-areas:"name edit-btn" "about about";max-width:550px}.profile__add-btn{margin-left:auto;min-width:150px;height:50px;background-image:url(/web_project_around_react/images/add-btn_150.svg);background-position:center;background-size:contain;background-color:transparent;border:none;cursor:pointer}.profile__add-btn:hover{opacity:.6}@media screen and (min-width: 641px) and (max-width: 960px){.profile__infos{max-width:330px}}@media screen and (min-width: 320px) and (max-width: 640px){.profile__infos{margin:30px 0 36px;gap:14px 10px;max-width:402px}.profile__add-btn{margin-left:0;width:282px;background-image:url(/web_project_around_react/images/add-btn_282.svg)}}.infos__name{font-weight:500;font-size:42px;line-height:1.14;text-rendering:optimizeLegibility;margin:0;grid-area:name;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.infos__about{margin:0;font-weight:400;font-size:18px;line-height:1.21;text-rendering:optimizeLegibility;grid-area:about;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.infos__edit-btn{grid-area:edit-btn;width:24px;height:24px;background-image:url(/web_project_around_react/images/edit-btn.svg);background-position:center;background-size:contain;background-color:transparent;border:none;cursor:pointer}.infos__edit-btn:hover{opacity:.6}@media screen and (min-width: 471px) and (max-width: 640px){.infos__name{font-size:32px}.infos__about{font-size:16px}}@media screen and (min-width: 320px) and (max-width: 470px){.infos__name{font-size:22px;line-height:1.21}.infos__about{font-size:14px}.infos__edit-btn{width:18px;height:18px}}.popup{display:flex;justify-content:center;width:100%;max-width:1280px;height:100%;background-color:#00000080;z-index:2;position:fixed;top:0;left:0}.popup__content{display:contents}.popup__container_edt,.popup__container_add,.popup__container_trash,.popup__container_photo{display:flex;flex-direction:column;align-items:center;box-shadow:0 0 25px #00000026;width:430px;height:330px;border-radius:10px;background-color:#fff;color:#000;z-index:2;margin-top:195px}.popup__container_trash{height:181px;margin-top:270px}.popup__container_photo{height:272px;margin-top:224px;border-width:1px}.popup__figure_card{margin:90px 0 0 40px;height:max-content}.popup__title-form_add,.popup__title-form_edt,.popup__title-form_trash,.popup__title-form_photo{font-weight:900;font-size:24px;line-height:1.21;width:330px;margin:34px 0 44px}.popup__title-form_trash{width:358px;margin-bottom:38px;line-height:.96}.popup__title-form_photo{margin:34px 0 54px 36px;line-height:.96;align-self:flex-start}.popup__input-form_edt,.popup__input-form_add,.popup__input-form_photo{width:358px;height:calc(27.26px - (13px + 3px + 1px));font-size:14px;line-height:1.21;vertical-align:top;margin:0;padding:3px 0 13px;border:none;border-bottom:1px solid rgba(0,0,0,.2)}.popup__input-form_edt:last-of-type,.popup__input-form_add:last-of-type{margin-top:13px}.popup__input-form_edt:invalid,.popup__input-form_add:invalid,.popup__input-form_photo:invalid{border-bottom:1px solid #ff0000}.popup__input-form_edt:placeholder-shown,.popup__input-form_add:placeholder-shown,.popup__input-form_photo:placeholder-shown{border-bottom:1px solid rgba(0,0,0,.2)}.popup__input-form_add:placeholder-shown:last-of-type{margin-top:30px}.popup__input-form_edt:first-of-type:valid{margin-bottom:16.74px}.popup__input-form_add:first-of-type:valid{margin-bottom:calc(29.74px - 13px - 5px)}.popup__input-form_edt:last-of-type:valid{margin-bottom:16.66px}.popup__input-form_edt::placeholder,.popup__input-form_add::placeholder,.popup__input-form_photo::placeholder{color:#c4c4c4;font-size:14px;line-height:100%}.popup__input-error_edt,.popup__input-error_add,.popup__input-error_photo{width:358px;height:17px;font-size:12px;line-height:100%;color:red;align-self:self-start;margin-left:36px;padding-top:5px}.popup__image_card{max-width:75vw;max-height:75vh;margin-bottom:10px}.popup__caption_card{font-size:12px;line-height:100%}.popup__btn-form_edt,.popup__btn-form_add,.popup__btn-form_trash,.popup__btn-form_photo{margin-top:31.34px;margin-bottom:36.51px;width:358px;min-height:50.15px;max-height:50.15px;border-radius:2px;border:none;background-color:#000;font-weight:400;font-size:18px;line-height:1.21;text-align:center;color:#fff;padding:4px 0 0}.popup__btn-form_trash,.popup__btn-form_photo{margin-top:0;margin-bottom:36px;min-height:50px;max-height:50px;line-height:1.22}.popup__btn-form_photo{margin-top:48px}.popup__btn-form_edt:hover,.popup__btn-form_add:hover,.popup__btn-form_trash:hover,.popup__btn-form_photo:hover{opacity:.8;cursor:pointer}.popup__btn-form_disabled{opacity:.2;color:#000;border:1px solid #000000;background-color:#fff}.popup__btn-form_add.popup__btn-form_disabled{margin-top:40px}.popup__btn-form_disabled:hover{cursor:not-allowed}.popup__icon-close-btn{width:40px;height:40px;background-image:url(/web_project_around_react/images/close-icon_40.svg);background-position:center;background-size:contain;margin-top:146.72px;background-color:transparent;cursor:pointer;border:none}.popup__icon-close-btn_photo{margin-top:176px}.popup__icon-close-btn_card{margin-top:41px}.popup__icon-close-btn_trash{margin-top:223px}.popup__icon-close-btn:hover{opacity:.6}@media screen and (min-width: 641px) and (max-width: 960px){.popup{max-width:960px}.popup__figure_card{margin:90px 0 0 36px}.popup__icon-close-btn{width:36px;height:36px;background-repeat:no-repeat;background-position:center;background-size:contain}}@media screen and (min-width: 320px) and (max-width: 640px){.popup{max-width:640px}.popup__container_edt,.popup__container_add,.popup__container_trash,.popup__container_photo{width:282px;height:322px;margin-top:123px;position:relative;left:15px}.popup__container_trash{height:145px}.popup__container_photo{height:230px}.popup__figure_card{margin:136px 0 0 26px}.popup__title-form_add,.popup__title-form_edt,.popup__title-form_trash,.popup__title-form_photo{font-size:18px;width:238px;margin:25px 0 66px}.popup__title-form_trash{margin-bottom:29px}.popup__title-form_photo{margin:35px 0 40px 23px}.popup__input-form_edt,.popup__input-form_add,.popup__input-form_photo{width:238px}.popup__input-form_edt:last-of-type,.popup__input-form_add:last-of-type{margin-top:13px}.popup__input-form_edt:invalid,.popup__input-form_add:invalid,.popup__input-form_photo:invalid{border-bottom:1px solid #ff0000}.popup__input-form_edt:placeholder-shown,.popup__input-form_add:placeholder-shown,.popup__input-form_photo:placeholder-shown{border-bottom:1px solid rgba(0,0,0,.2)}.popup__input-form_edt:first-of-type:valid,.popup__input-form_add:first-of-type:valid{margin-bottom:calc(29.74px - 13px - 5px)}.popup__input-form_edt:last-of-type:valid,.popup__input-form_add:last-of-type:valid{margin-bottom:11.66px}.popup__input-error_edt,.popup__input-error_add,.popup__input-error_photo{width:238px;font-size:10px;line-height:100%;margin-left:22px}.popup__btn-form_edt,.popup__btn-form_add,.popup__btn-form_trash,.popup__btn-form_photo{margin-top:31.34px;margin-bottom:25px;width:238px;height:46px;font-size:14px}.popup__btn-form_trash{margin-top:0}.popup__icon-close-btn{width:26px;height:26px;background-image:url(/web_project_around_react/images/close-icon_26.svg);margin-top:82.62px;position:relative;right:10px;background-repeat:no-repeat;background-position:center;background-size:contain}.popup__icon-close-btn_card{width:30px;height:30px;margin-top:90px;right:28px}}.elements__cards{margin:0;padding:0;list-style-type:none;display:grid;grid-template-columns:repeat(3,282px);grid-template-rows:auto;gap:20px 17px;max-width:880px}@media screen and (min-width: 641px) and (max-width: 960px){.elements__cards{grid-template-columns:repeat(2,282px);gap:20px 17px;max-width:100%}}@media screen and (min-width: 320px) and (max-width: 640px){.elements__cards{grid-template-columns:282px;row-gap:20px;max-width:100%}}.card{margin:0;padding:0;list-style-type:none;width:282px;height:361px;background-color:#fff;border-radius:10px;display:grid;position:relative}.card__image{width:282px;height:282px;object-fit:cover;border-top-left-radius:10px;border-top-right-radius:10px}.card__image:hover{cursor:pointer;opacity:.95}.card__trash-btn{width:18px;height:19.3px;background-image:url(/web_project_around_react/images/trash-btn.svg);z-index:1;position:absolute;top:18px;right:15px;background-color:transparent;border:none;cursor:pointer}.card__trash-btn:hover{opacity:.6}.card__trash-btn:active:after{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;background-color:#f8f4f41a;border:2px solid gray;border-radius:50%;transform:translate(-50%,-50%)}.card__text{display:flex;align-items:center;justify-content:space-between;padding:0 15px 0 21px;height:79px;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.card__name{margin:0;color:#000;font-weight:900;font-size:24px;line-height:1.21;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:210px}.card__like-btn{background-image:url(/web_project_around_react/images/like-btn.svg);width:21px;height:19px;background-color:transparent;border:none;cursor:pointer}.card__like-btn:hover{opacity:.5}.card__like-btn_active{background-image:url(/web_project_around_react/images/like-btn-black.svg);width:21px;height:19px}.footer__copyright{font-weight:400;font-size:18px;line-height:1.21;color:#545454;margin:0}@media screen and (min-width: 641px) and (max-width: 960px){.footer__copyright{font-size:16px}}@media screen and (min-width: 320px) and (max-width: 640px){.footer__copyright{font-size:14px;line-height:100%}}