.domain-prices[data-domain-prices] {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  align-items: start;
  gap: 12px;
}

.domain-prices[data-domain-prices] > [data-tld-price] {
  display: grid;
  grid-template-columns: auto auto;
  align-items: baseline;
  justify-content: start;
  gap: 2px 6px;
  min-width: 0;
}

.domain-prices[data-domain-prices] > [data-tld-price] > span {
  white-space: nowrap;
}

.domain-prices[data-domain-prices] .domain-price-current {
  color: #087146;
  white-space: nowrap;
  font-size: 13px;
}

.domain-prices[data-domain-prices] del {
  grid-column: 2;
  color: #8798ad;
  white-space: nowrap;
  font-size: 10px;
}

.domain-prices[data-domain-prices] small {
  grid-column: 1 / -1;
  color: #657a95;
  font-size: 9px;
  line-height: 1.35;
}

html[data-theme="dark"] .domain-prices[data-domain-prices] .domain-price-current {
  color: #68dda7;
}

html[data-theme="dark"] .domain-prices[data-domain-prices] del,
html[data-theme="dark"] .domain-prices[data-domain-prices] small {
  color: #91a9c5;
}

@media (max-width: 900px) {
  .domain-prices[data-domain-prices] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 520px) {
  .domain-prices[data-domain-prices] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}