.dd-sq{align-items:center;gap:calc(var(--spacing) * 3);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;min-width:44px;min-height:44px;display:inline-flex;position:relative}.dd-sq[data-disabled]{cursor:not-allowed;opacity:.5}.dd-sq-input{clip-path:inset(50%);white-space:nowrap;appearance:none;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.dd-sq-track{width:var(--ss-w);height:var(--ss-h);background-color:var(--ss-track);transition:background-color var(--dur-ui) var(--dd-ease);border-radius:999px;flex:none;display:block;position:relative}.dd-sq-input:checked+.dd-sq-track{background-color:var(--ss-track-on)}.dd-sq-thumb{--ss-x:0px;top:var(--ss-inset);left:var(--ss-inset);width:var(--ss-thumb);height:var(--ss-thumb);background-color:var(--ss-thumb-color);translate:var(--ss-x) 0;scale:var(--ss-sx,1) var(--ss-sy,1);transition:background-color var(--dur-ui) var(--dd-ease);border-radius:999px;position:absolute}.dd-sq-input:checked+.dd-sq-track .dd-sq-thumb{--ss-x:var(--ss-travel);background-color:var(--ss-thumb-on)}.dd-sq-input:focus-visible+.dd-sq-track{outline:2px solid var(--dd-blue);outline-offset:2px}.dd-sq-label{color:var(--dd-ink-body)}@media (hover:hover) and (pointer:fine){.dd-sq:not([data-disabled]):hover .dd-sq-label{color:var(--dd-ink)}}@media (prefers-reduced-motion:reduce){.dd-sq-track,.dd-sq-thumb{transition:none}}:root[data-dd-motion=paused] .dd-sq-track,:root[data-dd-motion=paused] .dd-sq-thumb{transition:none}@media (forced-colors:active){.dd-sq-track{border:1px solid canvastext}.dd-sq-thumb{background-color:canvastext}.dd-sq-input:checked+.dd-sq-track{background-color:highlight}}