@property --left-color{syntax:"<color>";inherits:true;initial-value:#03f}@property --left-color-dark{syntax:"<color>";inherits:true;initial-value:#000a33}@property --left-shadow{syntax:"<color>";inherits:true;initial-value:#03f6}@property --right-color{syntax:"<color>";inherits:true;initial-value:#f20}@property --right-color-dark{syntax:"<color>";inherits:true;initial-value:#330700}@property --right-shadow{syntax:"<color>";inherits:true;initial-value:#f206}.angee-scene{perspective:2000px;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.angee-shape-container{width:var(--cube-size);height:var(--cube-size);transform-style:preserve-3d;transform-origin:var(--center-origin) var(--center-origin) var(--center-origin);transform:rotateX(var(--rot-x)) rotateY(var(--rot-y));margin-left:var(--center-offset);margin-top:var(--center-offset);position:relative}.angee-shape-container.angee-anim-rotate{animation:angeeRotateShape var(--anim-duration) infinite linear}.angee-shape-1,.angee-shape-2{width:100%;height:100%;transform-style:preserve-3d;position:absolute}.angee-shape-1.angee-anim-slide{animation:angeeSlideApart1 calc(var(--anim-duration) * .25) infinite alternate ease-in-out}.angee-shape-2.angee-anim-slide{animation:angeeSlideApart2 calc(var(--anim-duration) * .25) infinite alternate ease-in-out}@keyframes angeeSlideApart1{0%,15%{transform:translateZ(0)}85%,to{transform:translate3d(calc(var(--cube-size) * -.5),calc(var(--cube-size) * .5),calc(var(--cube-size) * .5))}}@keyframes angeeSlideApart2{0%,15%{transform:translateZ(0)}85%,to{transform:translate3d(calc(var(--cube-size) * .5),calc(var(--cube-size) * -.5),calc(var(--cube-size) * -.5))}}@keyframes angeeRotateShape{0%{transform:rotateX(var(--rot-x)) rotateY(var(--rot-y))}to{transform:rotateX(calc(var(--rot-x) + 360deg)) rotateY(calc(var(--rot-y) + 360deg))}}.angee-scene.angee-anim-wander{animation:angeeCubeWander var(--wander-duration) infinite ease-in-out;will-change:transform}@keyframes angeeCubeWander{0%{transform:translate(8vw,65vh)}14%{transform:translate(40vw,18vh)}28%{transform:translate(78vw,55vh)}42%{transform:translate(28vw,75vh)}56%{transform:translate(72vw,22vh)}70%{transform:translate(12vw,38vh)}84%{transform:translate(58vw,70vh)}to{transform:translate(8vw,65vh)}}@media (prefers-reduced-motion:reduce){.angee-scene.angee-anim-wander{animation:none;transform:translate(45vw,40vh)}}.angee-cube{width:var(--cube-size);height:var(--cube-size);transform-style:preserve-3d;position:absolute}.angee-cube .angee-face{box-sizing:border-box;background-color:var(--base-dark);backface-visibility:hidden;width:100%;height:100%;position:absolute}.angee-cube .angee-face-front{transform:translateZ(calc(var(--cube-size) / 2))}.angee-cube .angee-face-back{transform:rotateY(180deg) translateZ(calc(var(--cube-size) / 2))}.angee-cube .angee-face-right{transform:rotateY(90deg) translateZ(calc(var(--cube-size) / 2))}.angee-cube .angee-face-left{transform:rotateY(-90deg) translateZ(calc(var(--cube-size) / 2))}.angee-cube .angee-face-top{transform:rotateX(90deg) translateZ(calc(var(--cube-size) / 2))}.angee-cube .angee-face-bottom{transform:rotateX(-90deg) translateZ(calc(var(--cube-size) / 2))}.angee-cube .angee-face-front{background:radial-gradient(circle at top left,var(--left-color-dark) 0%,#000 100%);border:1px solid var(--left-color);box-shadow:inset 2px 2px 10px var(--left-color-dark)}.angee-cube .angee-face-left{background:linear-gradient(135deg,var(--left-color) 0%,var(--left-color-dark) 100%);border:1px solid var(--left-color);box-shadow:inset 0 0 20px var(--left-shadow)}.angee-cube .angee-face-right{background:linear-gradient(-135deg,var(--right-color) 0%,var(--right-color-dark) 100%);border:1px solid var(--right-color);box-shadow:inset 0 0 20px var(--right-shadow)}.angee-cube .angee-face-back{background:radial-gradient(circle at top right,var(--right-color-dark) 0%,#000 100%);border:1px solid var(--right-color)}.angee-cube .angee-face-top{background:var(--base-dark);border:1px solid #1a1a1a;box-shadow:inset 0 0 10px #000}.angee-cube .angee-face-bottom{background:#000;border:1px solid #111}
