@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap";*{font-family:DM Sans,Helvetica,Arial,sans-serif;box-sizing:border-box;margin:0;padding:0;z-index:2}html{background-color:#181d1e;margin:0;padding:0;height:100%}a{text-decoration:none;color:inherit}h1{font-size:clamp(20px,2vw,28px);color:#fff}.nav{display:flex;justify-content:space-between;align-items:center;height:12vh;z-index:1}.profile{margin-left:auto}.profile-wrapper{font-weight:400;margin:30px;font-size:clamp(18px,2vw,26px)}.profile-icon{display:flex;align-items:center}.profile-text{display:flex;flex-direction:column;margin-right:15px}.profile-name{font-size:clamp(16px,1.6vw,22px);font-weight:600;margin-bottom:5px}.log-out{font-size:clamp(12px,2vw,20px);color:#a7a7a7;transition:all .3s ease}.log-out:hover{font-weight:600;cursor:pointer}.profile-icon img{width:clamp(40px,4vw,60px);height:clamp(40px,4vw,60px);border-radius:50%}.header{margin:0 20px;padding:10px;z-index:1;transition:text-shadow .3s ease}#your-playlists-heading{margin:40px 40px 20px 20px;font-weight:600;font-size:clamp(48px,6vw,72px)}.list-heading{margin:2vw 2vw 0vw 4vw;display:flex;gap:4vw}#accordion-heading-back{font-weight:600;font-size:clamp(36px,4.8vw,60px);padding-top:10px;transition:all .2s ease}#accordion-heading-back:hover{transform:scale(1.1);color:#ff96cc}#accordion-heading-name{font-weight:600;font-size:clamp(48px,6vw,72px)}.accordion-filter-bar{display:flex;flex-direction:row-reverse;gap:1vw;margin:1vw}.accordion-filter-bar input{all:unset;border-bottom:.3vh solid gray;margin-right:3vw;padding:1vw;width:40vw;font-size:clamp(10px,1.4vw,16px);color:#fff;background:none}.accordion-filter-bar input:hover{border-bottom:.3vh solid rgb(255,187,230)}.accordion-filter-bar input:focus{border-bottom:.3vh solid hotpink}.accordion-init-loading{display:flex;height:80vh;align-items:center}.accordion-init-loading-text{color:#fff;font-weight:600;font-size:clamp(16px,2vw,28px);vertical-align:center}.white{color:#fff}.white:hover{text-shadow:0px 0px 12px white}.primary-blue{color:#4a6ee7}.primary-green{color:#17b578}.primary-green:hover,.secondary-green:hover{text-shadow:0px 0px 12px rgb(114,228,184)}.primary-blue:hover,.secondary-blue:hover{text-shadow:0px 0px 12px rgb(145,161,252)}.primary-pink:hover,.secondary-pink:hover{text-shadow:0px 0px 12px rgb(255,187,230)}.secondary-pink{color:#ff96cc}#accordion-heading-name,#accordion-heading-back{color:#ffc8e4}.secondary-blue{color:#a6b9f3}#your-playlists-heading{color:#c3d0f6}.secondary-green{color:#6aeebb}#spotify-playlists-heading{color:#dbfff1}.user-music-bar{list-style:none;padding:0;margin:0 0 0 20px;display:flex;gap:10px;flex-wrap:wrap}#search-music-redirector{padding:1vw 1.28vw;border-radius:100%}.user-music-redirector{background-color:#4a6ee7;color:#fff;padding:1vw 2vw;border-radius:5vw;text-align:center;cursor:pointer;font-size:clamp(14px,1.6vw,20px);font-weight:500;transition:all .2s ease}.user-music-redirector a{color:#fff;text-decoration:none}.user-music-redirector:hover{background-color:#1d4ef0}.primary-pink{color:#ff69b4}.primary-white{color:#fff}div.items{font-size:clamp(10px,1.5vw,medium);margin:1vmin;padding:2vmin;border-radius:10px;background-color:#ffc8e4;box-shadow:0 4px 6px #0000001a;transition:all .3s ease;width:100%}div.items:hover{box-shadow:0 6px 10px #00000026}div.items>div{padding:5px}.search-form{display:flex;justify-content:center;gap:1rem;margin:1rem}.search-form input{all:unset;border-bottom:.5vh solid gray;padding:1vw 2vw;width:70vw;font-size:clamp(12px,2vw,24px);color:#fff;background:none}.search-form input:hover{border-bottom:.5vh solid rgb(255,187,230)}.search-form input:focus{border-bottom:.5vh solid hotpink}.search-form button{all:unset;background-color:#ff69b4;padding:1vw 1.5vw;aspect-ratio:1;font-size:clamp(12px,2vw,24px);cursor:pointer;transition:all .2s ease;border-radius:100%}.search-form button:hover{transform:scale(1.05)}.id{font-size:clamp(10px,2vw,16px);font-weight:700}.song{border-radius:10px;background-color:#ff69b4;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;transition:background-color .3s ease,box-shadow .3s ease,transform .2s ease;width:100%;margin:10px 0;box-shadow:0 2px 4px #0000004d}.song:hover{box-shadow:0 6px 8px #0006;transform:scale(1.01);transition:transform .2s ease}.albumArt{width:clamp(50px,20%,140px);display:inline-block;position:relative;margin:1.5vw;box-shadow:0 6px 8px #0006}.lyrics{white-space:pre-line;width:100%;font-size:clamp(12px,2.5vmin,20px);padding-left:.5vmin;line-height:180%}.songInfo{display:flex;flex-direction:column;align-items:flex-end;margin-left:auto;margin-right:2.5vw;max-width:70%;margin-top:2vw;margin-bottom:2vw}#songName{font-size:clamp(16px,6vw,64px);font-weight:700;margin-bottom:-.2vw;margin-top:-.1vw;color:#000;text-align:right;overflow:hidden;text-overflow:ellipsis;width:100%}#artists{font-size:clamp(10px,2.5vw,28px);margin-top:-.1vw;color:#000;text-align:right;margin-right:.3vw;margin-bottom:.5vh;overflow:hidden;text-overflow:ellipsis;width:100%}.wrapper{padding:2vmin;display:flex;flex-direction:column}.accordion{display:flex;flex-direction:column;align-items:center;width:100%}.insideAcrdn{margin-top:1vmin;padding-left:1vmin;padding-right:1vmin;padding-bottom:1vmin;border-radius:10px;width:100%}div.test{color:#004d40;font-size:clamp(18px,4vw,32px);white-space:pre-line}.playlistList{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;padding:20px;box-sizing:border-box}.playlistCards{background-color:#17b578;border-radius:8px;padding:15px;overflow:hidden;box-shadow:0 4px 8px #0006;transition:transform .2s,box-shadow .2s}#userCard{background-color:#4a6ee7}.playlistCards:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0006}.playlist-image{aspect-ratio:1/1;width:100%;border-radius:8px;display:block;object-fit:cover;overflow:none;object-position:center;box-shadow:0 4px 8px #0006}.playlist-name{font-size:clamp(20px,2vw,30px);font-weight:700;padding:15px 5px 5px;margin:0;word-wrap:break-word;overflow:hidden;-webkit-hyphens:auto;hyphens:auto;text-overflow:clip}.playlist-description{font-size:clamp(14px,1.4vw,21px);padding:5px;margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.4em;max-height:4.2em}.frontpage-container{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background-image:url(/assets/album_collage-D1KhMK6y.png);background-size:cover;background-repeat:no-repeat;background-position:center;width:100%;min-height:88vh;margin:0}.frontpage-container:before{content:"";position:absolute;top:12vh;left:0;width:100%;height:88vh;background:#00000080;z-index:0}.frontpage-container h1{text-shadow:0px 0px 20px rgb(0,0,0)}.tagline,.subtagline{position:relative;z-index:1}.tagline{margin-bottom:10px;width:60%}.tagline-text{font-size:clamp(60px,6vw,120px);font-weight:700}.subtagline{margin-bottom:20px;width:35%}.subtagline-text{font-size:clamp(20px,2.4vw,40px);font-weight:500}.home-link:hover{transform:scale(1.02)}.link-1{transition:color .1s ease,text-shadow .3s ease}.link-1:hover{color:#8b9fff;text-shadow:0px 0px 12px rgb(152,186,255)}.link-2{transition:color .1s ease,text-shadow .3s ease}.link-2:hover{color:#6aeebb;text-shadow:0px 0px 12px rgb(106,238,187)}