.fuel{--o: #FF5703;--ink: #070707}body.fuel-body{margin:0;background:var(--ink);overflow-x:clip}body.fuel-body .password-main-content{padding:0;display:block}body.fuel-body .shopify-section{padding:0}.fuel{position:relative;min-height:100svh;display:grid;grid-template-rows:auto 1fr auto auto;isolation:isolate;background:var(--ink);color:#fff;overflow:clip;font-family:var(--font-body--family, system-ui, sans-serif)}.fuel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(130% 72% at 50% 114%,rgba(255,87,3,.2),transparent 60%),radial-gradient(90% 55% at 50% -12%,rgba(255,255,255,.045),transparent 58%)}.fuel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:12;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.fuel__gate{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;pointer-events:none}.fuel__half{position:absolute;left:0;right:0;height:50.5%;background:#000}.fuel__half--t{top:0;animation:fuelGateUp 1.45s cubic-bezier(.66,0,.16,1) .62s forwards}.fuel__half--b{bottom:0;animation:fuelGateDown 1.45s cubic-bezier(.66,0,.16,1) .62s forwards}@keyframes fuelGateUp{to{transform:translateY(-101%)}}@keyframes fuelGateDown{to{transform:translateY(101%)}}.fuel__seam{position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;background:var(--o);box-shadow:0 0 26px 5px #ff5703e6;transform:scaleX(0);animation:fuelSeamIn .62s cubic-bezier(.2,.7,.2,1) forwards,fuelSeamOut .5s ease-in 1.25s forwards}@keyframes fuelSeamIn{to{transform:scaleX(1)}}@keyframes fuelSeamOut{to{opacity:0}}.fuel__spot{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(380px 380px at var(--mx,50%) var(--my,48%),rgba(255,138,60,.15),transparent 70%)}.fuel__top{position:relative;z-index:6;text-align:center;padding:clamp(1.5rem,4vw,2.75rem) clamp(1.25rem,4vw,3rem) 0;animation:fuelFade 1s ease 1.5s both}.fuel__mark{display:inline-flex;align-items:baseline;gap:.28em;font-family:var(--font-heading--family, sans-serif);font-weight:700;line-height:1;font-size:clamp(1.45rem,3.2vw,2.3rem);letter-spacing:.04em}.fuel__mark b{font-weight:700}.fuel__mark .a{color:#fff}.fuel__mark .b{color:var(--o)}.fuel__logo{display:block;margin:0 auto;height:clamp(26px,4vw,44px);width:auto}.fuel__tag{margin:.85rem 0 0;font-family:var(--font-heading--family, sans-serif);font-weight:500;font-size:clamp(.58rem,1.25vw,.7rem);letter-spacing:.42em;text-indent:.42em;color:#fff6}.fuel__foot{position:relative;z-index:6;text-align:center;padding:0 clamp(1.25rem,4vw,3rem) clamp(1.4rem,3.5vw,2.4rem);font-size:clamp(.55rem,1.1vw,.64rem);letter-spacing:.17em;text-transform:uppercase;color:#ffffff47;animation:fuelFade 1s ease 1.9s both}@keyframes fuelFade{0%{opacity:0}to{opacity:1}}.fuel__arena{position:relative;z-index:4;align-self:center;width:100%;height:clamp(340px,62svh,600px);--gap: 240px;--drop: 18px;--hh: 380px}.fuel__bt{position:absolute;left:50%;top:50%;display:flex;flex-direction:column;align-items:center;padding:0;border:0;background:none;color:inherit;font:inherit;transform:translate(calc(-50% + var(--x,0px)),calc(-50% + var(--y,0px)));transition:transform .85s cubic-bezier(.22,1,.28,1)}.fuel__bt.is-front{--x: 0px;--y: 0px;z-index:5;cursor:default}.fuel__bt.is-left{--x: calc(var(--gap) * -1);--y: var(--drop);z-index:2;cursor:pointer}.fuel__bt.is-right{--x: var(--gap);--y: var(--drop);z-index:2;cursor:pointer}.fuel__vis{transform:scale(var(--s,1));transition:transform .85s cubic-bezier(.22,1,.28,1),opacity .7s ease}.fuel__bt.is-front .fuel__vis{--s: 1;opacity:1}.fuel__bt.is-left .fuel__vis,.fuel__bt.is-right .fuel__vis{--s: .32;opacity:.42}.fuel__bt.is-arriving .fuel__toss{animation:fuelToss .95s cubic-bezier(.2,.8,.25,1) both}@keyframes fuelToss{0%{transform:rotate(-24deg) scale(.86);filter:blur(4px)}30%{filter:blur(1.5px)}58%{transform:rotate(7deg) scale(1.07);filter:blur(0)}80%{transform:rotate(-2.5deg) scale(.985)}to{transform:rotate(0) scale(1)}}.fuel__bt.is-leaving .fuel__toss{animation:fuelLeave .85s cubic-bezier(.3,.6,.3,1) both}@keyframes fuelLeave{0%{transform:rotate(0) scale(1)}45%{transform:rotate(var(--away,9deg)) scale(.96)}to{transform:rotate(0) scale(1)}}.fuel__float{position:relative;display:block;animation:fuelBob var(--dur) ease-in-out var(--delay) infinite}@keyframes fuelBob{0%,to{transform:translateY(0) rotate(calc(var(--rot) * -1))}50%{transform:translateY(-14px) rotate(var(--rot))}}.fuel__sil{position:relative;display:block;height:var(--hh);aspect-ratio:var(--ar);-webkit-mask-image:var(--img);mask-image:var(--img);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background:linear-gradient(168deg,#1c1c1c,#0d0d0d 46%,#050505);filter:drop-shadow(0 0 1px rgba(255,87,3,var(--rim,.95))) drop-shadow(0 0 var(--soft,26px) rgba(255,87,3,var(--halo,.5)));transition:filter .7s ease}.fuel__bt.is-left .fuel__sil,.fuel__bt.is-right .fuel__sil{--rim: .55;--soft: 14px;--halo: .22}.fuel__liq{position:absolute;left:-2%;right:-2%;bottom:-2%;height:48%;background:linear-gradient(180deg,#ff570357,#ff570314);animation:fuelLevel var(--lvl) ease-in-out var(--lvldelay) infinite}@keyframes fuelLevel{0%,to{transform:translateY(8px)}50%{transform:translateY(-12px)}}.fuel__sheen{position:absolute;top:-30%;right:-70%;bottom:-30%;left:-70%;background:linear-gradient(102deg,transparent 42%,rgba(255,255,255,.14) 49%,rgba(255,150,80,.22) 53%,transparent 62%);animation:fuelSheen var(--shn) ease-in-out var(--shndelay) infinite}@keyframes fuelSheen{0%{transform:translate(-95%);opacity:0}7%{opacity:1}36%{transform:translate(95%);opacity:1}44%,to{transform:translate(95%);opacity:0}}.fuel__rim{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;-webkit-mask-image:var(--img),var(--img);mask-image:var(--img),var(--img);-webkit-mask-size:100% 100%,calc(100% - 5px) calc(100% - 6px);mask-size:100% 100%,calc(100% - 5px) calc(100% - 6px);-webkit-mask-position:center,center;mask-position:center,center;-webkit-mask-repeat:no-repeat,no-repeat;mask-repeat:no-repeat,no-repeat;-webkit-mask-composite:xor;mask-composite:exclude;filter:drop-shadow(0 0 7px rgba(255,87,3,.85));transition:opacity .7s ease}.fuel__rim:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ff570366}.fuel__spin{position:absolute;left:50%;top:50%;width:215%;aspect-ratio:1;background:conic-gradient(from 0deg,transparent 0 56%,rgba(255,87,3,.9) 69%,#ffd9c0 75%,rgba(255,87,3,.9) 81%,transparent 93%);animation:fuelSpin var(--run) linear var(--rundelay) infinite}@keyframes fuelSpin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.fuel__bt.is-left .fuel__rim,.fuel__bt.is-right .fuel__rim{opacity:.5}.fuel__halo{position:absolute;left:50%;bottom:12%;width:130%;aspect-ratio:1;translate:-50% 0;border-radius:50%;z-index:-1;pointer-events:none;background:radial-gradient(circle,rgba(255,87,3,.3),rgba(255,87,3,.06) 48%,transparent 68%);filter:blur(16px);opacity:0;transition:opacity .8s ease;animation:fuelPulse var(--pulse) ease-in-out infinite}.fuel__bt.is-front .fuel__halo{opacity:1}@keyframes fuelPulse{0%,to{scale:.95}50%{scale:1.05}}.fuel__lbl{margin-top:clamp(1rem,2.4vw,1.7rem);text-align:center}.fuel__name{display:block;color:#fff;font-family:var(--font-heading--family, sans-serif);font-weight:700;font-size:var(--fs,.78rem);letter-spacing:.26em;text-indent:.26em;transition:font-size .7s cubic-bezier(.22,1,.28,1),opacity .6s ease}.fuel__bt.is-front .fuel__name{--fs: clamp(.92rem,2.1vw,1.3rem)}.fuel__bt.is-left .fuel__name,.fuel__bt.is-right .fuel__name{--fs: clamp(.52rem,1.1vw,.64rem);opacity:.6}.fuel__note{display:block;margin-top:.6rem;font-size:clamp(.53rem,1.05vw,.61rem);letter-spacing:.13em;line-height:1.55;text-transform:uppercase;color:#ffffff57;opacity:0;transition:opacity .6s ease}.fuel__bt.is-front .fuel__note{opacity:1}.fuel__rule{display:block;width:30px;height:2px;margin:.8rem auto 0;background:var(--o);opacity:0;transform:scaleX(.3);transition:transform .7s cubic-bezier(.22,1,.28,1),opacity .6s ease}.fuel__bt.is-front .fuel__rule{opacity:1;transform:scaleX(1)}.fuel__bt.is-left:hover .fuel__rule,.fuel__bt.is-right:hover .fuel__rule{opacity:.55;transform:scaleX(.7)}.fuel__bt.is-left:hover .fuel__vis,.fuel__bt.is-right:hover .fuel__vis{opacity:.8}.fuel__bt:focus-visible{outline:2px solid var(--o);outline-offset:10px;border-radius:4px}.fuel__hint{position:relative;z-index:6;margin:0 0 .9rem;text-align:center;font-size:clamp(.52rem,1vw,.6rem);letter-spacing:.3em;text-indent:.3em;text-transform:uppercase;color:#ffffff4d;animation:fuelFade 1.2s ease 2.3s both;transition:opacity .5s ease}.fuel__hint.is-gone{opacity:0}body.fuel-body .password-footer{background:var(--ink);color:#ffffff38;padding-block:1.2rem;font-size:.7rem}body.fuel-body .password-footer a,body.fuel-body .password-footer button{color:#ffffff59}body.fuel-body .password-footer .icon-shopify{color:#ffffff4d}@media(max-width:760px){.fuel__arena{height:clamp(280px,48svh,420px)}.fuel__bt.is-left .fuel__vis,.fuel__bt.is-right .fuel__vis{--s: .26;opacity:.38}}@media(prefers-reduced-motion:reduce){.fuel__gate{display:none}.fuel__float,.fuel__sheen,.fuel__liq,.fuel__halo,.fuel__spin,.fuel__bt.is-arriving .fuel__toss,.fuel__bt.is-leaving .fuel__toss{animation:none}.fuel__spot{display:none}.fuel__top,.fuel__foot,.fuel__hint{animation-duration:.01ms}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/fuel-gate.css.map */