.Waveform_waveform__yTjk2{display:none}@media (min-width:48em){.Waveform_waveform__yTjk2{align-self:center;display:grid;grid-template-areas:"waveform";grid-area:wave;grid-template-columns:1fr;position:relative;height:2.5rem;width:100%;max-width:68rem;--played:var(--lightMetal);--unplayed:var(--rock)}}.Waveform_skeleton__XtNy9{height:1rem;position:absolute;inset:50% 0 auto;transform:translateY(-50%)}.Waveform_canvas__sbnL5{grid-area:waveform;height:100%;width:100%}.Waveform_slider__xEGsZ{cursor:pointer;opacity:0;grid-area:waveform}.Waveform_timeDisplay__uyQxM{background-color:var(--backgroundSecondary);border:.0625rem solid var(--ui4);border-radius:.25rem;color:var(--textPrimary);display:none;font-size:.75rem;position:absolute;pointer-events:none;padding:0 .25rem;transform:translateX(-50%);white-space:nowrap}.Waveform_waveform__yTjk2:hover .Waveform_timeDisplay__uyQxM{display:block}