.reaction-rate-tool[data-astro-cid-7gjkzme7] .input[data-astro-cid-7gjkzme7],.reaction-rate-tool[data-astro-cid-7gjkzme7] .select[data-astro-cid-7gjkzme7]{min-width:0;width:100%}.reaction-stage[data-astro-cid-7gjkzme7]{position:relative;min-height:410px;overflow:hidden;isolation:isolate;border-radius:1rem;border:1px solid rgba(125,211,252,.24);background:#071a2d;box-shadow:inset 0 0 56px #0e74902e,0 18px 44px #02081733}.reaction-stage[data-astro-cid-7gjkzme7]:after{position:absolute;z-index:8;inset:0;background:linear-gradient(180deg,#0208170a 55%,#02081770);content:"";pointer-events:none}.stage-backdrop[data-astro-cid-7gjkzme7]{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.thermal-field[data-astro-cid-7gjkzme7]{position:absolute;z-index:1;left:50%;top:48%;width:min(78%,410px);aspect-ratio:1;transform:translate(-50%,-50%) scale(.9);opacity:.08;transition:opacity .42s ease,filter .42s ease,transform .62s cubic-bezier(.22,1,.36,1)}.thermal-field[data-astro-cid-7gjkzme7] img[data-astro-cid-7gjkzme7]{width:100%;height:100%;object-fit:contain}.reaction-beaker-wrap[data-astro-cid-7gjkzme7]{position:absolute;z-index:3;left:50%;top:3%;width:min(68%,310px);height:94%;transform:translate(-50%);transform-origin:50% 86%}.reaction-beaker[data-astro-cid-7gjkzme7]{position:absolute;z-index:2;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 22px 18px rgba(2,8,23,.34))}.particle-field[data-astro-cid-7gjkzme7],.spark-layer[data-astro-cid-7gjkzme7],.bubble-column[data-astro-cid-7gjkzme7]{position:absolute;pointer-events:none}.particle-field[data-astro-cid-7gjkzme7]{z-index:4;inset:38% 17% 11%;overflow:hidden;border-radius:18% 18% 32% 32%}.bubble-column[data-astro-cid-7gjkzme7]{z-index:5;inset:30% 17% 10%;overflow:hidden;border-radius:18% 18% 32% 32%}.spark-layer[data-astro-cid-7gjkzme7]{z-index:7;inset:39% 18% 12%;overflow:hidden}.rate-particle{position:absolute;width:var(--particle-size, 22px);height:var(--particle-size, 22px);object-fit:contain;filter:drop-shadow(0 2px 4px rgba(2,8,23,.34));animation:molecular-orbit var(--duration, 4s) cubic-bezier(.45,.05,.55,.95) var(--delay, 0s) infinite;will-change:transform}.rate-particle.product{filter:saturate(1.08) drop-shadow(0 0 6px rgba(249,115,22,.36))}.rate-particle.gas{opacity:.92}.rate-bubble{position:absolute;bottom:-28px;width:var(--bubble-size, 18px);height:var(--bubble-size, 18px);object-fit:contain;animation:bubble-path var(--bubble-duration, 2.8s) cubic-bezier(.24,.05,.56,.92) var(--delay, 0s) infinite;will-change:transform,opacity}.rate-spark{position:absolute;width:var(--spark-size, 34px);height:var(--spark-size, 34px);object-fit:contain;animation:collision-bloom var(--spark-duration, 1.4s) cubic-bezier(.34,1.56,.64,1) var(--delay, 0s) infinite;will-change:transform,opacity}.solid-reactant[data-astro-cid-7gjkzme7]{position:absolute;z-index:6;left:50%;bottom:7%;width:var(--solid-width, 94px);height:80px;transform:translate(-50%) rotate(var(--solid-rotation, 0deg));transform-origin:50% 88%;object-fit:contain;filter:drop-shadow(0 12px 9px rgba(2,8,23,.36));transition:width .38s cubic-bezier(.22,1,.36,1),filter .32s ease}.catalyst-layer[data-astro-cid-7gjkzme7]{position:absolute;z-index:6;left:50%;bottom:8%;width:124px;height:72px;transform:translate(-50%) scale(.74);transform-origin:50% 100%;object-fit:contain;opacity:0;filter:drop-shadow(0 0 18px rgba(251,146,60,.22));transition:opacity .36s ease,transform .52s cubic-bezier(.22,1,.36,1)}.reaction-stage[data-astro-cid-7gjkzme7][data-catalyst=on] .catalyst-layer[data-astro-cid-7gjkzme7]{transform:translate(-50%) scale(1);opacity:1}.reaction-stage[data-astro-cid-7gjkzme7][data-catalyst=on] .solid-reactant[data-astro-cid-7gjkzme7]{transform:translate(-72%) rotate(var(--solid-rotation, 0deg)) scale(.84)}.stage-status-light[data-astro-cid-7gjkzme7]{position:absolute;z-index:9;right:16px;top:16px;width:42px;height:42px;background:url(/images/simulators/reaction-rate-simulator/canvas/effect-collision.webp) center / contain no-repeat;opacity:.18;transition:opacity .28s ease,transform .42s cubic-bezier(.22,1,.36,1)}.reaction-stage[data-astro-cid-7gjkzme7].is-running .stage-status-light[data-astro-cid-7gjkzme7]{transform:scale(1.18);opacity:.92}.reaction-stage[data-astro-cid-7gjkzme7].is-running .reaction-beaker[data-astro-cid-7gjkzme7]{filter:drop-shadow(0 22px 18px rgba(2,8,23,.34)) drop-shadow(0 0 14px rgba(34,211,238,.2))}.rate-chart[data-astro-cid-7gjkzme7]{display:block;width:100%;height:clamp(260px,38vw,360px);border-radius:.75rem}@keyframes molecular-orbit{0%{transform:translateZ(0) rotate(var(--r0, 0deg)) scale(.88)}28%{transform:translate3d(var(--x1, 12px),var(--y1, -9px),0) rotate(var(--r1, 72deg)) scale(1)}63%{transform:translate3d(var(--x2, -8px),var(--y2, 14px),0) rotate(var(--r2, 188deg)) scale(.94)}to{transform:translate3d(var(--x3, 7px),var(--y3, -4px),0) rotate(var(--r3, 360deg)) scale(.88)}}@keyframes bubble-path{0%{opacity:0;transform:translateZ(0) scale(.52)}14%{opacity:.88}52%{transform:translate3d(var(--bubble-x1, 8px),-78px,0) scale(.88);opacity:.95}to{opacity:0;transform:translate3d(var(--bubble-x2, -5px),-176px,0) scale(1.18)}}@keyframes collision-bloom{0%,64%,to{opacity:0;transform:scale(.22) rotate(-12deg)}74%{opacity:1;transform:scale(1) rotate(8deg)}90%{opacity:0;transform:scale(1.42) rotate(22deg)}}@media(max-width:640px){.reaction-stage[data-astro-cid-7gjkzme7]{min-height:360px}.reaction-beaker-wrap[data-astro-cid-7gjkzme7]{width:min(76%,270px)}}@media(prefers-reduced-motion:reduce){.rate-particle,.rate-bubble,.rate-spark{animation:none!important}.thermal-field[data-astro-cid-7gjkzme7],.solid-reactant[data-astro-cid-7gjkzme7],.catalyst-layer[data-astro-cid-7gjkzme7],.stage-status-light[data-astro-cid-7gjkzme7]{transition-duration:.01ms!important}}
