.region-status{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:2px 10px;font-size:.8125rem;font-weight:700;display:inline-flex}.region-status:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px}.region-status--online{background:var(--color-accent-soft);color:var(--color-status-online)}.region-status--provincial{background:var(--color-info-soft);color:var(--color-info-text)}.region-status--retail{background:var(--color-warn-soft);color:var(--color-status-retail)}.region-status--not-legal{background:var(--color-danger-soft);color:var(--color-status-none)}