:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#143d38;background:transparent;font-synthesis:none;font-variant-numeric:tabular-nums}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #00a7cf;outline-offset:3px}.fx-body{padding:8px}.fx-card{background:#fff;border:1px solid #e0e8ee;border-radius:24px;padding:24px;max-width:760px;margin:0 auto;box-shadow:0 4px 20px #193b5710}.fx-field{position:relative;display:flex;align-items:center;min-width:0;min-height:86px;border:1px solid #aabac7;border-radius:12px;padding:28px 14px 12px;gap:12px}.fx-amount-label,.fx-field-label{position:absolute;left:14px;top:10px;font-size:11px;line-height:1.3;color:#637789;font-weight:500}.fx-field input{border:0;outline-offset:0;background:transparent;color:#143d38;width:100%;min-width:0;padding:0;font-size:clamp(20px,8vw,32px);font-weight:650;letter-spacing:-.7px}.fx-currency{display:flex;align-items:center;gap:7px;position:relative;flex:none;font-size:21px;font-weight:650;white-space:nowrap}.fx-currency img{border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px #d9e4ec}.fx-currency>span:last-of-type{font-size:17px;color:#61778a}.fx-currency select{position:absolute;inset:-14px -4px;opacity:0;width:calc(100% + 8px);height:calc(100% + 28px);cursor:pointer}.fx-swap{display:block;border:0;background:#eef7f3;color:#167567;border-radius:50%;width:38px;height:38px;margin:10px auto;font-size:24px;line-height:1}.fx-swap:hover{background:#dff0e8}.fx-summary{text-align:center;margin:24px 0 0}.fx-summary strong{font-size:17px;line-height:1.6;overflow-wrap:anywhere}.fx-summary p,.fx-table-updated{font-size:11px;color:#637789;line-height:1.7;margin:5px 0 0}.fx-credit{text-align:center;margin:27px 0 0;padding-top:19px;border-top:1px solid #e7edf2}.fx-credit a{font-size:12px;color:#167567;text-decoration:none;line-height:1.6}.fx-credit a:hover{text-decoration:underline}.fx-credit strong{font-weight:750}.fx-credit small{display:block;color:#81909f;font-size:10px;margin-top:4px}.fx-status{color:#9a5020;font-size:11px;line-height:1.6;text-align:center;margin:8px 0 0}.fx-status:empty{display:none}.fx-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 2px;border-bottom:1px solid #e2eaf0;text-decoration:none;color:#143d38}.fx-row:hover{color:#167567}.fx-row-value{font-size:20px;overflow-wrap:anywhere;min-width:0}.fx-row-currency{display:flex;align-items:center;gap:10px;flex:none;font-size:16px;font-weight:650}.fx-row-currency img{border-radius:50%;object-fit:cover}.fx-table-updated{text-align:center;margin-top:14px}.fx-pair{display:flex;align-items:center;gap:10px}.fx-pair .fx-field{flex:1;min-height:77px;padding:28px 10px 12px}.fx-pair .fx-currency{font-size:18px;gap:6px;width:100%;justify-content:center}.fx-pair .fx-field-label{left:10px}.fx-pair .fx-currency img{width:24px;height:24px}.fx-pair .fx-swap{flex:none;width:26px;background:transparent;font-size:23px;margin:0}.fx-chart{margin-top:20px;min-height:200px}.fx-chart svg{display:block;width:100%;height:auto;max-height:300px;overflow:visible}.fx-chart text{font-family:inherit;font-size:11px;fill:#6b8194}.fx-ranges{display:flex;gap:8px;margin-top:17px;justify-content:space-between}.fx-ranges button{flex:1;border:1px solid #c5d8e5;border-radius:24px;background:#fff;color:#285674;padding:10px 4px;font-size:12px;font-weight:650}.fx-ranges button[aria-pressed=true]{background:#167567;color:#fff;border-color:#167567}.fx-history-status{font-size:11px;color:#6b8194;text-align:center;line-height:1.5}.fx-history-status:empty{display:none}.fx-mode-chart .fx-summary{text-align:left}.fx-mode-chart .fx-credit{margin-top:24px}@media(min-width:460px){.fx-card{padding:32px}.fx-field{min-height:100px}.fx-chart{min-height:245px}.fx-summary strong{font-size:20px}}@media(max-width:310px){.fx-card{padding:16px;border-radius:18px}.fx-currency{font-size:17px;gap:5px}.fx-currency img{width:22px;height:22px}.fx-pair{gap:4px}.fx-pair .fx-currency{font-size:15px;gap:3px}.fx-pair .fx-currency img{width:20px;height:20px}.fx-summary strong{font-size:15px}}

html{color-scheme:light}.fx-field input{font-size:clamp(18px,6vw,32px)}.fx-credit a{color:#167567}