*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100vh;background:#000}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;appearance:textfield}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#d1d5db;cursor:pointer}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#d1d5db;cursor:pointer;border:none}input[type=range][orient=vertical]{-webkit-appearance:none;appearance:none;width:200px;height:18px;background:transparent;transform:rotate(-90deg);transform-origin:center center;margin:90px 0}input[type=range][orient=vertical]::-webkit-slider-runnable-track{width:100%;height:8px;background:#1a1a1a;border:1px solid #404040;border-radius:4px}input[type=range][orient=vertical]::-moz-range-track{width:100%;height:8px;background:#1a1a1a;border:1px solid #404040;border-radius:4px}input[type=range][orient=vertical]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:40px;height:26px;border-radius:4px;background:linear-gradient(to bottom,#f3f4f6,#e5e7eb,#d1d5db 60%,#9ca3af);cursor:pointer;box-shadow:0 2px 6px #0009,inset 0 1px #fff6,inset 0 -1px 2px #0003;border:1px solid #6b7280;position:relative;margin-top:-9px}input[type=range][orient=vertical]::-moz-range-thumb{width:40px;height:26px;border-radius:4px;background:linear-gradient(to bottom,#f3f4f6,#e5e7eb,#d1d5db 60%,#9ca3af);cursor:pointer;box-shadow:0 2px 6px #0009,inset 0 1px #fff6,inset 0 -1px 2px #0003;border:1px solid #6b7280}