.toggle{padding-top:0.5em;padding-bottom:0.5em;display:block;width:60px;height:20px;margin:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.toggle__wrapper{position:absolute;cursor:pointer;width:auto;min-height:1em;padding-left:50px}.toggle__wrapper input:not(:checked)+.toggle__track{background-color:#f1f1f1}.toggle__wrapper input:not(:checked)+.toggle__track .toggle__handle{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.toggle__wrapper input:disabled+.toggle__track{background-color:#f1f1f1;cursor:not-allowed}.toggle__wrapper input:disabled+.toggle__track .toggle__handle{background-color:#f1f1f1;cursor:not-allowed}.toggle--primary .toggle__track{background-color:#42A5F5}.toggle--secondary .toggle__track{background-color:#FF7043}.toggle--success .toggle__track{background-color:#66BB6A}.toggle--error .toggle__track{background-color:#EF4F52}.toggle input{display:none}.toggle__track{position:absolute;top:50%;bottom:0;left:0;right:0;width:40px;height:10px;margin-top:-5px;background-color:#969696;border-radius:30em}.toggle__handle{position:absolute;top:-5px;left:0;width:20px;height:20px;background-color:#fff;border-radius:30em;box-shadow:0 1px 4px -1px #111;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}.toggle--right .toggle__wrapper{padding-right:50px;padding-left:0}.toggle--right .toggle__track{left:auto}