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