.switch-field{position:relative;display:flex;align-items:center;column-gap:12px;cursor:pointer}.switch-field .switch-field-label{font-size:.875rem;font-weight:600;color:var(--color-foreground,#14142b)}.switch-field input{position:absolute;inset:0;opacity:0;cursor:inherit}.switch-field .switch-track{position:relative;flex-shrink:0;width:40px;height:24px;border-radius:9999px;background:color-mix(in srgb,var(--color-muted) 30%,transparent);transition:background-color .2s ease}.switch-field .switch-track:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:9999px;background:#fff;box-shadow:0 2px 6px rgba(20,20,43,.3);transition:transform .2s cubic-bezier(.22,1,.36,1)}.switch-field.is-on .switch-track{background-image:var(--bg-gradient-primary)}.switch-field.is-on .switch-track:after{transform:translateX(16px)}.switch-field:not(.is-compact){padding:12px 14px;border:1.5px solid color-mix(in srgb,var(--color-primary) 16%,transparent);border-radius:16px;background:#fff;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.switch-field:not(.is-compact).is-on{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-soft) 70%,#ffffff);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,transparent)}.switch-field.is-compact .switch-field-label{font-size:.75rem;color:var(--color-muted)}.switch-field.is-compact.is-on .switch-field-label{color:#2f9e44}.switch-field.is-compact .switch-track{width:34px;height:20px}.switch-field.is-compact .switch-track:after{width:14px;height:14px}.switch-field.is-compact.is-on .switch-track:after{transform:translateX(14px)}.switch-field:has(input:focus-visible){outline:2px solid color-mix(in srgb,var(--color-primary) 50%,transparent);outline-offset:2px}.switch-field.is-locked{cursor:not-allowed}.switch-field.is-busy .switch-track{opacity:.55}@media(prefers-reduced-motion:reduce){.switch-field .switch-track,.switch-field .switch-track:after{transition:none}}