/* The live visualizer lives behind the player, fading in from the left edge. */
.player-visualizer{position:absolute;left:0;top:0;bottom:0;width:min(43vw,610px);height:100%;pointer-events:none;opacity:0;transition:opacity .28s ease;mix-blend-mode:screen;-webkit-mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.96) 63%,transparent 100%);mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.96) 63%,transparent 100%)}
.persistent-player.is-playing[data-visualizer-mode="0"] .player-visualizer,.persistent-player.is-playing[data-visualizer-mode="1"] .player-visualizer,.persistent-player.is-playing[data-visualizer-mode="2"] .player-visualizer,.persistent-player.is-playing[data-visualizer-mode="3"] .player-visualizer{opacity:.34}
.persistent-player>.player-now,.persistent-player>.player-main-controls,.persistent-player>.player-tools,.persistent-player>.color-flow-mobile{position:relative;z-index:1}
.main-play{display:grid!important;place-items:center!important;padding:0!important;text-indent:0;line-height:1!important}
.visualizer-tool{height:33px;width:33px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18)!important;border-radius:9px!important;background:rgba(4,13,20,.42)!important;padding:0!important;transition:border-color .2s,background .2s,transform .2s}
.visualizer-tool:hover{background:rgba(var(--flow-rgb),.2)!important;border-color:var(--flow-bright)!important;transform:translateY(-1px)}
.visualizer-tool svg{width:16px;height:16px;fill:none;stroke:var(--flow-bright);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.persistent-player[data-visualizer-mode="4"] #visualizerToggle{opacity:.45}
@media(max-width:900px){.player-visualizer{width:57vw;-webkit-mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.9) 58%,transparent 100%);mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.9) 58%,transparent 100%)}.persistent-player.is-playing[data-visualizer-mode="0"] .player-visualizer,.persistent-player.is-playing[data-visualizer-mode="1"] .player-visualizer,.persistent-player.is-playing[data-visualizer-mode="2"] .player-visualizer,.persistent-player.is-playing[data-visualizer-mode="3"] .player-visualizer{opacity:.25}.visualizer-tool{display:none!important}}
