.switch[data-v-30717e9a]{align-items:center;cursor:pointer;display:inline-flex;flex-direction:row;margin:15px 0 0;position:relative;vertical-align:middle;white-space:nowrap;width:auto}.switch__block[data-v-30717e9a]{border-radius:100px;height:20px;margin:0 10px 0 0;overflow:hidden;position:relative;width:45px}.switch__label[data-v-30717e9a]{color:var(--ms-Black);cursor:pointer}.checkbox[data-v-30717e9a]{cursor:pointer;height:16px;margin:0;opacity:0;padding:0;position:relative;width:100%;z-index:3}.knobs[data-v-30717e9a],.layer[data-v-30717e9a]{bottom:0;left:0;position:absolute;right:0;top:0}.knobs[data-v-30717e9a]{z-index:2}.layer[data-v-30717e9a]{background-color:#f2f4f4;border-radius:100px;transition:all .3s ease;width:100%;z-index:1}.switch__block .knobs[data-v-30717e9a]:before{background-color:#fff;border-radius:50%;content:"";height:17.5px;left:1px;position:absolute;top:1px;transition:all .3s ease,left .3s cubic-bezier(.18,.89,.35,1.15);width:17.5px}.switch__block .checkbox:active+.knobs[data-v-30717e9a]:before{border-radius:100px;width:26px}.switch__block .checkbox:checked:active+.knobs[data-v-30717e9a]:before{margin-left:-13px}.switch__block .checkbox:checked+.knobs[data-v-30717e9a]:before{content:"";left:26px}.switch__block .checkbox:checked~.layer[data-v-30717e9a]{background-color:#783cbd}