{#if !compact} player.toggleShuffle()} aria-pressed={player.shuffle} aria-label="Aleatorio" class="transition-colors hover:text-fg {player.shuffle ? 'text-accent' : 'text-fg-2'}" > {/if} player.previous()} aria-label="Anterior" class={sideClass}> player.toggle()} label={player.playing ? 'Pausar' : 'Reproducir'} /> player.next()} aria-label="Siguiente" class={sideClass}> {#if !compact} player.toggleRepeat()} aria-pressed={player.repeat} aria-label="Repetir" class="transition-colors hover:text-fg {player.repeat ? 'text-accent' : 'text-fg-2'}" > {/if}