*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{margin:0;overflow:hidden;background-color:#000}.angle{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.vector{height:4000px;width:1px;-webkit-transition:-webkit-transform 1s;-moz-transition:-moz-transform 1s;-o-transition:-o-transform 1s;-ms-transition:-ms-transform 1s;transition:transform 1s;background-color:#fff;-webkit-transform-origin:.5px 0;-moz-transform-origin:.5px 0;-o-transform-origin:.5px 0;-ms-transform-origin:.5px 0;transform-origin:.5px 0;position:absolute;top:0;left:0}.controls{display:none}.toggle{position:fixed;top:0;right:0;bottom:0;left:0;cursor:pointer;z-index:2;opacity:0;-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:opacity .125s;-moz-transition:opacity .125s;-o-transition:opacity .125s;-ms-transition:opacity .125s;transition:opacity .125s}.toggle[data-state=on]{opacity:0;-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0)}.toggle[data-state=off]{opacity:1;-ms-filter:none;filter:none}.toggle:before{display:block;position:absolute;content:'';top:50%;left:50%;width:0;height:0;background-color:transparent;border-style:solid;border-color:transparent;border-width:15px 15px 15px 30px;border-left-color:#fff;-webkit-transition:opacity .125s;-moz-transition:opacity .125s;-o-transition:opacity .125s;-ms-transition:opacity .125s;transition:opacity .125s;margin-top:-7.5px;margin-left:-15px}.toggle:hover:before{opacity:.75;-ms-filter:"alpha(Opacity=75)";filter:alpha(opacity=75)}.controls{position:fixed;top:0;left:0;z-index:1}