.engineering-film{--art:#94bfdc;--film-duration:5.2s}.engineering-film .film-screen{color:var(--art);background:radial-gradient(70% 90% at 78% 0,#4b7eaf57,#0000 70%),radial-gradient(60% 80% at 0 100%,#7fd0ff1a,#0000 70%),#112b3b;box-shadow:inset 0 0 0 1px #accce524,inset 0 0 60px #4b7eaf24}.engineering-film .film-screen:after{content:"";z-index:20;pointer-events:none;opacity:.75;background:linear-gradient(#7fb0de,#7fb0de) 0 0/14px 1.5px no-repeat,linear-gradient(#7fb0de,#7fb0de) 0 0/1.5px 14px no-repeat,linear-gradient(#7fb0de,#7fb0de) 100% 0/14px 1.5px no-repeat,linear-gradient(#7fb0de,#7fb0de) 100% 0/1.5px 14px no-repeat,linear-gradient(#7fb0de,#7fb0de) 0 100%/14px 1.5px no-repeat,linear-gradient(#7fb0de,#7fb0de) 0 100%/1.5px 14px no-repeat,linear-gradient(#7fb0de,#7fb0de) 100% 100%/14px 1.5px no-repeat,linear-gradient(#7fb0de,#7fb0de) 100% 100%/1.5px 14px no-repeat;position:absolute;inset:8px}.engineering-film .film-grid{pointer-events:none;background-image:linear-gradient(#accce50f 1px,#0000 1px),linear-gradient(90deg,#accce50f 1px,#0000 1px);background-size:24px 24px;animation:14s linear infinite film-grid-drift;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 20% 85%,#0000);mask-image:linear-gradient(#0000,#000 20% 85%,#0000)}.film-art{animation:.7s backwards film-stage-in}.film-art:before{content:"";z-index:5;pointer-events:none;background:linear-gradient(105deg,#0000 35%,#accce538 50%,#0000 65%);animation:.9s ease-out 50ms forwards film-sheen;position:absolute;inset:0;transform:translate(-120%)}.film-art svg{width:100%;height:100%;display:block;overflow:visible}.film-step:after{content:"";background:var(--color-border);height:2px;position:absolute;bottom:1px;left:0;right:0}.film-step.done:after{background:var(--color-steel);opacity:.55}.film-step i{background:var(--color-steel);width:0;height:2px;box-shadow:0 0 8px var(--color-steel);z-index:1;position:absolute;bottom:1px;left:0}.film-step.active i{animation:film-progress var(--film-duration) linear forwards;animation-play-state:paused}.engineering-film:not(.is-paused) .film-step.active i{animation-play-state:running}.film-step.active:before{content:"";background:var(--color-steel);width:4px;height:4px;box-shadow:0 0 6px var(--color-steel);border-radius:50%;position:absolute;top:0;left:calc(50% - 2px)}.film-art .art-label{fill:#c7ddeb;font-family:var(--font-sans);letter-spacing:.7px;font-size:8px;font-weight:600}.film-art .art-small{fill:#91adbf;font-family:var(--font-sans);letter-spacing:.25px;font-size:7.1px}.film-art .art-center{text-anchor:middle}.film-art .chip-label{fill:#d1e9f8;text-anchor:middle;font-family:var(--font-sans);letter-spacing:1.8px;font-size:10px}.film-art .line-number{fill:#627f94;font-family:monospace;font-size:10px}.film-art .code-text{fill:#b6d5e9;font-family:monospace;font-size:11px}.film-art .art-panel{fill:#17374b;stroke:#4a718d;stroke-width:1px}.film-art .orbit-ring{fill:none;stroke:#547e9a;stroke-width:1px;stroke-dasharray:3 5;opacity:.6}.film-art .orbit-ring.outer{stroke:#64879f;opacity:.3}.film-art .orbit-ring.tilted{transform-origin:261px 138px;transform:rotate(-25deg)}.film-art .art-dot{fill:#c3e6fc}.film-art .chip-fill{fill:#24506c;stroke:#8cb8d5;stroke-width:1.5px;filter:drop-shadow(0 0 6px #8cb8d559)}.film-art .small-part{fill:#254b63;stroke:#8cb8d5;stroke-width:1.2px}.film-art .quiet-line{fill:none;stroke:#50718a;stroke-width:1.3px;stroke-linecap:round}.film-art .accent-line{fill:none;stroke:#a9cfe7;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.film-art .check-circle{fill:#244d5d;stroke:#9acabb;stroke-width:1.2px;filter:drop-shadow(0 0 4px #9acabb8c)}.film-art .board-outline{fill:#163748;stroke:#6b9ab5;stroke-width:1.5px}.film-art .dimension-line{fill:none;stroke:#698ca5;stroke-width:1px;stroke-dasharray:4 5}.film-art .callout{fill:none;stroke:#8fb4cc;stroke-width:1px}.film-art .cad-base{fill:#193d53;stroke:#95c0de;stroke-width:1.5px;stroke-linejoin:round}.film-art .cad-circuit{fill:#285c69;stroke:#98cbbd;stroke-width:1.4px;stroke-linejoin:round}.film-art .cad-top{fill:#24485f;stroke:#b6d5e9;stroke-width:1.5px;stroke-linejoin:round}.film-art .cad-side{fill:#153549;stroke:#95c0de;stroke-width:1.5px;stroke-linejoin:round}.film-art .scope-bg{fill:#102b3b;stroke:#42627a;stroke-width:1px}.film-art .scope-grid{stroke:#42627a;stroke-width:.5px;opacity:.5;fill:none}.film-art .scope-wave{fill:none;stroke:#a2d0bf;stroke-width:1.7px;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;animation:2.2s both film-line-draw}.film-art .scope-scan{stroke:#a8d6cf;stroke-width:1px;opacity:.4;animation:3s linear infinite film-scope-scan}.film-art .revision-old{fill:#183549;stroke:#54758c;stroke-width:1px;opacity:.7}.film-art .review-mark{fill:none;stroke:#bba68c;stroke-width:1.5px}.film-art .draw-line{stroke-dasharray:1;stroke-dashoffset:1px;animation:1.8s .15s forwards film-line-draw}.film-art .appear{animation:.8s .15s both film-art-appear}.film-art .film-delay-1{animation-delay:.35s!important}.film-art .film-delay-2{animation-delay:.7s!important}.film-art .film-delay-3{animation-delay:1.05s!important}.film-art .film-delay-4{animation-delay:1.4s!important}.film-art .bar-grow{fill:#709dbb;transform-box:fill-box;transform-origin:0;animation:1.4s both film-bar-grow}.film-art .code-line{animation:.5s both film-art-appear}.film-art .code-cursor{fill:#9ec3dc;animation:1.2s steps(2,jump-none) infinite film-cursor-blink}.film-art .signal-line{fill:none;stroke:#aacfc7;stroke-width:1.6px;stroke-dasharray:150;stroke-dashoffset:150px;animation:2s .8s forwards film-signal-draw}.film-art .idea-rays{animation:3s ease-in-out infinite film-idea-glow}.film-art .idea-rays .draw-line{stroke:#ffe29a}.film-art .travelling-dot{fill:#c4e2f5;animation:3s ease-in-out infinite film-dot-travel}.film-art .cad-lid{animation:2.2s both film-lid-rise}.film-art .cad-board{animation:2s both film-board-rise}.film-art .cad-bottom{animation:1s both film-art-appear}.film-art .final-product{animation:1.5s both film-product-arrive}.film-art .bulb-glow,.film-art .bulb-core{opacity:.9;transform-box:fill-box;transform-origin:50%;animation:1.5s 1.4s both film-bulb-on,3s ease-in-out 2.9s infinite film-bulb-pulse}.film-art .bulb-core{animation:1.5s 1.4s both film-bulb-on,2.2s ease-in-out 2.9s infinite reverse film-bulb-pulse}.film-art .bulb-lit{filter:drop-shadow(0 0 5px #ffe29abf)}.film-art .bulb-lit .draw-line{stroke:#ffeeb8;animation:1.8s .15s forwards film-line-draw,.6s 1.7s both film-bulb-stroke}.film-art .chip-halo,.film-art .soft-pulse{transform-box:fill-box;transform-origin:50%;animation:2.6s ease-in-out infinite film-halo}.film-art .tendril-base{fill:none;stroke:#7fd0ff;stroke-width:1px;stroke-linecap:round;stroke-linejoin:round;opacity:.28}.film-art .tendril{fill:none;stroke:#bfeaff;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:.3 1;stroke-dashoffset:0;filter:drop-shadow(0 0 3px #6fc8ff);animation:1.8s linear infinite backwards film-tendril}.film-art .spark-tip{fill:#d9f3ff;filter:drop-shadow(0 0 4px #6fc8ff);transform-box:fill-box;transform-origin:50%;opacity:0;animation:1.8s ease-out infinite film-spark}.film-art .pulse-dot{fill:#d9f3ff;filter:drop-shadow(0 0 4px #7fd0ff);display:none}@supports (offset-path:path("M0 0")){.film-art .pulse-dot{offset-distance:0%;animation:2.6s linear infinite backwards film-trace-run;display:block}}.film-art .sway-a,.film-art .sway-b{transform-box:view-box;transform-origin:260px 150px;animation:4.2s ease-in-out infinite film-sway}.film-art .sway-b{animation-direction:reverse}.film-art .sparkle{fill:#e6f6ff;opacity:.85;transform-box:fill-box;transform-origin:50%;filter:drop-shadow(0 0 4px #9fd4ff);animation:2.4s ease-in-out infinite backwards film-twinkle}.engineering-film.is-paused .film-art .idea-rays,.engineering-film.is-paused .film-art .travelling-dot,.engineering-film.is-paused .film-art .code-cursor,.engineering-film.is-paused .film-art .scope-scan,.engineering-film.is-paused .film-art .chip-halo,.engineering-film.is-paused .film-art .soft-pulse,.engineering-film.is-paused .film-art .pulse-dot,.engineering-film.is-paused .film-art .sway-a,.engineering-film.is-paused .film-art .sway-b,.engineering-film.is-paused .film-grid{animation-play-state:paused!important}.engineering-film.is-paused .film-art .draw-line,.engineering-film.is-paused .film-art .signal-line,.engineering-film.is-paused .film-art .scope-wave{stroke-dashoffset:0!important;animation:none!important}.engineering-film.is-paused .film-art .appear,.engineering-film.is-paused .film-art .code-line,.engineering-film.is-paused .film-art .final-product,.engineering-film.is-paused .film-art .cad-lid,.engineering-film.is-paused .film-art .cad-board,.engineering-film.is-paused .film-art .cad-bottom{opacity:1;transform:none;animation:none!important}.engineering-film.is-paused .film-art .bar-grow{transform:scaleX(1);animation:none!important}.engineering-film.is-paused .film-art .bulb-glow,.engineering-film.is-paused .film-art .bulb-core,.engineering-film.is-paused .film-art .sparkle{animation:none!important}.engineering-film.is-paused .film-art .tendril{stroke-dasharray:none;opacity:.8;animation:none!important}.engineering-film.is-paused .film-art .spark-tip{opacity:.8;animation:none!important}@keyframes film-progress{0%{width:0}to{width:100%}}@keyframes film-line-draw{to{stroke-dashoffset:0}}@keyframes film-art-appear{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes film-bar-grow{0%{transform:scaleX(.03)}to{transform:scaleX(1)}}@keyframes film-cursor-blink{50%{opacity:0}}@keyframes film-signal-draw{to{stroke-dashoffset:0}}@keyframes film-idea-glow{0%,to{opacity:.45}50%{opacity:1}}@keyframes film-dot-travel{0%{opacity:0;transform:translate(0)}20%{opacity:1}85%{opacity:1}to{opacity:0;transform:translate(-54px)}}@keyframes film-lid-rise{0%{opacity:0;transform:translateY(78px)}to{opacity:1;transform:translateY(0)}}@keyframes film-board-rise{0%{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}@keyframes film-product-arrive{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes film-scope-scan{0%{transform:translate(-110px)}to{transform:translate(130px)}}@keyframes film-stage-in{0%{opacity:0;filter:blur(5px);transform:scale(.97)}to{opacity:1;filter:blur();transform:none}}@keyframes film-sheen{to{transform:translate(120%)}}@keyframes film-grid-drift{to{background-position:24px 24px}}@keyframes film-bulb-on{0%{opacity:0}12%{opacity:.9}20%{opacity:.1}34%{opacity:1}44%{opacity:.35}60%,to{opacity:1}}@keyframes film-bulb-pulse{0%,to{opacity:.8;transform:scale(.96)}50%{opacity:1;transform:scale(1.07)}}@keyframes film-bulb-stroke{0%{stroke:currentColor}to{stroke:#ffeeb8}}@keyframes film-halo{0%,to{opacity:.55;transform:scale(.94)}50%{opacity:1;transform:scale(1.06)}}@keyframes film-tendril{0%{stroke-dashoffset:.3px;opacity:0}10%{opacity:1}85%{opacity:1}to{stroke-dashoffset:-1px;opacity:0}}@keyframes film-spark{0%,60%{opacity:0;transform:scale(.4)}82%{opacity:1;transform:scale(1.6)}to{opacity:0;transform:scale(.6)}}@keyframes film-trace-run{0%{offset-distance:0%;opacity:0}10%{opacity:1}90%{opacity:1}to{offset-distance:100%;opacity:0}}@keyframes film-sway{0%,to{transform:rotate(-3.5deg)}50%{transform:rotate(3.5deg)}}@keyframes film-twinkle{0%,to{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.film-art,.engineering-film .film-grid{animation:none}.film-art:before{display:none}.film-art *{stroke-dashoffset:0!important;animation:none!important}.film-art .appear,.film-art .code-line,.film-art .final-product,.film-art .cad-lid,.film-art .cad-board{opacity:1!important;transform:none!important}.film-art .bar-grow{transform:scaleX(1)}.film-art .tendril{stroke-dasharray:none;opacity:.8}.film-art .spark-tip{opacity:.8}.film-art .scope-scan,.film-art .travelling-dot,.film-art .pulse-dot{display:none!important}}