.switch{position:relative;width:38px;height:22px;flex-shrink:0;padding:0;border:0;border-radius:999px;background:#cfd6e0;transition:background .15s}.switch-on{background:var(--brand-600)}.switch-thumb{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#ffffff;box-shadow:0 1px 2px rgb(15 23 42/.3);transition:transform .15s}.switch-on .switch-thumb{transform:translateX(16px)}.switch:disabled{opacity:.5;cursor:not-allowed}