@layer components{:where(.study-illustration){width:100%}.study-illustration{color:var(--brand)}.study-wave{transform-box:fill-box;transform-origin:50%;animation:1.4s ease-in-out 2 study-wave}.study-arrive{animation:.7s ease-out both study-arrive}.study-trace{animation:1.1s ease-out both study-trace}@keyframes study-wave{50%{transform:scaleY(.45)}}@keyframes study-arrive{0%{opacity:0;transform:translateY(5px)}}@keyframes study-trace{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.study-wave,.study-arrive,.study-trace{animation:none}}}