.belt.svelte-1m059ad{display:inline-flex;align-items:center;gap:var(--space-2);white-space:nowrap}.swatch.svelte-1m059ad{position:relative;width:18px;height:10px;border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,var(--text-primary) 18%,transparent);flex-shrink:0;overflow:hidden}.lengthwise.svelte-1m059ad{position:absolute;left:0;right:0;height:2px}.split-half.svelte-1m059ad{position:absolute;left:0;right:0;bottom:0;height:50%}.border-ring.svelte-1m059ad{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid;border-radius:inherit;pointer-events:none}.degree-tip.svelte-1m059ad{position:absolute;top:0;bottom:0;width:2px;pointer-events:none}.name.svelte-1m059ad{font-size:var(--text-sm);color:var(--text-primary)}.tips.svelte-1m059ad{display:inline-flex;align-items:center;gap:var(--space-1)}.tip.svelte-1m059ad{width:6px;height:6px;border-radius:var(--radius-full);border:1px solid var(--border-strong)}.tip.earned.svelte-1m059ad{background:var(--color-accent);border-color:var(--color-accent)}.lg.svelte-1m059ad .swatch:where(.svelte-1m059ad){width:28px;height:14px}.lg.svelte-1m059ad .name:where(.svelte-1m059ad){font-size:var(--text-base);font-weight:600}.lg.svelte-1m059ad .tip:where(.svelte-1m059ad){width:8px;height:8px}