@layer reset,tokens,base,layout;@layer components{:where(.button){--button-height:var(--button-height-default);--button-padding:var(--space-4);--icon-button-size:var(--icon-button-size-default);gap:var(--space-2);height:var(--button-height);padding-inline:var(--button-padding);border:var(--border-width) solid transparent;border-radius:var(--radius-medium);font-size:var(--type-label-size);font-weight:var(--type-label-weight);line-height:var(--type-label-leading);letter-spacing:var(--type-label-tracking);white-space:nowrap;cursor:pointer;transition:background-color var(--duration-fast) var(--easing-standard), border-color var(--duration-fast) var(--easing-standard), color var(--duration-fast) var(--easing-standard);background:0 0;flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}:where(.button):is(:disabled,[aria-disabled=true]){cursor:not-allowed;opacity:var(--opacity-disabled)}.button--extra-small{--button-height:var(--button-height-extra-small);--button-padding:var(--space-2);--icon-button-size:var(--icon-button-size-extra-small);gap:var(--space-1);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-leading);letter-spacing:var(--type-caption-tracking)}.button--small{--button-height:var(--button-height-small);--button-padding:var(--space-3);--icon-button-size:var(--icon-button-size-small)}.button--large{--button-height:var(--button-height-large);--button-padding:var(--space-6);--icon-button-size:var(--icon-button-size-large)}.button--icon-only{--button-padding:0;--button-height:var(--icon-button-size);width:var(--icon-button-size)}.button--round{border-radius:var(--radius-full)}.button--default{color:var(--color-on-primary);background:var(--color-primary)}.button--default:hover:not(:disabled,[aria-disabled=true]){background:color-mix(in oklab, var(--color-primary) 90%, transparent)}.button--destructive{color:var(--color-text-inverse);background:var(--color-danger-fill)}.button--destructive:hover:not(:disabled,[aria-disabled=true]){background:color-mix(in oklab, var(--color-danger-fill) 90%, transparent)}.button--outline{border-color:var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-control)}.button--outline:hover:not(:disabled,[aria-disabled=true]){background:var(--color-row-hover)}.button--secondary{background:var(--color-surface-subtle)}.button--secondary:hover:not(:disabled,[aria-disabled=true]){background:var(--color-pressed)}.button--ghost:hover:not(:disabled,[aria-disabled=true]){background:var(--color-row-hover)}.button--link{color:var(--color-primary);text-underline-offset:var(--underline-offset)}.button--link:hover:not(:disabled,[aria-disabled=true]){text-decoration:underline}}@layer utilities;