heliux-toggleswitch{--toggle-switch-width: 40px;--toggle-switch-height: 20px;--toggle-switch-position: 4px;--toggle-switch-slider-border-radius: 50%;--toggle-switch-background-color: var(--scope-color-accent1-disabled);--toggle-switch-box-shadow-color: var(--scope-color-main-color);--toggle-switch-slider-background-color: var(--scope-color-main-color);--toggle-switch-slider-active-background-color: var(--scope-color-accent1);--toggle-switch-transition: 0.4s;display:inline-block}heliux-toggleswitch .toggleswitch__area{position:relative;display:inline-block;width:var(--toggle-switch-width);height:var(--toggle-switch-height)}heliux-toggleswitch .toggleswitch__wrapper{display:inline-flex;align-items:center}heliux-toggleswitch .toggleswitch__label{margin-inline-end:10px}heliux-toggleswitch .toggleswitch__checkbox{opacity:0;width:0;height:0}heliux-toggleswitch .toggleswitch__checkbox:checked+.toggleswitch__slider::before{transform:translateX(calc(var(--toggle-switch-width) - var(--toggle-switch-height)));border-color:var(--toggle-switch-slider-active-background-color)}.keyboard-user heliux-toggleswitch .toggleswitch__checkbox:focus+.toggleswitch__slider{box-shadow:0 0 var(--toggle-switch-position) 2px var(--toggle-switch-box-shadow-color)}heliux-toggleswitch .toggleswitch__checkbox:focus+.toggleswitch__slider{box-shadow:0 0 var(--toggle-switch-position) var(--toggle-switch-box-shadow-color)}heliux-toggleswitch .toggleswitch__slider{position:absolute;cursor:pointer;inset:0;background-color:var(--toggle-switch-background-color);transition:var(--toggle-switch-transition);border-radius:var(--toggle-switch-height);box-shadow:0 0 1px var(--toggle-switch-box-shadow-color)}heliux-toggleswitch .toggleswitch__slider::before{--slidercheck-margin: calc(var(--toggle-switch-position) * -0.5);--slidercheck-border-max: calc(var(--toggle-switch-height) + var(--toggle-switch-position));--slidercheck-border-width: clamp(0px, calc(var(--toggle-switch-height) * 0.5), calc(var(--slidercheck-border-max) * 0.5));position:absolute;content:"";border:var(--slidercheck-border-width) solid var(--toggle-switch-slider-background-color);width:var(--toggle-switch-position);height:var(--toggle-switch-position);margin:var(--slidercheck-margin);background-color:#fff;transition:var(--toggle-switch-transition);border-radius:var(--toggle-switch-slider-border-radius)}