.reese-switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:var(--text-base);color:var(--text-body)}.reese-switch input{position:absolute;opacity:0;width:0;height:0}.reese-switch__track{position:relative;flex:none;width:40px;height:23px;border-radius:var(--radius-pill);background:var(--surface-inset);border:1px solid var(--border-default);transition:background var(--dur-base) var(--ease-out),border-color var(--dur-base)}.reese-switch__thumb{position:absolute;top:2px;left:2px;width:17px;height:17px;border-radius:50%;background:var(--text-faint);box-shadow:var(--shadow-xs);transition:transform var(--dur-base) var(--ease-spring),background var(--dur-base)}.reese-switch input:checked+.reese-switch__track{background:var(--grad-cool);border-color:transparent}.reese-switch input:checked+.reese-switch__track .reese-switch__thumb{transform:translate(17px);background:#fff}.reese-switch input:focus-visible+.reese-switch__track{box-shadow:var(--ring)}.reese-switch input:disabled+.reese-switch__track{opacity:.5}.reese-switch--sm .reese-switch__track{width:32px;height:19px}.reese-switch--sm .reese-switch__thumb{width:13px;height:13px}.reese-switch--sm input:checked+.reese-switch__track .reese-switch__thumb{transform:translate(13px)}