::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#c4a24c;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#d1b05e}.custom-slider{--track-height: 8px;--thumb-size: 20px;--track-bg: #4a4a4a;--progress-bg: #c4a24c;--thumb-bg: #c4a24c;-webkit-appearance:none;appearance:none;width:100%;height:var(--thumb-size);background:transparent;cursor:pointer}.custom-slider:focus{outline:none}.custom-slider::-webkit-slider-runnable-track{width:100%;height:var(--track-height);background:linear-gradient(to right,var(--progress-bg) var(--progress-percent, 0%),var(--track-bg) var(--progress-percent, 0%));border-radius:calc(var(--track-height) / 2);transition:background .1s ease}.custom-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:calc((var(--track-height) - var(--thumb-size)) / 2);width:var(--thumb-size);height:var(--thumb-size);background:var(--thumb-bg);border:2px solid #1a1a1a;border-radius:50%;transition:transform .1s ease}.custom-slider:hover::-webkit-slider-thumb{transform:scale(1.1)}.custom-slider:active::-webkit-slider-thumb{transform:scale(1.2)}.custom-slider::-moz-range-track{width:100%;height:var(--track-height);background:var(--track-bg);border-radius:calc(var(--track-height) / 2)}.custom-slider::-moz-range-progress{height:var(--track-height);background:var(--progress-bg);border-radius:calc(var(--track-height) / 2)}.custom-slider::-moz-range-thumb{width:var(--thumb-size);height:var(--thumb-size);background:var(--thumb-bg);border:2px solid #1a1a1a;border-radius:50%;transition:transform .1s ease}.custom-slider:hover::-moz-range-thumb{transform:scale(1.1)}.custom-slider:active::-moz-range-thumb{transform:scale(1.2)}body{background-color:#000;color:#fff;font-family:system-ui,sans-serif}