*,*:before,*:after{margin:0;padding:0}*{box-sizing:border-box}.modal-overlay[data-v-39d254a4]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center}.modal-content[data-v-39d254a4]{background:white;padding:20px;border-radius:8px;text-align:center;width:300px}input[data-v-39d254a4]{width:100%;padding:10px;margin:10px 0;border:1px solid #ccc;border-radius:4px}button[data-v-39d254a4]{width:100%;padding:10px;margin:10px 0;background-color:#000;color:#fff;border:none;border-radius:4px;cursor:pointer}button.spotify-button[data-v-39d254a4]{background-color:#1db954;color:#fff}span[data-v-39d254a4]{color:#00f;cursor:pointer;text-decoration:underline}.header-container[data-v-1630b779]{display:flex;justify-content:flex-end;padding:10px}.actual-button .logos[data-v-1630b779]{display:flex;align-items:center;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.actual-button .login-logo[data-v-1630b779]{width:30px;height:30px;vertical-align:middle}.hamburger[data-v-1630b779]{display:flex;flex-direction:column;justify-content:space-around;cursor:pointer;width:24px;height:24px;margin-left:8px}.line[data-v-1630b779]{width:100%;height:3.1px;background-color:#cacbcf;transition:all .3s ease;border-radius:2px}.hamburger.active .line[data-v-1630b779]:nth-child(1){transform:rotate(45deg) translate(6px,5px)}.hamburger.active .line[data-v-1630b779]:nth-child(2){opacity:0}.hamburger.active .line[data-v-1630b779]:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.login-button .actual-button[data-v-1630b779]{display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;line-height:1;color:#cacbcf;cursor:pointer;text-decoration:none;padding:10px 15px;border-radius:5px;background-color:#cacbcf33;transition:background-color .3s,color .3s}.login-button .actual-button[data-v-1630b779]:hover{background-color:#cacbcf66}.username[data-v-1630b779]{margin-left:10px;font-size:20px;color:#cacbcf}.dropdown-menu[data-v-1630b779]{position:absolute;top:calc(100% + 5px);right:0;background-color:#5a6082;box-shadow:0 8px 16px #0003;z-index:1;border-radius:4px;overflow:hidden}.dropdown-item[data-v-1630b779]{display:block;padding:8px 16px;text-align:left;width:100%;border:none;background:none;cursor:pointer;color:#cacbcf}.dropdown-item[data-v-1630b779]:hover{background-color:#fff3}.dropdown-enter-active[data-v-1630b779],.dropdown-leave-active[data-v-1630b779]{transition:all .3s ease}.dropdown-enter-from[data-v-1630b779],.dropdown-leave-to[data-v-1630b779]{transform:translateY(-10px);opacity:0}.login-button[data-v-1630b779]{display:inline-block;padding-top:3px;position:relative}.actual-button .button-text[data-v-1630b779]{font-size:20px;line-height:1}@media (max-width: 600px){.actual-button .login-logo[data-v-1630b779]{width:24px;height:24px}.hamburger[data-v-1630b779]{width:20px;height:20px}.line[data-v-1630b779]{height:2.5px}.login-button .actual-button[data-v-1630b779]{font-size:16px;padding:8px 10px}.actual-button .button-text[data-v-1630b779],.username[data-v-1630b779]{font-size:16px}}.header[data-v-7b6f3dab]{display:flex;align-items:center;padding-top:10px;height:70px;background:#E49273;background-image:linear-gradient(to left,#2B4570,#A37A74);color:#cacbcf;justify-content:space-between}.title-and-tabs[data-v-7b6f3dab]{display:flex;align-items:center}.header h3[data-v-7b6f3dab]{padding-left:15px;font-size:35px;color:#cacbcf;cursor:pointer;user-select:none;margin:0}.nav-tabs[data-v-7b6f3dab]{display:flex;margin-left:10px}.nav-tab[data-v-7b6f3dab]{margin-left:20px;font-size:20px;color:#cacbcf;cursor:pointer;text-decoration:none;padding:10px 15px;border-radius:5px;background-color:#cacbcf33;transition:background-color .3s,color .3s;font-weight:700}.nav-tab[data-v-7b6f3dab]:hover{background-color:#cacbcf66}.header .login-button[data-v-7b6f3dab]{margin-right:15px;margin-top:6px;flex-shrink:0}@media (max-width: 600px){.header[data-v-7b6f3dab]{flex-direction:column;align-items:flex-start;height:auto;padding-top:5px}.title-and-tabs[data-v-7b6f3dab]{width:100%;flex-direction:column;align-items:flex-start}.header h3[data-v-7b6f3dab]{font-size:28px;padding-left:10px;margin-bottom:5px}.nav-tabs[data-v-7b6f3dab]{margin-left:0;flex-direction:column;width:100%;align-items:flex-start}.nav-tab[data-v-7b6f3dab]{margin:5px 0;font-size:16px;padding:8px 10px}.header .login-button[data-v-7b6f3dab]{align-self:flex-end;margin-right:15px;margin-top:0;position:absolute;right:15px;top:5px}}body[data-v-0c34cdfa]{font-family:Satoshi,sans-serif}input[data-v-0c34cdfa]{display:block;margin-left:auto;margin-right:auto;margin-top:20px;height:60px;width:min(50%,1000px);border-radius:30px;text-align:center;font-family:Satoshi,sans-serif;outline:none}input[data-v-0c34cdfa]:hover{box-shadow:outset 0 0 5px 5px #888;background:#fff}.suggestions[data-v-0c34cdfa]{max-width:40%;margin:10px auto;padding:10px;list-style:none;border:1px solid #ccc;border-radius:10px;overflow:hidden;box-shadow:0 0 5px #0003;background:#bfbebe;background-color:#fff3;color:#fff;font-family:Satoshi,sans-serif;transition:max-height .3s ease,opacity .3s ease;overflow-y:auto;max-height:50vh}.suggestions.box-enter-active[data-v-0c34cdfa],.suggestions.box-leave-active[data-v-0c34cdfa]{transition:max-height .3s ease,opacity .3s ease}.suggestions.box-enter[data-v-0c34cdfa],.suggestions.box-leave-to[data-v-0c34cdfa]{max-height:0;opacity:0}.suggestions.box-enter-to[data-v-0c34cdfa],.suggestions.box-leave[data-v-0c34cdfa]{max-height:50vh;opacity:1}.suggestion-group[data-v-0c34cdfa]{margin:10px 0;text-align:left}.category-header[data-v-0c34cdfa]{display:flex;justify-content:space-between;align-items:center}.category-header h4[data-v-0c34cdfa]{margin:5px 0;font-size:14px;font-weight:400;color:#f0f0f0}.category-header-clickable[data-v-0c34cdfa]{cursor:pointer}.suggestion[data-v-0c34cdfa]{padding:5px;font-size:14px;color:#fff;border-bottom:1px solid #ccc}.suggestion[data-v-0c34cdfa]:last-child{border-bottom:none}.suggestion[data-v-0c34cdfa]:hover{background-color:#ffffff4d;cursor:pointer}.arrow[data-v-0c34cdfa]{display:inline-block;transition:transform .3s ease,color .3s ease;font-size:16px;border-radius:50%}.expanded[data-v-0c34cdfa]{transform:rotate(180deg)}@media (max-width: 1200px){input[data-v-0c34cdfa]{height:50px;width:60%}.suggestions[data-v-0c34cdfa]{max-width:60%}.category-header h4[data-v-0c34cdfa],.suggestion[data-v-0c34cdfa]{font-size:13px}}@media (max-width: 992px){input[data-v-0c34cdfa]{height:45px;width:70%}.suggestions[data-v-0c34cdfa]{max-width:70%}.category-header h4[data-v-0c34cdfa],.suggestion[data-v-0c34cdfa]{font-size:12px}}@media (max-width: 768px){input[data-v-0c34cdfa]{height:40px;width:80%}.suggestions[data-v-0c34cdfa]{max-width:80%;max-height:30vh}.category-header h4[data-v-0c34cdfa],.suggestion[data-v-0c34cdfa]{font-size:11px}}@media (max-width: 576px){input[data-v-0c34cdfa]{height:35px;width:85%}.suggestions[data-v-0c34cdfa]{max-width:85%;max-height:20vh}.category-header h4[data-v-0c34cdfa],.suggestion[data-v-0c34cdfa]{font-size:10px}}@media (max-width: 480px){input[data-v-0c34cdfa]{height:30px;width:90%}.suggestions[data-v-0c34cdfa]{max-width:90%;max-height:15vh}.category-header h4[data-v-0c34cdfa],.suggestion[data-v-0c34cdfa]{font-size:9px}}.search-view[data-v-68aabc7a]{position:relative;width:100vw;height:100vh;background-color:#bfbebe;background-image:linear-gradient(to left,#2B4570,#A37A74);background-size:cover;background-position:center;color:#fff;cursor:default;overflow:hidden}.text-container[data-v-68aabc7a]{margin-top:60px;display:block;text-align:center}.text-container .slogan[data-v-68aabc7a],.text-container .title[data-v-68aabc7a]{font-size:30px}.help[data-v-68aabc7a]{display:block;margin-top:20px;margin-left:auto;margin-right:auto;text-align:center;word-wrap:break-word;width:80%;max-width:500px}.admin-section[data-v-68aabc7a]{margin-top:20px;text-align:center}.admin-search[data-v-68aabc7a]{margin-bottom:10px}.admin-search input[data-v-68aabc7a]{padding:10px;font-size:16px;width:60%}.admin-search button[data-v-68aabc7a]{padding:10px;font-size:16px}button[data-v-68aabc7a]{padding:10px 20px;font-size:16px;cursor:pointer}@media (max-width: 1200px){.text-container[data-v-68aabc7a]{margin-top:50px}.text-container .slogan[data-v-68aabc7a],.text-container .title[data-v-68aabc7a]{font-size:28px}.help[data-v-68aabc7a]{width:58%;max-width:58%;margin-left:auto;margin-right:auto}}@media (max-width: 992px){.text-container[data-v-68aabc7a]{margin-top:40px}.text-container .slogan[data-v-68aabc7a],.text-container .title[data-v-68aabc7a]{font-size:26px}.help[data-v-68aabc7a]{width:68%;max-width:68%;margin-left:auto;margin-right:auto}}@media (max-width: 768px){.text-container[data-v-68aabc7a]{margin-top:30px}.text-container .slogan[data-v-68aabc7a],.text-container .title[data-v-68aabc7a]{font-size:24px}.help[data-v-68aabc7a]{width:78%;max-width:78%;margin-left:auto;margin-right:auto}}@media (max-width: 576px){.text-container[data-v-68aabc7a]{margin-top:20px}.text-container .slogan[data-v-68aabc7a],.text-container .title[data-v-68aabc7a]{font-size:22px}.help[data-v-68aabc7a]{width:83%;max-width:83%;margin-left:auto;margin-right:auto}}@media (max-width: 480px){.text-container[data-v-68aabc7a]{margin-top:10px}.text-container .slogan[data-v-68aabc7a],.text-container .title[data-v-68aabc7a]{font-size:20px}.help[data-v-68aabc7a]{width:88%;max-width:88%;margin-left:auto;margin-right:auto}}@media (max-height: 800px){.text-container[data-v-68aabc7a]{margin-top:40px}.text-container .slogan[data-v-68aabc7a],.text-container .title[data-v-68aabc7a]{font-size:28px}.help[data-v-68aabc7a]{margin-top:15px}}@media (max-height: 600px){.text-container[data-v-68aabc7a]{margin-top:30px}.text-container .slogan[data-v-68aabc7a],.text-container .title[data-v-68aabc7a]{font-size:26px}.help[data-v-68aabc7a]{margin-top:10px}}@media (max-height: 400px){.text-container[data-v-68aabc7a]{margin-top:20px}.text-container .slogan[data-v-68aabc7a],.text-container .title[data-v-68aabc7a]{font-size:24px}.help[data-v-68aabc7a]{margin-top:5px}}@media (max-width: 1200px){input[data-v-68aabc7a]{height:50px;width:60%}.suggestions[data-v-68aabc7a]{max-width:60%}.category-header h4[data-v-68aabc7a],.suggestion[data-v-68aabc7a]{font-size:13px}}@media (max-width: 992px){input[data-v-68aabc7a]{height:45px;width:70%}.suggestions[data-v-68aabc7a]{max-width:70%}.category-header h4[data-v-68aabc7a],.suggestion[data-v-68aabc7a]{font-size:12px}}@media (max-width: 768px){input[data-v-68aabc7a]{height:40px;width:80%}.suggestions[data-v-68aabc7a]{max-width:80%;max-height:30vh}.category-header h4[data-v-68aabc7a],.suggestion[data-v-68aabc7a]{font-size:11px}}@media (max-width: 576px){input[data-v-68aabc7a]{height:35px;width:85%}.suggestions[data-v-68aabc7a]{max-width:85%;max-height:20vh}.category-header h4[data-v-68aabc7a],.suggestion[data-v-68aabc7a]{font-size:10px}}@media (max-width: 480px){input[data-v-68aabc7a]{height:30px;width:90%}.suggestions[data-v-68aabc7a]{max-width:90%;max-height:15vh}.category-header h4[data-v-68aabc7a],.suggestion[data-v-68aabc7a]{font-size:9px}}@media (max-height: 800px){input[data-v-68aabc7a]{height:45px}.suggestions[data-v-68aabc7a]{max-height:25vh}}@media (max-height: 600px){input[data-v-68aabc7a]{height:40px}.suggestions[data-v-68aabc7a]{max-height:20vh}}@media (max-height: 400px){input[data-v-68aabc7a]{height:35px}.suggestions[data-v-68aabc7a]{max-height:15vh}}.game-view[data-v-ccb0f1f2]{width:100vw;height:100vh;background-color:#bfbebe;background-image:linear-gradient(to left,#2B4570,#A37A74);background-size:cover;background-position:center;color:#fff}.content[data-v-ccb0f1f2]{text-align:center;margin-top:100px}.content h2[data-v-ccb0f1f2]{font-size:36px}.content p[data-v-ccb0f1f2]{font-size:24px}.leaderboard-button[data-v-ccb0f1f2]{margin-top:20px;padding:10px 20px;font-size:18px;background-color:#2b4570;color:#cacbcf;border:none;cursor:pointer;border-radius:5px}.leaderboard-button[data-v-ccb0f1f2]:hover{background-color:#a37a74}.playlist-button[data-v-2fa36f6b]{color:#fff;border:none;padding:5px 10px;margin:3px;border-radius:15px;cursor:pointer;font-size:12px;transition:background-color .3s}.playlist-button[data-v-2fa36f6b]:hover{opacity:.8}@media (max-width: 768px){.playlist-button[data-v-2fa36f6b]{padding:4px 8px;font-size:11px}}@media (max-width: 480px){.playlist-button[data-v-2fa36f6b]{padding:3px 6px;font-size:9px}}.song-item[data-v-9524f63c]{display:flex;align-items:flex-start;background:rgba(255,255,255,.1);border-radius:10px;padding:10px;margin:5px 0;width:900px;color:#fff;min-height:50px;cursor:pointer;transition:all .3s ease;box-sizing:border-box;overflow:hidden}.song-item.expanded[data-v-9524f63c]{min-height:120px}.song-item.fade-out[data-v-9524f63c]{opacity:0;transition:opacity .3s ease}.song-image[data-v-9524f63c]{height:60px;width:60px;margin-right:10px}.song-image img[data-v-9524f63c]{height:100%;width:auto;border-radius:5px}.song-details[data-v-9524f63c]{display:flex;justify-content:space-between;width:calc(100% - 70px)}.song-info[data-v-9524f63c]{display:flex;flex-direction:column;align-items:flex-start;width:80%}.song-lists[data-v-9524f63c]{display:flex;flex-direction:column;justify-content:space-between;transition:max-height .5s ease;overflow:hidden;max-height:1}.expanded-lists[data-v-9524f63c]{display:grid;gap:0}.list-group[data-v-9524f63c]{display:flex;flex-direction:column;align-items:flex-start;border:1px solid rgba(255,255,255,.3);padding:5px;border-radius:10px;height:100%}.list-group.first-artist[data-v-9524f63c]{border:none}.list-title[data-v-9524f63c]{font-weight:700;margin-bottom:3px;font-size:.9em}.list-group ul[data-v-9524f63c]{list-style-type:none;padding:0;margin:0}.list-group li[data-v-9524f63c]{margin:1px 0;font-size:.8em}.song-details h3[data-v-9524f63c]{font-size:1em;margin:0 0 5px}.song-details p[data-v-9524f63c]{margin:3px 0;font-size:.8em}.song-duration[data-v-9524f63c]{font-size:.8em;color:#ccc;margin-top:2px}.song-actions[data-v-9524f63c]{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;margin-left:auto}.remove-button[data-v-9524f63c]{background:rgba(255,255,255,.1);color:#fff;border:none;border-radius:50%;width:30px;height:30px;cursor:pointer;font-size:1.2em;display:flex;align-items:center;justify-content:center;transition:box-shadow .3s ease;margin-top:5px}.remove-button[data-v-9524f63c]:hover{box-shadow:0 0 5px 2px #0003}@media (min-width: 1600px){.song-item[data-v-9524f63c]{width:1200px}.expanded-lists[data-v-9524f63c]{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (min-width: 1400px) and (max-width: 1599px){.song-item[data-v-9524f63c]{width:1100px}.expanded-lists[data-v-9524f63c]{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}}@media (min-width: 1200px) and (max-width: 1399px){.song-item[data-v-9524f63c]{width:1000px}.expanded-lists[data-v-9524f63c]{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}@media (min-width: 1000px) and (max-width: 1199px){.song-item[data-v-9524f63c]{width:900px}.expanded-lists[data-v-9524f63c]{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}}@media (min-width: 800px) and (max-width: 999px){.song-item[data-v-9524f63c]{width:700px}.expanded-lists[data-v-9524f63c]{grid-template-columns:repeat(auto-fit,minmax(90px,1fr))}}@media (min-width: 600px) and (max-width: 799px){.song-item[data-v-9524f63c]{width:500px}.expanded-lists[data-v-9524f63c]{grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}}@media (max-width: 599px){.song-item[data-v-9524f63c]{width:100%;padding:8px}.song-details[data-v-9524f63c]{flex-direction:row;align-items:flex-start;justify-content:space-between}.song-info[data-v-9524f63c]{width:calc(100% - 70px)}.song-actions[data-v-9524f63c]{flex-direction:row;align-items:center;margin-left:0;margin-top:0}.song-duration[data-v-9524f63c]{font-size:.7em;margin-right:10px}.remove-button[data-v-9524f63c]{width:25px;height:25px;font-size:1em;margin-left:10px}.expanded-lists[data-v-9524f63c]{grid-template-columns:1fr}.song-lists[data-v-9524f63c]{max-height:none}}.selected-item[data-v-01614449]{display:flex;flex-direction:row;align-items:center;margin-bottom:10px;width:100%}.remove-button[data-v-01614449]{background:transparent;border:none;color:red;font-size:16px;cursor:pointer;margin-right:10px}.slider-group[data-v-01614449]{display:flex;flex-direction:column;align-items:flex-start;margin-left:10px;width:calc(100% - 150px)}.slider-container[data-v-01614449]{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin-bottom:10px}.slider[data-v-01614449]{width:100%;margin:2px 0;height:10px}.number-input[data-v-01614449]{width:50px;margin:2px 0;height:20px;-moz-appearance:textfield}.number-input[data-v-01614449]::-webkit-outer-spin-button,.number-input[data-v-01614449]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}label[data-v-01614449]{display:flex;flex-direction:column;align-items:flex-start;font-size:12px}.playlist-settings[data-v-63fc3050]{position:absolute;right:0;top:50px;bottom:0;background:rgba(51,51,51,.9);color:#fff;padding:20px;border-radius:0 10px 10px 0;z-index:1000;width:300px;box-shadow:0 0 10px #00000080;max-height:calc(100vh - 50px);display:flex;flex-direction:column;border-width:0px;box-shadow:0}.close-button[data-v-63fc3050]{position:absolute;left:-20px;top:0;height:100%;width:20px;background:rgba(51,51,51,.9);color:#fff;text-align:center;cursor:pointer;display:flex;align-items:center;justify-content:center;border-top-left-radius:10px;border-bottom-left-radius:10px;transition:background .3s ease}.close-button[data-v-63fc3050]:hover{background:rgba(30,30,30,.9)}.setting-content[data-v-63fc3050]{flex:1;overflow-y:auto;margin-bottom:20px}.setting-content[data-v-63fc3050]::-webkit-scrollbar{width:0;height:0}.setting-content[data-v-63fc3050]{-ms-overflow-style:none;scrollbar-width:none}.setting-option[data-v-63fc3050]{margin-bottom:15px;display:flex;flex-direction:column}.setting-option label[data-v-63fc3050]{flex:1;margin-bottom:5px;font-weight:700}.slider-group[data-v-63fc3050]{display:flex;flex-direction:column;align-items:flex-start;width:100%}.slider-container[data-v-63fc3050]{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin-bottom:10px}.slider[data-v-63fc3050]{width:100%;margin:2px 0;height:10px}.number-input[data-v-63fc3050]{width:50px;margin:2px 0;height:20px;-moz-appearance:textfield}.number-input[data-v-63fc3050]::-webkit-outer-spin-button,.number-input[data-v-63fc3050]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}label[data-v-63fc3050]{display:flex;flex-direction:column;align-items:flex-start;font-size:12px}.toggle-button[data-v-63fc3050]{background:#888;color:#fff;padding:5px 10px;border:none;border-radius:5px;cursor:pointer;font-size:12px;align-self:left;height:30px;margin-top:10px}.toggle-button[data-v-63fc3050]:hover{background:#777}.toggle-new-songs-button[data-v-63fc3050]{background:#888;color:#fff;padding:5px 10px;border:none;border-radius:5px;cursor:pointer;font-size:12px;margin-top:10px}.toggle-new-songs-button[data-v-63fc3050]:hover{background:#777}.suggestions[data-v-63fc3050]{max-width:100%;padding:10px;list-style:none;border:1px solid #ccc;border-radius:10px;overflow:hidden;box-shadow:0 0 5px #0003;background:#bfbebe;background-color:#fff3;color:#fff;font-family:Satoshi,sans-serif;transition:max-height .3s ease,opacity .3s ease;overflow-y:auto;max-height:50vh}.suggestion[data-v-63fc3050]{padding:5px;font-size:14px;color:#fff;border-bottom:1px solid #ccc}.suggestion[data-v-63fc3050]:last-child{border-bottom:none}.suggestion[data-v-63fc3050]:hover{background-color:#ffffff4d;cursor:pointer}.apply-settings-button[data-v-63fc3050]{background-color:#4caf50;color:#fff;border:none;padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:10px 0;cursor:pointer;border-radius:5px}.song-list-enter-active[data-v-058fbe79],.song-list-leave-active[data-v-058fbe79],.song-list-move[data-v-058fbe79]{transition:all .5s}.song-list-enter[data-v-058fbe79],.song-list-leave-to[data-v-058fbe79]{opacity:0;transform:translateY(30px)}.playlist-view[data-v-058fbe79]{position:relative;width:100vw;height:100vh;background-color:#bfbebe;background-image:linear-gradient(to left,#2B4570,#A37A74);background-size:cover;background-position:center;color:#fff;cursor:default;overflow-y:auto}.playlist-header[data-v-058fbe79]{display:flex;align-items:flex-start;justify-content:flex-start;margin:20px;position:relative}.playlist-cover-container[data-v-058fbe79]{width:30%;display:flex;justify-content:center}.playlist-cover[data-v-058fbe79]{width:100%;max-width:150px;height:auto;border-radius:10px}.playlist-info[data-v-058fbe79]{display:flex;flex-direction:column;justify-content:flex-start;width:60%;margin-left:5px}.playlist-title[data-v-058fbe79]{font-size:24px;margin:0;display:flex;align-items:center}.playlist-icons[data-v-058fbe79]{display:flex;align-items:center;margin-left:10px}.settings-icon[data-v-058fbe79],.heart-icon[data-v-058fbe79]{width:24px;height:24px;margin-left:5px;cursor:pointer}.playlist-buttons[data-v-058fbe79]{margin:10px 0 0;font-size:14px;display:flex;flex-direction:column}.section-title[data-v-058fbe79]{font-size:10px;font-weight:700;margin-right:5px}.playlist-artists[data-v-058fbe79],.playlist-genres[data-v-058fbe79],.playlist-vibes[data-v-058fbe79]{display:flex;flex-wrap:wrap;align-items:center;margin-top:5px}.button-container[data-v-058fbe79]{display:flex;flex-wrap:wrap;justify-content:center;margin:20px}.playlist-container[data-v-058fbe79]{display:flex;flex-direction:column;align-items:center;padding:20px}.song-item[data-v-058fbe79]{margin:10px 0}.no-playlist[data-v-058fbe79]{text-align:center;margin-top:20px;font-size:20px}@media (max-width: 1200px){.playlist-header[data-v-058fbe79]{flex-direction:row;align-items:center}.playlist-cover-container[data-v-058fbe79]{width:30%}.playlist-info[data-v-058fbe79]{width:70%;margin-left:5px}.playlist-title[data-v-058fbe79]{font-size:22px}.playlist-buttons[data-v-058fbe79]{font-size:12px}}@media (max-width: 1024px){.playlist-header[data-v-058fbe79]{flex-direction:row;align-items:center}.playlist-cover-container[data-v-058fbe79]{width:40%}.playlist-info[data-v-058fbe79]{width:60%;margin-left:5px}.playlist-title[data-v-058fbe79]{font-size:20px}.playlist-buttons[data-v-058fbe79]{font-size:12px}}@media (max-width: 900px){.playlist-header[data-v-058fbe79]{flex-direction:row;align-items:center}.playlist-cover-container[data-v-058fbe79]{width:50%}.playlist-info[data-v-058fbe79]{width:50%;margin-left:5px}.playlist-title[data-v-058fbe79]{font-size:18px}.playlist-buttons[data-v-058fbe79]{font-size:10px}}@media (max-width: 768px){.playlist-header[data-v-058fbe79]{flex-direction:column;align-items:center}.playlist-cover-container[data-v-058fbe79]{width:60%}.playlist-info[data-v-058fbe79]{width:90%;margin-left:0;text-align:center}.playlist-title[data-v-058fbe79]{font-size:16px;justify-content:center;width:100%}.playlist-buttons[data-v-058fbe79]{font-size:10px;align-items:center}.playlist-artists[data-v-058fbe79],.playlist-genres[data-v-058fbe79],.playlist-vibes[data-v-058fbe79]{justify-content:center}}@media (max-width: 600px){.playlist-header[data-v-058fbe79]{flex-direction:column;align-items:center}.playlist-cover-container[data-v-058fbe79]{width:70%}.playlist-info[data-v-058fbe79]{width:100%;margin-left:0;text-align:center}.playlist-title[data-v-058fbe79]{font-size:14px;justify-content:center;width:100%}.playlist-buttons[data-v-058fbe79]{font-size:8px;align-items:center}.playlist-artists[data-v-058fbe79],.playlist-genres[data-v-058fbe79],.playlist-vibes[data-v-058fbe79]{justify-content:center}}@media (max-width: 480px){.playlist-header[data-v-058fbe79]{flex-direction:column;align-items:center}.playlist-cover-container[data-v-058fbe79]{width:90%}.playlist-info[data-v-058fbe79]{width:100%;margin-left:0;text-align:center}.playlist-title[data-v-058fbe79]{font-size:12px;justify-content:center;width:100%}.playlist-buttons[data-v-058fbe79]{font-size:8px;align-items:center}.playlist-artists[data-v-058fbe79],.playlist-genres[data-v-058fbe79],.playlist-vibes[data-v-058fbe79]{justify-content:center}}.playlist-settings[data-v-058fbe79]{position:fixed;right:0;top:50px;bottom:0;background:rgba(51,51,51,.9);color:#fff;padding:20px;border-radius:0 10px 10px 0;z-index:1000;width:300px;box-shadow:0 0 10px #00000080;max-height:calc(100vh - 50px);display:flex;flex-direction:column}.close-button[data-v-058fbe79]{position:absolute;left:-20px;top:0;height:100%;width:20px;background:rgba(51,51,51,.9);color:#fff;text-align:center;cursor:pointer;display:flex;align-items:center;justify-content:center;border-top-left-radius:10px;border-bottom-left-radius:10px;transition:background .3s ease}.close-button[data-v-058fbe79]:hover{background:rgba(30,30,30,.9)}.setting-content[data-v-058fbe79]{flex:1;overflow-y:auto;margin-bottom:20px}.setting-content[data-v-058fbe79]::-webkit-scrollbar{width:0;height:0}.setting-content[data-v-058fbe79]{-ms-overflow-style:none;scrollbar-width:none}.setting-option[data-v-058fbe79]{margin-bottom:15px;display:flex;flex-direction:column}.setting-option label[data-v-058fbe79]{flex:1;margin-bottom:5px;font-weight:700}.slider-group[data-v-058fbe79]{display:flex;flex-direction:column;align-items:flex-start;width:100%}.slider-container[data-v-058fbe79]{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin-bottom:10px}.slider[data-v-058fbe79]{width:100%;margin:2px 0;height:10px}.number-input[data-v-058fbe79]{width:50px;margin:2px 0;height:20px;-moz-appearance:textfield}.number-input[data-v-058fbe79]::-webkit-outer-spin-button,.number-input[data-v-058fbe79]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}label[data-v-058fbe79]{display:flex;flex-direction:column;align-items:flex-start;font-size:12px}.toggle-button[data-v-058fbe79]{background:#888;color:#fff;padding:5px 10px;border:none;border-radius:5px;cursor:pointer;font-size:12px;align-self:left;height:30px;margin-top:10px}.toggle-button[data-v-058fbe79]:hover{background:#777}.toggle-new-songs-button[data-v-058fbe79]{background:#888;color:#fff;padding:5px 10px;border:none;border-radius:5px;cursor:pointer;font-size:12px;margin-top:10px}.toggle-new-songs-button[data-v-058fbe79]:hover{background:#777}.suggestions[data-v-058fbe79]{max-width:100%;padding:10px;list-style:none;border:1px solid #ccc;border-radius:10px;overflow:hidden;box-shadow:0 0 5px #0003;background:#bfbebe;background-color:#fff3;color:#fff;font-family:Satoshi,sans-serif;transition:max-height .3s ease,opacity .3s ease;overflow-y:auto;max-height:50vh}.suggestion[data-v-058fbe79]{padding:5px;font-size:14px;color:#fff;border-bottom:1px solid #ccc}.suggestion[data-v-058fbe79]:last-child{border-bottom:none}.suggestion[data-v-058fbe79]:hover{background-color:#ffffff4d;cursor:pointer}.apply-settings-button[data-v-058fbe79]{background-color:#4caf50;color:#fff;border:none;padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:10px 0;cursor:pointer;border-radius:5px}.leaderboard-view[data-v-56486db2]{width:100vw;height:100vh;background-color:#bfbebe;background-image:linear-gradient(to left,#2B4570,#A37A74);background-size:cover;background-position:center;color:#fff}.content[data-v-56486db2]{text-align:center;margin-top:100px}.content h2[data-v-56486db2]{font-size:36px}.content p[data-v-56486db2]{font-size:24px}/**
 * @license
 *
 * Font Family: Satoshi
 * Designed by: Deni Anggara
 * URL: https://www.fontshare.com/fonts/satoshi
 * © 2022 Indian Type Foundry
 *
 * Font Styles:
 * Satoshi Variable(Variable font)
 * Satoshi Variable Italic(Variable font)
 * Satoshi Light
 * Satoshi Light Italic
 * Satoshi Regular
 * Satoshi Italic
 * Satoshi Medium
 * Satoshi Medium Italic
 * Satoshi Bold
 * Satoshi Bold Italic
 * Satoshi Black
 * Satoshi Black Italic
 *
*/@font-face{font-family:Satoshi-Variable;src:url(/assets/Satoshi-Variable.e739aff9.woff2) format("woff2"),url(/assets/Satoshi-Variable.9cdbec9e.woff) format("woff"),url(/assets/Satoshi-Variable.02ad1319.ttf) format("truetype");font-weight:300 900;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-VariableItalic;src:url(/assets/Satoshi-VariableItalic.e7b4e0ec.woff2) format("woff2"),url(/assets/Satoshi-VariableItalic.787e19b1.woff) format("woff"),url(/assets/Satoshi-VariableItalic.cfe8f600.ttf) format("truetype");font-weight:300 900;font-display:swap;font-style:italic}@font-face{font-family:Satoshi-Light;src:url(/assets/Satoshi-Light.8a24f395.woff2) format("woff2"),url(/assets/Satoshi-Light.dd42e743.woff) format("woff"),url(/assets/Satoshi-Light.b54cf060.ttf) format("truetype");font-weight:300;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-LightItalic;src:url(/assets/Satoshi-LightItalic.9690a557.woff2) format("woff2"),url(/assets/Satoshi-LightItalic.2f9c5264.woff) format("woff"),url(/assets/Satoshi-LightItalic.c9a8d027.ttf) format("truetype");font-weight:300;font-display:swap;font-style:italic}@font-face{font-family:Satoshi-Regular;src:url(/assets/Satoshi-Regular.50dca57f.woff2) format("woff2"),url(/assets/Satoshi-Regular.9fbc41c9.woff) format("woff"),url(/assets/Satoshi-Regular.243b23f6.ttf) format("truetype");font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-Italic;src:url(/assets/Satoshi-Italic.dbcb8c32.woff2) format("woff2"),url(/assets/Satoshi-Italic.a6df1710.woff) format("woff"),url(/assets/Satoshi-Italic.14c3d259.ttf) format("truetype");font-weight:400;font-display:swap;font-style:italic}@font-face{font-family:Satoshi-Medium;src:url(/assets/Satoshi-Medium.af02a722.woff2) format("woff2"),url(/assets/Satoshi-Medium.7aeaf037.woff) format("woff"),url(/assets/Satoshi-Medium.7130cef6.ttf) format("truetype");font-weight:500;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-MediumItalic;src:url(/assets/Satoshi-MediumItalic.beb15382.woff2) format("woff2"),url(/assets/Satoshi-MediumItalic.cf98a3ed.woff) format("woff"),url(/assets/Satoshi-MediumItalic.71f8dce5.ttf) format("truetype");font-weight:500;font-display:swap;font-style:italic}@font-face{font-family:Satoshi-Bold;src:url(/assets/Satoshi-Bold.353a7fbf.woff2) format("woff2"),url(/assets/Satoshi-Bold.1789917c.woff) format("woff"),url(/assets/Satoshi-Bold.2c122eab.ttf) format("truetype");font-weight:700;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-BoldItalic;src:url(/assets/Satoshi-BoldItalic.52bfd9e8.woff2) format("woff2"),url(/assets/Satoshi-BoldItalic.5d73878e.woff) format("woff"),url(/assets/Satoshi-BoldItalic.8ff85a17.ttf) format("truetype");font-weight:700;font-display:swap;font-style:italic}@font-face{font-family:Satoshi-Black;src:url(/assets/Satoshi-Black.bd11b582.woff2) format("woff2"),url(/assets/Satoshi-Black.a849a7b7.woff) format("woff"),url(/assets/Satoshi-Black.78edaca6.ttf) format("truetype");font-weight:900;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-BlackItalic;src:url(/assets/Satoshi-BlackItalic.83d61d67.woff2) format("woff2"),url(/assets/Satoshi-BlackItalic.cf5edac8.woff) format("woff"),url(/assets/Satoshi-BlackItalic.d3d6c8d6.ttf) format("truetype");font-weight:900;font-display:swap;font-style:italic}body{font-family:Satoshi,sans-serif}