.switch-wrapper{--height: var(--switch-height, 20px);--offset: var(--switch-offset, 2px);--thumb-size: calc(var(--height) - (2 * var(--offset)));--width: calc(2 * (var(--thumb-size) + var(--offset)))}.switch-wrapper [type=checkbox]{position:absolute!important;left:-9999px}.switch-wrapper,.switch-wrapper>*{cursor:pointer!important}.switch-wrapper+.switch-wrapper{margin-top:0}.switch-wrapper .label_text{padding-left:7px}.switch-wrapper .inline_label:first-child{padding-right:6px}.switch-wrapper .inline_label:last-child{padding-left:6px}.switch-wrapper label:last-of-type{display:inline-flex;padding-left:0}.switch-wrapper span.switch-layer{position:relative;width:var(--width);min-width:var(--width);height:var(--height);border-radius:9999px;background:#D0D5DD;transition:all .3s}.switch-wrapper span.switch-layer:before{content:"";position:absolute}.switch-wrapper span.switch-layer:before,.switch-wrapper .switch-icon{left:var(--offset);top:var(--offset);width:var(--thumb-size);height:var(--thumb-size);border-radius:50%;z-index:1;transition:transform .3s}.switch-wrapper span.switch-layer:before{background:#ffffff}.switch-wrapper .switch-icon{color:var(--tw-color-gray-500);position:absolute;display:flex;align-items:center;justify-content:center;font-size:calc(.7 * var(--thumb-size))}.switch-wrapper .switch-icon.switch-on-icon{opacity:0}.switch-wrapper .switch-icon.switch-off-icon{opacity:1}.switch-wrapper input[type=checkbox]:not(.force-unchecked):checked~.switch-layer{background:var(--tw-color-primary-500)}.switch-wrapper input[type=checkbox]:not(.force-unchecked):checked~.switch-layer .switch-icon{color:var(--tw-color-primary-500)}.switch-wrapper input[type=checkbox]:not(.force-unchecked):checked~.switch-layer .switch-icon.switch-on-icon{opacity:1}.switch-wrapper input[type=checkbox]:not(.force-unchecked):checked~.switch-layer .switch-icon.switch-off-icon{opacity:0}.switch-wrapper input[type=checkbox]:not(.force-unchecked):checked~.switch-layer:before,.switch-wrapper input[type=checkbox]:not(.force-unchecked):checked~.switch-layer .switch-icon{transform:translate(var(--thumb-size))}.switch-wrapper input[type=checkbox]:disabled~.switch-layer{opacity:.4;cursor:default}