:root{--animacion-corta:.3s;--animacion-media:.5s;--animacion-larga:1s;--animacion-extralarga:2s}@keyframes desaparecer{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20%)}}@keyframes aparecer{0%{opacity:0;transform:translateY(20%)}to{opacity:1;transform:translateY(0)}}.desaparece{opacity:1;transform-origin:top;animation:desaparecer var(--animacion-media)ease-out forwards;animation-delay:0s}.aparece{opacity:0;transform-origin:bottom;animation:aparecer var(--animacion-media)ease-out forwards;animation-delay:0s}::view-transition-old(aparece-desaparece){animation:var(--animacion-larga)cubic-bezier(.4,0,.2,1)both desaparecer}::view-transition-new(aparece-desaparece){animation:var(--animacion-larga)cubic-bezier(.4,0,.2,1)both aparecer}.aparece-desaparece{view-timeline-name:aparece-desaparece}.cascada>:nth-child(20){animation-delay:calc(0*var(--animacion-media))}.cascada>:nth-child(19){animation-delay:calc(1*var(--animacion-media))}.cascada>:nth-child(18){animation-delay:calc(2*var(--animacion-media))}.cascada>:nth-child(17){animation-delay:calc(3*var(--animacion-media))}.cascada>:nth-child(16){animation-delay:calc(4*var(--animacion-media))}.cascada>:nth-child(15){animation-delay:calc(5*var(--animacion-media))}.cascada>:nth-child(14){animation-delay:calc(6*var(--animacion-media))}.cascada>:nth-child(13){animation-delay:calc(7*var(--animacion-media))}.cascada>:nth-child(12){animation-delay:calc(8*var(--animacion-media))}.cascada>:nth-child(11){animation-delay:calc(9*var(--animacion-media))}.cascada>:nth-child(10){animation-delay:calc(10*var(--animacion-media))}.cascada>:nth-child(9){animation-delay:calc(11*var(--animacion-media))}.cascada>:nth-child(8){animation-delay:calc(12*var(--animacion-media))}.cascada>:nth-child(7){animation-delay:calc(13*var(--animacion-media))}.cascada>:nth-child(6){animation-delay:calc(14*var(--animacion-media))}.cascada>:nth-child(5){animation-delay:calc(15*var(--animacion-media))}.cascada>:nth-child(4){animation-delay:calc(16*var(--animacion-media))}.cascada>:nth-child(3){animation-delay:calc(17*var(--animacion-media))}.cascada>:nth-child(2){animation-delay:calc(18*var(--animacion-media))}.cascada>:first-child{animation-delay:calc(19*var(--animacion-media))}.cascada.invertida>:first-child{animation-delay:calc(0*var(--animacion-media))}.cascada.invertida>:nth-child(2){animation-delay:calc(1*var(--animacion-media))}.cascada.invertida>:nth-child(3){animation-delay:calc(2*var(--animacion-media))}.cascada.invertida>:nth-child(4){animation-delay:calc(3*var(--animacion-media))}.cascada.invertida>:nth-child(5){animation-delay:calc(4*var(--animacion-media))}.cascada.invertida>:nth-child(6){animation-delay:calc(5*var(--animacion-media))}.cascada.invertida>:nth-child(7){animation-delay:calc(6*var(--animacion-media))}.cascada.invertida>:nth-child(8){animation-delay:calc(7*var(--animacion-media))}.cascada.invertida>:nth-child(9){animation-delay:calc(8*var(--animacion-media))}.cascada.invertida>:nth-child(10){animation-delay:calc(9*var(--animacion-media))}.cascada.invertida>:nth-child(11){animation-delay:calc(10*var(--animacion-media))}.cascada.invertida>:nth-child(12){animation-delay:calc(11*var(--animacion-media))}.cascada.invertida>:nth-child(13){animation-delay:calc(12*var(--animacion-media))}.cascada.invertida>:nth-child(14){animation-delay:calc(13*var(--animacion-media))}.cascada.invertida>:nth-child(15){animation-delay:calc(14*var(--animacion-media))}.cascada.invertida>:nth-child(16){animation-delay:calc(15*var(--animacion-media))}.cascada.invertida>:nth-child(17){animation-delay:calc(16*var(--animacion-media))}.cascada.invertida>:nth-child(18){animation-delay:calc(17*var(--animacion-media))}.cascada.invertida>:nth-child(19){animation-delay:calc(18*var(--animacion-media))}.cascada.invertida>:nth-child(20){animation-delay:calc(19*var(--animacion-media))}