@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,800;1,900&display=swap);.navbar[data-v-25db4b10]{padding:16px 10px;margin-bottom:60px;background:#fff}nav[data-v-25db4b10]{display:flex;align-items:center;max-width:1200px;margin:0 auto}nav img[data-v-25db4b10]{max-height:60px}nav h1[data-v-25db4b10]{margin-left:20px}nav .links[data-v-25db4b10]{margin-left:auto}button[data-v-25db4b10],nav .links a[data-v-25db4b10],span[data-v-25db4b10]{margin-left:16px;font-size:14px}span[data-v-25db4b10]{display:inline-block;padding-left:16px;border-left:1px solid #eee}.search-icon[data-v-25db4b10]{font-size:20px;padding:15px;height:25px;width:25px;display:inline-flex;justify-content:center;align-items:center}.search-icon:hover div[data-v-25db4b10]{color:#fff}.search-icon div[data-v-25db4b10]{margin:0;padding:0}.example-links[data-v-25db4b10]{display:flex;justify-content:center;align-items:center}.content{margin:0 auto;max-width:1200px;padding:0 20px}.single[data-v-5aefaa95]{display:flex;align-items:center;padding:20px;border-radius:10px;background:#fff;margin:16px 0;transition:all .2s ease}.single[data-v-5aefaa95]:hover{box-shadow:1px 2px 3px rgba(50,50,50,.05);transform:scale(1.02);transition:all .2s ease}.thumbnail[data-v-5aefaa95]{max-width:100px;max-height:100px;overflow:hidden;border-radius:10px}img[data-v-5aefaa95]{max-width:150%;max-height:150%;display:block}.info[data-v-5aefaa95]{margin:0 30px;width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.icon[data-v-5aefaa95],.song-number[data-v-5aefaa95]{display:flex;justify-content:center;align-items:center}.song-number[data-v-5aefaa95]{margin-left:auto}.songs-length-container[data-v-5aefaa95]{display:flex;justify-content:center;align-items:center}.single[data-v-1feccef2]{display:flex;align-items:center;padding:20px;border-radius:10px;background:#fff;margin:16px 0;transition:all .2s ease}.single[data-v-1feccef2]:hover{box-shadow:1px 2px 3px rgba(50,50,50,.05);transform:scale(1.02);transition:all .2s ease}.thumbnail[data-v-1feccef2]{max-width:100px;max-height:100px;overflow:hidden;border-radius:10px}img[data-v-1feccef2]{max-width:150%;max-height:150%;display:block}.info[data-v-1feccef2]{margin:0 30px;width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.icon[data-v-1feccef2],.song-number[data-v-1feccef2]{display:flex;justify-content:center;align-items:center}.song-number[data-v-1feccef2]{margin-left:auto}.songs-length-container[data-v-1feccef2]{display:flex;justify-content:center;align-items:center}.single[data-v-791cc964]{display:flex;align-items:center;padding:20px;border-radius:10px;background:#fff;margin:16px 0;transition:all .2s ease}.single[data-v-791cc964]:hover{box-shadow:1px 2px 3px rgba(50,50,50,.05);transform:scale(1.02);transition:all .2s ease}.thumbnail[data-v-791cc964]{max-width:100px;max-height:100px;overflow:hidden;border-radius:10px}img[data-v-791cc964]{max-width:150%;max-height:150%;display:block}.info[data-v-791cc964]{margin:0 30px;width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.icon[data-v-791cc964],.song-number[data-v-791cc964]{display:flex;justify-content:center;align-items:center}.song-number[data-v-791cc964]{margin-left:auto}.songs-length-container[data-v-791cc964]{display:flex;justify-content:center;align-items:center}.page-link{background:var(--secondary);border-radius:8px;border:0;padding:8px 12px;font-weight:600;cursor:pointer;display:inline-block;margin:5px}.active-link{background:var(--primary);color:#fff}.page-link-container{width:100%;display:flex;justify-content:center;align-items:center}h2[data-v-17acd471]{padding-bottom:10px;margin-bottom:30px;border-bottom:1px solid var(--secondary)}.btn[data-v-17acd471]{margin-top:20px}.sent-container[data-v-4f2c8529]{display:flex;justify-content:flex-start;align-items:center}.sent[data-v-4f2c8529]{background:var(--primary)}.sent h4[data-v-4f2c8529]{color:#fff}.received-container[data-v-4f2c8529]{display:flex;justify-content:flex-end;align-items:center}.received[data-v-4f2c8529]{background:var(--secondary)}.received[data-v-4f2c8529],.sent[data-v-4f2c8529]{padding:5px 15px;border-radius:150px;margin:2px 0}button[data-v-e87d32a0]{width:15px;height:15px;padding:0}.icon-button i[data-v-e87d32a0]{font-size:16px;height:16px;width:16px;margin:0;padding:0;color:#fff}.icon-button[data-v-e87d32a0]{background:#4f515a;height:16px;width:16px;margin:0 0 5px 0;padding:0;display:flex;align-items:center;border-radius:50px}.icon-button[data-v-e87d32a0]:hover{cursor:pointer}.disabled[data-v-e87d32a0]{background:green}.enabled[data-v-e87d32a0]{background:red}div{margin:0;padding:0}input[type=file]{border:0;padding:0}label{font-size:12px}button{margin-top:5px}.extra-info{margin:20px 0}.code{margin:0;padding:10px;overflow-x:scroll;background-color:#ebebeb;border-radius:10px;height:-webkit-max-content;height:-moz-max-content;height:max-content}.codeLanguage{margin:10px 0 0 0;font-weight:500}.add-song[data-v-ce4988f2]{text-align:center;margin-top:40px}form[data-v-ce4988f2]{max-width:100%;text-align:left}.playlist-details{display:grid;grid-template-columns:1fr 1fr;gap:5px}@media only screen and (max-width:1200px){.playlist-details{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(3,minmax(100px,1fr))}}.playlist-info,.song-list{border-radius:8px;box-shadow:1px 2px 3px rgba(50,50,50,.05);border:1px solid var(--secondary);background:#fff;padding:25px;height:-webkit-max-content;height:-moz-max-content;height:max-content}video{border-radius:10px;width:100%;max-width:100%}.info-and-comments .song-list{margin-top:5px}.correctAnswer,.correctAnswer:hover{background:green;color:#fff}.wrongAnswer,.wrongAnswer:hover{background:red;color:#fff}button[data-v-7a199964]{margin:5px}button:hover div[data-v-7a199964],button:hover span[data-v-7a199964]{color:#fff}section[data-v-7a199964]{position:absolute;top:calc(50% - 50px);left:calc(50% - 200px)}form[data-v-7a199964],section[data-v-7a199964]{display:flex;align-items:center;justify-content:center}form[data-v-7a199964]{padding:50px 0;width:400px;height:100px}.create[data-v-7a199964]{width:100px;height:60px;display:flex;justify-content:space-between;align-items:center;flex-direction:column}button[data-v-1d2a02be]{padding:0;margin:0;height:40px}.grid-container[data-v-1d2a02be]{display:grid;grid-template-columns:repeat(9,1fr);gap:5px}.ProseMirror{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}.ProseMirror>*+*{margin-top:.75em}.ProseMirror:focus{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;outline:none}.ProseMirror code{background-color:rgba(97,97,97,.1);color:#616161}blockquote{padding-left:1rem;border-left:2px solid var(--secondary)}.content{padding:1rem 0 0}.content h3{margin:1rem 0 .5rem}.content pre{border-radius:5px;color:#333}.content code{display:block;white-space:pre-wrap;font-size:.8rem;padding:.75rem 1rem;background-color:#e9ecef;color:#495057}ol,ul{padding-left:15px}.example{display:grid;grid-template-columns:2fr 1fr;gap:0}.cover{overflow:hidden;border-radius:20px;position:relative;padding:160px}.cover img{display:block;position:absolute;top:0;left:0;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}.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}.link-link,div h3,div h4{text-align:start}div h3{margin-top:15px}div h4{margin-top:5px}div a p{text-align:start;color:#999}.link-container{display:flex;gap:5px}.link-icon{color:#999}li{text-align:start;margin:0}.content-test,.playlist-info,.song-list{border-radius:8px;box-shadow:1px 2px 3px rgba(50,50,50,.05);border:1px solid var(--secondary);background:#fff;padding:25px;height:-webkit-max-content;height:-moz-max-content;height:max-content}.example{padding-right:25px}.likes{display:flex;justify-content:center;align-items:center;gap:10px}h2{padding-bottom:10px;margin-bottom:30px;border-bottom:1px solid var(--secondary)}.btn{margin-top:20px}.h2-border,h1[data-v-414714be]{border-bottom:1px solid var(--secondary)}.single[data-v-70612d8c]{display:flex;align-items:center;padding:20px;border-radius:10px;background:#fff;margin:16px 0;transition:all .2s ease}.single[data-v-70612d8c]:hover{box-shadow:1px 2px 3px rgba(50,50,50,.05);transform:scale(1.02);transition:all .2s ease}.thumbnail[data-v-70612d8c]{max-width:100px;max-height:100px;overflow:hidden;border-radius:10px}img[data-v-70612d8c]{max-width:150%;max-height:150%;display:block}.info[data-v-70612d8c]{margin:0 30px;width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.icon[data-v-70612d8c],.song-number[data-v-70612d8c]{display:flex;justify-content:center;align-items:center}.song-number[data-v-70612d8c]{margin-left:auto}.songs-length-container[data-v-70612d8c]{display:flex;justify-content:center;align-items:center}.single[data-v-00f982a8]{display:flex;align-items:center;padding:20px;border-radius:10px;background:#fff;margin:16px 0;transition:all .2s ease}.single[data-v-00f982a8]:hover{box-shadow:1px 2px 3px rgba(50,50,50,.05);transform:scale(1.02);transition:all .2s ease}.thumbnail[data-v-00f982a8]{max-width:100px;max-height:100px;overflow:hidden;border-radius:10px}img[data-v-00f982a8]{max-width:150%;max-height:150%;display:block}.info[data-v-00f982a8]{margin:0 30px;width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.icon[data-v-00f982a8],.song-number[data-v-00f982a8]{display:flex;justify-content:center;align-items:center}.song-number[data-v-00f982a8]{margin-left:auto}.songs-length-container[data-v-00f982a8]{display:flex;justify-content:center;align-items:center}:root{--primary:#5a5a4f;--secondary:#e9e9e9;--warning:#da0f41}*{margin:0;padding:0;font-family:Poppins,sans-serif;color:var(--primary)}body{background:#fafafa}a{text-decoration:none}.btn,button,label{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}.warning:hover{background:var(--warning);color:#fff;cursor:pointer}.warning{color:var(--warning);border:2px solid var(--warning)}span.warning{border-radius:100px;display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:3px solid var(--warning)}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;resize:vertical}input[type=file]{display:none}span.icon{font-size:22px}form label{display:flex;justify-content:center;align-items:center;font-size:12px;gap:5px}form label:hover,form label:hover span.icon{background:var(--primary);color:#fff}.checkbox{display:grid;grid-template-columns:20fr 1fr}.checkbox,.checkbox input{padding:0;margin:0}.error{color:var(--warning);font-size:14px;margin:16px 0}.link-link,.tag{text-align:start}.tag{padding:2px 20px;margin:5px;background:var(--secondary);color:#000;border-radius:50px}.tag-container{display:flex;justify-content:flex-start;align-items:center;flex-direction:row;flex-wrap:wrap}ul{padding-left:20px}h2{border:none;margin:0;padding:0}