.storefront .acct{grid-template-columns:minmax(0,1fr);gap:1.25rem;margin-top:1.25rem;display:grid}@media (min-width:64rem){.storefront .acct{grid-template-columns:15rem minmax(0,1fr);align-items:start;gap:3rem;margin-top:1.5rem}.storefront .acct-side{position:sticky;top:5.5rem}}.storefront .acct-who{align-items:center;gap:.75rem;min-width:0;display:flex}@media (min-width:64rem){.storefront .acct-who{padding:.25rem .75rem 1rem}}.storefront .acct-avatar{background:linear-gradient(135deg, var(--accent), rgba(var(--accent-rgb,109, 94, 252), .55));width:2.5rem;height:2.5rem;color:var(--accent-foreground);text-transform:uppercase;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:.9375rem;font-weight:500;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff14}.storefront .acct-nav{overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:.375rem;margin-inline:-1.5rem;padding:.125rem 1.5rem .25rem;display:flex;overflow-x:auto}.storefront .acct-nav::-webkit-scrollbar{display:none}.storefront .acct-nav-group{display:contents}.storefront .acct-nav-label{display:none}.storefront .acct-item{border:1px solid var(--border);background:var(--surface);min-height:2.5rem;color:var(--muted);white-space:nowrap;cursor:pointer;border-radius:999px;flex-shrink:0;align-items:center;gap:.5rem;padding:.5rem .875rem;font-size:.875rem;transition:background-color .15s,color .15s,border-color .15s;display:inline-flex;position:relative}.storefront .acct-item:active{background:var(--surface-2)}.storefront .acct-item[aria-current=page]{background:var(--accent-soft);border-color:rgba(var(--accent-rgb,109, 94, 252), .5);color:var(--foreground);font-weight:500}.storefront .acct-item-icon{color:var(--muted-2);flex-shrink:0;transition:color .15s;display:inline-flex}.storefront .acct-item[aria-current=page] .acct-item-icon{color:var(--accent-text,var(--accent))}.storefront .acct-count{background:var(--surface-3);min-width:1.25rem;height:1.25rem;color:var(--muted);font-variant-numeric:tabular-nums;border-radius:999px;justify-content:center;align-items:center;padding:0 .375rem;font-size:.6875rem;font-weight:500;display:inline-flex}.storefront .acct-item[aria-current=page] .acct-count{background:rgba(var(--accent-rgb,109, 94, 252), .25);color:var(--foreground)}.storefront .acct-signout{display:none}@media (min-width:64rem){.storefront .acct-nav{margin:0;padding:0;display:block;overflow:visible}.storefront .acct-nav-group{display:block}.storefront .acct-nav-group+.acct-nav-group{margin-top:1.25rem}.storefront .acct-nav-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2);margin:0 0 .375rem;padding:0 .75rem;font-size:.6875rem;font-weight:500;display:block}.storefront .acct-item{border-radius:var(--radius-md);text-align:left;background:0 0;border-color:#0000;gap:.625rem;width:100%;min-height:2.5rem;margin-bottom:.125rem;padding:.5rem .75rem .5rem .875rem;display:flex}@media (hover:hover){.storefront .acct-item:hover{background:var(--surface-2);color:var(--foreground)}}.storefront .acct-item[aria-current=page]{background:var(--accent-soft);border-color:#0000}.storefront .acct-item[aria-current=page]:before{content:"";background:var(--accent);border-radius:3px;width:3px;position:absolute;top:.625rem;bottom:.625rem;left:0}.storefront .acct-count{margin-left:auto}.storefront .acct-signout{border-top:1px solid var(--border);margin-top:1.25rem;padding-top:1rem;display:flex}}.storefront .acct-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.storefront .acct-stat:nth-child(3){grid-column:span 2}@media (min-width:640px){.storefront .acct-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.storefront .acct-stat:nth-child(3){grid-column:auto}}.storefront .acct-stat{border-radius:var(--store-radius);border:1px solid var(--store-card-border);background:var(--surface);min-width:0;box-shadow:var(--store-card-shadow);flex-direction:column;gap:.375rem;padding:1rem;display:flex}.storefront .acct-stat-label{color:var(--muted);align-items:center;gap:.5rem;font-size:.75rem;display:flex}.storefront .acct-stat-label>.acct-item-icon{color:var(--accent-text,var(--accent))}.storefront .acct-stat-value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:1.375rem;font-weight:500;line-height:1.2;overflow:hidden}.storefront .acct-balance{border-radius:var(--store-radius);border:1px solid rgba(var(--accent-rgb,109, 94, 252), .35);background:radial-gradient(60% 120% at 100% 0%, rgba(var(--accent-rgb,109, 94, 252), .28), transparent 60%), linear-gradient(135deg, rgba(var(--accent-rgb,109, 94, 252), .14), transparent 70%), var(--surface);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem;display:flex;position:relative;overflow:hidden}@media (min-width:640px){.storefront .acct-balance{padding:1.5rem}}.storefront .acct-balance-amount{letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin-top:.25rem;font-size:2rem;font-weight:500;line-height:1.1}@media (min-width:640px){.storefront .acct-balance-amount{font-size:2.5rem}}.storefront .acct-balance .btn-primary{min-height:2.75rem}@media (max-width:479.98px){.storefront .acct-balance .btn-primary{width:100%}}.storefront .acct-rows{border-radius:var(--store-radius);border:1px solid var(--store-card-border);background:var(--surface);overflow:hidden}.storefront .acct-row{align-items:center;gap:.75rem;min-height:3.75rem;padding:.75rem 1rem;transition:background-color .15s;display:flex}.storefront .acct-row+.acct-row{border-top:1px solid var(--border)}@media (hover:hover){.storefront .acct-row:hover{background:var(--surface-2)}}.storefront .acct-row:active{background:var(--surface-2)}.storefront .acct-row-icon{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-2);width:2.25rem;height:2.25rem;color:var(--muted);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.storefront .acct-row-icon.is-accent{color:var(--accent-text,var(--accent))}.storefront .acct-empty{text-align:center;border-radius:var(--store-radius);border:1px dashed var(--border-strong);background:var(--surface);flex-direction:column;align-items:center;padding:2.5rem 1.5rem;display:flex}.storefront .acct-empty-icon{background:var(--accent-soft);width:3rem;height:3rem;color:var(--accent-text,var(--accent));border-radius:999px;justify-content:center;align-items:center;margin-bottom:1rem;display:inline-flex}html[data-motion=on] .storefront .acct-panel{--ui-rise-y:6px;animation:ui-rise .35s var(--ease-out) backwards}