.song-player__track{align-items:center;background-color:transparent;display:flex;gap:1.25rem;padding:1rem;transition:background-color .3s ease-in-out}.song-player__track:hover{background-color:var(--color-background-inset)}.song-player__track-info{flex:1}.song-player__track-index{flex:0 0 20px}.song-player__track-art{flex:0 0 48px;position:relative}.song-player__track-art,.song-player__track-controls{align-items:center;display:flex;justify-content:center}.song-player__track-controls{background-color:var(--color-pinkjoy);border-radius:50%;color:var(--color-neutral-white);height:2.25rem;opacity:0;position:absolute;transition:opacity .3s ease-in-out;width:2.25rem}.song-player__track:hover .song-player__track-controls:hover{cursor:pointer;opacity:.75}.song-player__track:hover .song-player__track-controls{opacity:1}.song-player__track-control{display:none}.song-player__track-control.active{display:block}.song-player__track-art img{border-radius:.25rem;display:block;height:3rem;object-fit:cover;width:3rem}.song-player__track-wave{flex:0 0 280px;height:2.5rem}.song-player__track-moods{flex:1}.song-player__track-mood:hover{color:var(--color-text-primary);text-decoration:underline}.song-player__track-download-btn-icon{display:none}.song-player__track-download-btn-icon svg{height:auto;width:34px}.song-player__fixed-player{background-color:var(--color-neutral-white);border-top:1px solid var(--color-gray100);bottom:0;height:90px;left:0;position:fixed;transform:translateY(100%);transition:transform .3s ease-in-out;width:100%;z-index:11}[data-player-state=play] .song-player__fixed-player-control-play{display:none}[data-player-state=play] .song-player__fixed-player-control-pause{display:block}[data-player-state=pause] .song-player__fixed-player-control-pause{display:none}[data-player-state=pause] .song-player__fixed-player-control-play{display:block}.song-player__fixed-player.active{transform:translateY(0)}.song-player__fixed-player-inner{align-items:center;display:grid;grid-template-columns:1fr 1fr 1fr;margin:auto;padding:1rem 6rem}.song-player__fixed-player-info{align-items:center;display:flex;gap:1rem}.song-player__fixed-player-like-btn:hover{color:var(--color-pinkjoy)}.song-player__fixed-player-info-art img{border-radius:4px;height:3rem;object-fit:cover;width:3rem}.song-player__fixed-player-controls{display:flex;justify-content:center}.song-player__fixed-player-control-playpause{align-items:center;background-color:var(--color-gray900);border-radius:50%;color:var(--color-neutral-white);display:flex;height:3rem;justify-content:center;transition:background-color .3s ease-in-out;width:3rem}.song-player__fixed-player-control-playpause:hover{background-color:var(--color-gray600);cursor:pointer}.song-player__fixed-player-control-playpause-icon{display:none;font-size:1.5rem}.song-player__track-download-btn-icon svg path{fill:currentColor}.song-player__fixed-player-volume-close{align-items:center;display:flex;gap:1rem;justify-content:flex-end}.song-player__fixed-player-volume{align-items:center;display:flex;gap:.5rem}[data-volume-state=on] .song-player__fixed-player-volume-icon--on{display:block}[data-volume-state=on] .song-player__fixed-player-volume-icon--off{display:none}[data-volume-state=off] .song-player__fixed-player-volume-icon--off{display:block}.song-player__fixed-player-volume-icon,[data-volume-state=off] .song-player__fixed-player-volume-icon--on{display:none}.song-player__fixed-player-volume-icon:hover{cursor:pointer}.song-player__fixed-player-volume-range-input,.song-player__fixed-player-volume-range-input:focus,.song-player__fixed-player-volume-range-input:hover{accent-color:var(--color-pinkjoy);position:relative;top:2px}.song-player__fixed-player-volume-range-input:hover{cursor:pointer}.song-player__fixed-player-close{color:var(--color-gray900)}.song-player__fixed-player-close:hover{cursor:pointer}.song-player__fixed-player-close i{font-size:1.5rem}@media screen and (max-width:992px){.song-player__track-wave{display:none}}@media screen and (max-width:767px){.song-player__track-moods{display:none}.song-player__fixed-player{padding:1rem 2rem}.song-player__fixed-player-volume{display:none}.song-player__fixed-player-inner{display:flex;gap:1rem}.song-player__fixed-player-info{flex:1}}@media screen and (max-width:567px){.song-player__track{padding:1rem 0}.song-player__track-download-btn-text{display:none}.song-player__track-download-btn-icon{display:block}.song-player__track-duration{display:none}.song-player__track-index{flex:0 0 10px}.song-player__fixed-player-inner{padding:0}}