.si-checkbox{display:flex;width:100%;align-items:center}.si-checkbox--reversed{flex-direction:row-reverse;justify-content:space-between}.si-checkbox--toggle{position:relative;display:inline-block;margin-top:3px}.si-checkbox input[role=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;vertical-align:bottom;border:1px solid var(--si-black-40);border-radius:4px;background:var(--si-basic-white);cursor:pointer;line-height:initial;margin:revert}.si-checkbox input[role=toggle]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:50px;height:28px;border-radius:100px;background-color:var(--si-black-30);cursor:pointer;line-height:initial;margin:revert}.si-checkbox .si-checkbox__slider{border-radius:100px;width:23px;height:23px;background-color:var(--si-basic-white);position:absolute;left:6px;top:5px;transition:.2s ease all}.si-checkbox input[role=toggle]:checked+.si-checkbox__slider{left:30px}.si-checkbox.si-checkbox--disabled input{border:1px solid var(--si-black-30);background-color:var(--si-black-45)!important;cursor:not-allowed}.si-checkbox .si-text{margin:0 0 0 2px}.si-checkbox.si-checkbox--disabled .si-checkbox__slider,.si-checkbox.si-checkbox--disabled input:before{color:var(--si-black-45)!important}.si-checkbox input:checked{background-color:var(--si-primary-blue-70);position:relative}.si-checkbox input[role=checkbox]:checked:before{content:"";font-size:9px;font-weight:600;color:var(--si-basic-white)!important;position:absolute;right:3px;top:3px;font-family:FontAwesome}.si-checkbox--undetermined input[role=checkbox]:checked:before{content:"";font-size:9px;font-weight:600;color:var(--si-basic-white);position:absolute;right:4px;top:3px;font-family:FontAwesome}.si-checkbox input[role=toggle]:before{content:"";font-size:13px;font-weight:600;color:var(--si-black-30);position:absolute;right:36px;top:10px;font-family:FontAwesome;cursor:pointer;z-index:100}.si-checkbox input[role=toggle]:checked:before{content:"";font-size:13px;color:var(--si-primary-blue-70);position:absolute;right:5px;top:8px;font-family:FontAwesome;z-index:100}.si-checkbox input[role=checkbox]:hover{outline:var(--si-blue-50) solid}.si-checkbox input[role=checkbox]:focus{box-shadow:0 0 0 2px var(--si-basic-white),0 0 0 4px var(--si-blue-50);outline:unset}.si-checkbox input[role=toggle]:focus{box-shadow:0 0 0 2px var(--si-basic-white),0 0 0 4px var(--si-blue-50);outline:unset}