.civic-currency-host { display: inline-flex !important; width: auto !important; max-width: 100%; vertical-align: middle; margin-bottom: 0; }
.civic-currency-host input { width: 7.5rem; min-width: 5rem; max-width: 10rem; flex: 0 1 7.5rem; }
.civic-currency-equivalent { display: inline-flex; flex-wrap: wrap; gap: .3rem; align-items: center; margin: .3rem 0 .3rem .65rem; font-size: .875rem; line-height: 1.5; color: #526477; vertical-align: middle; }
.civic-currency-equivalent .civic-currency-part { white-space: nowrap; }
@media (max-width: 480px) { .civic-currency-equivalent { display: flex; margin-left: 0; } }