@layer components{.live.tro{--pt:.248756cqw;--tro-w:calc(273 * var(--pt));--tro-h:calc(273 * 874 / 402 * var(--pt));--tro-canto:calc(38 * var(--pt));-webkit-font-smoothing:antialiased;color:#fff;background:#04121a;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,system-ui,sans-serif}.tro-quadros{background:#04121a;width:100%;height:100%;display:block;position:absolute;inset:0}.tro-fundo{z-index:0;object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.tro-slot{width:var(--tro-w);transform-origin:0 0;will-change:transform, opacity;position:absolute;top:0;left:0}.tro-rotulo{left:calc(22 * var(--pt));bottom:calc(100% + 8 * var(--pt));align-items:center;gap:calc(8 * var(--pt));white-space:nowrap;display:flex;position:absolute}.tro-nome{font-size:calc(17 * var(--pt));letter-spacing:.005em;color:#f6f6f7;font-weight:600}.tro-icone{width:calc((26 - 2 * var(--tro-prof,0)) * var(--pt));height:calc((26 - 2 * var(--tro-prof,0)) * var(--pt));border-radius:calc(6 * var(--pt));box-shadow:0 calc(1 * var(--pt)) calc(3 * var(--pt)) #00000059;background:#fff;flex:none;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.tro-icone img,.tro-icone svg{width:100%;height:100%;display:block}.tro-card{contain:layout paint;width:var(--tro-w);height:var(--tro-h);border-radius:calc(var(--tro-canto) * var(--tro-raio,1));box-shadow:0 0 calc(28 * var(--pt)) rgba(0, 0, 0, calc(.3 * var(--tro-raio,1)));background:#000;position:relative;overflow:hidden}.tro-tela{aspect-ratio:402/874;width:100%;position:relative;container-type:inline-size}.tro-card .live-status{opacity:calc(1 - var(--tro-raio,1))}.tro-splash{z-index:40;background:radial-gradient(circle at 50% 50%, var(--home-gradient-top) 0, var(--bg) calc(420 * var(--pt)));justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.tro-splash .live-status{opacity:1}.tro-mascote{width:calc(132 * var(--pt));height:calc(132 * var(--pt));border-radius:calc(16 * var(--pt));box-shadow:0 0 calc(56 * var(--pt)) color-mix(in srgb, var(--action) 35%, transparent);display:block;overflow:hidden}.tro-mascote img{width:100%;height:100%;display:block}@media (prefers-reduced-motion:reduce){.tro-slot{will-change:auto}}}