@layer sur.components{sur-badge.svelte-1thuj1s{--badge-bg:var(--sur-c-subtle);--badge-fg:var(--sur-c-subtle-fg);--badge-border:transparent;align-items:center;gap:var(--sur-spacing-4);max-width:100%;min-height:var(--sur-chip-height);padding:0 var(--sur-chip-px);font-size:var(--sur-chip-font);font-weight:var(--sur-font-weight-semibold);line-height:var(--sur-line-height-tight);color:var(--badge-fg);background-color:var(--badge-bg);border:var(--sur-border-width) solid var(--badge-border);border-radius:var(--sur-chip-radius);white-space:nowrap;vertical-align:middle;-webkit-user-select:none;user-select:none;display:inline-flex}sur-badge.svelte-1thuj1s[data-variant=solid]{--badge-bg:var(--sur-c);--badge-fg:var(--sur-c-contrast)}sur-badge.svelte-1thuj1s[data-variant=outline]{--badge-bg:transparent;--badge-border:var(--sur-c-border)}.sur-badge-dot.svelte-1thuj1s{width:var(--sur-dot-size);height:var(--sur-dot-size);border-radius:var(--sur-radius-full);background-color:currentColor;flex-shrink:0}.sur-badge-label.svelte-1thuj1s{align-items:center;display:inline-flex}.sur-badge-close.svelte-1thuj1s{padding:var(--sur-spacing-1);color:inherit;border-radius:var(--sur-radius-full);opacity:var(--sur-opacity-muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;margin-inline-end:calc(var(--sur-spacing-2) * -1);display:inline-flex}.sur-badge-close.svelte-1thuj1s:hover{opacity:var(--sur-opacity-full);background-color:color-mix(in oklab, currentColor var(--sur-mix-step), transparent)}.sur-badge-close.svelte-1thuj1s:focus-visible{border-color:var(--sur-focus-ring);box-shadow:var(--sur-focus-ring-shadow);outline:none}}