.toggle{display:inline-block;vertical-align:middle;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.toggle input[type=checkbox]{display:none}.toggle input[disabled]~.toggle-icon{pointer-events:none}.toggle-icon{z-index:0;margin:0;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;position:relative;-webkit-transition:.3s;transition:.3s;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;cursor:pointer}.toggle-icon:after,.toggle-icon:before{content:''}.toggle-icon:after{background:#fff;position:absolute;z-index:2;-webkit-transform:translateX(0px);transform:translateX(0px);-webkit-transition-duration:.3s;transition-duration:.3s}.ios .toggle{width:52px;border-radius:16px;height:32px}.ios .toggle input[type=checkbox]:checked+.toggle-icon{background:#4cd964}.ios .toggle input[type=checkbox]:checked+.toggle-icon:before{-webkit-transform:scale(0);transform:scale(0)}.ios .toggle input[type=checkbox]:checked+.toggle-icon:after{-webkit-transform:translateX(20px);transform:translateX(20px)}.ios .toggle-icon{width:52px;border-radius:16px;height:32px;background:#e5e5e5}.ios .toggle-icon:before{position:absolute;left:2px;top:2px;width:48px;height:28px;border-radius:16px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;z-index:1;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transform:scale(1);transform:scale(1)}.ios .toggle-icon:after{height:28px;width:28px;top:2px;left:2px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.3);box-shadow:0 2px 4px rgba(0,0,0,.3);border-radius:14px}.ios .toggle-active-state input[type=checkbox]:not(:checked)+.toggle-icon:before{-webkit-transform:scale(0);transform:scale(0)}.ios .toggle-active-state input[type=checkbox]+.toggle-icon:after{width:35px}.ios .toggle-active-state input[type=checkbox]:checked+.toggle-icon:after{width:35px;-webkit-transform:translateX(13px);transform:translateX(13px)}.ios .theme-dark .toggle-icon{background-color:#fff}.ios .theme-dark .toggle-icon:before{background-color:#1c1c1d}.ios .toggle.color-red input[type=checkbox]:checked+.toggle-icon{background-color:#ff3b30}.ios .toggle.color-green input[type=checkbox]:checked+.toggle-icon{background-color:#4cd964}.ios .toggle.color-blue input[type=checkbox]:checked+.toggle-icon{background-color:#007aff}.ios .toggle.color-pink input[type=checkbox]:checked+.toggle-icon{background-color:#ff2d55}.ios .toggle.color-yellow input[type=checkbox]:checked+.toggle-icon{background-color:#fc0}.ios .toggle.color-orange input[type=checkbox]:checked+.toggle-icon{background-color:#ff9500}.ios .toggle.color-gray input[type=checkbox]:checked+.toggle-icon{background-color:#8e8e93}.ios .toggle.color-white input[type=checkbox]:checked+.toggle-icon{background-color:#fff}.ios .toggle.color-black input[type=checkbox]:checked+.toggle-icon{background-color:#000}.md .toggle{width:36px;height:14px}.md .toggle input[type=checkbox]:checked+.toggle-icon{background:rgba(33,150,243,.5)}.md .toggle input[type=checkbox]:checked+.toggle-icon:after{-webkit-transform:translateX(16px);transform:translateX(16px);background:#2196f3}.md .toggle-icon{width:36px;height:14px;border-radius:14px;background:#b0afaf}.md .toggle-icon:after{height:20px;width:20px;top:-3px;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.4);box-shadow:0 2px 5px rgba(0,0,0,.4);border-radius:10px;left:0}.md .color-theme-red .toggle input[type=checkbox]:checked+.toggle-icon{background:rgba(244,67,54,.5)}.md .color-theme-red .toggle input[type=checkbox]:checked+.toggle-icon:after{background:#f44336}.md .color-theme-green .toggle input[type=checkbox]:checked+.toggle-icon{background:rgba(76,175,80,.5)}.md .color-theme-green .toggle input[type=checkbox]:checked+.toggle-icon:after{background:#4caf50}.md .color-theme-blue .toggle input[type=checkbox]:checked+.toggle-icon{background:rgba(33,150,243,.5)}.md .color-theme-blue .toggle input[type=checkbox]:checked+.toggle-icon:after{background:#2196f3}.md .color-theme-pink .toggle input[type=checkbox]:checked+.toggle-icon{background:rgba(233,30,99,.5)}.md .color-theme-pink .toggle input[type=checkbox]:checked+.toggle-icon:after{background:#e91e63}.md .color-theme-yellow .toggle input[type=checkbox]:checked+.toggle-icon{background:rgba(255,235,59,.5)}.md .color-theme-yellow .toggle input[type=checkbox]:checked+.toggle-icon:after{background:#ffeb3b}.md .color-theme-orange .toggle input[type=checkbox]:checked+.toggle-icon{background:rgba(255,152,0,.5)}.md .color-theme-orange .toggle input[type=checkbox]:checked+.toggle-icon:after{background:#ff9800}.md .color-theme-gray .toggle input[type=checkbox]:checked+.toggle-icon{background:rgba(158,158,158,.5)}.md .color-theme-gray .toggle input[type=checkbox]:checked+.toggle-icon:after{background:#9e9e9e}.md .color-theme-white .toggle input[type=checkbox]:checked+.toggle-icon{background:rgba(255,255,255,.5)}.md .color-theme-white .toggle input[type=checkbox]:checked+.toggle-icon:after{background:#fff}.md .color-theme-black .toggle input[type=checkbox]:checked+.toggle-icon{background:rgba(0,0,0,.5)}.md .color-theme-black .toggle input[type=checkbox]:checked+.toggle-icon:after{background:#000}.md .toggle.color-red input[type=checkbox]:checked+.toggle-icon{background:rgba(244,67,54,.5)}.md .toggle.color-red input[type=checkbox]:checked+.toggle-icon:after{background:#f44336}.md .toggle.color-green input[type=checkbox]:checked+.toggle-icon{background:rgba(76,175,80,.5)}.md .toggle.color-green input[type=checkbox]:checked+.toggle-icon:after{background:#4caf50}.md .toggle.color-blue input[type=checkbox]:checked+.toggle-icon{background:rgba(33,150,243,.5)}.md .toggle.color-blue input[type=checkbox]:checked+.toggle-icon:after{background:#2196f3}.md .toggle.color-pink input[type=checkbox]:checked+.toggle-icon{background:rgba(233,30,99,.5)}.md .toggle.color-pink input[type=checkbox]:checked+.toggle-icon:after{background:#e91e63}.md .toggle.color-yellow input[type=checkbox]:checked+.toggle-icon{background:rgba(255,235,59,.5)}.md .toggle.color-yellow input[type=checkbox]:checked+.toggle-icon:after{background:#ffeb3b}.md .toggle.color-orange input[type=checkbox]:checked+.toggle-icon{background:rgba(255,152,0,.5)}.md .toggle.color-orange input[type=checkbox]:checked+.toggle-icon:after{background:#ff9800}.md .toggle.color-gray input[type=checkbox]:checked+.toggle-icon{background:rgba(158,158,158,.5)}.md .toggle.color-gray input[type=checkbox]:checked+.toggle-icon:after{background:#9e9e9e}.md .toggle.color-white input[type=checkbox]:checked+.toggle-icon{background:rgba(255,255,255,.5)}.md .toggle.color-white input[type=checkbox]:checked+.toggle-icon:after{background:#fff}.md .toggle.color-black input[type=checkbox]:checked+.toggle-icon{background:rgba(0,0,0,.5)}.md .toggle.color-black input[type=checkbox]:checked+.toggle-icon:after{background:#000}