.exchange-widget{position:relative;overflow:hidden;margin:0 0 22px;padding:20px 17px 17px;border-radius:14px;background:linear-gradient(145deg,#0d4a39,#063126 72%);color:#fff;box-shadow:0 12px 28px #083a2d22}
.exchange-widget:before{content:'';position:absolute;right:-55px;top:-72px;width:180px;height:180px;border:1px solid #ffffff20;border-radius:50%;box-shadow:0 0 0 24px #ffffff08,0 0 0 48px #ffffff08}.exchange-widget>*{position:relative}
.exchange-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.exchange-kicker{display:block;color:#bcd4c9;font-size:7px;letter-spacing:1.5px}.exchange-head h2{margin-top:6px;font-size:20px;line-height:1.35;letter-spacing:-.6px}.exchange-live{display:flex;align-items:center;gap:5px;flex-shrink:0;padding:6px 8px;border:1px solid #ffffff25;border-radius:20px;background:#ffffff10;color:#dceae4;font-size:7px}.exchange-live:before{content:'';width:6px;height:6px;border-radius:50%;background:#7bdfa8;box-shadow:0 0 0 3px #7bdfa822}
.exchange-rate-row{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:20px;padding-bottom:13px;border-bottom:1px solid #ffffff1f}.exchange-rate-label{display:block;color:#b8d0c5;font-size:8px}.exchange-rate-value{display:block;margin-top:4px;font-size:19px;letter-spacing:-.5px}.exchange-date{color:#a9c4b8;font-size:7px;text-align:right;line-height:1.6}
.exchange-fields{display:grid;grid-template-columns:1fr 30px 1fr;align-items:center;gap:8px;margin-top:15px}.exchange-field{min-width:0;padding:11px 12px;border-radius:9px;background:#fff;color:#17392e}.exchange-field label{display:flex;align-items:center;justify-content:space-between;color:#668076;font-size:7px}.exchange-field label b{color:#1e4c3c;font-size:9px}.exchange-field input{width:100%;margin-top:7px;border:0;outline:0;background:transparent;color:#14382c;font:700 20px/1.2 'Ria',sans-serif;min-width:0}.exchange-field output{display:block;overflow:hidden;margin-top:7px;color:#14382c;font-size:19px;line-height:1.25;white-space:nowrap;text-overflow:ellipsis}.exchange-arrow{display:grid;place-items:center;color:#c5dacf;font-size:15px}
.exchange-quick{display:flex;gap:6px;margin-top:10px;overflow-x:auto;scrollbar-width:none}.exchange-quick::-webkit-scrollbar{display:none}.exchange-quick button{flex-shrink:0;padding:7px 10px;border:1px solid #ffffff24;border-radius:20px;background:#ffffff0e;color:#e4eee9;font-size:8px}.exchange-quick button:active{background:#ffffff25}.exchange-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;color:#a9c3b7;font-size:7px;line-height:1.6}.exchange-refresh{display:flex;align-items:center;gap:5px;flex-shrink:0;padding:5px 7px;border-radius:5px;background:#ffffff12;color:#d7e7df;font-size:7px}.exchange-refresh svg{width:11px;height:11px}.exchange-refresh[disabled]{opacity:.55}
@media(max-width:370px){.exchange-widget{padding:18px 13px 15px}.exchange-fields{grid-template-columns:1fr 24px 1fr;gap:5px}.exchange-field{padding:10px 9px}.exchange-field input,.exchange-field output{font-size:17px}.exchange-head h2{font-size:18px}}