#fuel{max-height:min(74vh,640px)}
#fuelDetail{max-height:min(74vh,640px)}

.fuel-row:hover{background:var(--press)}

.fuel-pin{transition:transform .14s ease,box-shadow .14s ease}
.leaflet-marker-icon:hover .fuel-pin{
  transform:translateY(-1px);
  box-shadow:0 0 0 4px color-mix(in srgb,var(--sodium) 14%,transparent),
             0 8px 22px rgba(0,0,0,.45);
  cursor:pointer
}

.fuel-price{font-size:15px}
.fuel-price em{font-size:12px}


.fuel-pin.ev{
  border-color:var(--accent-soft);
  color:var(--accent-soft);
  padding-inline:0
}
.fuel-pin.ev .fp-glyph{color:var(--accent-soft)}

.fuel-cluster.ev{
  border-color:var(--accent-soft);
  color:var(--accent-soft);
  gap:3px;padding-inline:7px
}
.fuel-cluster.ev .fc-bolt{display:inline-flex;flex:0 0 auto}
.fuel-cluster.ev .fc-n.solo{color:var(--accent-soft)}

.tag.ev{
  background:color-mix(in srgb,var(--accent-soft) 14%,transparent);
  color:var(--accent-soft);
  border-color:color-mix(in srgb,var(--accent-soft) 38%,transparent)
}