.slideOne{width:50px;height:10px;background:#333;margin:20px auto;position:relative;border-radius:50px;box-shadow:inset 0 1px 1px rgba(0,0,0,.5),0 1px 0 rgba(255,255,255,.2);}.slideOne label{display:block;width:16px;height:16px;position:absolute;top:-3px;left:-3px;cursor:pointer;background:#fcfff4;background:linear-gradient(to bottom,#fcfff4 0%,#dfe5d7 40%,#b3bead 100%);border-radius:50px;box-shadow:0 2px 5px 0 rgba(0,0,0,.3);transition:all .4s ease;}.slideOne input[type=checkbox]{visibility:hidden;}.slideOne input[type=checkbox]:checked+label{left:37px;}.slideTwo{width:80px;height:30px;background:#333;margin:20px auto;position:relative;border-radius:50px;box-shadow:inset 0 1px 1px rgba(0,0,0,.5),0 1px 0 rgba(255,255,255,.2);}.slideTwo:after{content:"";position:absolute;top:14px;left:14px;height:2px;width:52px;background:#111;border-radius:50px;box-shadow:inset 0 1px 1px rgba(0,0,0,.5),0 1px 0 rgba(255,255,255,.2);}.slideTwo label{display:block;width:22px;height:22px;cursor:pointer;position:absolute;top:4px;z-index:1;left:4px;background:#fcfff4;border-radius:50px;transition:all .4s ease;box-shadow:0 2px 5px 0 rgba(0,0,0,.3);background:linear-gradient(top,#fcfff4 0%,#dfe5d7 40%,#b3bead 100%);}.slideTwo label:after{content:"";width:10px;height:10px;position:absolute;top:6px;left:6px;background:#333;border-radius:50px;box-shadow:inset 0 1px 1px #000,0 1px 0 rgba(255,255,255,.9);}.slideTwo input[type=checkbox]{visibility:hidden;}.slideTwo input[type=checkbox]:checked+label{left:54px;}.slideTwo input[type=checkbox]:checked+label:after{background:#27ae60;}.slideThree{width:80px;height:26px;background:#333;margin:20px auto;position:relative;border-radius:50px;box-shadow:inset 0 1px 1px rgba(0,0,0,.5),0 1px 0 rgba(255,255,255,.2);}.slideThree:after{content:"OFF";color:#000;position:absolute;right:10px;z-index:0;font:12px/26px Arial,sans-serif;font-weight:bold;text-shadow:1px 1px 0 rgba(255,255,255,.15);}.slideThree:before{content:"ON";color:#27ae60;position:absolute;left:10px;z-index:0;font:12px/26px Arial,sans-serif;font-weight:bold;}.slideThree label{display:block;width:34px;height:20px;cursor:pointer;position:absolute;top:3px;left:3px;z-index:1;background:#fcfff4;background:linear-gradient(top,#fcfff4 0%,#dfe5d7 40%,#b3bead 100%);border-radius:50px;transition:all .4s ease;box-shadow:0 2px 5px 0 rgba(0,0,0,.3);}.slideThree input[type=checkbox]{visibility:hidden;}.slideThree input[type=checkbox]:checked+label{left:43px;}.roundedOne{width:28px;height:28px;position:relative;margin:20px auto;background:#fcfff4;background:linear-gradient(top,#fcfff4 0%,#dfe5d7 40%,#b3bead 100%);border-radius:50px;box-shadow:inset 0 1px 1px white,0 1px 3px rgba(0,0,0,.5);}.roundedOne label{width:20px;height:20px;cursor:pointer;position:absolute;left:4px;top:4px;background:linear-gradient(top,#222 0%,#45484d 100%);border-radius:50px;box-shadow:inset 0 1px 1px rgba(0,0,0,.5),0 1px 0 #fff;}.roundedOne label:after{content:"";width:16px;height:16px;position:absolute;top:2px;left:2px;background:#27ae60;background:linear-gradient(top,#27ae60 0%,#145b32 100%);opacity:0;border-radius:50px;box-shadow:inset 0 1px 1px white,0 1px 3px rgba(0,0,0,.5);}.roundedOne label:hover::after{opacity:.3;}.roundedOne input[type=checkbox]{visibility:hidden;}.roundedOne input[type=checkbox]:checked+label:after{opacity:1;}.roundedTwo{width:28px;height:28px;background:#fcfff4;background:linear-gradient(top,#fcfff4 0%,#dfe5d7 40%,#b3bead 100%);border-radius:50px;box-shadow:inset 0 1px 1px white,0 1px 3px rgba(0,0,0,.5);}.roundedTwo label{width:20px;height:20px;position:absolute;top:4px;left:4px;cursor:pointer;background:linear-gradient(top,#222 0%,#45484d 100%);border-radius:50px;box-shadow:inset 0 1px 1px rgba(0,0,0,.5),0 1px 0 #fff;}.roundedTwo label:after{content:"";width:9px;height:5px;position:absolute;top:5px;left:4px;border:3px solid #fcfff4;border-top:0;border-right:0;background:transparent;opacity:0;transform:rotate(-45deg);}.roundedTwo label:hover::after{opacity:.3;}.roundedTwo input[type=checkbox]{visibility:hidden;}.roundedTwo input[type=checkbox]:checked+label:after{opacity:1;}.squaredOne{width:28px;height:28px;position:relative;margin:20px auto;background:#fcfff4;background:linear-gradient(top,#fcfff4 0%,#dfe5d7 40%,#b3bead 100%);box-shadow:inset 0 1px 1px white,0 1px 3px rgba(0,0,0,.5);}.squaredOne label{width:20px;height:20px;position:absolute;top:4px;left:4px;cursor:pointer;background:linear-gradient(top,#222 0%,#45484d 100%);box-shadow:inset 0 1px 1px rgba(0,0,0,.5),0 1px 0 #fff;}.squaredOne label:after{content:"";width:16px;height:16px;position:absolute;top:2px;left:2px;background:#27ae60;background:linear-gradient(top,#27ae60 0%,#145b32 100%);box-shadow:inset 0 1px 1px white,0 1px 3px rgba(0,0,0,.5);opacity:0;}.squaredOne label:hover::after{opacity:.3;}.squaredOne input[type=checkbox]{visibility:hidden;}.squaredOne input[type=checkbox]:checked+label:after{opacity:1;}.squaredTwo{width:28px;height:28px;position:relative;margin:20px auto;background:#fcfff4;background:linear-gradient(top,#fcfff4 0%,#dfe5d7 40%,#b3bead 100%);box-shadow:inset 0 1px 1px white,0 1px 3px rgba(0,0,0,.5);}.squaredTwo label{width:20px;height:20px;cursor:pointer;position:absolute;left:4px;top:4px;background:linear-gradient(top,#222 0%,#45484d 100%);box-shadow:inset 0 1px 1px rgba(0,0,0,.5),0 1px 0 #fff;}.squaredTwo label:after{content:"";width:9px;height:5px;position:absolute;top:4px;left:4px;border:3px solid #fcfff4;border-top:0;border-right:0;background:transparent;opacity:0;transform:rotate(-45deg);}.squaredTwo label:hover::after{opacity:.3;}.squaredTwo input[type=checkbox]{visibility:hidden;}.squaredTwo input[type=checkbox]:checked+label:after{opacity:1;}.squaredThree{width:20px;position:relative;margin:20px auto;}.squaredThree label{width:20px;height:20px;cursor:pointer;position:absolute;top:0;left:0;background:linear-gradient(top,#222 0%,#45484d 100%);border-radius:4px;box-shadow:inset 0 1px 1px rgba(0,0,0,.5),0 1px 0 rgba(255,255,255,.4);}.squaredThree label:after{content:"";width:9px;height:5px;position:absolute;top:4px;left:4px;border:3px solid #fcfff4;border-top:0;border-right:0;background:transparent;opacity:0;transform:rotate(-45deg);}.squaredThree label:hover::after{opacity:.3;}.squaredThree input[type=checkbox]{visibility:hidden;}.squaredThree input[type=checkbox]:checked+label:after{opacity:1;}.squaredFour{width:20px;position:relative;margin:20px auto;}.squaredFour label{width:20px;height:20px;cursor:pointer;position:absolute;top:0;left:0;background:#fcfff4;background:linear-gradient(top,#fcfff4 0%,#dfe5d7 40%,#b3bead 100%);border-radius:4px;box-shadow:inset 0 1px 1px white,0 1px 3px rgba(0,0,0,.5);}.squaredFour label:after{content:"";width:9px;height:5px;position:absolute;top:4px;left:4px;border:3px solid #333;border-top:0;border-right:0;background:transparent;opacity:0;transform:rotate(-45deg);}.squaredFour label:hover::after{opacity:.5;}.squaredFour input[type=checkbox]{visibility:hidden;}.squaredFour input[type=checkbox]:checked+label:after{opacity:1;}