.range-slider{padding:20px 0;text-align:center;max-width:500px;margin:0 auto}input[type=range]{-webkit-appearance:none;width:100%;height:10px;background:cream;border-radius:5px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:25px;height:25px;background:#12452F;border-radius:50%;cursor:pointer}.value-display{margin-top:10px;font-family:'Playfair Display',serif;font-size:24px;color:#12452F}.current-value{font-weight:bold}