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}*{margin:0;padding:0}.wrapper{display:flex;gap:60px;margin:auto;padding:10px;width:clamp(350px,60vw,600px)}.search{display:flex;flex:1 1;flex-direction:column}.input{margin-left:auto;margin-right:auto;margin-top:10px;width:70%}.input *{color:#9e9e9e;font-size:18px!important;padding:14px;text-align:center!important}.list{border:1px solid #eee;border-radius:20px;display:flex;flex:1 1;flex-direction:column;gap:24px;margin:10px 0;max-height:calc(100vh - 195px);overflow-y:auto;padding:15px}.track{align-items:center;display:flex;gap:20px;width:100%}.credits{display:flex;flex:1 1;flex-direction:column}.credits b{color:#424242}.credits b,.credits p{font-size:15px;letter-spacing:1px}.credits p{color:#9e9e9e;margin:0}.preview{height:36px;width:36px}.playing *{color:#9340fe!important}.playbar{align-items:center;background-color:#9340fe;bottom:0;box-sizing:border-box;color:#fff;display:flex;gap:30px;height:70px;left:0;padding:0 20px;position:fixed;width:100%}.playbar .togglePlay{transform:scale(120%)!important}.playbar p{font-size:14px}.preview{border-radius:10px;height:55px;width:55px}.playbar-cc{display:flex;justify-content:space-between}.playbar-credits{color:#fff;cursor:pointer;display:flex;flex-direction:column;gap:4px;letter-spacing:2px;margin-left:20px;min-width:150px}.playbar-credits p{font-size:14px}.playbar-controls{display:flex;justify-content:space-between;width:clamp(120px,20vw,150px)}.playbar-slider{align-items:center;display:flex;flex-basis:600px;gap:20px;margin-left:auto}.css-eg0mwd-MuiSlider-thumb{height:15px!important;width:15px!important}.playbar *{color:#fff!important}.overline{background-color:#000000b3;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1}.playmodal{align-items:center;backdrop-filter:blur(8.5px);-webkit-backdrop-filter:blur(8.5px);background:#c3c3c385;border-radius:20px;box-shadow:0 4px 30px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;height:60%;left:50%;min-height:450px;min-width:300px;padding:20px;position:absolute;top:35%;transform:translate(-50%,-50%);width:25%;z-index:2}.playmodal *{color:#fff}.modal-image{border-radius:20px;height:60%;margin-bottom:10px;width:100%}.modal-credits{margin-bottom:7px;text-align:center;width:100%}.modal-slider{align-items:center;display:flex;margin-bottom:20px;width:100%}.actual-time{margin-right:10px}.modal-duration{margin-left:10px}.modal-controls{display:flex;justify-content:space-around;width:80%}@media (max-width:768px){.wrapper{box-sizing:border-box;width:100%}.playbar{flex-direction:column-reverse;gap:0;height:80px;justify-content:space-between;padding:0;width:100%}.playbar .preview{display:none}.playbar-cc{flex-direction:row-reverse;justify-content:space-between;margin-bottom:20px;width:100%}.playbar-slider{flex-basis:0px;width:100%}.playbar-controls{margin-right:10px;width:180px}.playbar-credits{max-height:55px;overflow-x:auto;width:300px}.playbar-artists,.playbar-title{text-wrap:nowrap}.playbar-actual-time,.playbar-duration{display:none}.css-187mznn-MuiSlider-root{padding:0!important}.playmodal{height:80%;left:50%;min-height:450px;min-width:300px;padding:20px;top:45%;width:90%}.modal-controls{width:90%}}
/*# sourceMappingURL=main.7e2dd8e9.css.map*/