.usage-data{max-width:1040px;padding:var(--space-8) var(--space-12) var(--space-16);margin:auto}.usage-data a{color:var(--cobalt);text-underline-offset:.2em}.usage-heading{justify-content:space-between;align-items:flex-start;gap:var(--space-6);margin-top:var(--space-6);display:flex}.usage-data h1{font-size:2.375rem}.usage-data h2{font-size:1.5rem}.usage-data h3{font-size:1.25rem}.usage-data p{max-width:70ch;margin-block:var(--space-3);overflow-wrap:anywhere}.usage-data section{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--grid)}.usage-amounts{margin-block:var(--space-6);font-variant-numeric:tabular-nums}.usage-amounts>div{gap:var(--space-4);padding-block:var(--space-3);border-bottom:1px solid var(--grid);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.usage-amounts dd{text-align:right;overflow-wrap:anywhere;font-weight:600}.usage-data details{margin-top:var(--space-4)}.usage-data summary{cursor:pointer;color:var(--cobalt);padding-block:var(--space-3)}.usage-data label:not(.usage-consent){margin-top:var(--space-4);display:block}.usage-data select,.usage-data input:not([type=checkbox]){border:1px solid var(--field-border);background:var(--paper);width:100%;max-width:30rem;min-height:44px;color:var(--ink);padding:var(--space-3);margin-block:var(--space-2) var(--space-4);font:inherit;border-radius:0;display:block}.usage-consent{align-items:flex-start;gap:var(--space-3);margin-block:var(--space-6);display:flex}.usage-consent input{width:20px;height:20px;margin-top:var(--space-1);accent-color:var(--cobalt);flex-shrink:0}.usage-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.usage-error,.usage-delete:not(:disabled){color:var(--error)}.usage-jobs{margin-top:var(--space-8)}.usage-jobs ul{padding:0;list-style:none}.usage-jobs li{padding-block:var(--space-4);border-bottom:1px solid var(--grid)}.usage-jobs dl>div{gap:var(--space-3);flex-wrap:wrap;display:flex}.usage-jobs dd{overflow-wrap:anywhere}@media (max-width:600px){.usage-data{padding:var(--space-6) var(--space-4) var(--space-12)}.usage-heading{flex-direction:column}.usage-data h1{font-size:2rem}}