.page-transition{position:fixed;top:0;left:0;width:100%;height:100%;height:100dvh;background-color:var(--color-bg,#fff);z-index:999999;pointer-events:none;opacity:1;transition:opacity 0.4s cubic-bezier(.4,0,.2,1),background-color 0.3s ease}body.page-loaded .page-transition{opacity:0}.page-transition.is-active{opacity:1;pointer-events:auto}.fade-in-element{opacity:0;transform:translateY(20px);transition:opacity 0.6s cubic-bezier(.4,0,.2,1),transform 0.6s cubic-bezier(.4,0,.2,1)}.fade-in-element.is-visible{opacity:1;transform:translateY(0)}@keyframes fade-out{from{opacity:1}to{opacity:0}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.page-content,.fade-in-element{animation:none;opacity:1;transform:none}.page-transition{display:none}}