.exchange-table{max-width:700px;width:100%;margin:0 auto 30px;background-color:#fff;border:1px solid #eae6df;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,3%);padding:24px;box-sizing:border-box}.exchange-label{font-family:inter,sans-serif;font-size:13px;font-weight:700;color:#6b6a65;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;display:block}.text-amount,.flat-select-currency{font-family:inter,sans-serif;color:#2c3e50;background-color:#fdfbf7;border:1px solid #eae6df;border-radius:6px;height:44px;width:100%;box-sizing:border-box;transition:all .2s ease}.flat-select-currency{font-size:13px;font-weight:600;padding:0 8px}.text-amount{text-align:center;font-size:22px;font-weight:700;color:#1b4d3e;padding:0 12px}.text-amount:focus,.flat-select-currency:focus{outline:none;background-color:#fff;border-color:#1b4d3e;box-shadow:0 0 0 3px rgba(27,77,62,.1)}#swap{font-size:26px;color:#1b4d3e;text-decoration:none;display:flex;align-items:center;justify-content:center;height:44px;transition:color .2s ease,transform .2s ease}#swap:hover{color:#e65f2b;transform:scale(1.1)}.results-container{margin-top:32px;text-align:center}#amount-from{font-family:inter,sans-serif;font-size:22px;font-weight:700;color:#1b4d3e;margin-bottom:8px}#amount-from .label{font-size:16px;font-weight:500;color:#6b6a65;margin-left:6px}#amount-total{font-family:inter,sans-serif;font-size:44px;font-weight:800;color:#e65f2b;margin-bottom:20px;line-height:1}#amount-total .label{font-size:20px;font-weight:600;margin-left:8px}.curr-change{font-family:inter,sans-serif;font-size:15px;font-weight:600;color:#6b6a65;margin-bottom:4px}.lastupdate{font-family:inter,sans-serif;color:#a09e9a;text-align:right;font-size:12px;font-weight:500;margin-top:24px;border-top:1px solid #f0eeea;padding-top:12px}@media only screen and (max-width:750px){.controls-row{display:flex;flex-direction:column;gap:16px}.controls-row td{display:block;width:100%;padding-left:0!important;padding-right:0!important}#swap{height:auto;transform:rotate(90deg);padding:4px 0}#swap:hover{transform:rotate(90deg)scale(1.1)}.exchange-label{display:none}#amount-total{font-size:36px}#amount-total .label{font-size:18px}}