.account-dropdown{position:relative;min-width:0}.account-dropdown>.user-account{font:inherit;cursor:pointer;text-align:left}.account-dropdown-panel{position:absolute;right:0;top:calc(100% + 12px);width:230px;padding:7px;background:#fff;border:1px solid #dbe4ef;border-radius:10px;box-shadow:0 12px 35px #0e346126;z-index:60}.account-dropdown-panel[hidden]{display:none!important}.account-dropdown-panel>a,.account-dropdown-panel>button{display:flex;align-items:center;gap:11px;width:100%;border:0;border-radius:6px;padding:12px 13px;text-align:left;font:500 15px 'IBM Plex Sans Thai',sans-serif;background:white;color:#0e3461;cursor:pointer;text-decoration:none}.account-dropdown-panel>a:hover,.account-dropdown-panel>button:hover{background:#f0f5fc}.account-dropdown-panel svg{width:20px;height:20px;flex-shrink:0;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;fill:none}.account-dropdown-panel>.account-dropdown-logout{border-top:1px solid #e1e7f0;border-radius:0 0 6px 6px;margin-top:4px;color:#a33d2d}.account-dropdown-panel>button:disabled{opacity:.5;cursor:wait}.account-dropdown-panel a:focus-visible,.account-dropdown-panel button:focus-visible{outline:2px solid #fdb523;outline-offset:-2px}.account-dropdown-error{display:block;color:#a33d2d;font-size:12px;padding:9px;line-height:1.6}.account-dropdown-error[hidden]{display:none}.account-dropdown .user-account[aria-expanded=true]{background:#eef3fa}.account-dropdown .user-account-chevron{transition:transform .15s}.account-dropdown .user-account[aria-expanded=true] .user-account-chevron{transform:rotate(180deg)}@media(max-width:480px){.account-dropdown-panel{width:210px;right:0}}
.account-dropdown:has(>.user-account[hidden]){display:none}