body{--cube-scale:.6;--cube-size:220px;--cube-sticker-padding:6px;--cube-rot-x:-20deg;--cube-rot-y:30deg}.cube-scene{width:var(--cube-size,220px);height:var(--cube-size,220px);perspective:calc(var(--cube-size,220px)*45/11)}.cube{width:calc(var(--cube-size,220px)*10/11);height:calc(var(--cube-size,220px)*10/11);transform-style:preserve-3d;transform:rotateX(var(--cube-rot-x,-20deg))rotateY(var(--cube-rot-y,30deg))scale3d(var(--cube-scale,1),var(--cube-scale,1),var(--cube-scale,1));margin:0 auto;position:relative}@media (prefers-reduced-motion:no-preference){.cube{transition:transform .1s}}.face{--cube-side-offset:calc(var(--cube-size,220px)*5/11);width:calc(var(--cube-size,220px)*10/11);height:calc(var(--cube-size,220px)*10/11);gap:var(--cube-sticker-padding,0px);padding:var(--cube-sticker-padding,0px);box-sizing:border-box;border-radius:var(--cube-sticker-padding,0px);background:#00000008;grid-template-columns:repeat(3,1fr);display:grid;position:absolute}.sticker{aspect-ratio:1;border-radius:calc(var(--cube-sticker-padding,0px)*1/2 + 1px);width:100%;box-shadow:inset 0 0 0 1px #0000002e}.scene:after{content:"";filter:blur(6px);background:#0000001f;border-radius:50%;width:120px;height:12px;margin:8px auto 0;display:block;transform:translateZ(-200px)}