#freeTransport {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 12px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
  max-width: 100%;
}

#freeTransport .text1 {
  color: #000;
}

#freeTransport .text1,
#freeTransport .text2 {
  margin: 0;
}

#freeTransport .freeTransport_missing {
  color: #d0ab8b;
}

#freeTransport .freeTransport_icon {
  font-size: 16px;
  color: #111827;
  opacity: 0.85;
}

#freeTransport .progress_bar {
  position: relative;
  height: 10px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(17, 24, 39, 0.08);
}

#freeTransport .progress_bar_fill {
  display: block;
  height: 100%;
  width: 0%;
  border-radius: 999px;
  background: forestgreen;
  transform: translateZ(0);
  transition: width 900ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

@media (prefers-reduced-motion: reduce) {
  #freeTransport .progress_bar_fill {
    transition: none;
  }
}
