[data-anim],[data-move],[data-fx],[data-anim] [data-part],[data-o2-in],[data-o2-out],[data-germ],[data-arm],[data-pouch]{transform-box:fill-box;transform-origin:50%}[data-move]{transform-origin:var(--o,center)}[data-fx]:not([data-fx=march]),[data-o2-in],[data-o2-out],[data-ox],[data-deox],[data-germ],[data-arm],[data-pouch]{opacity:0}[data-fx=trace]{stroke-dasharray:30 200;stroke-dashoffset:30px}[data-fx=draw]{stroke-dasharray:100 100;stroke-dashoffset:100px}[data-anim] [data-part=tail]{transform-origin:50% 100%}[data-anim=sperm] [data-part=tail]{transform-origin:50% 0}[data-anim] [data-part=bud]{transform-origin:12% 82%}[data-anim=microglia] [data-part=arms]{transform-box:view-box;transform-origin:50px 50px}[data-redrawn]{opacity:0}[data-anim=fiber] [data-part=fibrils]{transform-origin:50% 100%}[data-anim=hair] [data-part=shaft]{transform-box:view-box;transform-origin:50px var(--sy)}[data-half]{transform-box:view-box;transform-origin:50px var(--cy)}@media (prefers-reduced-motion:no-preference){.art-play [data-move=jiggle]{animation:jiggle var(--t) ease-in-out infinite}.art-play [data-move=beat]{animation:beat var(--t) ease-in-out infinite}.art-play [data-move=crawl]{animation:crawl var(--t) ease-in-out infinite}.art-play [data-move=tumble]{animation:tumble var(--t) ease-in-out infinite}.art-play [data-move=spin]{animation:spin var(--t) linear infinite}.art-play [data-move=vibrate]{animation:vibrate var(--t) ease-in-out infinite}.art-play [data-move=sway]{animation:sway var(--t) ease-in-out infinite}.art-play [data-move=swim]{animation:swim var(--t) ease-in-out infinite}.art-play [data-move=contract]{animation:contract var(--t) ease-in-out var(--d,0s) infinite}.art-play [data-move=grow]{animation:grow var(--t) ease-in-out infinite}.art-play [data-move=stretch]{animation:stretch var(--t) ease-in-out infinite}.art-play [data-fx=out]{animation:fx-out var(--t) cubic-bezier(.2, .7, .4, 1) var(--d) infinite}.art-play [data-fx=float]{animation:fx-float var(--t) ease-out var(--d) infinite}.art-play [data-fx=in]{animation:fx-in var(--t) ease-in-out var(--d) infinite}.art-play [data-fx=dock]{animation:fx-dock var(--t) ease-out var(--d) infinite}.art-play [data-fx=pop]{animation:fx-pop var(--t) ease-out var(--d) infinite}.art-play [data-fx=glow]{animation:fx-glow var(--t) ease-in-out var(--d) infinite}.art-play [data-fx=trace]{animation:fx-trace var(--t) linear var(--d) infinite}.art-play [data-fx=draw]{animation:fx-draw var(--t) ease-in-out var(--d) infinite}.art-play [data-fx=ripple]{animation:fx-ripple var(--t) ease-out var(--d) infinite}.art-play [data-fx=hold]{animation:fx-hold var(--t) ease-in-out var(--d) infinite}.art-play [data-fx=apart]{animation:fx-apart var(--t) ease-in-out var(--d) infinite}.art-play [data-fx=close]{animation:fx-close var(--t) ease-in-out var(--d) infinite}.art-play [data-fx=slide]{animation:fx-slide var(--t) linear infinite}.art-play [data-fx=shift]{animation:fx-shift var(--t) linear var(--d) infinite}.art-play [data-fx=pass]{animation:fx-pass var(--t) linear var(--d) infinite}.art-play [data-fx=march]{animation:march var(--t) linear infinite}.art-play [data-anim=phage] [data-part=tail]{animation:3.6s ease-in-out infinite sheath}.art-play [data-anim=phage] [data-part=head]{animation:3.6s ease-in-out infinite head-down}.art-play [data-anim=budding] [data-part=bud]{animation:4.4s ease-in-out infinite bud}.art-play [data-anim=sperm] [data-part=tail]{animation:1s ease-in-out infinite whip}.art-play [data-anim=fat-cell] [data-part=droplet]{animation:4s ease-in-out infinite empty}.art-play [data-anim=water] [data-part=h1]{animation:.7s ease-in-out infinite alternate bend-left}.art-play [data-anim=water] [data-part=h2]{animation:.7s ease-in-out infinite alternate bend-right}.art-play [data-anim=atp] [data-part=p3]{animation:3s ease-in-out infinite phosphate}.art-play [data-anim=paramecium] [data-part=cilia]{animation:.3s linear infinite cilia}.art-play [data-anim=microglia] [data-part=arms]{animation:2.6s ease-in-out infinite reach}.art-play [data-anim]:has(>[data-redrawn])>:not([data-redrawn]){opacity:0}.art-play [data-redrawn]{opacity:1}.art-play [data-anim=fiber] [data-part=fibrils]{animation:3.2s ease-in-out infinite fibrils}.art-play [data-anim=hair] [data-part=shaft]{animation:3s ease-in-out infinite sway-gently}.art-play [data-half=front]{animation:1.2s ease-in-out infinite bend-front}.art-play [data-half=back]{animation:1.2s ease-in-out infinite bend-back}.art-play [data-anim="1BL8"] [data-part=ion],.art-play [data-anim="8H9S"] [data-part=ring]{opacity:0}.art-play [data-anim="1XTC"] [data-part=a1]{animation:3s ease-in-out infinite lift-off}.art-play [data-anim="6VXX"] [data-part=rbd]{animation:3s ease-in-out infinite open-up}.art-play [data-o2-in]{animation:oxygen-in 3.6s ease-in-out var(--d) infinite}.art-play [data-o2-out]{animation:oxygen-out 3.6s ease-in-out var(--d) infinite}.art-play [data-ox]{animation:3.6s ease-in-out infinite oxygenated}.art-play [data-deox]{animation:3.6s ease-in-out infinite deoxygenated}.art-play [data-germ]{animation:4.2s ease-in-out infinite germ}.art-play [data-arm]{animation:4.2s ease-in-out infinite engulf}.art-play [data-pouch]{animation:4.2s ease-in-out infinite pouch}}@keyframes jiggle{0%,to{transform:scale(1)}22%{transform:scale(1.03,.975)}48%{transform:scale(.982,1.022)}73%{transform:scale(1.014,.99)}}@keyframes beat{0%,to{transform:scale(1)}14%{transform:scale(.86,1.09)}40%{transform:scale(1.012,.994)}55%{transform:scale(.997,1.002)}}@keyframes crawl{0%,to{transform:translate(0)scale(1)}25%{transform:translate(-4px)scale(1.06,.95)}50%{transform:translate(-1px,1px)scale(.97,1.03)}75%{transform:translate(4px,-1px)scale(1.05,.96)}}@keyframes tumble{0%,to{transform:translate(0)rotate(0)}22%{transform:translate(2px,-2px)rotate(9deg)}48%{transform:translate(-2px,1px)rotate(-6deg)}74%{transform:translate(1px,2px)rotate(5deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes vibrate{0%,to{transform:scale(1)rotate(0)}25%{transform:scale(1.04,.96)rotate(2deg)}50%{transform:scale(.97,1.03)rotate(-2deg)}75%{transform:scale(1.02,.98)rotate(1deg)}}@keyframes sway{0%{animation-timing-function:cubic-bezier(.39,.575,.565,1);transform:rotate(0)}25%{animation-timing-function:cubic-bezier(.445,.05,.55,.95);transform:rotate(-4deg)}75%{animation-timing-function:cubic-bezier(.47,0,.745,.715);transform:rotate(4deg)}to{transform:rotate(0)}}@keyframes swim{0%{animation-timing-function:cubic-bezier(.39,.575,.565,1);transform:translate(0)rotate(0)}25%{animation-timing-function:cubic-bezier(.445,.05,.55,.95);transform:translate(-3px)rotate(-6deg)}75%{animation-timing-function:cubic-bezier(.47,0,.745,.715);transform:translate(3px,-2px)rotate(6deg)}to{transform:translate(0)rotate(0)}}@keyframes contract{0%,to{transform:scale(1)}18%{transform:scale(1.05,.9)}50%{transform:scale(1)}}@keyframes grow{0%,to{transform:scaleY(1)}10%{transform:scaleY(.8)}}@keyframes stretch{0%,to{transform:scaleX(1)}45%,90%{transform:scaleX(1.14)}}@keyframes fx-out{0%{opacity:0;transform:translate(0, 0) rotate(var(--r0)) scale(.4)}12%,65%{opacity:1}to{opacity:0;transform:translate(var(--dx), var(--dy)) rotate(var(--r1)) scale(1)}}@keyframes fx-float{0%{opacity:0;transform:translate(0)}15%,65%{opacity:1}to{opacity:0;transform:translate(var(--dx), var(--dy))}}@keyframes fx-in{0%{opacity:0;transform:translate(var(--dx), var(--dy)) scale(.7)}8%{opacity:1}45%{opacity:1;transform:translate(0)scale(1)}55%,to{opacity:0;transform:translate(0)scale(.6)}}@keyframes fx-dock{0%{opacity:0;transform:translate(var(--dx), var(--dy))}10%{opacity:1}35%,85%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(0)}}@keyframes fx-pop{0%{opacity:0;transform:rotate(var(--r)) scale(0)}15%,70%{opacity:1;transform:rotate(var(--r)) scale(1)}to{opacity:0;transform:rotate(var(--r)) scale(1)}}@keyframes fx-glow{0%,40%,to{opacity:0}15%{opacity:var(--peak)}}@keyframes fx-trace{0%{opacity:0;stroke-dashoffset:30px}2%{opacity:1}40%{opacity:1;stroke-dashoffset:-100px}41%,to{opacity:0;stroke-dashoffset:-100px}}@keyframes fx-draw{0%{opacity:0;stroke-dashoffset:100px}3%{opacity:1}45%,80%{opacity:1;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:0}}@keyframes fx-ripple{0%{opacity:.7;transform:scale(.3)}60%,to{opacity:0;transform:scale(1.4)}}@keyframes fx-hold{0%,to{opacity:0}12%,88%{opacity:1}}@keyframes fx-apart{0%{opacity:0;transform:translate(0)}12%{opacity:1;transform:translate(0)}50%,88%{opacity:1;transform:translate(var(--dx), var(--dy))}to{opacity:0;transform:translate(var(--dx), var(--dy))}}@keyframes fx-close{0%,45%{opacity:0;transform:scaleY(0)}50%{opacity:1;transform:scaleY(.1)}75%,88%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}@keyframes fx-slide{0%{opacity:1;transform:translateY(0)}to{opacity:1;transform:translateY(var(--dy))}}@keyframes fx-pass{0%{opacity:0;transform:translate(0)}10%,90%{opacity:1}to{opacity:0;transform:translate(var(--dx), var(--dy))}}@keyframes fx-shift{0%{opacity:var(--o0);transform:translate(0)}to{opacity:var(--o1);transform:translate(var(--dx), var(--dy))}}@keyframes march{to{stroke-dashoffset:10px}}@keyframes sheath{0%,12%,92%,to{transform:scaleY(1)}24%,78%{transform:scaleY(.55)}}@keyframes head-down{0%,12%,92%,to{transform:translateY(0)}24%,78%{transform:translateY(45px)}}@keyframes bud{0%,14%{opacity:1;transform:translate(0)scale(1)}28%{opacity:0;transform:translate(10px,-9px)scale(1)}29%{opacity:0;transform:translate(0)scale(.2)}34%{opacity:1;transform:translate(0)scale(.2)}92%,to{opacity:1;transform:translate(0)scale(1)}}@keyframes whip{0%{animation-timing-function:cubic-bezier(.39,.575,.565,1);transform:skew(0)}25%{animation-timing-function:cubic-bezier(.445,.05,.55,.95);transform:skew(-14deg)}75%{animation-timing-function:cubic-bezier(.47,0,.745,.715);transform:skew(14deg)}to{transform:skew(0)}}@keyframes empty{0%,to{transform:scale(1)}50%{transform:scale(.9)}}@keyframes bend-left{to{transform:translate(6px,3px)}}@keyframes bend-right{to{transform:translate(-6px,3px)}}@keyframes phosphate{0%,22%{opacity:1;transform:translate(0)}45%{opacity:1;transform:translate(14px,6px)}60%,85%{opacity:0;transform:translate(18px,8px)}86%{opacity:0;transform:translate(0)}to{opacity:1;transform:translate(0)}}@keyframes cilia{to{stroke-dashoffset:-2px}}@keyframes bend-front{0%{animation-timing-function:cubic-bezier(.39,.575,.565,1);transform:rotate(0)}25%{animation-timing-function:cubic-bezier(.445,.05,.55,.95);transform:rotate(5deg)}75%{animation-timing-function:cubic-bezier(.47,0,.745,.715);transform:rotate(-5deg)}to{transform:rotate(0)}}@keyframes bend-back{0%{animation-timing-function:cubic-bezier(.39,.575,.565,1);transform:rotate(0)}25%{animation-timing-function:cubic-bezier(.445,.05,.55,.95);transform:rotate(-5deg)}75%{animation-timing-function:cubic-bezier(.47,0,.745,.715);transform:rotate(5deg)}to{transform:rotate(0)}}@keyframes fibrils{0%,40%,to{transform:scaleY(1)}10%{transform:scaleY(.15)}}@keyframes sway-gently{0%{animation-timing-function:cubic-bezier(.39,.575,.565,1);transform:rotate(0)}25%{animation-timing-function:cubic-bezier(.445,.05,.55,.95);transform:rotate(-3deg)}75%{animation-timing-function:cubic-bezier(.47,0,.745,.715);transform:rotate(3deg)}to{transform:rotate(0)}}@keyframes reach{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes lift-off{0%,15%{opacity:1;transform:translateY(0)}55%{opacity:0;transform:translateY(-14px)}80%{opacity:0;transform:translateY(0)}to{opacity:1;transform:translateY(0)}}@keyframes open-up{0%,15%,85%,to{transform:translate(0)rotate(0)}40%,60%{transform:translate(5px,-9px)rotate(24deg)}}@keyframes oxygen-in{0%{opacity:0;transform:translate(var(--dx), var(--dy)) scale(.6)}6%{opacity:1}32%{opacity:1;transform:translate(0)scale(1)}40%,to{opacity:0;transform:translate(0)scale(.6)}}@keyframes oxygen-out{0%,52%{opacity:0;transform:translate(0)scale(.6)}58%{opacity:1;transform:translate(0)scale(1)}84%{opacity:1}92%,to{opacity:0;transform:translate(var(--dx), var(--dy)) scale(.6)}}@keyframes oxygenated{0%,22%,86%,to{opacity:0}40%,56%{opacity:.35}}@keyframes deoxygenated{0%,58%{opacity:0}80%{opacity:.3}to{opacity:0}}@keyframes germ{0%{opacity:0;transform:translate(var(--bx0), var(--by0)) scale(1)}6%{opacity:1}32%,46%{transform:translate(var(--bx1), var(--by1)) scale(1)}64%,72%{opacity:1;transform:translate(var(--bx2), var(--by2)) scale(1)}92%,to{opacity:0;transform:translate(var(--bx2), var(--by2)) scale(.3)}}@keyframes engulf{0%,30%{opacity:0;transform:translate(var(--ax0), var(--ay0))}32%{opacity:1;transform:translate(var(--ax0), var(--ay0))}44%{transform:translate(var(--ax1), var(--ay1))}52%{transform:translate(var(--ax2), var(--ay2))}64%{opacity:1;transform:translate(var(--ax3), var(--ay3))}70%,to{opacity:0;transform:translate(var(--ax3), var(--ay3))}}@keyframes pouch{0%,60%{opacity:0;transform:translate(var(--px0), var(--py0)) scale(.6)}68%,80%{opacity:.8;transform:translate(var(--px0), var(--py0)) scale(1)}96%,to{opacity:0;transform:translate(var(--px0), var(--py0)) scale(.7)}}
