.home-loan-calc h1{color:#e6efff;opacity:.7;text-transform:uppercase;align-items:center;gap:.5rem;margin-bottom:4rem;font-size:1.75rem;font-weight:900;display:inline-flex}.home-loan-calc__logo{border-radius:.25rem;width:1.2em;height:1.2em;display:block}.home-loan-calc :is(p span,label span,small){opacity:.5;display:block}.home-loan-calc label span{transition:opacity .18s}.home-loan-calc label:focus-within span{opacity:.85}.home-loan-calc form{flex-direction:column;gap:4rem;margin-bottom:5rem;display:flex}.home-loan-calc label{margin-top:2rem;display:block}.home-loan-calc input{text-align:center;background-color:#ccc;border:1px solid #ccc;border-radius:.25rem;width:100%;max-width:15rem;margin:1rem 0;padding:.5rem;font-size:2.5rem}.home-loan-calc .repayments{font-size:3.5rem}.home-loan-calc .repayment-monthly{opacity:1;padding-top:.25rem;font-size:2rem}.home-loan-calc .totals>span:first-child{padding-bottom:.5rem}.home-loan-calc .totals strong{font-weight:300;display:block}.home-loan-calc .totals-line{display:block}.home-loan-calc .totals-line--total{padding-top:.25rem;font-weight:700}html{background:radial-gradient(56rem 30rem at 12% -10%,#5070b233,#0000 60%) fixed,radial-gradient(40rem 24rem at 100% 0,#307a7a26,#0000 62%) fixed,#0e1219 linear-gradient(165deg,#0e1219,#111821 52%,#111) fixed;min-height:100%}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;color:#fefefe;text-align:center;background:0 0;min-height:100vh;margin:60px 0 0;font-family:sf pro display,sf pro icons,helvetica neue,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:2rem}