*{box-sizing:border-box}html,body{margin:0;padding:0}.page{min-height:100vh;background-color:#000;color:#fff;font-family:Inter,Arial,sans-serif;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}button{font-family:inherit;background:none;border:none;padding:0}button:focus{outline:none}.content{flex:1}.cards{max-width:880px;margin:0 auto;padding-bottom:66px}.cards__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(282px,1fr));gap:20px 17px}.popup__figure{margin:0}.card{width:282px;background-color:#fff;border-radius:10px;overflow:hidden;position:relative}.card__image{width:100%;height:282px;object-fit:cover;display:block;cursor:pointer}.card__delete-button{position:absolute;top:18px;right:15px;width:18px;height:19px;border:none;padding:0;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center}.card__delete-button:hover{opacity:.6}.card__description{display:flex;size:auto;justify-content:space-between;align-items:center;padding:25px 20px}.card__title{margin:0;font-size:24px;font-weight:900;line-height:29px;color:#000;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card__like-button{width:21px;height:19px;border:none;padding:0;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center}.card__like-button:hover{opacity:.5}.card__icon{width:100%;height:100%;display:block}.card__like-button_is-active{opacity:1}.popup{background-color:#00000081;margin:auto;inset:0;position:fixed;display:flex;flex-direction:column;align-items:center;justify-content:center}.popup-hidden{display:none}.popup__conteiner{width:430px;min-height:330px;background-color:#fff;border-radius:10px;box-sizing:border-box;padding:34px 36px 36px;box-shadow:0 0 25px #00000026;position:relative}.popup__close{background:transparent url("data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M28.5708%200.286517L16%2012.8573L3.42918%200.286515L0.286486%203.42921L12.8573%2016L0.286486%2028.5708L3.42918%2031.7135L16%2019.1427L28.5708%2031.7135L31.7135%2028.5708L19.1427%2016L31.7135%203.42921L28.5708%200.286517Z'%20fill='white'/%3e%3c/svg%3e") center no-repeat;position:absolute;width:40px;height:40px;top:-40px;right:-43px;padding:0;border:none;cursor:pointer}.popup__close-zoom{background:transparent url("data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M28.5708%200.286517L16%2012.8573L3.42918%200.286515L0.286486%203.42921L12.8573%2016L0.286486%2028.5708L3.42918%2031.7135L16%2019.1427L28.5708%2031.7135L31.7135%2028.5708L19.1427%2016L31.7135%203.42921L28.5708%200.286517Z'%20fill='white'/%3e%3c/svg%3e") center no-repeat;position:absolute;width:40px;height:40px;top:-40px;right:-43px;padding:0;border:none;cursor:pointer}.popup__close:hover{opacity:.6}.popup__text{width:330px;font-weight:900;font-size:24px;margin:0 0 54px;color:#000}.popup__profile{display:flex;flex-direction:column;width:358px}.popup__name{font-weight:400;font-size:14px;border:none;border-bottom:1px solid #00000065;padding:0 0 13px}.popup__about{font-weight:400;font-size:14px;border:none;border-bottom:1px solid #00000065;margin-top:25px;padding:0 0 13px}.popup__confirm{min-height:181px}.popup__avatar{font-weight:400;font-size:14px;border:none;border-bottom:1px solid #00000065;margin-top:25px;padding:0 0 13px}.popup__text-confirm{margin-bottom:38px}.popup__save-confirm{width:358px;height:50px;background:#000;font-weight:400;font-size:18px;line-height:100%;text-align:center;color:#fff;border:none;border-radius:2px;cursor:pointer}.popup__save{width:358px;height:50px;background:#000;font-weight:400;font-size:18px;line-height:100%;text-align:center;color:#fff;border:none;border-radius:2px;cursor:pointer;margin-top:35px}.popup__save:hover{opacity:.6}.popup__addpic{display:flex;flex-direction:column;width:358px}.popup__avatar-form{display:flex;flex-direction:column}.popup__zoom{max-width:75vw;max-height:75vh;object-fit:cover}.popup__conteiner-zoom{box-sizing:border-box;position:relative}.popup__caption{height:12px;font-weight:400;font-size:12px;line-height:100%;color:#fff;margin:10px auto 0}.popup__input_type_error{border-bottom:1px solid red}.popup__error{color:red;font-size:12px;line-height:14px;margin-top:5px;height:28px}.popup__error_visible{display:block}.popup__button_disabled{background-color:transparent;color:#66666654;cursor:default;pointer-events:none;border:solid 2px}@media screen and (max-width:632px){.popup__conteiner{width:282px;height:322px;padding:25px 22px 22px}.popup__close{width:30px;height:30px;top:-73px;right:-18px}.popup__text{width:238px;font-size:18px}.popup__name{width:238px;font-size:14px}.popup__about{width:238px;font-size:14px;margin:20px 0 0}.popup__save{width:238px;height:46px;font-size:14px;margin-top:25px}.popup__error{width:220px}.popup__confirm{height:0}.popup__text-confirm{margin-bottom:38px}.popup__save-confirm{max-width:282px;width:100%}}.popup__conteiner_type_image{width:auto;min-height:0;background:transparent;border-radius:0;padding:0;box-shadow:none}.popup__figure{position:relative;margin:0;padding:0;max-width:75vw}.popup__image{display:block;max-width:75vw;max-height:75vh;width:auto;height:auto;object-fit:contain}.popup__caption{margin-top:10px;color:#fff;font-size:12px;line-height:15px}@media screen and (max-width:540px){.popup__figure{max-width:90vw}.popup__image{max-width:90vw;max-height:70vh}}.content{width:100%;max-width:1280px;margin:0 auto;padding:0 16px;box-sizing:border-box}.cards{width:100%;padding-bottom:66px;box-sizing:border-box}.cards__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(282px,100%),1fr));gap:20px 17px}.footer{width:100%;background-color:#000}.footer__container{max-width:880px;margin:0 auto;padding:67px 0 60px}.footer__copyright{margin:0;color:#fff;opacity:.6;font-size:18px;line-height:22px}@media screen and (max-width:920px){.footer__container{padding:48px 19px 36px}.footer__copyright{font-size:14px;line-height:17px}}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:transparência}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}.popup{position:fixed;top:0}@font-face{font-family:Inter;src:url(/web_project_around_react/assets/Inter_18pt-Regular-BpskOkD5.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Inter;src:url(/web_project_around_react/assets/Inter_24pt-Medium-CWuwCVva.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Inter;src:url(/web_project_around_react/assets/Inter_28pt-Black-CbxZZCOe.ttf) format("truetype");font-weight:700;font-style:normal}body{margin:0;background-color:#000}.page{min-height:100vh;max-width:1280px;min-width:320px;background-color:#000;margin:0 auto;padding:0 27px;width:100%;box-sizing:border-box;font-family:Inter}@media screen and (max-width:880px){.page{max-width:880px}}.header{max-width:880px;width:100%;border-width:1px;margin:0 auto 40px;border-bottom:1px solid rgba(84,84,84,1);padding-top:45px}.header__vetor{padding-bottom:41px}.profile{max-width:880px;margin:40px auto 50px;display:flex;align-items:center;justify-content:space-between}.profile__avatar{width:120px;height:120px;border-radius:50%;object-fit:cover}.profile__avatar-container:hover .profile__avatar-overlay{opacity:1;transition:opacity .3s ease}.profile__avatar-container{cursor:pointer;position:relative}.profile__avatar-overlay{position:absolute;inset:0;background:url("data:image/svg+xml,%3csvg%20width='10'%20height='10'%20viewBox='0%200%2010%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10%201.32827L2.60377%208.7666L1.28302%207.41936L8.66038%200L10%201.32827ZM0%2010L1.96226%209.41177L0.584906%208.08349L0%2010Z'%20fill='white'/%3e%3c/svg%3e") center center no-repeat;background-color:#00000080;background-size:26px 26px;opacity:0;pointer-events:none}.profile__text{margin-left:30px;padding-top:22px;display:grid;grid-template-areas:"name button" "description description";gap:16px 18px}.profile__name{max-width:373px;width:100%;font-weight:500;font-size:42px;line-height:48px;margin:0;grid-area:name;overflow:hidden}.profile__description{max-width:415px;width:100%;font-weight:400;font-size:18px;line-height:100%;grid-area:description;margin:0;overflow:hidden}.profile__pen{width:24px;height:24px;background:transparent url("data:image/svg+xml,%3csvg%20width='10'%20height='10'%20viewBox='0%200%2010%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10%201.32827L2.60377%208.7666L1.28302%207.41936L8.66038%200L10%201.32827ZM0%2010L1.96226%209.41177L0.584906%208.08349L0%2010Z'%20fill='white'/%3e%3c/svg%3e") center no-repeat;border:1px solid rgba(255,255,255,1);margin:0;padding:0;grid-area:button;background-size:10px 10px;align-self:center;cursor:pointer}.profile__pen:hover{opacity:.6}.profile__plus{margin-left:auto;background:transparent url("data:image/svg+xml,%3csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M22%209.77778H12.2222V0H9.77778V9.77778H0V12.2222H9.77778V22H12.2222V12.2222H22V9.77778Z'%20fill='white'/%3e%3c/svg%3e") center no-repeat;background-size:22px;border:2px solid rgba(255,255,255,1);width:150px;height:50px;padding:14px 64px;border-radius:2px;cursor:pointer}.profile__plus:hover{opacity:.6}@media screen and (max-width:775px){.profile__name{font-size:30px}}@media screen and (max-width:660px){.profile{flex-direction:column}.profile__text{margin:0}.profile__name{max-width:196px;width:100%;font-size:22px;text-align:center}.profile__description{max-width:282px;width:100%;text-align:center;margin-bottom:36px}.profile__pen{width:18px;height:18px}.profile__plus{width:282px;margin:0}}.element__icon{cursor:pointer;transition:opacity .3s}.element__icon:hover{filter:brightness(0);opacity:.5}.element__dark-icon{display:none}