.drd-pricing-table {
  --drd-pricing-border: #e8e8ed;
  --drd-pricing-heading: #303347;
  --drd-pricing-text: #485066;
  --drd-pricing-accent: #555fb8;
  width: 100%;
  max-width: 100%;
  color: var(--drd-pricing-text);
  font: inherit;
}
.drd-pricing-table *, .drd-pricing-table *::before, .drd-pricing-table *::after { box-sizing: border-box; }
.drd-pricing-title { margin: 0 0 18px; color: var(--drd-pricing-heading); }
.drd-pricing-demo { margin: 0 0 16px; color: #76581c; }
.drd-pricing-filter-label { display: block; margin: 0 0 7px; font-size: .93em; font-weight: 600; }
.drd-pricing-filter {
  display: block;
  width: min(100%, 370px);
  min-height: 42px;
  margin: 0 0 18px;
  padding: 9px 13px;
  border: 1px solid #cdd6e0;
  border-radius: 4px;
  background: #fff;
  color: var(--drd-pricing-text);
  font: inherit;
}
.drd-pricing-filter:focus-visible, .drd-pricing-sort:focus-visible, .drd-pricing-more:focus-visible {
  outline: 2px solid var(--drd-pricing-accent);
  outline-offset: 2px;
}
.drd-pricing-scroll { width: 100%; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.drd-pricing-grid { width: 100%; min-width: 570px; margin: 0; border: 1px solid var(--drd-pricing-border); border-collapse: collapse; background: #fff; table-layout: fixed; }
.drd-pricing-grid th, .drd-pricing-grid td { padding: 14px 18px; border: 1px solid var(--drd-pricing-border); text-align: center; vertical-align: middle; line-height: 1.4; }
.drd-pricing-grid thead th { background: #fff; color: var(--drd-pricing-heading); font-weight: 600; white-space: nowrap; }
.drd-pricing-grid thead th:first-child { width: 22%; }
.drd-pricing-grid tbody tr { background: #fff; }
.drd-pricing-grid tbody tr:nth-child(even) { background: #fafafd; }
.drd-pricing-grid tbody td { color: var(--drd-pricing-text); }
.drd-pricing-grid tbody .drd-pricing-tld { font-weight: 500; color: var(--drd-pricing-heading); }
.drd-pricing-grid tbody .drd-pricing-rate { color: var(--drd-pricing-accent); font-weight: 500; }
.drd-pricing-grid tbody .drd-pricing-rate.is-unavailable { color: #8995a3; font-weight: 400; }
.drd-pricing-grid .drd-pricing-status { color: #64748b; text-align: center; font-weight: 400; }
.drd-pricing-sort {
  display: block;
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  font-weight: inherit;
  text-align: center;
  cursor: pointer;
}
.drd-pricing-sort-icon { position: absolute; right: 0; top: 50%; transform: translateY(-50%); opacity: .55; font-size: .9em; }
.drd-pricing-count { margin: 11px 0 0; color: #69788a; font-size: .9em; }
.drd-pricing-more {
  min-height: 42px;
  margin: 14px 0 0;
  padding: 9px 21px;
  border: 1px solid var(--drd-pricing-accent);
  border-radius: 4px;
  background: var(--drd-pricing-accent);
  color: #fff;
  font: inherit;
  font-weight: 600;
  cursor: pointer;
}
.drd-pricing-more:hover { filter: brightness(.94); }
.drd-pricing-more:disabled { cursor: progress; opacity: .7; }
.drd-pricing-message { margin: 10px 0 0; color: #56677a; }
.drd-pricing-message.is-error { color: #a1272a; }
.drd-pricing-disclaimer { margin: 15px 0 0; color: #718093; font-size: .84em; line-height: 1.5; }
.drd-pricing-table [hidden] { display: none !important; }
@media (max-width: 600px) {
  .drd-pricing-grid { min-width: 540px; }
  .drd-pricing-grid th, .drd-pricing-grid td { padding: 12px 13px; }
  .drd-pricing-filter { width: 100%; }
}