@layer sur.components{.sur-icon-btn.svelte-1gg2tzg{--ib-bg:var(--sur-c);--ib-fg:var(--sur-c-contrast);--ib-border:var(--sur-c);--ib-bg-hover:var(--sur-c-hover);--ib-bg-active:var(--sur-c-active);width:var(--sur-control-height);height:var(--sur-control-height);font-size:var(--sur-control-icon);line-height:var(--sur-line-height-none);color:var(--ib-fg);background-color:var(--ib-bg);border:var(--sur-border-width) solid var(--ib-border);border-radius:var(--sur-control-radius);cursor:pointer;transition:background-color var(--sur-duration-150) var(--sur-ease-out), color var(--sur-duration-150) var(--sur-ease-out), border-color var(--sur-duration-150) var(--sur-ease-out);flex-shrink:0;justify-content:center;align-items:center;padding:0;text-decoration:none;display:inline-flex}.sur-icon-btn.svelte-1gg2tzg[data-shape=circle]{border-radius:var(--sur-radius-full)}.sur-icon-btn.svelte-1gg2tzg:hover:not(:disabled){background-color:var(--ib-bg-hover)}.sur-icon-btn.svelte-1gg2tzg:active:not(:disabled){background-color:var(--ib-bg-active)}.sur-icon-btn.svelte-1gg2tzg:focus-visible{border-color:var(--sur-focus-ring);box-shadow:var(--sur-focus-ring-shadow);outline:none}.sur-icon-btn.svelte-1gg2tzg:disabled{opacity:var(--sur-opacity-disabled);cursor:not-allowed}.sur-icon-btn.svelte-1gg2tzg[data-variant=subtle]{--ib-bg:var(--sur-c-subtle);--ib-fg:var(--sur-c-subtle-fg);--ib-border:transparent;--ib-bg-hover:color-mix(in oklab, var(--sur-c-subtle), var(--sur-c) var(--sur-mix-step));--ib-bg-active:color-mix(in oklab, var(--sur-c-subtle), var(--sur-c) var(--sur-mix-step-strong))}.sur-icon-btn.svelte-1gg2tzg[data-variant=outline]{--ib-bg:transparent;--ib-fg:var(--sur-c-subtle-fg);--ib-border:var(--sur-c-border);--ib-bg-hover:var(--sur-c-subtle);--ib-bg-active:color-mix(in oklab, var(--sur-c-subtle), var(--sur-c) var(--sur-mix-step))}.sur-icon-btn.svelte-1gg2tzg[data-variant=ghost]{--ib-bg:transparent;--ib-fg:var(--sur-c-subtle-fg);--ib-border:transparent;--ib-bg-hover:var(--sur-c-subtle);--ib-bg-active:color-mix(in oklab, var(--sur-c-subtle), var(--sur-c) var(--sur-mix-step))}}
