.badge{--h:18px;--fs:10px;--px:7px;--gap:4px;--mark:10px;--skew:-12deg;box-sizing:border-box;height:var(--h);padding:0 var(--px);font-family:var(--font-display,inherit);font-size:var(--fs);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;vertical-align:middle;transform:skewX(var(--skew));-webkit-user-select:none;user-select:none;border-radius:4px;flex:none;align-items:center;margin-inline:2px;font-weight:800;line-height:1;display:inline-flex;position:relative}.badge-in{align-items:center;gap:var(--gap);transform:skewX(calc(-1 * var(--skew)));display:inline-flex}.badge-mark{width:var(--mark);height:var(--mark);flex:none;display:block}.badge[data-size=sm]{--h:16px;--fs:9px;--px:6px;--gap:3px;--mark:9px}.badge[data-size=lg]{--h:22px;--fs:11.5px;--px:9px;--gap:5px;--mark:12px;border-radius:5px}.badge[data-variant=solid]{color:var(--ink);background:linear-gradient(180deg, #ffffff47, #fff0 58%), linear-gradient(100deg, var(--b1), var(--b2) 56%, var(--b3));box-shadow:inset 0 1px 0 #ffffff8c, inset 0 -1px 0 #00000029, 0 1px 0 #00000080, 0 0 14px -4px var(--b2)}.badge[data-variant=soft]{color:var(--soft);background:color-mix(in srgb, var(--b2) 18%, #14161a);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--b2) 44%, transparent), inset 0 1px 0 #ffffff0f}.badge[data-tone=sunrise]{--b1:#ffe08a;--b2:#ffb347;--b3:#ff8a3d;--ink:#2b1405;--soft:#ffc98a}.badge[data-tone=flamingo]{--b1:#ff8aa8;--b2:#f2518b;--b3:#e5489c;--ink:#2a0a1c;--soft:#ff9fc0}.badge[data-tone=dusk]{--b1:#7a4df0;--b2:#8a3cb8;--b3:#c0409a;--ink:#fff;--soft:#d2b3ff}.badge[data-tone=sea]{--b1:#3f7be8;--b2:#2da7e0;--b3:#14bfd0;--ink:#04141f;--soft:#8fd8f5}.badge[data-tone=lagoon]{--b1:#14bfd0;--b2:#4fe0c0;--b3:#b8f5d8;--ink:#04201c;--soft:#8ff0d6}.badge[data-tone=night]{--b1:#26229a;--b2:#41289a;--b3:#8a3cb8;--ink:#fff;--soft:#b9a8ff}.badge[data-tone=accent]{--b1:var(--gl-accent-top,#9f66d8);--b2:var(--gl-accent-bottom,#b672dd);--b3:#c58ae4;--ink:var(--gl-accent-ink,#0b1512);--soft:#d6b3f0}.badge[data-tone=quiet]{--b1:#23262a;--b2:#23262a;--b3:#23262a;--ink:#a6a9ad;--soft:#a6a9ad}.badge[data-tone=quiet][data-variant=solid]{background:#23262a;box-shadow:inset 0 0 0 1px #ffffff0d,inset 0 1px #ffffff0d}@media (forced-colors:active){.badge{color:canvastext;box-shadow:none;background:canvas;border:1px solid canvastext}}@media print{.badge{color:#000;box-shadow:none;background:0 0;border:1px solid}}