.commerce-loading{min-width:0;padding:20px 0}.commerce-loading>p{color:var(--brand-muted);font-size:var(--brand-data-size);margin:0 0 14px;line-height:1.6}.commerce-loading-shapes{gap:12px;display:grid}.commerce-loading-row{border-radius:var(--brand-radius);background:var(--brand-surface);gap:12px;padding:20px;display:grid}.commerce-loading-row span{background:color-mix(in srgb, var(--brand-line) 65%, var(--brand-surface));border-radius:4px;width:80%;height:12px;animation:1.5s ease-in-out infinite alternate commerce-loading-pulse;display:block}.commerce-loading-row span:first-child{width:42%;height:16px}.commerce-loading-row span:last-child{width:60%}.commerce-loading.is-list .commerce-loading-row{min-height:116px}.commerce-loading.is-table .commerce-loading-row{border-radius:8px;grid-template-columns:1.5fr 1fr 1fr;align-items:center;min-height:64px}.commerce-loading.is-table .commerce-loading-row span{width:85%;height:12px}.commerce-load-error{justify-items:start;gap:14px;margin:18px 0;display:grid}:is(.commerce-page,.admin-surface,.flow-dialog) .commerce-error-notice,.auth-page .auth-message[role=alert]{border:1px solid var(--brand-error-line);background:var(--brand-error-surface);color:var(--brand-error);font-size:var(--brand-body-size);overflow-wrap:anywhere;line-height:1.7}.commerce-error-notice{align-items:flex-start;gap:9px;display:flex}.commerce-error-notice>svg{flex:none;margin-top:2px}.commerce-error-notice>span{min-width:0}.commerce-load-error .commerce-error-notice{margin:0}.commerce-empty-state{min-width:0;color:var(--brand-muted);font-size:var(--brand-body-size);justify-items:start;gap:8px;padding:24px 16px;line-height:1.7;display:grid}.commerce-empty-state>p{max-width:65ch;margin:0}.commerce-empty-state>.commerce-empty-title{color:var(--brand-text);font-weight:600}.commerce-empty-actions{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.auth-page .button{white-space:normal;text-align:center}.flow-dialog-header,.account-dialog-heading{align-items:flex-start}.flow-dialog-header h2,.account-dialog-heading h2{overflow-wrap:anywhere;min-width:0;line-height:1.5}.flow-close,.account-dialog-close{flex:none;min-width:44px;min-height:44px}.flow-error{max-width:760px;padding-block:64px}.flow-error h1{letter-spacing:-.025em;font-size:clamp(28px,4vw,40px);line-height:1.3}.flow-error p{max-width:60ch;color:var(--brand-muted);font-size:16px;line-height:1.8}.flow-error>div{flex-wrap:wrap;gap:12px;display:flex}.flow-error .flow-error-code{font-size:var(--brand-meta-size);letter-spacing:.08em}@keyframes commerce-loading-pulse{0%{opacity:.55}to{opacity:1}}@media (pointer:coarse),(max-width:720px){.auth-page :is(.button,.flow-text-button,.auth-link,.ticket-view-link),.ticket-order-input>button{min-height:var(--brand-touch-target)}.auth-page :is(input:not([type=checkbox]):not([type=radio]),textarea),.auth-page :is(.auth-form,.ticket-create,.ticket-reply) :is(input:not([type=checkbox]):not([type=radio]),textarea),.ticket-create .ticket-order-input input{font-size:16px}.commerce-loading.is-table .commerce-loading-row{gap:12px;padding:16px 12px}.flow-error{padding-block:36px}}@media (prefers-reduced-motion:reduce){.commerce-loading-row span{animation:none}}
.appearance-menu{flex:none;position:relative}.auth-tools .appearance-trigger{width:40px;height:40px;color:var(--brand-text);border-radius:var(--brand-control-radius);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.appearance-options{z-index:50;border:1px solid var(--brand-line);background:var(--brand-surface);border-radius:10px;min-width:180px;padding:6px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 28px #00000018}.appearance-options button{width:100%;min-height:40px;color:var(--brand-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;display:flex}.appearance-options button span{flex:1}.appearance-options button:hover,.appearance-options button:focus-visible{background:var(--brand-bg)}.appearance-options button[aria-checked=true]{font-weight:600}.account-appearance{flex-wrap:wrap}@media (max-width:720px){.auth-tools .appearance-trigger,.appearance-options button{min-height:44px}.auth-tools .appearance-trigger{width:44px}}