.switch-toggle .handle{-webkit-tap-highlight-color:rgba(0,0,0,0)}.switch-toggle{justify-content:space-between}.switch-toggle :hover,.switch-toggle:hover{cursor:pointer}.switch-toggle[data-active=true] .handle{background:#fff}.switch-toggle[data-active=true] .toggle-wrapper{background:#000}.switch-toggle.large[data-active=true] .toggle-wrapper .handle{transform:translateX(calc(35px + 4px))}.switch-toggle.large .handle{width:27px}.switch-toggle.large .toggle-wrapper{border-radius:35px;flex:0 0 70px;height:35px;width:70px}.switch-toggle.small[data-active=true] .toggle-wrapper .handle{transform:translateX(calc(25px + 4px))}.switch-toggle.small .handle{width:17px}.switch-toggle.small .toggle-wrapper{border-radius:25px;flex:0 0 50px;height:25px;width:50px}.switch-toggle .outer{align-items:center;display:flex}.switch-toggle .input{display:none;position:absolute;right:-20px;top:-20px}.switch-toggle .handle{background:#fff;border-radius:100%;display:block;font-size:0;height:calc(100% - 8px);position:absolute;top:4px;transform:translateX(4px);transition:background .25s ease-in-out,transform .25s ease-in-out}.switch-toggle .toggle-wrapper{background:#5c5c5c;position:relative;transition:background .25s ease-in-out}.switch-toggle .toggle-wrapper:focus{outline:5px solid #c7c7c7}.switch-toggle .label-wrapper{align-items:center;display:flex}.switch-toggle .label-wrapper [data-component-id=icon]{margin-bottom:0;margin-left:5px}.switch-toggle .label{box-sizing:border-box;flex:1 1;margin-left:10px}