.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]{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border-width:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!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{padding-left:0;display:inline-flex}.switch-wrapper span.switch-layer{width:var(--width);min-width:var(--width);height:var(--height);background:#d0d5dd;border-radius:9999px;transition:all .3s;position:relative}.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);z-index:1;border-radius:50%;transition:transform .3s}.switch-wrapper span.switch-layer:before{background:#fff}.switch-wrapper .switch-icon{color:var(--tw-color-neutral-500);font-size:calc(.7 * var(--thumb-size));justify-content:center;align-items:center;display:flex;position:absolute}.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:translateX(var(--thumb-size))}.switch-wrapper input[type=checkbox]:disabled~.switch-layer{opacity:.4;cursor:default}