.switch{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.625rem;display:inline-flex}.switch__track{border-radius:var(--radius-pill);border:1.5px solid rgba(var(--base-rgb), .22);background:linear-gradient(180deg, rgba(var(--base-rgb), .06), rgba(var(--base-rgb), .2));width:2rem;height:1.125rem;box-shadow:var(--inset-field);flex:none;transition:background .2s;position:relative}.switch__track[data-checked]{background:linear-gradient(180deg, var(--accent-hi), var(--accent-lo))}.switch__track:focus-visible{box-shadow:var(--inset-field), var(--ring-focus);outline:none}.switch__thumb{border-radius:var(--radius-circle);width:.75rem;height:.75rem;box-shadow:var(--shadow-knob);transition:transform .25s var(--ease-spring);background:linear-gradient(#fff,#e9ebef);position:absolute;top:1px;left:1px}.switch__thumb[data-checked]{transform:translate(.875rem)}.switch__label{font-size:var(--text-s);color:var(--text-strong);font-weight:600}