.interest-calculator{margin:0 auto;max-width:800px;padding:30px 20px}.calc-heading{color:#335c67;font-size:clamp(24px,15.086px + 2.286vw,48px);margin-bottom:30px;text-align:center}.calc-input-wrapper{margin:0 auto 20px;max-width:240px}.calc-input-group{display:flex;width:100%}.calc-input-prefix{align-items:center;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem 0 0 .25rem;border-right:0;color:#434343;display:flex;font-weight:400;line-height:1.5;padding:.375rem .75rem;text-align:center;white-space:nowrap}.calc-text-input{border:1px solid #ced4da;border-radius:0 .25rem .25rem 0;flex:1;font-size:1.125rem;padding:12px 16px}.calc-text-input:focus{border-color:#335c67;outline:none}.calc-slider-wrapper{margin:0 auto 20px;max-width:600px}.calc-slider{-webkit-appearance:none;appearance:none;background:#9f3d0a;border-radius:4px;height:8px;outline:none;width:100%}.calc-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border:3px solid #335c67;border-radius:10px;cursor:pointer;height:20px;width:28px}.calc-slider::-moz-range-thumb{background:#fff;border:3px solid #335c67;border-radius:10px;cursor:pointer;height:20px;width:28px}.calc-balance-text{color:#333;font-size:1rem;margin:20px 0 30px;text-align:center}.calc-apy,.calc-principal{font-weight:600}.calc-result{align-items:center;display:flex;gap:30px;justify-content:center;margin-top:30px}.calc-result-account,.calc-result-label{color:#335c67;flex:1;font-size:1.375rem;font-weight:600;line-height:1.3}.calc-result-label{text-align:right}.calc-result-account{text-align:left}.calc-result-amount{align-items:center;background-color:#f8f7f2;background-image:url("https://www-redcanoecu-com.sandbox.hs-sites.com/hubfs/Website%202024/Auto%20Loans/New-Used%20Auto%20Loans/Vector%20(1).png");background-position:50%;background-repeat:no-repeat;background-size:auto;border-radius:12px;display:flex;flex:1;justify-content:center;min-height:120px;padding:20px;position:relative}.calc-output{color:#335c67;font-size:3rem;font-weight:700}.visually-hidden{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}@media (max-width:768px){.calc-heading{margin-bottom:20px}.calc-result{flex-direction:column;gap:20px}.calc-result-account,.calc-result-label{flex:none;font-size:1.125rem;text-align:center}.calc-result-amount{width:100%}.calc-output{font-size:2.5rem}}