.viewport[data-v-feba271f]{--cube-size:30.5rem;perspective:1200px;perspective-origin:50% 600px;transform:scale(.8)}.cube[data-v-feba271f]{margin:0 auto;position:relative;transform:rotateX(136deg) rotateY(1122deg);transform-style:preserve-3d}.cube[data-v-feba271f],.cube>div[data-v-feba271f]{height:var(--cube-size);width:var(--cube-size)}.cube>div[data-v-feba271f]{background-color:#000000bf;opacity:.9;outline-color:hsl(0 0 13%);outline-style:solid;overflow:hidden;position:absolute;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cube>div>div.cube-image[data-v-feba271f]{color:#fff;font-size:80px;height:var(--cube-size);line-height:var(--cube-size);text-align:center;transform:rotate(180deg);transition:color .6s;width:var(--cube-size)}.cube>div>div.cube-image.active[data-v-feba271f]{color:#ff0fef}.cube>div[data-v-feba271f]:first-child{transform:rotateX(90deg) translateZ(calc(var(--cube-size)/2))}.cube>div[data-v-feba271f]:nth-child(2){transform:translateZ(calc(var(--cube-size)/2))}.cube>div[data-v-feba271f]:nth-child(3){transform:rotateY(90deg) translateZ(calc(var(--cube-size)/2))}.cube>div[data-v-feba271f]:nth-child(4){transform:rotateY(180deg) translateZ(calc(var(--cube-size)/2))}.cube>div[data-v-feba271f]:nth-child(5){transform:rotateY(-90deg) translateZ(calc(var(--cube-size)/2))}.cube>div[data-v-feba271f]:nth-child(6){transform:rotateX(-90deg) rotate(180deg) translateZ(calc(var(--cube-size)/2))}object[data-v-feba271f]{opacity:.5}object[data-v-feba271f]:hover{opacity:1}@media (max-width:640px){.viewport[data-v-feba271f]{transform:scale(.6)}}