.lab-jar{--paper:#fbf6ec}.lab-jar .glass{background:linear-gradient(100deg, #ffffff8c 0 6%, transparent 14% 78%, #ffffff40 86%, transparent 92%), color-mix(in srgb, var(--paper) 40%, transparent);border:1.5px solid color-mix(in srgb, var(--ink) 22%, transparent);border-radius:26px 26px 34px 34px/18px 18px 40px 40px;box-shadow:inset 0 -14px 24px -16px #2f202959,0 18px 30px -22px #2f202999}:root[data-theme=dark] .lab-jar .glass{background:linear-gradient(100deg,#ffffff2e 0 6%,#0000 14% 78%,#ffffff14 86%,#0000 92%),#ffffff0a}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .lab-jar .glass{background:linear-gradient(100deg,#ffffff2e 0 6%,#0000 14% 78%,#ffffff14 86%,#0000 92%),#ffffff0a}}.lab-jar .lid{background:linear-gradient(#a27d4a,#6f5232);box-shadow:inset 0 -3px #0003}.lab-jar .lid:after{content:"";background:#fff3;height:2px;position:absolute;inset:7px 0 auto}.lab-jar:not(.is-playing) .demo,.lab-jar:not(.is-playing) .demo *{animation-play-state:paused}.lab-jar .spin-line{stroke-dasharray:220;stroke-dashoffset:70px;animation:3.2s ease-in-out -2s infinite alternate jar-spin}@keyframes jar-spin{0%{stroke-dashoffset:220px}to{stroke-dashoffset:0}}.lab-jar .swing{transform-box:view-box;animation:2.6s ease-in-out infinite jar-swing}.lab-jar .swing-b{animation-delay:-.9s}.lab-jar .swing-c{animation-delay:-1.7s}@keyframes jar-swing{0%,to{rotate:-9deg}50%{rotate:9deg}}.lab-jar .roll{transform-box:fill-box;transform-origin:50%;animation:3s ease-in-out -1.5s infinite alternate jar-roll}@keyframes jar-roll{0%{translate:-34px;rotate:-200deg}to{translate:34px;rotate:160deg}}.lab-jar .pay{stroke-dasharray:120;stroke-dashoffset:75px;animation:3s ease-in-out -1.5s infinite alternate jar-pay}@keyframes jar-pay{0%{stroke-dashoffset:120px}to{stroke-dashoffset:30px}}.lab-jar .drawer{animation:2.8s ease-in-out infinite jar-drawer}.lab-jar .drawer-b{animation-delay:-1.4s}@keyframes jar-drawer{0%,30%,to{translate:0}55%,75%{translate:26px}}