@font-face{font-family:Oswald;src:url(/font/oswald.ttf)}@font-face{font-family:icomoon;src:url(/font/icomoon.eot);src:url(/font/icomoon.eot) format("embedded-opentype"),url(/font/icomoon.woff) format("woff"),url(/font/icomoon.ttf) format("truetype"),url(/font/icomoon.svg) format("svg");font-weight:400;font-style:normal}*{box-sizing:border-box;margin:0;padding:0}body,html{width:100%;height:100%;overflow:hidden;font-family:Oswald;font-size:clamp(20px,5.5vh,56px)}@media (orientation:landscape){body,html{font-size:clamp(20px,5.5vh,56px)}}@media (orientation:portrait){body,html{font-size:clamp(20px,6vw,48px)}}#loading{position:absolute;background-color:#000;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5em}.spinner{width:3em;height:3em;border:.2em solid hsla(0,0%,100%,.2);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.loading-text{color:#fff;font-size:1.2em;letter-spacing:.1em;text-transform:uppercase}#sistema{position:absolute;background-color:#000;width:100%;height:100%;display:flex;flex-direction:column}#marcador{position:relative;min-height:6%;display:flex;padding:.5%;flex-shrink:0}#marcador>div{flex:1 1;height:100%;text-align:center;font-size:.75em;display:flex;align-items:center;justify-content:center;color:#fff;text-transform:uppercase;letter-spacing:.05em;margin:0 .3%;cursor:pointer;transition:background-color .2s,color .2s}#sistema.up #marcador>div{color:#0f0}#sistema.down #marcador>div{color:red}#marcador>div.ativo{background-color:#fff;color:#000!important;font-weight:700}#sistema.up #marcador>div.ativo{background-color:#0f0}#sistema.down #marcador>div.ativo{background-color:red}#marcador>div>div{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.4em;border:1px solid #fff;padding:.3em .4em;width:100%;height:100%;line-height:1}#marcador>div>div span{font-size:.9em}#sistema.up #marcador>div>div{border-color:#0f0}#sistema.down #marcador>div>div{border-color:red}#grafico{position:absolute;top:30%;left:0;z-index:-1;width:100%;height:45%}#conteudo{position:relative;flex:1 1;z-index:0;display:flex;align-items:center;justify-content:center}#conteudo>div:first-child{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}#descricao,#porcentBuraco{color:#fff;text-align:center;font-size:1em;letter-spacing:.2em;display:inline-block}#porcentBuraco{margin-left:1em}.paises,.titPercent{text-align:center}.paises{clear:both;margin:.3em auto 0;color:#fff}.bra,.eua,.it{display:inline-block;font-size:.9em;margin:0 .5em}.bandeira{display:inline-block;width:2em;height:2.5em;position:relative}.bandeira:after{position:absolute;top:50%;transform:translate3d(0,-50%,0);font-family:icomoon;display:block;left:0}.eua .bandeira:after{content:"\e600"}.bra .bandeira:after{content:"\e601"}.it .bandeira:after{content:"\e602"}.dados{display:inline-block}#numero{font-size:8em;line-height:1em}#numero,#porcentagem{color:#fff;text-align:center}#porcentagem{font-size:1em;letter-spacing:.1em}#sistema.up #descricao,#sistema.up #numero,#sistema.up #porcentBuraco,#sistema.up #porcentagem,#sistema.up .paises{color:#0f0}#sistema.down #descricao,#sistema.down #numero,#sistema.down #porcentBuraco,#sistema.down #porcentagem,#sistema.down .paises{color:red}#tempo{position:relative;height:.5%;min-height:3px;flex-shrink:0}#tempo>div{background-color:#fff;height:100%;width:100%}#sistema.up #tempo>div{background-color:#0f0}#sistema.down #tempo>div{background-color:red}#tempo div.animar{transition:width 40s linear;width:0}.left{width:55%;float:left}.right{width:35%;float:right;color:#fff;font-size:.85em;display:flex;flex-direction:column;justify-content:center}#sistema.down .right{color:red}#sistema.down .right .porcent{border-color:red}#sistema.up .right{color:#0f0}#sistema.up .right .porcent{border-color:#0f0}.icon{width:2em;height:2em;float:left;font-family:icomoon;position:relative}.icon:before{font-size:1.5em;transform:translate3d(-50%,-50%,0);top:50%;left:50%;position:absolute}#android,#computador,#firefox,#ipad,#iphone,#winPhone{width:100%;margin-top:.3em;display:flex;align-items:center}#iphone{margin-top:0}.right .icon,.usuarios,.usuariosAnt{margin:0 .4em;display:inline-block}.usuarios,.usuariosAnt{margin:0 0 0 .4em}.usuariosAnt{color:hsla(0,0%,100%,.5)}#sistema.up .usuariosAnt{color:rgba(0,255,0,.5)}#sistema.down .usuariosAnt{color:rgba(255,0,0,.5)}.porcent{display:inline-block;border:.1em solid #fff;height:1.2em;margin:-.2em 0}#sistema.up .porcent{border-color:#0f0}#sistema.down .porcent{border-color:red}#iphone .icon:before{content:"\e803"}#ipad .icon:before{content:"\e802"}#android .icon:before{content:"\e800"}#winPhone .icon:before{content:"\e805"}#firefox .icon:before{content:"\e801"}#computador .icon:before{content:"\e804"}.mobile{font-size:clamp(20px,6vw,48px)}.mobile #marcador{min-height:6%;padding:.5%;flex-wrap:nowrap}.mobile #marcador>div{flex:1 1;min-width:0;font-size:.5em;margin:0 .2%}.mobile #marcador>div>div{flex-direction:column;gap:.1em;padding:.4em .1em}.mobile #marcador>div>div span{font-size:.85em}.mobile #conteudo{padding-top:2%}.mobile #conteudo>div:first-child{flex-direction:column;align-items:center}.mobile .left{width:100%;text-align:center;float:none}.mobile .right{width:100%;float:none;margin-top:.8em;padding:0 2%;display:block}.mobile #numero{font-size:6em}.mobile #android,.mobile #computador,.mobile #firefox,.mobile #ipad,.mobile #iphone,.mobile #winPhone{width:42%;margin:.3em 4%;float:left}.mobile .usuariosAnt{display:none}.mobile .paises{margin-top:.5em}.mobile .bra,.mobile .eua,.mobile .it{font-size:.8em;margin:0 .3em}@media (max-height:600px) and (orientation:portrait){.mobile #numero{font-size:4em}.mobile #marcador>div{font-size:.5em}.mobile .right{margin-top:.5em}.mobile #android,.mobile #computador,.mobile #firefox,.mobile #ipad,.mobile #iphone,.mobile #winPhone{margin:.3em 2%}}@media (min-width:1400px){body,html{font-size:clamp(28px,5vh,64px)}}@media (min-width:1920px){body,html{font-size:clamp(32px,5vh,72px)}}