.tanqo-fuel-picker__overlay,.tanqo-fuel-picker{--picker-mint:#6fe3b4;--picker-mint-edge:#3fbf8f;--picker-ink:#0d3d2c;--picker-ink-deep:#040806;--picker-jade:#1f6f5f;--picker-muted:#5f6b7e;--picker-hairline:#e5e7eb;--picker-paper:#f8f8ff;--picker-ease:cubic-bezier(.16, 1, .3, 1);--picker-spring:cubic-bezier(.34, 1.45, .64, 1);--picker-pour:cubic-bezier(.45, .05, .3, 1)}.tanqo-fuel-picker__overlay{z-index:60;background:#0d3d2c73;animation:.32s ease-out both tanqo-fuel-picker-fade;position:fixed;inset:0}.tanqo-fuel-picker__overlay[data-state=closed]{animation:.32s ease-in both tanqo-fuel-picker-fade-out}.tanqo-fuel-picker{z-index:61;overscroll-behavior:contain;-webkit-backdrop-filter:blur(20px)saturate(140%);color:var(--picker-ink);animation:tanqo-fuel-picker-sheet-in .52s var(--picker-ease) both;background:radial-gradient(#0d3d2c12 1px,#0000 1px) 0 0/18px 18px,#1c1c23b8;flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.tanqo-fuel-picker[data-state=closed]{animation:.32s cubic-bezier(.4,0,1,1) both tanqo-fuel-picker-sheet-out}.tanqo-fuel-picker[data-saving]{pointer-events:none}.tanqo-fuel-picker:focus{outline:none}.tanqo-fuel-picker__glow{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.tanqo-fuel-picker__glow:before,.tanqo-fuel-picker__glow:after{content:"";will-change:transform;border-radius:50%;width:40rem;height:40rem;position:absolute}.tanqo-fuel-picker__glow:before{background:radial-gradient(closest-side,#6fe3b461,#0000);animation:22s ease-in-out infinite alternate tanqo-fuel-glow-a;top:-18rem;left:-14rem}.tanqo-fuel-picker__glow:after{background:radial-gradient(closest-side,#1f6f5f2e,#0000);animation:26s ease-in-out infinite alternate tanqo-fuel-glow-b;bottom:-20rem;right:-14rem}.tanqo-fuel-picker__close{top:calc(env(safe-area-inset-top) + .875rem);right:calc(env(safe-area-inset-right) + .875rem);z-index:2;border:1px solid var(--picker-hairline);width:2.75rem;height:2.75rem;color:var(--picker-ink);cursor:pointer;transition:border-color .18s ease, background-color .18s ease, transform .24s var(--picker-spring);touch-action:manipulation;background:#ffffffe6;border-radius:999px;place-items:center;display:grid;position:fixed}.tanqo-fuel-picker__close:hover{background:#fff;border-color:#0d3d2c59;transform:rotate(90deg)}.tanqo-fuel-picker__close:focus-visible,.tanqo-fuel-picker__secondary:focus-visible{outline:2px solid var(--picker-jade);outline-offset:2px}.tanqo-fuel-picker__body{z-index:1;width:100%;max-width:56rem;padding:calc(env(safe-area-inset-top) + 4.5rem) 1.25rem 1.5rem;flex-direction:column;flex:1;justify-content:center;margin:0 auto;display:flex;position:relative}.tanqo-fuel-picker__title{max-width:12ch;font-family:var(--font-lora), Georgia, serif;letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(2.5rem,6.5vw,4.5rem);font-weight:700;line-height:.92}.tanqo-fuel-picker__title-lead,.tanqo-fuel-picker__title-accent{display:block}.tanqo-fuel-picker__title-lead{color:#0000;-webkit-text-stroke:1px #f8f8ffeb}.tanqo-fuel-picker__title-accent{color:var(--picker-mint)}.tanqo-fuel-picker__subtitle{max-width:46ch;color:var(--picker-hairline);font-family:var(--font-inter), system-ui, sans-serif;margin:1.25rem 0 0;font-size:1rem;line-height:1.55}.tanqo-fuel-picker__options{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;gap:.75rem;margin:2rem -1.25rem 0;padding:.5rem 1.25rem 1.75rem;scroll-padding-inline:1.25rem;display:flex;overflow-x:auto}.tanqo-fuel-picker__options::-webkit-scrollbar{display:none}.tanqo-fuel-card{border:1px solid var(--picker-hairline);text-align:left;cursor:pointer;scroll-snap-align:start;min-width:8.5rem;min-height:9.5rem;transition:border-color .18s ease, background .18s ease, box-shadow .24s ease, opacity .24s ease, filter .24s ease, transform .22s var(--picker-ease);touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#fff;border-radius:1rem;flex-direction:column;flex:0 0 42%;justify-content:space-between;align-items:flex-start;gap:1.25rem;padding:1rem 1rem .9rem;display:flex;position:relative;box-shadow:0 1px 2px #0d3d2c0f}.tanqo-fuel-card:after{content:"";border-radius:inherit;box-shadow:0 0 0 2px var(--picker-mint);opacity:0;pointer-events:none;position:absolute;inset:-1px}.tanqo-fuel-card:before{content:"";border-radius:inherit;background:radial-gradient(circle at var(--mx,50%) var(--my,50%), #6fe3b438, transparent 60%);opacity:0;pointer-events:none;transition:opacity .24s;position:absolute;inset:0}.tanqo-fuel-card:active{transform:scale(.97)}.tanqo-fuel-card:focus-visible{outline:2px solid var(--picker-jade);outline-offset:3px}@media (hover:hover){.tanqo-fuel-card:hover{border-color:#0d3d2c59}.tanqo-fuel-card:not([aria-checked=true]):hover .tanqo-fuel-card__code{--fuel:.22}}@media (hover:hover) and (pointer:fine){.tanqo-fuel-picker[data-entered] .tanqo-fuel-card:hover{box-shadow:0 18px 36px -18px #0d3d2c59}.tanqo-fuel-picker[data-entered] .tanqo-fuel-card:hover:active{transform:perspective(700px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) scale(.97)}.tanqo-fuel-card:hover:before{opacity:1}}.tanqo-fuel-card__code{--gauge-ink:var(--picker-ink);--gauge-pour:var(--picker-pour);font-family:var(--font-lora), Georgia, serif;letter-spacing:-.03em;font-variant-numeric:lining-nums tabular-nums;font-size:clamp(2.5rem,4.5vw,3.25rem);font-weight:700;line-height:.9}.tanqo-fuel-card__name{color:var(--picker-muted);font-family:var(--font-inter), system-ui, sans-serif;align-items:center;gap:.375rem;font-size:.875rem;font-weight:600;line-height:1.3;transition:color .18s;display:inline-flex}.tanqo-fuel-card__dot{background:var(--fuel-color,var(--picker-muted));border-radius:999px;flex-shrink:0;width:.5rem;height:.5rem}.tanqo-fuel-card__check{background:var(--picker-mint);width:1.5rem;height:1.5rem;color:var(--picker-ink-deep);opacity:0;border-radius:999px;place-items:center;display:grid;position:absolute;top:.75rem;right:.75rem;transform:scale(.6)}.tanqo-fuel-card__tick,.tanqo-fuel-picker__cta-tick{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px}.tanqo-fuel-card__tick{stroke-width:3.5px;width:.875rem;height:.875rem}.tanqo-fuel-card[aria-checked=true]{border-color:var(--picker-mint);box-shadow:0 0 0 1px var(--picker-mint), 0 14px 25px -14px #3fbf8fcc;background:linear-gradient(160deg,#6fe3b452,#6fe3b41a),#fff;overflow:visible}.tanqo-fuel-card[aria-checked=true]:after{animation:tanqo-fuel-ring .72s ease-out var(--pop-delay,0s) both}.tanqo-fuel-card[aria-checked=true] .tanqo-fuel-card__code{--fuel:1;animation:tanqo-fuel-gauge-pour 1.4s var(--picker-pour) both, tanqo-fuel-wave 1.4s linear both}.tanqo-fuel-card[aria-checked=true] .tanqo-fuel-card__name{color:var(--picker-ink)}.tanqo-fuel-card[aria-checked=true] .tanqo-fuel-card__check{animation:tanqo-success-pop .42s var(--picker-ease) var(--pop-delay,0s) both}.tanqo-fuel-card[aria-checked=true] .tanqo-fuel-card__tick{animation:tanqo-fuel-tick .32s ease-out calc(var(--pop-delay,0s) + .14s) both}.tanqo-fuel-picker__footer{--picker-gutter:1.25rem;z-index:1;width:100%;padding:1rem max(var(--picker-gutter), calc((100% - 56rem) / 2 + var(--picker-gutter))) calc(env(safe-area-inset-bottom) + 1.25rem);background:linear-gradient(to top, var(--picker-ink-deep) 5%, #f8f8ff00);position:sticky;bottom:0}.tanqo-fuel-picker__cta{border:1px solid var(--picker-mint-edge);background:var(--picker-mint);width:100%;min-height:3rem;color:var(--picker-ink-deep);font-family:var(--font-inter), system-ui, sans-serif;cursor:pointer;touch-action:manipulation;border-radius:.75rem;padding:0 2rem;font-size:.95rem;font-weight:800;transition:transform .18s,box-shadow .18s,background-color .24s,color .24s,border-color .24s;position:relative;overflow:hidden;box-shadow:0 10px 28px -10px #3fbf8fbf}.tanqo-fuel-picker__cta:hover{transform:translateY(-1px);box-shadow:0 14px 34px -10px #3fbf8fe6}.tanqo-fuel-picker__cta:active{transform:scale(.98)}.tanqo-fuel-picker__cta:focus-visible{outline:2px solid var(--picker-ink);outline-offset:3px}.tanqo-fuel-picker__cta-label{transition:opacity .16s ease, transform .26s var(--picker-ease);display:inline-block}.tanqo-fuel-picker__cta-done{opacity:0;transition:opacity .2s ease, transform .32s var(--picker-spring);place-items:center;display:grid;position:absolute;inset:0;transform:translateY(60%)scale(.8)}.tanqo-fuel-picker__cta-tick{stroke-width:3px;width:1.375rem;height:1.375rem}.tanqo-fuel-picker[data-saving] .tanqo-fuel-picker__cta{border-color:var(--picker-ink);background:var(--picker-ink);color:var(--picker-mint);transform:none}.tanqo-fuel-picker[data-saving] .tanqo-fuel-picker__cta-label{opacity:0;transform:translateY(-120%)}.tanqo-fuel-picker[data-saving] .tanqo-fuel-picker__cta-done{opacity:1;transform:none}.tanqo-fuel-picker[data-saving] .tanqo-fuel-picker__cta-tick{animation:.3s ease-out .12s both tanqo-fuel-tick}.tanqo-fuel-picker[data-saving][data-entered] .tanqo-fuel-card:not([aria-checked=true]){opacity:.35;filter:saturate(.4);transform:scale(.94)}.tanqo-fuel-picker[data-saving][data-entered] .tanqo-fuel-card[aria-checked=true]{transform:translateY(-6px)scale(1.04)}.tanqo-fuel-picker__confirm{border:1px solid var(--picker-hairline);animation:tanqo-fuel-confirm-in .42s var(--picker-ease) both;background:#fff;border-radius:1rem;flex-direction:column;gap:.875rem;padding:1rem;display:flex;box-shadow:0 8px 24px -12px #0d3d2c40}.tanqo-fuel-picker__confirm-message{color:var(--picker-ink);font-family:var(--font-inter), system-ui, sans-serif;margin:0;font-size:.9375rem;line-height:1.5}.tanqo-fuel-picker__confirm-actions{flex-direction:column-reverse;gap:.5rem;display:flex}.tanqo-fuel-picker__secondary{border:1px solid var(--picker-hairline);min-height:3rem;color:var(--picker-ink);font-family:var(--font-inter), system-ui, sans-serif;cursor:pointer;touch-action:manipulation;background:#fff;border-radius:.75rem;padding:0 1.25rem;font-size:.95rem;font-weight:600;transition:border-color .18s}.tanqo-fuel-picker__secondary:hover{border-color:#0d3d2c59}.tanqo-fuel-picker:not([data-entered]) .tanqo-fuel-picker__title-lead{animation:.9s cubic-bezier(.65,0,.35,1) 80ms both tanqo-fuel-title-draw;-webkit-mask-image:linear-gradient(90deg,#000 45%,#0000 55%);mask-image:linear-gradient(90deg,#000 45%,#0000 55%);-webkit-mask-size:250% 100%;mask-size:250% 100%}.tanqo-fuel-picker:not([data-entered]) .tanqo-fuel-picker__title-accent{animation:tanqo-fuel-rise .62s var(--picker-ease) .3s both}.tanqo-fuel-picker:not([data-entered]) .tanqo-fuel-picker__subtitle{animation:tanqo-fuel-rise .62s var(--picker-ease) .42s both}.tanqo-fuel-picker:not([data-entered]) .tanqo-fuel-card{animation:tanqo-fuel-card-in .56s var(--picker-ease) calc(.22s + var(--i,0) * 60ms) both}.tanqo-fuel-picker:not([data-entered]) .tanqo-fuel-picker__footer>*{animation:tanqo-fuel-rise .52s var(--picker-ease) calc(.3s + var(--count,0) * 60ms) both}.tanqo-fuel-picker:not([data-entered]):not([data-touched]) .tanqo-fuel-card{--pop-delay:calc(.22s + var(--i,0) * 60ms + .32s)}.tanqo-fuel-picker:not([data-entered]):not([data-touched]) .tanqo-fuel-card[aria-checked=true] .tanqo-fuel-card__code{animation:tanqo-fuel-gauge-pour 1.4s var(--picker-pour) calc(var(--pop-delay) - .12s) both, tanqo-fuel-wave 1.4s linear calc(var(--pop-delay) - .12s) both}@media (max-width:639px){.tanqo-fuel-picker[data-mode=onboarding][data-entered]:not([data-touched]) .tanqo-fuel-picker__options{animation:.9s ease-in-out .15s both tanqo-fuel-swipe-hint}}@media (min-width:640px){.tanqo-fuel-picker__body{padding-inline:2rem}.tanqo-fuel-picker__options{grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));margin-inline:0;padding-inline:0;display:grid;overflow:visible}.tanqo-fuel-card{min-width:0}.tanqo-fuel-picker__footer{--picker-gutter:2rem;justify-content:flex-end;display:flex}.tanqo-fuel-picker__cta{width:auto;min-width:12rem}.tanqo-fuel-picker__confirm{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.tanqo-fuel-picker__confirm-actions{flex-direction:row;flex-shrink:0}}@supports not (-webkit-text-stroke:1px black){.tanqo-fuel-picker__title-lead,.tanqo-fuel-card__code{color:var(--picker-ink)}}@media (prefers-reduced-motion:reduce){.tanqo-fuel-picker__overlay,.tanqo-fuel-picker,.tanqo-fuel-picker *,.tanqo-fuel-picker :before,.tanqo-fuel-picker :after{transition:none!important;animation:none!important}.tanqo-fuel-picker__options{scroll-behavior:auto}.tanqo-fuel-card:hover,.tanqo-fuel-card:active,.tanqo-fuel-picker__close:hover,.tanqo-fuel-picker__cta:hover,.tanqo-fuel-picker__cta:active{transform:none!important}.tanqo-fuel-card[aria-checked=true] .tanqo-fuel-card__check{opacity:1;transform:none}.tanqo-fuel-card[aria-checked=true] .tanqo-fuel-card__tick{stroke-dashoffset:0}}@keyframes tanqo-fuel-picker-fade{0%{opacity:0}}@keyframes tanqo-fuel-picker-fade-out{to{opacity:0}}@keyframes tanqo-fuel-picker-sheet-in{0%{opacity:0;-webkit-backdrop-filter:blur()saturate()}}@keyframes tanqo-fuel-picker-sheet-out{to{opacity:0;-webkit-backdrop-filter:blur()saturate();transform:translateY(24px)}}@keyframes tanqo-fuel-glow-a{to{transform:translate(18vw,14vh)scale(1.15)}}@keyframes tanqo-fuel-glow-b{to{transform:translate(-16vw,-18vh)scale(.9)}}@keyframes tanqo-fuel-title-draw{0%{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:0 0;mask-position:0 0}}@keyframes tanqo-fuel-rise{0%{opacity:0;filter:blur(6px);transform:translateY(14px)}}@keyframes tanqo-fuel-card-in{0%{opacity:0;transform:translateY(22px)scale(.94)}60%{opacity:1}}@keyframes tanqo-fuel-ring{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.08)}}@keyframes tanqo-fuel-tick{to{stroke-dashoffset:0}}@keyframes tanqo-fuel-swipe-hint{0%,to{transform:none}40%{transform:translate(-28px)}70%{transform:translate(4px)}}@keyframes tanqo-fuel-confirm-in{0%{opacity:0;transform:translateY(16px)}70%{opacity:1;transform:translateY(-2px)}to{transform:none}}
