.auto-rates-panel{border:1px solid #dce6f1!important;border-radius:16px!important;padding:26px!important;margin-bottom:20px!important;background:#fff!important}.auto-rate-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px}.auto-rate-heading small{font-size:9px;letter-spacing:1.5px;color:#6e86a0}.auto-rate-heading h2{font-size:21px;margin:10px 0;color:#183959}.auto-rate-heading p,.auto-rate-help{font-size:12px;color:#667e97;line-height:1.9}.auto-rate-badge{white-space:nowrap;padding:8px 11px;background:#eaf2fc;color:#295780;border-radius:20px;font-size:11px}.auto-rate-preview{display:flex;align-items:center;gap:20px;background:#f5f8fc;border:1px solid #e0e9f3;border-radius:13px;padding:24px}.auto-rate-preview>div{flex:1}.auto-rate-preview span{display:block;font-size:12px;color:#627b95;margin-bottom:10px}.auto-rate-preview strong{font-size:30px;color:#1b3c60;font-variant-numeric:tabular-nums;letter-spacing:-1px}.auto-rate-preview strong small{font-size:13px;font-weight:400;letter-spacing:0}.auto-rate-preview>b{font-weight:400;color:#879db5}.auto-rate-final{border-left:1px solid #d6e1ee;padding-left:22px}.auto-rate-final strong{color:#174c82}.auto-rate-period{font-size:12px;color:#456b94;margin:14px 0 24px}.auto-rate-form{display:flex;align-items:end;gap:18px;flex-wrap:wrap;border-top:1px solid #e7edf5;padding-top:22px}.auto-rate-form>label{display:grid;gap:9px;font-size:12px;color:#365877}.auto-rate-form input[type=number],.auto-rate-filters input{padding:12px;border:1px solid #cfdeee;border-radius:9px;font:inherit;box-sizing:border-box;max-width:100%}.auto-rate-form .auto-rate-toggle{display:flex;align-items:center;min-height:43px;gap:8px}.auto-rate-toggle input{accent-color:#244f7e;width:18px;height:18px}.auto-rate-form button,.auto-rate-filters button{border:1px solid #204770;background:#204770;color:#fff;border-radius:9px;padding:12px 17px;font-size:12px;cursor:pointer}.auto-rate-form button:disabled{opacity:.5;cursor:wait}.auto-rate-status{flex-basis:100%;font-size:12px;color:#315b83;margin:0;line-height:1.8}.auto-rate-filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-bottom:16px}.auto-rate-filters label{display:grid;gap:8px;font-size:12px}.auto-rate-filters button{background:#f3f7fc;color:#315a82;border-color:#d2e0ef}.auto-rate-filters>span{font-size:12px;color:#6b8199;padding-bottom:12px}.auto-rates-panel :focus-visible{outline:3px solid #9ab7d8;outline-offset:3px}
@media(max-width:640px){.auto-rates-panel{padding:20px 16px!important}.auto-rate-heading{flex-wrap:wrap}.auto-rate-preview{padding:17px;gap:10px;flex-wrap:wrap}.auto-rate-preview strong{font-size:23px}.auto-rate-final{flex-basis:100%!important;border-left:0;border-top:1px solid #d6e1ee;padding:15px 0 0}.auto-rate-form{gap:12px}.auto-rate-form button{width:100%}.auto-rate-form>label{max-width:100%}}

.auto-rate-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.auto-rate-currency{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:19px;border:1px solid #dce5ef;border-radius:12px;background:#f6f9fd}.auto-rate-currency>b{color:#1e446f;font-size:16px}.auto-rate-currency small{font-size:11px;color:#73849b;font-weight:400}.auto-rate-currency>span{font-size:12px;color:#62748b}.auto-rate-currency strong{font-size:20px;color:#1c3d65;margin:0 4px;font-variant-numeric:tabular-nums}.auto-rate-arrow{color:#8a9bb0}@media(max-width:900px){.auto-rate-pair{grid-template-columns:1fr}}