@layer base{:root{--crm-control-gap:.5rem;--crm-control-gap-sm:.375rem;--crm-control-padding:.75rem;--crm-control-padding-sm:.625rem;--crm-control-fill:var(--crm-surface);--crm-control-hover-fill:var(--crm-hover);--crm-control-group-fill:var(--crm-surface-muted);--crm-control-selected-fill:var(--crm-primary);--crm-control-selected-border:var(--crm-primary);--crm-control-selected-ink:hsl(var(--primary-foreground))}}@media (pointer:coarse),(width<=767px){:root,[data-crm-density]{--crm-control-height:2.75rem!important;--crm-control-height-sm:2.75rem!important;--crm-control-height-xs:2.75rem!important}.crm-switch{background-clip:padding-box;border-width:.875rem;width:3.75rem;height:2.75rem}}@layer utilities{.crm-control-group{align-items:center;gap:var(--crm-control-gap-sm);border:1px solid var(--crm-border);border-radius:var(--crm-radius-control);background:var(--crm-control-group-fill);padding:.25rem;display:inline-flex}.crm-control-option{color:var(--crm-ink-muted);background:0 0}.crm-control-group>.crm-control-option{border-radius:calc(var(--crm-radius-control) - 2px)}.crm-control-option:hover{background:var(--crm-control-hover-fill);color:var(--crm-ink)}.crm-control-option[aria-pressed=true]{border-color:var(--crm-control-selected-border);background:var(--crm-control-selected-fill);color:var(--crm-control-selected-ink)}.crm-control-option[aria-pressed=true]:hover{background:var(--crm-control-selected-fill);color:var(--crm-control-selected-ink)}}