:host,:root{--va-switch-display:inline-block;--va-switch-checker-margin:auto;--va-switch-checker-transform:translateX(.3rem);--va-switch-checker-height:1.5rem;--va-switch-checker-width:1.5rem;--va-switch-checker-active-background-color:#fff;--va-switch-checker-background-color:var(--va-secondary);--va-switch-checker-border-radius:50%;--va-switch-checker-box-shadow:0 0 0 var(--va-background-border);--va-switch-checker-transition:all .2s ease;--va-switch-checker-wrapper-transform:translateX(0);--va-switch-checker-wrapper-top:0;--va-switch-checker-wrapper-left:0;--va-switch-checker-wrapper-bottom:0;--va-switch-checker-wrapper-right:0;--va-switch-checker-wrapper-width:100%;--va-switch-checker-wrapper-height:100%;--va-switch-checker-wrapper-transition:all .2s ease;--va-switch-checker-wrapper-pointer-events:none;--va-switch-label-left-padding:.3rem;--va-switch-label-right-padding:.3rem;--va-switch-track-border-radius:1rem;--va-switch-track-height:100%;--va-switch-track-width:100%;--va-switch-track-background:var(--va-background-element);--va-switch-track-box-shadow:inset 0 0 0 var(--va-shadow);--va-switch-track-transition:background-color .2s ease;--va-switch-inner-cursor:pointer;--va-switch-inner-height:2rem;--va-switch-inner-width:auto;--va-switch-inner-min-width:4rem;--va-switch-inner-border-radius:1rem;--va-switch-sm-inner-height:1.5rem;--va-switch-sm-inner-width:auto;--va-switch-sm-inner-min-width:3rem;--va-switch-lg-inner-height:2.5rem;--va-switch-lg-inner-width:auto;--va-switch-lg-inner-min-width:5rem}.va-switch{display:inline-block;display:var(--va-switch-display);line-height:0}.va-switch__container{align-items:center;display:inline-flex;width:100%}.va-switch:focus{outline:none}.va-switch__inner{border-radius:1rem;border-radius:var(--va-switch-inner-border-radius);cursor:pointer;cursor:var(--va-switch-inner-cursor);display:inline-block;height:2rem;height:var(--va-switch-inner-height);min-width:4rem;min-width:var(--va-switch-inner-min-width);position:relative;width:auto;width:var(--va-switch-inner-width)}.va-switch__inner:focus{box-shadow:0 0 0 .3rem #3490dc80;outline:0}.va-switch--small .va-switch__inner{height:1.5rem;height:var(--va-switch-sm-inner-height);min-width:3rem;min-width:var(--va-switch-sm-inner-min-width);width:auto;width:var(--va-switch-sm-inner-width)}.va-switch--small .va-switch__checker-circle{height:1.1rem;width:1.1rem}.va-switch--large .va-switch__inner{height:2.5rem;height:var(--va-switch-lg-inner-height);min-width:5rem;min-width:var(--va-switch-lg-inner-min-width);width:auto;width:var(--va-switch-lg-inner-width)}.va-switch--large .va-switch__checker-circle{height:1.8rem;width:1.8rem}.va-switch--disabled{opacity:.4;-webkit-user-select:none;-moz-user-select:none;user-select:none}.va-switch--disabled,.va-switch--readonly{cursor:default;pointer-events:none}.va-switch--readonly .va-switch__label{cursor:auto;pointer-events:auto}.va-switch--left-label .va-switch__container{flex-direction:row-reverse}.va-switch--left-label .va-switch__label{padding:0 .3rem 0 0;padding:0 var(--va-switch-label-left-padding) 0 0}.va-switch--indeterminate .va-switch__checker{margin:auto 0;transform:translate(-50%)}.va-switch--indeterminate .va-switch__checker-wrapper{transform:translate(50%)}.va-switch--checked .va-switch__checker{transform:translate(calc(-100% - .3rem))}.va-switch--checked .va-switch__checker-circle{background-color:#fff;background-color:var(--va-switch-checker-active-background-color)}.va-switch--checked .va-switch__checker-wrapper{transform:translate(100%)}.va-switch--error .va-switch__track{border:.1rem solid}.va-switch__label{cursor:pointer;padding:0 0 0 .3rem;padding:0 0 0 var(--va-switch-label-right-padding);text-align:left}.va-switch .va-switch__track{background:var(--va-background-element);background:var(--va-switch-track-background);border-radius:1rem;border-radius:var(--va-switch-track-border-radius);box-shadow:inset 0 0 0 var(--va-shadow);box-shadow:var(--va-switch-track-box-shadow);display:flex;height:100%;height:var(--va-switch-track-height);overflow:hidden;transition:background-color .2s ease;transition:var(--va-switch-track-transition);width:100%;width:var(--va-switch-track-width)}.va-switch--keyboard-focus.va-switch .va-switch__track{border-radius:"inherit";outline:2px solid var(--va-focus)!important}.va-switch--small.va-switch .va-switch__track{border-radius:.75rem}.va-switch--large.va-switch .va-switch__track{border-radius:1.25rem}.va-switch .va-switch__track-label{color:#fff;margin:auto .5rem auto 2rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.va-switch--checked.va-switch .va-switch__track-label{margin:auto 2rem auto .5rem}.va-switch--small.va-switch .va-switch__track-label{margin:auto .5rem auto 1.55rem}.va-switch--checked.va-switch--small.va-switch .va-switch__track-label{margin:auto 1.55rem auto .5rem}.va-switch--large.va-switch .va-switch__track-label{margin:auto .5rem auto 2.3rem}.va-switch--checked.va-switch--large.va-switch .va-switch__track-label{margin:auto 2.3rem auto .5rem}.va-switch__checker{bottom:0;box-shadow:0 0 0 var(--va-background-border);box-shadow:var(--va-switch-checker-box-shadow);margin:auto;margin:var(--va-switch-checker-margin);position:absolute;top:0;transform:translate(.3rem);transform:var(--va-switch-checker-transform);transition:all .2s ease;transition:var(--va-switch-checker-transition)}.va-switch__checker,.va-switch__checker-circle{align-items:center;display:flex;justify-content:center}.va-switch__checker-circle{background-color:var(--va-secondary);background-color:var(--va-switch-checker-background-color);border-radius:50%;border-radius:var(--va-switch-checker-border-radius);height:1.5rem;height:var(--va-switch-checker-height);width:1.5rem;width:var(--va-switch-checker-width)}.va-switch__checker-wrapper{bottom:0;bottom:var(--va-switch-checker-wrapper-bottom);height:100%;height:var(--va-switch-checker-wrapper-height);left:0;left:var(--va-switch-checker-wrapper-left);margin:auto;pointer-events:none;pointer-events:var(--va-switch-checker-wrapper-pointer-events);position:absolute;right:0;right:var(--va-switch-checker-wrapper-right);top:0;top:var(--va-switch-checker-wrapper-top);transform:translate(0);transform:var(--va-switch-checker-wrapper-transform);transition:all .2s ease;transition:var(--va-switch-checker-wrapper-transition);width:100%;width:var(--va-switch-checker-wrapper-width)}.va-switch__input{clip:rect(0 0 0 0);border:0;-webkit-clip-path:inset(100%);clip-path:inset(100%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}