.vxp-switch-vars{--vxp-switch-bg-color:var(--vxp-fill-color-secondary);--vxp-switch-bg-color-open:var(--vxp-color-primary-base);--vxp-switch-bg-color-disabled:var(--vxp-fill-color-disabled);--vxp-switch-opacity-disabled:60%;--vxp-switch-opacity-loading:var(--vxp-switch-opacity-disabled);--vxp-switch-s-color-focus:var(--vxp-color-primary-opacity-6);--vxp-switch-label-color:var(--vxp-color-white);--vxp-switch-height:22px;--vxp-switch-signal-size:calc(var(--vxp-switch-height) - 4px);--vxp-switch-signal-bg-color:var(--vxp-color-white);--vxp-switch-series-span:8px;--vxp-switch-icon-color:var(--vxp-color-black);--vxp-switch-icon-color-loading:var(--vxp-color-primary-base);--vxp-switch-circle-opacity:0;--vxp-switch-radius-rectangle:var(--vxp-radius-base)}.vxp-switch{align-items:center;background-color:var(--vxp-switch-bg-color);border-radius:var(--vxp-switch-height);color:var(--vxp-content-color-base);cursor:pointer;display:inline-flex;font-family:var(--vxp-font-family-base);font-size:var(--vxp-font-size-base);font-variant-numeric:tabular-nums;line-height:var(--vxp-line-height-base);position:relative;transition:var(--vxp-transition-background),var(--vxp-transition-border),var(--vxp-transition-shadow),var(--vxp-transition-opacity);-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle}.vxp-switch,.vxp-switch *,.vxp-switch :after,.vxp-switch :before{box-sizing:border-box}.vxp-switch--inherit{font-family:inherit;font-size:inherit;font-variant-numeric:inherit;line-height:inherit}.vxp-switch--small{--vxp-switch-height:18px}.vxp-switch--large{--vxp-switch-height:26px}.vxp-switch+.vxp-switch{margin-inline-start:var(--vxp-switch-series-span)}.vxp-switch:focus-within{box-shadow:var(--vxp-shadow-focus) var(--vxp-switch-s-color-focus)}.vxp-switch--loading{cursor:default;opacity:var(--vxp-switch-opacity-loading)}.vxp-switch--open{background-color:var(--vxp-switch-bg-color-open)}.vxp-switch__placeholder{display:flex;flex-direction:column;height:var(--vxp-switch-height);min-width:calc(var(--vxp-switch-height)*2);overflow:hidden;padding-inline-start:calc(var(--vxp-switch-height)*1.5 + 1px);pointer-events:none;visibility:hidden;white-space:nowrap}.vxp-switch__label{align-items:center;border-radius:var(--vxp-switch-height);color:var(--vxp-switch-label-color);display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;line-height:1;padding-inline:calc(var(--vxp-switch-height) + 2px) calc(var(--vxp-switch-height)*.5 - 1px);position:absolute;transition:padding var(--vxp-transition-base)}.vxp-switch--open .vxp-switch__label{padding-inline:calc(var(--vxp-switch-height)*.5 - 1px) calc(var(--vxp-switch-height) + 2px)}.vxp-switch__close-text,.vxp-switch__open-text{display:flex;white-space:nowrap}.vxp-switch__signal{align-items:center;background-color:var(--vxp-switch-signal-bg-color);border-radius:50%;display:flex;height:var(--vxp-switch-signal-size);inset-inline-start:calc((var(--vxp-switch-height) - var(--vxp-switch-signal-size))*.5);justify-content:center;position:absolute;transition:inset-inline-start var(--vxp-transition-base),var(--vxp-transition-transform);width:var(--vxp-switch-signal-size);will-change:inset-inline-start}.vxp-switch__signal .vxp-icon{color:var(--vxp-switch-icon-color)}.vxp-switch--open .vxp-switch__signal{inset-inline-start:calc(100% - var(--vxp-switch-signal-size) - (var(--vxp-switch-height) - var(--vxp-switch-signal-size))*.5)}.vxp-switch--loading .vxp-switch__signal .vxp-icon{color:var(--vxp-switch-icon-color-loading)}.vxp-switch--rectangle,.vxp-switch--rectangle .vxp-switch__label,.vxp-switch--rectangle .vxp-switch__signal{border-radius:var(--vxp-switch-radius-rectangle)}.vxp-switch--success{--vxp-switch-bg-color:var(--vxp-color-success-light-1);--vxp-switch-bg-color-open:var(--vxp-color-success-light-1);--vxp-switch-s-color-focus:var(--vxp-color-success-opacity-6);--vxp-switch-circle-opacity:var(--vxp-80%)}.vxp-switch--error{--vxp-switch-bg-color:var(--vxp-color-error-light-1);--vxp-switch-bg-color-open:var(--vxp-color-error-light-1);--vxp-switch-s-color-focus:var(--vxp-color-error-opacity-6);--vxp-switch-circle-opacity:var(--vxp-80%)}.vxp-switch--warning{--vxp-switch-bg-color:var(--vxp-color-warning-light-1);--vxp-switch-bg-color-open:var(--vxp-color-warning-light-1);--vxp-switch-s-color-focus:var(--vxp-color-warning-opacity-6);--vxp-switch-circle-opacity:var(--vxp-80%)}.vxp-switch--disabled{background-color:var(--vxp-switch-bg-color-disabled);cursor:not-allowed;opacity:var(--vxp-switch-opacity-disabled)}.vxp-switch--disabled .vxp-switch__signal{pointer-events:none}.vxp-switch__input{height:0;margin:0;opacity:0;pointer-events:none;width:0}