.example-gallery:where(.astro-k3pwduzk){margin-block:2rem 2.75rem;container:example-gallery/inline-size}.example-gallery-layout:where(.astro-k3pwduzk){flex-direction:column;gap:1rem;display:flex}.example-recipe:where(.astro-k3pwduzk){border:1px solid var(--sl-color-hairline-light);background:var(--sl-color-bg-nav);border-radius:1rem;min-width:0;overflow:hidden}.example-recipe:where(.astro-k3pwduzk) a:where(.astro-k3pwduzk){height:100%;color:inherit;text-decoration:none;display:grid}.example-recipe:where(.astro-k3pwduzk):focus-within{outline:3px solid var(--sl-color-accent);outline-offset:3px}.example-recipe:where(.astro-k3pwduzk) a:where(.astro-k3pwduzk):focus-visible{outline:none}.typed-recipe:where(.astro-k3pwduzk){grid-column:span 7}.audio-recipe:where(.astro-k3pwduzk){grid-column:span 5}.media-recipe:where(.astro-k3pwduzk){grid-column:3/span 8}.typed-recipe:where(.astro-k3pwduzk) a:where(.astro-k3pwduzk){grid-template-columns:minmax(12rem,1.05fr) minmax(12rem,.95fr)}.typed-preview:where(.astro-k3pwduzk),.audio-preview:where(.astro-k3pwduzk),.media-preview:where(.astro-k3pwduzk){position:relative;overflow:hidden}.typed-preview:where(.astro-k3pwduzk){color:#08111f;background:#60a5fa;align-content:center;min-height:18rem;padding:1.5rem;display:grid}.typed-preview:where(.astro-k3pwduzk):after{aspect-ratio:1;content:"";border:1px solid #08111f3d;border-radius:50%;width:13rem;position:absolute;bottom:-6rem;right:-5rem}.typed-title:where(.astro-k3pwduzk){letter-spacing:-.035em;opacity:.5;font-size:clamp(1.45rem,3vw,2.15rem);font-weight:800}.typed-control:where(.astro-k3pwduzk){background:#08111f2e;border-radius:1rem;width:min(13rem,78%);height:.4rem;margin-top:2.5rem;display:block;position:relative}.typed-control:where(.astro-k3pwduzk) i:where(.astro-k3pwduzk){border-radius:inherit;opacity:.72;background:#08111f;width:50%;height:100%;display:block}.typed-control:where(.astro-k3pwduzk) b:where(.astro-k3pwduzk){background:#60a5fa;border:2px solid #08111f;border-radius:1rem;width:.8rem;height:2.1rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.typed-value:where(.astro-k3pwduzk){font:700 .78rem/1 var(--__sl-font-mono);font-variant-numeric:tabular-nums;opacity:.72;margin-top:.7rem}.audio-preview:where(.astro-k3pwduzk){color:#dbeafe;text-align:center;background:#0a101a;place-content:center;min-height:18rem;padding:1.5rem;display:grid}.audio-orb:where(.astro-k3pwduzk){aspect-ratio:1;background:#60a5fa;border-radius:50%;width:6.5rem;margin:auto;box-shadow:0 1rem 3.5rem -1rem #60a5facc}.spectrum:where(.astro-k3pwduzk){justify-content:center;align-items:center;gap:.28rem;height:2rem;margin-top:1.5rem;display:flex}.spectrum:where(.astro-k3pwduzk) i:where(.astro-k3pwduzk){background:#93c5fd;border-radius:.2rem;width:.22rem;height:30%}.spectrum:where(.astro-k3pwduzk) i:where(.astro-k3pwduzk):nth-child(2),.spectrum:where(.astro-k3pwduzk) i:where(.astro-k3pwduzk):nth-child(6){height:60%}.spectrum:where(.astro-k3pwduzk) i:where(.astro-k3pwduzk):nth-child(3),.spectrum:where(.astro-k3pwduzk) i:where(.astro-k3pwduzk):nth-child(5){height:88%}.spectrum:where(.astro-k3pwduzk) i:where(.astro-k3pwduzk):nth-child(4){height:45%}.audio-preview:where(.astro-k3pwduzk)>span:where(.astro-k3pwduzk){color:#a8b9d0;font-size:.72rem}.media-recipe:where(.astro-k3pwduzk) a:where(.astro-k3pwduzk){grid-template-columns:minmax(17rem,1.25fr) minmax(14rem,.75fr)}.media-preview:where(.astro-k3pwduzk){background:#121a27;grid-template-columns:7rem 1fr;align-items:center;gap:1.25rem;min-height:14rem;padding:1.5rem;display:grid}.media-art:where(.astro-k3pwduzk){aspect-ratio:1;background:#60a5fa;border-radius:.75rem;position:relative;overflow:hidden}.media-art:where(.astro-k3pwduzk):before,.media-art:where(.astro-k3pwduzk):after,.media-art:where(.astro-k3pwduzk) i:where(.astro-k3pwduzk){content:"";border:1px solid #08111f57;border-radius:50%;position:absolute}.media-art:where(.astro-k3pwduzk):before{inset:18%}.media-art:where(.astro-k3pwduzk):after{inset:34%}.media-art:where(.astro-k3pwduzk) i:where(.astro-k3pwduzk){background:#08111f;inset:46%}.media-details:where(.astro-k3pwduzk){gap:.35rem;min-width:0;display:grid}.media-details:where(.astro-k3pwduzk) span:where(.astro-k3pwduzk){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.media-title:where(.astro-k3pwduzk){color:#f8fafc;font-size:1.15rem;font-weight:750}.media-artist:where(.astro-k3pwduzk){color:#a8b9d0;font-size:.85rem}.media-state:where(.astro-k3pwduzk){color:#bfdbfe;letter-spacing:.06em;text-transform:uppercase;background:#1f2c40;border-radius:999px;justify-self:start;margin-top:.65rem;padding:.28rem .55rem;font-size:.68rem;font-weight:700}.recipe-copy:where(.astro-k3pwduzk){flex-direction:column;justify-content:center;min-width:0;padding:clamp(1.25rem,3vw,1.8rem);display:flex}.recipe-copy:where(.astro-k3pwduzk) :where(.astro-k3pwduzk):is(h2,h3){color:var(--sl-color-white);letter-spacing:-.02em;margin:0;font-size:1.3rem;line-height:1.2}.recipe-copy:where(.astro-k3pwduzk) p:where(.astro-k3pwduzk){color:var(--sl-color-gray-2);margin:.65rem 0 0;font-size:.92rem;line-height:1.55}.recipe-link:where(.astro-k3pwduzk){color:var(--sl-color-text-accent);align-items:center;gap:.25rem;margin-top:1.1rem;font-size:.82rem;font-weight:700;display:inline-flex}.recipe-link:where(.astro-k3pwduzk) svg:where(.astro-k3pwduzk){fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px;width:1.05rem;height:1.05rem;transition:transform .16s ease-out}.example-recipe:where(.astro-k3pwduzk):hover{border-color:var(--sl-color-accent)}.example-recipe:where(.astro-k3pwduzk):hover .recipe-link:where(.astro-k3pwduzk) svg:where(.astro-k3pwduzk){transform:translate(.22rem)}@container example-gallery (width>=48rem){.example-gallery-layout:where(.astro-k3pwduzk){grid-template-columns:repeat(12,minmax(0,1fr));display:grid}}@container example-gallery (width<=47.99rem){.typed-recipe:where(.astro-k3pwduzk) a:where(.astro-k3pwduzk),.media-recipe:where(.astro-k3pwduzk) a:where(.astro-k3pwduzk){grid-template-columns:minmax(12rem,.9fr) minmax(14rem,1.1fr)}}@container example-gallery (width>=38rem) and (width<=47.99rem){.audio-recipe:where(.astro-k3pwduzk) a:where(.astro-k3pwduzk){grid-template-columns:minmax(12rem,.9fr) minmax(14rem,1.1fr)}}@container example-gallery (width<=38rem){.example-gallery-layout:where(.astro-k3pwduzk){flex-direction:column;display:flex}.typed-recipe:where(.astro-k3pwduzk) a:where(.astro-k3pwduzk),.media-recipe:where(.astro-k3pwduzk) a:where(.astro-k3pwduzk){grid-template-columns:1fr}.typed-preview:where(.astro-k3pwduzk),.audio-preview:where(.astro-k3pwduzk),.media-preview:where(.astro-k3pwduzk){min-height:13rem}.media-preview:where(.astro-k3pwduzk){grid-template-columns:5.5rem 1fr}}@media (prefers-reduced-motion:reduce){.recipe-link:where(.astro-k3pwduzk) svg:where(.astro-k3pwduzk){transition:none}}