@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";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}body{background-color:#000;margin:0;padding:0;font-family:Inder,Arial,Helvetica,sans-serif}.page{max-width:880px;margin:0 auto;box-sizing:border-box;font-size:16px;line-height:20px;color:#fff}.header{width:auto;margin:45px auto 0;display:flex;justify-content:space-between;align-items:center}.header__logo{width:173px;height:33px}.header__auth{display:flex;align-items:center}.header__user-info{display:flex;align-items:center;gap:24px}.header__email{color:#fff;font-size:18px;font-weight:500}.header__logout{background:none;border:none;padding:0;color:#a9a9a9;font-size:18px;cursor:pointer}.header__auth-link{color:#fff;text-decoration:none;font-size:18px;font-weight:400}.header__line{margin:41px 0 0;width:100%;height:1px;border:1px;background-color:#545454}.header__menu-icon{display:none;width:24px;height:24px;background-color:transparent;background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='21'%20viewBox='0%200%2024%2021'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cline%20y1='1.5'%20x2='24'%20y2='1.5'%20stroke='white'%20stroke-width='3'/%3e%3cline%20y1='10.5'%20x2='24'%20y2='10.5'%20stroke='white'%20stroke-width='3'/%3e%3cline%20y1='19.5'%20x2='24'%20y2='19.5'%20stroke='white'%20stroke-width='3'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;background-size:contain;border:none;cursor:pointer}.header__menu-icon.open{background-image: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")}.header__menu{display:none;flex-direction:column;align-items:center;gap:18px;padding:40px 0 20px;background-color:#000}.header__menu.show{display:flex}@media screen and (max-width:880px){.header{padding:0 19px;box-sizing:border-box}}@media screen and (max-width:548px){.header__auth{display:none}.header__menu-icon{display:block}.header{margin-top:30px}}@media screen and (max-width:320px){.header__logo{width:126px;height:24px}}.content{width:auto;margin:0 auto}.login{min-height:60px;background-color:#000;display:flex;justify-content:center;align-items:center;padding:20px;margin:60px 0 0}.login__container{width:100%;max-width:400px;text-align:center}.login__title{color:#fff;font-size:24px;font-weight:900;margin:0 0 40px;font-family:inherit}.login__form{display:flex;flex-direction:column;gap:20px;margin-bottom:15px}.login__input{background:transparent;border:none;border-bottom:1px solid #ccc;color:#fff;font-size:16px;padding:15px 0;outline:none;transition:border-color .3s ease}.login__error{color:red;font-size:14px;margin:10px 0;text-align:center}.login__input::placeholder{color:#ccc}.login__input:focus{border-bottom-color:#fff}.login__button{background-color:#fff;color:#000;border:none;padding:15px;font-size:16px;font-weight:500;border-radius:2px;cursor:pointer;transition:background-color .3s ease;margin-top:210px}.login__button:hover{background-color:#f0f0f0}.login__signup-link{color:#ccc;font-size:14px;margin:0}.login__signup-text{color:#fff;cursor:pointer;text-decoration:underline}.login__signup-text:hover{opacity:.8}.popup__container_type_tooltip{margin:0 auto;width:430px;min-height:330px;display:flex;flex-direction:column;align-items:center;background-color:#fff;border-radius:10px;padding:60px 36px 40px;box-sizing:border-box}.popup__icon{width:120px;height:120px;margin-bottom:32px;background-size:contain;background-repeat:no-repeat;background-position:center}.popup__icon_type_success{background-image:url("data:image/svg+xml,%3csvg%20width='120'%20height='120'%20viewBox='0%200%20120%20120'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M117%2060C117%2091.4802%2091.4802%20117%2060%20117C28.5198%20117%203%2091.4802%203%2060C3%2028.5198%2028.5198%203%2060%203C91.4802%203%20117%2028.5198%20117%2060ZM120%2060C120%2093.1371%2093.1371%20120%2060%20120C26.8629%20120%200%2093.1371%200%2060C0%2026.8629%2026.8629%200%2060%200C93.1371%200%20120%2026.8629%20120%2060ZM57.5502%2076.888L86.7676%2048.888L81.2324%2043.112L54.4277%2068.7999L39.3496%2057.8561L34.6504%2064.3305L52.433%2077.2372L55.1375%2079.2001L57.5502%2076.888Z'%20fill='black'/%3e%3c/svg%3e")}.popup__icon_type_error{background-image:url("data:image/svg+xml,%3csvg%20width='120'%20height='120'%20viewBox='0%200%20120%20120'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M60%20117C91.4802%20117%20117%2091.4802%20117%2060C117%2028.5198%2091.4802%203%2060%203C28.5198%203%203%2028.5198%203%2060C3%2091.4802%2028.5198%20117%2060%20117ZM60%20120C93.1371%20120%20120%2093.1371%20120%2060C120%2026.8629%2093.1371%200%2060%200C26.8629%200%200%2026.8629%200%2060C0%2093.1371%2026.8629%20120%2060%20120ZM55.0503%2060.707L36.6655%2042.3223L42.3224%2036.6654L60.7071%2055.0502L78.3848%2037.3726L84.0416%2043.0294L66.364%2060.707L83.3346%2077.6776L77.6777%2083.3345L60.7071%2066.3639L43.0294%2084.0416L37.3726%2078.3848L55.0503%2060.707Z'%20fill='%23FD0707'/%3e%3c/svg%3e")}.popup__message{font-size:24px;font-weight:900;line-height:29px;color:#000;margin:0;text-align:center;max-width:358px}@media screen and (max-width:548px){.popup__container_type_tooltip{width:282px}}.profile{width:auto;margin:40px auto 0;display:flex;justify-content:space-between;flex-wrap:wrap}.profile__add{width:150px;height:50px;opacity:1;border-radius:2px;border-width:2px;position:relative;align-self:center;background-color:transparent;background-image: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");background-repeat:no-repeat;background-position:center;border:1px solid #ffffff}.profile__add:hover{opacity:.6;cursor:pointer}@media screen and (max-width:880px){.profile{padding:0 19px;box-sizing:border-box}}@media screen and (max-width:634px){.profile{justify-content:center}.profile__add{margin-top:36px}}@media screen and (max-width:449px){.profile__add{width:100%}}.info{display:flex;flex-wrap:wrap}.info__text{margin:22px 0 21px 30px}.info__row{display:flex}.info__name{margin:0;font-weight:500;font-size:clamp(1.375rem,.9205rem + 2.2727vw,2.625rem);line-height:48px;letter-spacing:0%}.info__description{margin:16px 0 0;font-weight:400;font-size:18px;line-height:100%;letter-spacing:0%}.info__edit{margin:auto 0 auto 10px;width:24px;height:24px;opacity:1;border-width:1px;background-color:transparent;background-image: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");background-repeat:no-repeat;background-position:center;border:1px solid #ffffff}.info__avatar-container{position:relative;width:120px;height:120px;cursor:pointer}.info__avatar{width:120px;height:120px;border-radius:50%;object-fit:cover;transition:opacity .3s ease}.info__avatar-edit{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease}.info__avatar-edit-button{width:26px;height:26px;background-color:transparent;background-image: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");background-size:contain;background-repeat:no-repeat;background-position:center;border:none;cursor:pointer}.info__avatar-container:hover .info__avatar{opacity:.6}.info__avatar-container:hover .info__avatar-edit{opacity:1}.info__edit:hover{opacity:.6;cursor:pointer}@media screen and (max-width:458px){.info{justify-content:center}.info__text{margin:22px 0 0}.info__description{text-align:center}}.photogrid{width:auto;margin:50px auto 0;display:grid;grid-template-columns:repeat(auto-fit,282px);justify-content:center;column-gap:17px;row-gap:21px}.card{width:282px;height:361px;position:relative;border-radius:10px;background-color:#fff}.card__image{margin:0;width:auto;max-height:282px;width:100%;height:100%;border-top-left-radius:10px;border-top-right-radius:10px}.card__title{margin:25px 15px;width:260px;width:auto;height:23px;display:flex;justify-content:space-between}.card__text{margin:0;font-weight:900;font-size:22px;line-height:100%;letter-spacing:0%;color:#000}.card__like-button{margin:0;width:22px;height:20px;background-color:transparent;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%20d='M19.3764%209.78586C21.5412%207.54338%2021.5412%203.90213%2019.3764%201.68186C17.2115%20-0.560619%2013.6964%20-0.560619%2011.5315%201.68186L10.4812%202.792L9.43098%201.70406C7.26614%20-0.560619%203.75096%20-0.560619%201.60755%201.68186C0.557285%202.76979%200%204.21297%200%205.74496C0%207.27695%200.578719%208.72013%201.60755%209.80806L10.4812%2019L19.3764%209.78586ZM1.37178%205.74496C1.37178%204.59042%201.80046%203.52469%202.59352%202.72539C3.40801%201.88168%204.45828%201.45983%205.50855%201.45983C6.55882%201.45983%207.60909%201.88168%208.42358%202.72539L10.4812%204.83465L12.5389%202.70318C14.1465%201.03798%2016.7829%201.03798%2018.369%202.70318C19.1406%203.50248%2019.5907%204.56821%2019.5907%205.72276C19.5907%206.8773%2019.162%207.94303%2018.369%208.74233L10.4812%2016.9351L2.59352%208.76453C1.82189%207.94303%201.37178%206.8773%201.37178%205.74496Z'%20fill='black'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;border:none}.card__delete{margin:0;padding:0;width:18px;height:19px;position:absolute;top:18px;right:16px;background-color:transparent;background-image:url("data:image/svg+xml,%3csvg%20width='18'%20height='20'%20viewBox='0%200%2018%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2.45787%2018.1422C2.51882%2018.8126%203.06735%2019.3002%203.73778%2019.3002H14.2615C14.9319%2019.3002%2015.4804%2018.7923%2015.5414%2018.1422L16.7197%205.79004H1.27954L2.45787%2018.1422Z'%20fill='white'/%3e%3cpath%20d='M16.7201%201.93002H11.5801V1.27991C11.5801%200.568849%2011.0113%200%2010.3002%200H7.72009C7.00903%200%206.44018%200.568849%206.44018%201.27991V1.93002H1.27991C0.568849%201.93002%200%202.49887%200%203.20993C0%203.92099%200.568849%204.48984%201.27991%204.48984H16.7201C17.4312%204.48984%2018%203.92099%2018%203.20993C18%202.49887%2017.4312%201.93002%2016.7201%201.93002Z'%20fill='white'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;border:none}.card__like-button:hover,.card__delete:hover{opacity:.6;cursor:pointer}.card__like-button_is-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")}.block{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.form{margin:0 auto;width:430px;height:330px;opacity:1;border-radius:10px;background-color:#fff}.form__title{margin:34px 0 48px;font-weight:900;font-size:clamp(1.125rem,.9107rem + 1.0714vw,1.5rem);line-height:100%;letter-spacing:0%;color:#000}.form__fieldset{margin:0 34px;padding:0;position:relative;border:none}.form__input{margin:0;padding:0 0 10px;width:100%;font-weight:400;font-size:14px;line-height:100%;letter-spacing:0%;outline:none;border:none;border-bottom:1px solid #e1e1e1;transition:.3s ease}.form__input:focus{background:#f2f2f2d9;border:none;border-radius:2px}.form__button{width:100%;height:50px;background-color:#000;color:#fff;border-radius:2px;margin-bottom:32px;box-sizing:border-box;border-style:none;font-weight:400;font-size:18px;line-height:100%;letter-spacing:0%;text-align:center}.form__button_disabled{background-color:transparent;color:#000;border:1px solid #000000;opacity:.2;cursor:default}.form__input_type_error{border-bottom:1px solid #ff0000}.form__error{font-size:12px;line-height:1.25;color:red}.form__error_visible{opacity:1}.form__button:hover{opacity:80%}@media screen and (max-width:548px){.form{width:282px}.form__input{margin:0 0 22px}}.position_first_field{position:absolute;top:105px}.position_second_field{position:absolute;top:170px}.position__button{position:absolute;top:243px}.position_first_field-error{position:absolute;top:135px}.position_second_field-error{position:absolute;top:200px}.profile__picture-form{height:272px}.profile__picture-button{top:186px}.popup{padding:0;width:510px;border:none;background-color:transparent}.popup__close{width:40px;height:40px;opacity:1;border-radius:2px;border-width:2px;position:relative;left:470px;background-color:transparent;background-image: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");background-repeat:no-repeat;background-position:center;border:none}.popup__close:hover{opacity:.6;cursor:pointer}.popup::backdrop{background-color:#00000059}@media screen and (max-width:548px){.popup{width:282px}.popup__close{left:240px}}.image-dialog{margin:auto;padding:0;border:none;background-color:transparent;overflow:visible}.image-dialog::backdrop{background-color:#00000059}.image-dialog__content{position:relative;padding:0;margin:0}.image-dialog__image{display:block;max-width:75vw;max-height:75vh;width:auto;height:auto;object-fit:contain}.image-dialog__caption{margin:10px 0 0;max-width:75vw;font-size:12px;line-height:1.25;font-weight:400;text-align:left;color:#fff}.image-dialog__close{width:40px;height:40px;position:absolute;top:-40px;right:-40px;background-color:transparent;background-image: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");background-repeat:no-repeat;background-position:center;border:none}.image-dialog__close:hover{opacity:.6;cursor:pointer}.delete__form{height:181px}.delete__button{top:95px}.footer{margin:0 auto;width:auto;color:#545454}.footer__copyright{margin:67px 0 60px;font-weight:400;font-size:clamp(.875rem,.7917rem + .4167vw,1.125rem);line-height:100%;letter-spacing:0%}@media screen and (max-width:880px){.footer{padding:0 19px;box-sizing:border-box}}