@layer components{._root_c4erq_1{flex-direction:column;width:100%;height:330px;max-height:340px;padding:.75rem;display:flex;overflow:hidden;container-type:inline-size}._interactionHint_c4erq_12{color:var(--text-secondary);text-align:center;margin-bottom:.25rem;padding-inline:2rem;font-size:.75rem;line-height:1rem}._layout_c4erq_21{flex:1;grid-template-columns:minmax(0,15fr) minmax(0,85fr);justify-content:center;align-items:start;gap:.75rem;width:100%;min-height:0;display:grid}._apparatus_c4erq_32{text-align:center;grid-template-rows:auto minmax(0,1fr);place-items:start center;gap:.5rem;min-width:0;height:100%;display:grid}._apparatusTitle_c4erq_43{flex:none}._apparatusDiagram_c4erq_47{aspect-ratio:227/218;place-self:center;width:100%;max-width:120px;min-height:0;position:relative}._apparatusSvg_c4erq_57{width:100%;height:100%}._stopcockButton_c4erq_62{cursor:pointer;background:0 0;border-radius:9999px;width:64px;height:40px;position:absolute;top:42.7%;left:51.1%;transform:translate(-50%,-50%)}._stopcockButton_c4erq_62:focus-visible{outline:2px solid var(--text-primary);outline-offset:2px}._stopcockButton_c4erq_62:disabled{cursor:not-allowed}._plotRegion_c4erq_83{grid-template-rows:auto minmax(0,1fr);justify-self:center;place-items:center;gap:.5rem;width:100%;min-width:0;max-width:none;height:100%;display:grid}._plotTitle_c4erq_96{text-align:center}._plotCanvas_c4erq_100{align-self:center;width:100%;min-width:0;max-width:none;height:264px;min-height:0}._liquid_c4erq_109{transition:fill .18s ease-out,height .18s ease-out,y .18s ease-out}._drop_c4erq_116{opacity:0;transform-box:fill-box;transform-origin:50%;transform:translateY(0)}._dropActive_c4erq_123{animation:.56s cubic-bezier(.35,0,.3,1) both _drop-fall_c4erq_1}@keyframes _drop-fall_c4erq_1{0%{opacity:0;transform:translateY(0)}12%{opacity:1}82%{opacity:1}to{opacity:0;transform:translateY(54px)}}@media (prefers-reduced-motion:reduce){._liquid_c4erq_109{transition:none}._dropActive_c4erq_123{opacity:0;animation:none}}@container (width<=430px){._root_c4erq_1{height:300px;padding:1rem}._interactionHint_c4erq_12{margin-bottom:.75rem;padding-inline:0}._layout_c4erq_21{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,35fr) minmax(0,65fr);gap:.5rem}._apparatus_c4erq_32{gap:.25rem;width:100%;height:100%}._plotRegion_c4erq_83{width:100%;min-width:0}._plotCanvas_c4erq_100{aspect-ratio:3/2;height:auto}}@container (width<=330px){._layout_c4erq_21{gap:.375rem}}@container (width<=260px){._interactionHint_c4erq_12{display:none}._apparatusTitle_c4erq_43,._plotTitle_c4erq_96{transform:none}._layout_c4erq_21{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:minmax(0,1fr)}._apparatusDiagram_c4erq_47,._plotCanvas_c4erq_100{width:auto;max-height:120px}}}