@layer components{.Badge{font-family:Inter,fallback-font,sans-serif;font-weight:500;font-size:14px;line-height:1.5;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;padding:4px 12px;border-radius:16px;vertical-align:middle;white-space:nowrap;cursor:default;color:#1d2939;background:#f2f4f7}.Badge>.Icon{font-size:16px;margin-right:4px}.Badge--type-brand{color:#005096;background:#e9f3fb}.Badge--type-error{color:#b42318;background:#fef3f2}.Badge--type-success{color:#039855;background:#ecfdf3}.Badge--type-warning{color:#f79009;background:#fffaeb}.Badge--type-warning-alternative{color:#dc6803;background:#fef0c7}.Badge--type-cyan{color:#0e7090;background:#ecfdff}.Badge--type-pink{color:#c11574;background:#fdf2fa}.Badge--type-purple{color:#5925dc;background:#f4f3ff}.Badge--type-gold{color:#cf9a59;background:none;border:1px solid #cf9a59}.Badge--size-s{font-weight:500;padding:4px 8px}.Badge--size-s,.Badge--size-xs{font-family:Inter,fallback-font,sans-serif;font-size:12px;line-height:1.5}.Badge--size-xs{font-weight:400;padding:2px 4px}.Badge--size-xs>.Icon{font-size:14px}.Badge--appearance-alternative{padding:0 4px;background:rgba(0,0,0,0);font-weight:700;font-style:italic}}