.reel:where(.astro-ymeduevc){grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:1rem;margin:1.5rem 0 2rem;padding:0;list-style:none;display:grid}.tile:where(.astro-ymeduevc){gap:.45rem;margin:0;display:grid}.vig:where(.astro-ymeduevc){background:var(--tw-stage);border:1px solid var(--tw-outline);height:6.5rem;transition:translate .4s var(--ease-back-out);border-radius:.9rem;position:relative;overflow:hidden}.tile:where(.astro-ymeduevc):hover .vig:where(.astro-ymeduevc){translate:0 -4px}.caption:where(.astro-ymeduevc){font-size:var(--sl-text-sm);color:var(--sl-color-white);font-weight:650}.num:where(.astro-ymeduevc){background:var(--tw-raised);min-width:1.3rem;height:1.3rem;font:700 .68rem var(--sl-font-mono);color:var(--tw-muted);border-radius:.35rem;place-items:center;margin-right:.2rem;display:inline-grid}.squash:where(.astro-ymeduevc) .ball:where(.astro-ymeduevc){background:var(--tw-mint);transform-origin:50% 100%;border-radius:50%;width:28px;height:28px;animation:1.1s infinite bounce;position:absolute;bottom:14px;left:calc(50% - 14px)}.squash:where(.astro-ymeduevc) .shadow:where(.astro-ymeduevc){background:#00000059;border-radius:50%;width:36px;height:6px;animation:1.1s infinite shadow;position:absolute;bottom:10px;left:calc(50% - 18px)}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.2,.7,.4,1);translate:0;scale:1.35 .7}12%{scale:.8 1.25}50%{animation-timing-function:cubic-bezier(.6,0,.8,.4);translate:0 -58px;scale:1}88%{scale:.85 1.2}}@keyframes shadow{0%,to{opacity:1;animation-timing-function:cubic-bezier(.2,.7,.4,1);scale:1.1}50%{opacity:.4;animation-timing-function:cubic-bezier(.6,0,.8,.4);scale:.45}}.choreo:where(.astro-ymeduevc){perspective:400px}.card:where(.astro-ymeduevc){left:calc(22% + var(--n) * 22%);background:var(--tw-blue);width:26px;height:38px;animation:deal 2.8s var(--ease-back-out) infinite;animation-delay:calc(var(--n) * .14s);border-radius:5px;margin:-19px 0 0 -13px;position:absolute;top:50%}@keyframes deal{0%{background:var(--tw-raised-hover);translate:-120px 40px;rotate:y 180deg}30%,80%{background:var(--tw-blue);translate:0;rotate:y 0deg}to{opacity:0;translate:120px -40px;rotate:y 0deg}}.paths:where(.astro-ymeduevc) svg:where(.astro-ymeduevc){fill:none;width:100%;height:100%;stroke:var(--tw-track);stroke-width:2px;stroke-dasharray:2 5;position:absolute;inset:0}.paths:where(.astro-ymeduevc) .rider:where(.astro-ymeduevc){fill:var(--tw-mint);stroke:none}.ui:where(.astro-ymeduevc){align-content:center;gap:.6rem;padding-inline:1rem;display:grid}.typed:where(.astro-ymeduevc){font:700 .85rem var(--sl-font-mono);color:var(--sl-color-white);white-space:nowrap;width:0;animation:2.6s steps(8,end) infinite type;overflow:hidden}@keyframes type{0%{width:0;color:var(--tw-muted)}60%,to{width:8ch;color:var(--tw-amber)}}.ui:where(.astro-ymeduevc) .bar:where(.astro-ymeduevc){background:var(--tw-raised);border-radius:4px;height:8px;overflow:hidden}.ui:where(.astro-ymeduevc) .bar:where(.astro-ymeduevc) span:where(.astro-ymeduevc){background:var(--tw-amber);transform-origin:0;height:100%;animation:fillbar 2.6s var(--ease-expo-out) infinite;display:block}@keyframes fillbar{0%{background:var(--tw-blue);scale:0 1}70%,to{background:var(--tw-mint);scale:1}}.spark:where(.astro-ymeduevc){background:var(--tw-amber);width:7px;height:7px;animation:burst 1.6s var(--ease-expo-out) infinite;animation-delay:calc(var(--n) * 30ms);border-radius:50%;margin:-3.5px;position:absolute;top:55%;left:50%}.spark:where(.astro-ymeduevc):nth-child(odd){background:var(--tw-mint)}@keyframes burst{0%{transform:rotate(var(--a)) translateX(0) scale(1.4);opacity:1}80%,to{transform:rotate(var(--a)) translateX(42px) translateY(18px) scale(.3);opacity:0}}.stage3d:where(.astro-ymeduevc){perspective:300px;place-items:center;display:grid}.cube:where(.astro-ymeduevc){width:36px;height:36px;transform-style:preserve-3d;animation:spin 3.6s var(--ease-back-out) infinite;position:relative}.face:where(.astro-ymeduevc){background:color-mix(in oklab, var(--tw-blue) 75%, var(--tw-stage));border:2px solid var(--tw-blue);border-radius:5px;position:absolute;inset:0}.face:where(.astro-ymeduevc).f{transform:translateZ(18px)}.face:where(.astro-ymeduevc).b{transform:rotateY(180deg)translateZ(18px)}.face:where(.astro-ymeduevc).l{transform:rotateY(-90deg)translateZ(18px)}.face:where(.astro-ymeduevc).r{transform:rotateY(90deg)translateZ(18px)}.face:where(.astro-ymeduevc).t{background:color-mix(in oklab, var(--tw-mint) 70%, var(--tw-stage));border-color:var(--tw-mint);transform:rotateX(90deg)translateZ(18px)}.face:where(.astro-ymeduevc).d{transform:rotateX(-90deg)translateZ(18px)}@keyframes spin{0%{transform:rotateX(-24deg)rotateY(0)}50%,to{transform:rotateX(-24deg)rotateY(180deg)}}.materials:where(.astro-ymeduevc){justify-content:center;align-items:center;gap:1.4rem;display:flex}.orb:where(.astro-ymeduevc){background:radial-gradient(circle at 32% 30%, #fff9 0 10%, transparent 34%), var(--albedo);border-radius:50%;width:38px;height:38px;animation:2.4s ease-in-out infinite alternate gallery-albedo}.orb:where(.astro-ymeduevc)+.orb:where(.astro-ymeduevc){border-radius:8px}@property --albedo{syntax:"<color>";inherits:false;initial-value:#8caaff}@keyframes gallery-albedo{0%{--albedo:#8caaff}to{--albedo:#f2bc74}}.wave:where(.astro-ymeduevc){background:repeating-linear-gradient(115deg, var(--tw-mint) 0 10px, var(--tw-blue) 10px 20px, var(--tw-stage) 20px 34px);opacity:.8;animation:2.2s linear infinite wave;position:absolute;inset:-20%;mask:radial-gradient(closest-side,#000 50%,#0000)}@keyframes wave{to{background-position:37.5px 0}}