.crud-switch,.crud-switch:before{transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.2s;animation-timing-function:cubic-bezier(.4,0,.2,1)}.crud-switch{position:relative;flex-shrink:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;overflow:hidden;outline:2px solid transparent;outline-offset:2px}.crud-switch:focus{outline:2px solid transparent;outline-offset:2px}.crud-switch{-webkit-print-color-adjust:exact;print-color-adjust:exact;--thumb-border: 2px}.crud-switch:before{position:absolute;top:var(--thumb-border);left:var(--thumb-border);height:calc(100% - var(--thumb-border) * 2);content:var(--tw-content);width:calc((100% / 2) - (var(--thumb-border) * 2))}.crud-switch:checked:before{content:var(--tw-content);--tw-translate-x: calc(100% + (var(--thumb-border) * 2));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.crud-switch:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.crud-switch.is-outline:before{content:var(--tw-content);width:calc((100% / 2) - (var(--thumb-border) * 2) - 1px)}.crud-switch.is-outline:checked:before{content:var(--tw-content);--tw-translate-x: calc(100% + (var(--thumb-border) * 2) + 2px);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}