.badge__close-button{display:flex;width:1.625rem;height:1.625rem;align-items:center;justify-content:center;padding:0;border:none;border-radius:var(--border-radius-max);margin:var(--spacing-1) calc(var(--spacing-2)*-1) var(--spacing-1) auto;background-color:rgba(0,0,0,0);cursor:pointer}@media(max-width:48rem){.badge.badge--compact-on-mobile .badge__close-button{width:var(--spacing-3);height:var(--spacing-3);margin:unset;margin-left:auto;background-color:unset}}.badge__close-button__icon{width:.875rem;height:.875rem;stroke-width:.2125rem}.badge__icon{width:.875rem;height:.875rem;stroke-width:.24rem}@media(max-width:48rem){.badge.badge--compact-on-mobile .badge__icon{width:var(--spacing-3);height:var(--spacing-3)}}.badge{display:flex;width:-moz-fit-content;width:fit-content;box-sizing:border-box;align-items:center;padding:0 var(--spacing-3);border-radius:var(--border-radius-xl);background-color:var(--badge-background-color);font-size:var(--font-size-xxs);font-weight:var(--font-weight-bold);gap:var(--spacing-2)}@media(max-width:48rem){.badge.badge--compact-on-mobile{gap:var(--spacing-1-half)}}.badge--shadow{box-shadow:var(--shadow-md)}.badge--clickable{border:none;cursor:pointer;line-height:var(--line-height-base);transition:background-color var(--transition)}.badge--clickable:hover{background-color:color-mix(in srgb,var(--badge-background-color),black 10%)}.badge--primary-solid{--badge-background-color:var(--color-primary-700);color:var(--color-neutral-white)}.badge--primary-solid .badge__close-button{background-color:var(--color-primary-600);color:var(--color-neutral-white)}.badge--primary-light{--badge-background-color:var(--color-primary-50);color:var(--color-primary-700)}.badge--primary-light .badge__close-button{background-color:var(--color-primary-100);color:var(--color-primary-700)}.badge--secondary-solid{--badge-background-color:var(--color-secondary-950);color:var(--color-neutral-white)}.badge--secondary-solid .badge__close-button{background-color:var(--color-secondary-800);color:var(--color-neutral-white)}.badge--secondary-light{--badge-background-color:var(--color-secondary-50);color:var(--color-secondary-950)}.badge--secondary-light .badge__close-button{background-color:var(--color-secondary-100);color:var(--color-secondary-950)}.badge--purple-solid{--badge-background-color:var(--color-purple-700);color:var(--color-neutral-white)}.badge--purple-solid .badge__close-button{background-color:var(--color-purple-600);color:var(--color-neutral-white)}.badge--purple-light{--badge-background-color:var(--color-purple-50);color:var(--color-purple-700)}.badge--purple-light .badge__close-button{background-color:var(--color-purple-200);color:var(--color-purple-700)}.badge--neutral-solid{--badge-background-color:var(--color-neutral);color:var(--color-neutral-white)}.badge--neutral-solid .badge__close-button{background-color:var(--color-neutral-white-a20);color:var(--color-neutral-white)}.badge--neutral-light{--badge-background-color:var(--color-neutral-a5);color:var(--color-text-default)}.badge--neutral-light .badge__close-button{background-color:var(--color-neutral-a10);color:var(--color-text-default)}.badge--promo-light,.badge--promo-solid{--badge-background-color:var(--color-promo);color:var(--color-neutral-white)}.badge--error-solid{--badge-background-color:var(--color-red);color:var(--color-neutral-white)}.badge--error-solid .badge__close-button{background-color:var(--color-red-a20);color:var(--color-neutral-white)}.badge--promo-alt-light,.badge--promo-alt-solid{--badge-background-color:var(--color-promo-alt);color:var(--color-neutral-white)}.badge--error-light{--badge-background-color:var(--color-red-a20);color:var(--color-red)}.badge--error-light .badge__close-button{background-color:var(--color-red-a20);color:var(--color-red)}.badge--warning-solid{--badge-background-color:var(--color-orange);color:var(--color-neutral-white)}.badge--warning-solid .badge__close-button{background-color:var(--color-orange-light);color:var(--color-text-default)}.badge--warning-light{--badge-background-color:var(--color-orange-a5);color:var(--color-orange)}.badge--warning-light .badge__close-button{background-color:var(--color-orange-a5);color:var(--color-orange)}.badge--no-left-radius{padding:0 var(--spacing-3) 0 var(--spacing-5);border-bottom-left-radius:0;border-top-left-radius:0}.badge__label,.badge__label-after{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge__label-after{color:var(--color-text-muted);font-weight:var(--font-weight-light)}