@layer components{.spinner{border:3px solid color-mix(in srgb, var(--control-ink,currentColor) 30%, transparent);border-top-color:var(--control-ink,currentColor);width:1.1em;height:1.1em;animation:.7s linear infinite spinner-turn}@media (prefers-reduced-motion:reduce){.spinner{animation:none}}.button[data-focus-visible],.button:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.button{letter-spacing:-.015em;align-items:center;gap:var(--space-xs);text-transform:uppercase;transition:background-color var(--transition-fast,0) var(--timing,ease), color var(--transition-fast,0) var(--timing,ease), transform var(--transition-fast,0) var(--timing,ease);white-space:nowrap;justify-content:center;font-size:clamp(1.25rem,3vmin,1.75rem);font-weight:800;font-stretch:112%;line-height:1.05;text-decoration:none;display:inline-flex;position:relative}.button.small{gap:var(--space-2xs);font-size:1rem}.button.large{font-size:clamp(1.25rem,2.6vmin,2rem)}.button.filled{border:3px solid #0000}.button.filled .control-label{text-box:trim-both cap alphabetic}.button.filled.small{min-height:40px;padding:0 var(--space-s)}.button.filled.medium{min-height:52px;padding:0 var(--space-m)}.button.filled.large{min-height:72px;padding:0 var(--space-xl)}.button.filled{--control-ink:var(--field);background:var(--ink);color:var(--control-ink)}.button.filled:not([data-disabled])[data-pressed]{background:var(--ink-muted)}.button.outlined{border:3px solid #0000}.button.outlined .control-label{text-box:trim-both cap alphabetic}.button.outlined.small{min-height:40px;padding:0 var(--space-s)}.button.outlined.medium{min-height:52px;padding:0 var(--space-m)}.button.outlined.large{min-height:72px;padding:0 var(--space-xl)}.button.outlined{--control-ink:var(--ink);border-color:var(--ink);color:var(--control-ink)}.button.outlined:not([data-disabled])[data-pressed]{background:var(--ink);color:var(--field)}.button.underlined{--control-ink:var(--ink-muted);color:var(--control-ink);padding-block:var(--space-2xs);text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:2px}.button.underlined:not([data-disabled])[data-pressed]{--control-ink:var(--ink)}@media (hover:hover) and (pointer:fine){.button.filled:not([data-disabled])[data-hovered]{background:var(--ink-muted)}.button.outlined:not([data-disabled])[data-hovered]{background:var(--ink);color:var(--field)}.button.underlined:not([data-disabled])[data-hovered]{--control-ink:var(--ink)}}.button[data-pressed]{transform:translateY(2px)}.button[data-disabled]{--control-ink:var(--ink-muted);border-color:var(--rule);color:var(--control-ink);cursor:not-allowed;background:0 0}.button[data-pending]{color:#0000;cursor:progress}.button .spinner{margin:auto;position:absolute;inset:0}}@keyframes spinner-turn{to{transform:rotate(1turn)}}