/* Shared presentation for every price table on pricing.html. */
html body .usage-pricing-table-frame {
    border:0!important; border-radius:0!important; background:transparent!important;
    box-shadow:none!important;
}
html body table.pricing-table,
html body table.usage-pricing-table {
    width:100%; border:1px solid #c9ced6!important;
    border-collapse:separate!important; border-spacing:0!important;
    border-radius:14px!important; overflow:hidden!important;
    background:#fff!important; color:#1d1d1f!important;
    font-variant-numeric:tabular-nums;
}
html body table.pricing-table thead tr,
html body table.usage-pricing-table thead tr { background:#f5f5f7!important; border:0!important; }
html body table.pricing-table thead th,
html body table.usage-pricing-table thead th {
    background:#f5f5f7!important; color:#686870!important;
    font-size:13px!important; font-weight:500!important;
    line-height:1.5!important; padding:16px 14px!important;
    border:0!important; border-bottom:1px solid #c9ced6!important;
    vertical-align:middle!important; text-align:center!important;
}
html body table.pricing-table tbody tr,
html body table.usage-pricing-table tbody tr { background:#fff!important; border:0!important; }
html body table.pricing-table tbody td,
html body table.usage-pricing-table tbody td,
html body table.usage-pricing-table tbody th {
    background:#fff!important; color:#1d1d1f!important;
    padding:18px 14px!important; font-size:14px!important;
    line-height:1.6!important; font-weight:600!important;
    border:0!important; border-bottom:1px solid #d9dde3!important;
    text-align:center!important; vertical-align:middle!important;
}
html body table.pricing-table tbody tr:last-child > *,
html body table.usage-pricing-table tbody tr:last-child > * { border-bottom:0!important; }
html body table.pricing-table tr > :first-child,
html body table.usage-pricing-table tr > :first-child {
    text-align:left!important; font-weight:400!important;
    border-right:1px solid #d9dde3!important;
}
html body table.pricing-table tbody tr:not(.id-card-toggle-row):hover > *,
html body table.usage-pricing-table tbody tr:hover > * { background:#f8faff!important; }
html body .usage-pricing-subhead {
    background:transparent!important; border:0!important;
    color:#1d1d1f!important; padding:0 0 12px!important;
    font-size:16px!important; font-weight:600!important;
}
html body table .card-type-family-main,
html body table .card-type-family-sub { font-family:inherit!important; line-height:1.6!important; }
html body table .card-type-family-main { font-size:14px!important; font-weight:500!important; }
html body table .card-type-family-sub { font-size:12px!important; color:#6e6e73!important; }
html body table.pricing-table .id-card-toggle-row td { background:#fafafa!important; color:#0066cc!important; padding:10px 14px!important; cursor:pointer; }
@media(max-width:768px) {
    html body table.pricing-table thead th,
    html body table.usage-pricing-table thead th { padding:14px 12px!important; }
    html body table.pricing-table tbody td,
    html body table.usage-pricing-table tbody td,
    html body table.usage-pricing-table tbody th { padding:16px 12px!important; }
}

/* The table owns its border; scrolling wrappers must not add a second frame. */
html body .pricing-table-container {
    border:0!important; border-radius:0!important;
    box-shadow:none!important; background:transparent!important;
}