.otd-toggle{cursor:pointer;font-family:var(--font-round);font-weight:var(--weight-semibold);color:var(--text-strong);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;align-items:center;gap:10px;display:inline-flex}.otd-toggle input{opacity:0;width:0;height:0;position:absolute}.otd-toggle__track{background:var(--shell-gray);border:var(--line-2) solid var(--ink);border-radius:var(--radius-pill);width:56px;height:30px;box-shadow:var(--plastic-pressed);transition:background var(--dur) var(--ease-out);flex:none;position:relative}.otd-toggle__knob{background:var(--shell-bone);border:var(--line-2) solid var(--ink);width:22px;height:22px;box-shadow:var(--plastic-top);transition:transform var(--dur) var(--ease-pop);border-radius:50%;position:absolute;top:2px;left:2px}.otd-toggle input:checked+.otd-toggle__track{background:var(--accent)}.otd-toggle input:checked+.otd-toggle__track .otd-toggle__knob{transform:translate(26px)}.otd-toggle input:focus-visible+.otd-toggle__track{box-shadow:var(--ring-focus)}.otd-toggle input:disabled+.otd-toggle__track{filter:opacity(.5)}.otd-toggle--brand input:checked+.otd-toggle__track{background:var(--brand)}