.toggle-slide{cursor:pointer;direction:ltr;overflow:hidden;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}div.disabled>.toggle-slide{opacity:.7;pointer-events:none}.toggle-slide .toggle-blob,.toggle-slide .toggle-off,.toggle-slide .toggle-on{float:left}.toggle-slide .toggle-blob{cursor:hand;cursor:grab;position:relative;z-index:99}.toggle-dark .toggle-slide{border-radius:5px;box-shadow:0 0 0 1px #242529,0 1px 0 1px #666}.toggle-dark .toggle-blob,.toggle-dark .toggle-off,.toggle-dark .toggle-on{color:hsla(0,0%,100%,.7);font-size:11px}.toggle-dark .toggle-on,.toggle-dark .toggle-select .toggle-inner .active{background:linear-gradient(#1a70be,#31a2e1)}.toggle-dark .toggle-off,.toggle-dark .toggle-select .toggle-on{background:linear-gradient(#242529,#34363b)}.toggle-dark .toggle-blob{background:linear-gradient(#cfcfcf,#f5f5f5);border-radius:4px;box-shadow:inset 0 0 0 1px #888,inset 0 0 0 2px #fff}.toggle-dark .toggle-blob:hover{background:linear-gradient(silver,#dadada);box-shadow:inset 0 0 0 1px #888,inset 0 0 0 2px #ddd}.toggle-iphone .toggle-slide{border-radius:9999px;box-shadow:0 0 0 1px #999}.toggle-iphone .toggle-off,.toggle-iphone .toggle-on{color:#fff;font-size:18px;font-weight:700;text-shadow:0 0 8px rgba(0,0,0,.5)}.toggle-iphone .toggle-on{background:#037bda;border-radius:9999px 0 0 9999px;box-shadow:inset 2px 2px 5px rgba(0,0,0,.4)}.toggle-iphone .toggle-on:after{background:linear-gradient(#1189f1,#3797ef);border-radius:9999px;content:"";display:block;height:50%;margin-left:10%;margin-top:-19%}.toggle-iphone .toggle-off{background:#ececec;border-radius:0 9999px 9999px 0;box-shadow:inset -2px 2px 5px rgba(0,0,0,.4);color:#828282;text-shadow:0 0 1px #fff}.toggle-iphone .toggle-off:after{background:linear-gradient(#fafafa,#fdfdfd);border-radius:9999px;content:"";display:block;height:50%;margin-right:10%;margin-top:-19%}.toggle-iphone .toggle-blob{background:linear-gradient(#d1d1d1,#fafafa);border-radius:50px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.6),inset 0 0 0 2px #fff,0 0 3px rgba(0,0,0,.6)}.toggle-light .toggle-slide{border-radius:9999px;box-shadow:0 0 0 1px #999}.toggle-light .toggle-off,.toggle-light .toggle-on{font-size:11px;font-weight:500}.toggle-light .toggle-on,.toggle-light .toggle-select .toggle-inner .active{background:#45a31f;box-shadow:inset 2px 2px 6px rgba(0,0,0,.2);color:hsla(0,0%,100%,.8);text-shadow:1px 1px rgba(0,0,0,.2)}.toggle-light .toggle-off,.toggle-light .toggle-select .toggle-on{background:linear-gradient(#cfcfcf,#f5f5f5);color:rgba(0,0,0,.6);text-shadow:0 1px hsla(0,0%,100%,.2)}.toggle-light .toggle-blob{background:linear-gradient(#f5f5f5,#cfcfcf);border-radius:50px;box-shadow:1px 1px 2px #888}.toggle-light .toggle-blob:hover{background:linear-gradient(#e4e4e4,#f9f9f9)}.toggle-modern .toggle-slide{background:linear-gradient(#c0c5c9,#a1a9af);border-radius:4px;box-shadow:inset 0 2px 1px rgba(0,0,0,.2),inset 0 0 0 1px rgba(0,0,0,.15),0 1px 0 hsla(0,0%,100%,.15);text-shadow:0 1px 1px rgba(0,0,0,.25),0 0 1px rgba(0,0,0,.2)}.toggle-modern .toggle-off,.toggle-modern .toggle-on{box-shadow:inset 0 2px 0 hsla(0,0%,100%,.2),inset 0 0 0 1px rgba(0,0,0,.2),inset 0 -1px 1px rgba(0,0,0,.1),0 1px 1px rgba(0,0,0,.2);color:#fff;font-size:11px;text-shadow:1px 1px rgba(0,0,0,.1);transition:all .1s ease-out}.toggle-modern .toggle-select .toggle-off,.toggle-modern .toggle-select .toggle-on{background:none}.toggle-modern .toggle-off,.toggle-modern .toggle-off.active{background:linear-gradient(#737e8d,#3f454e)}.toggle-modern .toggle-on,.toggle-modern .toggle-on.active{background:linear-gradient(#4894cd,#2852a6)}.toggle-modern .toggle-blob{background:linear-gradient(#c0c6c9,#81898f);border-radius:3px;box-shadow:inset 0 2px 0 hsla(0,0%,100%,.2),inset 0 0 0 1px rgba(0,0,0,.2),inset 0 -1px 1px rgba(0,0,0,.1),1px 1px 2px rgba(0,0,0,.2)}.toggle-modern .toggle-blob:hover{background-image:linear-gradient(#a1a9af,#a1a9af)}.toggle-soft .toggle-slide{border-radius:5px;box-shadow:0 0 0 1px #999}.toggle-soft .toggle-off,.toggle-soft .toggle-on{color:rgba(0,0,0,.7);font-size:11px;text-shadow:1px 1px #fff}.toggle-soft .toggle-on,.toggle-soft .toggle-select .toggle-inner .active{background:linear-gradient(#d2ff52,#91e842)}.toggle-soft .toggle-blob,.toggle-soft .toggle-off,.toggle-soft .toggle-select .toggle-on{background:linear-gradient(#cfcfcf,#f5f5f5)}.toggle-soft .toggle-blob{border-radius:4px;box-shadow:inset 0 0 0 1px #bbb,inset 0 0 0 2px #fff}.toggle-soft .toggle-blob:hover{background:linear-gradient(#e4e4e4,#f9f9f9);box-shadow:inset 0 0 0 1px #ddd,inset 0 0 0 2px #ddd}