.tanqo-fuel-gauge,.tanqo-fuel-fill{--fuel:0;--fuel-duration:1.4s;--fuel-lag:70ms;position:relative}.tanqo-fuel-gauge{--fuel-settled:var(--gauge-ink,var(--color-tanqo-dark));--fuel-start:.24;--surface-lift:0em;isolation:isolate;color:#0000;-webkit-text-stroke:1px color-mix(in srgb, var(--color-tanqo-dark) 92%, transparent);margin-block:-.06em -.16em;padding-block:.06em .16em;display:inline-block}.tanqo-fuel-gauge--mint{--gauge-ink:var(--color-tanqo-mint);-webkit-text-stroke-color:color-mix(in srgb, var(--color-tanqo-surface) 85%, transparent)}.tanqo-fuel-fill{--fuel-settled:#fff;--fuel-settled-box:var(--fuel-ink);isolation:isolate;color:var(--fuel-ink);overflow:hidden}.tanqo-fuel-gauge--full,.tanqo-fuel-fill--full{--fuel:1;background-color:var(--fuel-settled-box,transparent);color:var(--fuel-settled)}.tanqo-fuel-tank{color:var(--gauge-ink,var(--color-tanqo-dark));-webkit-text-stroke:0;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:-.24em -.2em -.14em;overflow:hidden}.tanqo-fuel-gauge .tanqo-fuel-tank,.tanqo-fuel-fill--behind .tanqo-fuel-tank{z-index:-1}.tanqo-fuel-fill .tanqo-fuel-tank{color:#fff;inset:0}.tanqo-fuel-gauge--full .tanqo-fuel-tank,.tanqo-fuel-fill--full .tanqo-fuel-tank{visibility:hidden}.tanqo-fuel-surface{--surface-travel:calc(50% + var(--surface-lift,.3em));--surface-sway:1;--surface-drift:2.8em;--surface-delay:var(--gauge-delay,0s);--surface-wave:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 24' preserveAspectRatio='none'%3E%3Cpath d='M0 15.2Q8.6 15.7 12.9 16.1Q17.1 16.5 21.4 16.3Q25.7 16.2 30 15.1Q34.3 14 38.6 12.5Q42.9 11.1 47.1 10.5Q51.4 9.9 55.7 10.4Q60 10.9 64.3 11.7Q68.6 12.5 72.9 12.3Q77.1 12.1 81.4 10.6Q85.7 9.1 90 7.6Q94.3 6 98.6 5.7Q102.9 5.5 107.1 7Q111.4 8.5 115.7 10.6Q120 12.8 124.3 14.5Q128.6 16.1 132.9 16.8Q137.1 17.5 141.4 17.8Q145.7 18.1 150 18.3Q154.3 18.5 158.6 18.2Q162.9 17.8 167.1 16.2Q171.4 14.6 175.7 11.8Q180 9 184.3 6.4Q188.6 3.7 192.9 2.8Q197.1 1.9 201.4 3.3Q205.7 4.6 210 7.1Q214.3 9.6 218.6 11.6Q222.9 13.5 227.1 14.3Q231.4 15 235.7 15.1T240 15.2V24H0Z'/%3E%3C/svg%3E");transform-origin:50% 0;height:200%;translate:0 calc((1 - var(--fuel)) * var(--surface-travel) - var(--surface-lift,.3em));-webkit-mask:var(--surface-wave) var(--surface-phase,0) 0 / var(--surface-tile,2.7em) .44em repeat-x, linear-gradient(#000, #000) 0 100% / 100% calc(100% - .43em) no-repeat;-webkit-mask:var(--surface-wave) var(--surface-phase,0) 0 / var(--surface-tile,2.7em) .44em repeat-x, linear-gradient(#000, #000) 0 100% / 100% calc(100% - .43em) no-repeat;mask:var(--surface-wave) var(--surface-phase,0) 0 / var(--surface-tile,2.7em) .44em repeat-x, linear-gradient(#000, #000) 0 100% / 100% calc(100% - .43em) no-repeat;transition:translate .28s cubic-bezier(.55,0,.9,.5);position:absolute;top:0;left:-5em;right:-5em}.tanqo-fuel-surface--back{--surface-sway:-.7;--surface-drift:-2.1em;--surface-phase:.9em;--surface-tile:1.9em;--surface-delay:calc(var(--gauge-delay,0s) + var(--fuel-lag));opacity:.5}.tanqo-fuel-label{--surface-travel:calc(100% + var(--surface-lift,.3em));box-sizing:border-box;transform-origin:50% 0;height:50%;transform:translateY(calc(var(--surface-lift,.3em) - (1 - var(--fuel)) * var(--surface-travel)));padding:.3em .2em;transition:transform .28s cubic-bezier(.55,0,.9,.5);position:absolute;top:0;left:5em;right:5em}.tanqo-fuel-label:before,.tanqo-fuel-rest:before{content:attr(data-label)}.tanqo-fuel-fill .tanqo-fuel-surface{--surface-tile:7em;--surface-tilt:.6;background:var(--fuel-ink)}.tanqo-fuel-fill .tanqo-fuel-surface--back{--surface-tile:5.3em}.tanqo-fuel-fill .tanqo-fuel-label{justify-content:center;align-items:center;padding:0;display:flex}.tanqo-fuel-fill .tanqo-fuel-surface--back .tanqo-fuel-label{display:none}.tanqo-fuel-gauge--pour{color:#0000}.tanqo-fuel-fill--pour{color:var(--fuel-ink);background-color:#0000}.tanqo-fuel-rest{box-sizing:border-box;visibility:hidden;padding:.3em .2em;position:absolute;inset:0}.tanqo-fuel-fill .tanqo-fuel-rest{background:var(--fuel-ink);justify-content:center;align-items:center;padding:0;display:flex}.tanqo-fuel-gauge--pour .tanqo-fuel-rest,.tanqo-fuel-fill--pour .tanqo-fuel-rest{animation:tanqo-fuel-gauge-settle 1ms linear calc(var(--gauge-delay,0s) + var(--fuel-duration) + var(--fuel-lag)) forwards}.tanqo-fuel-gauge--pour .tanqo-fuel-tank,.tanqo-fuel-fill--pour .tanqo-fuel-tank{visibility:visible;animation:tanqo-fuel-gauge-tank-empty 1ms linear calc(var(--gauge-delay,0s) + var(--fuel-duration) + var(--fuel-lag)) forwards}.tanqo-fuel-gauge--pour .tanqo-fuel-surface,.tanqo-fuel-fill--pour .tanqo-fuel-surface,.tanqo-fuel-gauge--pour .tanqo-fuel-label,.tanqo-fuel-fill--pour .tanqo-fuel-label{transition:none}.tanqo-fuel-gauge--pour .tanqo-fuel-surface,.tanqo-fuel-fill--pour .tanqo-fuel-surface{animation:tanqo-fuel-gauge-rise var(--fuel-duration) linear var(--surface-delay) backwards, tanqo-fuel-gauge-slosh var(--fuel-duration) linear var(--surface-delay) backwards}.tanqo-fuel-gauge--pour .tanqo-fuel-label,.tanqo-fuel-fill--pour .tanqo-fuel-label{--tilt-inverse:-1;animation:tanqo-fuel-gauge-rise-inverse var(--fuel-duration) linear var(--surface-delay) backwards, tanqo-fuel-gauge-slosh var(--fuel-duration) linear var(--surface-delay) backwards}@keyframes tanqo-fuel-gauge-rise{0%{translate:0 calc((1 - var(--fuel-start,0)) * var(--surface-travel) - var(--surface-lift,.3em));transform:translateX(calc(-1 * var(--surface-drift)))}}@keyframes tanqo-fuel-gauge-rise-inverse{0%{translate:var(--surface-drift) 0;transform:translateY(calc(var(--surface-lift,.3em) - (1 - var(--fuel-start,0)) * var(--surface-travel)))}}@keyframes tanqo-fuel-gauge-slosh{0%{animation-timing-function:ease-out;rotate:0deg}16%{rotate:calc(var(--tilt-inverse,1) * var(--surface-sway) * var(--surface-tilt,1) * 12deg);animation-timing-function:ease-in-out}36%{rotate:calc(var(--tilt-inverse,1) * var(--surface-sway) * var(--surface-tilt,1) * -10deg);animation-timing-function:ease-in-out}56%{rotate:calc(var(--tilt-inverse,1) * var(--surface-sway) * var(--surface-tilt,1) * 8deg);animation-timing-function:ease-in-out}74%{rotate:calc(var(--tilt-inverse,1) * var(--surface-sway) * var(--surface-tilt,1) * -5deg);animation-timing-function:ease-in-out}89%{rotate:calc(var(--tilt-inverse,1) * var(--surface-sway) * var(--surface-tilt,1) * 2deg);animation-timing-function:ease-in-out}to{rotate:0deg}}@keyframes tanqo-fuel-gauge-settle{0%,to{visibility:visible}}@keyframes tanqo-fuel-gauge-tank-empty{0%,to{visibility:hidden}}@media (prefers-reduced-motion:reduce){.tanqo-fuel-tank,.tanqo-fuel-surface,.tanqo-fuel-label,.tanqo-fuel-rest{transition:none!important;animation:none!important}.tanqo-fuel-gauge--pour,.tanqo-fuel-fill--pour{background-color:var(--fuel-settled-box,transparent);color:var(--fuel-settled)}.tanqo-fuel-gauge--pour .tanqo-fuel-tank,.tanqo-fuel-fill--pour .tanqo-fuel-tank{visibility:hidden}}