.music-progress{--track-bg:var(--background-tertiary);--progress-bg:var(--accent-primary);--thumb-bg:var(--foreground-primary);--thumb-size:16px;--track-height:6px;--progress:0%;appearance:none;width:100%;height:var(--track-height);background-color:transparent;border-radius:999px;outline:none;cursor:pointer;transition:background .2s ease}.music-progress::-webkit-slider-runnable-track{width:100%;height:var(--track-height);background:linear-gradient(to right,var(--progress-bg) 0,var(--progress-bg) var(--progress),var(--track-bg) var(--progress),var(--track-bg) 100%);border-radius:var(--track-height)}.music-progress::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--thumb-size);height:var(--thumb-size);background-color:var(--thumb-bg);border:2px solid var(--progress-bg);border-radius:50%;margin-top:calc((var(--track-height) - var(--thumb-size)) / 2);cursor:pointer;transition:transform .2s ease;position:relative;z-index:2}.music-progress:hover::-webkit-slider-thumb{transform:scale(1.1)}.music-progress::-moz-range-track{width:100%;height:var(--track-height);background:var(--track-bg);border-radius:var(--track-height)}.music-progress::-moz-range-progress{height:var(--track-height);background-color:var(--progress-bg);border-radius:var(--track-height)}.music-progress::-moz-range-thumb{width:var(--thumb-size);height:var(--thumb-size);background-color:var(--thumb-bg);border:2px solid var(--progress-bg);border-radius:50%;cursor:pointer;transition:transform .2s ease;position:relative;z-index:2}.music-progress:hover::-moz-range-thumb{transform:scale(1.1)}