@layer reset,properties,vocs_theme,theme,base,vocs_base,vocs_components,components,vocs_utilities,utilities;.z-tempo_2d_theme-YACF91-badge{@layer components{display:inline-flex;min-height:24px;align-items:center;justify-content:center;border-radius:var(--z-tempo_2d_theme-radius-md,8px);padding-inline:var(--z-tempo_2d_theme-spacing-2,8px);text-align:center;font-weight:var(--z-tempo_2d_theme-fontWeight-medium,500);font-size:var(--z-tempo_2d_theme-fontSize-xs,12px);line-height:var(--z-tempo_2d_theme-lineHeight-caption,16px)}&:where([data-variant=red]){@layer components{background-color:var(--z-tempo_2d_theme-color-negativeContainer,light-dark(#eb341714,#f55c4529));color:var(--z-tempo_2d_theme-color-negative,light-dark(#eb3417,#f55c45))}}&:where([data-variant=amber]){@layer components{background-color:var(--z-tempo_2d_theme-color-warningContainer,light-dark(#e06f1214,#fa8e3629));color:var(--z-tempo_2d_theme-color-warning,light-dark(#e06f12,#fa8e36))}}&:where([data-variant=green]){@layer components{background-color:var(--z-tempo_2d_theme-color-positiveContainer,light-dark(#13a96314,#59e5a429));color:var(--z-tempo_2d_theme-color-positive,light-dark(#13a963,#59e5a4))}}&:where([data-variant=blue]){@layer components{background-color:var(--z-tempo_2d_theme-color-infoContainer,#4471ed14);color:var(--z-tempo_2d_theme-color-info,light-dark(#4471ed,#7498fb))}}&:where([data-variant=violet]){@layer components{background-color:var(--z-tempo_2d_theme-color-violet3,light-dark(#f4f0fe,#291f43));color:var(--z-tempo_2d_theme-color-violet11,light-dark(#6550b9,#baa7ff))}}&:where([data-variant=gray]){@layer components{background-color:var(--z-tempo_2d_theme-color-container,light-dark(#0000000a,#ffffff1f));color:var(--z-tempo_2d_theme-color-muted,var(--foreground-secondary))}}&:where([data-variant=outline]){@layer components{min-width:80px;min-height:28px;padding-inline:var(--z-tempo_2d_theme-spacing-2,8px);--corner-radius:6px;box-sizing:border-box;border-width:var(--z-tempo_2d_theme-borderWidth-hairline,1px);border-style:solid;border-color:var(--z-tempo_2d_theme-color-hairline,light-dark(#00000014,#ffffff29));color:var(--z-tempo_2d_theme-color-foreground,var(--foreground));font-weight:var(--z-tempo_2d_theme-fontWeight-normal,400);border-radius:6px}}}