@layer sur.components{.sur-btn.svelte-coc135{--btn-bg:var(--sur-c);--btn-fg:var(--sur-c-contrast);--btn-border:var(--sur-c);--btn-bg-hover:var(--sur-c-hover);--btn-border-hover:var(--sur-c-hover);--btn-bg-active:var(--sur-c-active);justify-content:center;align-items:center;gap:var(--sur-control-gap);min-height:var(--sur-control-height);padding:0 var(--sur-control-px);font-family:inherit;font-size:var(--sur-control-font);font-weight:var(--sur-font-weight-semibold);line-height:var(--sur-line-height-tight);color:var(--btn-fg);background-color:var(--btn-bg);border:var(--sur-border-width) solid var(--btn-border);border-radius:var(--sur-control-radius);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--sur-duration-150) var(--sur-ease-out), border-color var(--sur-duration-150) var(--sur-ease-out), color var(--sur-duration-150) var(--sur-ease-out);text-decoration:none;display:inline-flex;position:relative}.sur-btn.svelte-coc135:hover:not(:disabled){background-color:var(--btn-bg-hover);border-color:var(--btn-border-hover)}.sur-btn.svelte-coc135:active:not(:disabled){background-color:var(--btn-bg-active)}.sur-btn.svelte-coc135:focus-visible{border-color:var(--sur-focus-ring);box-shadow:var(--sur-focus-ring-shadow);outline:none}.sur-btn.svelte-coc135:disabled{opacity:var(--sur-opacity-disabled);cursor:not-allowed}.sur-btn.svelte-coc135[data-variant=subtle]{--btn-bg:var(--sur-c-subtle);--btn-fg:var(--sur-c-subtle-fg);--btn-border:transparent;--btn-bg-hover:color-mix(in oklab, var(--sur-c-subtle), var(--sur-c) var(--sur-mix-step));--btn-border-hover:transparent;--btn-bg-active:color-mix(in oklab, var(--sur-c-subtle), var(--sur-c) var(--sur-mix-step-strong))}.sur-btn.svelte-coc135[data-variant=outline]{--btn-bg:transparent;--btn-fg:var(--sur-c-subtle-fg);--btn-border:var(--sur-c-border);--btn-bg-hover:var(--sur-c-subtle);--btn-border-hover:var(--sur-c);--btn-bg-active:color-mix(in oklab, var(--sur-c-subtle), var(--sur-c) var(--sur-mix-step))}.sur-btn.svelte-coc135[data-variant=ghost]{--btn-bg:transparent;--btn-fg:var(--sur-c-subtle-fg);--btn-border:transparent;--btn-bg-hover:var(--sur-c-subtle);--btn-border-hover:transparent;--btn-bg-active:color-mix(in oklab, var(--sur-c-subtle), var(--sur-c) var(--sur-mix-step))}.sur-btn.svelte-coc135.full-width{width:100%}.btn-spinner.svelte-coc135{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.btn-content.svelte-coc135{align-items:center;gap:inherit;display:inline-flex}.btn-content.svelte-coc135.hidden-content{opacity:0}.btn-icon.svelte-coc135{font-size:var(--sur-control-icon);line-height:var(--sur-line-height-none);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}}