.demo-reticle{position:absolute;left:50%;top:50%;width:30px;height:30px;border:1px solid #fff8;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;transition-property:left,top;transition-timing-function:cubic-bezier(.2,.75,.3,1)}.demo-reticle:before,.demo-reticle:after{content:'';position:absolute;background:#fff9}.demo-reticle:before{width:8px;height:1px;left:10px;top:14px}.demo-reticle:after{width:1px;height:8px;left:14px;top:10px}@media(prefers-reduced-motion:reduce){.demo-reticle{transition:none}}
.demo-range input{appearance:none;background:transparent;height:18px}.demo-range input::-webkit-slider-runnable-track{height:3px;border-radius:3px;background:linear-gradient(90deg,#ff234e var(--fill,0%),#503444 var(--fill,0%))}.demo-range input::-webkit-slider-thumb{appearance:none;width:11px;height:11px;border-radius:50%;background:#ff234e;margin-top:-4px;box-shadow:0 0 0 3px #ff234e15}.demo-range input::-moz-range-track{height:3px;border-radius:3px;background:#503444}.demo-range input::-moz-range-progress{height:3px;background:#ff234e}.demo-range input::-moz-range-thumb{width:11px;height:11px;border:0;border-radius:50%;background:#ff234e}