@property --left-color{syntax:"<color>";inherits:true;initial-value:#0033ff}@property --left-color-dark{syntax:"<color>";inherits:true;initial-value:#000a33}@property --left-shadow{syntax:"<color>";inherits:true;initial-value:rgba(0,51,255,.4)}@property --right-color{syntax:"<color>";inherits:true;initial-value:#ff2200}@property --right-color-dark{syntax:"<color>";inherits:true;initial-value:#330700}@property --right-shadow{syntax:"<color>";inherits:true;initial-value:rgba(255,34,0,.4)}.angee-scene{width:100%;height:100%;display:flex;justify-content:center;align-items:center;perspective:2000px}.angee-shape-container{position:relative;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)}.angee-shape-container.angee-anim-rotate{animation:angeeRotateShape var(--anim-duration) infinite linear}.angee-shape-1,.angee-shape-2{position:absolute;width:100%;height:100%;transform-style:preserve-3d}.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) + 1turn)) rotateY(calc(var(--rot-y) + 1turn))}}.angee-cube{position:absolute;width:var(--cube-size);height:var(--cube-size);transform-style:preserve-3d}.angee-cube .angee-face{position:absolute;width:100%;height:100%;box-sizing:border-box;background-color:var(--base-dark);backface-visibility:hidden}.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 rgba(0,0,0,1)}.angee-cube .angee-face-bottom{background:#000;border:1px solid #111}