@keyframes soft-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fade-up{0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-up{0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes fade-left{0%{-webkit-transform:translateX(80px);transform:translate(80px);opacity:0}to{-webkit-transform:translateX(0);transform:translate(0);opacity:1}}@keyframes fade-left{0%{-webkit-transform:translateX(80px);transform:translate(80px);opacity:0}to{-webkit-transform:translateX(0);transform:translate(0);opacity:1}}@-webkit-keyframes swing-in-top-fwd{0%{-webkit-transform:rotateX(-100deg);transform:rotateX(-100deg);-webkit-transform-origin:top;transform-origin:top;opacity:0}to{-webkit-transform:rotateX(0deg);transform:rotateX(0);-webkit-transform-origin:top;transform-origin:top;opacity:1}}@keyframes swing-in-top-fwd{0%{-webkit-transform:rotateX(-100deg);transform:rotateX(-100deg);-webkit-transform-origin:top;transform-origin:top;opacity:0}to{-webkit-transform:rotateX(0deg);transform:rotateX(0);-webkit-transform-origin:top;transform-origin:top;opacity:1}}@-webkit-keyframes scale-in-center{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes scale-in-center{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes fade-in-top{0%{-webkit-transform:translateY(-50px);transform:translateY(-50px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-top{0%{-webkit-transform:translateY(-50px);transform:translateY(-50px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes fade-out-top{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-50px);transform:translateY(-50px);opacity:0}}@keyframes fade-out-top{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-50px);transform:translateY(-50px);opacity:0}}@-webkit-keyframes fade-in-bottom{0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-bottom{0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes puff-in-center{0%{-webkit-transform:scale(1.3);transform:scale(1.3);-webkit-filter:blur(4px);filter:blur(4px);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);-webkit-filter:blur(0px);filter:blur(0px);opacity:1}}@keyframes puff-in-center{0%{-webkit-transform:scale(1.3);transform:scale(1.3);-webkit-filter:blur(4px);filter:blur(4px);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);-webkit-filter:blur(0px);filter:blur(0px);opacity:1}}@-webkit-keyframes turn-on-overflow{0%{overflow:hidden}to{overflow:scroll;-webkit-overflow-scrolling:touch}}@keyframes turn-on-overflow{0%{overflow:hidden}to{overflow:auto}}@-webkit-keyframes fade-in-right{0%{-webkit-transform:translateX(50px);transform:translate(50px);opacity:0}to{-webkit-transform:translateX(0);transform:translate(0);opacity:1}}@keyframes fade-in-right{0%{-webkit-transform:translateX(50px);transform:translate(50px);opacity:0}to{-webkit-transform:translateX(0);transform:translate(0);opacity:1}}@-webkit-keyframes jello-horizontal{0%{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.155,.85,1);transform:scale3d(1.155,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}}@keyframes jello-horizontal{0%{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.155,.85,1);transform:scale3d(1.155,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}}@-webkit-keyframes crown-bottom-left{0%{left:20px;bottom:0;opacity:0}to{left:0;bottom:0;opacity:1}}@keyframes crown-bottom-left{0%{left:20px;bottom:0;opacity:0}to{left:0;bottom:0;opacity:1}}@-webkit-keyframes crown-left{0%{left:39px;right:0;top:44px;-webkit-transform:rotate(-115deg);transform:rotate(-115deg);opacity:0}to{left:29px;right:0;top:44px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg);opacity:1}}@keyframes crown-left{0%{left:39px;right:0;top:44px;-webkit-transform:rotate(-115deg);transform:rotate(-115deg);opacity:0}to{left:29px;right:0;top:44px;transform:rotate(-135deg);opacity:1}}@-webkit-keyframes crown-center{0%{top:32px;left:50%;right:50%;-webkit-transform:translate(-54%,-50%) rotate(90deg);transform:translate(-54%,-50%) rotate(90deg);opacity:0}to{top:22px;left:50%;right:50%;-webkit-transform:translate(-54%,-50%) rotate(90deg);transform:translate(-54%,-50%) rotate(90deg);opacity:1}}@keyframes crown-center{0%{top:32px;left:50%;right:50%;-webkit-transform:translate(-54%,-50%) rotate(90deg);transform:translate(-54%,-50%) rotate(90deg);opacity:0}to{top:22px;left:50%;right:50%;-webkit-transform:translate(-54%,-50%) rotate(90deg);transform:translate(-54%,-50%) rotate(90deg);opacity:1}}@-webkit-keyframes crown-right{0%{left:19px;right:0;top:45px;-webkit-transform:rotate(115deg);transform:rotate(115deg);opacity:0}to{left:29px;right:0;top:45px;-webkit-transform:rotate(135deg);transform:rotate(135deg);opacity:1}}@keyframes crown-right{0%{left:19px;right:0;top:45px;-webkit-transform:rotate(115deg);transform:rotate(115deg);opacity:0}to{left:29px;right:0;top:45px;-webkit-transform:rotate(135deg);transform:rotate(135deg);opacity:1}}@-webkit-keyframes crown-bottom-right{0%{right:20px;bottom:0;opacity:0}to{right:0;bottom:0;opacity:1}}@keyframes crown-bottom-right{0%{right:20px;bottom:0;opacity:0}to{right:0;bottom:0;opacity:1}}@-webkit-keyframes winner-box-shadow-fade{0%{box-shadow:0 0 #0000}to{box-shadow:0 20px 60px #000000b3}}@keyframes winner-box-shadow-fade{0%{box-shadow:0 0 #0000}to{box-shadow:0 20px 60px #000000b3}}@-webkit-keyframes scale-up{0%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}80%{-webkit-transform:scale(1.15);transform:scale(1.15)}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes scale-up{0%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}80%{-webkit-transform:scale(1.15);transform:scale(1.15)}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes poster-left{0%{left:100px;opacity:0}to{left:40px;opacity:1}}@keyframes poster-left{0%{left:100px;opacity:0}to{left:40px;opacity:1}}@-webkit-keyframes poster-back-left{0%{left:100px;opacity:0}to{left:80px;opacity:1}}@keyframes poster-back-left{0%{left:100px;opacity:0}to{left:80px;opacity:1}}@-webkit-keyframes poster-right{0%{right:100px;opacity:0}to{right:40px;opacity:1}}@keyframes poster-right{0%{right:100px;opacity:0}to{right:40px;opacity:1}}@-webkit-keyframes poster-back-right{0%{right:100px;opacity:0}to{right:80px;opacity:1}}@keyframes poster-back-right{0%{right:100px;opacity:0}to{right:80px;opacity:1}}.page:where(.astro-oby2xrm4){max-width:90ch;margin-inline:auto;padding-inline:var(--space-5);padding-block:var(--space-6)}.intro:where(.astro-oby2xrm4){display:flex;flex-direction:column;gap:var(--space-5)}.lead:where(.astro-oby2xrm4){font-size:var(--text-lg);color:var(--color-text-muted);line-height:var(--leading-relaxed)}.usage-note:where(.astro-oby2xrm4){border-width:1px;border-color:var(--color-border);border-style:solid;border-radius:9px;padding:var(--space-5);background-color:var(--color-surface)}.usage-note:where(.astro-oby2xrm4) h2:where(.astro-oby2xrm4){font-size:var(--text-sm);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-muted);margin-block-start:0;margin-block-end:var(--space-3)}.usage-note:where(.astro-oby2xrm4) pre:where(.astro-oby2xrm4){margin:0}.category:where(.astro-oby2xrm4){padding-block:var(--space-5)}.animation-grid:where(.astro-oby2xrm4){display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-4);margin-block-start:var(--space-4)}.animation-card:where(.astro-oby2xrm4){border-width:1px;border-color:var(--color-border);border-style:solid;border-radius:9px;box-shadow:0 2.4px 1.2px -.6px #00000026,0 2px 1.5px #0000002b;background-color:var(--color-surface);display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);overflow:hidden}.animation-stage:where(.astro-oby2xrm4){height:100px;background-color:var(--color-background);border-radius:9px;border-width:1px;border-color:var(--color-border);border-style:solid;display:flex;align-items:center;justify-content:center}.animation-target:where(.astro-oby2xrm4){font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--font-weight-bold);color:var(--color-interactive)}.animation-info:where(.astro-oby2xrm4){display:flex;flex-direction:column;gap:var(--space-1)}.animation-label:where(.astro-oby2xrm4){font-weight:var(--font-weight-bold);font-size:var(--text-md);margin:0}.animation-description:where(.astro-oby2xrm4){font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-relaxed);margin:0}.animation-mixin:where(.astro-oby2xrm4){font-size:var(--text-xs);color:var(--color-interactive);display:block}.animation-replay:where(.astro-oby2xrm4){padding-block:var(--space-2);padding-inline:var(--space-3);border-radius:6px}.animation-replay:where(.astro-oby2xrm4):focus{outline:none}.animation-replay:where(.astro-oby2xrm4):focus-visible{outline:2px solid var(--color-interactive);outline-offset:3px}.animation-replay:where(.astro-oby2xrm4){background-color:var(--color-interactive-muted);color:var(--color-interactive);border:none;cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-weight-bold);align-self:flex-start}.animation-replay:where(.astro-oby2xrm4):hover{background-color:var(--color-interactive);color:var(--color-neutral-50)}