.smart-basket-usage{border:1px solid color-mix(in srgb, var(--primary) 30%, transparent);background:color-mix(in srgb, var(--primary) 8%, transparent);border-radius:12px;flex-direction:column;gap:8px;padding:10px 12px;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--sm{gap:6px;padding:8px 10px}.smart-basket-usage.smart-basket-usage--sm .sbu-bar{height:6px}