:root{--intro-ease:ease-out;--intro-leave:.18s;--intro-badge-delay:0s;--intro-badge-duration:.525s;--intro-badge-rise:14px;--intro-badge-blur:12px;--intro-title-delay:.2s;--intro-title-duration:.525s;--intro-title-rise:14px;--intro-title-blur:12px;--intro-lead-delay:.39s;--intro-lead-duration:.525s;--intro-lead-rise:14px;--intro-lead-blur:12px;--intro-actions-delay:.72s;--intro-actions-duration:.525s;--intro-actions-rise:14px;--intro-actions-blur:12px;--intro-visual-delay:1.2s;--intro-visual-duration:.6s;--intro-visual-rise:16px;--intro-visual-blur:6px;--intro-rest-delay:1.2s;--intro-rest-delay-visual:1.5s;--intro-rest-duration:.3s;--intro-rest:var(--intro-rest-delay)}:root:has(main :is([data-intro=visual],[data-intro=backdrop])){--intro-rest:var(--intro-rest-delay-visual)}html[data-leaving] .page-wrapper>:is(main,footer){opacity:0;transition:opacity var(--intro-leave)ease-in,translate var(--intro-leave)ease-in;translate:0 -8px}[data-intro=badge]{--intro-delay:var(--intro-badge-delay);--intro-duration:var(--intro-badge-duration);--intro-rise:var(--intro-badge-rise);--intro-blur:var(--intro-badge-blur)}[data-intro=title]{--intro-delay:var(--intro-title-delay);--intro-duration:var(--intro-title-duration);--intro-rise:var(--intro-title-rise);--intro-blur:var(--intro-title-blur)}[data-intro=lead]{--intro-delay:var(--intro-lead-delay);--intro-duration:var(--intro-lead-duration);--intro-rise:var(--intro-lead-rise);--intro-blur:var(--intro-lead-blur)}[data-intro=actions]{--intro-delay:var(--intro-actions-delay);--intro-duration:var(--intro-actions-duration);--intro-rise:var(--intro-actions-rise);--intro-blur:var(--intro-actions-blur)}[data-intro=visual],[data-intro=backdrop]{--intro-delay:var(--intro-visual-delay);--intro-duration:var(--intro-visual-duration);--intro-rise:var(--intro-visual-rise);--intro-blur:var(--intro-visual-blur)}html[data-entering] [data-intro]{animation:intro-rise var(--intro-duration)var(--intro-ease)var(--intro-delay)both;will-change:translate,opacity}html[data-entering] [data-intro=backdrop]{animation-name:intro-fade}html[data-entering] main [data-pattern=P02]~*,html[data-entering] .page-wrapper>footer{animation:intro-after var(--intro-rest-duration)ease-out var(--intro-rest)both}html[data-entering] main [data-pattern=P02]{animation:intro-rule var(--intro-rest-duration)ease-out var(--intro-rest)both}html[data-entering] :is([data-intro=visual],[data-intro=backdrop]) *{animation-play-state:paused}@keyframes intro-rise{0%{opacity:0;translate:0 var(--intro-rise);filter:blur(var(--intro-blur))}to{opacity:1;filter:none;translate:0}}@keyframes intro-fade{0%{opacity:0;filter:blur(var(--intro-blur))}to{opacity:1;filter:none}}@keyframes intro-after{0%{opacity:0}}@keyframes intro-rule{0%{border-bottom-color:#0000}}@media (prefers-reduced-motion:reduce){html[data-leaving] .page-wrapper>:is(main,footer){opacity:1;transition:none;translate:none}html[data-entering] [data-intro],html[data-entering] main [data-pattern=P02],html[data-entering] main [data-pattern=P02]~*,html[data-entering] .page-wrapper>footer{animation:none}}
