@layer components{.division-color-badge{--division-color: var(--theme-text-muted);display:inline-flex;align-items:baseline;gap:.3rem;max-width:100%;padding:.1rem .5rem;border:1px solid color-mix(in srgb,var(--division-color) 45%,transparent);border-radius:999px;background:color-mix(in srgb,var(--division-color) 12%,transparent);color:var(--theme-text-primary);font-size:.8125em;font-weight:600;line-height:1.5;white-space:nowrap;vertical-align:baseline}.division-color-badge__dot{align-self:center;flex:0 0 auto;width:.5rem;height:.5rem;border-radius:50%;background:var(--division-color);box-shadow:inset 0 0 0 1px #00000047}.division-color-badge__code{overflow:hidden;text-overflow:ellipsis}.division-color-badge__color{color:var(--theme-text-secondary);font-weight:500}.division-color-badge__color:before{content:"·";margin-right:.3rem;color:var(--theme-text-muted)}.division-color-badge--light{border-color:color-mix(in srgb,var(--division-color) 50%,var(--theme-text-muted))}[data-bs-theme=dark] .division-color-badge,body.dark-mode .division-color-badge{border-color:color-mix(in srgb,var(--division-color) 55%,transparent);background:color-mix(in srgb,var(--division-color) 18%,transparent)}[data-bs-theme=dark] .division-color-badge--light,body.dark-mode .division-color-badge--light{border-color:color-mix(in srgb,var(--division-color) 55%,transparent)}[data-bs-theme=dark] .division-color-badge__dot,body.dark-mode .division-color-badge__dot{box-shadow:inset 0 0 0 1px #ffffff38}.division-color-badge--compact{padding:0;border:0;border-radius:0;background:none;font-weight:inherit;font-size:inherit}@media (prefers-reduced-motion: no-preference){.division-color-badge{transition:border-color .15s ease,background-color .15s ease}}}.badge:has(>.division-color-badge),.division-badge:has(>.division-color-badge),.division-pill:has(>.division-color-badge),.division-summary:has(>.division-color-badge),.checkin-division:has(>.division-color-badge),.faction-division-pill:has(>.division-color-badge),.winner-division-pill:has(>.division-color-badge),.fin-division-name:has(>.division-color-badge),.rg-divbadge:has(>.division-color-badge){padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:inherit}.ledr-division-dot:has(+span>.division-color-badge){display:none}