.button-state-demo[data-v-8e725638]{background:var(--foundation-subject-soft);min-height:180px;color:var(--foundation-subject-ink);align-content:center;justify-items:center;gap:20px;padding:24px 16px;display:grid}.button-state-demo[data-v-8e725638],.state-button[data-v-8e725638]{border:1px solid var(--foundation-subject-line);border-radius:8px}.state-button[data-v-8e725638]{background:var(--foundation-subject-surface);min-width:160px;min-height:44px;color:inherit;font:inherit;cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;display:inline-flex}.state-button[data-v-8e725638]:hover:not(:disabled):not([aria-disabled=true]),.state-button[aria-pressed=true][data-v-8e725638],.state-button[data-state=hover][data-v-8e725638]{background:var(--foundation-subject-stage);border-color:var(--foundation-subject-ink)}.state-button[data-v-8e725638]:active:not(:disabled):not([aria-disabled=true]),.state-button[data-state=active][data-v-8e725638]{background:var(--foundation-subject-ink);color:var(--foundation-subject-surface);transform:translateY(2px)}.state-button[data-state=focus][data-v-8e725638],button[data-v-8e725638]:focus-visible{outline:2px solid var(--foundation-subject-ink);outline-offset:4px}.state-button[data-v-8e725638]:disabled{opacity:.5;cursor:not-allowed}.state-button[aria-disabled=true][data-v-8e725638]{cursor:default}.state-button[data-state=success][data-v-8e725638]{color:oklch(40% .1 150);border-color:currentColor}.state-button[data-state=error][data-v-8e725638]{color:oklch(47% .16 28);border-color:currentColor}.state-feedback[data-v-8e725638]{text-align:center;max-width:420px;margin:0;font-size:12px;line-height:1.8}.result-actions[data-v-8e725638]{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.result-actions button[data-v-8e725638]{border:1px solid var(--foundation-subject-line);background:var(--foundation-subject-surface);min-height:44px;color:inherit;font:inherit;cursor:pointer;border-radius:6px;padding:8px 12px;font-size:12px}.spinner[data-v-8e725638]{border:2px solid var(--foundation-subject-stage);border-top-color:var(--foundation-subject-ink);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite button-state-spin-8e725638}.thumbnail[data-v-8e725638]{background:0 0;border:0;min-height:100px;padding:16px}.thumbnail .state-button[data-v-8e725638]{cursor:inherit}@keyframes button-state-spin-8e725638{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.spinner[data-v-8e725638]{animation:none}}.button-article-figures[data-v-4eee54d5]{--button-ink:var(--foundation-subject-ink);--button-line:var(--foundation-subject-line);--button-soft:var(--foundation-subject-stage);--button-surface:var(--foundation-subject-surface)}.sample-button[data-v-4eee54d5]{box-sizing:border-box;border:1px solid var(--button-ink);background:var(--button-ink);max-width:100%;min-height:44px;color:var(--button-surface);font:inherit;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;display:inline-flex}.sample-button.dashed[data-v-4eee54d5],.sample-button.outline[data-v-4eee54d5]{color:var(--button-ink);border-color:var(--button-line);background:0 0}.sample-button.dashed[data-v-4eee54d5]{border-style:dashed}.sample-button.soft[data-v-4eee54d5]{background:var(--button-soft);color:var(--button-ink);border-color:#0000}.sample-button.link[data-v-4eee54d5],.sample-button.text[data-v-4eee54d5]{color:var(--button-ink);background:0 0;border-color:#0000}.sample-button.link[data-v-4eee54d5]{text-underline-offset:4px;text-decoration:underline}.sample-button.pill[data-v-4eee54d5]{border-radius:999px}.appearance-thumb[data-v-4eee54d5]{pointer-events:none}.appearance-stage[data-v-4eee54d5]{box-sizing:border-box;border:1px solid var(--button-line);background:var(--foundation-subject-soft);border-radius:8px;place-items:center;width:100%;max-width:360px;min-height:156px;margin-inline:auto;padding:24px 16px;display:grid}.figure-note[data-v-4eee54d5]{color:var(--button-ink);margin:16px 0 0;font-size:12px;line-height:1.8}button[data-v-4eee54d5]:focus-visible{outline:2px solid var(--button-ink);outline-offset:4px}