body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-color:#222}a{color:inherit;text-decoration:none}*{-webkit-box-sizing:border-box;box-sizing:border-box}.switch{position:relative;display:inline-block;width:30px;height:16px}.switch input{opacity:0;width:0;height:0}input:checked+.bulb{background-color:#fff}input:focus+.bulb{-webkit-box-shadow:0 0 1px #fff;box-shadow:0 0 1px #fff}body.on{background:radial-gradient(#555,#111)}.bulb{position:relative;width:40px;height:40px;background:#444;border-radius:50%;z-index:2;cursor:pointer;top:0;left:0;right:0;bottom:0}.bulb,input:checked+.bulb{-webkit-transition:.2ms;transition:.2ms}input:checked+.bulb{background:#fff;-webkit-box-shadow:0 0 50px #fff,0 0 100px #fff,0 0 150px #fff,0 0 200px #fff,0 0 250px #fff,0 0 300px #fff,0 0 350px #fff;box-shadow:0 0 50px #fff,0 0 100px #fff,0 0 150px #fff,0 0 200px #fff,0 0 250px #fff,0 0 300px #fff,0 0 350px #fff}.bulb:before{content:"";position:absolute;top:-28px;left:11.25px;width:17.5px;height:37px;background:#444;border-top:20px solid #000;border-radius:10px;-webkit-transition:.2ms;transition:.2ms}input:checked+.bulb:before{background:#fff}input:checked+.bulb:after{content:"";position:absolute;top:25%;left:25%;-webkit-transform:translate(-25%,-25%);transform:translate(-25%,-25%);width:30px;height:30px;border-radius:50%;filter:blur(40px);-webkit-transition:.2ms;transition:.2ms}input:checked+.bulb span:first-child{top:-2px;left:-4px;width:.3px;height:.3px;-webkit-transform:rotate(362deg);transform:rotate(362deg);border-bottom-right-radius:20px;-webkit-box-shadow:20px 20px 0 10px #444;box-shadow:20px 20px 0 10px #444;-webkit-box-shadow:20px 20px 0 10px #fff;box-shadow:20px 20px 0 10px #fff}.input:checked+.bulb span:nth-child(2),input:checked+.bulb span:first-child{position:absolute;display:block;background:transparent;-webkit-transition:.2ms;transition:.2ms}.input:checked+.bulb span:nth-child(2){top:-20px;right:-4px;width:30px;height:30px;-webkit-transform:rotate(1deg);transform:rotate(1deg);border-bottom-left-radius:40px;-webkit-box-shadow:-20px 20px 0 10px #444;box-shadow:-20px 20px 0 10px #444;-webkit-box-shadow:-20px 20px 0 10px #fff;box-shadow:-20px 20px 0 10px #fff}