@scope(.ui-badge)to ([data-hn]){:scope:where([data-hn-ui-badge]){--_badge-surface:color-mix(in srgb,var(--ui-surface-subtle) 80%,var(--ui-surface-default));--_badge-text:var(--ui-text-secondary);--_badge-border:color-mix(in srgb,var(--_badge-surface) 75%,var(--_badge-text) 25%);--_ui-badge-color:var(--ui-badge-color);--_badge-color-wash:color-mix(in oklab,var(--_ui-badge-color) 13%,var(--ui-surface-default));--_badge-color-ink:color-mix(in oklab,var(--_ui-badge-color) 35%,var(--ui-text-primary));--_badge-color-surface:var(--_badge-color-wash);--_badge-color-border:color-mix(in srgb,var(--_badge-color-wash) 75%,var(--_badge-color-ink) 25%);--_badge-color-text:var(--_badge-color-ink);--_badge-outline-surface:var( --ui-badge-surface,var(--_badge-color-surface,var(--_badge-surface)) );align-items:center!important;background:var(--_badge-outline-surface);border:var(--ui-border-width) solid var(--ui-badge-border,var(--_badge-color-border,var(--_badge-border)));border-radius:var(--ui-radius-round);box-sizing:border-box!important;color:var(--ui-badge-text,var(--_badge-color-text,var(--_badge-text)));display:inline-flex!important;font-family:var(--ui-font-family-sans);font-size:var(--ui-badge-font-size,var(--ui-font-size-sm));font-weight:var(--ui-badge-font-weight,var(--ui-font-medium));gap:var(--ui-space-1)!important;justify-content:center!important;line-height:var(--ui-badge-line-height,var(--ui-line-height-tight));max-inline-size:100%;min-inline-size:0;padding:var(--ui-badge-padding-block,var(--ui-space-0-5)) var(--ui-badge-padding-inline,var(--ui-space-2))!important;white-space:nowrap}.label:where([data-hn-ui-badge]){display:block!important;min-inline-size:0;overflow:hidden;text-overflow:ellipsis}.label:empty:where([data-hn-ui-badge]){display:none!important}.icon:where([data-hn-ui-badge]){align-items:center!important;display:inline-flex!important;flex:none;justify-content:center!important}.icon:empty:where([data-hn-ui-badge]){display:none!important}.icon :where(:not([data-hn-ui-badge])):is(svg){block-size:1em;display:block!important;flex:none;inline-size:1em}.label :where(:not([data-hn-ui-badge])):is(svg){block-size:1em;inline-size:1em;margin-inline-end:var(--ui-space-1)!important;vertical-align:middle}.label:has(svg):where([data-hn-ui-badge]){text-box-trim:none}@supports (text-box-trim:trim-both){:scope:where([data-hn-ui-badge]){align-content:center!important;display:inline-block!important;min-block-size:var(--ui-badge-min-block-size,1.5rem);text-align:center;text-box-trim:none}:scope:has(.icon:not(:empty)):where([data-hn-ui-badge]),:scope:has(.label svg):where([data-hn-ui-badge]){display:inline-flex!important;text-box-trim:none}.label:not(:has(svg)):where([data-hn-ui-badge]){overflow-x:clip;overflow-y:visible;text-box-edge:cap alphabetic;text-box-trim:trim-both}}:scope[data-ui-badge-state~="size=xs"]:where([data-hn-ui-badge]){box-sizing:border-box!important;font-size:var(--ui-badge-font-size,var(--ui-font-size-2xs));line-height:var(--ui-badge-line-height,1);min-block-size:var(--ui-badge-min-block-size,1rem);min-inline-size:1rem;padding:var(--ui-badge-padding-block,0) var(--ui-badge-padding-inline,var(--ui-space-1))!important}:scope[data-ui-badge-state~="size=sm"]:where([data-hn-ui-badge]){font-size:var(--ui-badge-font-size,var(--ui-font-size-2xs));line-height:var(--ui-badge-line-height,1)}:scope[data-ui-badge-state~="tone=accent-secondary"]:where([data-hn-ui-badge]){--_badge-surface:var(--ui-accent-secondary-strong-surface,var(--ui-accent-secondary-solid));--_badge-border:var(--ui-accent-secondary-strong-surface,var(--ui-accent-secondary-solid));--_badge-text:var(--ui-accent-secondary-on-strong,var(--ui-text-on-accent))}:scope[data-ui-badge-state~="tone=accent-tertiary"]:where([data-hn-ui-badge]){--_badge-surface:var(--ui-accent-tertiary-strong-surface,var(--ui-accent-tertiary-solid));--_badge-border:var(--ui-accent-tertiary-strong-surface,var(--ui-accent-tertiary-solid));--_badge-text:var(--ui-accent-tertiary-on-strong,var(--ui-text-on-accent))}:scope[data-ui-badge-state~="variant=subtle"][data-ui-badge-state~="tone=accent-secondary"]:where([data-hn-ui-badge]){--_badge-surface:var(--ui-accent-secondary-soft);--_badge-border:var(--ui-accent-secondary-soft-border);--_badge-text:var(--ui-accent-secondary-subtle-text,var(--ui-accent-secondary-solid))}:scope[data-ui-badge-state~="variant=subtle"][data-ui-badge-state~="tone=accent-tertiary"]:where([data-hn-ui-badge]){--_badge-surface:var(--ui-accent-tertiary-soft);--_badge-border:var(--ui-accent-tertiary-soft-border);--_badge-text:var(--ui-accent-tertiary-subtle-text,var(--ui-accent-tertiary-solid))}:scope[data-ui-badge-state~="variant=outline"][data-ui-badge-state~="tone=accent-secondary"]:where([data-hn-ui-badge]){--_badge-border:var(--ui-accent-secondary-solid);--_badge-text:var(--ui-accent-secondary-subtle-text,var(--ui-accent-secondary-solid))}:scope[data-ui-badge-state~="variant=outline"][data-ui-badge-state~="tone=accent-tertiary"]:where([data-hn-ui-badge]){--_badge-border:var(--ui-accent-tertiary-solid);--_badge-text:var(--ui-accent-tertiary-subtle-text,var(--ui-accent-tertiary-solid))}:scope[data-ui-badge-state~="tone=accent"]:where([data-hn-ui-badge]){--_badge-surface:var(--ui-accent-strong-surface,var(--ui-accent-solid));--_badge-border:var(--ui-accent-strong-surface,var(--ui-accent-solid));--_badge-text:var(--ui-accent-on-strong,var(--ui-text-on-accent))}:scope[data-ui-badge-state~="tone=danger"]:where([data-hn-ui-badge]){--_badge-surface:var(--ui-danger-strong-surface,var(--ui-danger-solid));--_badge-border:var(--ui-danger-strong-surface,var(--ui-danger-solid));--_badge-text:var(--ui-danger-on-strong,var(--ui-text-on-accent))}:scope[data-ui-badge-state~="tone=success"]:where([data-hn-ui-badge]){--_badge-surface:var(--ui-success-strong-surface,var(--ui-success-solid));--_badge-border:var(--ui-success-strong-surface,var(--ui-success-solid));--_badge-text:var(--ui-success-on-strong,var(--ui-text-on-accent))}:scope[data-ui-badge-state~="tone=warning"]:where([data-hn-ui-badge]){--_badge-surface:var(--ui-warning-strong-surface,var(--ui-warning-solid));--_badge-border:var(--ui-warning-strong-surface,var(--ui-warning-solid));--_badge-text:var(--ui-warning-on-strong,var(--ui-text-on-accent))}:scope[data-ui-badge-state~="tone=info"]:where([data-hn-ui-badge]){--_badge-surface:var(--ui-info-strong-surface,var(--ui-info-solid));--_badge-border:var(--ui-info-strong-surface,var(--ui-info-solid));--_badge-text:var(--ui-info-on-strong,var(--ui-text-on-accent))}:scope[data-ui-badge-state~="variant=subtle"][data-ui-badge-state~="tone=accent"]:where([data-hn-ui-badge]){--_badge-surface:var(--ui-accent-soft);--_badge-border:var(--ui-accent-soft-border);--_badge-text:var(--ui-accent-subtle-text,var(--ui-accent-solid))}:scope[data-ui-badge-state~="variant=subtle"][data-ui-badge-state~="tone=danger"]:where([data-hn-ui-badge]){--_badge-surface:var(--ui-danger-soft);--_badge-border:var(--ui-danger-soft-border);--_badge-text:var(--ui-danger-subtle-text,var(--ui-danger-solid))}:scope[data-ui-badge-state~="variant=subtle"][data-ui-badge-state~="tone=success"]:where([data-hn-ui-badge]){--_badge-surface:var(--ui-success-soft);--_badge-border:var(--ui-success-soft-border);--_badge-text:var(--ui-success-subtle-text,var(--ui-success-solid))}:scope[data-ui-badge-state~="variant=subtle"][data-ui-badge-state~="tone=warning"]:where([data-hn-ui-badge]){--_badge-surface:var(--ui-warning-soft);--_badge-border:var(--ui-warning-soft-border);--_badge-text:var(--ui-warning-subtle-text,var(--ui-warning-solid))}:scope[data-ui-badge-state~="variant=subtle"][data-ui-badge-state~="tone=info"]:where([data-hn-ui-badge]){--_badge-surface:var(--ui-info-soft);--_badge-border:var(--ui-info-soft-border);--_badge-text:var(--ui-info-subtle-text,var(--ui-info-solid))}:scope[data-ui-badge-state~="variant=solid"]:where([data-hn-ui-badge]){--_badge-color-surface:var(--_badge-color-ink);--_badge-color-border:var(--_badge-color-ink);--_badge-color-text:color-mix(in oklab,var(--_ui-badge-color) 0%,var(--ui-surface-default))}:scope[data-ui-badge-state~="variant=inverse"]:where([data-hn-ui-badge]){--_badge-inverse-ink:oklch(from var(--_badge-text) clamp(0, calc((.5 - l)*1000) ,1) 0 h);--_badge-color-surface:color-mix(in srgb,color-mix(in oklab,var(--_ui-badge-color) 0%,var(--ui-surface-default)) 88%,transparent);--_badge-color-border:var(--_badge-color-surface);--_badge-color-text:color-mix(in srgb,var(--_badge-color-ink) 85%,var(--ui-text-primary));--_badge-outline-surface:var( --ui-badge-surface,var(--_badge-color-surface,color-mix(in srgb,var(--_badge-text) 88%,transparent)) );background-clip:padding-box;border-color:var( --ui-badge-border,var(--_badge-color-border,color-mix(in srgb,var(--_badge-text) 88%,transparent)) );color:var( --ui-badge-text,var( --_badge-color-text,color-mix(in srgb,var(--_badge-surface) 85%,var(--_badge-inverse-ink)) ) )}:scope[data-ui-badge-state~="variant=inverse"][data-ui-badge-state~="shape=circle"]:where([data-hn-ui-badge]){--_badge-color-surface:light-dark(color-mix(in srgb,color-mix(in oklab,var(--_ui-badge-color) 0%,var(--ui-surface-default)) var( --ui-badge-circle-opacity,66% ),transparent),color-mix(in srgb,color-mix(in oklab,var(--_ui-badge-color) 0%,var(--ui-surface-default)) var( --ui-badge-circle-opacity,56% ),transparent));--_badge-color-border:light-dark(color-mix(in srgb,color-mix(in oklab,var(--_ui-badge-color) 0%,var(--ui-surface-default)) 88%,transparent),color-mix(in srgb,color-mix(in oklab,var(--_ui-badge-color) 0%,var(--ui-surface-default)) 44%,transparent));--_badge-color-text:light-dark(color-mix(in srgb,var(--_badge-color-ink) 65%,var(--ui-text-primary)),color-mix(in oklab,var(--_ui-badge-color) 0%,var(--ui-text-primary)));--_badge-count-surface:light-dark(color-mix(in srgb,var(--_badge-text) var(--ui-badge-circle-opacity,66%),transparent),color-mix(in srgb,var(--_badge-text) var(--ui-badge-circle-opacity,56%),transparent));--_badge-outline-surface:var( --ui-badge-surface,var(--_badge-color-surface,var(--_badge-count-surface)) );border-color:var( --ui-badge-border,var( --_badge-color-border,light-dark(color-mix(in srgb,var(--_badge-text) 88%,transparent),color-mix(in srgb,var(--_badge-text) 44%,transparent)) ) );box-shadow:0 1px 1px light-dark(rgba(0,0,0,.08),rgba(0,0,0,.12));color:var( --ui-badge-text,var( --_badge-color-text,color-mix(in srgb,var(--_badge-surface) 35%,var(--_badge-inverse-ink)) ) )}:scope[data-ui-badge-state~="variant=overlay"]:where([data-hn-ui-badge]){--_badge-outline-surface:var( --ui-badge-surface,color-mix(in srgb,currentColor 6%,transparent) );border-color:var(--ui-badge-border,color-mix(in srgb,currentColor 20%,transparent));box-shadow:none;color:var(--ui-badge-text,inherit)}:scope[data-ui-badge-state~="variant=inverse"][data-ui-badge-state~="tone=neutral"]:where([data-hn-ui-badge]){--_badge-outline-surface:var( --ui-badge-surface,var(--_badge-color-surface,color-mix(in srgb,var(--ui-surface-raised) 88%,transparent)) );color:var(--ui-badge-text,var(--_badge-color-text,var(--ui-text-primary)))}:scope[data-ui-badge-state~="variant=inverse"][data-ui-badge-state~="tone=neutral"]:not([data-ui-badge-state~="shape=circle"]):where([data-hn-ui-badge]){border-color:var(--ui-badge-border,var(--_badge-color-border,var(--_badge-outline-surface)))}:scope[data-ui-badge-state~="variant=inverse"][data-ui-badge-state~="tone=neutral"][data-ui-badge-state~="shape=circle"]:where([data-hn-ui-badge]){--_badge-outline-surface:var( --ui-badge-surface,var( --_badge-color-surface,light-dark(color-mix(in srgb,var(--ui-surface-raised) var(--ui-badge-circle-opacity,66%),transparent),color-mix(in srgb,var(--ui-surface-raised) var(--ui-badge-circle-opacity,56%),transparent)) ) )}:scope[data-ui-badge-state~="variant=outline"]:where([data-hn-ui-badge]){--_badge-surface:var(--ui-surface-default);--_badge-border:var(--ui-border-strong);--_badge-text:var(--ui-text-secondary);--_badge-color-surface:initial;--_badge-color-border:var(--_badge-color-ink)}:scope[data-ui-badge-state~="variant=outline"][data-ui-badge-state~="tone=accent"]:where([data-hn-ui-badge]){--_badge-border:var(--ui-accent-solid);--_badge-text:var(--ui-accent-subtle-text,var(--ui-accent-solid))}:scope[data-ui-badge-state~="variant=outline"][data-ui-badge-state~="tone=danger"]:where([data-hn-ui-badge]){--_badge-border:var(--ui-danger-solid);--_badge-text:var(--ui-danger-subtle-text,var(--ui-danger-solid))}:scope[data-ui-badge-state~="variant=outline"][data-ui-badge-state~="tone=success"]:where([data-hn-ui-badge]){--_badge-border:var(--ui-success-solid);--_badge-text:var(--ui-success-subtle-text,var(--ui-success-solid))}:scope[data-ui-badge-state~="variant=outline"][data-ui-badge-state~="tone=warning"]:where([data-hn-ui-badge]){--_badge-border:var(--ui-warning-solid);--_badge-text:var(--ui-warning-subtle-text,var(--ui-warning-solid))}:scope[data-ui-badge-state~="variant=outline"][data-ui-badge-state~="tone=info"]:where([data-hn-ui-badge]){--_badge-border:var(--ui-info-solid);--_badge-text:var(--ui-info-subtle-text,var(--ui-info-solid))}:scope[data-ui-badge-state~="shape=square"]:where([data-hn-ui-badge]){--_badge-square-size:var(--ui-badge-square-size,calc(var(--ui-space-4)*2));block-size:var(--_badge-square-size);border-radius:var(--ui-radius-md);box-sizing:border-box!important;display:inline-flex!important;flex:none;inline-size:var(--_badge-square-size);min-block-size:var(--_badge-square-size);min-inline-size:var(--_badge-square-size);padding:0!important;text-box-trim:none}:scope[data-ui-badge-state~="shape=square"][data-ui-badge-state~="size=xs"]:where([data-hn-ui-badge]){--_badge-square-size:var(--ui-badge-square-size,calc(var(--ui-space-3)*2))}:scope[data-ui-badge-state~="shape=square"][data-ui-badge-state~="size=lg"]:where([data-hn-ui-badge]){--_badge-square-size:var( --ui-badge-square-size,calc(var(--ui-space-4)*2 + var(--ui-space-2)) )}:scope[data-ui-badge-state~="shape=square"] .label:where([data-hn-ui-badge]){align-items:center!important;display:inline-flex!important;justify-content:center!important}:scope[data-ui-badge-state~="shape=square"] .label :where(:not([data-hn-ui-badge])):is(svg){margin-inline-end:0!important}:scope[data-ui-badge-state~="shape=square"] .label:empty:where([data-hn-ui-badge]){display:none!important}:scope[data-ui-badge-state~="shape=circle"]:where([data-hn-ui-badge]){--_badge-circle-size:var(--ui-badge-circle-size,calc(var(--ui-space-3)*2));block-size:var(--_badge-circle-size);border-radius:var(--ui-radius-round);display:inline-flex!important;flex:none;inline-size:var(--_badge-circle-size);min-block-size:var(--_badge-circle-size);min-inline-size:var(--_badge-circle-size);padding:0!important;text-box-trim:none}:scope[data-ui-badge-state~="shape=circle"][data-ui-badge-state~="size=sm"][data-ui-badge-state~="variant=overlay"]:where([data-hn-ui-badge]){--_badge-circle-size:var(--ui-badge-circle-size,calc(var(--ui-space-4) + var(--ui-space-1)))}:scope[data-ui-badge-state~="shape=circle"][data-ui-badge-state~="size=xs"]:where([data-hn-ui-badge]){--_badge-circle-size:var(--ui-badge-circle-size,var(--ui-space-4))}:scope[data-ui-badge-state~="shape=circle"][data-ui-badge-state~="size=lg"]:where([data-hn-ui-badge]){--_badge-circle-size:var(--ui-badge-circle-size,calc(var(--ui-space-4)*2))}:scope[data-ui-badge-state~="shape=circle"] .label:where([data-hn-ui-badge]){align-items:center!important;display:inline-flex!important;justify-content:center!important;line-height:1;text-box-trim:none}:scope[data-ui-badge-state~="shape=circle"] .label :where(:not([data-hn-ui-badge])):is(svg){margin-inline-end:0!important}:scope[data-ui-badge-state~="shape=circle"] .label:empty:where([data-hn-ui-badge]){display:none!important}@supports (text-box-trim:trim-both){:scope[data-ui-badge-state~="shape=circle"] .label:not(:has(svg)):where([data-hn-ui-badge]),:scope[data-ui-badge-state~="shape=square"] .label:not(:has(svg)):where([data-hn-ui-badge]){display:block!important;overflow:visible;text-box-edge:cap alphabetic;text-box-trim:trim-both}}:scope[data-ui-badge-state~="shape=dot"]:where([data-hn-ui-badge]){block-size:var(--ui-badge-dot-size,var(--ui-space-2));border-radius:var(--ui-radius-round);box-sizing:border-box!important;flex:none;inline-size:var(--ui-badge-dot-size,var(--ui-space-2));min-block-size:var(--ui-badge-dot-size,var(--ui-space-2));min-inline-size:var(--ui-badge-dot-size,var(--ui-space-2));padding:0!important;position:relative;text-box-trim:none}:scope[data-ui-badge-state~="shape=dot"] .label:where([data-hn-ui-badge]){block-size:1px;clip-path:inset(50%);inline-size:1px;overflow:hidden;position:absolute;white-space:nowrap}:scope[data-ui-badge-state~="shape=tag"]:where([data-hn-ui-badge]){--_badge-point:var(--ui-badge-point,var(--ui-space-2));background:var(--ui-badge-border,var(--_badge-color-border,var(--_badge-border)));border-color:transparent;border-radius:0;clip-path:polygon(0 0,calc(100% - var(--_badge-point)) 0,100% 50%,calc(100% - var(--_badge-point)) 100%,0 100%);isolation:isolate;padding-inline-end:calc(var(--ui-badge-padding-inline, var(--ui-space-2)) + var(--_badge-point))!important;position:relative}:scope[data-ui-badge-state~="shape=tag"]:where([data-hn-ui-badge]):before{background:var(--_badge-outline-surface);clip-path:polygon(0 0,calc(100% - var(--_badge-point)) 0,100% 50%,calc(100% - var(--_badge-point)) 100%,0 100%);content:"";inset:0;pointer-events:none;position:absolute;z-index:-1}:scope[data-ui-badge-state~="shape=tag"][data-ui-badge-state~="variant=inverse"]:where([data-hn-ui-badge]){background:var(--ui-badge-border,var(--_badge-color-border,var(--_badge-text)))}:scope[data-ui-badge-state~="shape=tag"]:dir(rtl):where([data-hn-ui-badge]){clip-path:polygon(var(--_badge-point) 0,100% 0,100% 100%,var(--_badge-point) 100%,0 50%);padding-inline-end:var(--ui-badge-padding-inline,var(--ui-space-2))!important;padding-inline-start:calc(var(--ui-badge-padding-inline, var(--ui-space-2)) + var(--_badge-point))!important}:scope[data-ui-badge-state~="shape=tag"]:dir(rtl):where([data-hn-ui-badge]):before{clip-path:polygon(var(--_badge-point) 0,100% 0,100% 100%,var(--_badge-point) 100%,0 50%)}@media(forced-colors:active){:scope[data-ui-badge-state~="shape=dot"]:where([data-hn-ui-badge]){background:CanvasText;border-color:CanvasText;forced-color-adjust:none}:scope[data-ui-badge-state~="shape=tag"]:where([data-hn-ui-badge]){background:CanvasText;color:CanvasText;forced-color-adjust:none}:scope[data-ui-badge-state~="shape=tag"]:where([data-hn-ui-badge]):before{background:Canvas}}:scope[hidden]:where([data-hn-ui-badge]){display:none!important}}