:root[data-liv-panel-state="idle"] {
  --liv-driver-panel-height: 50vh;
}
:root[data-liv-panel-state="offer"] {
  --liv-driver-panel-height: 75vh;
}
:root[data-liv-panel-state="active"] {
  --liv-driver-panel-height: 60vh;
}
:root[data-liv-panel-state="arrived"] {
  --liv-driver-panel-height: 85vh;
}

.liv-driver-bottom-panel,
.liv-ops-bottom-panel {
  height: var(--liv-driver-panel-height, 50vh);
  max-height: 100vh;
  overflow: auto;
  overscroll-behavior: contain;
}

.liv-driver-bottom-panel .liv-panel-grab,
.liv-ops-bottom-panel .liv-panel-grab {
  width: 56px;
  height: 6px;
  border-radius: 999px;
  margin: 0 auto 12px;
  background: rgba(255,255,255,.28);
}

.liv-timed-offer-countdown {
  color: #ff6b6b;
  font-weight: 700;
}

.liv-driver-route-shell.is-active {
  box-shadow: inset 0 0 0 1px rgba(86, 156, 214, .35);
}