:root{--phoneWidth: (max-width: 684px);--tabletWidth: (max-width: 900px)}.audio-player-wrapper{padding:1em;border:.5px solid #c800c8;background:#1b1c1d;z-index:0}.audio-player-wrapper.highlighted-audio{background:#3b3d42}.audio-player-columns{display:flex;flex-direction:row;column-gap:10px}@media screen and (max-width: 768px){.audio-player-columns{flex-direction:column}}.audio-controls{display:flex;flex-direction:row;z-index:1}.cover{display:flex;align-items:center;align-self:center;z-index:1;max-width:25%;max-height:350px}@media screen and (max-width: 768px){.cover{max-width:300px}}.audio-details{display:flex;flex-direction:column;flex:1;width:100%;padding-right:15px}.spectrum-timer-container{display:flex;flex-direction:column;flex:1}.song-information{flex:1;display:flex;flex-direction:column;justify-content:center}@media screen and (max-width: 768px){.song-information{align-items:center;text-align:center}}.song-information{z-index:1}.song-information .song-title,.song-information .artist-name,.song-information .song-description{font-weight:lighter;font-size:x-small}.song-information .song-title.song-title,.song-information .artist-name.song-title,.song-information .song-description.song-title{font-size:large;font-weight:bold}.song-information .song-title.artist-name,.song-information .artist-name.artist-name,.song-information .song-description.artist-name{font-size:medium}.volume-controls-container,.volume-control,.mute-control{display:flex;align-items:center}.volume-controls-container svg,.volume-control svg,.mute-control svg{width:1.25em;height:1.25em;fill:currentColor;cursor:pointer}.volume-controls-container svg:hover,.volume-control svg:hover,.mute-control svg:hover{fill:#c800c8}.audio-control-slider{-webkit-appearance:none;appearance:none;background:rgba(0,0,0,0);cursor:pointer;width:100%}.audio-control-slider:focus{outline:none}.audio-control-slider::-webkit-slider-runnable-track{background-color:#c800c8;border-radius:.5rem;height:.5rem}.audio-control-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-0.25rem;background-color:#a9a9b3;border-radius:1rem;height:1rem;width:1rem}.audio-control-slider::-webkit-slider-thumb:hover{background-color:hsl(240,6.1728395062%,48.2352941176%)}.audio-control-slider:focus::-webkit-slider-thumb{outline:1px solid #a9a9b3;outline-offset:.1rem}.audio-control-slider::-moz-range-track{background-color:#c800c8;border-radius:.5rem;height:.5rem}.audio-control-slider::-moz-range-thumb{border:none;background-color:#a9a9b3;border-radius:1rem;height:1rem;width:1rem}.audio-control-slider::-moz-range-thumb:hover{background-color:hsl(240,6.1728395062%,48.2352941176%)}.audio-control-slider:focus::-moz-range-thumb{outline:1px solid #a9a9b3;outline-offset:.1rem}.playback-timer{font-weight:lighter;font-size:x-small;align-self:flex-end}.audio-control-wrapper{display:flex;flex-direction:column;display:flex;align-items:center;z-index:1;max-width:100px}@media screen and (max-width: 768px){.audio-control-wrapper{max-width:100%}}.play-pause-controls-container{display:flex;align-items:center;flex:1}.play-control svg,.pause-control svg{width:4em;height:4em;fill:currentColor;cursor:pointer}.play-control svg circle,.pause-control svg circle{stroke:#c800c8}.play-control svg:hover,.pause-control svg:hover{fill:#c800c8}.dancer-overlay-wrapper{position:relative}.dancer-overlay-wrapper .dancer-overlay{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;opacity:.8;pointer-events:none;user-select:none}.dancer-overlay-wrapper .dancer{width:auto;max-height:100%;position:absolute;opacity:0}.can-pulse-active,.audio-player-wrapper.highlighted-audio{box-shadow:0 0 0 0 #c800c8;animation:pulse-animation 2s infinite}@keyframes pulse-animation{0%{box-shadow:0 0 0 0 #c800c8}70%{box-shadow:0 0 0 10px rgba(255,82,82,0)}100%{box-shadow:0 0 0 0 rgba(255,82,82,0)}}.lyrics-overlay-wrapper{position:relative}.lyrics-overlay-wrapper .lyrics{background:rgba(0,0,0,.8);color:#fff;padding:10px;border-radius:5px;text-align:center;font-size:large;position:absolute;top:10%;left:50%;transform:translateX(-50%);max-width:80%;line-height:1.2;opacity:0;z-index:2;pointer-events:none;user-select:none}