.science-component{display:none}
.reaction-slot{position:absolute;width:245px;height:72px;transform-origin:0 0;pointer-events:none;color:#547261;z-index:1;opacity:calc(.39 * var(--detail-strength,1));contain:layout paint}
.reaction-card{position:absolute;inset:0;width:100%;height:100%;overflow:visible;animation:reaction-life 36s linear var(--phase) infinite;opacity:0}
.reaction-card text{fill:currentColor;font:13px Arial,sans-serif;letter-spacing:.2px}
.reaction-card .reaction-caption{font-size:7px;letter-spacing:1.6px}
.reaction-card .byproduct{font-size:9px}
.reaction-card path{stroke:currentColor;stroke-width:1;fill:none}
.reaction-reagents{animation:reagents 36s linear var(--phase) infinite}
.reaction-arrow{animation:arrow-reveal 36s linear var(--phase) infinite}
.reaction-arrow path{stroke-dasharray:110;animation:arrow-draw 36s linear var(--phase) infinite}
.reaction-traveler{fill:currentColor;animation:arrow-travel 36s linear var(--phase) infinite}
.reaction-product{animation:product-reveal 36s linear var(--phase) infinite}
.reaction-bonds{stroke-dasharray:170;animation:bond-draw 36s linear var(--phase) infinite}
@keyframes reaction-life{0%,32%,100%{opacity:0}4%,27%{opacity:1}}
@keyframes reagents{0%,3%,19%,100%{opacity:0}6%,13%{opacity:1}}
@keyframes arrow-reveal{0%,9%,24%,100%{opacity:0}12%,20%{opacity:1}}
@keyframes arrow-draw{0%,9%{stroke-dashoffset:110}20%,100%{stroke-dashoffset:0}}
@keyframes arrow-travel{0%,10%{transform:translateX(0)}20%,100%{transform:translateX(78px)}}
@keyframes product-reveal{0%,17%,100%{opacity:0}22%,30%{opacity:1}}
@keyframes bond-draw{0%,18%{stroke-dashoffset:170}25%,100%{stroke-dashoffset:0}}
body[data-state]:not([data-state=home]) .reaction-slot{display:none}
body[data-motion-paused=true] .reaction-slot *,body[data-bio-motion=off] .reaction-slot *{animation-play-state:paused!important}
body[data-dna-directory=true] .reaction-slot{opacity:calc(.12 * var(--detail-strength,1))}
@media(max-width:650px){.reaction-slot{opacity:calc(.31 * var(--detail-strength,1))}}
@media(prefers-reduced-motion:reduce){.reaction-slot *{animation:none!important}.reaction-card{display:none}.reaction-card:first-child{display:block;opacity:1}.reaction-reagents,.reaction-arrow{opacity:0}.reaction-product{opacity:1}.reaction-bonds{stroke-dashoffset:0}}