.account-period{margin:16px 0 20px}.account-period-label{font-size:12px;font-weight:600;color:var(--text);margin-bottom:5px}.account-period-remaining{display:block;font-size:23px;line-height:1.45;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text)}
.account-period-track{display:block;appearance:none;-webkit-appearance:none;width:100%;height:6px;border:0;border-radius:6px;overflow:hidden;background:var(--hover);color:var(--accent);margin-top:12px}
.account-period-track::-webkit-progress-bar{background:var(--hover);border-radius:6px}.account-period-track::-webkit-progress-value{background:var(--accent);border-radius:6px}.account-period-track::-moz-progress-bar{background:var(--accent);border-radius:6px}
.account-period.ended .account-period-remaining{color:var(--muted);font-size:16px}.account-period-start{font-size:11px;color:var(--muted)}

.account-subscription{margin:0 0 28px}.account-subscription-head{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:12px 20px}.account-subscription-head h3{font-size:20px;font-weight:600;line-height:1.5;margin:0;color:var(--text)}.account-subscription-state{font-size:12px;color:var(--accent)}
.account-billing-dates{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:28px 24px;margin:28px 0 0;padding:0}.account-billing-date{min-width:0}.account-billing-date dt{font-size:12px;line-height:1.5;color:var(--muted);margin-bottom:10px}.account-billing-date dd{font-size:17px;line-height:1.5;font-weight:500;font-variant-numeric:tabular-nums;color:var(--text);margin:0;overflow-wrap:anywhere}.account-billing-date.primary dd{font-size:21px;font-weight:600}.account-billing-date.primary dt{color:var(--accent)}

.billing-brand{display:inline-block;flex:none;width:26px;height:26px;background-position:center;background-repeat:no-repeat;vertical-align:middle;border-radius:5px}.billing-brand-patreon{background-color:#fff;background-image:url('account-assets/patreon.png');background-size:62px auto}.billing-brand-paddle{background-image:url('account-assets/paddle.ico');background-size:contain}
.account-subscription-head h3,.account-billing-identity{display:flex;align-items:center;gap:12px}.account-subscription-head h3>span:last-child{min-width:0}.account-billing-identity{gap:8px}.account-billing-identity .billing-brand,button .billing-brand,.download-button .billing-brand{width:20px;height:20px;border-radius:4px}.account-billing-identity .billing-brand-patreon,button .billing-brand-patreon,.download-button .billing-brand-patreon{background-size:46px auto}.download-button .billing-brand{margin-right:8px}