*{margin:0;padding:0;box-sizing:border-box}.container{width:100vw;height:100vh;overflow-x:hidden;-webkit-user-select:none;user-select:none;color:#fff}.parent{width:90%;height:100%;display:flex;flex-direction:row;flex-wrap:wrap}.flex{margin-top:1.5rem}#profile{position:absolute;bottom:0;margin-bottom:1.5rem}#spotify{margin-left:.2rem;font-size:2rem}#sidebar{display:flex;flex-direction:column;width:40%}#navbar{width:20%;display:flex;position:relative;margin-left:1.5rem}#musicplayer{width:37%;display:flex;flex-direction:column;margin-top:70px}#coverimage{width:70%;height:450px;object-position:center;border-radius:10px}#songdetails{width:100%;display:flex;flex-direction:column}#songtitle{font-size:xx-large}#songartist{font-size:larger;margin-top:.3rem;margin-bottom:1rem}.controlparent{width:70%}.controlbuttons{width:100%;display:flex;justify-content:center;gap:50px}#controlbutton{cursor:pointer}.category{display:flex;grid-gap:5rem;width:60%;margin-left:2rem}#categoryitem1{font-size:1.2rem}#categoryitem1:hover{cursor:pointer}#categoryitem2{font-size:1.2rem}#categoryitem2:hover{cursor:pointer}.search-container{position:relative;width:100%;max-width:60%;margin-top:1.5rem;margin-left:2rem}.search-input{width:100%;padding:10px 40px 10px 15px;border-radius:10px;border:none;background-color:#333;color:#fff;font-size:16px;outline:none;box-sizing:border-box}.search-input::placeholder{color:#aaa}.search-button{position:absolute;top:50%;right:15px;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0;margin:0;outline:none}.search-icon{width:20px;height:20px;stroke:#fff;pointer-events:none}.listview{margin-top:1.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;width:70%;margin-left:.6rem}.song-item{display:flex;align-items:center;padding:10px;background-color:transparent;color:#fff;transition:background-color .3s ease,box-shadow .3s ease,padding .3s ease;width:100%;cursor:pointer;border-radius:8px}.song-item:hover{background-color:#ffffff1a;box-shadow:0 4px 8px #0003;padding:10px 15px;transition:background-color .5s,box-shadow .5s,padding .5s}.album-art{width:40px;height:40px;border-radius:50%;margin-right:15px;object-fit:cover}.song-info{flex-grow:1}.song-title{font-size:16px;font-weight:700}.song-artist,.song-duration{font-size:14px;color:#aaa}.fingerprint-spinner,.fingerprint-spinner *{box-sizing:border-box}.fingerprint-spinner{height:64px;width:64px;padding:2px;overflow:hidden;position:relative}.fingerprint-spinner .spinner-ring{position:absolute;border-radius:50%;border:2px solid transparent;border-top-color:#ff1d5e;animation:fingerprint-spinner-animation 1.5s cubic-bezier(.68,-.75,.265,1.75) infinite forwards;margin:auto;bottom:0;left:0;right:0;top:0}.fingerprint-spinner .spinner-ring:nth-child(1){height:calc(60px / 9 + 0 * 60px / 9);width:calc(60px / 9 + 0 * 60px / 9);animation-delay:50ms}.fingerprint-spinner .spinner-ring:nth-child(2){height:calc(60px / 9 + 1 * 60px / 9);width:calc(60px / 9 + 1 * 60px / 9);animation-delay:100ms}.fingerprint-spinner .spinner-ring:nth-child(3){height:20px;width:20px;animation-delay:150ms}.fingerprint-spinner .spinner-ring:nth-child(4){height:calc(60px / 9 + 3 * 60px / 9);width:calc(60px / 9 + 3 * 60px / 9);animation-delay:200ms}.fingerprint-spinner .spinner-ring:nth-child(5){height:calc(60px / 9 + 4 * 60px / 9);width:calc(60px / 9 + 4 * 60px / 9);animation-delay:250ms}.fingerprint-spinner .spinner-ring:nth-child(6){height:40px;width:40px;animation-delay:300ms}.fingerprint-spinner .spinner-ring:nth-child(7){height:calc(60px / 9 + 6 * 60px / 9);width:calc(60px / 9 + 6 * 60px / 9);animation-delay:350ms}.fingerprint-spinner .spinner-ring:nth-child(8){height:calc(60px / 9 + 7 * 60px / 9);width:calc(60px / 9 + 7 * 60px / 9);animation-delay:400ms}.fingerprint-spinner .spinner-ring:nth-child(9){height:calc(60px / 9 + 8 * 60px / 9);width:calc(60px / 9 + 8 * 60px / 9);animation-delay:450ms}@keyframes fingerprint-spinner-animation{to{transform:rotate(360deg)}}#playercoverimage{height:100%;width:100%;object-fit:cover;border-radius:10px}@tailwind base;@tailwind components;@tailwind utilities;
