.fuel-box__head{max-width:60ch}.fuel-box__title{margin:var(--s2) 0 0;font-size:clamp(28px,4vw,44px);line-height:1.05;letter-spacing:-.03em}.fuel-box__intro{margin:var(--s3) 0 0;max-width:54ch;color:var(--basalt-500)}.fuel-box__empty{margin-top:var(--s5);color:var(--basalt-500)}.fuel-box__layout{display:grid;gap:var(--s5);margin-top:var(--s6);align-items:start}@media(min-width:900px){.fuel-box__layout{grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);gap:var(--s7)}}.fuel-box__filters{display:flex;flex-wrap:wrap;gap:var(--s2);margin-bottom:var(--s4)}.fuel-box__filter{padding:6px var(--s3);font-family:var(--fuel-font-structural);font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--basalt-700);background:transparent;border:var(--hairline);cursor:pointer;transition:background-color .16s ease-out,color .16s ease-out,border-color .16s ease-out}.fuel-box__filter:hover{border-color:var(--basalt-900)}.fuel-box__filter[aria-pressed=true]{background:var(--basalt-900);border-color:var(--basalt-900);color:var(--millet-50)}.fuel-box__filter:focus-visible{outline:2px solid var(--curry-500);outline-offset:2px}.fuel-box__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--s3);margin:0;padding:0;list-style:none}.fuel-box__cell[hidden]{display:none}.fuel-box__card{display:flex;flex-direction:column;height:100%;background:var(--millet-50);border:var(--hairline);transition:border-color .16s ease-out,transform .16s ease-out}.fuel-box__card:hover{border-color:var(--millet-500)}.fuel-box__card.is-picked{border-color:var(--basalt-900);background:var(--millet-100)}.is-locked .fuel-box__card:not(.is-picked):not([data-fuel-box-unit=false]){opacity:.45;transition:opacity .26s ease-out}.fuel-box__shot{display:block;aspect-ratio:4 / 5;background:var(--millet-200);overflow:hidden}.fuel-box__shot img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .32s ease-out}.fuel-box__card:hover .fuel-box__shot img{transform:scale(1.03)}.fuel-box__meta{flex:1 1 auto;padding:var(--s3) var(--s3) 0}.fuel-box__name{margin:0;font-size:14px;font-weight:500;line-height:1.25;letter-spacing:0;color:var(--basalt-900)}.fuel-box__name a{color:inherit;text-decoration:none}.fuel-box__name a:focus-visible{outline:2px solid var(--curry-500);outline-offset:2px}.fuel-box__price{margin:var(--s1) 0 0;font-family:var(--fuel-font-structural);font-variant-numeric:tabular-nums lining-nums;font-size:13px;color:var(--basalt-500)}.fuel-box__addonnote{margin:2px 0 0;font-family:var(--fuel-font-structural);font-size:10px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--curry-700)}.fuel-box__step{display:grid;grid-template-columns:36px 1fr 36px;align-items:center;margin:var(--s3);border:1px solid var(--basalt-900)}.fuel-box__stepbtn{height:32px;padding:0;font-size:16px;line-height:1;color:var(--basalt-900);background:transparent;border:0;cursor:pointer;transition:background-color .14s ease-out,color .14s ease-out}.fuel-box__stepbtn:hover:not([disabled]){background:var(--basalt-900);color:var(--millet-50)}.fuel-box__stepbtn:active:not([disabled]){transform:translateY(1px)}.fuel-box__stepbtn--add{position:relative;overflow:hidden}.fuel-box__stepbtn--add.is-pressed:after{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px 0 0 -4px;background:var(--basalt-900);opacity:.22;animation:fuel-box-ripple .42s ease-out forwards}@keyframes fuel-box-ripple{0%{opacity:.22;transform:scale(1)}to{opacity:0;transform:scale(9)}}.fuel-box__stepbtn[disabled]{opacity:.3;cursor:default}.fuel-box__stepbtn:focus-visible{outline:2px solid var(--curry-500);outline-offset:-2px}.fuel-box__qty.is-bumped{animation:fuel-box-count .3s cubic-bezier(.22,1.3,.36,1)}@keyframes fuel-box-count{0%{transform:scale(1)}40%{transform:scale(1.3)}to{transform:scale(1)}}.fuel-box__qty{display:block;text-align:center;font-family:var(--fuel-font-structural);font-variant-numeric:tabular-nums lining-nums;font-size:14px;font-weight:500;color:var(--basalt-900)}.fuel-box__panelinner{padding:var(--s4);background:var(--millet-50);border:var(--hairline);transition:border-color .24s ease-out}.is-complete .fuel-box__panelinner{border-color:var(--basalt-900)}.fuel-box__sizes{display:flex;gap:0;margin-bottom:var(--s4);border:1px solid var(--basalt-900)}.fuel-box__size{flex:1 1 0;padding:8px var(--s2);font-family:var(--fuel-font-structural);font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--basalt-900);background:transparent;border:0;cursor:pointer;transition:background-color .16s ease-out,color .16s ease-out}.fuel-box__size[aria-pressed=true]{background:var(--basalt-900);color:var(--millet-50)}.fuel-box__size:focus-visible{outline:2px solid var(--curry-500);outline-offset:-2px}.fuel-box__tray{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s2)}.fuel-box__slot{position:relative;aspect-ratio:4 / 5;background:transparent;border:1px dashed var(--millet-500);overflow:hidden}.fuel-box__slot.is-filled{border:1px solid var(--basalt-900);border-style:solid}.fuel-box__slot.is-landing>*{opacity:0}.fuel-box__slot.is-landed{animation:fuel-box-land .42s cubic-bezier(.22,1.2,.36,1)}.fuel-box__slot.is-emptied{animation:fuel-box-empty .3s ease-out}.fuel-box__slot.is-arriving{animation:fuel-box-grow .38s cubic-bezier(.22,1,.36,1) both}.fuel-box__slot img{display:block;width:100%;height:100%;object-fit:cover}.fuel-box__slotname{display:flex;align-items:center;justify-content:center;height:100%;padding:4px;text-align:center;font-family:var(--fuel-font-structural);font-size:10px;line-height:1.2;letter-spacing:0;color:var(--basalt-500);background:var(--millet-200);overflow:hidden}@keyframes fuel-box-land{0%{opacity:0;transform:scale(.78)}62%{opacity:1;transform:scale(1.045)}to{opacity:1;transform:scale(1)}}@keyframes fuel-box-empty{0%{opacity:.25;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes fuel-box-grow{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.fuel-box__ghost{position:fixed;z-index:60;pointer-events:none;overflow:hidden;will-change:transform,opacity;box-shadow:0 12px 28px #10111038}.fuel-box__ghost img{display:block;width:100%;height:100%;object-fit:cover}.fuel-box__tray.is-refusing{animation:fuel-box-refuse .26s ease-out}@keyframes fuel-box-refuse{0%,to{transform:translate(0)}30%{transform:translate(-3px)}70%{transform:translate(3px)}}.fuel-box__drop{position:absolute;top:0;right:0;width:20px;height:20px;padding:0;font-size:11px;line-height:1;color:var(--millet-50);background:var(--basalt-900);border:0;cursor:pointer;opacity:0;transition:opacity .14s ease-out}.fuel-box__slot:hover .fuel-box__drop,.fuel-box__drop:focus-visible{opacity:1}@media(hover:none){.fuel-box__drop{opacity:1}}.fuel-box__progress{margin-top:var(--s4)}.fuel-box__bar{position:relative;height:5px;background:var(--millet-300);overflow:hidden}.fuel-box__fill{display:block;height:100%;width:0;background:var(--basalt-900);transition:width .32s cubic-bezier(.22,1,.36,1),background-color .24s ease-out}.is-complete .fuel-box__fill,.has-deal .fuel-box__fill{background:var(--curry-500)}.fuel-box__sweep{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;background:linear-gradient(90deg,#fbfaf600,#fbfaf6f2,#fbfaf600)}.fuel-box__sweep.is-sweeping{animation:fuel-box-sweep .76s ease-out}@keyframes fuel-box-sweep{0%{opacity:0;transform:translate(-100%)}15%{opacity:1}to{opacity:0;transform:translate(100%)}}.fuel-box__pips{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.fuel-box__pip{position:absolute;top:0;width:2px;height:100%;margin-left:-1px;background:var(--millet-50);transition:background-color .2s ease-out}.fuel-box__pip.is-beyond{margin-left:-3px;width:3px;background:var(--basalt-300)}.fuel-box__pip.is-won{background:var(--curry-700)}.fuel-box__pip.is-ringing:after{content:"";position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border:1px solid var(--curry-500);animation:fuel-box-ring .62s ease-out forwards}@keyframes fuel-box-ring{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(5.5)}}.fuel-box__deal{margin-top:var(--s3);padding:var(--s3);background:var(--millet-100);border:1px solid var(--millet-300);transition:border-color .24s ease-out,background-color .24s ease-out}.fuel-box__deal[hidden]{display:none}.has-deal .fuel-box__deal{background:var(--curry-100);border-color:var(--curry-300)}.fuel-box__deal.is-flash{animation:fuel-box-flash .7s ease-out}@keyframes fuel-box-flash{0%{background:var(--curry-300);border-color:var(--curry-500)}to{background:var(--curry-100);border-color:var(--curry-300)}}.fuel-box__dealnow{display:flex;align-items:center;gap:var(--s3)}.fuel-box__badge{display:flex;align-items:baseline;justify-content:center;min-width:54px;padding:4px 8px;font-family:var(--fuel-font-structural);font-variant-numeric:tabular-nums lining-nums;color:var(--millet-50);background:var(--basalt-300);transition:background-color .26s ease-out}.has-deal .fuel-box__badge{background:var(--curry-500)}.fuel-box__badgenum{font-size:22px;font-weight:500;letter-spacing:-.02em;line-height:1}.fuel-box__badgesign{font-size:12px;font-weight:500;margin-left:1px}.fuel-box__badge.is-won{animation:fuel-box-pop .52s cubic-bezier(.22,1.35,.36,1)}@keyframes fuel-box-pop{0%{transform:scale(1)}38%{transform:scale(1.18)}to{transform:scale(1)}}.fuel-box__dealtext{font-size:13px;line-height:1.35;color:var(--basalt-700)}.has-deal .fuel-box__dealtext{color:var(--curry-700);font-weight:500}.fuel-box__next{margin:var(--s2) 0 0;font-family:var(--fuel-font-structural);font-size:12px;letter-spacing:.02em;color:var(--basalt-500)}.fuel-box__next.is-upgrade{margin-top:var(--s3)}.fuel-box__upgrade{display:block;width:100%;padding:8px var(--s3);font-family:var(--fuel-font-structural);font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;text-align:center;color:var(--curry-700);background:transparent;border:1px solid var(--curry-500);cursor:pointer;transition:background-color .16s ease-out,color .16s ease-out}.fuel-box__upgrade:hover{background:var(--curry-500);color:var(--millet-50)}.fuel-box__upgrade:active{transform:translateY(1px)}.fuel-box__upgrade:focus-visible{outline:2px solid var(--curry-700);outline-offset:2px}.fuel-box__count{margin:var(--s2) 0 0;font-family:var(--fuel-font-structural);font-variant-numeric:tabular-nums lining-nums;font-size:13px;color:var(--basalt-500)}.is-complete .fuel-box__count{color:var(--curry-700);font-weight:500}.fuel-box__totals{display:flex;gap:var(--s5);margin:var(--s4) 0 0;padding-top:var(--s3);border-top:var(--hairline)}.fuel-box__totals div{display:flex;flex-direction:column;gap:2px}.fuel-box__totals dt{font-family:var(--fuel-font-structural);font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--basalt-500)}.fuel-box__totals dd{margin:0;font-family:var(--fuel-font-structural);font-variant-numeric:tabular-nums lining-nums;font-size:20px;font-weight:500;color:var(--basalt-900)}.fuel-box__totals{flex-wrap:wrap}.fuel-box__savecol[hidden],.fuel-box__addonswrap[hidden]{display:none}.fuel-box__addons{color:var(--basalt-700)}.fuel-box__total{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}.fuel-box__was{font-size:12px;font-weight:400;color:var(--basalt-500);text-decoration-thickness:1px;animation:fuel-box-fadein .26s ease-out}.fuel-box__was[hidden]{display:none}.fuel-box__saved{color:var(--curry-700)}@keyframes fuel-box-fadein{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.fuel-box__grain{border:0;padding:0;margin:var(--s4) 0 0;min-inline-size:0}.fuel-box__grain legend{padding:0;margin-bottom:var(--s2)}.fuel-box__grainopts{display:flex;gap:var(--s2)}.fuel-box__grainopt{flex:1 1 0}.fuel-box__grainopt input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%)}.fuel-box__grainopt span{display:flex;align-items:center;gap:var(--s2);padding:6px var(--s2);font-size:13px;color:var(--basalt-700);border:var(--hairline);cursor:pointer;transition:border-color .16s ease-out,background-color .16s ease-out}.fuel-box__grainopt img{display:block;width:24px;height:24px;object-fit:cover}.fuel-box__grainopt input:checked+span{border-color:var(--basalt-900);background:var(--millet-100);color:var(--basalt-900)}.fuel-box__grainopt input:focus-visible+span{outline:2px solid var(--curry-500);outline-offset:2px}.fuel-box__cta{position:relative;width:100%;margin-top:var(--s4);justify-content:center;overflow:hidden}.fuel-box__cta[disabled]{opacity:.45;cursor:default}.fuel-box__ctalabel{display:inline-block}.fuel-box__ctalabel.is-swapped{animation:fuel-box-swap .26s ease-out}@keyframes fuel-box-swap{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.fuel-box__cta:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;background:linear-gradient(100deg,#fbfaf600 30%,#fbfaf647,#fbfaf600 70%)}.is-complete .fuel-box__cta:after{animation:fuel-box-sheen .9s ease-out}@keyframes fuel-box-sheen{0%{opacity:0;transform:translate(-60%)}20%{opacity:1}to{opacity:0;transform:translate(60%)}}.fuel-box__cta.is-working{cursor:progress}.fuel-box__fine{margin:var(--s3) 0 0;font-size:12px;line-height:1.5;color:var(--basalt-500)}.fuel-box__fine--err{color:var(--chilli-ember);font-weight:500}@media(max-width:899px){.fuel-box__panel{order:-1}.fuel-box__panelinner{padding:var(--s3)}.fuel-box__tray{grid-template-columns:repeat(6,1fr);gap:4px}.fuel-box__drop{width:16px;height:16px;font-size:9px}.fuel-box__totals{gap:var(--s4)}.fuel-box__totals dd{font-size:17px}.fuel-box__savecol{flex-basis:100%}.fuel-box__deal{padding:var(--s3) var(--s2)}.fuel-box__badge{min-width:46px}.fuel-box__badgenum{font-size:19px}.fuel-box__dealtext{font-size:12px}.fuel-box__ghost{box-shadow:0 6px 16px #10111033}}@media(min-width:900px){.fuel-box__panelinner{position:sticky;top:calc(var(--header-height, 74px) + var(--s4))}}@media(prefers-reduced-motion:reduce){.fuel-box__slot,.fuel-box__slot.is-landed,.fuel-box__slot.is-emptied,.fuel-box__slot.is-arriving,.fuel-box__tray.is-refusing,.fuel-box__sweep.is-sweeping,.fuel-box__pip.is-ringing:after,.fuel-box__badge.is-won,.fuel-box__deal.is-flash,.fuel-box__was,.fuel-box__qty.is-bumped,.fuel-box__ctalabel.is-swapped,.fuel-box__stepbtn--add.is-pressed:after,.is-complete .fuel-box__cta:after{animation:none}.fuel-box__slot.is-landing>*{opacity:1}.fuel-box__ghost{display:none}.fuel-box__fill,.fuel-box__card,.fuel-box__shot img,.fuel-box__filter,.fuel-box__deal,.fuel-box__badge,.fuel-box__pip,.fuel-box__upgrade,.is-locked .fuel-box__card:not(.is-picked),.fuel-box__stepbtn{transition:none}}.fuel-box__card,.fuel-box__panelinner{border-radius:var(--r-card, 8px);overflow:hidden}.fuel-box__filters{gap:var(--s2)}.fuel-box__filter{padding:8px 14px;font-size:13px;font-weight:500;letter-spacing:.03rem;text-transform:none;color:var(--basalt-900);border:1.25px solid var(--basalt-900);border-radius:9999px}.fuel-box__filter:hover{background:var(--curry-300);border-color:var(--curry-700)}.fuel-box__filter[aria-pressed=true]{background:var(--curry-300);border-color:var(--curry-700);color:var(--basalt-900);cursor:default}.fuel-box__sizes{border:0;gap:var(--s2)}.fuel-box__size{padding:9px var(--s3);font-size:13px;letter-spacing:.03rem;text-transform:none;border:1.25px solid var(--basalt-900);border-radius:9999px}.fuel-box__size:hover{background:var(--curry-300);border-color:var(--curry-700)}.fuel-box__size[aria-pressed=true]{background:var(--curry-300);border-color:var(--curry-700);color:var(--basalt-900)}.fuel-box__step{grid-template-columns:32px 1fr 32px;align-items:center;border:0}.fuel-box__stepbtn{width:32px;height:32px;border:1.25px solid var(--basalt-900);border-radius:9999px}.fuel-box__stepbtn--add{background:var(--basalt-900);color:var(--millet-50)}.fuel-box__stepbtn:hover:not([disabled]){background:var(--curry-300);border-color:var(--curry-700);color:var(--basalt-900)}.fuel-box__slot{border-radius:var(--r-media, 8px)}.fuel-box__shot{border-radius:0}.fuel .fuel-box__name{font-size:15px;line-height:1.25;letter-spacing:-.01em}
/*# sourceMappingURL=/cdn/shop/t/42/assets/fuel-box.css.map */