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}a{color:inherit;text-decoration:none}*{padding:0;margin:0;box-sizing:border-box}@media (prefers-color-scheme:dark){html{color-scheme:dark}body{color:#fff;background:#000}}.tableButton{position:relative;width:30px;height:30px;transform-style:preserve-3d;-webkit-animation:anim 5s linear infinite;animation:anim 5s linear infinite;transition:1.5s;border:none;cursor:pointer}.tableButton:disabled{display:none}.tableButton span:first-child,.tableButton span:nth-child(2){color:#fff;position:absolute;top:0;left:0;width:100%;height:100%;transition:1.5s;font-size:20px;background:#333}.tableButton span:nth-child(2){transform-origin:right;transform:rotateY(90deg)}.tableButton span:nth-child(3){transform-origin:left;transform:rotateY(-90deg)}.tableButton span:nth-child(3),.tableButton span:nth-child(4){color:#fff;position:absolute;top:0;left:0;width:100%;height:100%;transition:1.5s;font-size:20px;background:#333}.tableButton span:nth-child(4){transform:translateZ(30px)}.tableButton span:nth-child(5){transform-origin:top;transform:rotateX(90deg)}.tableButton span:nth-child(5),.tableButton span:nth-child(6){color:#fff;position:absolute;top:0;left:0;width:100%;height:100%;transition:1.5s;font-size:20px;background:#333}.tableButton span:nth-child(6){transform-origin:bottom;transform:rotateX(-90deg)}.tableButton:hover span{transition:0s;background:red;filter:drop-shadow(0 0 30px red)}@-webkit-keyframes anim{0%{transform:rotateY(0deg) rotateX(0deg)}10%{transform:rotateY(0deg) rotateX(0deg)}40%{transform:rotateY(180deg) rotateX(30deg)}90%{transform:rotateY(1turn) rotateX(0deg)}90.1%{transform:rotateY(0deg) rotateX(0deg)}}@keyframes anim{0%{transform:rotateY(0deg) rotateX(0deg)}10%{transform:rotateY(0deg) rotateX(0deg)}40%{transform:rotateY(180deg) rotateX(30deg)}90%{transform:rotateY(1turn) rotateX(0deg)}90.1%{transform:rotateY(0deg) rotateX(0deg)}}