.gradient-box{text-align:center;color:#fff;background:#00030640;border-radius:15px;max-width:800px;height:130px;margin:0 auto;padding:20px}.progress-bar-container{width:55%;margin:50px auto 20px;position:relative}.tooltip{color:#fff;text-align:center;white-space:nowrap;background:#197bdd;border-radius:4px;padding:10px;font-size:12px;position:absolute;top:40px;transform:translate(-12%);box-shadow:0 4px 6px #0003}.tooltip:after{content:"";border-bottom:8px solid #197bdd;border-left:8px solid #0000;border-right:8px solid #0000;width:0;height:0;position:absolute;bottom:100%;left:15px;transform:translate(0)}.tooltip-amount{font-size:1.4rem;font-weight:700}@media (max-width:600px){.tooltip{width:100px;top:78px;transform:translate(-50%)}.tooltip:after{left:50%;transform:translate(-50%)}.tooltip-amount{font-size:1.5rem}}.tooltip-amount{color:#fff;border-radius:6px;margin-top:5px;padding:5px 10px;font-size:2.5rem;font-weight:700}.styled-slider .MuiSlider-thumb{background-color:#fff;border:2px solid #197bdd;width:18px;height:18px}.styled-slider .MuiSlider-track{background-color:#197bdd;border:none}.styled-slider .MuiSlider-rail{opacity:1;background:#fff}@media (min-width:1600px){.progress-bar-container{max-width:800px;margin:0 auto;padding:20px 0}.tooltip{top:60px}}@media (max-width:600px){.progress-bar-container{width:80%;max-width:900px;margin:0 auto;padding:40px 0}.tooltip-amount{font-size:1.3rem}.gradient-box{padding:28px 20px 20px}}