@layer components{.tri-3d{perspective:1400px;perspective-origin:50% 0}.tri-plano{transform-origin:50% 40%;position:relative}.mo .tri-plano{will-change:transform}.tri-sombra{display:none}.mo .tri-sombra{background:radial-gradient(closest-side, var(--sombra-contato), transparent);opacity:.35;z-index:-1;height:16%;display:block;position:absolute;bottom:-6%;left:6%;right:6%}.tri-cartao{background:var(--superficie);border-radius:var(--raio);box-shadow:var(--sombra-1);border:1px solid var(--borda);padding:clamp(14px,2vw,24px);position:relative}.tri{border-collapse:separate;border-spacing:4px 14px;font:400 .875rem / 1 var(--f-dados);font-variant-numeric:tabular-nums;min-width:100%;position:relative}.tri caption{caption-side:top;text-align:left;font:500 .8125rem / 1.4 var(--f-corpo);color:var(--texto-suave);padding-bottom:12px}.tri th{color:var(--texto-suave);text-align:right;white-space:nowrap;padding:6px;font-size:.75rem;font-weight:500}.tri thead th{text-align:center}.tri tbody th{text-align:left}.tri td{text-align:right;background:var(--tinta-clara);width:4.4rem;min-width:4.4rem;color:var(--texto);border-radius:6px;padding:9px 8px;position:relative}.tri td.proj{background:var(--areia-clara);color:var(--areia-texto);outline:1px dashed var(--areia);outline-offset:-1px;font-style:italic}.tri td.ult,.tri td.peona{background:0 0;font-weight:600}.tri td.peona{color:var(--areia-texto)}.tri .sep{border-left:1px solid var(--borda)}.tri tfoot td,.tri tfoot th{background:0 0;padding-top:12px}.tri tfoot .fator{color:var(--tinta);font-weight:600}.tri td.diag:after{content:"";border:2px solid var(--areia);pointer-events:none;transition:opacity var(--dur-estado) var(--ease-padrao), transform var(--dur-revela) var(--ease-mola);border-radius:8px;position:absolute;inset:-2px}.mo-pronto .tri td.obs,.mo-pronto .tri td.proj,.mo-pronto .tri .linha-fator td,.mo-pronto .tri td.ult,.mo-pronto .tri td.peona{opacity:0;transition:opacity var(--dur-estado) var(--ease-padrao) var(--atraso,0s), transform .7s var(--ease-mola) var(--atraso,0s);transform:translateY(10px)scale(.9)}.mo-pronto .tri td.on,.mo-pronto .tri .linha-fator.on td{opacity:1;transform:none}.mo-pronto .tri td.diag:after{opacity:0;transform:scale(1.25)}.mo-pronto .tri td.diag.realce:after{opacity:1;transform:none}.setas{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.seta{fill:none;stroke:var(--areia);stroke-width:1.6px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .9s var(--ease-saida) var(--atraso,0s)}.seta-ponta{fill:var(--areia);opacity:0;transition:opacity .3s var(--ease-padrao) calc(var(--atraso,0s) + .7s)}.seta-t{font:600 10.5px var(--f-dados);fill:var(--areia-texto);paint-order:stroke;stroke:var(--superficie);stroke-width:4px;stroke-linejoin:round;opacity:0;transition:opacity .4s var(--ease-padrao) calc(var(--atraso,0s) + .5s)}.setas.on .seta{stroke-dashoffset:0}.setas.on .seta-ponta,.setas.on .seta-t{opacity:1}.tri-legenda{color:var(--texto-suave);flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:16px;font-size:.8125rem;display:flex}.tri-legenda i{vertical-align:-2px;border-radius:3px;width:14px;height:14px;margin-right:6px;display:inline-block}.tri-legenda .l-obs{background:var(--tinta-clara);border:1px solid var(--borda)}.tri-legenda .l-proj{background:var(--areia-clara);outline:1px dashed var(--areia);outline-offset:-1px}.tri-legenda .l-diag{border:2px solid var(--areia)}@media (max-width:959.98px){.tri{border-spacing:2px 12px;font-size:.75rem}.tri td{width:3.1rem;min-width:3.1rem;padding:7px 5px}}}