.badge{padding:var(--space-200) var(--space-300);-webkit-backdrop-filter:blur(var(--blur-overlay));backdrop-filter:blur(var(--blur-overlay));font-family:var(--font-serif);font-size:var(--body-1-font-size);line-height:var(--body-1-line-height);font-weight:var(--body-1-font-weight);letter-spacing:var(--body-1-letter-spacing);font-family:var(--font-sans-serif);font-weight:var(--body-1-font-weight-sans-serif);letter-spacing:var(--body-1-letter-spacing-sans-serif);font-weight:var(--font-weight-medium);text-transform:uppercase;display:inline-block;overflow:hidden}@media screen and (width>=64rem){.badge{padding:var(--space-300) var(--space-350)}}.badge--primary{color:var(--color-neutral-900);border:var(--border-width-md) var(--border-style-solid) var(--color-neutral-0-20);border-radius:var(--border-radius-md);background-color:var(--color-neutral-0-68)}.badge--secondary{color:var(--color-neutral-0);border:var(--border-width-md) var(--border-style-solid) var(--color-neutral-900-20);border-radius:var(--border-radius-md);background-color:var(--color-neutral-900-68)}.badge--tag{padding:var(--space-50) var(--space-150);background-color:var(--color-neutral-900);color:var(--color-neutral-0);font-size:var(--font-size-10);line-height:var(--space-400);letter-spacing:var(--letter-spacing-70);-webkit-backdrop-filter:none;backdrop-filter:none;border:0;border-radius:0}