*{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;font-family:Bree Serif}*,body{margin:0}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;background-color:#000;min-height:100vh}.image-container{height:40vh;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:start;justify-content:flex-start;padding-left:5%;background-size:cover;background-position:50%;background-repeat:no-repeat;background-image:url(https://assets.ccbp.in/frontend/react-js/music-playlist/music-playlist-Edsheeran-bg.png)}.image-container,.playlist-serach-container{width:100%;display:-ms-flexbox;display:flex;color:#fff}.playlist-serach-container{-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;background-color:#152850;padding:10px 100px;height:10vh;font-size:12px}.search-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;background-color:#f1f5f9;border-radius:8px;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.08);box-shadow:0 2px 6px rgba(0,0,0,.08);padding:4px 8px}.search-input{border:none;outline:none;background:transparent;font-size:16px;color:#1e293b;padding:8px}.search-icon{color:#64748b;font-size:20px;margin-left:8px;cursor:pointer}.track-list-container{width:100%;background-color:#152850;color:#fff;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding:16px 0;overflow-y:auto;-ms-flex-positive:1;flex-grow:1}.song-container{width:100%;list-style-type:none;overflow-y:auto;max-height:40vh;padding:0;margin:0}.song-item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:12px 100px;border-radius:8px;margin-bottom:16px;color:#fff}.song-image{width:60px;height:60px;border-radius:6px;-ms-flex-negative:0;flex-shrink:0}.song-details{-ms-flex-positive:1;flex-grow:1;margin-left:16px}.song-name{font-size:18px;font-weight:500;color:#fff}.genre{font-size:14px;color:#b3b3b3;margin-top:4px}.song-actions{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;grid-gap:12px;gap:12px}.duration{font-size:14px;color:#b3b3b3}.delete-btn{background:transparent;border:none;cursor:pointer}.delete-icon{color:#fff;font-size:18px;-webkit-transition:color .3s ease;transition:color .3s ease}.delete-btn:hover .delete-icon{color:#ff4d4d}@media screen and (max-width:600px){.playlist-serach-container{padding:10px 20px;font-size:10px;-ms-flex-direction:column;flex-direction:column;height:auto;grid-gap:8px;gap:8px;-ms-flex-align:start;align-items:flex-start}.search-container{width:100%}.search-input{font-size:14px;padding:6px}.track-list-container{padding:12px 10px}.song-container{max-height:none}.song-item{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;padding:12px 20px;margin-bottom:12px}.song-image{width:100%;height:auto;border-radius:6px}.song-details{margin-left:0;margin-top:8px;width:100%}.song-name{font-size:16px}.genre{font-size:12px}.song-actions{width:100%;margin-top:8px;-ms-flex-pack:justify;justify-content:space-between}.duration{font-size:12px}.delete-icon{font-size:20px}.image-container{padding-left:10px;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;text-align:center;height:25vh}.container{padding:0 10px}}
/*# sourceMappingURL=main.172592d8.chunk.css.map */