.page-transition{position:fixed;top:0;left:0;z-index:2147483647;box-shadow:0 -128px 0 0 #000;background:#000;width:100%;height:100%}html:not(.is--fading) .page-transition{animation:calc(var(--transition-duration)*2.5) cubic-bezier(.25,.61,.355,1) pageTransitionScaleOut forwards;pointer-events:none}html.is--fading .page-transition{opacity:0;animation:calc(var(--transition-duration)*1.5) linear fadeIn forwards}.page-transition--particles{display:flex;position:absolute;top:50%;left:50%;align-items:center;justify-content:center;transform:translate(-50%,-50%);width:100%}.page-transition--particles div{display:inline-block;flex-shrink:0;transform:translateZ(1px);transform-origin:50% 50%;opacity:var(--random-opacity,1)}.page-transition--particles-1,.page-transition--particles-2,.page-transition--particles-3{position:relative;flex-wrap:wrap;padding:32px;max-width:768px;gap:12px}.page-transition--particles-1:after,.page-transition--particles-1:before,.page-transition--particles-2:after,.page-transition--particles-2:before,.page-transition--particles-3:after,.page-transition--particles-3:before{display:block;position:absolute;z-index:1;background:linear-gradient(90deg,#000,#000 27%,transparent 0,transparent 73%,#000 0,#000);width:100%;height:48px;content:""}.page-transition--particles-1:before,.page-transition--particles-2:before,.page-transition--particles-3:before{top:0;left:0}.page-transition--particles-1:after,.page-transition--particles-2:after,.page-transition--particles-3:after{right:0;bottom:0}.page-transition--particles-1 div,.page-transition--particles-2 div,.page-transition--particles-3 div{transform:scale3d(.35,.35,1);animation:calc(var(--transition-duration)*5) cubic-bezier(.25,.61,.355,1) var(--random-transition-delay,var(--transition-duration)) infinite pageTransitionPulsate}.page-transition--particles-1 div,.page-transition--particles-2 div{background:currentColor;width:12px;height:12px}.page-transition--particles-1 div{border-radius:50%}.page-transition--particles-3 div{border-style:solid;width:0;height:0}.page-transition--particles-4{gap:16px}.page-transition--particles-4 div{transform:scaleY(.25);border-radius:1px;background:currentColor;width:2px;height:var(--random-height,128px);animation:calc(var(--transition-duration)*5) ease var(--random-transition-delay,var(--transition-duration)) infinite pageTransitionEqualizer}@keyframes pageTransitionScaleOut{to{opacity:0;transform:scale3d(2,2,2)}}@keyframes pageTransitionPulsate{50%{transform:scaleX(1)}to{transform:scale3d(.35,.35,1)}}@keyframes pageTransitionEqualizer{0%,to{transform:scaleX(1)}50%{transform:scaleY(.25)}}