.page__content{max-width:1280px;min-width:320px;margin:0 auto;padding:0 200px;font-family:Inter;display:flex;flex-direction:column;align-items:center}@media screen and (max-width: 1024px){.page__content{padding:0}}body{background-color:#000;margin:0}.header{height:74px;width:100%;padding:20px 0;display:flex;justify-content:space-between;align-items:center;color:#fff;border-bottom:1px solid rgba(84,84,84,.7)}.header__container{display:flex;justify-content:space-between;flex:1;padding-right:20px;padding-left:20px}.header__user-info{display:flex;align-items:center;gap:24px}.header__email{color:#fff;font-size:18px;font-weight:400;margin:0}.header__logout{background:transparent;border:none;color:#a9a9a9;font-size:16px;cursor:pointer;transition:opacity .3s}.header__logout:hover{opacity:.8}.header__auth-links .header__link{color:#fff;text-decoration:none;font-size:18px;transition:opacity .3s}.header__auth-links .header__link:hover{opacity:.8}.header__line{width:100%;opacity:.7;border:.5px solid #545454;max-width:880px}.header__user-info--desktop{display:flex}.header__options-btn{display:none;background:none;border:none;cursor:pointer}.header__mobile-menu{display:none}@media screen and (max-width: 1024px){.header__logo{width:130px;height:28px}.header__email{font-size:16px}.header__logout{font-size:14px}}@media screen and (max-width: 544px){.header{height:auto;margin:0;padding:0}.header__container{justify-content:space-between;padding:25px}.header__logo{width:126px;height:24px}.header__user-info{gap:8px;width:100%}.header__email,.header__logout,.header__auth-links .header__link{font-size:14px}.header__user-info--desktop{display:none}.header__options-btn{display:block}.header__options-icon{width:24px;height:24px}.header__mobile-menu{display:flex;flex-direction:column;align-items:center;background-color:#000;width:100%;padding:20px 0;border-bottom:1px solid rgba(84,84,84,.7)}.header__mobile-menu .header__email{font-size:16px;margin-bottom:12px}.header__mobile-menu .header__logout{font-size:14px;color:#a9a9a9}.header__mobile{display:flex;flex-direction:column-reverse;width:100%;border-bottom:1px solid rgba(84,84,84,.7)}}.profile{display:flex;flex-direction:row;width:880px;height:120px;margin:40px auto 0;align-items:center;justify-content:center}.profile__avatar{width:120px;height:120px;border-radius:50%;position:relative;overflow:hidden}.profile__avatar-image{display:block;width:100%;height:100%;margin-right:20px}.profile__avatar-edit{opacity:1;inset:0;position:absolute;z-index:10;border:none;background-color:#0009;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;cursor:pointer}.profile__avatar:hover .profile__avatar-edit{opacity:1}.profile__avatar-edit-icon{width:26px;height:26px}.profile__info{border-width:1px;color:#fff;gap:18px;align-items:center;width:415px;height:77px;margin-top:22px;margin-left:30px}.profile__info-line{display:flex;gap:18px;width:430px;align-items:center}.profile__info-name{font-family:Inter;font-weight:500;font-size:42px;line-height:48px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile__info-occupation{font-family:Inter;font-weight:400;font-size:18px;line-height:21px;margin-top:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile__info-edit{background-color:#000;height:24px;border-width:1px;background-repeat:no-repeat;border:1px solid #ffffff}.profile__info-edit:hover{opacity:50%}.profile__add-button{width:150px;height:50px;margin-left:auto;margin-top:13px;border:2px solid #ffffff;background-color:#000}.profile__add-button:hover{opacity:50%}@media screen and (max-width: 1024px){.profile{width:700px}.profile__avatar{margin-right:20px}.profile__info-name{font-size:35px}}@media screen and (max-width: 544px){.profile{display:flex;flex-direction:column;justify-content:center;align-items:center;width:282px;height:286px;margin:42px auto 0;padding:0}.profile__avatar{margin:0}.profile__info{width:100%}.profile__info-line{width:244px;height:22px;margin:30px auto 0}.profile__info-name{font-weight:500;font-size:22px;text-align:center;width:196px}.profile__info-occupation{font-size:14px;line-height:16px;text-align:center;width:240px}.profile__add-button{width:282px;height:50px;margin:36px auto 0;padding:0}.profile__add-button-icon{width:16px;height:16px}}.elements__list{display:grid;grid-template-columns:repeat(3,282px);gap:17px 20px;max-width:880px;margin:50px auto 0;padding:0}.card__elements{max-height:361px;width:282px;border-radius:10px;background-color:#fff;position:relative;overflow:hidden}.card__image{width:282px;height:282px;object-fit:cover}.card__description{display:flex;justify-content:space-between;align-items:center;width:246px;height:23px;margin:18px 15px 31px 21px}.card__delete-button{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.79007H1.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-color:transparent;border:none;width:18px;height:19.3px;margin:18px 15px 244px 249px;padding:0;position:absolute}.card__delete-button:hover{opacity:50%}.card__title{font-family:Inter;font-weight:900;font-size:24px;font-style:bold;max-width:225px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.card__like-button{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");width:21px;height:19px;border:none;background-color:transparent;padding:0}.card__like-button:hover{opacity:50%}.card__like-button_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){.elements__list{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr;padding:0 100px;max-width:582px}}@media screen and (max-width: 544px){.elements__list{grid-template-columns:1fr;grid-template-rows:1fr;padding:0;width:282px}}.popup_type_image{position:fixed;inset:0;display:none;width:100vw;height:100vh;background-color:#00000080;justify-content:center;align-items:center}.popup_opened{display:flex}.popup__image-container{position:relative;background-color:transparent!important;justify-content:center;align-items:center;flex-direction:column;width:auto;height:auto}.popup__image{max-width:100%;max-height:100%;object-fit:contain}.popup__caption{font-family:Inter;font-weight:400;font-size:12px;color:#fff;background-color:transparent}.popup__close-button{position:absolute;right:-40px;top:-60px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAYAAABX5MJvAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEBSURBVHgBxdeNDYIwEAXggwkYxQ10EzqKm+gGjuAIjuIIzzahppJSeu09fEkDCUfyhb87RP4QAFPp4C0s4QJOfr39mmUDEEOBJICYeQtAgWQAX8i41AyZ85wVJAD85ulX7lkY0sI78umCFK5AiMudYApRA6whzQArSDegF2IGaIWYA7QQGqAWQgdUQB6HACogxwCUECfsLLfADDAq62MzuhRKzsIMym9BGs5gpABwIDuAMHdQxoBqQFLHgUD5JTSHoPFTbAZBZy/ohsCoGTVDYNwN1RCQ2nE1BOR5YBfidyYcMA8UINdY4JiAAuSF9A99BXFCSgL5BawgTsgJtyAFfAC7ZN6+2BNT3wAAAABJRU5ErkJggg==);background-size:40px 40px;width:40px;height:40px;border:none;background-color:transparent}.auth{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:260px;min-height:85vh}.auth__title{color:#fff;font-size:24px;font-weight:900;margin-bottom:40px;text-align:center}.auth__form{display:flex;flex-direction:column;width:358px}.auth__input{border:none;border-bottom:2px solid #ccc;margin-bottom:30px;padding:10px 0;font-size:14px;background-color:transparent;color:#fff;outline:none}.auth__button{background-color:#fff;color:#000;border:none;border-radius:2px;height:58px;font-size:16px;cursor:pointer;margin-top:200px}.auth__button:hover{opacity:.85}.auth__text{color:#fff;font-size:14px;margin-top:15px}.auth__link{color:#fff;font-weight:500}.auth__link:hover{text-decoration:underline}@media (max-width: 1024px){.auth__title{font-size:22px;margin-bottom:35px}.auth__input{font-size:13px;margin-bottom:28px}.auth__button{height:48px;font-size:15px}.auth__text{font-size:13px}}@media (max-width: 544px){.auth{padding:0 20px}.auth__title{font-size:20px;margin-bottom:30px}.auth__form{width:100%}.auth__input{font-size:13px;margin-bottom:24px}.auth__button{height:46px;font-size:14px;margin-top:173px}.auth__text{font-size:12px}}.tooltip{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;visibility:hidden;opacity:0;display:flex;align-items:center;justify-content:center;transition:opacity .3s,visibility .3s;z-index:10}.tooltip_opened{visibility:visible;opacity:1}.tooltip__container{position:relative;background-color:#fff;border-radius:10px;width:430px;height:330px;box-shadow:0 0 25px #00000026;display:flex;flex-direction:column;align-items:center;justify-content:center}.tooltip__close{position:absolute;top:-40px;right:-40px;background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAYAAABX5MJvAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEBSURBVHgBxdeNDYIwEAXggwkYxQ10EzqKm+gGjuAIjuIIzzahppJSeu09fEkDCUfyhb87RP4QAFPp4C0s4QJOfr39mmUDEEOBJICYeQtAgWQAX8i41AyZ85wVJAD85ulX7lkY0sI78umCFK5AiMudYApRA6whzQArSDegF2IGaIWYA7QQGqAWQgdUQB6HACogxwCUECfsLLfADDAq62MzuhRKzsIMym9BGs5gpABwIDuAMHdQxoBqQFLHgUD5JTSHoPFTbAZBZy/ohsCoGTVDYNwN1RCQ2nE1BOR5YBfidyYcMA8UINdY4JiAAuSF9A99BXFCSgL5BawgTsgJtyAFfAC7ZN6+2BNT3wAAAABJRU5ErkJggg==) center/contain no-repeat;border:none;width:32px;height:32px;cursor:pointer;transition:opacity .2s}.tooltip__close:hover{opacity:.6}.tooltip__icon{width:120px;height:120px;margin-bottom:32px}.tooltip__text{color:#000;font-weight:700;font-size:24px;text-align:center;max-width:350px}@media (max-width: 544px){.tooltip__container{width:280px}.tooltip__text{font-size:20px;padding:0 18px}.tooltip__close{top:-55px;right:auto}}.popup{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.popup__content{position:relative;background-color:#fff;width:430px;border-radius:10px;display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 0 25px #00000026}.popup__form{width:100%;display:flex;flex-direction:column;align-items:center}.popup__close-button{position:absolute;right:-40px;top:-60px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAYAAABX5MJvAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEBSURBVHgBxdeNDYIwEAXggwkYxQ10EzqKm+gGjuAIjuIIzzahppJSeu09fEkDCUfyhb87RP4QAFPp4C0s4QJOfr39mmUDEEOBJICYeQtAgWQAX8i41AyZ85wVJAD85ulX7lkY0sI78umCFK5AiMudYApRA6whzQArSDegF2IGaIWYA7QQGqAWQgdUQB6HACogxwCUECfsLLfADDAq62MzuhRKzsIMym9BGs5gpABwIDuAMHdQxoBqQFLHgUD5JTSHoPFTbAZBZy/ohsCoGTVDYNwN1RCQ2nE1BOR5YBfidyYcMA8UINdY4JiAAuSF9A99BXFCSgL5BawgTsgJtyAFfAC7ZN6+2BNT3wAAAABJRU5ErkJggg==);background-size:40px 40px;width:40px;height:40px;border:none}.popup__close-button:hover{opacity:50%}.popup_opened{display:flex;flex-direction:column;background-color:#00000080;justify-content:center;align-items:center}.popup__title{font-family:Inter;font-weight:900;font-size:24px;color:#000;margin-top:24px;padding-left:36px}.popup__form-fieldset{border:none;padding:0;margin:0 36px;min-height:28px}.popup__form-first-label{max-width:358px;display:block}.popup__form-second-label{margin:0;display:block}.popup__form-input{width:358px;border:0;background-color:transparent;box-sizing:border-box;justify-content:center;border-bottom:1px solid rgba(0,0,0,.2)}.popup__form-save{width:358px;height:50.15px;border-radius:2px;background-color:#000;font-family:inherit;font-size:18px;font-weight:400;color:#fff;margin-top:auto;margin-bottom:30px}.popup__form-save:hover{opacity:50%}.error-message{visibility:hidden;color:red;font-family:Inter;font-weight:400;font-size:12px;margin:0;height:30.4px;width:100%}.error-message_show_error{visibility:visible}.popup__button_disabled{color:#fff;opacity:.2}@media screen and (max-width: 544px){.popup__content{width:280px}.popup__form{width:282px;border-radius:10px}.popup__close-button{width:26px;height:26px;top:-45px;right:0;background-size:contain}.popup__form-title{width:238px;font-size:18px;margin-top:25px;padding:0 22px}.popup__form-input,.popup__form-line{width:238px}.popup__form-save{width:238px;font-size:16px;margin-top:0}}.footer{max-width:880px;margin:67px auto 60px}.footer__copyright{color:#545454;margin:0;font-weight:400;font-size:18px}@media screen and (max-width: 1024px){.footer{margin-left:100px}.footer__copyright{font-size:16px}}@media screen and (max-width: 544px){.footer{padding:0 19px;margin:50px 0 36px}.footer__copyright{font-size:14px}}@font-face{font-family:Inter;font-style:normal;font-weight:400;src:url(/assets/Inter-Regular-B0QUfDW0.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;src:url(/assets/InterDisplay-Medium-CYGNL_ty.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:900;src:url(/assets/Inter-ExtraBold-BN24N3BS.woff2) format("woff2")}