.course-stagger>*{animation:.55s cubic-bezier(.2,.7,.2,1) both course-rise;animation-delay:calc(min(var(--i,0), 12) * 60ms)}@keyframes course-rise{0%{opacity:0;transform:translateY(10px)rotate(-.4deg)}}.course-frame{border:1px solid var(--color-line);background:radial-gradient(circle at 30% 25%, color-mix(in srgb, var(--color-marker) 35%, transparent), transparent 55%), radial-gradient(circle at 75% 80%, color-mix(in srgb, var(--color-pen-soft) 90%, transparent), transparent 60%), var(--color-sheet);position:relative;overflow:hidden;box-shadow:0 10px 24px -18px #1b243373}.course-frame:after{content:"";background:color-mix(in srgb, var(--color-marker) 55%, transparent);border:1px solid color-mix(in srgb, var(--color-line) 80%, transparent);width:56px;height:18px;position:absolute;top:-6px;left:50%;transform:translate(-50%)rotate(-3deg)}.course-emoji{filter:drop-shadow(0 6px 6px #1b24332e);line-height:1;animation:4.5s ease-in-out infinite course-bob;display:inline-block}.course-emoji-ring{aspect-ratio:1;border:2px dashed color-mix(in srgb, var(--color-pen) 35%, transparent);border-radius:9999px;height:70%;animation:26s linear infinite course-spin;position:absolute;top:15%;left:50%;translate:-50%}@keyframes course-bob{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-7px)rotate(3deg)}}@keyframes course-spin{to{transform:rotate(360deg)}}.course-flip{perspective:1100px}.course-flip-inner{height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.3,.7,.2,1);position:relative}.course-flip[data-flipped=true] .course-flip-inner{transform:rotateY(180deg)}.course-flip-face{backface-visibility:hidden;position:absolute;inset:0}.course-flip-back{transform:rotateY(180deg)}.course-pop{animation:.45s cubic-bezier(.2,1.6,.4,1) both course-pop}.course-shake{animation:.4s both course-shake}@keyframes course-pop{0%{opacity:0;transform:scale(.6)rotate(-8deg)}}@keyframes course-shake{20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.course-mark path{stroke-dasharray:40;stroke-dashoffset:40px;animation:.45s ease-out 50ms forwards course-draw}@keyframes course-draw{to{stroke-dashoffset:0}}.course-fill{transform-origin:0;animation:.9s cubic-bezier(.2,.7,.2,1) both course-fill}@keyframes course-fill{0%{transform:scaleX(0)}}.course-drawer{animation:.35s cubic-bezier(.2,.7,.2,1) both course-slide}@keyframes course-slide{0%{transform:translate(105%)}}.course-fab{animation:.5s cubic-bezier(.2,1.6,.4,1) .4s both course-pop}.course-typing span{animation:1.2s infinite both course-blink;display:inline-block}.course-typing span:nth-child(2){animation-delay:.2s}.course-typing span:nth-child(3){animation-delay:.4s}@keyframes course-blink{0%,80%,to{opacity:.2}40%{opacity:1}}.course-highlight{background:linear-gradient(transparent 55%, var(--color-marker) 55%) no-repeat;background-size:100% 100%;padding:0 2px;animation:.7s ease-out .2s both course-swipe}@keyframes course-swipe{0%{background-size:0% 100%}}@media (prefers-reduced-motion:reduce){.course-stagger>*,.course-emoji,.course-emoji-ring,.course-pop,.course-shake,.course-fill,.course-drawer,.course-fab,.course-typing span,.course-highlight{animation:none}.course-mark path{stroke-dashoffset:0;animation:none}.course-flip-inner{transition:none}}