.wrapper-grid[data-v-0cd4f87c]{--animation-duration:2.1s;--cube-color:#0000;--highlight-color:#0c4;--cube-width:48px;--cube-height:48px;--font-size:1.8em;grid-template-columns:repeat(7,var(--cube-width));grid-gap:0;width:calc(var(--cube-width)*7);height:var(--cube-height);perspective:350px;font-family:Poppins,sans-serif;font-size:var(--font-size);color:#0000;grid-template-rows:auto;font-weight:800;display:grid;position:relative;inset:0}.cube[data-v-0cd4f87c]{transform-style:preserve-3d;position:relative}.face[data-v-0cd4f87c]{width:var(--cube-width);height:var(--cube-height);background-color:var(--cube-color);justify-content:center;align-items:center;display:flex;position:absolute}.face-back[data-v-0cd4f87c],.face-front[data-v-0cd4f87c],.face-left[data-v-0cd4f87c],.face-right[data-v-0cd4f87c]{box-shadow:inset 0 0 2px 1px #0001,inset 0 0 12px 1px #fff1}.face-front[data-v-0cd4f87c]{transform:rotateY(0deg) translateZ(calc(var(--cube-width)/2))}.face-back[data-v-0cd4f87c]{transform:rotateY(180deg) translateZ(calc(var(--cube-width)/2));opacity:.6}.face-left[data-v-0cd4f87c]{transform:rotateY(-90deg) translateZ(calc(var(--cube-width)/2));opacity:.6}.face-right[data-v-0cd4f87c]{transform:rotateY(90deg) translateZ(calc(var(--cube-width)/2));opacity:.6}.face-top[data-v-0cd4f87c]{transform:rotateX(90deg) translateZ(calc(var(--cube-width)/2))}.face-bottom[data-v-0cd4f87c],.face-top[data-v-0cd4f87c]{height:var(--cube-width);opacity:.8}.face-bottom[data-v-0cd4f87c]{transform:rotateX(-90deg) translateZ(calc(var(--cube-height) - var(--cube-width)*.5))}.cube[data-v-0cd4f87c]:first-child{z-index:0;animation-delay:0s}.cube[data-v-0cd4f87c]:nth-child(2){z-index:1;animation-delay:.2s}.cube[data-v-0cd4f87c]:nth-child(3){z-index:2;animation-delay:.4s}.cube[data-v-0cd4f87c]:nth-child(4){z-index:3;animation-delay:.6s}.cube[data-v-0cd4f87c]:nth-child(5){z-index:2;animation-delay:.8s}.cube[data-v-0cd4f87c]:nth-child(6){z-index:1;animation-delay:1s}.cube[data-v-0cd4f87c]:nth-child(7){z-index:0;animation-delay:1.2s}.cube[data-v-0cd4f87c]{animation:translate-z-0cd4f87c var(--animation-duration) ease-in-out infinite}.cube .face[data-v-0cd4f87c]{animation:face-color-0cd4f87c var(--animation-duration) ease-in-out infinite,edge-glow-0cd4f87c var(--animation-duration) ease-in-out infinite;animation-delay:inherit}.cube .face.face-front[data-v-0cd4f87c]{animation:face-color-0cd4f87c var(--animation-duration) ease-in-out infinite,face-glow-0cd4f87c var(--animation-duration) ease-in-out infinite,edge-glow-0cd4f87c var(--animation-duration) ease-in-out infinite;animation-delay:inherit}@keyframes translate-z-0cd4f87c{0%,40%,to{transform:translateZ(-2px)}30%{transform:translateZ(16px)translateY(-1px)}}@keyframes face-color-0cd4f87c{0%,50%,to{background-color:var(--cube-color)}10%{background-color:var(--highlight-color)}}@keyframes face-glow-0cd4f87c{0%,50%,to{color:#fff0;filter:none}30%{color:#fff;filter:drop-shadow(0 14px 10px var(--highlight-color))}}@keyframes edge-glow-0cd4f87c{0%,40%,to{box-shadow:inset 0 0 2px 1px #0001,inset 0 0 12px 1px #fff1}30%{box-shadow:0 0 2px 0 var(--highlight-color)}}