.m3d{--tech:#3a3a3c;--blue:#2f5fff;perspective:600px;transform-style:preserve-3d;pointer-events:none;will-change:transform;display:inline-block}.m3d__stage{width:100%;height:100%;transform-style:preserve-3d;position:relative}.m3d-chip .m3d__stage{animation:18s ease-in-out infinite m3d-idle-rot;animation-delay:var(--phase,0s)}.m3d-chip .m3d__body{background:linear-gradient(160deg,#4a4a4d 0%,#2a2a2c 100%);border-radius:14%;position:absolute;inset:15% 20%;transform:rotateX(48deg)rotate(-8deg)translateZ(0);box-shadow:inset 0 1px #ffffff1f,inset 0 -1px #00000059,0 4px 10px #0000002e}.m3d-chip .m3d__pin{background:linear-gradient(#c9c9cc,#7a7a7d);border-radius:2px;width:8%;height:6%;position:absolute;top:8%;transform:rotateX(48deg)rotate(-8deg);box-shadow:0 1px 1px #00000059}.m3d-chip .m3d__pin:nth-child(2){left:32%}.m3d-chip .m3d__pin:nth-child(3){left:46%}.m3d-chip .m3d__pin:nth-child(4){left:60%}.m3d-slab .m3d__stage{animation:20s ease-in-out infinite m3d-idle-float;animation-delay:var(--phase,0s)}.m3d-slab .m3d__body{background:linear-gradient(160deg,#fff 0%,#e6e6ea 100%);border:1px solid #0000000f;border-radius:12%;position:absolute;inset:12% 8%;transform:rotateX(52deg)rotate(-6deg);box-shadow:inset 0 1px #ffffffe6,0 10px 22px -8px #1e1e2847,0 2px 4px #1e1e2814}.m3d-slab .m3d__bar{background:linear-gradient(#d1d1d6,#b8b8bd);border-radius:999px;height:6%;position:absolute;top:22%;left:14%;right:14%;transform:rotateX(52deg)rotate(-6deg)translateZ(1px);box-shadow:inset 0 1px #ffffff80}.m3d-term .m3d__stage{animation:22s ease-in-out infinite m3d-idle-float;animation-delay:var(--phase,0s)}.m3d-term .m3d__body{background:linear-gradient(160deg,#4a4a4d 0%,#2a2a2c 100%);border-radius:8px;position:absolute;inset:12% 34%;transform:rotateX(30deg)rotate(-6deg);box-shadow:inset 0 1px #ffffff1f,inset 0 -1px #0006,0 6px 14px -4px #00000047}.m3d-term .m3d__cursor{background:#6a8bff;border-radius:1px;width:12%;height:32%;animation:1.2s steps(2,end) infinite m3d-blink;position:absolute;top:34%;left:44%;transform:rotateX(30deg)rotate(-6deg)translateZ(2px);box-shadow:0 0 6px #6a8bff8c}.m3d-bars{--grow:1}.m3d-bars .m3d__stage{animation:16s ease-in-out infinite m3d-idle-breathe;animation-delay:var(--phase,0s);transform:rotateX(52deg)rotate(-14deg)}.m3d-bars .m3d__bar{transform-origin:50% 100%;width:12%;transform:scaleY(var(--grow));background:linear-gradient(#6a8bff,#2f5fff);border-radius:3px 3px 1px 1px;transition:transform .9s cubic-bezier(.16,1,.3,1);position:absolute;bottom:18%;box-shadow:inset 0 1px #ffffff59,0 4px 8px -2px #2f5fff59}.m3d-bars .m3d__bar:first-child{height:22%;transition-delay:0s;left:16%}.m3d-bars .m3d__bar:nth-child(2){height:38%;transition-delay:90ms;left:34%}.m3d-bars .m3d__bar:nth-child(3){height:54%;transition-delay:.18s;left:52%}.m3d-bars .m3d__bar:nth-child(4){height:68%;transition-delay:.27s;left:70%}.m3d-arrow .m3d__stage{animation:17s ease-in-out infinite m3d-idle-float;animation-delay:var(--phase,0s)}.m3d-arrow .m3d__body{filter:drop-shadow(0 6px 10px #2f5fff59);position:absolute;inset:22% 18%;transform:rotateX(20deg)rotate(-30deg)}.m3d-arrow .m3d__body:before,.m3d-arrow .m3d__body:after{content:"";background:linear-gradient(#6a8bff,#2f5fff);border-radius:2px;position:absolute;box-shadow:inset 0 1px #fff6}.m3d-arrow .m3d__body:before{height:14%;top:44%;left:8%;right:10%;transform:skew(-8deg)}.m3d-arrow .m3d__body:after{clip-path:polygon(0 0,100% 0,100% 100%);width:42%;height:42%;top:12%;right:4%}.m3d-arrow .m3d__trail{background:linear-gradient(90deg,#0000,#2f5fff73,#0000);height:3px;animation:4s ease-in-out infinite m3d-drift;position:absolute;top:62%;left:8%;right:40%;transform:rotateX(20deg)rotate(-30deg)}.m3d-spiral .m3d__stage{animation:22s linear infinite m3d-spin;animation-delay:var(--phase,0s)}.m3d-spiral .m3d__ring{border:2px solid #2f5fff;border-color:#2f5fff #2f5fff66 #0000 #0000;border-radius:50%;width:62%;height:62%;margin-top:-31%;margin-left:-31%;position:absolute;top:50%;left:50%;box-shadow:0 4px 10px -4px #2f5fff59}.m3d-spiral .m3d__ring:first-child{opacity:.55;transform:rotateX(70deg)translateZ(-8px)}.m3d-spiral .m3d__ring:nth-child(2){opacity:.75;transform:rotateX(70deg)translateZ(0)}.m3d-spiral .m3d__ring:nth-child(3){opacity:.9;transform:rotateX(70deg)translateZ(8px)}.m3d-spiral .m3d__ring:nth-child(4){opacity:1;transform:rotateX(70deg)translateZ(16px)}@keyframes m3d-idle-rot{0%,to{transform:rotateX(0)rotateY(0)}50%{transform:rotateX(4deg)rotateY(360deg)}}@keyframes m3d-idle-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-6px)rotate(1deg)}}@keyframes m3d-idle-breathe{0%,to{transform:rotateX(52deg)rotate(-14deg)scale(1)}50%{transform:rotateX(52deg)rotate(-14deg)scale(1.03)}}@keyframes m3d-blink{0%,49%{opacity:1}50%,to{opacity:.2}}@keyframes m3d-drift{0%,to{opacity:.2;transform:translate(0)rotateX(20deg)rotate(-30deg)}50%{opacity:.7;transform:translate(-4px)rotateX(20deg)rotate(-30deg)}}@keyframes m3d-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.m3d .m3d__stage,.m3d .m3d__cursor,.m3d .m3d__trail{animation:none!important}.m3d-bars .m3d__bar{transition:none!important}}