.switch input{display:none}.switch i{-webkit-transition:all ease .2s;border-radius:20px;box-shadow:inset 0 0 1px rgba(0,0,0,0.5);cursor:pointer;display:inline-block;padding-right:15px;transition:all ease .2s}.switch i:before{background:white;border-radius:20px;box-shadow:0 1px 2px rgba(0,0,0,0.5);content:'';display:block;height:15px;width:15px}.switch.gray i{background:#666}.switch.red>:checked+i{-webkit-box-shadow:inset 0 0 1px rgba(0,0,0,0.5),inset 0 0 40px red;box-shadow:inset 0 0 1px rgba(0,0,0,0.5),inset 0 0 40px red}.switch>:checked+i{-webkit-box-shadow:inset 0 0 1px rgba(0,0,0,0.5),inset 0 0 40px #a5c914;box-shadow:inset 0 0 1px rgba(0,0,0,0.5),inset 0 0 40px #a5c914;padding-left:15px;padding-right:0}