span,td{font-weight:400;cursor:pointer}.controls-player .played .album-image,.images-container .bio-image,.images-container .main-image{animation:1s cubic-bezier(.7,0,.3,1) images-load;overflow:hidden}:root{--main-album-color:#d3f6fb;--darker-main-album-color:rgb(52, 233, 240);font-size:62.5%}@font-face{font-family:PlicFont;src:url("./PlicFont.woff");font-weight:400;font-style:normal}.music-illustrations{display:flex;justify-content:center}.images-container{width:50%;height:calc(100vh - 125px);position:relative}.images-container .main-image{width:95%;height:100%;position:relative;background:url("") center center/cover no-repeat}.images-container .main-image::after{content:"";position:absolute;width:100%;height:100%;top:0;right:0;background:var(--darker-main-album-color);transform:translateX(100%);will-change:transform}.controls-player .played .album-image.loading::after,.images-container .bio-image.loading::after,.images-container .main-image.loading::after{animation:2s cubic-bezier(.7,0,.3,1) images-load-colored-overlay}.controls-player .played .album-image.animated-next::after,.images-container .bio-image.animated-next::after,.images-container .main-image.animated-next::after{animation:2s cubic-bezier(.7,0,.3,1) images-change-next}.controls-player .played .album-image.animated-previous::after,.images-container .bio-image.animated-previous::after,.images-container .main-image.animated-previous::after{animation:2s cubic-bezier(.7,0,.3,1) images-change-previous}.images-container .bio-image{width:45%;padding:25%;position:absolute;bottom:0;right:0;background:url("") center top/cover no-repeat}.controls-player .played .album-image::after,.images-container .bio-image::after{content:"";position:absolute;width:100%;height:100%;top:0;right:0;background:var(--main-album-color);transform:translateX(100%);will-change:transform}.playlist-container{width:50%;height:calc(100vh - 125px);display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.playlist-container .playlist-title{position:absolute;top:10%;font-family:Montserrat,sans-serif;font-size:2.6rem;font-weight:700;color:#000}.playlist-container .playlist-table span{display:inline-block;transition:color .3s ease-in-out;white-space:pre-line;text-align:center;font-size:3vw}.playlist-container .playlist-table .playlist-table.hide-playlist{animation:.1s cubic-bezier(.7,0,.3,1) forwards hide-playlist}.playlist-container .playlist-table .playlist-table.show-playlist{animation:.1s cubic-bezier(.7,0,.3,1) forwards show-playlist}.playlist-container .playlist-table strong{font-family:Montserrat,sans-serif;font-weight:700;color:var(--main-album-color)}.playlist-table{width:90%;display:block;overflow:auto;float:right;margin-right:5%}table{width:100%;height:100%;margin-top:50px;margin-bottom:30px;border-collapse:collapse}td{padding:10px;color:#000}span{text-align:left;vertical-align:middle;font-size:1.2rem}.current{color:var(--darker-main-album-color);background-color:gray;border-radius:20px}.controls-player{width:100%;height:125px;bottom:0;position:fixed;background:#000;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.controls-player .played{width:18%;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-end;align-self:flex-end;margin:0 0 30px 90px}.controls-player .played .album-image{position:relative;padding:21%;background:url("") center center/cover no-repeat}.controls-player .played .album-image img{display:none}.controls-player .played .music-information{display:flex;flex-direction:column;font-family:Montserrat;color:#fff;margin:0 0 2px 10px;overflow:hidden}.controls-player .played .music-information .title{font-weight:700;font-size:2rem;margin-bottom:10px;will-change:transform,opacity}.controls-player .played .music-information .author-album.animated-music-information,.controls-player .played .music-information .title.animated-music-information{animation:.5s cubic-bezier(.7,0,.3,1) forwards show-music-information}.controls-player .played .music-information .author-album.not-animated-music-information,.controls-player .played .music-information .title.not-animated-music-information{animation:.5s cubic-bezier(.7,0,.3,1) forwards hide-music-information}.controls-player .played .music-information .author-album{font-weight:400;font-size:1.4rem;margin-bottom:10px;will-change:transform,opacity}@media screen and (max-width:1280px) and (max-height:700px){.controls-player .played .album-image,.playlist-container .playlist-title{display:none}.playlist-container .playlist-table .playlist-table{margin:10px 0}.controls-player .played{margin:0}.controls-player .played .music-information .author-album,.controls-player .played .music-information .title{text-align:center}}.controls-player .controls{width:30%;height:90%;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.controls-player .controls .audio-time-control{width:100%;height:5px;display:flex;justify-content:center;align-items:center}.controls-player .controls .audio-time-control span{width:7.5%;font-size:1.3rem;font-family:Montserrat,sans-serif;color:#fff;text-align:center}.controls-player .controls .audio-time-control .seek-bar-time{width:85%;height:100%;display:flex;justify-content:space-between;background:#fff;border-radius:500px;position:relative;margin:0 15px}.controls-player .controls .audio-time-control .seek-bar-time .fill-time{width:100%;height:100%;border-radius:500px;background:var(--main-album-color);transform-origin:left;transform:scaleX(0);transition:background-color .3s ease-in-out;will-change:transform}.controls-player .controls .audio-time-control .seek-bar-time .dot-seek-bar-time,.controls-player .volume .seek-bar-volume .dot-seek-bar-volume{position:absolute;width:17px;height:17px;border-radius:50%;top:-6px;right:calc(100% - 8.5px);transform:translateX(0);background:var(--darker-main-album-color);transition:background-color .3s ease-in-out;will-change:transform;cursor:pointer}.controls-player .controls .buttons-controls-music{display:flex;justify-content:space-between;align-items:center;width:70%}.controls-player .controls .buttons-controls-music .button-control{cursor:pointer;outline:0;-webkit-tap-highlight-color:transparent;-webkit-focus-ring-color:transparent}.controls-player .controls .buttons-controls-music .button-control:focus{outline:0}.controls-player .controls .buttons-controls-music .button-control::after{color:#fff;font-family:PlicFont;font-size:1.6rem;cursor:pointer;transition:color .3s ease-in-out}.controls-player .controls .buttons-controls-music .button-control.is-not-active:hover::after,.controls-player .controls .buttons-controls-music .button-control:hover::after,.controls-player .controls .buttons-controls-music .random-button.is-active::after,.controls-player .controls .buttons-controls-music .repeat-button.music-loop::after,.controls-player .controls .buttons-controls-music .repeat-button.playlist-loop::after{color:var(--main-album-color)}.controls-player .controls .buttons-controls-music .random-button::after{content:"\ea30"}.controls-player .controls .buttons-controls-music .random-button.is-not-active::after,.controls-player .controls .buttons-controls-music .repeat-button.is-not-active::after{color:#fff}.controls-player .controls .buttons-controls-music .skip-backward-button{margin:0 0 0 10%}.controls-player .controls .buttons-controls-music .skip-backward-button::after{content:"\ea23";font-size:2.8rem}.controls-player .controls .buttons-controls-music .play-button{width:65px;height:65px;border-radius:50%;background:#fff;position:relative}.controls-player .controls .buttons-controls-music .play-button.is-active::after{position:absolute;color:var(--darker-main-album-color);content:"\ea1d";font-size:2.8rem;transform:translate(-50%,-50%)}.controls-player .controls .buttons-controls-music .play-button.is-not-active::after{position:absolute;color:var(--darker-main-album-color);content:"\ea1a";font-size:2.8rem;transform:translate(-50%,-50%)}.controls-player .controls .buttons-controls-music .skip-forward-button{margin:0 10% 0 0}.controls-player .controls .buttons-controls-music .skip-forward-button::after{content:"\ea24";font-size:2.8rem}.controls-player .controls .buttons-controls-music .repeat-button{position:relative}.controls-player .controls .buttons-controls-music .repeat-button::after{content:"\ea2d"}.controls-player .controls .buttons-controls-music .repeat-button.music-loop::before{content:"";position:absolute;width:4px;height:4px;color:#fff;top:calc(50% + 10px);left:calc(50% - 2px);border-radius:50%;background:var(--main-album-color)}.controls-player .volume{width:18%;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;margin:0 90px 0 0}.controls-player .volume .button-control{color:#fff;font-family:PlicFont;font-size:1.6rem;cursor:pointer;transition:color .3s ease-in-out;margin-right:10px}.controls-player .volume .toggle-volume#low-volume::after{content:"\ea28";color:#fff}.controls-player .volume .toggle-volume#middle-volume::after{content:"\ea27";color:#fff}.controls-player .volume .toggle-volume#high-volume::after{content:"\ea26";color:#fff}.controls-player .volume .toggle-volume#is-not-active::after{content:"\ea2a";color:var(--main-album-color);transition:background-color .1s ease-in-out}.controls-player .volume .seek-bar-volume{width:35%;height:5px;background:#fff;border-radius:500px;position:relative}.controls-player .volume .seek-bar-volume .fill-volume{width:100%;height:100%;border-radius:500px;background:var(--main-album-color);transition:background-color .3s ease-in-out;transform-origin:left;transform:scaleX(0);will-change:transform}@media screen and (max-width:1280px){.images-container{display:none}.playlist-container{width:90%;height:calc(100vh - 260px)}.playlist-container .playlist-table span{font-size:5vw}.controls-player .played .album-image{width:190px;height:190px;padding:0}.controls-player .played .music-information .author-album{margin-bottom:0}.controls-player .played{width:100%;height:100px;justify-content:center}.controls-player .controls{width:90%;height:90%;justify-content:space-around;margin-bottom:10px}.controls-player .volume{width:65%;margin:0 0 30px;justify-content:center}.controls-player{height:260px;flex-direction:column}}@keyframes images-change-next{0%{transform:translateX(100%)}50%{transform:translateX(0)}100%{transform:translateX(-100%)}}@keyframes images-change-previous{0%{transform:translateX(-100%)}50%{transform:translateX(0)}100%{transform:translateX(100%)}}@keyframes images-load{0%,100%{background:0 0}}@keyframes images-load-colored-overlay{0%{transform:translateX(-100%)}50%{transform:translateX(0)}100%{transform:translateX(100%)}}@keyframes hide-lyric{0%{transform:translateY(0);opacity:1}100%{transform:translateY(-110%);opacity:0}}@keyframes show-lyric{0%{transform:translateY(110%);opacity:0}100%{transform:translateY(0);opacity:1}}@keyframes hide-music-information{0%{transform:translateY(0);opacity:1}100%{transform:translateY(-110%);opacity:0}}@keyframes show-music-information{0%{transform:translateY(110%);opacity:0}100%{transform:translateY(0);opacity:1}}