.lib-switch-directive{cursor:pointer;--switch-on-color: var(--element-default-selected-color);--switch-off-color: grey;--switch-unknown-color: red}.lib-switch-directive[disabled]{pointer-events:none;opacity:.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50)}.lib-switch-directive[disabled] .switch-container{border-style:dashed}.lib-switch-directive[compact] .switch-container{height:23px;width:40px;min-height:23px;min-width:40px}.lib-switch-directive[compact] .switch-label{font-size:14px;margin-left:12px;margin-right:8px}.lib-switch-directive .switch-container{-webkit-transition:all .3s ease;transition:all .3s ease;height:28px;width:48px;min-height:28px;min-width:24px;border-radius:1000px;border:1px solid #bfbebf;position:relative;background:#fff}.lib-switch-directive .switch-container.true-value .switch-knob{-webkit-transform:translateX(100%);transform:translateX(100%);background:var(--switch-on-color)}.lib-switch-directive .switch-container.unknown-value .switch-knob{-webkit-transform:translateX(50%);transform:translateX(50%);background:var(--switch-unknown-color);content:"?"}.lib-switch-directive .switch-container .switch-knob{-webkit-transition:all .3s ease;transition:all .3s ease;position:absolute;top:2px;bottom:4px;left:2px;height:calc(100% - 4px);width:calc(50% - 2px);border-radius:1000px;background:var(--switch-off-color)}.lib-switch-directive .switch-label{font-size:16px;margin-left:16px;margin-right:8px}.lib-switch-directive .switch-label.no-content{margin-left:0;margin-right:0}