@media (max-width:600px){#calc-wrapper{padding:20px}}.slider-container{background-color:#fff;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.1);max-width:500px;padding:40px;width:80%}h2{color:#333;margin-bottom:20px;text-align:center}:root{--value-percent:50%}input[type=range]{-webkit-appearance:none;background:transparent;margin:10px 0;width:100%}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,#ffc107 0,#ffc107 var(--value-percent),#e0e0e0 var(--value-percent),#e0e0e0 100%);border-radius:25px;cursor:pointer;height:12.8px;width:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:3px solid #e0e0e0;border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,.2);cursor:pointer;height:1.5em;margin-top:-4px;width:1.5em}input[type=range]:focus::-webkit-slider-thumb{border:3px solid #ffc107}input[type=range]::-moz-range-track{background:#e0e0e0;border-radius:25px;cursor:pointer;height:12.8px;width:100%}input[type=range]::-moz-range-progress{background:#ffc107;border-radius:25px;height:12.8px}input[type=range]::-moz-range-thumb{background:#fff;border:3px solid #e0e0e0;border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,.2);cursor:pointer;height:1.5em;width:1.5em}input[type=range]:focus::-moz-range-thumb{border:3px solid #ffc107}input[type=range]::-ms-track{background:transparent;border-color:transparent;color:transparent;cursor:pointer;height:12.8px;width:100%}input[type=range]::-ms-fill-lower{background:#ffc107;border-radius:25px}input[type=range]::-ms-fill-upper{background:#e0e0e0;border-radius:25px}input[type=range]::-ms-thumb{background:#fff;border:3px solid #e0e0e0;border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,.2);cursor:pointer;height:1.5em;margin-top:1px;width:1.5em}input[type=range]:focus::-ms-thumb{border:3px solid #ffc107}