.perspective-1000[data-v-cc22a012]{perspective:1500px}.transform-style-3d[data-v-cc22a012]{transform-style:preserve-3d}.face[data-v-cc22a012]{backface-visibility:hidden;border-radius:1.5rem;height:85%;left:5%;position:absolute;top:5%;width:85%}.main-cube[data-v-cc22a012]{height:60%;left:20%;top:20%;width:60%;--cube-half:3rem}@media(min-width:768px){.main-cube[data-v-cc22a012]{--cube-half:4.5rem}}.main-cube .face--top[data-v-cc22a012]{transform:rotateX(90deg) translateZ(var(--cube-half))}.main-cube .face--bottom[data-v-cc22a012]{transform:rotateX(-90deg) translateZ(var(--cube-half))}.main-cube .face--left[data-v-cc22a012]{transform:rotateY(-90deg) translateZ(var(--cube-half))}.main-cube .face--right[data-v-cc22a012]{transform:rotateY(0) translateZ(var(--cube-half))}.main-cube .face--back[data-v-cc22a012]{transform:rotateY(180deg) translateZ(var(--cube-half))}.main-cube .face--right-back[data-v-cc22a012]{transform:rotateY(90deg) translateZ(var(--cube-half))}.flap-container[data-v-cc22a012]{height:60%;left:20%;top:20%;transform:translate(calc(var(--cube-half)*1.5)) translateZ(calc(var(--cube-half)*1.8));width:60%}.flap[data-v-cc22a012],.flap-back[data-v-cc22a012]{backface-visibility:hidden;border-radius:1.5rem;clip-path:polygon(0 0,100% 0,0 100%);height:110%;left:25%;position:absolute;top:0;transform-origin:top left;width:50%}.flap[data-v-cc22a012]{transform:rotateY(35deg) rotate(-20deg)}.flap-back[data-v-cc22a012]{transform:rotateY(215deg) rotate(20deg) translateZ(-1px)}@media(max-width:768px){.face[data-v-cc22a012]{height:75%;width:75%}}