@layer astro-ui-components{.astro-badge:where(.astro-yquxrb32){--badge-padding:var(--nds-viewport-spacing-component-015) var(--nds-viewport-spacing-component-025);--badge-border-radius:var(--nds-viewport-border-radius-component-small);--badge-bg:none;--badge-color:currentColor;--badge-font-size:var(--nds-viewport-font-size-badge);--badge-line-height:var(--nds-viewport-line-height-badge);--badge-letter-spacing:.24px;--badge-border:none;--badge-font-weight:var(--nds-mode-font-weight-body-bold);align-self:center;background:var(--badge-bg);border:var(--badge-border);border-radius:var(--badge-border-radius);color:var(--badge-color);display:inline-flex;font-size:var(--badge-font-size);font-style:normal;font-weight:var(--badge-font-weight);letter-spacing:var(--badge-letter-spacing);line-height:var(--badge-line-height);min-width:-moz-min-content;min-width:min-content;overflow-wrap:anywhere;padding:var(--badge-padding);text-transform:uppercase}.size-big:where(.astro-yquxrb32){--badge-padding:var(--nds-viewport-spacing-component-025) var(--nds-viewport-spacing-component-050);--badge-border-radius:var(--nds-viewport-border-radius-component-small);--badge-font-size:var(--nds-viewport-font-size-label-default);--badge-letter-spacing:.28px}.info:where(.astro-yquxrb32){--badge-bg:var(--nds-mode-color-background-informative-component-vibrant-rest);--badge-color:var(--nds-mode-color-foreground-informative-on-vibrant)}.info:where(.astro-yquxrb32).style-light{--badge-bg:var(--nds-mode-color-background-informative-component-subtle-rest);--badge-color:var(--nds-mode-color-foreground-informative-on-subtle);--badge-border:var(--nds-mode-border-width-component-default) solid var(--nds-mode-color-border-informative-default-rest)}.neutral:where(.astro-yquxrb32){--badge-bg:var(--nds-mode-color-background-neutral-component-vibrant-rest);--badge-color:var(--nds-mode-color-foreground-neutral-default);--badge-border:var(--nds-mode-border-width-component-default,0) solid var(--nds-mode-color-border-neutral-default-rest,#647c90)}.neutral:where(.astro-yquxrb32).style-light{--badge-bg:var(--nds-mode-color-background-neutral-component-subtle-rest);--badge-color:var(--nds-mode-color-foreground-neutral-default);--badge-border:var(--nds-mode-border-width-component-default,0) solid var(--nds-mode-color-border-neutral-default-rest,#647c90)}.error:where(.astro-yquxrb32){--badge-bg:var(--nds-mode-color-background-negative-component-vibrant-rest);--badge-color:var(--nds-mode-color-foreground-negative-on-vibrant)}.error:where(.astro-yquxrb32).style-light{--badge-bg:var(--nds-mode-color-background-negative-component-subtle-rest);--badge-color:var(--nds-mode-color-foreground-negative-on-subtle);--badge-border:var(--nds-mode-border-width-component-default) solid var(--nds-mode-color-border-negative-default-rest)}.success:where(.astro-yquxrb32){--badge-bg:var(--nds-mode-color-background-positive-component-vibrant-rest);--badge-color:var(--nds-mode-color-foreground-positive-on-vibrant)}.success:where(.astro-yquxrb32).style-light{--badge-bg:var(--nds-mode-color-background-positive-component-subtle-rest);--badge-color:var(--nds-mode-color-foreground-positive-on-neutral);--badge-border:var(--nds-mode-border-width-component-default) solid var(--nds-mode-color-border-positive-default-rest)}.accent:where(.astro-yquxrb32){--badge-bg:var(--nds-mode-color-background-primary-component-vibrant-rest);--badge-color:var(--nds-mode-color-foreground-primary-on-vibrant)}.accent:where(.astro-yquxrb32).style-light{--badge-bg:var(--nds-mode-color-background-primary-component-subtle-rest);--badge-color:var(--nds-mode-color-foreground-primary-on-subtle);--badge-border:var(--nds-mode-border-width-component-default) solid var(--nds-mode-color-border-primary-default-rest)}.warning:where(.astro-yquxrb32){--badge-bg:var(--nds-mode-color-background-warning-component-vibrant-rest);--badge-color:var(--nds-mode-color-foreground-warning-on-vibrant)}.warning:where(.astro-yquxrb32).style-light{--badge-bg:var(--nds-mode-color-background-warning-component-subtle-rest);--badge-color:var(--nds-mode-color-foreground-warning-on-subtle);--badge-border:var(--nds-mode-border-width-component-default) solid var(--nds-mode-color-border-warning-default-rest)}}
