.header-account,.header-avatar{position:relative;flex-shrink:0}.header-avatar{width:44px;height:44px;--avatar-fill:#101313;border:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#ddf0e3;background:transparent;font-size:12px;letter-spacing:.02em}.header-avatar:after,.header-avatar:before{content:"";position:absolute;inset:0;border-radius:inherit;background:#ffffff26;pointer-events:none}.header-avatar:after{inset:1px;background:var(--avatar-fill)}.header-avatar>span,.header-avatar>svg{position:relative;z-index:1}.header-avatar-active{--avatar-fill:#16201b}.header-avatar i{position:absolute;bottom:0;inset-inline-end:1px;width:9px;height:9px;border-radius:50%;background:#62cd91;border:2px solid #070c09}.header-account-panel{position:absolute;top:calc(100% + 12px);inset-inline-end:0;width:min(280px,calc(100vw - 32px));background:#0b0d0df5;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 18px 60px #0009;backdrop-filter:blur(20px);padding:8px;font-family:var(--font-sans);line-height:1.5;z-index:140}.header-account-panel p{color:#b9c7bf;overflow-wrap:anywhere;font-size:12px;padding:8px 10px 12px}.header-account-panel a,.header-account-panel button{display:flex;align-items:center;gap:12px;min-height:44px;width:100%;padding:10px;border-radius:12px;font-family:inherit;font-size:14px;text-align:start;color:#e5eee8}.header-account-panel a:hover,.header-account-panel button:hover{background:#ffffff09}.header-account-panel a:focus-visible,.header-account-panel button:focus-visible{outline:2px solid #8bd0a7;outline-offset:-2px}.account-avatar-photo{position:absolute;inset:1px;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:50%;z-index:1;object-fit:cover}.header-avatar i{z-index:2}.header-account-panel{max-width:calc(100vw - 32px)}@media (max-width:1023px){.header-account-panel{position:fixed;top:74px;inset-inline:16px;width:auto}}