@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-sdbmdzv6){max-width:90ch;margin-inline:auto;padding-inline:var(--space-5);padding-block:var(--space-6)}.intro:where(.astro-sdbmdzv6){display:flex;flex-direction:column;gap:var(--space-5)}.lead:where(.astro-sdbmdzv6){font-size:var(--text-lg);color:var(--color-text-muted);line-height:var(--leading-relaxed)}.usage-note:where(.astro-sdbmdzv6){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-sdbmdzv6) h2:where(.astro-sdbmdzv6){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-sdbmdzv6) pre:where(.astro-sdbmdzv6){margin:0}section:where(.astro-sdbmdzv6){padding-block:var(--space-5)}.btn:where(.astro-sdbmdzv6){display:inline-flex;justify-content:center;align-items:center;gap:var(--space-2);line-height:1;text-align:center;white-space:nowrap;text-decoration:none;user-select:none;padding-block:var(--space-3);padding-inline:var(--space-5);border-radius:6px;box-shadow:0 2.4px 1.2px -.6px #00000026,0 2px 1.5px #0000002b;transition:background-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.btn:where(.astro-sdbmdzv6):active:not(:disabled){transform:scale(.98)}.btn--button-primary:where(.astro-sdbmdzv6){display:inline-flex;justify-content:center;align-items:center;gap:var(--space-2);line-height:1;text-align:center;white-space:nowrap;text-decoration:none;user-select:none;padding-block:var(--space-3);padding-inline:var(--space-5);border-radius:6px;box-shadow:0 2.4px 1.2px -.6px #00000026,0 2px 1.5px #0000002b;transition:background-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.btn--button-primary:where(.astro-sdbmdzv6):active:not(:disabled){transform:scale(.98)}.btn--button-primary:where(.astro-sdbmdzv6){background-color:var(--color-interactive);color:var(--color-neutral-50);border:none}.btn--button-primary:where(.astro-sdbmdzv6):hover:not(:disabled){background-color:var(--color-interactive-hover);box-shadow:0 4px 2px -1px #00000028,0 3px 2.25px #0000002d}.btn--button-primary:where(.astro-sdbmdzv6):active:not(:disabled){background-color:var(--color-interactive-active)}.btn--button-primary:where(.astro-sdbmdzv6):visited{color:var(--color-neutral-50);background-color:var(--color-interactive)}.btn--button-secondary:where(.astro-sdbmdzv6){display:inline-flex;justify-content:center;align-items:center;gap:var(--space-2);line-height:1;text-align:center;white-space:nowrap;text-decoration:none;user-select:none;padding-block:var(--space-3);padding-inline:var(--space-5);border-radius:6px;box-shadow:0 2.4px 1.2px -.6px #00000026,0 2px 1.5px #0000002b;transition:background-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.btn--button-secondary:where(.astro-sdbmdzv6):active:not(:disabled){transform:scale(.98)}.btn--button-secondary:where(.astro-sdbmdzv6){background-color:var(--color-surface);color:var(--color-text);border-width:1px;border-color:var(--color-border);border-style:solid}.btn--button-secondary:where(.astro-sdbmdzv6):hover:not(:disabled){background-color:var(--color-surface-raised);box-shadow:0 4px 2px -1px #00000028,0 3px 2.25px #0000002d}.btn--button-secondary:where(.astro-sdbmdzv6):visited{color:var(--color-text);background-color:var(--color-surface)}.btn--button-ghost:where(.astro-sdbmdzv6){display:inline-flex;justify-content:center;align-items:center;gap:var(--space-2);line-height:1;text-align:center;white-space:nowrap;text-decoration:none;user-select:none;padding-block:var(--space-3);padding-inline:var(--space-5);border-radius:6px;box-shadow:0 2.4px 1.2px -.6px #00000026,0 2px 1.5px #0000002b;transition:background-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.btn--button-ghost:where(.astro-sdbmdzv6):active:not(:disabled){transform:scale(.98)}.btn--button-ghost:where(.astro-sdbmdzv6){background-color:transparent;color:var(--color-interactive);border-width:1px;border-color:var(--color-interactive);border-style:solid;box-shadow:none}.btn--button-ghost:where(.astro-sdbmdzv6):hover:not(:disabled){background-color:var(--color-interactive-muted)}.btn--button-ghost:where(.astro-sdbmdzv6):visited{color:var(--color-interactive);background-color:transparent}.btn--button-danger:where(.astro-sdbmdzv6){display:inline-flex;justify-content:center;align-items:center;gap:var(--space-2);line-height:1;text-align:center;white-space:nowrap;text-decoration:none;user-select:none;padding-block:var(--space-3);padding-inline:var(--space-5);border-radius:6px;box-shadow:0 2.4px 1.2px -.6px #00000026,0 2px 1.5px #0000002b;transition:background-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.btn--button-danger:where(.astro-sdbmdzv6):active:not(:disabled){transform:scale(.98)}.btn--button-danger:where(.astro-sdbmdzv6){background-color:var(--color-error);color:#fff;border:none}.btn--button-danger:where(.astro-sdbmdzv6):hover:not(:disabled){background-color:var(--color-error-text);box-shadow:0 4px 2px -1px #00000028,0 3px 2.25px #0000002d}.btn--button-danger:where(.astro-sdbmdzv6):visited{color:#fff;background-color:var(--color-error)}.btn--primary:where(.astro-sdbmdzv6){display:inline-flex;justify-content:center;align-items:center;gap:var(--space-2);line-height:1;text-align:center;white-space:nowrap;text-decoration:none;user-select:none;padding-block:var(--space-3);padding-inline:var(--space-5);border-radius:6px;box-shadow:0 2.4px 1.2px -.6px #00000026,0 2px 1.5px #0000002b;transition:background-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.btn--primary:where(.astro-sdbmdzv6):active:not(:disabled){transform:scale(.98)}.btn--primary:where(.astro-sdbmdzv6){background-color:var(--color-interactive);color:var(--color-neutral-50);border:none}.btn--primary:where(.astro-sdbmdzv6):hover:not(:disabled){background-color:var(--color-interactive-hover);box-shadow:0 4px 2px -1px #00000028,0 3px 2.25px #0000002d}.btn--primary:where(.astro-sdbmdzv6):active:not(:disabled){background-color:var(--color-interactive-active)}.btn--primary:where(.astro-sdbmdzv6):visited{color:var(--color-neutral-50);background-color:var(--color-interactive)}.btn--sm:where(.astro-sdbmdzv6){padding-block:var(--space-2);padding-inline:var(--space-3);border-radius:6px;font-size:var(--text-sm)}.btn--lg:where(.astro-sdbmdzv6){padding-block:var(--space-4);padding-inline:var(--space-6);border-radius:6px;font-size:var(--text-lg)}.btn-pill:where(.astro-sdbmdzv6){border-radius:100vw}.btn-icon:where(.astro-sdbmdzv6){aspect-ratio:1;padding:var(--space-2)}.btn--link:where(.astro-sdbmdzv6){display:inline-flex;justify-content:center;align-items:center;gap:var(--space-2);line-height:1;text-align:center;white-space:nowrap;text-decoration:none;user-select:none;padding-block:var(--space-3);padding-inline:var(--space-5);border-radius:6px;box-shadow:0 2.4px 1.2px -.6px #00000026,0 2px 1.5px #0000002b;transition:background-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.btn--link:where(.astro-sdbmdzv6):active:not(:disabled){transform:scale(.98)}.btn--link:where(.astro-sdbmdzv6){background-color:var(--color-interactive);color:var(--color-neutral-50);border:none}.btn--link:where(.astro-sdbmdzv6):hover:not(:disabled){background-color:var(--color-interactive-hover);box-shadow:0 4px 2px -1px #00000028,0 3px 2.25px #0000002d}.btn--link:where(.astro-sdbmdzv6):active:not(:disabled){background-color:var(--color-interactive-active)}.btn--link:where(.astro-sdbmdzv6):visited{color:var(--color-neutral-50);background-color:var(--color-interactive)}.btn--hover:where(.astro-sdbmdzv6){background-color:var(--color-interactive-hover)}.btn--active:where(.astro-sdbmdzv6){transform:scale(.98)}.btn--focus:where(.astro-sdbmdzv6){outline:2px solid var(--color-focus);outline-offset:3px}.variant-grid:where(.astro-sdbmdzv6){display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-4);margin-block-start:var(--space-4)}.variant-card:where(.astro-sdbmdzv6){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);overflow:hidden}.variant-stage:where(.astro-sdbmdzv6){padding:var(--space-6);background-color:var(--color-background);display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--color-border)}.variant-info:where(.astro-sdbmdzv6){padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-1)}.variant-label:where(.astro-sdbmdzv6){font-weight:var(--font-weight-bold);font-size:var(--text-sm);margin:0}.variant-description:where(.astro-sdbmdzv6){font-size:var(--text-sm);color:var(--color-text-muted);margin:0;line-height:var(--leading-relaxed)}.variant-mixin:where(.astro-sdbmdzv6){font-size:var(--text-xs);color:var(--color-interactive);display:block}.states-grid:where(.astro-sdbmdzv6){display:flex;flex-direction:column;gap:var(--space-4);margin-block-start:var(--space-4)}.states-row:where(.astro-sdbmdzv6){display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;padding-block:var(--space-3);border-bottom:1px solid var(--color-border)}.states-name:where(.astro-sdbmdzv6){font-size:var(--text-sm);font-weight:var(--font-weight-bold);color:var(--color-text-muted);min-width:80px}.state-cell:where(.astro-sdbmdzv6){display:flex;flex-direction:column;gap:var(--space-2);align-items:center}.state-label:where(.astro-sdbmdzv6){font-size:var(--text-xs);color:var(--color-text-muted);text-align:center}.sizes-row:where(.astro-sdbmdzv6){display:flex;align-items:center;gap:var(--space-6);flex-wrap:wrap;margin-block-start:var(--space-4);padding:var(--space-6);background-color:var(--color-surface);border-width:1px;border-color:var(--color-border);border-style:solid;border-radius:9px}.size-cell:where(.astro-sdbmdzv6){display:flex;flex-direction:column;gap:var(--space-2);align-items:center}.size-mixin:where(.astro-sdbmdzv6){font-size:var(--text-xs);color:var(--color-interactive)}.shapes-row:where(.astro-sdbmdzv6){display:flex;align-items:center;gap:var(--space-6);flex-wrap:wrap;margin-block-start:var(--space-4);padding:var(--space-6);background-color:var(--color-surface);border-width:1px;border-color:var(--color-border);border-style:solid;border-radius:9px}.shape-cell:where(.astro-sdbmdzv6){display:flex;flex-direction:column;gap:var(--space-2);align-items:center}.shape-mixin:where(.astro-sdbmdzv6){font-size:var(--text-xs);color:var(--color-interactive);text-align:center}.element-grid:where(.astro-sdbmdzv6){display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4);margin-block-start:var(--space-4)}.element-card:where(.astro-sdbmdzv6){border-width:1px;border-color:var(--color-border);border-style:solid;border-radius:9px;overflow:hidden;background-color:var(--color-surface)}.element-stage:where(.astro-sdbmdzv6){padding:var(--space-6);background-color:var(--color-background);display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--color-border)}.element-info:where(.astro-sdbmdzv6){padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-1)}.element-tag:where(.astro-sdbmdzv6){font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-weight-bold);color:var(--color-interactive);margin:0}.element-description:where(.astro-sdbmdzv6){font-size:var(--text-sm);color:var(--color-text-muted);margin:0;line-height:var(--leading-relaxed)}.element-mixin:where(.astro-sdbmdzv6){font-size:var(--text-xs);color:var(--color-text-muted);display:block}.guidance-grid:where(.astro-sdbmdzv6){display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-4);margin-block-start:var(--space-4)}.guidance-card:where(.astro-sdbmdzv6){border-radius:9px;padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.guidance-card:where(.astro-sdbmdzv6) h3:where(.astro-sdbmdzv6){font-size:var(--text-md);margin:0}.guidance-card:where(.astro-sdbmdzv6) ul:where(.astro-sdbmdzv6){display:flex;flex-direction:column;gap:var(--space-2);padding-inline-start:var(--space-4)}.guidance-card:where(.astro-sdbmdzv6) li:where(.astro-sdbmdzv6){font-size:var(--text-sm);line-height:var(--leading-relaxed)}.guidance-card:where(.astro-sdbmdzv6).guidance--do{background-color:var(--color-success-surface);border-inline-start:4px solid var(--color-success)}.guidance-card:where(.astro-sdbmdzv6).guidance--do h3:where(.astro-sdbmdzv6){color:var(--color-success-text)}.guidance-card:where(.astro-sdbmdzv6).guidance--dont{background-color:var(--color-error-surface);border-inline-start:4px solid var(--color-error)}.guidance-card:where(.astro-sdbmdzv6).guidance--dont h3:where(.astro-sdbmdzv6){color:var(--color-error-text)}