html .motion-reveal,html .route-transition-content .motion-reveal{filter:none;transition:opacity .24s ease var(--motion-delay,0s);will-change:auto;translate:none;scale:1}html .motion-ready :is(.hero-copy>*,.hero-image,.hero-note,.hero-stickers,.brand-face,.eyebrow i,.about-doodle,.doodle-star,.friends-hero-mark,.article-hero-mark,.about-image-wrap img),html .motion-ready :is(.archive-hero,.guitar-hero):after,html .motion-ready .hero-copy h1 span:after{animation:none}html .route-transition-content{animation:.18s ease-out quiet-route-in}@keyframes quiet-route-in{0%{opacity:.97}to{opacity:1}}html .route-load-indicator{height:2px}html .route-load-indicator span{background:var(--blue);box-shadow:none}html .is-click-pressed{animation:.18s ease-out both quiet-control-press!important}@keyframes quiet-control-press{0%,to{opacity:1}45%{opacity:.72}}html .mascot-art-bob{animation:8s ease-in-out infinite quiet-mascot-idle}@keyframes quiet-mascot-idle{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}html .live2d-mascot[data-reading=true] .mascot-art-bob,html .live2d-mascot[data-dragging=true] .mascot-art-bob{animation:none;transform:none}html .live2d-mascot[data-reading=true] .mascot-art-look{transform:none}html [data-reading=true] :is(.article-content,.article-title-wrap,.article-toc,.post-navigation,.comments-section){filter:none;opacity:1;animation:none;translate:none}@media (prefers-reduced-motion:reduce){html .route-transition-content,html .mascot-art-bob,html .mascot-art-react,html .is-click-pressed{animation:none!important}html .mascot-art-look{transition:none;transform:none}html .motion-reveal{opacity:1;transition:none}}