:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0}#auth-page-container{height:100%;display:flex;align-items:center;justify-content:center}.icon-container{filter:drop-shadow(0 0 7px black);transition:filter .2s}.icon-container.clickable{cursor:pointer}.icon-container.clickable:hover{filter:drop-shadow(0 0 7px #1DB954)}.icon-container.disabled{cursor:not-allowed;filter:drop-shadow(0 0 0 transparent)}.icon-container.disabled:hover{filter:drop-shadow(0 0 0 transparent)}#home-page-container{position:relative;height:100%;display:flex;flex-direction:column;align-items:center}#home-page-container #sort-area{flex:1;width:100%;display:flex;flex-direction:column;justify-content:space-between;gap:16px;margin-top:16px;box-sizing:border-box}#home-page-container #sort-area #sort-card{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:16px;box-sizing:border-box}#home-page-container #sort-area #sort-card .target-row{display:flex;align-items:center;gap:16px}#home-page-container #sort-area #sort-card #data-control{display:flex;align-items:center;gap:8px}#home-page-container #sort-area #sort-card #data-control #progress{font-weight:700}#home-page-container #sort-area #sort-card #data-control .right-arrow{transform:rotate(180deg)}.playlist-card-container{position:relative;height:65px;background-color:#1db954;border-radius:8px;display:flex;align-items:center;gap:16px;padding-right:16px;border:2px solid black;box-sizing:border-box;cursor:pointer;user-select:none;box-shadow:0 0 7px #000;transition:box-shadow .2s}.playlist-card-container:hover{box-shadow:0 0 7px #1db954}.playlist-card-container .add-spinner{position:absolute;top:2px;right:2px}.playlist-card-container .close-icon{position:absolute;top:2px;right:2px;height:18px}.playlist-card-container .text{width:100%;font-weight:700;white-space:nowrap;text-overflow:ellipsis}.playlist-card-container .text.padding-left{padding-left:16px}.playlist-card-container .album-cover{height:100%;aspect-ratio:1/1;filter:grayscale(100%);border-radius:4px 0 0 4px;transition:filter .2s}.playlist-card-container .empty-label{display:flex;justify-content:center}.playlist-card-container.full-width{max-width:100%;width:100%}.playlist-card-container.full-width .text{white-space:normal;overflow:visible;text-overflow:clip}.playlist-card-container.empty{padding-left:16px}.playlist-card-container.colored .album-cover{filter:grayscale(0%)}.spinner-container{height:25px;width:25px;border:10px solid transparent;border-radius:50%;animation:loading 1s ease infinite;border-top-color:#000;border-bottom-color:#000}@keyframes loading{to{transform:rotate(1turn)}}.spinner-container.small{height:15px;width:15px;border-width:3px}.spinner-container.medium{height:60px;width:60px;border-width:5px}.spinner-container.large{height:120px;width:120px;border-width:8px}.spinner-container.margin-top{margin-top:16px}.spinner-container.inverted{border-top-color:#fff;border-bottom-color:#fff}#header-container{position:sticky;top:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:5.3333333333px 8px;border:2px solid black;border-top:0;box-sizing:border-box;box-shadow:0 0 7px #000;border-radius:0 0 8px 8px;background-color:#1db954}#header-container #title-text{font-weight:700}.modal-container{position:absolute;top:0;left:0;height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;background-color:#c7c7c7cc;z-index:100}.modal-container .modal-panel{position:relative;max-height:75vh;max-width:75vw}.modal-container .modal-panel .close-icon{position:absolute;top:5px;right:5px}.modal-container.not-visible{display:none}.separator-container{width:100%;height:2px;background-color:#000}.panel-container{display:flex;flex-direction:column;align-items:center;background-color:#c7c7c7;border-radius:8px;box-shadow:0 0 7px #000;transition:all .2s}.panel-container .title-container{width:100%;text-align:center}.panel-container .title-container #title{font-weight:700}.panel-container .children-container{display:flex;flex-direction:column;align-items:center;gap:16px;padding:10px;overflow-y:auto}.panel-container.no-shadows{box-shadow:0 0 7px transparent}#playlists-scroller-container{width:100vw;display:flex;align-items:center;gap:16px;padding:16px;box-sizing:border-box;overflow-x:scroll}.create-playlist-modal-container .bottom-btns{width:100%;display:flex;gap:16px}.create-playlist-modal-container .bottom-btns>*{flex:1}.button-container{display:flex;justify-content:center;border-radius:8px;background-color:#1db954;border:3px solid transparent;font-weight:700;cursor:pointer;box-shadow:0 0 7px #000;border:2px solid transparent;padding:0 5px;box-sizing:border-box;transition:all .2s;user-select:none;text-align:center}.button-container:hover{box-shadow:0 0 7px #1db954}.button-container.no-shadow,.button-container.no-shadow:hover{box-shadow:0 0 7px transparent}.button-container.full-width{width:100%}.button-container.disabled{background-color:#d3d3d3;color:gray;cursor:not-allowed}.textfield-container{display:flex;flex-direction:column;align-items:flex-start}.textfield-container .label{font-weight:700;user-select:none;font-size:calc(10px + .390625vw);cursor:pointer}.textfield-container .input{all:unset;background-color:#000;border-radius:8px;padding:0 5px;color:#fff;border:3px solid transparent;box-sizing:border-box;box-shadow:0 0 7px #000;transition:all .2s}.textfield-container.full-width,.textfield-container.full-width .input{width:100%}.textfield-container.focused .input{border-color:#1db954;box-shadow:0 0 7px #000}.textfield-container.no-style{width:100%;height:100%}.textfield-container.no-style .input{all:unset;height:100%;width:100%;overflow-wrap:break-word}.textfield-container.disabled .label{cursor:not-allowed}.textfield-container.disabled .input{cursor:not-allowed;border-color:gray}#track-controller-container{display:flex;align-items:center;justify-content:space-between}#track-controller-container #infos{width:100%;display:flex;align-items:center;flex-direction:column;gap:8px}#track-controller-container #infos #cover{min-width:250px;width:20vw;border-radius:8px;border:2px solid black;box-sizing:border-box}#track-controller-container #infos #artist-text{font-weight:700}#track-controller-container #audio-player{filter:drop-shadow(0px 0px 7px black)}#track-controller-container .right-icon{transform:rotate(180deg)}.tooltip-container{position:absolute;top:-50%;left:50%;transform:translate(-50%,-50%);display:flex;gap:16px;background-color:#c7c7c7;border-radius:8px;padding:16px;box-sizing:border-box;box-shadow:0 0 7px #000;z-index:50}.tooltip-container.not-visible{display:none}#audio-player-container{box-sizing:border-box;display:flex;align-items:center;gap:16px}#audio-player-container .next-icon{transform:rotate(180deg)}.history-modal-container{display:flex;flex-direction:column;gap:16px;padding-right:16px;box-sizing:border-box;overflow-y:scroll}#history-action-container{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px}#history-action-container .infos-img{border-radius:8px;height:40px}#history-action-container .status-area{display:flex;justify-content:center;align-items:center;height:30px;width:30px}#router-container{width:100vw;height:100vh;color:#000;font-size:calc(16px + .390625vw);background-color:#c7c7c7;text-shadow:0 0 7px black}#router-container ::-webkit-scrollbar{width:6px;height:6px}#router-container ::-webkit-scrollbar-track{background:black;border-radius:10px}#router-container ::-webkit-scrollbar-thumb{background:#1DB954;border-radius:10px}#router-container ::selection{background-color:#1db954;color:#fff}