.lb-model polygon{stroke:color-mix(in srgb,var(--color-foreground) 45%,transparent);stroke-width:1.2;stroke-linejoin:round;transition:fill .4s,stroke .4s}.lb-model .t{fill:var(--color-surface-container-lowest)}.lb-model .l{fill:var(--color-surface-container-high)}.lb-model .r{fill:var(--color-outline-variant)}.lb-model .d{fill:color-mix(in srgb,var(--color-foreground) 18%,var(--color-outline-variant))}.lb-model .w{fill:color-mix(in srgb,var(--color-foreground) 70%,transparent)}.lb-model .ui{fill:var(--color-surface-container-lowest)}.lb-model .bar,.lb-model .img{fill:var(--color-surface-container-high)}.lb-model .hero{fill:color-mix(in srgb,var(--color-outline-variant) 45%,var(--color-surface-container-lowest))}.lb-model .line{fill:var(--color-outline-variant);stroke:none}.lb-model .unit{fill:color-mix(in srgb,var(--color-foreground) 8%,var(--color-surface-container-high))}.lb-model .led{fill:var(--color-outline-variant);stroke:none}.lb-model .wall{fill:var(--color-surface-container-high)}.lb-model .wall-side{fill:color-mix(in srgb,var(--color-outline-variant) 60%,var(--color-surface-container-high))}.lb-model .shaft{fill:color-mix(in srgb,var(--color-primary-fixed) 30%,transparent);stroke:color-mix(in srgb,var(--color-foreground) 30%,transparent)}.lb-model .glass{fill:color-mix(in srgb,var(--color-foreground) 30%,var(--color-surface-container-high))}.lb-plate .t{fill:color-mix(in srgb,var(--color-surface-container-lowest) 60%,transparent)}.lb-part.is-active polygon{stroke:var(--color-primary)}.lb-part.is-active .t,.lb-part.is-active .hero{fill:var(--color-primary-fixed)}.lb-part.is-active .l,.lb-part.is-active .bar,.lb-part.is-active .img,.lb-part.is-active .unit{fill:var(--color-primary-fixed-dim)}.lb-part.is-active .r{fill:color-mix(in srgb,var(--color-primary) 45%,var(--color-primary-fixed-dim))}.lb-part.is-active .d,.lb-part.is-active .w,.lb-part.is-active .line{fill:var(--color-primary)}.lb-part.is-active .ui{fill:var(--color-surface-container-lowest)}.lb-part.is-active .led{fill:var(--color-primary)}.lb-part.is-active .wall{fill:var(--color-primary-fixed)}.lb-part.is-active .wall-side{fill:var(--color-primary-fixed-dim)}.lb-part.is-active .shaft{fill:color-mix(in srgb,var(--color-primary-fixed-dim) 45%,transparent)}.lb-part.is-active .glass{fill:color-mix(in srgb,var(--color-primary) 70%,var(--color-primary-fixed))}.lb-model .led{animation:lb-led 1.6s steps(1) infinite;animation-delay:var(--led)}.lb-pipe{fill:none;stroke:var(--color-surface-container-high);stroke-width:9;stroke-linecap:round;stroke-linejoin:round}.lb-flow{fill:none;stroke:color-mix(in srgb,var(--color-foreground) 40%,transparent);stroke-width:1.5;stroke-dasharray:4 6;animation:lb-flow 1.2s linear infinite}.lb-part.is-active .lb-pipe{stroke:var(--color-primary-fixed)}.lb-part.is-active .lb-flow{stroke:var(--color-primary)}.lb-packet{fill:var(--color-primary)}.lb-float{animation:lb-bob-svg 3s ease-in-out infinite alternate}.lb-grow{animation:lb-grow 4s ease-in-out infinite}.lb-model .esl{fill:var(--color-surface-container-lowest);stroke:color-mix(in srgb,var(--color-foreground) 55%,transparent)}.lookbook:has(.lb-part.is-active[data-i="2"]) .lb-model .lb-swatch,.lookbook:has(.lb-part.is-active[data-i="2"]) .lb-model .esl,.lb-model .lb-cycle{animation:lb-swap 1.8s steps(1) infinite}.lb-model .lb-bar{transform-box:fill-box;transform-origin:50% 100%;animation:lb-bar 4s ease-in-out infinite;animation-delay:var(--bar, 0s)}.lb-lift{animation:lb-lift 7.2s ease-in-out infinite}.lb-drop{animation:lb-drop 6s ease-in-out infinite}.lb-chips text{fill:var(--color-on-surface-muted);stroke:var(--color-surface-dim);stroke-width:6px;paint-order:stroke;font-family:var(--font-label);font-size:14px;font-weight:700;letter-spacing:.08em;text-anchor:middle;text-transform:uppercase}.lb-chips .lb-flat{fill:var(--color-foreground);stroke:none;font-size:13px;letter-spacing:.06em;text-anchor:start}@keyframes lb-flow{to{stroke-dashoffset:-10}}@keyframes lb-led{0%,60%{fill-opacity:1}61%,to{fill-opacity:.25}}@keyframes lb-bob-svg{0%{transform:translateY(-4px)}to{transform:translateY(4px)}}@keyframes lb-grow{0%,20%{opacity:0}50%,80%{opacity:1}to{opacity:0}}@keyframes lb-swap{0%,49%{fill:var(--color-primary-fixed-dim)}50%,to{fill:var(--color-primary)}}@keyframes lb-bar{0%,to{transform:scaleY(.55)}50%{transform:scaleY(1)}}@keyframes lb-lift{0%,12%{transform:translateY(0)}30%,42%{transform:translateY(calc(-1 * var(--step)))}60%,72%{transform:translateY(calc(-2 * var(--step)))}92%,to{transform:translateY(0)}}@keyframes lb-drop{0%,to{opacity:.35;transform:translateY(-30px)}40%,75%{opacity:1;transform:translateY(0)}}.lb-model .ok{fill:#16a34a;stroke:#15803d}.lb-model .pc{fill:var(--color-primary)}.lb-model .pc-l{fill:var(--color-primary-fixed-dim)}.lb-model .lb-explode{animation:lb-explode 6s ease-in-out infinite}@keyframes lb-explode{0%,12%,92%,to{transform:translate(var(--dx, 0),var(--dy, 0))}38%,72%{transform:translate(0)}}.lb-model .lb-blink{animation:lb-blink 2.4s ease-in-out infinite;animation-delay:var(--delay, 0s)}@keyframes lb-blink{0%,to{opacity:.25}40%,70%{opacity:1}}@media(prefers-reduced-motion:reduce){.lb-float,.lb-grow,.lb-lift,.lb-drop,.lb-flow,.lb-model .lb-bar,.lb-model .led,.lb-model .lb-cycle,.lb-model .lb-blink,.lb-model .lb-explode{animation:none}.lb-packets{display:none}.lookbook:has(.lb-part.is-active[data-i="2"]) .lb-model .lb-swatch,.lookbook:has(.lb-part.is-active[data-i="2"]) .lb-model .esl{animation:none}}
