.science-operations-animation-container{width:100%;aspect-ratio:1 / 1;position:relative}.science-operations-animation-container svg{width:100%;height:100%;position:absolute;transition:all .9s ease;transform-box:fill-box;transform-origin:center center;will-change:transform;overflow:visible}:root{--layer1-start: -50px;--layer1-end: -20px;--layer2-start: 190px;--layer2-end: 160px}.layer-1{transform:translate(var(--layer1-start));animation:layer1Inward 1s ease-in-out forwards;animation-delay:1s}.layer-2{transform:translate(var(--layer2-start));animation:layer2Inward 1s ease-in-out forwards;animation-delay:1s}.layer-1-circle{animation:layer1Spin 10s linear infinite;animation-delay:.2s;transform-origin:center}.layer-2-circle{animation:layer2Spin 10s linear infinite;animation-delay:.2s;transform-origin:center}@keyframes layer1Inward{0%{transform:translate(var(--layer1-start))}to{transform:translate(var(--layer1-end))}}@keyframes layer2Inward{0%{transform:translate(var(--layer2-start))}to{transform:translate(var(--layer2-end))}}@keyframes layer1Spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes layer2Spin{0%{transform:rotate(0) scaleX(-1)}to{transform:rotate(-360deg) scaleX(-1)}}@media (max-width: 1024px){:root{--layer1-start: -120px;--layer1-end: -90px;--layer2-start: 120px;--layer2-end: 90px}.science-operations-animation-container{display:flex;justify-content:center;align-items:center}}@media (max-width: 768px){:root{--layer1-start: -110px;--layer1-end: -80px;--layer2-start: 110px;--layer2-end: 80px}}@media (max-width: 640px){:root{--layer1-start: -80px;--layer1-end: -60px;--layer2-start: 80px;--layer2-end: 60px}}.layer-1,.layer-2,.layer-3,.layer-1-circle,.layer-2-circle,.layer-3-circle{animation-play-state:paused}.animate-layers .layer-1,.animate-layers .layer-2,.animate-layers .layer-3,.animate-layers .layer-1-circle,.animate-layers .layer-2-circle,.animate-layers .layer-3-circle{animation-play-state:running}