.exchangeRate_container {
    box-sizing: border-box;
    max-width: 100%;
    min-width: 0;
}
.exchangeRate_container .exchangeRate_input { box-sizing: border-box; width: 100%; max-width: 100%; min-height: 44px; font-size: 16px; }
.exchangeRate_container .exchangeRate_result { overflow-wrap: anywhere; }
.exchangeRate_container .exchangeRate_info { line-height: 1.6; }
.exchangeRate_container .exchangeRate_info p { margin: .35rem 0; }
.exchangeRate_container .exchangeRate_error { font-size: .875rem; line-height: 1.55; }
.exchangeRate_container[data-exchange-status="STALE"] .exchangeRate_error { color: #8c5704; }
.exchangeRate_container .exchangeRate_retry {
    min-height: 44px;
    padding: .6rem 1rem;
    margin: .5rem 0;
    border: 1px solid currentColor;
    border-radius: 9px;
    background: transparent;
    color: inherit;
    font: inherit;
    font-size: .875rem;
    cursor: pointer;
}
.exchangeRate_container .exchangeRate_retry:disabled { opacity: .55; cursor: wait; }
.exchangeRate_container .exchangeRate_retry:focus-visible { outline: 3px solid #0d8d89; outline-offset: 3px; }
.exchangeRate_source, .exchangeRate_fetched { font-size: .75rem; line-height: 1.55; }
.exchangeRate_source { margin: .75rem 0 0; }
.exchangeRate_source a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.exchangeRate_source span { display: block; margin-top: .3rem; }
@media (max-width: 600px) {
    .exchangeRate_container .exchangeRate_h1 { font-size: 1.15rem; line-height: 1.45; }
    .exchangeRate_container .exchangeRate_result-amount { font-size: 1.7rem; }
}