@property --brilho-angulo{syntax:"<angle>";inherits:false;initial-value:0deg}@property --brilho-angulo-desvio{syntax:"<angle>";inherits:false;initial-value:0deg}@property --brilho-arco{syntax:"<percentage>";inherits:false;initial-value:5%}@property --brilho-reflexo{syntax:"<color>";inherits:false;initial-value:#fff}.botao-brilhante{--brilho-base:var(--ts-action-primary-bg);--brilho-texto:var(--ts-action-primary-fg);--brilho-anel:color-mix(in oklch, var(--brilho-base) 88%, var(--brilho-texto));--brilho-cor:var(--ts-progress-fill);--brilho-cor-suave:color-mix(in oklch, var(--brilho-cor) 55%, white);--brilho-pontos:color-mix(in oklch, var(--brilho-texto) 70%, var(--brilho-cor));--brilho-animacao:brilho-girar linear infinite;--brilho-duracao:3s;--brilho-transicao:.8s cubic-bezier(.25, 1, .5, 1);isolation:isolate;color:var(--brilho-texto);background:linear-gradient(var(--brilho-base), var(--brilho-base)) padding-box, conic-gradient(from calc(var(--brilho-angulo) - var(--brilho-angulo-desvio)), transparent, var(--brilho-cor) var(--brilho-arco), var(--brilho-reflexo) calc(var(--brilho-arco) * 2), var(--brilho-cor) calc(var(--brilho-arco) * 3), transparent calc(var(--brilho-arco) * 4)) border-box;box-shadow:inset 0 0 0 1px var(--brilho-anel);transition:var(--brilho-transicao);transition-property:--brilho-angulo-desvio,--brilho-arco,--brilho-reflexo,scale;overflow:hidden}.botao-brilhante:before,.botao-brilhante:after,.botao-brilhante>span:before{content:"";pointer-events:none;z-index:-1;position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%}.botao-brilhante:before{--tamanho:calc(100% - 6px);--ponto:2px;--passo:calc(var(--ponto) * 2);width:var(--tamanho);height:var(--tamanho);background:radial-gradient(circle at var(--ponto) var(--ponto), var(--brilho-pontos) calc(var(--ponto) / 4), transparent 0) padding-box;background-size:var(--passo) var(--passo);-webkit-mask-image:conic-gradient(from calc(var(--brilho-angulo) + 45deg), black, transparent 10% 90%, black);mask-image:conic-gradient(from calc(var(--brilho-angulo) + 45deg), black, transparent 10% 90%, black);border-radius:inherit;opacity:.4;background-repeat:space}.botao-brilhante:after{--brilho-animacao:brilho-reflexo linear infinite;aspect-ratio:1;background:linear-gradient(-50deg, transparent, var(--brilho-cor), transparent);opacity:.6;width:100%;-webkit-mask-image:radial-gradient(circle at bottom,#0000 40%,#000);mask-image:radial-gradient(circle at bottom,#0000 40%,#000)}.botao-brilhante>span{z-index:1}.botao-brilhante>span:before{--tamanho:calc(100% + 1rem);width:var(--tamanho);height:var(--tamanho);box-shadow:inset 0 -1ex 2rem 4px var(--brilho-cor);opacity:0;transition:opacity var(--brilho-transicao);animation:calc(var(--brilho-duracao) * 1.5) brilho-respirar linear infinite}.botao-brilhante,.botao-brilhante:before,.botao-brilhante:after{animation:var(--brilho-animacao) var(--brilho-duracao), var(--brilho-animacao) calc(var(--brilho-duracao) / .4) reverse paused;animation-composition:add}.botao-brilhante:is(:hover,:focus-visible){--brilho-arco:20%;--brilho-angulo-desvio:95deg;--brilho-reflexo:var(--brilho-cor-suave)}.botao-brilhante:is(:hover,:focus-visible),.botao-brilhante:is(:hover,:focus-visible):before,.botao-brilhante:is(:hover,:focus-visible):after{animation-play-state:running}.botao-brilhante:is(:hover,:focus-visible)>span:before{opacity:1}@keyframes brilho-girar{to{--brilho-angulo:360deg}}@keyframes brilho-reflexo{to{rotate:360deg}}@keyframes brilho-respirar{0%,to{scale:1}50%{scale:1.2}}.cartao-brilhante{--cartao-base:var(--ts-bg-surface);--cartao-borda:var(--ts-border-default);--cartao-luz:color-mix(in oklch, var(--ts-progress-fill) 45%, transparent);--cartao-luz-forte:color-mix(in oklch, var(--ts-progress-fill) 75%, transparent);--cartao-duracao:6s;isolation:isolate;background:linear-gradient(var(--cartao-base), var(--cartao-base)) padding-box, conic-gradient(from var(--brilho-angulo), transparent, var(--cartao-luz) 5%, var(--cartao-luz-forte) 9%, var(--cartao-luz) 13%, transparent 18%) border-box, linear-gradient(var(--cartao-borda), var(--cartao-borda)) border-box;animation:brilho-girar var(--cartao-duracao) linear infinite;border-color:#0000;position:relative;overflow:hidden}.cartao-brilhante:before,.cartao-brilhante:after{content:"";pointer-events:none;z-index:-1;position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%}.cartao-brilhante:before{--ponto:2px;--passo:calc(var(--ponto) * 2);background:radial-gradient(circle at var(--ponto) var(--ponto), var(--cartao-luz-forte) calc(var(--ponto) / 4), transparent 0) padding-box;background-size:var(--passo) var(--passo);width:calc(100% - 6px);height:calc(100% - 6px);-webkit-mask-image:conic-gradient(from calc(var(--brilho-angulo) + 45deg), black, transparent 10% 90%, black);mask-image:conic-gradient(from calc(var(--brilho-angulo) + 45deg), black, transparent 10% 90%, black);border-radius:inherit;opacity:.3;animation:brilho-girar var(--cartao-duracao) linear infinite;background-repeat:space}.cartao-brilhante:after{aspect-ratio:1;background:linear-gradient(-50deg, transparent, var(--cartao-luz), transparent);opacity:.35;width:100%;animation:brilho-reflexo var(--cartao-duracao) linear infinite;-webkit-mask-image:radial-gradient(circle at bottom,#0000 40%,#000);mask-image:radial-gradient(circle at bottom,#0000 40%,#000)}@media (prefers-reduced-motion:reduce){.cartao-brilhante,.cartao-brilhante:before,.cartao-brilhante:after{animation:none}.botao-brilhante,.botao-brilhante:before,.botao-brilhante:after,.botao-brilhante>span:before{animation:none!important}.botao-brilhante:is(:hover,:focus-visible)>span:before{opacity:0}.botao-brilhante{transition:none}}