.SpringDemo-module__WzKKpW__demo{flex-direction:column;gap:24px;display:flex}.SpringDemo-module__WzKKpW__noScript{color:var(--fg-4);font-size:var(--article-body-size);line-height:var(--article-body-leading)}.SpringDemo-module__WzKKpW__track{background:var(--gray-100);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:12px;align-items:center;height:160px;padding:0 24px;display:flex;position:relative}.SpringDemo-module__WzKKpW__track:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.SpringDemo-module__WzKKpW__mover{color:var(--fg-1);line-height:0}.SpringDemo-module__WzKKpW__mover[data-moving]{will-change:transform}.SpringDemo-module__WzKKpW__hint{letter-spacing:-.005em;color:var(--fg-4);pointer-events:none;font-size:11px;position:absolute;bottom:12px;right:16px}.SpringDemo-module__WzKKpW__controls{grid-template-columns:1fr 1fr;gap:24px;display:grid}.SpringDemo-module__WzKKpW__control{flex-direction:column;gap:10px;display:flex}.SpringDemo-module__WzKKpW__controlLabel{letter-spacing:-.005em;color:var(--fg-4);font-size:12px}.SpringDemo-module__WzKKpW__controlLabel em{color:var(--fg-1);font-variant-numeric:tabular-nums;font-style:normal}.SpringDemo-module__WzKKpW__control input[type=range]{appearance:none;cursor:pointer;background:0 0;outline:none;width:100%;height:32px}.SpringDemo-module__WzKKpW__control input[type=range]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:2px}.SpringDemo-module__WzKKpW__control input[type=range]::-webkit-slider-runnable-track{background:var(--gray-200);border-radius:1px;height:2px}.SpringDemo-module__WzKKpW__control input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--fg-1);border:none;border-radius:50%;width:16px;height:16px;margin-top:-7px}.SpringDemo-module__WzKKpW__control input[type=range]::-moz-range-track{background:var(--gray-200);border-radius:1px;height:2px}.SpringDemo-module__WzKKpW__control input[type=range]::-moz-range-thumb{background:var(--fg-1);border:none;border-radius:50%;width:16px;height:16px}@media (forced-colors:active){.SpringDemo-module__WzKKpW__track{background:canvas;border:1px solid canvastext}.SpringDemo-module__WzKKpW__mover,.SpringDemo-module__WzKKpW__hint,.SpringDemo-module__WzKKpW__controlLabel,.SpringDemo-module__WzKKpW__controlLabel em{color:canvastext}.SpringDemo-module__WzKKpW__control input[type=range]::-webkit-slider-runnable-track{background:canvastext}.SpringDemo-module__WzKKpW__control input[type=range]::-moz-range-track{background:canvastext}.SpringDemo-module__WzKKpW__control input[type=range]::-webkit-slider-thumb{background:highlight;border:1px solid canvastext}.SpringDemo-module__WzKKpW__control input[type=range]::-moz-range-thumb{background:highlight;border:1px solid canvastext}}@media (pointer:coarse){.SpringDemo-module__WzKKpW__control input[type=range]{height:44px}}@media (max-width:640px){.SpringDemo-module__WzKKpW__controls{grid-template-columns:1fr;gap:16px}}