.hw{--hw-arrive:cubic-bezier(.22, 1, .36, 1);--hw-snap:cubic-bezier(.34, 1.42, .64, 1);--hw-trace:cubic-bezier(.45, 0, .15, 1);--hw-soft:cubic-bezier(.37, 0, .63, 1);width:100%;height:auto;overflow:visible}.hw :is(.hw-leg,.hw-desk,.hw-plate,.hw-jig,.hw-laptop,.hw-lid,.hw-card,.hw-bar,.hw-glint,.hw-node,.hw-float){transform-box:fill-box}.hw .hw-draw{stroke-dasharray:1;animation:hw-draw .8s var(--hw-arrive) backwards}.hw .hw-rail{filter:drop-shadow(0 0 3px #f0652d);animation-duration:1.1s;animation-delay:.1s}.hw .hw-lead{animation-duration:.7s;animation-timing-function:var(--hw-trace)}.hw .hw-fade{animation:hw-fade .5s var(--hw-arrive) backwards}.hw .hw-shadow{animation-duration:.9s;animation-delay:.25s}.hw .hw-leg{transform-origin:50% 100%;animation:hw-drop .65s var(--hw-arrive) backwards}.hw .hw-desk{transform-origin:50%;animation:hw-drop .75s var(--hw-arrive) .56s backwards}.hw .hw-plate{transform-origin:50%;animation:hw-drop .65s var(--hw-arrive) .95s backwards}.hw .hw-jig{transform-origin:50% 100%;animation:hw-snap .8s var(--hw-snap) 1.08s backwards}.hw .hw-laptop{transform-origin:50% 100%;animation:hw-drop .65s var(--hw-arrive) 1.18s backwards}.hw .hw-lid{transform-origin:50% 100%;animation:hw-open .85s var(--hw-snap) 1.38s backwards}.hw .hw-screen{animation:hw-fade .5s var(--hw-arrive) 1.75s backwards}.hw .hw-card{transform-origin:50%;animation:hw-card .75s var(--hw-arrive) backwards}.hw .hw-bar{transform-origin:50% 100%;animation:hw-grow .6s var(--hw-snap) backwards}.hw .hw-port{animation-duration:.35s}.hw .hw-node{transform-origin:50%;animation:hw-node .45s var(--hw-snap) backwards}.hw .hw-glint{opacity:0;transform-origin:50%;animation:hw-glint .9s var(--hw-soft) backwards}.hw .hw-float{animation:hw-float 6s var(--hw-soft) infinite alternate}.hw .hw-float--b{animation-duration:7.2s}.hw .hw-float--c{animation-duration:5.4s}.hw .hw-pulse{animation:hw-fade .7s var(--hw-arrive) 1.35s backwards, hw-pulse 4.5s var(--hw-soft) 2.05s infinite alternate}.hw .hw-pulse-soft{animation:hw-fade .9s var(--hw-arrive) 1.4s backwards, hw-pulse 4.5s var(--hw-soft) 2.3s infinite alternate}@keyframes hw-draw{0%{stroke-dashoffset:1px}}@keyframes hw-fade{0%{opacity:0}}@keyframes hw-drop{0%{opacity:0;transform:translateY(-16px)scale(.96)}}@keyframes hw-snap{0%{opacity:0;transform:translateY(-26px)scale(.96)}35%{opacity:1}}@keyframes hw-open{0%{opacity:0;transform:scaleY(.12)}18%{opacity:1}to{transform:scaleY(1)}}@keyframes hw-card{0%{opacity:0;transform:translateY(12px)scale(.96)}}@keyframes hw-grow{0%{opacity:0;transform:scaleY(.2)}}@keyframes hw-node{0%{opacity:0;transform:scale(.4)}}@keyframes hw-glint{0%{opacity:0;transform:scale(.5)rotate(0)}40%{opacity:.85;transform:scale(1)rotate(25deg)}to{opacity:0;transform:scale(.7)rotate(45deg)}}@keyframes hw-float{0%{transform:translateY(0)}to{transform:translateY(-4px)}}@keyframes hw-pulse{0%{opacity:.6}to{opacity:1}}@media (prefers-reduced-motion:reduce){svg.hw *{animation:none!important}}@media (max-width:40rem){svg.hw *{animation:none!important}}
