@property --fuel{syntax:"<number>";inherits:false;initial-value:0}@property --wave-x{syntax:"<length>";inherits:false;initial-value:0}.tanqo-fuel-gauge{--fuel:0;color:#0000;-webkit-text-stroke:1px #0d3d2ceb;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 20' preserveAspectRatio='none'%3E%3Cpath d='M0 10 Q10 2 20 10 T40 10 V20 H0Z' fill='%230d3d2c'/%3E%3C/svg%3E") left var(--wave-x) bottom calc(var(--fuel) * 1.62em - .52em) / 1em .5em repeat-x, linear-gradient(var(--gauge-ink,#0d3d2c), var(--gauge-ink,#0d3d2c)) left bottom / 100% max(0px, calc(var(--fuel) * 1.62em - .5em)) no-repeat;-webkit-background-clip:text;background-clip:text;margin-block:-.06em -.16em;padding-block:.06em .16em;transition:--fuel .28s cubic-bezier(.55,0,.9,.5);display:inline-block}.tanqo-fuel-gauge--full{--fuel:1}.tanqo-fuel-gauge--mint{--gauge-ink:#74d9b6;-webkit-text-stroke-color:#f8f8ffd9;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 20' preserveAspectRatio='none'%3E%3Cpath d='M0 10 Q10 2 20 10 T40 10 V20 H0Z' fill='%2374d9b6'/%3E%3C/svg%3E") left var(--wave-x) bottom calc(var(--fuel) * 1.62em - .52em) / 1em .5em repeat-x, linear-gradient(var(--gauge-ink), var(--gauge-ink)) left bottom / 100% max(0px, calc(var(--fuel) * 1.62em - .5em)) no-repeat;-webkit-background-clip:text;background-clip:text}.tanqo-fuel-gauge--pour{animation:tanqo-fuel-gauge-pour 1.4s var(--gauge-pour,cubic-bezier(.45, .05, .3, 1)) var(--gauge-delay,0s) both, tanqo-fuel-wave 1.4s linear var(--gauge-delay,0s) both}@keyframes tanqo-fuel-gauge-pour{0%{--fuel:0;animation-timing-function:cubic-bezier(.3,.75,.4,1)}50%{--fuel:1;animation-timing-function:cubic-bezier(.6,0,.7,.4)}64%{--fuel:.66;animation-timing-function:cubic-bezier(.3,.55,.4,1)}76%{--fuel:1.04;animation-timing-function:cubic-bezier(.55,0,.65,.45)}88%{--fuel:.76;animation-timing-function:cubic-bezier(.4,.4,.3,1)}to{--fuel:1}}@keyframes tanqo-fuel-wave{0%{--wave-x:0px}to{--wave-x:2.1em}}@media (prefers-reduced-motion:reduce){.tanqo-fuel-gauge{transition:none!important;animation:none!important}}