.jar.svelte-isv8rp{width:var(--jar-width);color:color-mix(in srgb, var(--text) 85%, transparent);flex-direction:column;flex:none;align-items:center;display:inline-flex}.lid.svelte-isv8rp{width:72%;height:calc(var(--jar-width) * .12);margin-bottom:calc(var(--jar-width) * .03);border-radius:calc(var(--jar-width) * .05);background:currentColor}.glass.svelte-isv8rp{width:100%;height:calc(var(--jar-width) * 1.22);border:calc(var(--jar-width) * .045) solid currentColor;border-radius:calc(var(--jar-width) * .2) calc(var(--jar-width) * .2) calc(var(--jar-width) * .28) calc(var(--jar-width) * .28);position:relative;overflow:hidden}.glass.svelte-isv8rp:after{content:"";background:var(--surface);opacity:.55;border-radius:999px;width:9%;height:42%;position:absolute;top:12%;left:12%}.fill.svelte-isv8rp{height:calc(var(--level) * 100%);background:var(--fun);transition:height .9s var(--ease-out);animation:svelte-isv8rp-fill 1.2s .1s var(--ease-out) backwards;position:absolute;inset:auto 0 0}.fill.svelte-isv8rp:before{content:"";height:calc(var(--jar-width) * .09);background:inherit;animation:svelte-isv8rp-settle 1.6s .1s var(--ease-out) backwards;position:absolute;bottom:calc(100% - 1px);left:-2rem;right:0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 6' preserveAspectRatio='none'%3E%3Cpath d='M0 3 Q8 0 16 3 T32 3 V6 H0Z'/%3E%3C/svg%3E") 0 0/2rem 100% repeat-x;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 6' preserveAspectRatio='none'%3E%3Cpath d='M0 3 Q8 0 16 3 T32 3 V6 H0Z'/%3E%3C/svg%3E") 0 0/2rem 100% repeat-x}.empty.svelte-isv8rp .fill:where(.svelte-isv8rp):before{display:none}.still.svelte-isv8rp .fill:where(.svelte-isv8rp),.still.svelte-isv8rp .fill:where(.svelte-isv8rp):before{animation:none}.projected.svelte-isv8rp .fill:where(.svelte-isv8rp){opacity:.4}@keyframes svelte-isv8rp-fill{0%{height:0}}@keyframes svelte-isv8rp-settle{0%{translate:2rem}}