#demo[data-astro-cid-56m6x23y] .masonry[data-astro-cid-56m6x23y]{column-count:2;column-gap:var(--spacing-md);margin-top:var(--spacing-sm);list-style:none}@media (width>=48rem){#demo[data-astro-cid-56m6x23y] .masonry[data-astro-cid-56m6x23y]{column-count:3}}@media (width>=64rem){#demo[data-astro-cid-56m6x23y] .masonry[data-astro-cid-56m6x23y]{column-count:4}}#demo[data-astro-cid-56m6x23y] .tile[data-astro-cid-56m6x23y]{break-inside:avoid;margin-bottom:var(--spacing-md)}#demo[data-astro-cid-56m6x23y] .masonry[data-astro-cid-56m6x23y].list{column-count:1}#demo[data-astro-cid-56m6x23y] .masonry[data-astro-cid-56m6x23y].list .tile[data-astro-cid-56m6x23y]{aspect-ratio:auto!important}#demo[data-astro-cid-56m6x23y] .masonry[data-astro-cid-56m6x23y].list .tilebtn[data-astro-cid-56m6x23y]{aspect-ratio:5/2}#demo[data-astro-cid-56m6x23y] .tilebtn[data-astro-cid-56m6x23y]{width:100%;aspect-ratio:inherit;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;padding:0;display:block;position:relative;overflow:hidden}#demo[data-astro-cid-56m6x23y] .tilebtn[data-astro-cid-56m6x23y] img[data-astro-cid-56m6x23y]{object-fit:cover;width:100%;height:100%;display:block}#demo[data-astro-cid-56m6x23y] .tilebtn[data-astro-cid-56m6x23y]:hover{border-color:var(--color-text)}#demo[data-astro-cid-56m6x23y] .tilebtn[data-astro-cid-56m6x23y]:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}#demo[data-astro-cid-56m6x23y] .check[data-astro-cid-56m6x23y]{top:var(--spacing-xs);right:var(--spacing-xs);width:var(--spacing-sm);height:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);position:absolute}#demo[data-astro-cid-56m6x23y] [data-astro-cid-56m6x23y][data-select][aria-pressed=true] .check[data-astro-cid-56m6x23y]{background:var(--color-accent);border-color:var(--color-accent)}#demo[data-astro-cid-56m6x23y] [data-astro-cid-56m6x23y][data-select][aria-pressed=true]{border-color:var(--color-accent);outline:2px solid var(--color-accent);outline-offset:-2px}#demo[data-astro-cid-56m6x23y] .cap[data-astro-cid-56m6x23y]{margin-top:var(--spacing-xs)}#demo[data-astro-cid-56m6x23y] .name[data-astro-cid-56m6x23y]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#demo[data-astro-cid-56m6x23y] .badge[data-astro-cid-56m6x23y]{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:0 var(--spacing-xs);color:var(--color-muted);background:var(--color-surface)}#demo[data-astro-cid-56m6x23y] .masonry[data-astro-cid-56m6x23y].inverted .tilebtn[data-astro-cid-56m6x23y]{background:var(--color-text)}#demo[data-astro-cid-56m6x23y] .masonry[data-astro-cid-56m6x23y].inverted .name[data-astro-cid-56m6x23y]{color:var(--color-surface)}#demo[data-astro-cid-56m6x23y] .chip[data-astro-cid-56m6x23y],#demo[data-astro-cid-56m6x23y] .ctrl[data-astro-cid-56m6x23y],#demo[data-astro-cid-56m6x23y] .barbtn[data-astro-cid-56m6x23y]{font-family:var(--font-mono);font-size:var(--text-caption);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-surface);color:var(--color-text);cursor:pointer}#demo[data-astro-cid-56m6x23y] .chip[data-astro-cid-56m6x23y]:hover,#demo[data-astro-cid-56m6x23y] .ctrl[data-astro-cid-56m6x23y]:hover{border-color:var(--color-text)}#demo[data-astro-cid-56m6x23y] .chip[data-astro-cid-56m6x23y]:focus-visible,#demo[data-astro-cid-56m6x23y] .ctrl[data-astro-cid-56m6x23y]:focus-visible,#demo[data-astro-cid-56m6x23y] .barbtn[data-astro-cid-56m6x23y]:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}#demo[data-astro-cid-56m6x23y] .chip[data-astro-cid-56m6x23y][aria-pressed=true],#demo[data-astro-cid-56m6x23y] [data-astro-cid-56m6x23y][data-invert][aria-pressed=true]{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-surface)}#demo[data-astro-cid-56m6x23y] [data-astro-cid-56m6x23y][data-replay]{color:var(--color-accent);border-color:var(--color-accent)}#demo[data-astro-cid-56m6x23y] .bar[data-astro-cid-56m6x23y]{bottom:var(--spacing-sm);justify-content:space-between;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);background:var(--color-text);color:var(--color-surface);display:flex;position:sticky}#demo[data-astro-cid-56m6x23y] .barbtn[data-astro-cid-56m6x23y]{color:var(--color-surface);border-color:var(--color-surface);background:0 0}#demo[data-astro-cid-56m6x23y] .barbtn-accent[data-astro-cid-56m6x23y]{background:var(--color-accent);border-color:var(--color-accent)}#demo[data-astro-cid-56m6x23y]{min-height:var(--layout-demo);position:relative}#demo[data-astro-cid-56m6x23y] .cursor[data-astro-cid-56m6x23y]{color:var(--color-text);pointer-events:none;opacity:0;z-index:2;transition:transform .5s,opacity .3s;position:absolute;top:0;left:0;transform:translate(0)}#demo[data-astro-cid-56m6x23y] .toast[data-astro-cid-56m6x23y]{bottom:var(--spacing-sm);margin:var(--spacing-sm) auto 0;width:fit-content;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md);background:var(--color-text);color:var(--color-surface);z-index:3;position:sticky}#demo[data-astro-cid-56m6x23y] .masonry[data-astro-cid-56m6x23y].armed .tile[data-astro-cid-56m6x23y]{opacity:0;transform:translateY(var(--spacing-sm))}#demo[data-astro-cid-56m6x23y] .masonry[data-astro-cid-56m6x23y].armed .tile[data-astro-cid-56m6x23y].in{opacity:1;transition:opacity .4s,transform .4s;transform:none}#demo[data-astro-cid-56m6x23y] .tile[data-astro-cid-56m6x23y]{transition:transform .35s}@media (prefers-reduced-motion:reduce){#demo[data-astro-cid-56m6x23y] .cursor[data-astro-cid-56m6x23y]{display:none}#demo[data-astro-cid-56m6x23y] .masonry[data-astro-cid-56m6x23y].armed .tile[data-astro-cid-56m6x23y],#demo[data-astro-cid-56m6x23y] .tile[data-astro-cid-56m6x23y]{transition:none}}.dot-grid[data-astro-cid-lcdefpme]{background-image:radial-gradient(var(--color-light-muted) 1px, transparent 1px);background-size:var(--spacing-md) var(--spacing-md);-webkit-mask-image:linear-gradient(#000,#0000 75%);mask-image:linear-gradient(#000,#0000 75%)}.hero-h1[data-astro-cid-lcdefpme]{text-wrap:balance}.hero-form[data-astro-cid-lcdefpme]{max-width:calc(var(--container-content) / 2)}