@layer sur.components{.sur-icon-btn.svelte-1ggc8ep{--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-1ggc8ep[data-shape=circle]{border-radius:var(--sur-radius-full)}.sur-icon-btn.svelte-1ggc8ep:hover:not(:disabled){background-color:var(--ib-bg-hover)}.sur-icon-btn.svelte-1ggc8ep:active:not(:disabled){background-color:var(--ib-bg-active)}.sur-icon-btn.svelte-1ggc8ep:focus-visible{border-color:var(--sur-focus-ring);box-shadow:var(--sur-focus-ring-shadow);outline:none}.sur-icon-btn.svelte-1ggc8ep:disabled{opacity:var(--sur-opacity-disabled);cursor:not-allowed}.sur-icon-btn.svelte-1ggc8ep[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-1ggc8ep[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-1ggc8ep[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))}sur-callout.svelte-1qt2ydo{align-items:flex-start;gap:var(--sur-spacing-12);padding:var(--sur-spacing-12) var(--sur-spacing-16);color:var(--sur-text-primary);background-color:var(--sur-c-subtle);border:var(--sur-border-width) solid var(--sur-c-border);border-radius:var(--sur-radius-md);display:flex}.sur-callout-icon.svelte-1qt2ydo{color:var(--sur-c-subtle-fg);font-size:var(--sur-control-icon-lg);flex-shrink:0;padding-block-start:var(--sur-spacing-2);display:inline-flex}.sur-callout-body.svelte-1qt2ydo{gap:var(--sur-spacing-4);flex-direction:column;flex:1;min-width:0;display:flex}.sur-callout-title.svelte-1qt2ydo{font-size:var(--sur-font-size-sm);font-weight:var(--sur-font-weight-semibold);line-height:var(--sur-line-height-snug)}.sur-callout-text.svelte-1qt2ydo{color:var(--sur-text-secondary);font-size:var(--sur-font-size-sm);line-height:var(--sur-line-height-normal)}.sur-callout-text.svelte-1qt2ydo p{margin:0}.sur-callout-actions.svelte-1qt2ydo{align-items:center;gap:var(--sur-spacing-8);flex-wrap:wrap;margin-block-start:var(--sur-spacing-8);display:flex}}