/* One character at a time, in Japanese vertical reading order. */
html.intro-motion-pending #intro .reference-live text,
html.intro-motion-pending #intro .source-shape,
html.intro-motion-pending #intro [data-code-name="intro-paws"]>img,
#intro.intro-ready .reference-live text,
#intro.intro-ready .source-shape,
#intro.intro-ready [data-code-name="intro-paws"]>img{opacity:0}
#intro.intro-playing .source-shape{animation:intro-decoration 450ms cubic-bezier(.22,.61,.36,1) both;animation-delay:var(--intro-decoration-delay)}
@keyframes intro-decoration{from{opacity:0}to{opacity:1}}
.intro-walking-print{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;opacity:0;transform-origin:center}
.intro-walking-print.is-left{clip-path:polygon(0 0,100% 0,0 100%)}
.intro-walking-print.is-right{clip-path:polygon(100% 0,100% 100%,0 100%)}
@media(prefers-reduced-motion:reduce){
 html.intro-motion-pending #intro .reference-live text,
 html.intro-motion-pending #intro .source-shape,
 html.intro-motion-pending #intro [data-code-name="intro-paws"]>img,
 #intro.intro-ready .reference-live text,
 #intro.intro-ready .source-shape,
 #intro.intro-ready [data-code-name="intro-paws"]>img{opacity:1;animation:none!important}
 .intro-walking-print{display:none}
}