.smart-basket-usage{flex-direction:column;gap:8px;display:flex}.smart-basket-usage .sbu-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.smart-basket-usage .sbu-head .sbu-title{color:var(--primary);font-weight:700}.smart-basket-usage .sbu-head .sbu-pct{color:var(--text-2,var(--text-white));white-space:nowrap;font-weight:700}.smart-basket-usage .sbu-bar{background:color-mix(in srgb, var(--text-white) 14%, transparent);border-radius:999px;width:100%;height:8px;overflow:hidden}.smart-basket-usage .sbu-bar .sbu-bar-fill{border-radius:inherit;background:linear-gradient(90deg, #f59e0b 0%, var(--primary) 100%);height:100%;transition:width .32s cubic-bezier(.2,.8,.2,1)}.smart-basket-usage .sbu-bar .sbu-bar-fill.is-high{background:var(--primary)}.smart-basket-usage .sbu-note{color:var(--text-2,var(--text-white));opacity:.85}.smart-basket-usage.smart-basket-usage--bare{background:0 0;border:none;border-radius:0;padding:0}.smart-basket-usage.smart-basket-usage--bare .sbu-head{justify-content:flex-start}.smart-basket-usage.smart-basket-usage--sm{gap:6px;padding:8px 10px}.smart-basket-usage.smart-basket-usage--sm .sbu-bar{height:6px}