.usage-bar{display:flex;align-items:center;gap:1rem;padding:1rem 1.125rem!important}.usage-bar__ring{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:3.75rem;height:3.75rem;border-radius:var(--r-pill,999px);background:conic-gradient(var(--usage-ring-color,var(--primary)) calc(var(--usage-pct, 0) * 1%),var(--surface-container-highest) 0);transition:--usage-pct var(--motion-duration-long,.3s) var(--motion-easing-emphasized-decelerate,cubic-bezier(.05,.7,.1,1))}.usage-bar--warn{--usage-ring-color:var(--error)}.usage-bar__ring>span{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:var(--r-pill,999px);background:var(--surface-container-high);color:var(--on-surface-variant)}.usage-bar--warn .usage-bar__ring>span{color:var(--error)}.usage-bar__ring i{font-size:1.35rem;line-height:1}.usage-bar__body{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.usage-bar__label{display:flex;align-items:center;gap:.4rem;min-width:0}.usage-bar__label i{opacity:.7}.usage-bar__title{line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usage-bar__value{display:flex;align-items:baseline;gap:.4rem;flex-wrap:wrap}.usage-bar__value-main{font-size:1.05rem;font-weight:700;line-height:1.1}.usage-bar__value-unit{opacity:.7;white-space:nowrap}.usage-bar__footer{display:flex;justify-content:space-between;align-items:center;gap:.5rem;opacity:.8}@property --usage-pct{syntax:"<number>";inherits:false;initial-value:0}@media (prefers-reduced-motion:reduce){.usage-bar__ring{transition:none}}@media (max-width:32rem){.usage-bar{flex-direction:column;align-items:center;text-align:center;gap:.55rem;padding:.9rem .65rem!important}.usage-bar__ring{width:3.5rem;height:3.5rem}.usage-bar__ring>span{width:2.8rem;height:2.8rem}.usage-bar__ring i{font-size:1.25rem}.usage-bar__body{width:100%;align-items:center;gap:.15rem}.usage-bar__label{justify-content:center}.usage-bar__title{white-space:normal;overflow:visible;text-overflow:clip}.usage-bar__value{justify-content:center}.usage-bar__footer{flex-direction:column;gap:.1rem}}