.header-profile{height:100dvh}.header-profile__close{left:8px;position:absolute;top:24px;--button-font-size:18px;--button-icon-size:28px;z-index:1}@media (min-width:768px) and (max-width:1024px){.header-profile__close{left:4px}}@media (max-width:767px){.header-profile__close{left:16px;top:16px;--button-icon-size:30px;--button-min-height:36px;--button-height:36px}}.header-profile__content{display:flex;height:100%;justify-content:flex-start;transform:translate(0);transition:transform .4s ease-in-out;will-change:transform}@media (max-width:767px){.header-profile__content{width:100%}}.header-profile__content .c-tabs{padding:32px 0 32px 32px;width:calc(100% - 32px)}@media (max-width:767px){.header-profile__content .c-tabs{height:calc(100dvh - 78px);overflow:auto;padding:16px 16px 0}}.header-profile__content .c-tabs .c-tab{padding-right:32px;text-align:start}@media (max-width:767px){.header-profile__content .c-tabs .c-tab{padding:0 2px}}.header-profile__user-role{align-items:flex-start;display:flex;flex-direction:column;font-size:16px;gap:2px}@media (max-width:767px){.header-profile__user-role{font-size:13px;margin-left:0}}.header-profile__main{min-height:100%;--c-menu-top-margin:96px;--menu-items-width:34%;--menu-button-padding:0 40px}@media (min-width:768px) and (max-width:1024px){.header-profile__main{--menu-items-width:33%;--menu-button-padding:0 32px}}@media (max-width:767px){.header-profile__main{--menu-items-width:24%;--menu-button-padding:0 8px}}