body{margin:0;font-family:Montserrat,serif;color:#fff;background-color:#000}::-webkit-scrollbar{width:0;background:transparent}.playlist-field-wrapper[data-v-95097e77]{border-radius:12px;background-color:#171717;width:150px;flex-shrink:0;padding:1rem;transition:background-color .3s}.playlist-field-wrapper[data-v-95097e77]:hover{cursor:pointer;background-color:#282828}.playlist-cover-wrapper[data-v-95097e77]{width:100%;aspect-ratio:1/1;display:flex;align-items:center;margin-bottom:10px}.playlist-cover[data-v-95097e77]{width:100%}.playlist-header[data-v-95097e77]{font-size:20px;font-weight:700;margin:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.playlist-description[data-v-95097e77]{font-size:13px;margin:0;color:#979797;padding-top:5px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.fade-enter-active[data-v-95097e77],.fade-leave-active[data-v-95097e77]{transition:all .2s ease}.fade-enter-from[data-v-95097e77],.fade-leave-to[data-v-95097e77]{opacity:0;width:0}.primary-button[data-v-51f67b10]{background-color:#1ed760;color:#000;border-radius:20px;font-size:13px;font-weight:700;padding-inline:32px;padding-top:10px;padding-bottom:10px;height:fit-content;text-align:center;transition:background-color .4s;width:fit-content}.primary-button[data-v-51f67b10]:hover{cursor:pointer;background-color:#fff}.intro-header[data-v-38471930]{font-size:30px;font-weight:700;padding:2rem 1rem;display:flex;justify-content:space-between;max-width:95%;position:sticky}.optimise[data-v-38471930]{display:flex;font-size:13px;align-items:center;transition:all .2s}.optimise[data-v-38471930]:hover{cursor:pointer}.active[data-v-38471930]{color:#1ed760}.playlists-wrapper[data-v-0fbf08ae]{font-size:30px;font-weight:700;display:grid;box-sizing:border-box;width:100%;flex-wrap:wrap;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));grid-gap:.5rem;padding:1rem}.named-greeting[data-v-0fbf08ae]{font-size:25px;font-weight:700;padding:1rem}.player-content-wrapper[data-v-f0e42622]{background-color:#000;bottom:0;height:var(--2e1bea5a);width:100%;display:flex;border-top-left-radius:12px;border-top-right-radius:12px}.svg-icon[data-v-f0e42622]{width:20px;height:20px}.expander[data-v-f0e42622]{transition:all .5s;transform:var(--3147715c)}.expander[data-v-f0e42622]:hover{cursor:pointer}.functionality[data-v-f0e42622]{width:24px;margin-left:.5rem}.player-wrapper[data-v-e6963ae0]{display:flex;overflow:hidden;bottom:0;align-items:center;justify-content:center;position:fixed;width:100%}.login-wrapper[data-v-c9613bfe]{height:80vh;display:flex;align-items:center;justify-content:center;flex-direction:column}.intro-header[data-v-c9613bfe]{font-size:30px;font-weight:700;padding-bottom:20px}.brand-logo[data-v-c9613bfe]{width:200px;margin-bottom:100px}.top-item[data-v-97f2978d]{background-color:transparent;-webkit-backdrop-filter:brightness(80%);backdrop-filter:brightness(80%);font-size:15px;font-weight:700;display:flex;border-radius:6px;overflow:hidden;transition:all .3s;align-items:center}.top-item-cover[data-v-97f2978d]{width:64px;aspect-ratio:1/1;display:flex}.top-item-name[data-v-97f2978d]{padding:1rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.top-item[data-v-97f2978d]:hover{-webkit-backdrop-filter:brightness(150%);backdrop-filter:brightness(150%);cursor:pointer}.fade-enter-active[data-v-97f2978d],.fade-leave-active[data-v-97f2978d]{transition:all .2s ease}.fade-enter-from[data-v-97f2978d],.fade-leave-to[data-v-97f2978d]{opacity:0;width:0}.top-items[data-v-3b9f5a4c]{display:grid;padding:1rem;box-sizing:border-box;width:100%;flex-wrap:wrap;grid-template-columns:repeat(3,minmax(190px,1fr));grid-gap:1rem}.header-section[data-v-2eb951cd]{background-image:linear-gradient(rgba(255,255,255,.5),#121212);background-color:var(--029548ed);transition:background 1s;height:fit-content}.app-nav[data-v-9cfabcd6]{background-color:#121212;margin:.5rem 0 .5rem .5rem;border-radius:12px;display:flex;height:fit-content;flex-direction:column;font-size:15px;font-weight:700}.link-wrapper[data-v-9cfabcd6]{display:flex;flex-direction:row;margin-left:1rem}.icon[data-v-9cfabcd6]{margin-right:1rem}.text[data-v-9cfabcd6]:hover{cursor:pointer}.library-nav[data-v-18e00baf]{background-color:#121212;margin:.5rem 0 .5rem .5rem;border-radius:12px;display:flex;height:fit-content}.wrapper[data-v-fe5d1316]{display:flex}.input[data-v-fe5d1316]{border:none;background-image:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;background-color:#171717;width:100%;padding:1rem;border-radius:5rem;color:#fff}input[data-v-fe5d1316]:focus{outline:none}.close[data-v-fe5d1316]{width:5rem;text-align:center;color:#171717;transition:all .1s}.close[data-v-fe5d1316]:hover{cursor:pointer;color:#fff}.items[data-v-de8c6ad8]{margin:1rem 1rem 2rem}.item[data-v-de8c6ad8]:hover{cursor:pointer}.section-header[data-v-de8c6ad8]{margin-bottom:.5rem;font-size:20px;font-weight:700}.home-content[data-v-084b2243]{background-color:#000;display:grid;grid-template-columns:21% 79%;height:100%}.vertical-nav[data-v-084b2243]{position:sticky;top:0;height:83vh}.vertical-nav-content[data-v-084b2243]{height:100%}.content-field[data-v-084b2243]{background-color:#121212;border-radius:12px;overflow:auto;margin:.5rem;height:83vh}.player[data-v-084b2243]{min-height:15vh;height:fit-content;margin-bottom:0}.search-modal-wrapper[data-v-084b2243]{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);height:100%;width:100%;position:fixed;top:0;left:0;z-index:999}.search-modal[data-v-084b2243]{padding:2rem;transition:all .2s}.fade-enter-active[data-v-084b2243],.fade-leave-active[data-v-084b2243]{transition:opacity .2s ease}.fade-enter-from[data-v-084b2243],.fade-leave-to[data-v-084b2243]{opacity:0}.results[data-v-084b2243]{margin:1rem}