.slider{-webkit-appearance:none;width:100%}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;background:#fff;border-radius:50%;border:1px solid #b6b0d3;box-shadow:0 0 6px rgba(0,0,0,.4);cursor:pointer}.slider::-moz-range-thumb{width:24px;height:24px;background:#fff;border-radius:50%;border:none;cursor:pointer}.value-box{font-family:Inter,sans-serif;position:relative;overflow:hidden;isolation:isolate}.value-box:before{content:"";position:absolute;inset:0;background-repeat:repeat;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.9;mix-blend-mode:overlay;pointer-events:none}