@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap";:root{--bg:#fff4f4;--title:#ffbb5c;--text:#555879;--range-value:#777c6d;--slider:#fcd8cd;--sans:"Poppins", "Helvetica", "Arial";--heading:"Roboto"}html,body,#root{width:100%;height:100%;min-height:100vh;margin:0;padding:0}#root{font-family:var(--sans);background-color:var(--bg);color:var(--text);font-size:large;display:flex}h1,h2{font-family:var(--heading);color:var(--title)}.app{flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:100vh;margin:0;padding:0;display:flex}.app-card{border:.5rem solid var(--title);box-shadow:0 0 24px 8px var(--title);border-radius:1rem;flex-direction:column;margin:0 .5rem;padding:2rem 3rem;display:flex}.input-result-wrapper{background-image:url(/assets/piggybank-BUBVSIqY.svg);background-position:50%;background-repeat:no-repeat;background-size:contain}.slider-container{margin:2rem 0}.slider-wrapper{flex-direction:column;align-items:center;display:flex}.slider-labels{gap:5rem;display:flex}.slider-labels span{color:var(--range-value);font-size:.8rem}#rate-slider,#month-slider{accent-color:var(--slider)}.rate-display,.months-display{gap:.5rem;display:flex}.amount-display{justify-content:space-evenly;display:flex}#amount-input{border:.1rem solid var(--bg);outline:none}#amount-input:focus{border-color:var(--title)}.result-container{flex-direction:column;align-items:center;gap:.3rem;display:flex}.balance-wrapper,.interest-wrapper{gap:.5rem;display:flex}.balance-wrapper{font-size:120%}