.badge{background:var(--gray-100);border-color:var(--border);white-space:nowrap;justify-content:center;align-items:center;max-width:max-content;transition:all .2s;display:flex}.badge--small{border-radius:4px;padding:4px 10px;font-size:11px;font-weight:600}.badge--medium{border-radius:40px;height:32px;padding:0 16px;font-size:13px;font-weight:600}.badge--large{border-radius:50px;height:40px;padding:0 18px;font-size:14px;font-weight:600}.badge--primary{background:color-mix(in srgb, var(--primary) 10%, transparent);color:var(--primary);border-color:color-mix(in srgb, var(--primary) 10%, transparent)}.badge--success{background:var(--success);color:var(--white);border-color:color-mix(in srgb, var(--success) 50%, transparent)}.badge--success-light{background:var(--success-light);color:var(--success);border-color:color-mix(in srgb, var(--success) 50%, transparent)}.badge--error{background:var(--error);color:var(--white);border-color:color-mix(in srgb, var(--error) 50%, transparent)}.badge--error-light{background:var(--error-light);color:var(--error);border-color:color-mix(in srgb, var(--error) 50%, transparent)}.badge--warning{background:var(--orange);color:var(--white);border-color:color-mix(in srgb, var(--orange) 50%, transparent)}.badge--warning-light{background:var(--orange-light);color:var(--orange);border-color:color-mix(in srgb, var(--orange) 50%, transparent)}.badge--info{background:var(--info);color:var(--white);border-color:color-mix(in srgb, var(--info) 50%, transparent)}.badge--info-light{background:var(--blue-light);color:var(--blue);border-color:color-mix(in srgb, var(--blue) 50%, transparent)}.badge--black{background:var(--gray-900);color:var(--white);border-color:color-mix(in srgb, var(--gray-900) 50%, transparent)}.badge--gray{background:var(--gray-100);color:var(--gray-900);border-color:color-mix(in srgb, var(--gray-900) 10%, transparent)}.badge--white{background:var(--white);color:var(--gray-900);border-color:#0000001a}.badge--blue{background:var(--blue-light);color:var(--blue);border-color:color-mix(in srgb, var(--blue) 50%, transparent)}.badge--cyan{background:var(--cyan-light);color:var(--cyan);border-color:color-mix(in srgb, var(--cyan) 50%, transparent)}.badge--green{background:var(--success-light);color:var(--success);border-color:color-mix(in srgb, var(--success) 50%, transparent)}.badge--orange{background:var(--orange-light);color:var(--orange);border-color:color-mix(in srgb, var(--orange) 50%, transparent)}.badge--red{background:var(--error-light);color:var(--error);border-color:color-mix(in srgb, var(--error) 50%, transparent)}.badge--yellow{background:var(--yellow-light);color:var(--yellow);border-color:color-mix(in srgb, var(--yellow) 50%, transparent)}.badge--violet{background:var(--violet-light);color:var(--violet);border-color:color-mix(in srgb, var(--violet) 50%, transparent)}.badge--pink{background:var(--pink-light);color:var(--pink);border-color:color-mix(in srgb, var(--pink) 50%, transparent)}.badge--xsmall{border:none;border-radius:12px;padding:2px 8px;font-size:11px}