/* Island Car Log — Fuel Economy refuel transition v1 */
#fuelRefuelTransition{
  position:fixed;
  inset:0;
  z-index:5400;
  display:none;
  overflow:hidden;
  background:
    radial-gradient(circle at 68% 25%,rgba(31,125,190,.16),transparent 34%),
    linear-gradient(180deg,#071426 0%,#091b2e 58%,#06111d 100%);
  color:#fff;
  touch-action:none;
}
#fuelRefuelTransition.frt-active{display:block}
#fuelRefuelTransition .frt-stage{
  position:absolute;
  inset:0;
  overflow:hidden;
}
#fuelRefuelTransition .frt-title{
  position:absolute;
  top:clamp(24px,6vh,64px);
  left:clamp(24px,5vw,76px);
  z-index:12;
  display:flex;
  align-items:baseline;
  gap:10px;
  margin:0;
  color:#fff;
  font-size:clamp(24px,3vw,46px);
  font-weight:900;
  letter-spacing:-.03em;
  text-shadow:0 4px 22px rgba(0,0,0,.38);
}
#fuelRefuelTransition .frt-title span{
  color:#69d7b1;
  font-weight:500;
}
#fuelRefuelTransition .frt-title::after{
  content:"";
  display:block;
  width:min(34vw,500px);
  height:1px;
  margin-left:16px;
  align-self:center;
  background:linear-gradient(90deg,rgba(105,215,177,.62),rgba(105,215,177,0));
}
#fuelRefuelTransition .frt-scene{
  position:absolute;
  left:50%;
  top:50%;
  width:min(1120px,112vw);
  transform:translate(-50%,-42%);
  filter:drop-shadow(0 20px 26px rgba(0,0,0,.24));
}
#fuelRefuelTransition .frt-scene svg{
  display:block;
  width:100%;
  height:auto;
  overflow:visible;
}
#fuelRefuelTransition .frt-floor{fill:#101923}
#fuelRefuelTransition .frt-floor-line{fill:#74a7d4;opacity:.58}
#fuelRefuelTransition .frt-forecourt-glow{fill:#79d8b6;opacity:.07}
#fuelRefuelTransition .frt-pump-body{
  fill:#0b1724;
  stroke:#9bc1e7;
  stroke-width:2.5;
}
#fuelRefuelTransition .frt-pump-top{fill:#142b42}
#fuelRefuelTransition .frt-pump-screen{
  fill:#071019;
  stroke:#5b87af;
  stroke-width:2;
}
#fuelRefuelTransition .frt-pump-screen-text{
  fill:#78ddb8;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:17px;
  font-weight:800;
  letter-spacing:.08em;
}
#fuelRefuelTransition .frt-pump-label{
  fill:#d8e8f8;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  font-size:12px;
  font-weight:850;
  letter-spacing:.12em;
}
#fuelRefuelTransition .frt-hose{
  fill:none;
  stroke:#263c4e;
  stroke-width:12;
  stroke-linecap:round;
  stroke-linejoin:round;
}
#fuelRefuelTransition .frt-hose-highlight{
  fill:none;
  stroke:#4b667b;
  stroke-width:3;
  stroke-linecap:round;
  opacity:.62;
}
#fuelRefuelTransition .frt-nozzle{
  fill:#263b4c;
  stroke:#a6c9e7;
  stroke-width:2;
}
#fuelRefuelTransition .frt-nozzle-metal{fill:#a9bfce}
#fuelRefuelTransition .frt-car-body{
  fill:#050a10;
  stroke:#d4e5f7;
  stroke-width:2.5;
  stroke-linejoin:round;
}
#fuelRefuelTransition .frt-car-window{
  fill:#0a1824;
  stroke:#82a9ce;
  stroke-width:2;
}
#fuelRefuelTransition .frt-car-line{
  fill:none;
  stroke:#6e93b7;
  stroke-width:1.7;
  stroke-linecap:round;
  opacity:.72;
}
#fuelRefuelTransition .frt-tyre{fill:#05080c;stroke:#93b7da;stroke-width:2}
#fuelRefuelTransition .frt-rim{fill:#4e657d;stroke:#d6e7f8;stroke-width:2}
#fuelRefuelTransition .frt-hub{fill:#dcecff}
#fuelRefuelTransition .frt-shadow{fill:#000;opacity:.34}
#fuelRefuelTransition .frt-filler-ring{fill:#101c26;stroke:#b7d0e7;stroke-width:2}
#fuelRefuelTransition .frt-fuel-stream{
  fill:none;
  stroke:#58e0b4;
  stroke-width:7;
  stroke-linecap:round;
  filter:drop-shadow(0 0 9px rgba(88,224,180,.78));
}
#fuelRefuelTransition .frt-fuel-stream-core{
  fill:none;
  stroke:#b7ffe8;
  stroke-width:2;
  stroke-linecap:round;
}
#fuelRefuelTransition .frt-tank-shell{
  fill:#0c1821;
  stroke:#6e99bd;
  stroke-width:2;
}
#fuelRefuelTransition .frt-tank-fill{
  fill:url(#frtFuelGradient);
  filter:drop-shadow(0 0 7px rgba(82,219,174,.38));
}
#fuelRefuelTransition .frt-tank-mark{
  fill:none;
  stroke:#b9d8ef;
  stroke-width:1.4;
  opacity:.7;
}
#fuelRefuelTransition .frt-gauge-text{
  fill:#c9e1f4;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
}
#fuelRefuelTransition .frt-nozzle-wrap,
#fuelRefuelTransition .frt-car,
#fuelRefuelTransition .frt-title{
  will-change:transform,opacity;
}
@media(max-width:700px){
  #fuelRefuelTransition .frt-title{
    top:24px;
    left:20px;
    font-size:25px;
  }
  #fuelRefuelTransition .frt-title::after{
    width:22vw;
    margin-left:8px;
  }
  #fuelRefuelTransition .frt-scene{
    width:165vw;
    transform:translate(-48%,-38%);
  }
}
@media(prefers-reduced-motion:reduce){
  #fuelRefuelTransition{display:none!important}
}
/* Performance pass v2 */
#fuelRefuelTransition{
  contain:layout paint style;
}
#fuelRefuelTransition .frt-scene{
  filter:none!important;
  backface-visibility:hidden;
  transform-style:preserve-3d;
}
#fuelRefuelTransition .frt-fuel-stream,
#fuelRefuelTransition .frt-fuel-stream-core,
#fuelRefuelTransition .frt-hose,
#fuelRefuelTransition .frt-hose-highlight,
#fuelRefuelTransition .frt-nozzle-wrap,
#fuelRefuelTransition .frt-car,
#fuelRefuelTransition .frt-tank-fill{
  will-change:transform,opacity;
  backface-visibility:hidden;
}