.community-nodes:where(.astro-j3r4jhwc){--card-pad:1rem;flex-direction:column;gap:.75rem;margin-top:1.5rem;display:flex}.community-nodes:where(.astro-j3r4jhwc):not([data-js]){& .controls,& .count,& .copy,& .shot img[data-src]{display:none}}.controls:where(.astro-j3r4jhwc){flex-direction:column;gap:.625rem;display:flex}.field:where(.astro-j3r4jhwc){align-items:center;display:flex;position:relative;& input{width:100%;height:var(--docs-header-control-height);border:1px solid var(--docs-border);border-radius:var(--docs-header-control-radius);background-color:var(--docs-surface);color:var(--docs-text-strong);font:inherit;font-size:var(--sl-text-sm);transition:var(--docs-control-transition);padding:0 .75rem 0 2.25rem;&::placeholder{color:var(--docs-text-subtle)}&:hover{border-color:var(--docs-border-strong)}&:focus-visible{border-color:var(--docs-accent);box-shadow:0 0 0 1px var(--docs-accent);outline:none}}}.field__icon:where(.astro-j3r4jhwc){color:var(--docs-text-subtle);pointer-events:none;position:absolute;inset-inline-start:.75rem}.chips:where(.astro-j3r4jhwc){border:0;flex-wrap:wrap;gap:.375rem;min-inline-size:0;margin:0;padding:0;display:flex}@media (width<=49.99rem){.chips:where(.astro-j3r4jhwc){--fade-start:0px;--fade-end:0px;overscroll-behavior-x:contain;scrollbar-width:none;mask-image:linear-gradient(to right, transparent, #000 var(--fade-start), #000 calc(100% - var(--fade-end)), transparent);flex-wrap:nowrap;margin:-.25rem;padding:.25rem;overflow-x:auto;&::-webkit-scrollbar{display:none}&[data-more-start]{--fade-start:2.5rem}&[data-more-end]{--fade-end:2.5rem}}.chip:where(.astro-j3r4jhwc){flex:none}}.chip:where(.astro-j3r4jhwc){height:var(--docs-tab-height);padding:0 var(--docs-tab-pad-x);border:1px solid var(--docs-border);border-radius:var(--docs-radius);color:var(--docs-text-muted);font-size:var(--docs-control-font-size);white-space:nowrap;cursor:pointer;transition:var(--docs-control-transition);align-items:center;font-weight:500;line-height:1;display:inline-flex;position:relative;& input{opacity:0;cursor:inherit;margin:0;position:absolute;inset:0}&:hover{border-color:var(--docs-border-strong);background-color:var(--docs-control);color:var(--docs-text-strong)}&:has(input:checked){border-color:var(--docs-accent);background-color:var(--docs-accent);color:var(--docs-accent-contrast)}&:has(input:focus-visible){outline:2px solid var(--docs-accent);outline-offset:2px}}.count:where(.astro-j3r4jhwc){color:var(--docs-text-subtle);font-size:var(--sl-text-xs);font-variant-numeric:tabular-nums;margin:0}.grid:where(.astro-j3r4jhwc){grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.card:where(.astro-j3r4jhwc){grid-row:span 4;grid-template-rows:subgrid;border:1px solid var(--docs-border);border-radius:var(--docs-radius-container);background-color:var(--docs-surface);row-gap:0;min-width:0;display:grid;overflow:clip;&[hidden]{display:none}}.thumb:where(.astro-j3r4jhwc){aspect-ratio:16/10;border-bottom:1px solid var(--docs-border-subtle);background-color:var(--docs-bg);place-items:center;display:grid;position:relative;& img{object-fit:contain;background-color:var(--docs-bg);width:100%;height:100%;position:absolute;inset:0}}.thumb:where(.astro-j3r4jhwc){background-image:radial-gradient(circle, var(--docs-grid-dot) 1px, transparent 1px);background-size:16px 16px}.thumb__placeholder:where(.astro-j3r4jhwc){box-sizing:content-box;border:1px solid var(--docs-border);border-radius:var(--docs-radius-lg);background-color:var(--docs-surface);color:var(--docs-text-subtle);padding:.875rem}.main:where(.astro-j3r4jhwc){padding:.875rem var(--card-pad) 0;flex-direction:column;gap:.25rem;display:flex}.title:where(.astro-j3r4jhwc){color:var(--docs-text-strong);letter-spacing:-.01em;overflow-wrap:anywhere;scroll-margin-top:calc(var(--sl-nav-height) + 1rem);margin:0;font-size:1rem;font-weight:600;line-height:1.35}.author:where(.astro-j3r4jhwc){color:var(--docs-text-subtle);font-size:var(--sl-text-xs);margin:0}.summary:where(.astro-j3r4jhwc){color:var(--docs-text-muted);margin:.25rem 0 0;font-size:.8125rem;line-height:1.5}.tags:where(.astro-j3r4jhwc){flex-wrap:wrap;gap:.25rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.tag:where(.astro-j3r4jhwc){border-radius:var(--docs-radius);background-color:var(--docs-control);color:var(--docs-text-muted);letter-spacing:.02em;white-space:nowrap;padding:.125rem .375rem;font-size:.6875rem;font-weight:600;line-height:1.4}.tag--warning:where(.astro-j3r4jhwc){background-color:color-mix(in oklab, var(--invoke-warning) 14%, transparent);color:var(--invoke-warning)}.tag--outline:where(.astro-j3r4jhwc){box-shadow:inset 0 0 0 1px var(--docs-border-strong);background-color:#0000}.actions:where(.astro-j3r4jhwc){padding:.875rem var(--card-pad);flex-wrap:wrap;align-items:end;gap:.375rem;display:flex}.details:where(.astro-j3r4jhwc){border-top:1px solid var(--docs-border-subtle);& summary{padding:.5rem var(--card-pad);color:var(--docs-text-muted);font-size:var(--docs-control-font-size);cursor:pointer;transition:var(--docs-control-transition);align-items:center;gap:.375rem;font-weight:500;list-style:none;display:flex;&::-webkit-details-marker{display:none}&:hover{background-color:var(--docs-control);color:var(--docs-text-strong)}&:focus-visible{outline:2px solid var(--docs-accent);outline-offset:-2px}}&[open] .details__chevron:where(.astro-j3r4jhwc){rotate:180deg}}.details__chevron:where(.astro-j3r4jhwc){margin-inline-start:auto}@media (prefers-reduced-motion:no-preference){.details__chevron:where(.astro-j3r4jhwc){transition:rotate .15s ease-out}}@media (prefers-reduced-motion:reduce){.field:where(.astro-j3r4jhwc) input:where(.astro-j3r4jhwc),.chip:where(.astro-j3r4jhwc),.details:where(.astro-j3r4jhwc) summary:where(.astro-j3r4jhwc){transition:none}}.details__body:where(.astro-j3r4jhwc){padding:.25rem var(--card-pad) var(--card-pad);color:var(--docs-text-muted);flex-direction:column;gap:.75rem;font-size:.8125rem;line-height:1.5;display:flex;& p{margin:0}& h4{color:var(--docs-text-subtle);letter-spacing:.04em;text-transform:uppercase;margin:0 0 .375rem;font-size:.6875rem;font-weight:600}& a{color:var(--docs-accent);&:hover{color:var(--docs-accent-text)}}& code{overflow-wrap:anywhere}}.summary:where(.astro-j3r4jhwc) code:where(.astro-j3r4jhwc),.details__body:where(.astro-j3r4jhwc) code:where(.astro-j3r4jhwc){background-color:var(--docs-control);color:var(--docs-text);font-family:var(--__sl-font-mono);border-radius:3px;padding:.0625rem .25rem;font-size:.9em}.note:where(.astro-j3r4jhwc){border-inline-start:2px solid var(--docs-border-strong);padding-inline-start:.625rem}.note--warning:where(.astro-j3r4jhwc){border-inline-start-color:var(--invoke-warning)}.git-url:where(.astro-j3r4jhwc){flex-direction:column;gap:.25rem;display:flex;& .label{color:var(--docs-text-subtle);letter-spacing:.04em;text-transform:uppercase;font-size:.6875rem;font-weight:600}& code{user-select:all;align-self:start}}.nodes:where(.astro-j3r4jhwc),.links:where(.astro-j3r4jhwc){flex-direction:column;gap:.375rem;margin:0;padding:0;list-style:none;display:flex}.nodes:where(.astro-j3r4jhwc) li:where(.astro-j3r4jhwc){flex-direction:column;display:flex}.nodes__name:where(.astro-j3r4jhwc){color:var(--docs-text-strong);font-weight:500}.gallery:where(.astro-j3r4jhwc){grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));gap:.5rem;margin:0;padding:0;list-style:none;display:grid;& figure{flex-direction:column;gap:.25rem;margin:0;display:flex}& figcaption{color:var(--docs-text-subtle);font-size:.6875rem;line-height:1.35}& li[data-broken] .shot{display:none}}.shot:where(.astro-j3r4jhwc){aspect-ratio:1;border:1px solid var(--docs-border);border-radius:var(--docs-radius);background-color:var(--docs-bg);transition:var(--docs-control-transition);display:block;overflow:hidden;&:hover{border-color:var(--docs-border-strong)}&:focus-visible{outline:2px solid var(--docs-accent);outline-offset:2px}& img{object-fit:contain;width:100%;height:100%;color:var(--docs-text-subtle);font-size:.6875rem;display:block}}.empty:where(.astro-j3r4jhwc){border:1px dashed var(--docs-border);border-radius:var(--docs-radius-container);color:var(--docs-text-muted);font-size:var(--sl-text-sm);text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:2rem 1rem;display:flex;&[hidden]{display:none}& p{margin:0}}