@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%}