body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{align-items:center;background-image:radial-gradient(circle at left bottom,#a8949d,#8c7a83);background-size:200%;display:flex;flex-direction:column;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;height:100vh;justify-content:center;text-align:center;width:100vw}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.audio-player{align-items:flex-start;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background-color:#1e1e1e47;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.326);color:#fff;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:600px;width:100%}@media (max-width:600px){.audio-player{align-items:center;border-radius:0;height:100vh;justify-content:flex-start;width:100vw}}.album-art{border-radius:8px;height:200px;width:200px}.player-info{align-items:center;display:flex;flex-direction:row;gap:20px;justify-content:center;padding:20px;text-align:center}@media (max-width:600px){.player-info{flex-direction:column;gap:20px}}.player-details,.track-info{display:flex;flex-direction:column;gap:10px;width:100%}.player-details{align-items:flex-start;height:100%;justify-content:space-between}@media (max-width:600px){.player-details{align-items:center;justify-content:center}}.player-details .title{font-size:1.2em;font-weight:700;margin:0 0 5px;overflow:hidden;text-align:left;text-overflow:ellipsis;width:100%}.player-details .date,.player-details .description{color:#ffffff77;font-size:.9em;text-align:left}.player-controls{align-items:center;background-color:#00000027;border-radius:5px;display:flex;gap:10px;justify-content:center;padding:15px 20px}.progress-container{display:flex;flex-direction:column;gap:10px;width:100%}.progress-time{color:#ffffff77;display:flex;justify-content:space-between;padding-left:20px;padding-right:20px;-webkit-user-select:none;user-select:none}.time{font-size:.8em;font-weight:700;min-width:45px}.progress-bar{-webkit-appearance:none;appearance:none;background-color:#ffffff2c;cursor:pointer;height:6px;margin:0;overflow:hidden;padding:0;width:100%}.progress-bar::-webkit-slider-runnable-track{background:none}.progress-bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:none;box-shadow:-1001px 0 0 1000px #dc0366;height:10px;width:1px}.track:hover{background-color:#00000028;cursor:pointer}.track.active{background-color:#00000028;font-weight:700}.empty,.error,.loading{color:#666;padding:20px;text-align:center}.error{color:#c00}.icon{cursor:pointer}.icon:hover{transform:scale(1.05);transition:transform .2s}.track-list{align-items:center;background-color:#00000027;border-bottom-left-radius:8px;border-bottom-right-radius:8px;display:flex;flex-direction:column;gap:5px;padding-bottom:20px;padding-top:20px;width:100%}@media (max-width:600px){.track-list{border-radius:0;height:100%}}.track{align-items:center;border-radius:4px;color:hsla(0,0%,100%,.326);cursor:pointer;display:flex;flex-direction:row;gap:10px;justify-content:space-between;padding:10px;width:calc(100% - 60px)}.track,.track-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-title{color:#fff;text-align:left;width:60%}
/*# sourceMappingURL=main.8a6eea7e.css.map*/