.article-transition{--article-enter-duration:.3s;--article-enter-easing:cubic-bezier(.22, 1, .36, 1);--article-body-delay:50ms;--article-block-step:30ms}@supports not (view-transition-name:root){.article-transition [data-article-part=header],.article-transition [data-article-part=back],.article-transition article>header{animation:article-header-in var(--article-enter-duration) var(--article-enter-easing) backwards}}.article-transition [data-article-part=body]>:nth-child(-n+6),.article-transition .atricle-css>:nth-child(-n+6){animation:article-block-in var(--article-enter-duration) var(--article-enter-easing) backwards}.article-transition [data-article-part=body]>:first-child,.article-transition .atricle-css>:first-child{animation-delay:var(--article-body-delay)}.article-transition [data-article-part=body]>:nth-child(2),.article-transition .atricle-css>:nth-child(2){animation-delay:calc(var(--article-body-delay) + var(--article-block-step))}.article-transition [data-article-part=body]>:nth-child(3),.article-transition .atricle-css>:nth-child(3){animation-delay:calc(var(--article-body-delay) + 2 * var(--article-block-step))}.article-transition [data-article-part=body]>:nth-child(4),.article-transition .atricle-css>:nth-child(4){animation-delay:calc(var(--article-body-delay) + 3 * var(--article-block-step))}.article-transition [data-article-part=body]>:nth-child(5),.article-transition .atricle-css>:nth-child(5){animation-delay:calc(var(--article-body-delay) + 4 * var(--article-block-step))}.article-transition [data-article-part=body]>:nth-child(6),.article-transition .atricle-css>:nth-child(6){animation-delay:calc(var(--article-body-delay) + 5 * var(--article-block-step))}.article-transition--js img:not([data-no-fade]){transition:opacity .3s ease-out}.article-transition--js img:not(.article-img--loaded):not([data-no-fade]){opacity:0}.article-transition img.article-img--loaded{opacity:1}@keyframes article-header-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes article-block-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.article-transition [data-article-part=header],.article-transition [data-article-part=back],.article-transition [data-article-part=body]>*,.article-transition article>header,.article-transition .atricle-css>*{animation:none}.article-transition--js img:not([data-no-fade]){opacity:1;transition:none}::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}
