*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--8px: .5rem;--12px: .75rem;--16px: 1rem;--18px: 1.125rem;--24px: 1.5rem;--32px: 2rem;--40px: 2.5rem;--56px: 3.5rem;--spacing-100: var(--8px);--spacing-150: var(--12px);--spacing-200: var(--16px);--spacing-300: var(--24px);--spacing-400: var(--32px);--spacing-500: var(--40px);--lime: hsl(61deg, 70%, 52%);--lime-lightened: hsl(61deg, 70%, 52%, 50%);--lime-muted: hsl(61deg, 70%, 52%, 15%);--red: hsl(4deg, 69%, 50%);--slate-100: hsl(202deg, 86%, 94%);--slate-300: hsl(203deg, 41%, 72%);--slate-500: hsl(200deg, 26%, 54%);--slate-700: hsl(200deg, 24%, 40%);--slate-900: hsl(202deg, 55%, 16%)}@font-face{font-family:Plus Jakarta Sans;src:local("Plus Jakarta Sans"),url(/assets/PlusJakartaSans-VariableFont_wght-D_DSbd_K.ttf)}.text-preset-1{font-family:Plus Jakarta Sans,sans-serif;font-weight:700;font-size:var(--40px);line-height:125%;letter-spacing:-1px}@media (min-width: 40rem){.text-preset-1{font-size:var(--56px)}}.text-preset-2{font-family:Plus Jakarta Sans,sans-serif;font-weight:700;font-size:var(--24px);line-height:125%;letter-spacing:-1px}.text-preset-3{font-family:Plus Jakarta Sans,sans-serif;font-weight:700;font-size:var(--18px);line-height:125%;letter-spacing:-1px}.text-preset-4{font-family:Plus Jakarta Sans,sans-serif;font-weight:500;font-size:var(--16px);line-height:150%;letter-spacing:0}.text-preset-5{font-family:Plus Jakarta Sans,sans-serif;font-weight:500;font-size:var(--14px);line-height:150%;letter-spacing:0}body{background-color:var(--slate-100);display:flex;min-height:100vh;align-items:center;justify-content:center}:root{--48px: 3rem;--field-height: var(--48px);--field-border-radius: 4px;--field-color-valid: var(--lime);--field-color-invalid: var(--red)}._calculator_156dr_9{background-color:#fff;display:grid;box-shadow:0 32px 64px #122f3f1a;--336px: 21rem;--1008px: 63rem;min-width:var(--336px);max-width:var(--1008px)}@media (min-width: 40rem){._calculator_156dr_9{margin:40px;border-radius:24px}}@media (min-width: 64rem){._calculator_156dr_9{grid-template-columns:1fr 1fr}}._formContainer_156dr_33{display:grid;grid-template-columns:1fr;padding:var(--spacing-300);gap:var(--spacing-300)}@media (min-width: 40rem){._formContainer_156dr_33{gap:var(--spacing-500);padding:var(--spacing-500)}}._formHeader_156dr_47{display:flex;flex-direction:column;gap:var(--spacing-100)}@media (min-width: 40rem){._formHeader_156dr_47{flex-direction:row;justify-content:space-between}}._formTitle_156dr_60{color:var(--slate-900)}._resetFormButton_156dr_64{border:none;background-color:transparent;text-align:left;text-decoration:underline;color:var(--slate-700)}._resetFormButton_156dr_64:hover{color:var(--slate-900)}._formFields_156dr_76{display:grid;gap:var(--spacing-300);grid-template-areas:"amount" "term" "rate" "type"}@media (min-width: 40rem){._formFields_156dr_76{grid-template-areas:"amount amount" "term rate" "type type"}}._formFieldsAmount_156dr_95{grid-area:amount}._formFieldsTerm_156dr_99{grid-area:term}._formFieldsRate_156dr_103{grid-area:rate}._formFieldsType_156dr_107{grid-area:type}._radioGroup_156dr_111{display:flex;flex-direction:column;gap:var(--spacing-200)}._radioGroup_156dr_111>label{color:var(--slate-700)}._radioGroup_156dr_111:has(input:user-invalid):after{content:"This field is required";color:var(--red);font-family:Plus Jakarta Sans,sans-serif;font-weight:500;font-size:var(--14px);line-height:150%;letter-spacing:0}._submitButton_156dr_132{--button-height: var(--56px);height:var(--button-height);border:none;border-radius:calc(var(--button-height) / 2);background-color:var(--lime);display:flex;align-items:center;justify-content:center;gap:var(--spacing-200)}._submitButton_156dr_132:hover{background-color:var(--lime-lightened)}@media (min-width: 40rem){._submitButton_156dr_132{--314px: 19.625rem;max-width:var(--314px)}}._result_156dr_156{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-300);background-color:var(--slate-900)}@media (min-width: 40rem){._result_156dr_156{border-bottom-left-radius:24px;border-bottom-right-radius:24px;padding:var(--spacing-500)}}@media (min-width: 64rem){._result_156dr_156{border-bottom-left-radius:60px;border-top-right-radius:24px}}._result_156dr_156 h2{color:#fff}._result_156dr_156 p{color:var(--slate-300)}._resultPlaceholder_156dr_188{gap:var(--spacing-200);text-align:center}._resultFilled_156dr_193{gap:var(--spacing-300)}@media (min-width: 40rem){._resultFilled_156dr_193{gap:var(--spacing-500)}}._resultFilledHeader_156dr_203{display:flex;flex-direction:column;gap:var(--spacing-200)}._resultFilledTable_156dr_209{padding:var(--spacing-300) var(--spacing-200);background-color:#00000040;border-radius:8px;border-top:solid 4px var(--lime);width:100%;display:flex;flex-direction:column;gap:var(--spacing-200)}@media (min-width: 40rem){._resultFilledTable_156dr_209{gap:var(--spacing-400);padding:var(--spacing-400)}}._resultEntry_156dr_227{display:flex;flex-direction:column;gap:var(--spacing-100)}._resultSeparator_156dr_233{background-color:var(--slate-300);border-width:0;height:1px}p._resultMonthly_156dr_239{color:var(--lime)}p._resultTotal_156dr_243{color:#fff}._numberField_breek_1{display:flex;flex-direction:column;gap:var(--spacing-150)}._numberField_breek_1 label{color:var(--slate-700)}._numberField_breek_1:has(input:user-invalid):after{content:"This field is required";color:var(--red);font-family:Plus Jakarta Sans,sans-serif;font-weight:500;font-size:var(--14px);line-height:150%;letter-spacing:0}._numberFieldPrefixInputSuffix_breek_22{display:flex;align-items:center;height:var(--field-height);border:solid 1px var(--slate-500);border-radius:var(--field-border-radius);color:var(--slate-700);background-color:var(--slate-100)}._numberFieldPrefixInputSuffix_breek_22:has(input:user-invalid){border-color:var(--field-color-invalid);background-color:var(--field-color-invalid);color:#fff}._numberFieldPrefixInputSuffix_breek_22:has(input:valid){border-color:var(--field-color-valid);background-color:var(--field-color-valid);color:var(--slate-900)}._numberFieldPrefixInputSuffix_breek_22>input{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;width:100%;height:100%;padding:var(--spacing-200);border:none;background-color:#fff;color:var(--slate-900)}._numberFieldPrefixInputSuffix_breek_22>input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._numberFieldPrefixInputSuffix_breek_22>input:focus{outline:none}._numberFieldPrefixInputSuffix_breek_22>input:first-child{border-bottom-left-radius:var(--field-border-radius);border-top-left-radius:var(--field-border-radius)}._numberFieldPrefixInputSuffix_breek_22>input:last-child{border-bottom-right-radius:var(--field-border-radius);border-top-right-radius:var(--field-border-radius)}._numberFieldUnit_breek_73{padding:0 var(--spacing-200);line-height:calc(var(--field-height) - 2px)}._numberFieldUnit_breek_73:last-child{border-bottom-right-radius:var(--field-border-radius);border-top-right-radius:var(--field-border-radius)}._numberFieldUnit_breek_73:first-child{border-bottom-left-radius:var(--field-border-radius);border-top-left-radius:var(--field-border-radius)}._radioField_16hpe_1{border:solid 1px var(--slate-500);border-radius:4px;width:100%;height:var(--field-height);display:flex;align-items:center;gap:var(--spacing-200);padding:0 var(--spacing-200);color:var(--slate-900)}._radioField_16hpe_1:hover{border-color:var(--lime)}._radioField_16hpe_1:has(input:checked){border-color:var(--lime);background-color:var(--lime-muted)}