*{box-sizing:border-box;margin:0;padding:0;cursor:none!important}html,body,#root,#app{width:100%;height:100%;overflow:hidden}@keyframes cursorColor{0%{background:#f44}33%{background:#4f8}66%{background:#48f}to{background:#f44}}input[type=range].vol-slider{writing-mode:vertical-lr;appearance:none;direction:rtl;background:0 0;border:none;outline:none;width:2px;height:72px}input[type=range].vol-slider::-webkit-slider-runnable-track{background:#ffffff40;border-radius:1px;width:2px}input[type=range].vol-slider::-webkit-slider-thumb{appearance:none;background:#fff;border-radius:50%;width:10px;height:10px;margin-left:-4px}input[type=range].vol-slider::-moz-range-track{background:#ffffff40;border-radius:1px;width:2px}input[type=range].vol-slider::-moz-range-thumb{background:#fff;border:none;border-radius:50%;width:10px;height:10px}.nav-btn{pointer-events:auto;color:#fff;cursor:pointer;letter-spacing:.1em;background:0 0;border:none;padding:0;font-family:Bungee Hairline,sans-serif;font-size:1rem;transition:filter .6s,color .6s}.nav-btn:hover{color:#fff;filter:drop-shadow(0 0 10px #fff)drop-shadow(0 0 20px #fff)drop-shadow(0 0 40px #c8c8ff)drop-shadow(0 0 80px #c8c8ff)drop-shadow(0 0 120px #b4b4ff)drop-shadow(0 0 200px #a0a0ff)drop-shadow(0 0 300px #8c8cff)drop-shadow(0 0 400px #7878ffe6)}