.booking-wizard .vehicle-card.is-busy {
  border-color: #f2c66d;
}

.booking-wizard .vehicle-card.is-on-trip {
  border-color: #8bbcea;
}

.booking-wizard .vehicle-card.is-busy .vehicle-live-status {
  background: #fff2cf;
  color: #865900;
}

.booking-wizard .vehicle-card.is-on-trip .vehicle-live-status {
  background: #e6f2ff;
  color: #0758a8;
}

.booking-wizard .vehicle-card.is-free .vehicle-live-status {
  background: #e4f8ef;
  color: #087456;
}

.booking-wizard .vehicle-state .vehicle-live-chosen {
  background: #e4f8ef;
  color: #087456;
}

.home-track-vehicle-status {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  margin: 8px 0 2px;
  border: 1px solid rgba(30, 202, 161, .35);
  border-radius: 999px;
  background: rgba(30, 202, 161, .12);
  color: #31d6af;
  padding: 6px 10px;
  font-size: 11px;
  font-weight: 900;
}

.home-track-vehicle-status[data-vehicle-status="busy"] {
  border-color: rgba(255, 183, 0, .4);
  background: rgba(255, 183, 0, .12);
  color: #ffc331;
}

.home-track-vehicle-status[data-vehicle-status="on_trip"] {
  border-color: rgba(68, 161, 255, .45);
  background: rgba(68, 161, 255, .13);
  color: #72b9ff;
}

.home-track-vehicle-categories {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}

.home-track-vehicle-categories span {
  border-radius: 999px;
  background: rgba(255, 255, 255, .08);
  color: #d9e8f8;
  padding: 5px 8px;
  font-size: 10px;
  font-weight: 800;
}