.sxp-pop{animation:sxp-pop .4s var(--sx-ease) both}.sxp-run{stroke-dasharray:30 70;animation:4s linear infinite sxp-run}.sxp-float{animation:5s ease-in-out infinite alternate sxp-float}.sxp-range{appearance:none;cursor:pointer;background:0 0;outline:none;width:100%;height:20px}.sxp-range::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--sx-fg) var(--p,0%), var(--sx-stroke) var(--p,0%));border-radius:100px;height:6px}.sxp-range::-moz-range-track{background:var(--sx-stroke);border-radius:100px;height:6px}.sxp-range::-moz-range-progress{background:var(--sx-fg);border-radius:100px;height:6px}.sxp-range::-webkit-slider-thumb{appearance:none;border:1.6px solid var(--sx-fg);background:var(--sx-bg);width:20px;height:20px;transition:transform .4s var(--sx-spring);border-radius:100px;margin-top:-7px;box-shadow:0 4px 16px #0000001f}.sxp-range::-moz-range-thumb{border:1.6px solid var(--sx-fg);background:var(--sx-bg);width:17px;height:17px;transition:transform .4s var(--sx-spring);border-radius:100px;box-shadow:0 4px 16px #0000001f}.sxp-range:hover::-webkit-slider-thumb{transform:scale(1.15)}.sxp-range:active::-webkit-slider-thumb{transform:scale(1.15)}.sxp-range:hover::-moz-range-thumb{transform:scale(1.15)}.sxp-range:active::-moz-range-thumb{transform:scale(1.15)}.sxp-range:focus-visible::-webkit-slider-thumb{outline:2px solid var(--sx-blue);outline-offset:2px}.sxp-range:focus-visible::-moz-range-thumb{outline:2px solid var(--sx-blue);outline-offset:2px}@keyframes sxp-pop{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes sxp-run{0%{stroke-dashoffset:30px}to{stroke-dashoffset:-100px}}@keyframes sxp-float{to{transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.sxp-pop,.sxp-run,.sxp-float{animation:none}}