.switch{position:relative;display:inline-block;width:120px;height:60px}.switch input{opacity:0;width:0;height:0}.switch .slider:before{height:52px;width:52px;left:4px;bottom:4px;animation-timing-function:ease,ease-in-out;animation-delay:.2s,.2s}.switch input .unknown{-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px);animation-name:up-and-down-1}.switch input:disabled+.slider:before{background-color:#cdd2ff}.switch input.type-1:not(.unknown):checked+.slider:before{-webkit-transform:translateX(60px);-ms-transform:translateX(60px);transform:translateX(60px)}.switch input.type-1:not(.unknown).loading+.slider:before{animation-name:up-and-down-1}.switch input.type-2:checked:not(.loading)+.slider:before{-webkit-transform:translateX(60px);-ms-transform:translateX(60px);transform:translateX(60px)}.switch input.type-2.loading+.slider:before{-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px);animation-name:up-and-down-1}.switch .round{border-radius:120px}.switch.size-2x{width:240px;height:120px}.switch.size-2x .slider:before{height:104px;width:104px;left:8px;bottom:8px;animation-timing-function:ease,ease-in-out;animation-delay:.2s,.2s}.switch.size-2x input .unknown{-webkit-transform:translateX(60px);-ms-transform:translateX(60px);transform:translateX(60px);animation-name:up-and-down-2}.switch.size-2x input:disabled+.slider:before{background-color:#cdd2ff}.switch.size-2x input.type-1:not(.unknown):checked+.slider:before{-webkit-transform:translateX(120px);-ms-transform:translateX(120px);transform:translateX(120px)}.switch.size-2x input.type-1:not(.unknown).loading+.slider:before{animation-name:up-and-down-2}.switch.size-2x input.type-2:checked:not(.loading)+.slider:before{-webkit-transform:translateX(120px);-ms-transform:translateX(120px);transform:translateX(120px)}.switch.size-2x input.type-2.loading+.slider:before{-webkit-transform:translateX(60px);-ms-transform:translateX(60px);transform:translateX(60px);animation-name:up-and-down-2}.switch.size-2x .round{border-radius:240px}.switch.size-3x{width:360px;height:180px}.switch.size-3x .slider:before{height:156px;width:156px;left:12px;bottom:12px;animation-timing-function:ease,ease-in-out;animation-delay:.2s,.2s}.switch.size-3x input .unknown{-webkit-transform:translateX(90px);-ms-transform:translateX(90px);transform:translateX(90px);animation-name:up-and-down-3}.switch.size-3x input:disabled+.slider:before{background-color:#cdd2ff}.switch.size-3x input.type-1:not(.unknown):checked+.slider:before{-webkit-transform:translateX(180px);-ms-transform:translateX(180px);transform:translateX(180px)}.switch.size-3x input.type-1:not(.unknown).loading+.slider:before{animation-name:up-and-down-3}.switch.size-3x input.type-2:checked:not(.loading)+.slider:before{-webkit-transform:translateX(180px);-ms-transform:translateX(180px);transform:translateX(180px)}.switch.size-3x input.type-2.loading+.slider:before{-webkit-transform:translateX(90px);-ms-transform:translateX(90px);transform:translateX(90px);animation-name:up-and-down-3}.switch.size-3x .round{border-radius:360px}.switch.size-4x{width:480px;height:240px}.switch.size-4x .slider:before{height:208px;width:208px;left:16px;bottom:16px;animation-timing-function:ease,ease-in-out;animation-delay:.2s,.2s}.switch.size-4x input .unknown{-webkit-transform:translateX(120px);-ms-transform:translateX(120px);transform:translateX(120px);animation-name:up-and-down-4}.switch.size-4x input:disabled+.slider:before{background-color:#cdd2ff}.switch.size-4x input.type-1:not(.unknown):checked+.slider:before{-webkit-transform:translateX(240px);-ms-transform:translateX(240px);transform:translateX(240px)}.switch.size-4x input.type-1:not(.unknown).loading+.slider:before{animation-name:up-and-down-4}.switch.size-4x input.type-2:checked:not(.loading)+.slider:before{-webkit-transform:translateX(240px);-ms-transform:translateX(240px);transform:translateX(240px)}.switch.size-4x input.type-2.loading+.slider:before{-webkit-transform:translateX(120px);-ms-transform:translateX(120px);transform:translateX(120px);animation-name:up-and-down-4}.switch.size-4x .round{border-radius:480px}@media screen and (max-width: 768px){.switch.size-2x{width:240px;height:120px}.switch.size-2x .slider:before{height:104px;width:104px;left:8px;bottom:8px;animation-timing-function:ease,ease-in-out;animation-delay:.2s,.2s}.switch.size-2x input .unknown{-webkit-transform:translateX(60px);-ms-transform:translateX(60px);transform:translateX(60px);animation-name:up-and-down-2}.switch.size-2x input:disabled+.slider:before{background-color:#cdd2ff}.switch.size-2x input.type-1:not(.unknown):checked+.slider:before{-webkit-transform:translateX(120px);-ms-transform:translateX(120px);transform:translateX(120px)}.switch.size-2x input.type-1:not(.unknown).loading+.slider:before{animation-name:up-and-down-2}.switch.size-2x input.type-2:checked:not(.loading)+.slider:before{-webkit-transform:translateX(120px);-ms-transform:translateX(120px);transform:translateX(120px)}.switch.size-2x input.type-2.loading+.slider:before{-webkit-transform:translateX(60px);-ms-transform:translateX(60px);transform:translateX(60px);animation-name:up-and-down-2}.switch.size-2x .round{border-radius:240px}.switch.size-3x{width:240px;height:120px}.switch.size-3x .slider:before{height:104px;width:104px;left:8px;bottom:8px;animation-timing-function:ease,ease-in-out;animation-delay:.2s,.2s}.switch.size-3x input .unknown{-webkit-transform:translateX(60px);-ms-transform:translateX(60px);transform:translateX(60px);animation-name:up-and-down-2}.switch.size-3x input:disabled+.slider:before{background-color:#cdd2ff}.switch.size-3x input.type-1:not(.unknown):checked+.slider:before{-webkit-transform:translateX(120px);-ms-transform:translateX(120px);transform:translateX(120px)}.switch.size-3x input.type-1:not(.unknown).loading+.slider:before{animation-name:up-and-down-2}.switch.size-3x input.type-2:checked:not(.loading)+.slider:before{-webkit-transform:translateX(120px);-ms-transform:translateX(120px);transform:translateX(120px)}.switch.size-3x input.type-2.loading+.slider:before{-webkit-transform:translateX(60px);-ms-transform:translateX(60px);transform:translateX(60px);animation-name:up-and-down-2}.switch.size-3x .round{border-radius:240px}.switch.size-4x{width:240px;height:120px}.switch.size-4x .slider:before{height:104px;width:104px;left:8px;bottom:8px;animation-timing-function:ease,ease-in-out;animation-delay:.2s,.2s}.switch.size-4x input .unknown{-webkit-transform:translateX(60px);-ms-transform:translateX(60px);transform:translateX(60px);animation-name:up-and-down-2}.switch.size-4x input:disabled+.slider:before{background-color:#cdd2ff}.switch.size-4x input.type-1:not(.unknown):checked+.slider:before{-webkit-transform:translateX(120px);-ms-transform:translateX(120px);transform:translateX(120px)}.switch.size-4x input.type-1:not(.unknown).loading+.slider:before{animation-name:up-and-down-2}.switch.size-4x input.type-2:checked:not(.loading)+.slider:before{-webkit-transform:translateX(120px);-ms-transform:translateX(120px);transform:translateX(120px)}.switch.size-4x input.type-2.loading+.slider:before{-webkit-transform:translateX(60px);-ms-transform:translateX(60px);transform:translateX(60px);animation-name:up-and-down-2}.switch.size-4x .round{border-radius:240px}.switch.size-2x{width:120px;height:60px}.switch.size-2x .slider:before{height:52px;width:52px;left:4px;bottom:4px;animation-timing-function:ease,ease-in-out;animation-delay:.2s,.2s}.switch.size-2x input .unknown{-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px);animation-name:up-and-down-1}.switch.size-2x input:disabled+.slider:before{background-color:#cdd2ff}.switch.size-2x input.type-1:not(.unknown):checked+.slider:before{-webkit-transform:translateX(60px);-ms-transform:translateX(60px);transform:translateX(60px)}.switch.size-2x input.type-1:not(.unknown).loading+.slider:before{animation-name:up-and-down-1}.switch.size-2x input.type-2:checked:not(.loading)+.slider:before{-webkit-transform:translateX(60px);-ms-transform:translateX(60px);transform:translateX(60px)}.switch.size-2x input.type-2.loading+.slider:before{-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px);animation-name:up-and-down-1}.switch.size-2x .round{border-radius:120px}}.switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#e7e7e7;-webkit-transition:.4s;transition:.4s}.switch .slider:before{position:absolute;content:"";background-color:#fff;-webkit-transition:.4s;transition:.4s}.switch input:checked+.slider{background-color:#2196f3}.switch input:focus+.slider{box-shadow:0 0 1px #2196f3}.switch input.loading+.slider:before{animation-duration:.8s;animation-iteration-count:infinite;animation-direction:alternate}.switch .round:before{border-radius:50%}@keyframes up-and-down-1{to{opacity:.4;height:37px;width:37px;left:11.5px;bottom:11.5px}}@keyframes up-and-down-2{to{opacity:.4;height:74px;width:74px;left:23px;bottom:23px}}@keyframes up-and-down-3{to{opacity:.4;height:111px;width:111px;left:34.5px;bottom:34.5px}}@keyframes up-and-down-4{to{opacity:.4;height:148px;width:148px;left:46px;bottom:46px}}