.recess-button{min-height:48px;font-family:var(--font-display);text-transform:uppercase;cursor:pointer;border:1px solid #0000;border-radius:0;justify-content:center;align-items:center;gap:8px;padding:12px 31px;font-size:15px;font-weight:700;line-height:1.4;transition:background-color .16s,border-color .16s,color .16s,transform .12s;display:inline-flex}.recess-button--primary{background:var(--recess-action-primary-background,var(--recess-primary,var(--fg-primary)));color:var(--recess-action-primary-foreground,var(--recess-neutral,var(--fg-inverse)))}.recess-button--secondary{background:var(--recess-action-secondary-background,var(--recess-surface,var(--surface)));border-color:var(--recess-action-secondary-border,var(--recess-secondary,var(--line-mid)));color:var(--recess-action-secondary-foreground,var(--recess-text-primary,var(--fg-primary)))}.recess-button--quiet{color:var(--recess-text-primary,var(--fg-primary));background:0 0}.recess-button--small{min-height:40px;padding:8px 20px}.recess-button--large{min-height:60px;padding:18px 36px}.recess-button--primary:hover:not(:disabled),.recess-button--primary[data-demo-state=hover]{background:var(--recess-action-primary-hover,var(--recess-near-black,#241c18))}.recess-button--secondary:hover:not(:disabled),.recess-button--secondary[data-demo-state=hover],.recess-button--quiet:hover:not(:disabled),.recess-button--quiet[data-demo-state=hover]{background:var(--recess-action-quiet-hover,var(--recess-surface-subtle,var(--surface-sand)))}.recess-button:active:not(:disabled),.recess-button[data-demo-state=pressed]{transform:translateY(1px)}.recess-button[data-demo-state=focus]{outline:2px solid var(--recess-action-focus,var(--recess-text-link,var(--fg-blue)));outline-offset:4px}.recess-button:disabled{opacity:.45;cursor:not-allowed}.recess-button:focus-visible,.recess-field input:focus-visible{outline:2px solid var(--recess-action-focus,var(--recess-surface-blue,var(--fg-blue)));outline-offset:4px}.recess-field{gap:8px;width:100%;max-width:340px;font-size:14px;display:grid}.recess-field input{border:1px solid var(--line-default);background:var(--surface);width:100%;color:var(--fg-primary);font:inherit;border-radius:4px;padding:14px}.recess-field input[aria-invalid=true]{border-color:var(--status-error)}.recess-field>span{color:var(--status-error);font-size:12px}.recess-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex:0 0 18px;width:18px;height:18px;animation:.8s linear infinite recess-spin;display:block}.recess-button__icon{flex:none;place-items:center;display:inline-grid}.recess-button__icon>svg{width:1.25em;height:1.25em}@keyframes recess-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.recess-button{transition:none}.recess-spinner{animation:none}}