.sbadge{white-space:nowrap;-webkit-user-select:none;user-select:none;vertical-align:middle;border-radius:999px;align-items:center;gap:4px;display:inline-flex}.sbadge--baseline{height:20px;font-family:var(--sds-sys-typescale-badge-baseline-font-family);font-weight:var(--sds-sys-typescale-badge-baseline-font-weight);font-size:var(--sds-sys-typescale-badge-baseline-font-size);line-height:var(--sds-sys-typescale-badge-baseline-line-height);letter-spacing:var(--sds-sys-typescale-badge-baseline-letter-spacing);padding:2px 8px}.sbadge--compact{height:16px;font-family:var(--sds-sys-typescale-badge-compact-font-family);font-weight:var(--sds-sys-typescale-badge-compact-font-weight);font-size:var(--sds-sys-typescale-badge-compact-font-size);line-height:var(--sds-sys-typescale-badge-compact-line-height);letter-spacing:var(--sds-sys-typescale-badge-compact-letter-spacing);padding:2px 8px}.sbadge__label{flex:1 0 auto}.sbadge__icon{flex-shrink:0;margin-left:-2px}.sbadge--neutral{background-color:var(--sds-sys-color-surface-container-highest);color:var(--sds-sys-color-on-surface-emphasis)}.sbadge--positive{background-color:var(--sds-sys-color-sentiment-positive-container);color:var(--sds-sys-color-sentiment-on-positive-container)}.sbadge--negative{background-color:var(--sds-sys-color-sentiment-negative-container);color:var(--sds-sys-color-sentiment-on-negative-container)}.sbadge--critical{background-color:var(--sds-sys-color-sentiment-critical);color:var(--sds-sys-color-sentiment-on-critical)}.sbadge-media{white-space:nowrap;-webkit-user-select:none;user-select:none;height:20px;font-family:var(--sds-sys-typescale-badge-baseline-font-family);font-weight:var(--sds-sys-typescale-badge-baseline-font-weight);font-size:var(--sds-sys-typescale-badge-baseline-font-size);letter-spacing:var(--sds-sys-typescale-badge-baseline-letter-spacing);-webkit-backdrop-filter:blur(8px);border-radius:999px;align-items:center;gap:4px;padding:0 8px;line-height:20px;display:inline-flex}.sbadge-media__label{flex:1 0 auto}.sbadge-media__icon{flex-shrink:0}.sbadge-media--icon-only{border-radius:999px;justify-content:center;width:24px;height:24px;padding:0}.sbadge-media--icon-only .sbadge-media__icon{margin:0}.sbadge-media--neutral{background-color:var(--sds-sys-color-scrim);color:var(--sds-sys-color-on-scrim)}.sbadge-media--positive{background-color:var(--sds-sys-color-sentiment-positive-container);color:var(--sds-sys-color-sentiment-on-positive-container)}.sbadge-media--negative{background-color:var(--sds-sys-color-sentiment-negative-container);color:var(--sds-sys-color-sentiment-on-negative-container)}.sbadge-media--critical{background-color:var(--sds-sys-color-sentiment-critical);color:var(--sds-sys-color-sentiment-on-critical)}.sbadge-media--bottom-left{bottom:var(--sds-sys-measurement-space-sm);left:var(--sds-sys-measurement-space-sm);position:absolute}.sbadge-media--top-left{top:var(--sds-sys-measurement-space-sm);left:var(--sds-sys-measurement-space-sm);position:absolute}.sbadge-group{align-items:center;gap:var(--sds-sys-measurement-space-xs);flex-wrap:wrap;display:inline-flex}.sbadge-group--media{flex-direction:column;align-items:flex-start}[data-theme=dark] .sbadge--neutral{background-color:var(--sds-sys-color-surface-container-highest);color:var(--sds-sys-color-on-surface-emphasis)}[data-theme=dark] .sbadge--positive{background-color:var(--sds-sys-color-sentiment-positive-container);color:var(--sds-sys-color-sentiment-on-positive-container)}[data-theme=dark] .sbadge--negative{background-color:var(--sds-sys-color-sentiment-negative-container);color:var(--sds-sys-color-sentiment-on-negative-container)}[data-theme=dark] .sbadge--critical{background-color:var(--sds-sys-color-sentiment-critical);color:var(--sds-sys-color-sentiment-on-critical)}@media (prefers-contrast:high){.sbadge,.sbadge-media{forced-color-adjust:none;border:1px solid}.sbadge--neutral,.sbadge-media--neutral{color:canvastext;background-color:canvas;border-color:canvastext}.sbadge--positive,.sbadge-media--positive{color:linktext;background-color:canvas;border-color:linktext}.sbadge--negative,.sbadge-media--negative,.sbadge--critical,.sbadge-media--critical{color:ErrorText;border-color:ErrorText;background-color:canvas}}@media (prefers-reduced-motion:reduce){.sbadge,.sbadge-media{transition:none}}@media print{.sbadge-media{-webkit-backdrop-filter:none}}