.odk-switch{display:inline-flex;align-items:center;gap:.625rem;padding:var(--switch-pad,0);border:0;background:transparent;cursor:pointer}.odk-switch input{position:absolute;opacity:0;width:0;height:0}.odk-switch__track{position:relative;flex:0 0 auto;width:var(--switch-track-w,38px);height:var(--switch-track-h,22px);border-radius:var(--switch-radius,var(--radius-pill));background:var(--switch-off-bg,var(--hairline));transition:background var(--dur-fast) var(--ease-out)}.odk-switch__thumb{position:absolute;top:var(--switch-inset,2px);left:var(--switch-inset,2px);width:var(--switch-thumb,18px);height:var(--switch-thumb,18px);border-radius:50%;background:var(--switch-thumb-bg,var(--canvas));box-shadow:var(--shadow-soft);transition:transform var(--dur-fast) var(--ease-out)}.odk-switch__lbl{font-family:var(--sans);font-size:var(--type-label-size);line-height:1;font-weight:var(--type-label-weight);color:var(--ink-soft)}.odk-switch input:checked+.odk-switch__track,.odk-switch.active .odk-switch__track,.odk-switch.on .odk-switch__track,.odk-switch[aria-checked=true] .odk-switch__track,.odk-switch[data-state=active] .odk-switch__track{background:var(--switch-on-bg,var(--accent))}.odk-switch input:checked+.odk-switch__track .odk-switch__thumb,.odk-switch.active .odk-switch__thumb,.odk-switch.on .odk-switch__thumb,.odk-switch[aria-checked=true] .odk-switch__thumb,.odk-switch[data-state=active] .odk-switch__thumb{transform:translateX(calc(var(--switch-track-w, 38px) - var(--switch-thumb, 18px) - (2 * var(--switch-inset, 2px))))}.odk-switch input:focus-visible+.odk-switch__track,.odk-switch:focus-visible .odk-switch__track{outline:2px solid var(--accent);outline-offset:2px}.odk-switch input:disabled~.odk-switch__track,.odk-switch[aria-disabled=true] .odk-switch__track{cursor:not-allowed;opacity:.55}