.default-animation{perspective:1000px;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.default-animation--scene{transform-style:preserve-3d;display:grid}.cube{transform-style:preserve-3d;will-change:transform;aspect-ratio:1;width:100%;position:relative}.cube-face{background:var(--cube-face-bg);border:var(--cube-face-border);width:100%;height:100%;box-shadow:var(--cube-face-shadow);backface-visibility:hidden;will-change:background-color;position:absolute}[data-theme=dark] .cube-face{border:var(--cube-face-border-dark,var(--cube-face-border))}.cube-face--front{transform:rotateY(0deg)translateZ(calc(var(--cube-size)/2))}.cube-face--back{transform:rotateY(180deg)translateZ(calc(var(--cube-size)/2))}.cube-face--right{transform:rotateY(90deg)translateZ(calc(var(--cube-size)/2))}.cube-face--left{transform:rotateY(-90deg)translateZ(calc(var(--cube-size)/2))}.cube-face--top{transform:rotateX(90deg)translateZ(calc(var(--cube-size)/2))}.cube-face--bottom{transform:rotateX(-90deg)translateZ(calc(var(--cube-size)/2))}