@layer vitamin-play{.vp-badge{--badge-border-color:var(--vp-semantic-color-container-neutral);--badge-border-radius:var(--vp-semantic-border-radius-full);--badge-border-width:var(--vp-semantic-border-width-s);--badge-background-color:var(--vp-semantic-color-container-brand);--badge-color:var(--vp-semantic-color-content-on-brand-neutral);--badge-min-height:var(--vp-semantic-sizing-xs);--badge-min-width:var(--vp-semantic-sizing-xs);--badge-webkit-font-smoothing:var(--vp-semantic-typography-screen-s-caption-webkit-font-smoothing);--badge-text-case:var(--vp-semantic-typography-screen-s-caption-text-case);--badge-text-decoration:var(--vp-semantic-typography-screen-s-caption-text-decoration);--badge-letter-spacing:var(--vp-semantic-typography-screen-s-caption-letter-spacing);--badge-font-size:var(--vp-semantic-typography-screen-s-caption-font-size);--badge-line-height:var(--vp-semantic-typography-screen-s-caption-line-height);--badge-font-weight:var(--vp-semantic-typography-screen-s-caption-font-weight);--badge-font-family:var(--vp-semantic-typography-screen-s-caption-font-family);--badge-padding:var(--vp-semantic-spacing-4xs) var(--vp-semantic-spacing-2xs) var(--vp-semantic-spacing-4xs) var(--vp-semantic-spacing-2xs)}.vp-badge--important{--badge-border-color:var(--vp-semantic-color-container-neutral);--badge-background-color:var(--vp-semantic-color-status-negative);--badge-color:var(--vp-semantic-color-content-inverse)}.vp-badge:empty{--badge-padding:var(--vp-semantic-spacing-3xs) var(--vp-semantic-spacing-3xs) var(--vp-semantic-spacing-3xs) var(--vp-semantic-spacing-3xs)}.vp-badge{align-items:center;background-color:var(--badge-background-color);border-color:var(--badge-border-color);border-radius:var(--badge-border-radius);border-style:solid;border-width:var(--badge-border-width);color:var(--badge-color);display:inline-flex;justify-content:center;min-height:var(--badge-min-height);min-width:var(--badge-min-width);padding:var(--badge-padding);position:relative;-webkit-font-smoothing:var(--badge-webkit-font-smoothing);cursor:inherit;font-family:var(--badge-font-family);font-size:var(--badge-font-size);font-weight:var(--badge-font-weight);letter-spacing:var(--badge-letter-spacing);line-height:var(--badge-line-height);-webkit-text-decoration:var(--badge-text-decoration);text-decoration:var(--badge-text-decoration);text-transform:var(--badge-text-case);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.vp-badge--bottom-inline-end,.vp-badge--bottom-inline-start,.vp-badge--bottom-left,.vp-badge--bottom-right,.vp-badge--top-inline-end,.vp-badge--top-inline-start,.vp-badge--top-left,.vp-badge--top-right{pointer-events:none;position:absolute}.vp-badge--bottom-inline-end:empty,.vp-badge--bottom-inline-start:empty,.vp-badge--bottom-left:empty,.vp-badge--bottom-right:empty,.vp-badge--top-inline-end:empty,.vp-badge--top-inline-start:empty,.vp-badge--top-left:empty,.vp-badge--top-right:empty{translate:var(--badge-empty-translate)}.vp-badge--top-inline-end,.vp-badge--top-inline-start,.vp-badge--top-left,.vp-badge--top-right{top:0}.vp-badge--top-inline-start{inset-inline-start:0;--badge-empty-translate:50% 50%}.vp-badge--top-inline-end,[dir=rtl] .vp-badge--top-inline-start{--badge-empty-translate:-50% 50%}.vp-badge--top-inline-end{inset-inline-end:0}.vp-badge--top-left,[dir=rtl] .vp-badge--top-inline-end{--badge-empty-translate:50% 50%}.vp-badge--top-left{left:0}.vp-badge--top-right{right:0;--badge-empty-translate:-50% 50%}.vp-badge--bottom-inline-end,.vp-badge--bottom-inline-start,.vp-badge--bottom-left,.vp-badge--bottom-right{bottom:0}.vp-badge--bottom-left{left:0;--badge-empty-translate:50% -50%}.vp-badge--bottom-right{right:0;--badge-empty-translate:-50% -50%}.vp-badge--bottom-inline-start{inset-inline-start:0;--badge-empty-translate:50% -50%}.vp-badge--bottom-inline-end,[dir=rtl] .vp-badge--bottom-inline-start{--badge-empty-translate:-50% -50%}.vp-badge--bottom-inline-end{inset-inline-end:0}[dir=rtl] .vp-badge--bottom-inline-end{--badge-empty-translate:50% -50%}}