@layer kcdust{.kcdust-button{justify-content:center;align-items:center;gap:var(--kcdust-space-2);appearance:none;color:inherit;text-align:center;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--kcdust-radius-control);font-family:inherit;font-weight:500;line-height:1.2;text-decoration:none;display:inline-flex}.kcdust-button:not(.kcdust-surface){border:var(--kcdust-border-width-sm) solid transparent;transition:background-color var(--kcdust-duration-fast) var(--kcdust-ease-out), border-color var(--kcdust-duration-fast) var(--kcdust-ease-out), color var(--kcdust-duration-fast) var(--kcdust-ease-out), box-shadow var(--kcdust-duration-fast) var(--kcdust-ease-out);background:0 0}.kcdust-button.kcdust-surface{transition:--kcdust-grad-shift .18s var(--kcdust-ease-out), color var(--kcdust-duration-fast) var(--kcdust-ease-out), box-shadow .18s ease, border-color .18s ease, translate .11s ease}.kcdust-button.kcdust-surface:active:not(:disabled),.kcdust-button.kcdust-surface[aria-pressed=true]{--kcdust-grad-top:var(--kcdust-inset-top,-.045);--kcdust-grad-bot:var(--kcdust-inset-bot,.04)}.kcdust-button:not(.kcdust-surface):not([data-outline=true])[data-variant=primary]{background-color:var(--kcdust-color-accent)}.kcdust-button:not(.kcdust-surface):not([data-outline=true])[data-variant=alt]{background-color:var(--kcdust-color-accent-alt)}.kcdust-button:not(.kcdust-surface):not([data-outline=true])[data-variant=danger]{background-color:var(--kcdust-color-danger)}.kcdust-button:not(.kcdust-surface):not([data-outline=true])[data-variant=secondary]{background-color:var(--kcdust-color-bg-elevated);border-color:var(--kcdust-color-accent-ink)}.kcdust-button[data-size=xs]{padding:2px var(--kcdust-space-2);font-size:var(--kcdust-text-xs);min-height:1.625rem}.kcdust-button[data-size=sm]{padding:var(--kcdust-space-1) var(--kcdust-space-3);font-size:var(--kcdust-text-sm);min-height:2rem}.kcdust-button[data-size=md]{padding:.625rem var(--kcdust-space-4);font-size:var(--kcdust-text-base);min-height:2.75rem}.kcdust-button[data-size=lg]{padding:var(--kcdust-space-3) var(--kcdust-space-5);font-size:var(--kcdust-text-lg);min-height:3rem}.kcdust-button[data-variant=primary]{--kcdust-surface-fill:var(--kcdust-color-accent);color:var(--kcdust-color-fg-on-accent)}.kcdust-button[data-variant=secondary],.kcdust-button[data-variant=ghost]{--kcdust-hover-dir:0}.kcdust-button[data-variant=secondary]{--kcdust-surface-fill:var(--kcdust-color-bg-elevated);color:var(--kcdust-color-accent-ink)}.kcdust-button.kcdust-surface[data-variant=secondary]{--kcdust-surface-border-paint:linear-gradient(var(--kcdust-color-accent-ink), var(--kcdust-color-accent-ink))}@media (hover:hover){:where(html:not([data-hover=off])) .kcdust-button.kcdust-surface[data-variant=secondary]:hover:not(:disabled){color:var(--kcdust-color-accent-ink-hover);--kcdust-surface-border-paint:linear-gradient(var(--kcdust-color-accent-ink-hover), var(--kcdust-color-accent-ink-hover))}}.kcdust-button.kcdust-surface[data-variant=secondary]:active:not(:disabled),.kcdust-button.kcdust-surface[data-variant=secondary][aria-pressed=true]{color:var(--kcdust-color-accent-ink-hover);--kcdust-surface-border-paint:linear-gradient(var(--kcdust-color-accent-ink-hover), var(--kcdust-color-accent-ink-hover))}.kcdust-button.kcdust-surface[data-variant=secondary][data-surface=sheen]:not(:active):not([aria-pressed=true]){--kcdust-grad-top:.02;--kcdust-grad-bot:-.02}.kcdust-button:not(.kcdust-surface)[data-variant=ghost]{border-width:var(--kcdust-border-width-md);border-color:var(--kcdust-color-accent-ink);color:var(--kcdust-color-accent-ink);transition:background-color var(--kcdust-duration-fast) var(--kcdust-ease-out), border-color .18s ease, color var(--kcdust-duration-fast) var(--kcdust-ease-out), box-shadow .18s ease;background-color:#0000;box-shadow:0 1px 2px #00000024;box-shadow:0 1px 2px lab(0% 0 0/.14)}@media (hover:hover){:where(html:not([data-hover=off])) .kcdust-button[data-variant=ghost]:hover:not(:disabled){color:var(--kcdust-color-accent-ink-hover);border-color:var(--kcdust-color-accent-ink-hover);background-color:color-mix(in oklch, var(--kcdust-color-fg) 3%, transparent)}}.kcdust-button[data-variant=ghost]:active:not(:disabled){color:var(--kcdust-color-accent-ink-hover);border-color:var(--kcdust-color-accent-ink-hover);background-color:color-mix(in oklch, var(--kcdust-color-fg) 3%, transparent)}.kcdust-button[data-variant=alt]{--kcdust-surface-fill:var(--kcdust-color-accent-alt);color:var(--kcdust-color-fg-on-accent-alt)}.kcdust-button[data-variant=danger]{--kcdust-surface-fill:var(--kcdust-color-danger);color:var(--kcdust-color-fg-on-danger)}.kcdust-button[data-outline=true]{background-color:#0000}.kcdust-button[data-variant=primary][data-outline=true]{color:var(--kcdust-color-accent);border-color:var(--kcdust-color-accent)}@media (hover:hover){:where(html:not([data-hover=off])) .kcdust-button[data-variant=primary][data-outline=true]:hover:not(:disabled){background-color:var(--kcdust-color-accent-soft)}}.kcdust-button[data-variant=primary][data-outline=true]:active:not(:disabled){background-color:var(--kcdust-color-accent-soft)}.kcdust-button[data-variant=alt][data-outline=true]{color:var(--kcdust-color-accent-alt);border-color:var(--kcdust-color-accent-alt)}@media (hover:hover){:where(html:not([data-hover=off])) .kcdust-button[data-variant=alt][data-outline=true]:hover:not(:disabled){background-color:var(--kcdust-color-accent-alt-soft)}}.kcdust-button[data-variant=alt][data-outline=true]:active:not(:disabled){background-color:var(--kcdust-color-accent-alt-soft)}.kcdust-button[data-variant=danger][data-outline=true]{color:var(--kcdust-color-danger);border-color:var(--kcdust-color-danger)}@media (hover:hover){:where(html:not([data-hover=off])) .kcdust-button[data-variant=danger][data-outline=true]:hover:not(:disabled){background-color:var(--kcdust-color-danger-soft)}}.kcdust-button[data-variant=danger][data-outline=true]:active:not(:disabled){background-color:var(--kcdust-color-danger-soft)}.kcdust-button:disabled{cursor:not-allowed;opacity:.5}}