:root{font-size:62.5%}*{margin:0;padding:0;box-sizing:border-box}body{display:flex;align-items:center;justify-content:center;color:#fff;font-family:sans-serif;background-color:#222;min-height:100vh;padding:60px 0}.container{width:90vw;max-width:40rem}.container h1{font-size:3.2rem;margin-bottom:2rem;text-align:center}.display-container{display:flex;flex-direction:column;grid-gap:2rem;gap:2rem;margin-bottom:2.6rem}.display-container :is(.display-title,.display-message){text-align:center}.display-title{font-size:2rem}.display-list-container{font-size:2.6rem}.display-list{list-style-type:none;flex-wrap:wrap;grid-gap:1rem;gap:1rem}.display-list,.display-list li{display:flex;align-items:center;justify-content:center}.display-list li{min-width:50px;min-height:50px;border-radius:50%;background:#0575e6;background:linear-gradient(0deg,#021b79,#0575e6)}.display-message{font-size:1.4rem}.range-container{display:flex;grid-gap:1.6rem;gap:1.6rem;margin-bottom:2rem}.range-input-field{flex:1 1;font-size:1.6rem;display:flex;flex-direction:column}.range-input-field label{letter-spacing:.5px}.range-input-field input{font-size:1.8rem;width:100%;margin-top:.8rem;border:0;border-radius:0;padding:.6rem}.input-container{margin-bottom:2rem}.input-field{display:flex;flex-direction:column;font-size:1.6rem}.input-field label{letter-spacing:.5px}.input-field input{font-size:1.8rem;width:100%;margin-top:.8rem;border:0;border-radius:0;padding:.6rem}.button-container button{width:100%;padding:1rem 0;border:0;color:#fff;font-weight:600;text-transform:uppercase;letter-spacing:1px;cursor:pointer;background:#0575e6;background:linear-gradient(0deg,#021b79,#0575e6,#021b79);background-position:top;background-size:100% 200%;transition:background-position .5s ease}.button-container button:hover{background-position:bottom}.button-container button:active{transform:scale(.99)}
/*# sourceMappingURL=main.31003794.chunk.css.map */