.exchange-reference.compact-exchange{display:block;background:#fff;color:#203354;border:1px solid #dce4ee;border-radius:14px;padding:14px 20px;margin:20px 0;text-align:left;max-width:100%;box-shadow:none}.currency-switch.currency-picker,.exchange-reference .currency-switch.currency-picker{display:flex;justify-content:flex-start;align-items:center;gap:16px;padding:0;margin:0;border:0;flex-wrap:wrap}.currency-switch.currency-picker>span{font-size:14px;font-weight:600;color:#203354;text-transform:none;letter-spacing:0;width:auto;text-align:left}.currency-switch.currency-picker>div{display:flex;gap:4px;padding:4px;border:1px solid #dce4ee;border-radius:14px;background:#fff;max-width:100%}.currency-switch.currency-picker button{display:flex;flex-direction:column;align-items:center;justify-content:center;border:0;border-radius:9px;min-width:66px;min-height:44px;padding:6px 12px;background:#f0f3f7;color:#526581;line-height:1.2;box-shadow:none}.currency-switch.currency-picker button strong{font-size:14px;font-weight:500}.currency-switch.currency-picker button small{font-size:12px;font-weight:400;color:#526581;opacity:1}.exchange-reference .currency-switch.currency-picker button[aria-pressed=true]{background:#203354;color:#fff}.exchange-reference .currency-switch.currency-picker button[aria-pressed=true] small{color:#fff}.currency-switch.currency-picker button:hover{background:#e4eaf2}.exchange-reference .currency-switch.currency-picker button[aria-pressed=true]:hover{background:#2c446b}.currency-switch.currency-picker button:focus-visible{outline:2px solid #203354;outline-offset:2px}.currency-rate-details{margin-top:8px;font-size:13px;color:#526581}.currency-rate-details>summary{cursor:pointer;font-size:13px;color:#526581;width:-moz-fit-content;width:fit-content}.currency-rate-details[open]>summary{margin-bottom:10px}.compact-exchange .fx-summary,.compact-exchange .fx-updated{color:#526581;font-size:13px}.compact-exchange .fx-warning{color:#80550b;font-size:13px}.compact-exchange .fx-source{font-size:13px;color:#526581}@media(max-width:420px){.exchange-reference.compact-exchange{padding:12px}.currency-switch.currency-picker{gap:10px}.currency-switch.currency-picker button{min-width:60px;padding:6px 8px}}.exchange-reference.compact-exchange .fx-summary strong{color:#203354}
