*{padding:0;margin:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}body{background:#282828}canvas{position:fixed;width:100%;height:100%}.js-alert{width:300px;margin:auto;padding:10px;background:#fff;border-radius:0 0 10px 10px}.loader{color:#eaeaea;position:absolute;display:block;width:100%;height:100%;margin:auto;left:0;right:0;background-color:rgba(40,40,40,.9);z-index:10}.loader-hex,.loader-border{width:10vh;height:10vh;position:absolute;background:#eaeaea;-webkit-clip-path:polygon(0% 50%, 25% 95%, 75% 95%, 100% 50%, 75% 5%, 25% 5%);clip-path:polygon(0% 50%, 25% 95%, 75% 95%, 100% 50%, 75% 5%, 25% 5%);overflow:hidden;left:50%;top:50%;transform:translate(-50%, -50%)}.loader-border{width:90%;height:90%}.loader-content{width:150%;height:100%;background:#282828;position:absolute;top:50%;left:50%;animation:contentAnimation 2s infinite linear;transform-origin:center top}@keyframes contentAnimation{0%{transform:translateX(-50%) rotate(0deg)}100%{transform:translateX(-50%) rotate(360deg)}}