.settingsVolumeControl input[type=range]{--volumePercent:42%;--volumeDeg:302deg;-webkit-appearance:none;appearance:none;cursor:pointer;touch-action:pan-y;background:0 0;height:36px;padding:0}.settingsVolumeControl input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, #ffd166 0 var(--volumePercent), #1118271a var(--volumePercent) 100%);border:1px solid #11182714;border-radius:999px;height:8px;box-shadow:inset 0 1px 2px #11182714,0 1px #ffffffb8}.settingsVolumeControl input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:26px;height:26px;transform:rotate(var(--volumeDeg)) scale(1);transform-origin:50%;background:radial-gradient(circle at 32% 28%,#fffffff2 0 13%,#0000 14%),linear-gradient(145deg,#fff 0%,#ffe4a3 42%,#ffd166 100%);border:2px solid #fffffff5;border-radius:8px;margin-top:-10px;transition:transform .16s cubic-bezier(.2,.9,.2,1),box-shadow .16s;box-shadow:0 8px 16px #0f172a2e,inset -4px -5px 8px #c27e0026,inset 3px 3px 7px #ffffffc7}.settingsVolumeControl input[type=range]:hover::-webkit-slider-thumb,.settingsVolumeControl input[type=range].is-rolling::-webkit-slider-thumb{transform:rotate(var(--volumeDeg)) scale(1.08);box-shadow:0 10px 20px #0f172a38,0 0 0 5px #ffd16638,inset -4px -5px 8px #c27e0026,inset 3px 3px 7px #ffffffd1}.settingsVolumeControl input[type=range].is-rolling::-webkit-slider-thumb{animation:.28s degulSliderHop}.settingsVolumeControl input[type=range]::-moz-range-track{background:linear-gradient(90deg, #ffd166 0 var(--volumePercent), #1118271a var(--volumePercent) 100%);border:1px solid #11182714;border-radius:999px;height:8px}.settingsVolumeControl input[type=range]::-moz-range-thumb{width:24px;height:24px;transform:rotate(var(--volumeDeg)) scale(1);background:radial-gradient(circle at 32% 28%,#fffffff2 0 13%,#0000 14%),linear-gradient(145deg,#fff 0%,#ffe4a3 42%,#ffd166 100%);border:2px solid #fffffff5;border-radius:8px;transition:transform .16s cubic-bezier(.2,.9,.2,1),box-shadow .16s;box-shadow:0 8px 16px #0f172a2e,inset -4px -5px 8px #c27e0026,inset 3px 3px 7px #ffffffc7}.settingsVolumeControl input[type=range]:hover::-moz-range-thumb,.settingsVolumeControl input[type=range].is-rolling::-moz-range-thumb{transform:rotate(var(--volumeDeg)) scale(1.08);box-shadow:0 10px 20px #0f172a38,0 0 0 5px #ffd16638,inset -4px -5px 8px #c27e0026,inset 3px 3px 7px #ffffffd1}@keyframes degulSliderHop{0%,to{translate:0}45%{translate:0 -3px}}body.dark-mode .settingsVolumeControl input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, #ffd166 0 var(--volumePercent), #11182721 var(--volumePercent) 100%);border-color:#1118271a}body.dark-mode .settingsVolumeControl input[type=range]::-moz-range-track{background:linear-gradient(90deg, #ffd166 0 var(--volumePercent), #11182721 var(--volumePercent) 100%);border-color:#1118271a}