.loan-section{max-width:1500px;margin:0 auto;padding:42px 5.5% 36px;scroll-margin-top:90px}.loan-heading{justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:25px;display:flex}.loan-heading .eyebrow{letter-spacing:1.6px;color:#737373;align-items:center;gap:9px;margin-bottom:10px;font-size:12px;display:flex}.loan-heading h2{letter-spacing:-1.1px;font-size:32px;font-weight:500;line-height:1.25}.loan-heading>p{color:#7c7c7c;font-size:14px;line-height:1.75}.loan-mobile-break{display:none}.loan-workspace{background:#fff;border:1px solid #e1e1e1;border-radius:22px;grid-template-columns:1.15fr 1fr;display:grid;overflow:hidden;box-shadow:0 12px 50px #21212106}.loan-controls{padding:32px 38px}.loan-field-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px;display:flex}.loan-field-heading>label{color:#444;font-size:16px;font-weight:500}.loan-number{background:#f5f5f5;border:1px solid #e4e4e4;border-radius:10px;align-items:center;gap:10px;max-width:55%;padding:9px 13px;display:flex}.loan-number input{letter-spacing:-.7px;color:#3d3d3d;font-variant-numeric:tabular-nums;background:0 0;outline:none;width:110px;min-width:0;font-size:25px;font-weight:600}.loan-number input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none}.loan-number span{white-space:nowrap;color:#868686;font-size:13px}.loan-term-number input{width:75px}.loan-controls [data-slot=slider-track]{background:#e9e9e9;height:5px}.loan-controls [data-slot=slider-range]{background:#686868}.loan-controls [data-slot=slider-thumb]{background:#fff;border:5px solid #4d4d4d;width:20px;height:20px;box-shadow:0 3px 8px #31313125}.loan-range{color:#939393;justify-content:space-between;gap:15px;margin:13px 0 19px;font-size:12px;display:flex}.loan-presets{gap:9px;margin-bottom:28px;display:flex}.loan-presets button{color:#787878;background:#fff;border:1px solid #e5e5e5;border-radius:7px;flex:1;padding:7px 3px;font-size:13px;transition:background .15s}.loan-presets button[aria-pressed=true]{color:#484848;background:#efefef;border-color:#ccc}.loan-assumptions{grid-template-columns:1fr 1fr;gap:20px;margin-top:22px;display:grid}.loan-assumptions label{color:#6d6d6d;font-size:13px;line-height:1.5}.loan-assumptions input{font-variant-numeric:tabular-nums;color:#3e3e3e;background:#fafafa;border:1px solid #e1e1e1;border-radius:8px;width:100%;margin-top:9px;padding:10px 12px;font-size:18px;display:block}.loan-controls input[aria-invalid=true]{outline:2px solid #6c6c6c}.loan-method-label{color:#6b6b6b;margin:23px 0 10px;font-size:14px}.loan-method-tabs{background:#f3f3f3;border-radius:10px;width:100%;height:auto;padding:4px}.loan-method-tabs [role=tab]{white-space:normal;color:#747474;height:auto;padding:11px 7px;font-size:13px;line-height:1.4}.loan-method-tabs [role=tab][data-state=active]{color:#f2f2f2;background:#353535;border-radius:7px}.loan-method-help{color:#919191;min-height:40px;margin-top:13px;font-size:12px;line-height:1.7}.loan-result{color:#fff;background:#222;flex-direction:column;justify-content:center;padding:36px 38px;display:flex}.loan-result-label{letter-spacing:1.8px;color:#cfcfcf;font-size:12px}.loan-payment{flex-wrap:wrap;align-items:baseline;gap:12px;margin:17px 0 10px;display:flex}.loan-payment strong{letter-spacing:-1.6px;color:#e8e8e8;font-variant-numeric:tabular-nums;font-size:clamp(35px,3.5vw,56px);font-weight:500;line-height:1.12}.loan-payment>span{color:#b7b7b7;font-size:15px}.loan-scenario{color:#a3a3a3;font-size:13px;line-height:1.7}.loan-totals{margin-top:24px}.loan-totals>div{border-bottom:1px solid #f7f7f717;justify-content:space-between;align-items:baseline;gap:20px;padding:12px 0;font-size:14px;display:flex}.loan-totals dt{color:#b5b5b5}.loan-totals dd{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;margin:0;font-weight:500}.loan-totals .loan-grand-total{border:0;padding:17px 0}.loan-grand-total dd{letter-spacing:-.6px;color:#efefef;font-size:22px}.loan-composition{border-radius:100px;width:100%;height:8px;margin:12px 0;display:flex;overflow:hidden}.loan-composition span:first-child{background:#eaeaea}.loan-composition span:nth-child(2){background:#8f8f8f}.loan-composition span:nth-child(3){background:#bcbcbc}.loan-legend{color:#ababab;gap:23px;font-size:12px;display:flex}.loan-legend span{align-items:center;gap:6px;display:flex}.loan-legend i{background:#eaeaea;border-radius:50%;width:6px;height:6px}.loan-legend span:nth-child(2) i{background:#8f8f8f}.loan-legend span:nth-child(3) i{background:#bcbcbc}.loan-schedule-button{color:#e0e0e0;border:1px solid #bebebe3b;border-radius:9px;align-items:center;gap:10px;margin-top:24px;padding:13px 15px;font-size:14px;display:flex}.loan-schedule-button svg:last-child{margin-left:auto}.loan-schedule-button:hover{background:#bebebe12}.loan-alternative{color:#a9a9a9;grid-template-columns:1fr auto;gap:7px 14px;margin-top:21px;font-size:12px;display:grid}.loan-alternative strong{color:#e2e2e2;white-space:nowrap;font-size:13px;font-weight:500}.loan-alternative small{color:#a5a5a5;font-size:11px;font-weight:400}.loan-alternative p{color:#999;grid-column:1/-1;font-size:12px}.loan-footnote{justify-content:space-between;align-items:flex-start;gap:35px;margin-top:18px;display:flex}.loan-footnote p{color:#919191;max-width:810px;font-size:12px;line-height:1.8}.loan-footnote b{color:#6d6d6d;font-weight:500}.loan-footnote>a{white-space:nowrap;color:#585858;align-items:center;gap:8px;margin-top:2px;font-size:13px;display:flex}.loan-invalid{padding:25px 0}.loan-invalid h3{color:#eaeaea;margin:20px 0;font-size:24px}.loan-invalid p{color:#b2b2b2;font-size:15px;line-height:1.9}.loan-schedule-dialog{border-radius:20px!important;max-width:850px!important;padding:30px!important}.loan-schedule-scroll{max-height:55vh;overflow:auto}.loan-schedule-scroll th,.loan-schedule-scroll td{font-variant-numeric:tabular-nums;text-align:right;padding:11px 14px;font-size:13px}.loan-schedule-scroll th:first-child,.loan-schedule-scroll td:first-child{text-align:left}.loan-schedule-scroll th{color:#888;background:#f4f4f4}.loan-schedule-scroll td{color:#4e4e4e}.loan-export{color:#595959;justify-self:start;align-items:center;gap:8px;padding:10px 0;font-size:14px;display:flex}.loan-section :is(button,input):focus-visible{outline-offset:3px;outline:2px solid #a3a3a3}@media (max-width:1000px){.loan-controls,.loan-result{padding:27px}.loan-heading h2{font-size:28px}.loan-heading>p{font-size:13px}.loan-payment strong{font-size:40px}.loan-grand-total dd{font-size:20px}.loan-field-heading>label{font-size:14px}.loan-footnote{flex-direction:column;gap:12px}.loan-alternative{grid-template-columns:1fr}.loan-number input{width:80px}}@media (max-width:700px){.loan-section{padding:33px 5% 22px;scroll-margin-top:80px}.loan-heading{margin-bottom:20px;display:block}.loan-heading h2{font-size:28px;line-height:1.25}.loan-mobile-break{display:block}.loan-heading>p{margin-top:13px;font-size:14px}.loan-heading>p br{display:none}.loan-heading .eyebrow{font-size:12px}.loan-workspace{border-radius:17px;grid-template-columns:1fr}.loan-controls,.loan-result{padding:25px 22px}.loan-field-heading{gap:10px}.loan-field-heading>label{max-width:130px;font-size:14px}.loan-number{gap:6px;padding:9px 10px}.loan-number input{width:67px;font-size:23px}.loan-number span{font-size:12px}.loan-term-number input{width:53px}.loan-presets button{padding:8px 2px;font-size:12px}.loan-assumptions{gap:13px}.loan-assumptions label{font-size:12px}.loan-assumptions input{font-size:18px}.loan-method-tabs [role=tab]{font-size:12px}.loan-result-label{font-size:11px}.loan-payment strong{overflow-wrap:anywhere;font-size:43px}.loan-payment>span{font-size:14px}.loan-scenario{font-size:12px}.loan-totals>div{gap:12px;font-size:13px}.loan-grand-total dd{font-size:19px}.loan-alternative{grid-template-columns:1fr auto}.loan-alternative strong{font-size:12px}.loan-alternative small{text-align:right;font-size:11px;display:block}.loan-footnote{gap:13px}.loan-footnote p{font-size:11px}.loan-footnote>a{font-size:14px}.loan-schedule-dialog{padding:24px 17px!important}.loan-schedule-scroll th,.loan-schedule-scroll td{padding:10px;font-size:12px}.loan-range{font-size:11px}}.loan-presets button,.loan-assumptions label,.loan-method-tabs [role=tab]{font-size:14px}.loan-method-help,.loan-footnote p,.loan-range,.loan-alternative small{font-size:12px}@media (max-width:700px){.loan-result-label{font-size:12px}.loan-assumptions label{font-size:14px}.loan-presets button,.loan-method-tabs [role=tab]{font-size:13px}}
