.media-table { border-collapse: separate; border-spacing: 0; }
.media-table .media-capability-toggle {
  border: 0; background: transparent; color: inherit; cursor: pointer;
  font: inherit; padding: 8px 16px; min-width: 200px; text-align: left;
}
.media-capability-toggle small { display: inline; color: inherit; margin-left: 8px; }
.media-capability-toggle:focus-visible { outline: 2px solid #2879d0; outline-offset: -2px; }
.media-table th.ds-model { min-width: 160px; max-width: 220px; overflow-wrap: anywhere; white-space: normal; vertical-align: top; }
.media-table td.ds-vendor { min-width: 85px; }
.media-table td.ds-channel { min-width: 110px; max-width: 145px; }
.media-table td.ds-rules { min-width: 145px; max-width: 180px; }
.media-table td.media-tier { min-width: 140px; max-width: 220px; text-align: left; white-space: normal; color: #596a7e; font-weight: 400; }
.media-table .media-price { min-width: 110px; font-variant-numeric: tabular-nums; }
.media-table .media-unit { min-width: 130px; }
.media-table .media-capability-notes { min-width: 240px; max-width: 320px; text-align: left; }
.media-table .media-offer + .media-offer tr:first-child > * { border-top: 2px solid #dbe7f3; }
.media-price-value { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; column-gap: 14px; }
.media-price-value em { font-style: normal; font-size: 12px; color: #738397; }
.media-price-value small { flex-basis: 100%; }
.media-unknown { color: #738397; }
.media-meta-note { display: block; margin-top: 4px; }
.media-table .media-empty { background: #f8fbfe; padding: 28px; text-align: left; }
.media-empty p { margin: 8px 0 0; line-height: 1.7; }