/* Keep table columns fixed and fit price pills to their text plus 5px per side. */
.final-rates .rates-table {
  table-layout: fixed;
}

.final-rates .rates-table td[data-price] {
  padding-right: 31px;
}

.final-rates .rates-table .price-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: max-content;
  max-width: 100%;
  min-height: 28px;
  padding: 2px 5px;
  border-radius: 4px;
  line-height: 1.15;
  white-space: nowrap;
}

.final-rates .market-range [data-field] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 8ch;
  min-height: 1.4em;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

@media (max-width: 479.98px) {
  .final-rates .rates-table td[data-price] {
    padding-left: 6px;
    padding-right: 20px;
  }

  .final-rates .rates-table .price-action {
    font-size: clamp(11px, 3.5vw, 15px);
  }
}