*{box-sizing:border-box;font-family:Plus Jakarta Sans,sans-serif;font-optical-sizing:auto;font-size:16px;margin:0;padding:0}:root{--lime:#d7da2f;--red:#d73328;--slate-100:#e3f3fd;--slate-300:#9abed5;--slate-500:#6b94a8;--slate-700:#4e6e7e;--slate-900:#122f3f;--slate-1000:#0e2431}body{background-color:#e3f3fd;background-color:var(--slate-100);display:grid;min-height:100vh;padding:1rem;place-content:center}.App{background-color:#fff;border-radius:15px;display:grid;grid-template-columns:1fr 1fr;max-width:58.5rem}.calculator__container{color:#122f3f;color:var(--slate-900);padding:1.5rem}.calculator__header{display:flex;justify-content:space-between;margin-bottom:1.4rem;margin-top:.5rem}.calculator__header h1{font-size:24px}.calculator__header button{background:none;border:none;color:#4e6e7e;color:var(--slate-700);font-size:14px;outline:none;text-decoration:underline}.calculator__header button:hover,.radio__label:hover,input:hover{cursor:pointer}.calculator__container form label{color:#4e6e7e;color:var(--slate-700);font-size:14px}.input_wrapper{display:block;margin-top:.5rem;position:relative}form{width:max-content}.input_wrapper input{background-color:initial;border:1px solid #4e6e7e;border:1px solid var(--slate-700);border-radius:5px;flex:1 1;height:2.5rem;padding-left:3rem;position:relative;width:100%;z-index:1}.input_icon{align-items:center;background-color:#e3f3fd;background-color:var(--slate-100);box-sizing:border-box;color:#122f3f;color:var(--slate-900);display:flex;font-weight:500;height:100%;justify-content:center;padding:0 1rem;position:absolute;top:50%;transform:translateY(-50%)}.rate__term .input_wrapper input{padding-left:1rem}.rate__term{display:flex;gap:1rem;margin-top:20px}.rate__term .input_wrapper input{max-width:11.5rem;padding-right:3rem}.rate__term .input_icon{border-radius:0 4px 4px 0;left:auto;right:0}input:focus{border:1px solid #d7da2f;border:1px solid var(--lime);outline:none}.input_wrapper input:focus+.input_icon{background-color:#d7da2f;background-color:var(--lime);border-radius:4px 0 0 4px}.rate__term .input_wrapper input:focus+.input_icon{background-color:#d7da2f;background-color:var(--lime);border-radius:0 4px 4px 0!important}.radio__btn{display:flex;flex-direction:column;gap:.5rem;margin-top:1.5rem}.radio__btn div{border:1px solid #4e6e7e;border:1px solid var(--slate-700);border-radius:4px;padding:.7rem .5rem .7rem 1rem;width:100%}.radio__btn div:hover{border:1px solid #d7da2f;border:1px solid var(--lime);cursor:pointer}input[type=radio]{-webkit-appearance:none;border:1px solid gray;border-radius:50%;height:15px;outline:none;width:15px}input[type=radio]:before{border-radius:50%;content:"";display:block;height:58%;margin:20% auto;width:58%}input[type=radio]:checked:before{background:#d7da2f;background:var(--lime)}input[type=radio]:checked{border-color:#d7da2f;border-color:var(--lime)}.radio__label{color:#122f3f!important;color:var(--slate-900)!important;font-weight:700}.radio__btn input[type=radio]{margin-right:.6rem}.calc{align-items:center;background-color:none;background-color:#d7da2f;background-color:var(--lime);border:none;border-radius:25px;color:#122f3f;color:var(--slate-900);display:flex;font-weight:700;margin-top:2rem;outline:none;padding:.8rem 2rem}.calc svg{margin-right:10px}.calc:hover{background-color:#d7da2f80;cursor:pointer}.empty__results__container{align-items:center;background-color:#122f3f;background-color:var(--slate-900);border-radius:15px;border-bottom-left-radius:55px;border-top-left-radius:0;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:1.5rem 1.5rem 4rem;text-align:center}.empty__results__container h1{font-size:24px;margin:1rem 0}.empty__results__container p{color:#9abed5!important;color:var(--slate-300)!important}.results__container{background-color:#122f3f;background-color:var(--slate-900);border-radius:15px;border-bottom-left-radius:55px;border-top-left-radius:0;color:#fff;display:flex;flex-direction:column;padding:1.5rem 1.5rem 2rem}.Interest_Only,.Repayment{background-color:rgba(215,218,47,.212)!important;border:1px solid #d7da2f!important;border:1px solid var(--lime)!important}.results__container h1{font-size:24px;margin-bottom:1rem;margin-top:.5rem}.results__container>p{color:#9abed5!important;color:var(--slate-300)!important;margin-bottom:1.5rem;text-align:start}.results{background-color:#0e2431;background-color:var(--slate-1000);border-radius:8px;border-top:4px solid #d7da2f;border-top:4px solid var(--lime);display:block;margin:0 auto;min-width:25rem;padding:1.5rem}.month__repay p,.repay__term p{color:#9abed5;color:var(--slate-300);margin-bottom:.5rem}.repay{color:#d7da2f!important;color:var(--lime)!important;font-size:50px;font-weight:700;padding-bottom:1rem}.month__repay{border-bottom:1px solid #4e6e7e;border-bottom:1px solid var(--slate-700)}.repay__term{margin-top:1.8rem}.term{color:#fff!important;font-size:20px;font-weight:700}.empty{color:#d73328;color:var(--red);font-size:12px}.empty_input{background-color:#d73328!important;background-color:var(--red)!important;border-radius:4px 0 0 4px;color:#fff}.empty_field input{border:1px solid #d73328!important;border:1px solid var(--red)!important}@media (max-width:768px){body{margin:2rem;padding:0}.App{grid-template-columns:1fr;max-width:20.5rem}.rate__term{flex-direction:column}.rate__term .input_wrapper input{max-width:100%}.calculator__header{align-items:start;flex-direction:column;justify-content:space-between}}
/*# sourceMappingURL=main.a3181525.css.map*/