.stato-sui-sui-switch .sui.label-off, .stato-sui-sui-switch .sui.label-on{margin-right:10px} .stato-sui-sui-switch .sui.switch>input[type="checkbox"]{display:none} .stato-sui-sui-switch .sui.switch>label.sui.labeltransform{cursor:pointer;height:0px;position:relative;width:40px} .stato-sui-sui-switch .sui.switch>label.sui.labeltransform:before{background:rgb(0,0,0);box-shadow:inset 0px 0px 10px rgba(0,0,0,0.5);border-radius:10px;content:"";height:16px;margin-top:-12px;position:absolute;opacity:0.4;transition:all 0.3s ease-in-out;width:40px} .stato-sui-sui-switch .sui.switch>label.sui.labeltransform:after{background:rgb(255,255,255);border-radius:16px;box-shadow:0px 0px 5px rgba(0,0,0,0.3);content:"";height:24px;left:-4px;margin-top:-12px;position:absolute;top:-4px;transition:all 0.3s ease-in-out;width:24px} .stato-sui-sui-switch .sui.switch>input[type="checkbox"]:checked + label.sui.labeltransform:before{background:rgb(68,157,68);opacity:1;box-shadow:inset 0px 0px 10px rgb(92,184,92)} .stato-sui-sui-switch .sui.switch>input[type="checkbox"]:checked + label.sui.labeltransform:after{background:rgb(92,184,92);left:20px}