/* The generic .btn display rule must never override the HTML hidden state. */
.web-auth.account-access [hidden]{display:none!important}
.web-auth.account-access[hidden]{display:none!important}
.web-auth.account-access{padding:28px 30px;background:#f3f8f5;border:1px solid #dce8df;border-radius:14px 14px 0 0;color:#123e32}
.account-access .account-heading{display:flex;align-items:center;gap:13px;margin-bottom:22px}
.account-access .account-avatar{width:46px;height:46px;display:grid;place-items:center;flex:0 0 auto;border:1px solid #c8ddcf;background:#e7f1e9;border-radius:50%;color:#00563f}
.account-access .account-avatar svg{width:24px;height:24px}
.account-access .account-heading-copy{flex:1;min-width:0}
.account-access .account-eyebrow{font:600 10px/1.4 system-ui,sans-serif;letter-spacing:.12em;color:#557264;margin:0 0 5px}
.account-access h2{font:700 20px/1.3 system-ui,sans-serif;letter-spacing:-.025em;margin:0;color:#004e3b}
.account-access .account-active{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#e2eee5;color:#245c3e;font:600 12px/1.3 system-ui,sans-serif;white-space:nowrap}
.account-access .account-identity-label{font:500 12px/1.5 system-ui,sans-serif;color:#61766b;margin:0 0 4px}
.account-access .account-identity{font:650 21px/1.35 system-ui,sans-serif;color:#123e32;margin:0 0 8px;overflow-wrap:anywhere}
.account-access .account-description{font:400 14px/1.6 system-ui,sans-serif;color:#526d60;margin:0 0 18px}
.account-access .account-hint{font:400 12px/1.6 system-ui,sans-serif;color:#647a6e;margin:12px 0 0;max-width:550px}
.account-access .account-login-actions,.account-access .account-order-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.account-access .account-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid #dce8df;margin-top:20px;padding-top:20px}
.account-access .account-text-action{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 4px;border:0;background:transparent;color:#1d5d46;text-decoration:underline;text-underline-offset:4px;font:600 13px/1.4 system-ui,sans-serif;cursor:pointer}
.account-access .account-sign-out{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 15px;background:transparent;border:1px solid #bbcec1;border-radius:7px;color:#496759;font:500 13px/1.4 system-ui,sans-serif;cursor:pointer}
.account-access .account-message{font:400 12px/1.6 system-ui,sans-serif;color:#526d60;margin:12px 0 0;overflow-wrap:anywhere}
.account-access .account-message:empty{display:none}
.account-access button:focus-visible{outline:3px solid #a77a23;outline-offset:4px}
.account-access button:disabled{opacity:.6;cursor:wait}
@media(max-width:560px){.web-auth.account-access{padding:22px 20px}.account-access .account-heading{display:grid;grid-template-columns:40px 1fr;gap:10px 12px}.account-access .account-avatar{width:40px;height:40px;grid-column:1;grid-row:1/3;align-self:start}.account-access .account-heading-copy{grid-column:2}.account-access h2{font-size:18px}.account-access .account-active{grid-column:2;justify-self:start;margin-left:0}.account-access .account-identity{font-size:19px}.account-access .account-actions{gap:12px}.account-access .account-order-actions{gap:14px}.account-access .account-order-actions .btn{padding:13px 17px}.account-access .account-sign-out{margin-left:auto}}