.sx{padding-block:clamp(3rem,2rem + 6vw,8rem)}.sx__grid{gap:var(--s-7);align-items:center;display:grid}@media (min-width:56rem){.sx__grid{gap:var(--s-9);grid-template-columns:minmax(0,4fr) minmax(0,6fr)}}.sx__fig{padding:var(--s-6);border:1px solid var(--rule);border-radius:var(--r-3);background:linear-gradient(var(--grid) 1px, transparent 1px) 0 0 / 100% 24px, linear-gradient(90deg, var(--grid) 1px, transparent 1px) 0 0 / 24px 100%, var(--sheet);margin:0}.sx__jar,.sx__trace{width:min(260px,100%);height:auto;margin:0 auto;display:block}.sx__lid{fill:var(--ink)}.sx__glass{fill:color-mix(in srgb, var(--paper-2) 70%, transparent);stroke:var(--ink);stroke-width:2px}.sx__shine{fill:none;stroke:var(--sheet);stroke-width:5px;stroke-linecap:round;opacity:.8}.sx__label{fill:var(--sheet);stroke:var(--ink);stroke-width:1.5px}.sx__label-t{font-family:var(--f-mono);letter-spacing:2px;fill:var(--ink-3);font-size:10px}.sx__label-n{font-family:var(--f-display);fill:var(--wax);font-size:24px}.sx__jar{animation:sx-wobble 3.2s var(--ease-ink) infinite;transform-origin:50% 90%}@keyframes sx-wobble{0%,to{transform:rotate(0)}20%{transform:rotate(-2deg)}40%{transform:rotate(1.5deg)}55%{transform:rotate(0)}}.sx__line{fill:none;stroke:var(--ink);stroke-width:2px;stroke-linecap:round}.sx__line--broken{stroke:var(--wax-bright);stroke-dasharray:4 5}.sx__break{fill:var(--sheet);stroke:var(--wax);stroke-width:2px}.sx__axis{stroke:var(--rule-strong)}.sx__copy{gap:var(--s-5);justify-items:start;display:grid}.sx__digest{margin-top:var(--s-2);color:var(--ink-3);font-size:.75rem;display:block}