:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{color:#f2f2f2;background:#0a0a0a;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}@property --abertura{syntax:"<number>";inherits:true;initial-value:0}.tela{--coluna:100%;--abertura:0;--capa-fechada:var(--coluna);--capa-aberta:min(30vw, 112px);--anuncio:min(calc(100vw + 96px), 57dvh);--folga-anuncio:calc(1.6vh - .4vh * var(--abertura) + 8px - 8px * var(--abertura));flex-direction:column;align-items:center;min-height:100dvh;padding:16px 24px 0;transition:background .9s,--abertura .34s cubic-bezier(.22,.9,.24,1);display:flex}.tela.arrastando{transition:background .9s}.tela.com-anuncio{justify-content:flex-start;height:100dvh;overflow:hidden}.tela.com-anuncio .rodape{min-height:116px;margin-top:var(--folga-anuncio);flex:1;align-self:stretch;width:auto;margin-inline:-24px;padding:0;position:relative}@media (height<=720px){.tela{--capa-aberta:min(22vw, 84px)}}.topo{width:100%;min-height:40px;margin-top:calc(40px - 26px * var(--abertura));justify-content:space-between;align-items:center;gap:8px;display:flex}.recado-topo{flex:1;min-width:0;margin:0;padding:6px 2px;font-size:15px;font-weight:600;line-height:1.25}.capa{width:calc(var(--capa-fechada) - (var(--capa-fechada) - var(--capa-aberta)) * var(--abertura));aspect-ratio:1;margin:calc(1.4vh - .2vh * var(--abertura)) 0 0;justify-content:center;align-items:center;display:flex}.capa img{object-fit:cover;border-radius:10px;width:100%;height:100%;box-shadow:0 18px 44px #0000008c}.nomes{width:var(--coluna);margin-top:calc(2.6vh - 1.6vh * var(--abertura));transition:opacity .26s}.tela.em-chamada .nomes{opacity:0}.nomes h1{font-size:calc(26px - 8px * var(--abertura));letter-spacing:-.01em;margin:0;font-weight:800;line-height:1.15}.nomes p{font-size:calc(16px - 3px * var(--abertura));color:#b6b6b6;margin:7px 0 0}.rolante{display:block;overflow:hidden}.rolante>span{white-space:nowrap;display:inline-block}.rolante.passeia{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 10px calc(100% - 22px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 10px calc(100% - 22px),#0000 100%)}.rolante.passeia>span{animation:passear var(--tempo) ease-in-out infinite alternate}@keyframes passear{0%,22%{transform:translate(0)}to{transform:translateX(calc(-1 * var(--correr)))}}.rolante.esteira{justify-content:center;gap:var(--vao,56px);display:flex}.rolante.esteira.passeia{justify-content:flex-start;padding-left:10px}.rolante.esteira>span{flex:none}.rolante.esteira.passeia>span{animation:esteirar var(--tempo) linear infinite}@keyframes esteirar{0%,25%{transform:translate(0)}to{transform:translateX(calc(-1 * var(--correr)))}}@media (prefers-reduced-motion:reduce){.rolante.passeia>span,.rolante.esteira.passeia>span{animation:none}}.progresso{width:var(--coluna);margin-top:calc(2.4vh - 1.4vh * var(--abertura))}.barra{background:#ffffff38;border-radius:999px;height:4px;overflow:hidden}.agulha{background:#f2f2f2;border-radius:999px;height:100%;transition:width 1s linear;display:block}.tempos{color:#b6b6b6;font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:7px;font-size:12px;display:flex}@media (prefers-reduced-motion:reduce){.agulha{transition:none}}.tocar{width:calc(76px - 24px * var(--abertura));height:calc(76px - 24px * var(--abertura));color:#0a0a0a;font-size:calc(32px - 9px * var(--abertura));cursor:pointer;-webkit-tap-highlight-color:transparent;background:#f2f2f2;border:0;border-radius:50%;justify-content:center;align-items:center;transition:transform .12s,box-shadow .2s,background .2s;display:flex}.tocar.parado{padding-left:.36em}.tocar:active{transform:scale(.9)}.tocar.tocando{background:#fff;box-shadow:0 0 0 8px #ffffff24,0 0 26px #ffffff2e}.tocar.conectando,.tocar.reconectando{animation:1s ease-in-out infinite pulsando}@keyframes pulsando{0%,to{box-shadow:0 0 #ffffff4d}50%{box-shadow:0 0 0 12px #fff0}}.tocar:disabled{opacity:.45;cursor:default}@media (prefers-reduced-motion:reduce){.tocar.conectando,.tocar.reconectando{animation:none}}.rodape{width:100%;padding:14px 4px calc(14px + env(safe-area-inset-bottom,0px));flex-direction:column;align-items:stretch;gap:10px;margin-top:auto;display:flex}.atalho{color:#cfcfcf;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;justify-content:center;align-items:center;padding:8px;text-decoration:none;transition:color .15s,transform .12s;display:flex}.atalho:active{color:#fff;transform:scale(.92)}.controles{margin-top:calc(2.4vh - 1vh * var(--abertura));justify-content:center;align-items:center;gap:26px;display:flex}.controles .atalho{color:#9a9a9a}.controles audio{display:none}.banner{height:var(--anuncio);touch-action:none;flex-direction:column;display:flex;position:absolute;top:0;left:0;right:0}.banner.espiando{cursor:pointer}.banner.travado{cursor:default}.banner-cortina{z-index:6;pointer-events:none;height:84px;opacity:calc(1 - var(--abertura));background:linear-gradient(#0a0a0a00 0%,#0a0a0adb 58%,#0a0a0a 100%);position:fixed;bottom:0;left:0;right:0}.banner-puxador{width:100%;height:calc(34px + var(--folga-anuncio));margin-top:calc(-1 * var(--folga-anuncio));color:#dcdcdc;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;line-height:0;display:flex}.banner-puxador svg{display:block}.banner-puxador svg path:nth-child(-n+2){display:none}.banner-puxador:disabled{opacity:0;cursor:default}.banner.espiando .banner-puxador{animation:1.7s ease-in-out infinite piscando}@keyframes piscando{0%,to{opacity:.3;transform:translateY(3px)}50%{opacity:1;transform:translateY(-2px)}}.banner-arte{background:#0a0a0a;border-radius:16px 16px 0 0;flex-direction:column;flex:1;min-height:0;text-decoration:none;display:flex;overflow:hidden;box-shadow:0 -18px 44px #00000080}.banner-arte img{object-fit:contain;object-position:top center;flex:1;width:100%;min-height:0;display:block}.banner-botao{margin:12px 16px calc(14px + env(safe-area-inset-bottom,0px));color:#fff;text-align:center;background:0 0;border:1.5px solid #ffffffe6;border-radius:10px;flex:none;padding:12px 14px;font-size:15px;font-weight:700;display:block}@media (prefers-reduced-motion:reduce){.tela{transition:background .9s}.banner.espiando .banner-puxador{opacity:.85;animation:none}}@media (height<=740px){.tela{--coluna:min(100%, 43dvh)}.tela.com-anuncio{--coluna:min(100%, 38dvh)}.tela{--anuncio:min(calc(100vw + 96px), 52dvh)}}@media (height<=640px){.tela{--anuncio:min(calc(100vw + 96px), 48dvh)}.topo{margin-top:calc(24px - 12px * var(--abertura))}.capa{margin-top:calc(1.2vh - .4vh * var(--abertura))}.nomes{margin-top:calc(1.8vh - 1.2vh * var(--abertura))}.progresso{margin-top:calc(1.6vh - 1vh * var(--abertura))}.controles{margin-top:calc(2.4vh - 1.6vh * var(--abertura))}}@media (width>=900px){.tela{--beira:clamp(28px, 5vw, 76px);--vao-colunas:clamp(28px, 4vw, 56px);height:100dvh;padding:0 var(--beira);column-gap:var(--vao-colunas);grid-template:"topo topo""capa nomes"1fr"capa progresso""capa controles"1fr"rodape rodape"/auto minmax(0,1fr);display:grid}.topo{grid-area:topo;margin-top:20px}.recado-topo{font-size:18px}.capa{grid-area:capa;align-self:center;margin:0}.capa img{border-radius:12px;box-shadow:0 28px 70px #0009}.nomes{text-align:left;grid-area:nomes;align-self:end;width:100%;max-width:660px;margin:0}.nomes h1{font-size:clamp(30px,3.4vw,52px)}.nomes p{margin-top:10px;font-size:18px}.progresso{grid-area:progresso;width:100%;max-width:660px;margin:20px 0 0}.tempos{font-size:13px}.controles{grid-area:controles;justify-content:flex-start;align-self:start;gap:24px;margin:22px 0 0}.volume{color:#9a9a9a;flex:none;align-items:center;gap:8px;margin-left:8px;display:flex}.volume svg{flex:none;display:block}.volume-faixa{appearance:none;cursor:pointer;background:0 0;outline:none;flex:none;width:120px;height:24px;margin:-10px 0;padding:0;display:block}.volume-faixa::-webkit-slider-runnable-track{background:linear-gradient(to right, #cfcfcf var(--cheio,70%), #ffffff38 var(--cheio,70%));border-radius:999px;height:4px}.volume-faixa::-webkit-slider-thumb{appearance:none;opacity:0;background:#fff;border-radius:50%;width:12px;height:12px;margin-top:-4px;transition:opacity .12s}.volume-faixa:hover::-webkit-slider-thumb{opacity:1}.volume-faixa:focus-visible::-webkit-slider-thumb{opacity:1}.volume-faixa:hover::-webkit-slider-runnable-track{background:linear-gradient(to right, #fff var(--cheio,70%), #ffffff4d var(--cheio,70%))}.volume-faixa:focus-visible::-webkit-slider-runnable-track{background:linear-gradient(to right, #fff var(--cheio,70%), #ffffff4d var(--cheio,70%))}.volume-faixa::-moz-range-track{background:#ffffff38;border-radius:999px;height:4px}.volume-faixa::-moz-range-progress{background:#cfcfcf;border-radius:999px;height:4px}.volume-faixa::-moz-range-thumb{opacity:0;background:#fff;border:0;border-radius:50%;width:12px;height:12px;transition:opacity .12s}.volume-faixa:hover::-moz-range-thumb{opacity:1}.volume-faixa:focus-visible::-moz-range-thumb{opacity:1}.rodape{grid-area:rodape;place-self:end center;width:min(100%,860px);margin-top:0;padding-bottom:22px}.tela{--capa-fechada:min(34vw, 400px);--capa-aberta:min(24vw, 260px)}.capa{margin:0}.tela.com-anuncio .rodape{width:min(100%,480px);max-width:min(100%,860px);height:calc(190px + (var(--anuncio) - 190px) * var(--abertura));flex:none;place-self:end center;margin-inline:0;padding-bottom:0}.tela.com-anuncio{--anuncio:calc(46dvh + 96px)}.banner-puxador svg path{display:inline}}@media (width>=1280px){.tela.com-anuncio.na-lateral{--anuncio-tira:116px;--anuncio-aberto:clamp(280px, 26vw, 380px);--anuncio-coluna:calc(var(--anuncio-tira) + (var(--anuncio-aberto) - var(--anuncio-tira)) * var(--abertura));--linha-de-botoes:586px;--capa-fechada:min(34vw, 400px, calc(100vw - var(--beira) - 2 * var(--vao-colunas) - var(--anuncio-tira) - var(--linha-de-botoes)));--capa-aberta:clamp(180px, calc(100vw - var(--beira) - 2 * var(--vao-colunas) - var(--anuncio-aberto) - var(--linha-de-botoes)), var(--capa-fechada));grid-template-columns:auto minmax(0, 1fr) var(--anuncio-coluna);grid-template-areas:"topo topo rodape""capa nomes rodape""capa progresso rodape""capa controles rodape"". .rodape";padding-right:0}.tela.com-anuncio.na-lateral .rodape{grid-area:rodape;place-self:stretch stretch;width:auto;max-width:none;height:auto;min-height:0;margin:0;padding:0;overflow:hidden}.tela.com-anuncio.na-lateral .banner{width:var(--anuncio-aberto);touch-action:auto;background:#0a0a0a;border-radius:16px 0 0 16px;flex-direction:row;height:auto;inset:0 auto 0 0;box-shadow:-18px 0 44px #00000080}.tela.com-anuncio.na-lateral .tocar{width:76px;height:76px;font-size:32px}.tela.com-anuncio.na-lateral .banner-puxador{width:44px;height:100%;margin:0}.tela.com-anuncio.na-lateral .banner-puxador svg{transform:rotate(-90deg)}.tela.com-anuncio.na-lateral .banner.espiando .banner-puxador{animation:1.7s ease-in-out infinite piscando-de-lado}@keyframes piscando-de-lado{0%,to{opacity:.3;transform:translate(3px)}50%{opacity:1;transform:translate(-2px)}}.tela.com-anuncio.na-lateral .banner-arte{min-width:0;box-shadow:none;background:0 0;border-radius:0;flex:1;justify-content:center}.tela.com-anuncio.na-lateral .banner-arte img{flex:none;width:100%;height:auto;min-height:0}.tela.com-anuncio.na-lateral .banner-botao{opacity:var(--abertura);margin-bottom:12px}.tela.com-anuncio.na-lateral .banner-cortina{background:linear-gradient(90deg,#0a0a0a00 0%,#0a0a0adb 58%,#0a0a0a 100%);width:56px;height:auto;inset:0 0 0 auto}}@media (hover:hover) and (pointer:fine){.atalho:hover{color:#fff;transform:scale(1.06)}.tocar:hover:not(:disabled){transform:scale(1.06);box-shadow:0 0 0 10px #ffffff1f,0 0 30px #fff3}.banner-puxador:hover{color:#fff}.banner-botao:hover{background:#ffffff24}}