@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;600;700;800;900&display=swap);.navbar[data-v-07588738]{padding:16px 10px;margin-bottom:60px;background:#fff}nav[data-v-07588738]{display:flex;align-items:center;max-width:1200px;margin:0 auto}nav h1[data-v-07588738]{margin-left:20px}nav .links[data-v-07588738]{margin-left:auto}button[data-v-07588738],nav .links a[data-v-07588738]{margin-left:16px;font-size:16px}nav img[data-v-07588738]{max-width:60px}span[data-v-07588738]{font-size:14px;display:inline-block;margin-left:16px;padding-left:16px;border-left:1px solid #eee}.content{margin:0 auto;max-width:1200px;padding:0 20px}.single[data-v-61e67fc8]{display:flex;align-items:center;padding:20px;border-radius:10px;background:#71c9ce;margin:16px 0;transition:all .2s ease}.single[data-v-61e67fc8]:hover{box-shadow:1px 2px 3px rgba(50,50,50,.05);transform:scale(1.02);transition:all .2s ease}.thumbnail[data-v-61e67fc8]{max-width:100px;max-height:100px;overflow:hidden;border-radius:10px}img[data-v-61e67fc8]{max-width:100%;max-height:100%;display:block}.info[data-v-61e67fc8]{margin:0 30px}.song-number[data-v-61e67fc8]{margin-left:auto}input[type=file]{border:0;padding:0}label{font-size:12px;display:block;margin-top:30px}button{margin-top:20px}.add-song[data-v-0ae368c1]{text-align:center;margin-top:40px}form[data-v-0ae368c1]{max-width:100%;text-align:left}.playlist-details{display:grid;grid-template-columns:1fr 2fr;gap:80px}.cover{overflow:hidden;border-radius:20px;position:relative;padding:160px}.cover img{display:block;position:absolute;top:0;left:0;width:50%;min-width:100%;min-height:100%;max-width:200%;max-height:200%}.playlist-info{text-align:center}.playlist-info h2{text-transform:capitalize;font-size:28px;margin-top:20px}.playlist-info p{margin-bottom:20px}.username{color:#999}.single-song{padding:10px 0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px dashed var(--secondary);margin-bottom:20px}:root{--primary:#4f515a;--secondary:#ebebeb;--warning:#da0f41}*{margin:0;padding:0;font-family:Nunito,sans-serif;color:var(--primary)}body{background:#a8d8ea}a{text-decoration:none}.btn,button{background:var(--secondary);border-radius:8px;border:0;padding:8px 12px;font-weight:600;cursor:pointer;display:inline-block}.btn:hover,button:hover{background:var(--primary);color:#fff}button:disabled{opacity:.5;color:var(--primary);background:var(--secondary);cursor:not-allowed}form{max-width:400px;margin:0 auto;padding:30px;border-radius:8px;box-shadow:1px 2px 3px rgba(50,50,50,.05);border:1px solid var(--secondary);background:#fff}input,textarea{border:0;border-bottom:1px solid var(--secondary);padding:10px;outline:none;display:block;width:100%;box-sizing:border-box;margin:20px auto}.error{color:var(--warning);font-size:14px;margin:16px 0}