*{-webkit-box-sizing:border-box;box-sizing:border-box}body{margin:0;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}.mp-root{max-width:780px;margin:20px auto;padding:12px;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial}.edsheeran{background-image:url(https://assets.ccbp.in/frontend/react-js/music-playlist/music-playlist-Edsheeran-bg.png);height:350px;background-size:cover}.mp-main-heading{font-size:28px;margin:8px 0 16px;text-align:left;color:#111}.mp-search-row{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;margin-bottom:16px}.mp-search{width:220px;padding:8px 12px;border-radius:6px;border:1px solid #ddd;font-size:14px}.mp-no-songs-text{padding:36px 12px;text-align:center;font-weight:600;color:#666}.mp-list{list-style:none;padding:0;margin:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;grid-gap:12px;gap:12px}.mp-item{-ms-flex-pack:justify;justify-content:space-between;padding:12px 14px;border-radius:8px;border:1px solid #f0f0f0;-webkit-box-shadow:0 6px 18px rgba(0,0,0,.04);box-shadow:0 6px 18px rgba(0,0,0,.04);background:#fff}.mp-item,.mp-left{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.mp-left{grid-gap:12px;gap:12px}.mp-image{width:60px;height:60px;-o-object-fit:cover;object-fit:cover;border-radius:6px}.mp-meta{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.mp-name{margin:0;font-weight:600;font-size:16px;color:#111}.mp-genre{margin:4px 0 0;color:#777;font-size:13px}.mp-right{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;grid-gap:12px;gap:12px}.mp-duration{margin:0;font-size:14px;color:#777}.mp-delete{padding:6px 10px;border-radius:6px;border:1px solid #ddd;background:#fff;cursor:pointer;font-weight:600;color:#444}.mp-delete:hover{background:#f8f8f8;-webkit-transform:translateY(-1px);transform:translateY(-1px)}@media (max-width:520px){.mp-root{padding:8px}.mp-main-heading{font-size:20px}.mp-image{width:52px;height:52px}.mp-search-row{-ms-flex-pack:center;justify-content:center;margin-bottom:12px}}
/*# sourceMappingURL=main.c92e7a49.chunk.css.map */