:root{--col-gap:5%;--row-gap:5%;--cube-perspective:99999999px;--cube-face-border:1px solid #fff;--cube-face-bg:#060010}.default-animation{position:relative;width:100%;height:100%}.default-animation--scene{display:grid;width:100%;height:100%;-moz-column-gap:var(--col-gap);column-gap:var(--col-gap);row-gap:var(--row-gap);perspective:var(--cube-perspective);grid-auto-rows:1fr}.cube{position:relative;width:100%;height:100%;aspect-ratio:1/1;transform-style:preserve-3d}.cube:before{content:"";position:absolute;top:-36px;right:-36px;bottom:-36px;left:-36px}.default-animation .cube-face{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--cube-face-bg);border:var(--cube-face-border);opacity:1;box-shadow:var(--cube-face-shadow,inset 0 0 10px rgba(255,255,255,.1),0 0 5px rgba(255,255,255,.2))}.default-animation .cube-face--top{transform:translateY(-50%) rotateX(90deg);background:linear-gradient(135deg,var(--cube-face-bg) 0,rgba(255,255,255,.05) 100%)}.default-animation .cube-face--bottom{transform:translateY(50%) rotateX(-90deg);background:linear-gradient(135deg,var(--cube-face-bg) 0,rgba(0,0,0,.3) 100%)}.default-animation .cube-face--left{transform:translateX(-50%) rotateY(-90deg);background:linear-gradient(90deg,rgba(255,255,255,.03) 0,var(--cube-face-bg) 100%)}.default-animation .cube-face--right{transform:translateX(50%) rotateY(90deg);background:linear-gradient(90deg,var(--cube-face-bg) 0,rgba(0,0,0,.2) 100%)}.default-animation .cube-face--back,.default-animation .cube-face--front{transform:rotateY(-90deg) translateX(50%) rotateY(90deg)}@media (max-width:768px){.default-animation{width:100%}}