:root{--ns-blue: #205089;--ns-skyblue: #c9e8ff;--ns-midblue: #0c9ac4;--ns-lime: #e9ff86;--ns-green: #00c042;--ns-green2: #01d449;--ns-ink: #10243b;--ns-soft: #5b6b7d;--ns-grass: #bfe9a8}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:Manrope,system-ui,sans-serif;background:radial-gradient(120% 120% at 50% 0%,#eef4fa,#dfe8f1 60%,#d3dde8);-webkit-font-smoothing:antialiased}#root{min-height:100vh}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;background:transparent;cursor:pointer;height:30px}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;border-radius:50%;background:var(--ns-green);border:4px solid #fff;box-shadow:0 3px 10px #00c04273,0 0 0 1px #0000000d;margin-top:-11px;cursor:grab}input[type=range]:active::-webkit-slider-thumb{cursor:grabbing}input[type=range]::-moz-range-thumb{width:30px;height:30px;border-radius:50%;background:var(--ns-green);border:4px solid #fff;box-shadow:0 3px 10px #00c04273;cursor:grab}.fill-range::-webkit-slider-runnable-track{height:8px;border-radius:99px;background:linear-gradient(90deg,var(--ns-green) var(--pct,50%),var(--ns-skyblue) var(--pct,50%))}.fill-range::-moz-range-track{height:8px;border-radius:99px;background:linear-gradient(90deg,var(--ns-green) var(--pct,50%),var(--ns-skyblue) var(--pct,50%))}.bare-range::-webkit-slider-runnable-track{height:14px;border-radius:99px;background:transparent}.bare-range::-moz-range-track{height:14px;border-radius:99px;background:transparent}.bare-range::-webkit-slider-thumb{background:#fff;border:4px solid var(--ns-blue);box-shadow:0 3px 10px #20508966;margin-top:-8px}.bare-range::-moz-range-thumb{background:#fff;border:4px solid var(--ns-blue);box-shadow:0 3px 10px #20508966}@keyframes avBob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes legA{0%,to{transform:rotate(16deg)}50%{transform:rotate(-16deg)}}@keyframes legB{0%,to{transform:rotate(-16deg)}50%{transform:rotate(16deg)}}@keyframes screenIn{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}@keyframes screenInRev{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:translate(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}