.account-usage{padding:26px;margin:24px 0;overflow:hidden}.usage-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.usage-heading .eyebrow{font-size:10px;letter-spacing:.13em;color:var(--mint);margin-bottom:9px}.usage-heading h2{font-size:23px;font-weight:550;letter-spacing:-.035em}.usage-heading p{font-size:12px;color:#96aabc;line-height:1.6;margin-top:8px}.usage-heading button{flex-shrink:0}.usage-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(195px,1fr));gap:12px;margin-bottom:22px}.usage-metric{padding:19px;border:1px solid #2a394a;border-radius:14px;background:#111c29}.usage-metric-heading{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px}.usage-metric-heading h3{font-size:12px;font-weight:550;color:#d1dce6}.usage-metric-heading>span{font-size:10px;color:#91a9b9}.usage-remaining{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px;margin:20px 0 14px}.usage-remaining strong{font-size:35px;line-height:1;font-weight:550;letter-spacing:-.06em;font-variant-numeric:tabular-nums;color:#b2eee3}.usage-remaining span{font-size:11px;color:#a1b6c5}.usage-meter{height:4px;background:#263343;border-radius:8px;overflow:hidden}.usage-meter>span{height:100%;display:block;background:#77cfc0;border-radius:8px}.usage-meter.is-full>span{background:#e7b37d}.usage-count,.usage-reset{font-size:11px;line-height:1.6;color:#9fb2c1;margin-top:10px;font-variant-numeric:tabular-nums}.usage-reset{color:#bbcbd6}.usage-note{font-size:10px;line-height:1.7;color:#8fa7b9;margin-top:9px}.usage-state{color:#efc89a!important;font-size:11px;line-height:1.6;margin-top:6px}.usage-details{border-top:1px solid #2a394a}.usage-details summary{display:flex;align-items:center;justify-content:space-between;gap:15px;cursor:pointer;padding:19px 0;font-size:13px;font-weight:550;list-style:none}.usage-details summary::-webkit-details-marker{display:none}.usage-details summary>span{display:flex;align-items:center;gap:9px;font-weight:400;font-size:11px;color:#9cb0c0}.usage-details summary .icon{width:14px;height:14px;transform:rotate(90deg)}.usage-details[open] summary .icon{transform:rotate(-90deg)}.usage-description,.usage-footnote{font-size:11px;line-height:1.8;color:#99aebf}.usage-description{margin:0 0 14px}.usage-footnote{padding-top:18px;border-top:1px solid #2a394a}.usage-table{padding-bottom:20px}.usage-table-head,.usage-table-row{display:grid;grid-template-columns:minmax(0,1fr) 140px 70px;column-gap:22px;align-items:center}.usage-table-head{font-size:10px;color:#8b9eaf;padding:5px 0 12px}.usage-table-head>span:last-child{text-align:right}.usage-table-row{padding:14px 0;border-top:1px solid #243342;font-size:12px}.usage-table-row>[role=cell]:first-child strong{display:block;font-size:12px;font-weight:500}.usage-table-row>[role=cell]:first-child>span,.usage-table-row small{display:block;font-size:10px;line-height:1.65;color:#92a8b9;margin-top:4px}.usage-table-row small{max-width:650px}.usage-table-count,.usage-table-remaining{font-variant-numeric:tabular-nums}.usage-table-count>span{color:#90a5b7}.usage-table-count .usage-meter{margin-top:9px}.usage-table-remaining{text-align:right;font-weight:550;font-size:14px;color:#b2eee3}.usage-empty,.usage-error{padding:12px 0;font-size:12px;line-height:1.8;color:#adc0cf}.usage-error{color:#efc0ba}.usage-empty .spinner{margin-right:7px}.usage-details summary:focus-visible{outline:2px solid var(--mint);outline-offset:3px;border-radius:5px}
@media(max-width:700px){.account-usage{padding:20px 16px;margin-top:18px}.usage-heading{align-items:flex-start;gap:12px}.usage-heading h2{font-size:21px}.usage-heading p{font-size:11px}.usage-heading .button{font-size:10px;padding:9px}.usage-heading .button .icon{display:none}.usage-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.usage-metric{padding:15px 12px}.usage-remaining strong{font-size:30px}.usage-metric-heading{display:block}.usage-metric-heading>span{display:block;margin-top:6px}.usage-metric-heading h3{line-height:1.5;overflow-wrap:anywhere}.usage-note{font-size:10px}.usage-table-head,.usage-table-row{grid-template-columns:minmax(0,1fr) 78px 43px;gap:10px}.usage-table-head{font-size:9px}.usage-details summary{font-size:12px}.usage-details summary>span{font-size:10px}.usage-reset{font-size:10px;overflow-wrap:anywhere}.usage-table-row>[role=cell]:first-child strong{font-size:11px}.usage-table-count{font-size:11px}.usage-table-remaining{font-size:12px}}