.badge__close-button{border-radius:var(--border-radius-max);width:1.625rem;height:1.625rem;margin:var(--spacing-1) calc(var(--spacing-2)*-1) var(--spacing-1) auto;cursor:pointer;background-color:#0000;border:none;justify-content:center;align-items:center;padding:0;display:flex}@media (max-width:48rem){.badge.badge--compact-on-mobile .badge__close-button{width:var(--spacing-3);height:var(--spacing-3);margin:unset;background-color:unset;margin-left:auto}}.badge__close-button__icon{stroke-width:.2125rem;width:.875rem;height:.875rem}.badge__icon{stroke-width:.24rem;width:.875rem;height:.875rem}@media (max-width:48rem){.badge.badge--compact-on-mobile .badge__icon{width:var(--spacing-3);height:var(--spacing-3)}}.badge{box-sizing:border-box;background-color:var(--badge-background-color);width:fit-content;font-size:var(--font-size-xxs);font-weight:var(--font-weight-bold);align-items:center;gap:var(--spacing-2);display:flex}@media (max-width:48rem){.badge.badge--compact-on-mobile{gap:var(--spacing-1-half)}}.badge--inline{display:inline-flex}.badge--md{padding:0 var(--spacing-3);border-radius:var(--border-radius-xl);font-size:var(--font-size-xxs);gap:var(--spacing-1-half)}.badge--lg{padding:0 var(--spacing-3);border-radius:var(--border-radius-xl);font-size:var(--font-size-xs);gap:var(--spacing-1-half)}.badge--shadow{box-shadow:var(--shadow-md)}.badge--clickable{cursor:pointer;line-height:var(--line-height-base);transition:background-color var(--transition);border:none}.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--primary-overlay-sm{--badge-background-color:var(--color-primary-800);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--border-radius-sm);color:var(--color-neutral-white);text-align:center;font-size:.75rem;line-height:.875rem}.badge--primary-overlay-sm .badge__label{text-align:center}.badge--primary-overlay-sm .badge__close-button{background-color:var(--color-primary-700);color:var(--color-neutral-white)}.badge--primary-overlay{--badge-background-color:var(--color-primary-800);height:var(--spacing-8);padding:var(--spacing-1) var(--spacing-4);border-radius:var(--border-radius-md);color:var(--color-neutral-white);font-size:.875rem;line-height:var(--spacing-4);justify-content:center;align-items:center;display:inline-flex}.badge--primary-overlay .badge__label{text-align:center}.badge--primary-overlay .badge__close-button{background-color:var(--color-primary-700);color:var(--color-neutral-white)}.badge--primary-light-card{--badge-background-color:var(--color-primary-100);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--border-radius-sm);color:var(--color-primary-800);text-align:center;justify-content:center;align-items:center;font-size:.75rem;line-height:.875rem;display:inline-flex}@media not (max-width:64rem){.badge--primary-light-card{padding:var(--spacing-1) var(--spacing-4);border-radius:var(--border-radius-md);height:2.125rem;font-size:.875rem;line-height:var(--spacing-4)}}.badge--primary-light-card .badge__label{text-align:center}.badge--primary-light-card .badge__close-button{background-color:var(--color-primary-200);color:var(--color-primary-800)}.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-neutral-a80)}.badge--neutral-light .badge__close-button{background-color:var(--color-neutral-a10);color:var(--color-neutral-a80)}.badge--promo-solid,.badge--promo-light{--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-solid,.badge--promo-alt-light{--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--transaction-light{--badge-background-color:var(--color-off-white-dark);color:var(--color-text-default)}.badge--transaction-light .badge__close-button{background-color:var(--color-neutral-a10);color:var(--color-text-default)}@media not (max-width:32rem){.badge--transaction-light{padding:var(--spacing-1) var(--spacing-4)}}.badge--no-left-radius{padding:0 var(--spacing-3) 0 var(--spacing-5);border-top-left-radius:0;border-bottom-left-radius:0}.badge__label,.badge__label-after{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.badge__label-after{color:var(--color-text-muted);font-weight:var(--font-weight-light)}
