.header-account{flex-shrink:0;position:relative}.header-avatar{--avatar-shape:polygon(9px 0, 100% 0, 100% calc(100% - 9px), calc(100% - 9px) 100%, 0 100%, 0 9px);--avatar-fill:#08120d;color:#ddf0e3;letter-spacing:.02em;background:0 0;border:0;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:12px;display:inline-flex;position:relative}.header-avatar:before,.header-avatar:after{content:"";clip-path:var(--avatar-shape);pointer-events:none;background:#375846;position:absolute;inset:0}.header-avatar:after{background:var(--avatar-fill);inset:1px}.header-avatar>span,.header-avatar>svg{z-index:1;position:relative}.header-avatar-active{--avatar-fill:#133924}.header-avatar i{bottom:0;background:#62cd91;border:2px solid #070c09;border-radius:50%;width:9px;height:9px;position:absolute;inset-inline-end:1px}.header-account-panel{top:calc(100% + 12px);z-index:140;background:#08110c;border:1px solid #314b3b;width:min(280px,100vw - 32px);padding:12px;position:absolute;inset-inline-end:0;box-shadow:0 18px 50px #0009}.header-account-panel p{color:#b9c7bf;overflow-wrap:anywhere;padding:8px 10px 12px;font-size:12px}.header-account-panel a,.header-account-panel button{text-align:start;color:#e5eee8;align-items:center;gap:12px;width:100%;min-height:44px;padding:10px;font-size:14px;display:flex}.header-account-panel a:hover,.header-account-panel button:hover{background:#142b1d}.header-account-panel a:focus-visible,.header-account-panel button:focus-visible{outline-offset:-2px;outline:2px solid #8bd0a7}.account-avatar-photo{width:calc(100% - 2px);height:calc(100% - 2px);clip-path:var(--avatar-shape);z-index:1;object-fit:cover;position:absolute;inset:1px}.header-avatar i{z-index:2}.header-account-panel{max-width:calc(100vw - 32px)}@media (max-width:1023px){.header-account-panel{top:74px;width:auto;position:fixed;inset-inline:16px}}