:root{--switch-color-active: var(--color-state-green);--switch-button-size: 24px;--switch-height: 30px;--switch-space: 3px;--switch-width: 50px}body div.field.switch label{display:none}body div.field.switch div.input input[type=checkbox]{height:0;left:-9999px;padding:0;position:absolute;width:0}body div.field.switch div.input label.lswitch{background:var(--color-surface-xdark);border-radius:100px;cursor:pointer;display:inline-block;height:var(--switch-height);position:relative;text-indent:-9999px;vertical-align:middle;width:var(--switch-width)}body div.field.switch div.input label.lswitch:after{background:#fff;border-radius:100px;content:"";height:var(--switch-button-size);left:var(--switch-space);position:absolute;transition:.3s;top:var(--switch-space);width:var(--switch-button-size)}body div.field.switch div.input input:checked+label.lswitch{background:var(--switch-color-active)}body div.field.switch div.input input:checked+label.lswitch:after{left:100%;margin-left:calc(var(--switch-space)*-1);transform:translateX(-100%)}body div.field.switch div.input label.text{color:var(--label-color);cursor:pointer;display:inline-block;margin-left:var(--label-hspace);vertical-align:middle;width:auto}body div.field.switch div.input label.text small{color:var(--color-ink-xlight);display:block;font-size:var(--fs-xxs);line-height:1.3em}body div.field.switch div.input input:checked~label.text{color:var(--label-color-active)}table.form thead tr th.switch{text-align:center;width:0px;white-space:nowrap}table.form tbody tr td.switch div.field.switch div.input{text-align:center}table.form tbody tr td.switch div.field.switch div.input label.lswitch{margin:0}table.form tbody tr td.switch div.field.switch div.input label.text{display:none}