.m01-slitem__title { color: var(--color-text-body); font-size: var(--text-body); } .m01-slitem__body { display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--spacing-8) var(--spacing-16); margin: var(--spacing-8) 0; } .m01-slitem__field { display: flex; flex-direction: column; gap: var(--spacing-4); color: var(--color-text-secondary); font-size: var(--text-body-sm); } .m01-slitem__input { box-sizing: border-box; width: 120px; height: var(--control-height-sm); padding: 3px 6px; border: 1px solid var(--color-border); border-radius: var(--radius-sm); background: var(--color-canvas); color: var(--color-text-body); font: inherit; font-size: var(--text-body-sm); text-align: right; } .m01-slitem__input[readonly] { background: var(--color-surface); } .m01-slitem__chosen { margin: 0; color: var(--color-text-body); font-weight: 600; } .m01-slitem__prices { display: flex; flex-wrap: wrap; gap: var(--spacing-8) var(--spacing-16); } .m01-slitem__price { display: flex; flex-direction: column; color: var(--color-text-secondary); font-size: var(--text-caption); font-variant-numeric: tabular-nums; } .m01-slitem__price strong { color: var(--color-text-body); font-size: var(--text-body-sm); } .m01-slitem__muted { flex-basis: 100%; margin: 0; color: var(--color-text-muted); font-size: var(--text-caption); } .m01-slitem__msg { margin: var(--spacing-4) 0 0; color: var(--color-danger); font-size: var(--text-caption); }