@keyframes SoundWave_fadein__Sj0Ih{0%{opacity:0}to{opacity:1}}.SoundWave_container__0Lx1K{position:relative;height:100%;opacity:0}.SoundWave_container__0Lx1K.SoundWave_show__o4lpz{opacity:0;animation:SoundWave_fadein__Sj0Ih .3s ease-out 1;animation-fill-mode:forwards}.SoundWave_canvas__goRF7,.SoundWave_progress___vj4s{width:100%;height:100%;position:absolute}.SoundWave_progress___vj4s{transform-origin:right;right:0;border-radius:.8rem;background-color:var(--color_surface_primary);opacity:.85}.SoundWave_handle__HWbsM{position:absolute;width:.2rem;height:100%;background-color:var(--color_brand_highlight);top:0;left:0;display:flex;flex-direction:column;justify-content:space-between;align-items:center;transform:translateX(-50%)}.SoundWave_handle__HWbsM div{min-width:.8rem;height:.8rem;background-color:var(--color_brand_highlight);border-radius:50%}.SoundWave_handle__HWbsM div.SoundWave_top__kOHRA{top:0;transform:translateY(-50%)}.SoundWave_handle__HWbsM div.SoundWave_bottom__N1qTm{bottom:0;transform:translateY(50%)}.SoundWave_range__C9yiw{width:100%;height:100%;position:absolute;opacity:0;cursor:pointer}@keyframes Visualisers_fadein__1pqFg{0%{opacity:0}to{opacity:1}}.Visualisers_visualisers__FJywp{grid-template-rows:repeat(1,1fr);height:100%;position:relative}.Visualisers_audioVisualiser__8yYKx{position:relative;justify-content:center;border:.2rem solid var(--color_inactive);transition:border-color .1s ease-out,opacity .1s ease-out;cursor:pointer}.Visualisers_audioVisualiser__8yYKx .Visualisers_imageContainer__5ZpGk{width:100%;overflow:hidden;border-radius:.6rem;position:relative;height:16rem;opacity:.45;transition:opacity .1s ease-out,padding .1s ease-out;display:grid;padding:4.8rem 1.6rem}.Visualisers_audioVisualiser__8yYKx .Visualisers_imageContainer__5ZpGk.Visualisers_imageContainerSuper__6_wQO{padding:.8rem 1.6rem}@media screen and (min-width:768px){.Visualisers_audioVisualiser__8yYKx .Visualisers_imageContainer__5ZpGk{height:45rem}}.Visualisers_audioVisualiser__8yYKx .Visualisers_imageContainer__5ZpGk img{pointer-events:none;width:100%;height:100%}.Visualisers_audioVisualiser__8yYKx .Visualisers_imageContainer__5ZpGk .Visualisers_animatedImage__tKwuM{position:absolute;width:100%;height:100%;z-index:1;top:0;left:0;transition:opacity .1s ease-out;opacity:0}.Visualisers_audioVisualiser__8yYKx .Visualisers_imageContainer__5ZpGk .Visualisers_animatedImage__tKwuM.Visualisers_show__b2bQ4{opacity:0;animation:Visualisers_fadein__1pqFg .3s ease-out 1;animation-fill-mode:forwards}.Visualisers_audioVisualiser__8yYKx.Visualisers_active__xNK1g .Visualisers_imageContainer__5ZpGk{opacity:1}.Visualisers_overlayImage__jfM0N{position:absolute;width:100%;height:100%;z-index:1;top:0;left:0;transition:opacity .1s ease-out;opacity:0}.Visualisers_overlayImage__jfM0N.Visualisers_show__b2bQ4{opacity:1}.Visualisers_tag__6DpxH{position:absolute;top:0;left:50%;padding:.4rem .8rem;background-color:var(--color_inactive);color:var(--color_surface_secondary);border-radius:.8rem;z-index:3;height:-moz-fit-content;height:fit-content;transform:translateX(-50%) translateY(-50%);text-transform:uppercase;font-size:.9rem;transition:color .1s ease-out,background-color .1s ease-out}.Visualisers_tag__6DpxH.Visualisers_active__xNK1g{background-color:var(--color_brand_primary);color:var(--color_text_primary);transform-origin:center}.Visualisers_progress__UjDr3{position:absolute;top:0;left:0;height:100%;width:.2rem;background-color:var(--color_text_primary);opacity:.25;transform:translateX(-50%);z-index:2}.Visualisers_range__BysWv{width:100%;height:100%;position:absolute;opacity:0;cursor:pointer}.Visualisers_spectogramToggle__EFGJY{position:absolute;z-index:3;right:.8rem;top:.8rem}.Visualisers_loading__dHNU5{display:flex;align-items:center;justify-content:center;position:absolute;width:100%;height:100%}