.scene.svelte-1ddj7w5{--s: 32px;--d: calc(var(--s) / 2);--pad: 0px;position:relative;width:var(--s);height:var(--s);perspective:120px;perspective-origin:center}.cube.svelte-1ddj7w5{position:relative;width:100%;height:100%;transform-style:preserve-3d;will-change:transform;transform:rotateX(0) rotateY(0)}.group.svelte-1ddj7w5:hover .cube:where(.svelte-1ddj7w5){animation:svelte-1ddj7w5-spinYAnticipate 1.5s both}.face.svelte-1ddj7w5{position:absolute;inset:0;width:100%;height:100%;box-sizing:border-box;background:transparent;border:1px solid transparent;display:grid;place-items:center;backface-visibility:hidden;transition:background .2s ease,border-color .2s ease}.front.svelte-1ddj7w5{--bg: var(--c-front);transform:rotateY(0) translateZ(var(--d))}.back.svelte-1ddj7w5{--bg: var(--c-back);transform:rotateY(180deg) translateZ(var(--d))}.right.svelte-1ddj7w5{--bg: var(--c-right);transform:rotateY(90deg) translateZ(var(--d))}.left.svelte-1ddj7w5{--bg: var(--c-left);transform:rotateY(-90deg) translateZ(var(--d))}.top.svelte-1ddj7w5{--bg: var(--c-top);transform:rotateX(90deg) translateZ(var(--d))}.bottom.svelte-1ddj7w5{--bg: var(--c-bottom);transform:rotateX(-90deg) translateZ(var(--d))}.group.svelte-1ddj7w5:hover .face:where(.svelte-1ddj7w5){background:var(--bg);border-color:var(--color-black)}.face.svelte-1ddj7w5>img:where(.svelte-1ddj7w5){width:22px;height:22px;object-fit:contain;padding:var(--pad);padding-right:calc(var(--pad) + 1.5px);pointer-events:none;-webkit-user-select:none;user-select:none}@keyframes svelte-1ddj7w5-spinYAnticipate{0%{transform:rotateX(0) rotateY(0);animation-timing-function:cubic-bezier(.3,.7,.4,1)}25%{transform:rotateX(0) rotateY(-30deg);animation-timing-function:cubic-bezier(.3,.7,.4,1)}70%{transform:rotateX(0) rotateY(363deg)}to{transform:rotateX(0) rotateY(360deg)}}@media(prefers-reduced-motion:reduce){.group.svelte-1ddj7w5:hover .cube:where(.svelte-1ddj7w5){animation:none}}@media(prefers-reduced-motion:reduce){.cube.svelte-1ddj7w5,.face.svelte-1ddj7w5{transition:none}}