.converter-box{background:#f7f7f7;border:1px solid #bbb;min-height:239px;padding:24px}.converter-columns{justify-content:space-between;align-items:flex-start;display:flex}.converter-column{width:241px}.converter-currency{color:#222;background:#fff;border:1px solid #ddd;justify-content:space-between;align-items:center;width:100%;padding:12px;font-size:14px;display:flex}.converter-currency span{margin-left:auto}.converter-amount{background:#eee;border:1px solid #ddd;align-items:center;height:80px;padding:10px;font-size:22px;display:flex}.converter-amount input{background:#eee;border:1px solid #aabbd6;width:100%;min-width:0;font-size:22px}.converter-amount output{padding:4px}.converter-column small{color:#888;margin-top:7px;display:block}.converter-swap{color:#6483a7;padding:48px 12px;font-size:22px}.converter-tools{justify-content:space-between;align-items:center;margin-top:18px;font-size:12px;display:flex}.converter-tools button{color:#14559a}.converter-tools input{text-align:center;background:#fff;border:1px solid #aaa;width:110px}.converter-note{color:#777;font-size:11px}.converter-overview{border-top:3px solid #ddd;margin-top:25px;padding-top:18px}.converter-overview h2{font-size:18px}.converter-overview-grid{border:1px solid #ccc;grid-template-columns:1fr 1fr;min-height:220px;font-size:12px;display:grid}.converter-overview-grid>div{padding:16px}.converter-overview-grid>div+div{border-left:1px solid #ccc;padding:0}.converter-overview-grid>div+div>div{min-height:109px;padding:16px}.converter-overview-grid>div+div>div+div{border-top:1px solid #ccc}.converter-overview-grid p{color:#999}.converter-selector{position:relative}.converter-dropdown{z-index:4;background:#fff;border:1px solid #bbb;position:absolute;top:100%;left:0;right:0;box-shadow:0 2px 4px #0003}.converter-dropdown>input{border:0;border-bottom:1px solid #ddd;width:100%;padding:8px}.converter-options{height:248px;overflow-y:auto}.converter-options strong{padding:8px 12px 4px;font-size:12px;display:block}.converter-options button{text-align:left;width:100%;padding:5px 12px;font-size:12px;display:block}.converter-options button:hover{background:#eaf2fa}.converter-options p{padding:8px;font-size:12px}.converter-promo{color:#fff;background:#fa4045;justify-content:center;align-items:center;gap:12px;min-height:45px;font-size:13px;display:flex}.converter-promo a{color:#222;background:#fff;padding:5px 12px;font-size:12px;font-weight:700}.converter-promo button{color:#fff;opacity:.7;cursor:default}.converter-side-chart{color:#788493;background:#f8fafc;justify-content:center;align-items:center;height:140px;display:flex}.converter-side-note,.converter-overview small{color:#788493;font-size:11px}.converter-side-list>div{text-align:right;border-bottom:1px solid #eee;grid-template-columns:minmax(0,1fr) repeat(3,auto);gap:7px;padding:7px 0;font-size:10px;display:grid}.converter-side-list a{text-align:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.converter-down{color:#1670dc}.converter-up{color:#e33322}.converter-add{margin-top:24px;font-size:12px}.converter-observed-range{color:#888;margin-top:7px;position:relative}.converter-range-label{background:#fff;border:1px solid #ddd;padding:2px 8px;font-size:10px;display:inline-block}.converter-range-track{background:#eee;height:5px;margin:7px 0 4px;position:relative}.converter-range-track i{background:#555;width:1px;height:5px;position:absolute;bottom:0;left:0}.converter-observed-range-year .converter-range-label{margin-left:14%}.converter-observed-range-year .converter-range-track i{left:17%}.converter-range-ends{justify-content:space-between;font-size:11px;display:flex}.converter-observed-range small{color:#788493;font-size:10px;display:block}.converter-footer .reference-footer{margin-left:0;margin-right:0}.converter-side-chart{color:#777;background:#fff;height:172px;padding:0 2px;display:block}.converter-side-periods{color:#999;justify-content:space-between;align-items:center;height:30px;font-size:10px;display:flex}.converter-side-periods strong{color:#222;text-decoration:underline}.converter-side-chart svg{width:100%;height:126px;display:block}.converter-side-axis{color:#aaa;justify-content:space-around;font-size:9px;line-height:14px;display:flex}