.subscription-summary{display:grid;grid-template-columns:1fr auto;align-items:center;padding:16px 18px;border-radius:15px;background:rgba(17,17,22,.78);box-shadow:none}
.subscription-summary span{color:#8f8f9d;font-size:12px}
.subscription-summary strong{grid-row:1/3;grid-column:2;font-size:23px}
.subscription-summary small{color:#646473;font-size:10px}
.cost-cell{display:grid;gap:4px}
.cost-cell strong{color:#eeeef3}
.cost-cell small{color:#8f7fea;font-size:10px}
.subscription-summary{grid-template-columns:1fr 1fr;gap:24px}
.summary-metric{display:grid;gap:4px}
.summary-metric+ .summary-metric{padding-left:24px;border-left:1px solid var(--line)}
.summary-metric strong{grid-row:auto;grid-column:auto;font-size:23px}
.summary-metric small{color:#646473;font-size:10px}
@media(max-width:620px){.subscription-summary{grid-template-columns:1fr;gap:16px}.summary-metric+ .summary-metric{padding-top:16px;padding-left:0;border-top:1px solid var(--line);border-left:0}}