.labs-live-costs { box-sizing:border-box; min-width:0; margin:0 0 24px; padding:20px; border:1px solid color-mix(in srgb,currentColor 22%,transparent); border-radius:14px; color:inherit; text-align:left; line-height:1.5; }
.labs-live-costs[hidden] { display:none; }
.labs-live-costs h3 { margin:0 0 12px; font-size:17px; line-height:1.4; color:inherit; }
.labs-live-costs p { margin:10px 0 0; font-size:13px; color:inherit; overflow-wrap:anywhere; }
.labs-live-costs .labs-live-cost-rate { font-size:19px; font-weight:600; line-height:1.4; }
.labs-live-costs .labs-live-cost-example { padding:10px 12px; border-radius:8px; background:color-mix(in srgb,currentColor 6%,transparent); }
.labs-live-costs .labs-live-cost-status,.labs-live-costs .labs-live-cost-total { font-weight:600; }
.labs-live-costs[data-delivery-state="exceeded"],.labs-live-costs[data-delivery-state="exhausted"] { border-left-width:4px; }
.labs-live-costs .labs-live-cost-footnote { font-size:12px; }
.labs-live-cost-refresh { margin-top:14px; padding:8px 12px; border:1px solid color-mix(in srgb,currentColor 25%,transparent); border-radius:8px; background:transparent; color:inherit; font:inherit; font-size:12px; cursor:pointer; }
.labs-live-cost-refresh:focus-visible { outline:2px solid currentColor; outline-offset:3px; }
.labs-live-costs.is-compact { padding:14px; margin:16px 0; }
.labs-live-costs.is-compact h3 { font-size:15px; }
.labs-live-costs.is-compact .labs-live-cost-rate { font-size:16px; }
.labs-live-costs.is-compact p { font-size:12px; }
@media(max-width:600px) { .labs-live-costs { padding:16px; }.labs-live-costs .labs-live-cost-rate { font-size:17px; } }