.switch-toggle{cursor:pointer;background-color:#d2d2d2;margin:0 8px;transition:background-color .3s cubic-bezier(.71,-.29,.12,.63);position:relative}.switch-toggle .gray-cover{display:none}.switch-toggle.disable{cursor:not-allowed}.switch-toggle.disable .gray-cover{background-color:#00000026;border-radius:25px;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.switch-toggle .dot{background-color:#fff;justify-content:center;align-items:center;transition:left .3s cubic-bezier(.71,-.29,.12,.63);display:flex;position:absolute;box-shadow:0 1px 3px #00000080}.switch-toggle .dot .text{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.switch-toggle .dot .text .text-on,.switch-toggle .dot .text .text-off{transition:opacity .6s;position:absolute}.switch-toggle .dot .text .text-off{opacity:1}.switch-toggle .dot .text .text-on{opacity:0}.switch-toggle .line{background-color:#fff;border-radius:5px;width:1px;height:40%;position:absolute;top:30%}.switch-toggle .circle{border:1px solid #fff;border-radius:50%;position:absolute;transform:scale(.5)}.switch-toggle.on{background-color:#1d6998}.switch-toggle.on .dot .text .text-off{opacity:0}.switch-toggle.on .dot .text .text-on{opacity:1}.sandbox .switch-toggle.on{background-color:#22aaa1}