@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;600;700;800;900&display=swap);.navbar[data-v-c3b60b9a]{padding:16px 10px;margin-bottom:60px;background:#fff}nav[data-v-c3b60b9a]{display:flex;align-items:center;max-width:1200px;margin:0 auto}nav img[data-v-c3b60b9a]{max-height:60px}nav h1[data-v-c3b60b9a]{margin-left:20px}nav .links[data-v-c3b60b9a]{margin-left:auto}button[data-v-c3b60b9a],nav .links a[data-v-c3b60b9a],span[data-v-c3b60b9a]{margin-left:16px;font-size:14px}span[data-v-c3b60b9a]{display:inline-block;padding-left:16px;border-left:1px solid #eee}.content{margin:0 auto;max-width:1200px;padding:0 20px}.single[data-v-a93ec0a2]{display:flex;align-items:center;padding:20px;border-radius:10px;background:#fff;margin:16px 0;transition:all .2s ease}.single[data-v-a93ec0a2]:hover{box-shadow:1px 2px 3px rgba(50,50,50,.05);transform:scale(1.02);transition:all .2s ease}.thumbnail[data-v-a93ec0a2]{width:100px;height:100px;overflow:hidden;border-radius:10px}img[data-v-a93ec0a2]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.info[data-v-a93ec0a2]{margin:0 30px}.song-number[data-v-a93ec0a2]{margin-left:auto}.spin{display:block;width:40px;height:40px;margin:30px auto;border:3px solid transparent;border-radius:50%;border-top-color:var(--primary);-webkit-animation:spin 1s ease infinite;animation:spin 1s ease infinite}@-webkit-keyframes spin{to{transform:rotate(1turn)}}@keyframes spin{to{transform:rotate(1turn)}}input[type=file]{border:0;padding:0}label{font-size:12px;display:block;margin-top:30px}button{margin-top:20px}.add-song[data-v-fdab0e74]{text-align:center;margin-top:40px}form[data-v-fdab0e74]{max-width:100%;text-align:left}.hide[data-v-fdab0e74]{margin-left:5px}.cover[data-v-30d11ac0]{overflow:hidden;border-radius:20px;position:relative;width:380px;height:320px}.cover img[data-v-30d11ac0]{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}button[data-v-30d11ac0]{position:absolute;left:0;top:0;margin:20px}.block-spinner[data-v-30d11ac0]{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:hsla(0,0%,100%,.6)}.block-spinner .spin[data-v-30d11ac0]{margin:0}form[data-v-eb5e14b4]{text-align:start;margin-top:20px}form textarea[data-v-eb5e14b4]{resize:none;height:140px}.playlist-details{display:grid;grid-template-columns:1fr 2fr;gap:80px}.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}.description{text-align:left}.single-song{padding:10px 0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px dashed var(--secondary);margin-bottom:20px}.edit{margin-right:10px}:root{--primary:#4f515a;--secondary:#ebebeb;--warning:#da0f41;--warning-bg:#da0f4223;--warning-bg-dark:#da0f420c}*{margin:0;padding:0;font-family:Nunito,sans-serif;color:var(--primary)}body{background:#fafafa}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.danger,button.danger{color:var(--warning);background:var(--warning-bg)}.btn.danger:hover,button.danger:hover{color:var(--warning);background:var(--warning-bg-dark)}.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}