.gen-tesela{background-color:color-mix(in oklab, var(--foreground) 7%, var(--muted));opacity:.6;border-radius:24%;transition:transform .8s cubic-bezier(.22,1,.36,1),opacity .8s ease-out,border-radius .8s ease-out,filter 1.2s ease-out;animation:1.6s ease-in-out infinite gen-late;transform:scale(.8)}@keyframes gen-late{50%{opacity:.25}}.gen-tesela.gen-puesta{background-image:var(--gen-img);opacity:1;filter:grayscale()contrast(.92);border-radius:0;animation:none;transform:none}.gen-tesela.gen-color{filter:none}.gen-base{background:var(--gen-img) center / cover;opacity:0;transition:opacity .6s ease-out}.gen-base-lista{opacity:1}.gen-luz{mix-blend-mode:soft-light;background:linear-gradient(115deg,#0000 38%,#fff6 50%,#0000 62%) 0 0/260% 100%;animation:2.8s ease-in-out infinite gen-luz}@keyframes gen-luz{0%{background-position:130% 0}to{background-position:-30% 0}}.gen-puntos{gap:3px;display:inline-flex}.gen-puntos i{background:currentColor;border-radius:50%;width:4px;height:4px;animation:1.2s ease-in-out infinite gen-punto}.gen-puntos i:nth-child(2){animation-delay:.15s}.gen-puntos i:nth-child(3){animation-delay:.3s}@keyframes gen-punto{0%,80%,to{opacity:.2;transform:none}40%{opacity:1;transform:translateY(-2px)}}.gen-fase{animation:.5s ease-out both gen-fase}@keyframes gen-fase{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.gen-tesela,.gen-puntos i,.gen-fase{animation:none!important}.gen-luz{display:none}}