/*! 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;src:url(/web_project_around_react/assets/Inter-Regular-B0QUfDW0.woff2) format("woff2");font-weight:400}@font-face{font-family:Inter;src:url(/web_project_around_react/assets/Inter-Medium-B0NFony0.woff2) format("woff2");font-weight:500}@font-face{font-family:Inter;src:url(/web_project_around_react/assets/Inter-Black-COIgjx2i.woff2) format("woff2");font-weight:900}.body{background-color:#000;min-height:100vh;width:100%}.page{max-width:1280px;background-color:#000;margin:0 auto;font-family:Inter,Arial,sans-serif;font-size:18px;font-weight:400;line-height:1.2;color:#fff;padding:45px 40px 60px}@media screen and (max-width: 880px){.page{margin:0 auto;max-width:90%}}@media screen and (max-width: 544px){.page{padding:28px 0 36px;width:90%}}.header{border-bottom:solid 1px #545454}.header__logo{max-width:173px;margin-bottom:41px}@media screen and (max-width: 544px){.header__logo{max-width:126px;margin-bottom:32px}}.profile{padding:40px 0 50px;display:flex;align-items:center;column-gap:30px}.profile__picture-container{position:relative}.profile__picture{border-radius:50%;width:120px;height:120px;margin-right:18px;background-position:center;background-repeat:no-repeat;background-size:cover}.profile__picture:hover{cursor:pointer}.profile__icon{position:absolute;top:50%;left:45%;transform:translate(-50%,-50%);opacity:0;cursor:pointer}.profile__picture-container:hover .profile__picture{opacity:.2}.profile__picture-container:hover .profile__icon{opacity:1}.profile__user-container{display:flex;align-items:flex-end;margin-bottom:16px;column-gap:18px}.profile__user-name{margin:0;font-weight:500;font-size:42px;line-height:1}.profile__user-about{margin:0}.profile__edit-button{border:none;background-color:transparent;padding:0;max-width:27px;max-height:26px;margin-bottom:5px}.profile__edit-button-icon{max-width:10px;max-height:10px;border:solid 1px #fff;padding:7px}.profile__edit-button-icon:hover{filter:opacity(.6);cursor:pointer}.profile__add-button{margin-left:auto;border:none;background-color:transparent;padding:0;max-width:160px;max-height:54px}.profile__add-button-icon{width:22px;height:22px;border:solid 2px #fff;padding:14px 64px}.profile__add-button-icon:hover{filter:opacity(.6);cursor:pointer}@media screen and (max-width: 544px){.profile{padding:42px 0 36px;flex-direction:column}.profile__picture{margin:0 0 30px}.profile__icon{top:40%;left:50%;transform:translate(-50%,-50%)}.profile__user-container{column-gap:10px}.profile__user-name{font-size:22px}.profile__edit-button{margin:0;line-height:.875;max-height:19.7px;max-width:19.5px}.profile__edit-button-icon{width:7.5px;height:7.5px;padding:5.25px}.profile__user-about{font-size:14px;text-align:center;margin-bottom:36px}.profile__add-button{margin:0;max-width:274px;width:100%;line-height:0}.profile__add-button-icon{height:16px;padding:17px 0;width:270px}}.grid{display:grid;justify-content:center;align-items:center}.grid__card-container{display:grid;grid-template-columns:repeat(3,1fr);gap:20px 17px;padding-bottom:67px}.grid__without-cards-text{height:47vh}.grid__card{display:flex;flex-direction:column;position:relative}.grid__img{border-top-right-radius:10px;border-top-left-radius:10px;width:282px;height:282px;box-sizing:border-box;object-fit:cover;object-position:center}.grid__img:hover{cursor:pointer}.grid__card-footer{background-color:#fff;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;width:282px;height:79px;padding:0 15px 0 21px;border-bottom-right-radius:10px;border-bottom-left-radius:10px}.grid__card-title{color:#000;font-size:24px;font-weight:900;margin:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.grid__card-delete-button{border:none;padding:0;background-color:transparent;cursor:pointer;position:absolute;top:18px;right:15px}.grid__card-delete-button:hover{filter:opacity(.6)}.grid__card-footer-button{display:flex;align-items:center;border:none;padding:0;background-color:transparent;cursor:pointer}.grid__like-icon:hover{filter:opacity(.5)}.grid__like-icon_active{background-image:url("data:image/svg+xml,%3csvg%20width='21'%20height='19'%20viewBox='0%200%2021%2019'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M19.3764%201.68186C21.5412%203.90213%2021.5412%207.54338%2019.3764%209.78586L10.4812%2019L1.60755%209.80806C0.578719%208.72013%200%207.27695%200%205.74496C0%204.21297%200.557285%202.76979%201.60755%201.68186C3.75096%20-0.560619%207.26614%20-0.560619%209.43098%201.70406L10.4812%202.792L11.5315%201.68186C13.6964%20-0.560619%2017.2115%20-0.560619%2019.3764%201.68186Z'%20fill='black'/%3e%3c/svg%3e")}@media screen and (max-width: 1024px){.grid__card-container{grid-template-columns:repeat(2,1fr);justify-self:center}}@media screen and (max-width: 544px){.grid__card-container{grid-template-columns:repeat(1,1fr);padding-bottom:50px;padding-left:0;justify-self:center}.grid__card{width:270px;justify-self:center}.grid__img,.grid__card-footer{width:100%}.grid__like-icon:hover{filter:none}}.popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1}.popup_type_error_message{position:fixed;top:55%;width:100%;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:flex-start;z-index:2}.popup__card{background-color:#fff;border:1px solid #000;border-radius:10px;padding:34px 36px 36px;position:relative;max-width:85%;max-height:85%}.popup__card_type_forms{width:420px}.popup__card_type_delete{font-family:Inter;width:320px}.popup__card_type_image{background-color:transparent;padding:0;border:none}.popup__image{width:100%;max-height:80vh}.popup__caption{margin:10px 0 0;font-size:12px}.popup__title{color:#000;font-size:24px;font-weight:900;margin:0 0 54px}.popup__title_margin_small{margin-bottom:38px}.popup__message{color:#000;margin:0}.popup__form{display:flex;flex-direction:column}.popup__input-wrapper{position:relative}.popup__input{border:none;border-bottom:1px solid rgba(0,0,0,.2);margin-bottom:30px;padding:13px 5px;font-size:14px;color:#000;width:100%}.popup__input::placeholder{font-size:14px;color:#c4c4c4}.popup__input_margin-large{margin-bottom:48px}.popup__input_type_error{border-bottom-color:red}.popup__input-error{font-size:12px;color:red;position:absolute;top:65%;left:5px;z-index:1}.popup__input-error_positioned-top{font-size:12px;color:red;position:absolute;top:50%;left:5px;z-index:1}.popup__input-error_hidden{display:none}.popup__save-button{background-color:#000;color:#fff;border:none;padding:18px;border-radius:2px}.popup__save-button:hover{background-color:#000c;cursor:pointer}.popup__save-button_disabled,.popup__save-button_disabled:hover{background-color:#fff;border:1px solid #c4c4c4;color:#c4c4c4;cursor:not-allowed}.popup__delete-confirmation-button{background-color:#000;color:#fff;border:none;padding:18px;border-radius:2px;width:100%}.popup__delete-confirmation-button:hover{background-color:#000c;cursor:pointer}.popup__delete-confirmation-button_disabled,.popup__delete-confirmation-button_disabled:hover{background-color:#fff;border:1px solid #c4c4c4;color:#c4c4c4;cursor:not-allowed}.popup__close-button{border:none;background-color:transparent;position:absolute;padding:0;top:-35px;right:-35px}.popup__close-button:hover{filter:opacity(.6);cursor:pointer}@media screen and (max-width: 544px){.popup__card{width:75%;padding:25px 22px}.popup__card_type_image{padding:0}.popup__card_type_delete{width:70%}.popup__content{width:80%}.popup__image{max-width:100%}.popup__title{font-size:18px;margin:0 0 46px}.popup__title_margin_small{margin-bottom:18px}.popup__input{padding:9px 3px}.popup__input_margin-large{margin-bottom:46px}.popup__save-button{padding:14px}.popup__close-button{top:-45px;right:0}.popup__close-button-icon{width:26px;height:26px}}.footer__copyright{margin:0;color:#545454}@media screen and (max-width: 544px){.footer__copyright{font-size:14px}}