@import"https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;500;700&display=swap";*{font-family:Ubuntu,sans-serif;padding:0;margin:0}.container{width:100vw;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(108deg,#f3fff8,#eafff3)}.card{width:400px;background-color:#fff;border-radius:10px;padding:20px;box-shadow:0 10px 20px #0e58301a}h1{font-size:20px;font-weight:500;margin-bottom:20px;text-align:center}.price-content{display:flex;align-items:center;justify-content:space-between;margin:0 10px}span{font-size:14px;font-weight:400}p{font-size:16px;font-weight:500}.range-slider{width:100%;position:relative;margin:15px 0 30px}.range-fill{height:5px;background-color:#36b37e;position:absolute;z-index:1}.range-slider-container{display:flex;flex-direction:column;align-items:center;width:300px;margin:20px auto;font-family:Arial,sans-serif}.slider-box{position:relative;width:100%;height:20px}.slider__track{position:absolute;top:50%;transform:translateY(-50%);width:100%;height:6px;background-color:#ddd;border-radius:3px;z-index:1}.slider__range{position:absolute;top:50%;transform:translateY(-50%);height:6px;background-color:#36b37e;border-radius:3px;z-index:2}.slider__input{position:absolute;top:50%;transform:translateY(-50%);width:100%;pointer-events:none;appearance:none;background:none;margin:0;z-index:3}.slider__input::-webkit-slider-thumb{pointer-events:all;appearance:none;height:20px;width:20px;border-radius:50%;background-color:#36b37e;cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0003;z-index:4}.slider__input::-moz-range-thumb{pointer-events:all;height:20px;width:20px;border-radius:50%;background-color:#36b37e;cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0003;z-index:4;border:none}.slider__values{margin-top:15px;width:100%;display:flex;justify-content:space-between;font-size:14px}