html,body,#root{margin:0;padding:0;height:100%}body{font-family:Instrument Sans,DM Sans,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.hover-row{cursor:pointer;transition:background .12s}.hover-row:hover{background:#f4f6f9}.cube-wrap{perspective:600px;width:80px;height:80px;margin:0 auto}.cube-3d{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:cubeRot 12s infinite linear}.cube-3d>div{position:absolute;width:80px;height:80px;background:#e539351a;border:1.5px solid #E53935;box-sizing:border-box}.cube-3d .f1{transform:translateZ(40px)}.cube-3d .f2{transform:rotateY(180deg) translateZ(40px)}.cube-3d .f3{transform:rotateY(-90deg) translateZ(40px)}.cube-3d .f4{transform:rotateY(90deg) translateZ(40px)}.cube-3d .f5{transform:rotateX(90deg) translateZ(40px)}.cube-3d .f6{transform:rotateX(-90deg) translateZ(40px)}@keyframes cubeRot{0%{transform:rotateX(0) rotateY(0)}to{transform:rotateX(360deg) rotateY(360deg)}}