.shape-cube,.shape-cylinder,.shape-tetrahedron,.shape-half-cylinder{transform-style:preserve-3d;position:relative}.shape-cube{width:38px;height:38px;transform:rotate(45deg)}.cube-face{background:var(--accent);position:absolute;inset:0}.cube-face--front{transform:translateZ(19px)}.cube-face--back{background:color-mix(in oklch, var(--accent) 55%, black);transform:rotateY(180deg)translateZ(19px)}.cube-face--right{background:color-mix(in oklch, var(--accent) 80%, black);transform:rotateY(90deg)translateZ(19px)}.cube-face--left{background:color-mix(in oklch, var(--accent) 70%, black);transform:rotateY(-90deg)translateZ(19px)}.cube-face--top{background:color-mix(in oklch, var(--accent) 88%, white);transform:rotateX(90deg)translateZ(19px)}.cube-face--bottom{background:color-mix(in oklch, var(--accent) 60%, black);transform:rotateX(-90deg)translateZ(19px)}.shape-cylinder,.shape-half-cylinder{width:38px;height:38px}.cyl-cap,.hcyl-cap{background:var(--accent);width:38px;margin-left:-19px;position:absolute;left:50%}.cyl-cap{border-radius:50%;height:38px;margin-top:-19px;top:50%}.hcyl-cap{border-radius:50% 50% 0 0/100% 100% 0 0;height:19px;top:0}.cyl-cap--front,.hcyl-cap--front{transform:translateZ(19px)}.cyl-cap--back,.hcyl-cap--back{background:color-mix(in oklch, var(--accent) 65%, black);transform:rotateY(180deg)translateZ(19px)}.cyl-wall-slice,.hcyl-wall-slice{background:color-mix(in oklch, var(--accent) 82%, black);--alpha:calc(var(--alpha-start) + var(--i) * 15deg);width:5px;height:38px;transform:translateX(calc(19px * cos(var(--alpha)))) translateY(calc(19px * sin(var(--alpha)))) rotateZ(calc(var(--alpha) + 90deg)) rotateX(90deg);margin-top:-19px;margin-left:-2.5px;position:absolute;top:50%;left:50%}.cyl-wall-slice{--alpha-start:7.5deg}.hcyl-wall-slice{--alpha-start:-172.5deg}.hcyl-flat-back{background:color-mix(in oklch, var(--accent) 55%, black);width:38px;height:38px;margin-top:-19px;margin-left:-19px;position:absolute;top:50%;left:50%;transform:rotateX(-90deg)}.shape-tetrahedron{width:38px;height:33px}.tetra-face{background:var(--accent);clip-path:polygon(50% 0%,0% 100%,100% 100%);transform-origin:50% 67%;width:38px;height:33px;margin-top:-22px;margin-left:-19px;position:absolute;top:50%;left:50%}.tetra-face--front{transform:translateZ(7.76px)}.tetra-face--bottom{background:color-mix(in oklch, var(--accent) 62%, black);transform:translate3d(0,7.31px,-2.59px)rotateX(70.53deg)}.tetra-face--upper-left{background:color-mix(in oklch, var(--accent) 78%, black);transform:translate3d(-6.33px,-3.66px,-2.59px)rotate3d(.315,.546,.774,131.81deg)}.tetra-face--upper-right{background:color-mix(in oklch, var(--accent) 70%, black);transform:translate3d(6.33px,-3.66px,-2.59px)rotate3d(.315,-.546,-.774,131.81deg)}@keyframes decorative-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes decorative-rotate3d{0%{transform:rotate3d(1,1,.4,0)}to{transform:rotate3d(1,1,.4,360deg)}}.decorative-outer{animation:6s ease-in-out infinite decorative-float;display:inline-block;position:relative}.decorative-shadow{pointer-events:none;background:radial-gradient(ellipse at center, color-mix(in oklch, var(--accent) 55%, transparent) 0%, color-mix(in oklch, var(--accent) 25%, transparent) 50%, transparent 75%);filter:blur(3px);width:36px;height:8px;translate:calc(-50% + var(--shadow-dx,0px)) var(--shadow-dy,0px);animation:6s ease-in-out infinite decorative-shadow-pulse;position:absolute;bottom:-10px;left:50%}@keyframes decorative-shadow-pulse{0%,to{opacity:.6;transform:translateY(0)scale(1)}50%{opacity:.3;transform:translateY(10px)scale(.65)}}.decorative-tilt{transform-style:preserve-3d;transition:transform .22s var(--ease-out-expo);will-change:transform;display:inline-block}.decorative-3d{transform-style:preserve-3d;animation:16s linear infinite decorative-rotate3d}@media (prefers-reduced-motion:reduce){.decorative-outer,.decorative-3d,.decorative-shadow{opacity:1;animation:none}.decorative-tilt{transition:none;transform:none}.decorative-shadow{opacity:.5}}