@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&family=Open+Sans:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap);body{font-family:Open Sans,sans-serif;min-height:-webkit-fill-available}h1,h2,h3,h4,h5,h6{font-family:Montserrat,sans-serif}:root{--primary-color:#283593;--primary-color-8:#283593cc;--secondary-color:#f9a825;--accent-color:#c62828;--background-color:#212121;--text-color:#fff;--tertiary-color:#6a1b9a;--neutral-color:#757575;--neutral-color-8:#757575cc;--font-title:"Roboto",sans-serif;--font-text:"Open Sans",sans-serif;--font-small:0.8rem;--font-regular:1rem;--font-large:1.2rem;--font-xlarge:1.5rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-9:36px;--space-10:40px}.mt-1{margin-top:4px;margin-top:var(--space-1)}.mb-1{margin-bottom:4px;margin-bottom:var(--space-1)}.ml-1{margin-left:4px;margin-left:var(--space-1)}.mr-1{margin-right:4px;margin-right:var(--space-1)}.mt-2{margin-top:8px;margin-top:var(--space-2)}.mb-2{margin-bottom:8px;margin-bottom:var(--space-2)}.ml-2{margin-left:8px;margin-left:var(--space-2)}.mr-2{margin-right:8px;margin-right:var(--space-2)}.mt-3{margin-top:12px;margin-top:var(--space-3)}.mb-3{margin-bottom:12px;margin-bottom:var(--space-3)}.ml-3{margin-left:12px;margin-left:var(--space-3)}.mr-3{margin-right:12px;margin-right:var(--space-3)}.mt-4{margin-top:16px;margin-top:var(--space-4)}.mb-4{margin-bottom:16px;margin-bottom:var(--space-4)}.ml-4{margin-left:16px;margin-left:var(--space-4)}.mr-4{margin-right:16px;margin-right:var(--space-4)}.mt-5{margin-top:20px;margin-top:var(--space-5)}.mb-5{margin-bottom:20px;margin-bottom:var(--space-5)}.ml-5{margin-left:20px;margin-left:var(--space-5)}.mr-5{margin-right:20px;margin-right:var(--space-5)}.mt-6{margin-top:24px;margin-top:var(--space-6)}.mb-6{margin-bottom:24px;margin-bottom:var(--space-6)}.ml-6{margin-left:24px;margin-left:var(--space-6)}.mr-6{margin-right:24px;margin-right:var(--space-6)}.mt-7{margin-top:28px;margin-top:var(--space-7)}.mb-7{margin-bottom:28px;margin-bottom:var(--space-7)}.ml-7{margin-left:28px;margin-left:var(--space-7)}.mr-7{margin-right:28px;margin-right:var(--space-7)}.mt-8{margin-top:32px;margin-top:var(--space-8)}.mb-8{margin-bottom:32px;margin-bottom:var(--space-8)}.ml-8{margin-left:32px;margin-left:var(--space-8)}.mr-8{margin-right:32px;margin-right:var(--space-8)}.mt-9{margin-top:36px;margin-top:var(--space-9)}.mb-9{margin-bottom:36px;margin-bottom:var(--space-9)}.ml-9{margin-left:36px;margin-left:var(--space-9)}.mr-9{margin-right:36px;margin-right:var(--space-9)}.mt-10{margin-top:40px;margin-top:var(--space-10)}.mb-10{margin-bottom:40px;margin-bottom:var(--space-10)}.ml-10{margin-left:40px;margin-left:var(--space-10)}.mr-10{margin-right:40px;margin-right:var(--space-10)}.pt-1{padding-top:4px;padding-top:var(--space-1)}.pb-1{padding-bottom:4px;padding-bottom:var(--space-1)}.pl-1{padding-left:4px;padding-left:var(--space-1)}.pr-1{padding-right:4px;padding-right:var(--space-1)}.pt-2{padding-top:8px;padding-top:var(--space-2)}.pb-2{padding-bottom:8px;padding-bottom:var(--space-2)}.pl-2{padding-left:8px;padding-left:var(--space-2)}.pr-2{padding-right:8px;padding-right:var(--space-2)}.pt-3{padding-top:12px;padding-top:var(--space-3)}.pb-3{padding-bottom:12px;padding-bottom:var(--space-3)}.pl-3{padding-left:12px;padding-left:var(--space-3)}.pr-3{padding-right:12px;padding-right:var(--space-3)}.pt-4{padding-top:16px;padding-top:var(--space-4)}.pb-4{padding-bottom:16px;padding-bottom:var(--space-4)}.pl-4{padding-left:16px;padding-left:var(--space-4)}.pr-4{padding-right:16px;padding-right:var(--space-4)}.pt-5{padding-top:20px;padding-top:var(--space-5)}.pb-5{padding-bottom:20px;padding-bottom:var(--space-5)}.pl-5{padding-left:20px;padding-left:var(--space-5)}.pr-5{padding-right:20px;padding-right:var(--space-5)}.pt-6{padding-top:24px;padding-top:var(--space-6)}.pb-6{padding-bottom:24px;padding-bottom:var(--space-6)}.pl-6{padding-left:24px;padding-left:var(--space-6)}.pr-6{padding-right:24px;padding-right:var(--space-6)}.pt-7{padding-top:28px;padding-top:var(--space-7)}.pb-7{padding-bottom:28px;padding-bottom:var(--space-7)}.pl-7{padding-left:28px;padding-left:var(--space-7)}.pr-7{padding-right:28px;padding-right:var(--space-7)}.pt-8{padding-top:32px;padding-top:var(--space-8)}.pb-8{padding-bottom:32px;padding-bottom:var(--space-8)}.pl-8{padding-left:32px;padding-left:var(--space-8)}.pr-8{padding-right:32px;padding-right:var(--space-8)}.pt-9{padding-top:36px;padding-top:var(--space-9)}.pb-9{padding-bottom:36px;padding-bottom:var(--space-9)}.pl-9{padding-left:36px;padding-left:var(--space-9)}.pr-9{padding-right:36px;padding-right:var(--space-9)}.pt-10{padding-top:40px;padding-top:var(--space-10)}.pb-10{padding-bottom:40px;padding-bottom:var(--space-10)}.pl-10{padding-left:40px;padding-left:var(--space-10)}.pr-10{padding-right:40px;padding-right:var(--space-10)}:root{--size-1:4px;--size-2:8px;--size-3:12px;--size-4:16px;--size-5:20px;--size-6:24px;--size-7:28px;--size-8:32px;--size-9:36px;--size-10:40px}.w-1{width:4px;width:var(--size-1)}.w-2{width:8px;width:var(--size-2)}.w-3{width:12px;width:var(--size-3)}.w-4{width:16px;width:var(--size-4)}.w-5{width:20px;width:var(--size-5)}.w-6{width:24px;width:var(--size-6)}.w-7{width:28px;width:var(--size-7)}.w-8{width:32px;width:var(--size-8)}.w-9{width:36px;width:var(--size-9)}.w-10{width:40px;width:var(--size-10)}.flex{display:flex}.column{flex-direction:column}.row{flex-direction:row}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.align-start{align-items:flex-start}.align-end{align-items:flex-end}.align-center{align-items:center}.gap-1{gap:4px;gap:var(--space-1)}.gap-2{gap:8px;gap:var(--space-2)}.gap-3{gap:12px;gap:var(--space-3)}.gap-4{gap:16px;gap:var(--space-4)}.gap-5{gap:20px;gap:var(--space-5)}.gap-6{gap:24px;gap:var(--space-6)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}.rotate{animation:rotate 1s linear infinite}.app{align-items:center;background-attachment:fixed;background-position:50%;background-size:cover;box-sizing:border-box;color:var(--text-color);display:flex;font-family:var(--font-text);height:100%;justify-content:center;padding:var(--space-4);position:fixed;z-index:10000}.app,.app:before{bottom:0;left:0;right:0;top:0}.app:before{background:#000000b3;content:"";position:absolute;z-index:-1}.main-content{background-color:#000000b3;border-radius:10px;box-shadow:0 4px 8px #00000080;box-sizing:border-box;display:flex;height:100%;margin:auto;max-width:1200px;padding:20px}.left-sidebar{display:flex;flex:1 1;flex-direction:column;margin-right:20px;max-height:100%}.right-content{flex:2 1}.album-header{text-align:center}.album-cover{border-radius:10px;max-width:100%}.album-title{font-family:var(--font-title);font-size:var(--font-large)}.current-track-title{color:var(--accent-color);font-size:var(--font-regular)}.tracklist-container{flex-grow:1;margin-top:var(--space-2);overflow-y:auto;padding-right:var(
    --space-2
  )}.tracklist{display:flex;flex-direction:column;gap:var(--space-1)}:root{--color-intro:#4caf50;--color-outro:#ff5722;--color-interlude:#2196f3;--color-remix:#9c27b0;--color-bonus:#ffc107;--color-default-track:#607d8b}.track{align-items:center;background-color:#212121cc;border-left:4px solid #607d8b;border-left:4px solid var(--color-default-track);border-radius:5px;cursor:pointer;display:flex;margin-bottom:5px;padding:10px}.track:hover{background-color:var(--neutral-color-8);box-shadow:0 2px 4px #0003}.track.selected{background-color:var(--primary-color-8);color:var(--text-color)}.track.intro{border-left:4px solid #4caf50;border-left:4px solid var(--color-intro)}.track.outro{border-left:4px solid #ff5722;border-left:4px solid var(--color-outro)}.track.interlude{border-left:4px solid #2196f3;border-left:4px solid var(--color-interlude)}.track.remix{border-left:4px solid #9c27b0;border-left:4px solid var(--color-remix)}.track.bonus{border-left:4px solid #ffc107;border-left:4px solid var(--color-bonus)}.track-cover{border-radius:50%;height:50px;margin-right:10px;object-fit:cover;width:50px}.track-title{color:var(--text-color);font-weight:700}.welcome-modal{padding:var(--space-3)}.welcome-modal .modal-content{border-radius:5px;box-shadow:0 4px 8px #00000080;max-width:600px}.welcome-modal-content{height:100%;overflow-y:auto;text-align:center}.album-modal-text{padding:var(--space-3)}.album-modal-cover{border-radius:5px;border-bottom-left-radius:0;border-bottom-right-radius:0;height:auto;margin-bottom:20px;max-width:100%}.welcome-modal-content h2{color:var(--primary-color);font-size:var(--font-xlarge);margin-bottom:15px}.welcome-modal-content p{color:var(--neutral-color);font-size:var(--font-regular);margin-bottom:20px}.welcome-modal-content button{background-color:var(--accent-color);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:var(--font-regular);padding:10px 20px;transition:background-color .3s ease}@media only screen and (max-width:958px){:root{--font-large:1rem;--font-xlarge:1.2rem}.main-content{background-color:#000000b3;border-radius:10px;box-shadow:0 4px 8px #00000080;box-sizing:border-box;display:flex;flex-direction:column;height:100%;margin:auto;max-width:1200px;overflow:hidden;padding:var(--space-3)}.tab-content{flex-grow:1;overflow-y:auto;padding-bottom:var(--space-3);width:100%}.left-sidebar,.right-content{margin-right:0;width:100%}.album-header{margin-bottom:var(--space-3)}.tracklist-container{padding-right:var(--space-1)}.album-header{position:relative;text-align:center}.album-cover{border-radius:0;width:100%}.player-overlay{background-color:#00000080;left:50%;padding-bottom:10px;padding-top:10px;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.tab-buttons{display:flex;justify-content:center;margin-top:var(--space-3)}.tab-buttons button{background-color:var(--primary-color);border:none;border-radius:var(--border-radius);color:#fff;cursor:pointer;margin:0 var(--space-1);padding:var(--space-2)}.tab-buttons button:focus{outline:none}.welcome-modal-content{display:flex;flex-direction:column}.album-modal-text{padding-top:0}.album-modal-cover{margin-bottom:0}}.album-modal-text::-webkit-scrollbar,.welcome-modal-content::-webkit-scrollbar{display:none}.tab-content::-webkit-scrollbar{display:none}.track-details{margin-top:var(--space-4);text-align:center;width:100%}.track-details-cover{margin-bottom:var(--space-2);max-width:200px}.track-details-title{color:var(--accent-color);font-size:var(--font-xlarge)}.lyrics{text-wrap:pretty;font-size:var(--font-regular);margin-top:var(--space-2);white-space:pre}.music-player{width:100%}.player-controls{align-items:center;display:flex;gap:10px;justify-content:center;padding:20px 0}.control-icon{color:var(--primary-color);cursor:pointer;font-size:24px}.control-icon.active{color:var(--accent-color)}.control-icon.disabled{color:#ffffff80}.circle-loader-icon{color:var(--primary-color);font-size:24px}.loop-icon-number{color:var(--primary-color);font-size:14px;font-weight:600;position:absolute;right:2px;top:1px}.loop-icon-number.active{color:var(--accent-color)}.overlay{background-color:#fff3;left:0}.line,.overlay{height:100%;opacity:0;pointer-events:none;position:absolute;top:0}.line{background-color:#ffffffb3;width:1px}@media only screen and (max-width:958px){.control-icon{font-size:42px}.line,.overlay{display:none}}.modal-overlay{align-items:center;background-color:#0009;bottom:0;box-sizing:border-box;display:flex;height:100dvh;justify-content:center;left:0;position:fixed;right:0;top:0;width:100%;z-index:1000}@madia only screen and (max-height: 960px){.modal-overlay{padding:var(--space-6)}}.modal-content{background-color:#fff;border-radius:6px;box-shadow:0 4px 8px #00000080;height:100%}.modal-content::-webkit-scrollbar{display:none}
/*# sourceMappingURL=main.09da3f3a.css.map*/