body{background:#222}

.theForce{position:absolute;top:50%;left:50%}
.light{display:block;position:relative;margin:-2vw auto 0 .25vw;cursor:pointer;-webkit-transition:margin 2400ms;-moz-transition:margin 2400ms;-o-transition:margin 2400ms;transition:margin 2400ms}
.light .saber{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;display:block;width:5vw;height:.5vw;margin:.3vw;border-right:3.66vw solid #fff;border-left:.75vw solid #d6d6d6;-webkit-transform:rotateY(var(--lightR)) scale(.5);-moz-transform:rotateY(var(--lightR)) scale(.5);-ms-transform:rotateY(var(--lightR)) scale(.5);-o-transform:rotateY(var(--lightR)) scale(.5);transform:rotateY(var(--lightR)) scale(.5);-webkit-transition-property:height,margin,border-right-color,box-shadow,border-top-right-radius,border-bottom-right-radius,-webkit-transform;-moz-transition-property:height,margin,border-right-color,box-shadow,border-top-right-radius,border-bottom-right-radius,-moz-transform;-o-transition-property:height,margin,border-right-color,box-shadow,border-top-right-radius,border-bottom-right-radius,-o-transform;transition-property:height,margin,border-right-color,box-shadow,border-top-right-radius,border-bottom-right-radius,transform;-webkit-transition-duration:2400ms;-moz-transition-duration:2400ms;-o-transition-duration:2400ms;transition-duration:2400ms}
.light .saber:nth-of-type(3){-webkit-transition:1500ms;-moz-transition:1500ms;-o-transition:1500ms;transition:1500ms}
.pushed .light{margin:-4.25vw 0 0 .916vw}
.pushed .saber{height:.35vw;margin-left:var(--ML);border-right-color:var(--BRC);box-shadow:var(--BS);border-top-right-radius:50%;border-bottom-right-radius:50%;-webkit-transform:rotateX(var(--TRoX)) rotateY(var(--TRoY)) rotateZ(var(--TRoZ)) translateX(var(--TrX)) translateY(var(--TrY)) scale(2);-moz-transform:rotateX(var(--TRoX)) rotateY(var(--TRoY)) rotateZ(var(--TRoZ)) translateX(var(--TrX)) translateY(var(--TrY)) scale(2);-ms-transform:rotateX(var(--TRoX)) rotateY(var(--TRoY)) rotateZ(var(--TRoZ)) translateX(var(--TrX)) translateY(var(--TrY)) scale(2);-o-transform:rotateX(var(--TRoX)) rotateY(var(--TRoY)) rotateZ(var(--TRoZ)) translateX(var(--TrX)) translateY(var(--TrY)) scale(2);transform:rotateX(var(--TRoX)) rotateY(var(--TRoY)) rotateZ(var(--TRoZ)) translateX(var(--TrX)) translateY(var(--TrY)) scale(2)}
.pushed .saber:nth-of-type(3){opacity:0}