.cs{position:relative}.cs-native{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none;z-index:-1}.cs-trigger{display:flex;align-items:center;justify-content:space-between;gap:0.5rem;text-align:left;cursor:pointer}.cs-trigger[aria-expanded="true"]{border-color:var(--primary)}.cs-trigger:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.cs-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cs-label--placeholder{color:color-mix(in srgb,var(--foreground) 45%,transparent)}.cs-caret{flex:0 0 auto;width:0.5rem;height:0.5rem;margin-right:0.125rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);opacity:.55;transition:transform .18s ease}.cs-trigger[aria-expanded="true"] .cs-caret{transform:translateY(1px) rotate(-135deg)}.cs-panel{position:absolute;z-index:60;left:0;right:0;margin-top:0.375rem;max-height:15rem;overflow-y:auto;border-radius:1rem;border:1px solid var(--border);background:#ffffff;box-shadow:0 18px 40px -12px rgba(18,40,32,0.35);padding:0.25rem;list-style:none}.cs-panel[hidden]{display:none}.cs-opt{display:flex;align-items:center;justify-content:space-between;gap:0.75rem;padding:0.5rem 0.75rem;border-radius:0.625rem;cursor:pointer;font-size:0.875rem;color:var(--foreground)}.cs-opt--active{background:color-mix(in srgb,var(--primary) 8%,transparent)}.cs-opt--on{background:color-mix(in srgb,var(--primary) 12%,transparent);font-weight:600}.cs-opt--placeholder{color:color-mix(in srgb,var(--foreground) 45%,transparent)}.cs-opt--off{opacity:.4;cursor:not-allowed}.cs-check{flex:0 0 auto;width:0.4375rem;height:0.75rem;margin-right:0.25rem;border-right:2px solid var(--primary);border-bottom:2px solid var(--primary);transform:rotate(45deg)}