/* Source 3D artwork and isolated source-image components keep their materials,
   lighting and proportions at rest and throughout playback. */
.icon-tile .realistic-icon{display:block;width:100%;height:100%;max-width:100%;overflow:hidden;filter:drop-shadow(0 3px 3px #0c28441a)}
.concept-icon{display:block;flex-shrink:0;overflow:hidden;border-radius:12px;pointer-events:none;color:#a9f7ff}
.demo-original{opacity:1}
.demo-art{opacity:0;fill:none;stroke:#9cf6ff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.demo-art text{fill:#dbfdff;stroke:#146bc5;stroke-width:.3;paint-order:stroke;font-family:ui-monospace,monospace;font-weight:700}
.demo-art [data-part],.demo-components [data-part]{transform-box:fill-box;transform-origin:center}
.demo-components [data-part^=bar],.demo-components [data-part=columns]{transform-origin:center bottom}
.demo-components [data-part^=bar]{transform-box:view-box;transform-origin:64px 103px}
.demo-components [data-part=gear]{transform-box:view-box;transform-origin:75px 75px}
.demo-components [data-part=eyes]{transform-box:view-box;transform-origin:76px 50px}
.demo-art [data-part=columns]{transform-box:view-box;transform-origin:64px 111px}
.demo-column-light{fill:#adfbff;fill-opacity:.3;stroke:none}
.demo-window-underlay{fill:#02a9f4;stroke:none}
.demo-art [pathLength]{stroke-dasharray:1;stroke-dashoffset:inherit}
.demo-bead{fill:var(--demo-light);stroke:#e0ffff;stroke-width:.65}
.demo-packet{fill:var(--demo-metal);stroke:#d8faff;stroke-width:.7}
.demo-pi{stroke:#acffff;stroke-width:2.2}
.demo-filament{stroke:#fff6bd;stroke-width:2.7}
.demo-heat{fill:#ffe68b;fill-opacity:.18;stroke:none}
[data-part=tokens] rect,[data-part=query] rect,[data-part=answer] rect{fill:#c7ffff;fill-opacity:.6;stroke:#fff;stroke-width:.7}
.app-card>.concept-icon{width:56px;height:56px}
.tool-links a>.concept-icon{width:55px;height:55px}
.featured>.concept-icon{width:85px;height:85px}
@media(prefers-reduced-motion:reduce){.concept-icon *{animation:none!important;transition:none!important}}