.sl-bar{display: flex;height: 12px;border-radius: 99px;overflow: hidden;background: var(--surface-3)}.sl-bar span{display: block;height: 100%;transition: width .3s var(--ease)}.sl-legend{display: flex;flex-wrap: wrap;gap: 12px;margin-top: 6px;font-size: 0.78rem;color: var(--text-3)}.sl-legend i{display: inline-block;width: 10px;height: 10px;border-radius: 3px;margin-right: 5px}.sl-b-liq{background: var(--success)}.sl-b-inss{background: #f59e0b}.sl-b-ir{background: var(--danger)}.sl-b-out{background: #8b5cf6}