*,:after,:before{box-sizing:inherit;margin:0;padding:0}html{box-sizing:border-box;font-size:62.5%}body{background:#e4f4fd;font-family:Plus Jakarta Sans,sans-serif}body,html{height:100%}.app{max-width:68.8rem}.app,.inputs{display:flex;flex-direction:column}.inputs{background:#fff;gap:clamp(2.4rem,2.4rem + 1.6 * (100vw - 37.5rem)/31.3,4rem);padding:clamp(3.2rem,3.2rem + .8 * (100vw - 37.5rem)/31.3,4rem) clamp(2.4rem,2.4rem + 1.6 * (100vw - 37.5rem)/31.3,4rem)}.inputs__header-clear{align-items:start;display:flex;flex-direction:column;gap:.8rem}.inputs__header{color:#133041;font-size:2.4rem;font-weight:700;line-height:3rem}.inputs__clear{color:#4e6e7e;font-size:1.6rem;font-weight:500;line-height:2.4rem;text-decoration-line:underline;text-underline-position:from-font;transition:color .3s}.inputs__clear:focus{outline:none}.inputs__clear:focus-visible{border-radius:.4rem;outline:.2rem solid #133041;outline-offset:.2rem}.inputs__form,.inputs__term-rate{display:flex;flex-direction:column;gap:2.4rem}.inputs__btn{align-items:center;background:#d8db2f;border:none;border-radius:99.9rem;color:#133041;display:flex;font-family:Plus Jakarta Sans,sans-serif;font-size:clamp(1.6rem,1.6rem + .2 * (100vw - 32rem)/5.5,1.8rem);font-weight:700;gap:1.2rem;height:5.6rem;justify-content:center;line-height:2.25rem;margin-top:clamp(0rem,0rem + 1.6 * (100vw - 37.5rem)/31.3,1.6rem);max-width:32.7rem;padding:0 clamp(3rem,3rem + 1 * (100vw - 32rem)/5.5,4rem)}.inputs__btn:focus{outline:none}.inputs__btn:focus-visible{outline:.2rem solid #133041}.inputs__btn-icon{display:block;height:2.4rem;width:2.4rem}.input{display:flex;flex-direction:column;gap:1.2rem}.input__label{color:#4e6e7e;font-size:1.6rem;font-weight:500;line-height:2.4rem}.input__container{border:.1rem solid #6b94a8;border-radius:.4rem;display:flex;height:4.8rem;transition:border-color .3s}.input__container:hover{border-color:#133041}.input__container:focus-within{border-color:#d8db2f}.input__container:focus-within .input__prefix-suffix{background:#d8db2f;color:#133041}.input__container.input__container--error:focus-within{border-color:#d73328}.input__container.input__container--error:focus-within .input__prefix-suffix{background:#d73328;color:#fff}.input__container.input__container--error:hover{border-color:#d73328}.input__prefix-suffix{align-items:center;background:#e4f4fd;border-radius:.4rem 0 0 .4rem;color:#4e6e7e;display:flex;justify-content:center;padding:1.2rem 1.6rem;transition:background-color .3s,color .3s}.input__input,.input__prefix-suffix{font-size:1.8rem;font-weight:700;height:100%;line-height:2.25rem}.input__input{border:none;border-radius:.4rem;caret-color:#1e1e1e;color:#133041;font-family:inherit;outline:none;padding:0 1.6rem;width:100%}.input__input:hover{cursor:pointer}.input__input:focus{cursor:text}.input__error{color:#d73328;font-size:1.4rem;font-weight:500;line-height:2.1rem}.input__radios{display:flex;flex-direction:column;gap:1.2rem}.input__radio-container{align-items:center;border:.1rem solid #6b94a8;border-radius:.4rem;color:#133041;display:flex;font-size:1.8rem;font-weight:700;gap:1.6rem;height:4.8rem;line-height:2.25rem;padding:0 1.6rem;transition:background-color .3s,border-color .3s}.input__radio-container:has(.input__radio:checked){background:#d8db2f26;border-color:#d8db2f}.input__radio-container:focus-within{border-color:#133041}.input__radio{height:0;opacity:0;position:absolute;width:0}.input__radio:checked+.input__radio-custom{border:.2rem solid #d8db2f}.input__radio:checked+.input__radio-custom:after{opacity:1}.input__radio:focus-visible+.input__radio-custom{outline:.2rem solid #133041;outline-offset:.1rem}.input__radio-custom{align-items:center;border:.2rem solid #4e6e7e;border-radius:50%;display:flex;height:2.4rem;justify-content:center;transition:border-color .3s;width:2.4rem}.input__radio-custom:after{background-color:#d8db2f;border-radius:50%;content:"";display:block;height:1.05rem;opacity:0;transition:opacity .3s;width:1.05rem}.results{background:#133041;padding:clamp(3.2rem,3.2rem + .8 * (100vw - 37.5rem)/31.3,4rem) clamp(2.4rem,2.4rem + 1.6 * (100vw - 37.5rem)/31.3,4rem)}.unavailable{align-items:center;display:flex;flex-direction:column;gap:1.6rem}.unavailable__illustration{display:block;height:19.2rem;width:19.2rem}.unavailable__results-text{color:#fff;font-size:2.4rem;font-weight:700;line-height:3rem}.unavailable__instructions{color:#9abed5;font-size:1.6rem;font-weight:500;line-height:2.4rem;text-align:center}.available{display:flex;flex-direction:column;gap:clamp(2.4rem,2.4rem + 1.6 * (100vw - 37.5rem)/31.3,4rem)}.available__header-text{display:flex;flex-direction:column;gap:1.6rem}.available__header{color:#fff;font-size:2.4rem;font-weight:700;line-height:3rem}.available__text{color:#9abed5;font-size:1.6rem;font-weight:500;line-height:2.4rem}.card{background:#00000040;border-radius:.8rem;border-top:.4rem solid #d8db2f;gap:clamp(1.6rem,1.6rem + 1.6 * (100vw - 37.5rem)/31.3,3.2rem);padding:clamp(2.4rem,2.4rem + .8 * (100vw - 37.5rem)/31.3,3.2rem) clamp(1.6rem,1.6rem + 1.6 * (100vw - 37.5rem)/31.3,3.2rem)}.card,.card__label-value{display:flex;flex-direction:column}.card__label-value{gap:.8rem}.card__label{color:#9abed5;font-size:1.6rem;font-weight:500;line-height:2.4rem}.card__monthly-value{color:#d8db2f;font-size:clamp(4rem,4rem + 1.6 * (100vw - 37.5rem)/31.3,5.6rem);font-weight:700}.card__term-value{color:#fff;font-size:2.4rem;font-weight:700;line-height:3rem}.card__separator{background:#9abed540;height:.1rem}@media only screen and (max-width:23.4375em){.card__monthly-value{font-size:clamp(3.5rem,3.5rem + .5 * (100vw - 32rem)/5.5,4rem)}}@media only screen and (min-width:43em){#root{align-items:center;display:flex;justify-content:center;min-height:100%}.app{border-radius:2.4rem;box-shadow:0 3.2rem 6.4rem 0 #1330411a;overflow:hidden}.inputs__header-clear{align-items:center;flex-direction:row;gap:initial;justify-content:space-between}.inputs__term-rate{flex-direction:row}.card__monthly-value{line-height:7rem}}@media only screen and (min-width:63em){.app{background:#fff;flex-direction:row;max-width:100.8rem}.inputs{flex:1 1}.results{border-radius:0 0 0 8rem;display:flex;flex:1 1}.unavailable{align-self:center}}@media only screen and (min-width:62em){.inputs__clear:hover{color:#133041;cursor:pointer}.inputs__btn:hover{background:linear-gradient(0deg,#ffffff80,#ffffff80),#d8db2f;cursor:pointer}.input__radio-container:hover{border-color:#d8db2f;cursor:pointer}}.suffix{border-radius:0 .4rem .4rem 0;order:1}.input__container--error{border:.1rem solid #d73328}.input__prefix-suffix--error{background:#d73328;border-radius:.25rem 0 0 .25rem;color:#fff}.input__prefix-suffix--error.suffix{border-radius:0 .25rem .25rem 0}
/*# sourceMappingURL=main.2c42cb59.css.map*/