:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--sf-colour-background);color:var(--sf-colour-foreground);margin:0}.motion-gallery-shell{min-block-size:100vb}.motion-gallery-header{border-block-end:1px solid var(--sf-colour-border-subtle);min-block-size:4.5rem;padding-inline:var(--sf-space-s-l);justify-content:space-between;align-items:center;display:flex}.motion-gallery-header__nav{align-items:center;gap:var(--sf-space-s);display:flex}.motion-gallery-main{padding:var(--sf-space-l-2xl) var(--sf-space-s-l)}.motion-gallery-intro{max-inline-size:62rem}.motion-gallery-featured{background:linear-gradient(120deg, var(--sf-colour-primary-soft), var(--sf-colour-surface));border:1px solid var(--sf-colour-primary-soft-border);border-radius:var(--sf-radius-xl);align-items:center;gap:var(--sf-space-xs);padding:var(--sf-space-m);transition:border-color var(--motion-duration-fast), translate var(--motion-duration-fast);grid-template-columns:.55fr 1fr auto;text-decoration:none;display:grid}.motion-gallery-featured:is(:hover,:focus-visible){border-color:var(--sf-colour-primary);translate:0 -.2rem}.motion-gallery-featured strong{font-size:var(--sf-step-1)}.motion-gallery-workspace{align-items:start;gap:var(--sf-space-l);grid-template-columns:minmax(0,1fr) minmax(20rem,28rem);display:grid}.motion-recipe-card{border:1px solid var(--sf-colour-border-subtle);min-block-size:18rem}.motion-recipe-card[aria-current=true]{border-color:var(--sf-colour-primary);box-shadow:var(--sf-shadow-glow)}.motion-recipe-card__meta{align-items:center;gap:var(--sf-space-2xs);flex-wrap:wrap;display:flex}.motion-recipe-card__action{margin-block-start:auto}.motion-inspector{background:var(--sf-colour-surface);color:var(--sf-colour-foreground);max-block-size:calc(100vb - 2 * var(--sf-space-m));scroll-margin-block-start:var(--sf-space-m);position:sticky;inset-block-start:var(--sf-space-m);overflow:auto}.motion-inspector__preview{background:var(--sf-colour-surface-inset);border:1px solid var(--sf-colour-border);border-radius:var(--sf-radius-lg);min-block-size:24rem;inline-size:100%}.motion-inspector__definition{gap:var(--sf-space-xs);grid-template-columns:minmax(7rem,auto) 1fr;margin:0;display:grid}.motion-inspector__definition dt{color:var(--sf-colour-muted)}.motion-inspector__definition dd{overflow-wrap:anywhere;margin:0}.motion-inspector__actions{gap:var(--sf-space-xs);flex-wrap:wrap;display:flex}.motion-inspector .sf-check{align-items:center;gap:var(--sf-space-xs);display:flex}.motion-inspector .sf-check input{flex:none;block-size:1.25rem;inline-size:1.25rem}.motion-inspector .sf-status{background:var(--sf-colour-primary-soft);border:1px solid var(--sf-colour-primary-soft-border);border-radius:var(--sf-radius-md);color:var(--sf-colour-foreground);padding:var(--sf-space-xs) var(--sf-space-s);display:block}.motion-parameter-list{gap:var(--sf-space-s);border:0;margin:0;padding:0;display:grid}.motion-parameter-list legend{margin-block-end:var(--sf-space-xs)}code{color:inherit;font-family:var(--sf-font-mono);background:0 0;padding:0}@media (width<=64rem){.motion-gallery-workspace{grid-template-columns:1fr}.motion-inspector{max-block-size:none;position:static}body[data-recipe-selected=true] .motion-recipe-grid,body[data-recipe-selected=true] #recipe-count,body[data-recipe-selected=true] .motion-gallery-intro,body[data-recipe-selected=true] #gallery-filters{display:none}}@media (width<=48rem){.motion-gallery-header__nav .sf-link-plain,.motion-gallery-header__nav .sf-badge{display:none}.motion-gallery-featured{grid-template-columns:1fr;align-items:start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}