.kvn-switch{position:relative;display:flex;align-items:center;gap:var(--kvn-space-3);min-block-size:var(--kvn-size-control-lg);padding-inline:var(--kvn-space-4);border:var(--kvn-border-width-thin) solid var(--kvn-color-border-subtle);border-radius:var(--kvn-radius-md);background:var(--kvn-color-surface);cursor:pointer}.kvn-switch__label{flex:1;font-size:var(--kvn-type-control);font-weight:var(--kvn-font-weight-semibold)}.kvn-switch__track{--kvn-switch-inset: calc((var(--kvn-space-7) - var(--kvn-space-6)) / 2);position:relative;flex:none;inline-size:var(--kvn-space-12);block-size:var(--kvn-space-7);border-radius:var(--kvn-radius-full);background:var(--kvn-color-border-strong);transition:background-color var(--kvn-motion-duration-fast) var(--kvn-motion-easing-standard)}.kvn-switch__track:after{content:"";position:absolute;inset-block-start:var(--kvn-switch-inset);inset-inline-start:var(--kvn-switch-inset);inline-size:var(--kvn-space-6);block-size:var(--kvn-space-6);border-radius:var(--kvn-radius-full);background:var(--kvn-color-surface);box-shadow:var(--kvn-shadow-card);transition:inset-inline-start var(--kvn-motion-duration-normal) var(--kvn-motion-easing-standard)}.kvn-native-input:checked+.kvn-switch__track{background:var(--kvn-color-primary)}.kvn-native-input:checked+.kvn-switch__track:after{inset-inline-start:calc(100% - var(--kvn-space-6) - var(--kvn-switch-inset))}.kvn-native-input:focus-visible+.kvn-switch__track{box-shadow:var(--kvn-focus-ring)}.kvn-switch-group,.kvn-switch-group__body{display:contents}.kvn-switch-group:not(:has(>.kvn-switch .kvn-native-input:checked))>.kvn-switch-group__body{display:none}@media(prefers-reduced-motion:reduce){.kvn-switch__track:after{transition:none}}