body{--toggle-button-width:80px;--toggle-button-height:20px}.ZAToggleButton{background-color:var(--togglebtn-offstate-bg);border-radius:20px;cursor:var(--cursor-pointer);display:inline-block;height:var(--toggle-button-height);line-height:normal;overflow:hidden;width:var(--toggle-button-width)}.ZAToggleButton *{box-sizing:border-box}.ZAToggleButton.disabled{opacity:.6;pointer-events:none}.ZAToggleButton input{height:0;opacity:0;position:absolute;width:0}.ZAToggleButton:has(input:focus-visible){border-radius:3px;outline:2px solid var(--za-accent-color);outline-offset:2px}.ZAToggleButton .toggle-slider{border-radius:20px;height:var(--toggle-button-height);inset-inline-start:-100%;position:relative;transition:.5s;width:var(--toggle-button-width)}.ZAToggleButton .slider-circle{background-color:var(--togglebtn-thumb-color);border-radius:100%;height:calc(var(--toggle-button-height) - 4px);inset-inline-start:103%;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:calc(var(--toggle-button-height) - 4px)}.ZAToggleButton .slider-off,.ZAToggleButton .slider-on{position:absolute;top:47%;transform:translateY(-50%);transition:all .2s ease;width:max-content}.ZAToggleButton .slider-off{color:var(--togglebtn-offstate-font-color);font-family:var(--font-family-bold);font-weight:var(--font-weight-bold);inset-inline-start:calc(var(--toggle-button-width) + 20px)}.ZAToggleButton input:checked+.toggle-slider{background-color:var(--togglebtn-onstate-bg);color:var(--togglebtn-onstate-font-color);inset-inline-start:0}.ZAToggleButton input:checked+.toggle-slider .slider-circle{inset-inline-start:calc(var(--toggle-button-width) - var(--toggle-button-height) + 2px)}.ZAToggleButton input:checked+.toggle-slider .slider-on{inset-inline-start:10px}.ZAToggleButton .checkbox{display:none}