﻿input[type=search][data-v-06cf7986]{width:380px;padding:5px}input[data-v-06cf7986]::-moz-placeholder{font-style:oblique}input[data-v-06cf7986]::placeholder{font-style:oblique}ul[data-v-06cf7986]{position:fixed;background-color:#fff;width:380px;list-style:none;box-shadow:0 2px 10px rgba(0,0,0,.3);border-radius:10px;margin:auto;margin-top:0;padding:0;text-align:left!important;color:#000!important}li[data-v-06cf7986]{padding:5px}li[data-v-06cf7986]:hover{background-color:#1a1a1a;color:#fff;font-weight:700;cursor:pointer}#hiddenSong[data-v-bb113652]{color:#fff;margin:auto;margin-top:20px;font-size:larger;display:none}@font-face{font-family:Baloo\ 2;src:url(../fonts/Baloo2-SemiBold.2264b272.ttf)}@font-face{font-family:ProductSans;src:url(../fonts/ProductSans-Medium.770d5444.ttf)}*{font-family:ProductSans,monospace}body{background-image:url(../img/concept-background.decb99e8.webp);-o-object-fit:cover;object-fit:cover;overflow:hidden;margin:0}#app{margin:0;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5px}h1{font-family:Baloo\ 2;font-size:xx-large;margin-top:15px;margin-bottom:15px}nav{background-color:#1c1c1c;color:#fff;width:101%;text-align:center;margin:0;margin-top:-10px;display:flex;justify-content:space-between;align-items:center}nav div,nav h1{margin-left:50px;margin-right:50px}nav div{display:flex;align-items:center;gap:20px}nav #info{background-color:transparent;border:none;color:#fff;font-size:x-large;margin-top:5px}nav #info #alert-news{display:block;margin-bottom:-9px;margin-left:-2px;width:8px;height:8px;background-color:#7627ff;border-radius:100%;position:relative}#new-song{font-size:smaller;padding:5px 25px;top:16px;right:30px;background-color:#5dcc64;border:2px solid transparent;border-right:2px solid hsla(0,0%,100%,.7);border-bottom:2px solid hsla(0,0%,100%,.7);border-radius:10px}#new-song:active{transform:scale(.95)}.upper-section{text-align:center;padding:5px;list-style:none}.upper-section li{color:#fff;width:-moz-min-content;width:min-content;height:40px;margin:20px auto;display:flex;gap:20px}.upper-section li .boxes{border:1px solid #fff;background-color:#000;border-radius:5px;width:40px;height:100%;display:flex;align-content:center;justify-content:center;overflow:hidden}.header{overflow:visible!important;background-color:transparent!important}.upper-section li .boxes span:first-of-type{margin-top:2px}.upper-section li .boxes span:last-of-type{margin-top:-4px}.upper-section li .boxes i{font-size:30px;margin:auto;border-radius:2px;width:100%;padding:6px 2px 4px 2px;animation:blur-in .6s linear both}@keyframes blur-in{0%{filter:blur(12px);opacity:0}to{filter:blur(0);opacity:1}}i.fa-check,i.fa-equals{background-color:#5dcc64}i.fa-xmark{background-color:#a92828}i.fa-caret-up{background-color:#5c37ab}i.fa-caret-down{background-color:#ca8f22}.news{color:#704fa8;list-style:none;margin-top:15px}#titulo{margin-top:17px}.upper-section li .title-box{display:flex;align-items:center;width:120px;white-space:nowrap;overflow-x:hidden;text-align:left!important}.upper-section li .header{border:none;height:30px;margin-top:20px;margin-left:2px}#modal{background-color:#000;border:2px solid #fff;color:#fff;display:none;height:80%;overflow-y:scroll;padding:25px;position:absolute;text-align:left;top:80px;width:320px;z-index:10}#modal.is-active{display:block}#modal::-webkit-scrollbar{background-color:transparent}#close{float:right;font-size:larger;margin-right:-25px}#modal h3{border-bottom:2px solid #fff;line-height:2}#modal h3 i{margin-right:5px;margin-top:5px}#modal ul li{margin-left:-20px;margin:15px -20px 10px 0}#modal footer{text-align:center;font-size:smaller;border-top:2px solid #5dcc64;padding-top:20px}#modal footer a{color:#5dcc64}#modal footer a i{margin-left:5px}.modal-icons{list-style:none;margin-left:-10px}.modal-icons i{width:13px;height:13px;font-size:smaller;text-align:center;padding:2px;border-radius:2px;margin-right:5px}@media (max-width:500px){body{margin:0}nav h1{font-size:medium}nav{margin:-9px;justify-content:center}nav,nav div{display:flex}nav div{align-items:center}nav #new-song{border-radius:5px;font-size:xx-small;width:80px;padding:0 0}nav #info{font-size:medium}.upper-section{margin-top:-30px}.upper-section,input[type=search],section ul{transform:scale(.9)}section{margin-top:-30px}#modal{width:270px}}