.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--xs{--height: var(--switch-height, 15px)}.switch-wrapper [type=checkbox]{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border-width:0!important}.switch-wrapper .t-field__label,.switch-wrapper .inline_label,.switch-wrapper .switch-layer{cursor:pointer}.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:#fff}.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}