.web-example-gallery[data-astro-cid-fb5nuktq]{padding-block:clamp(2.5rem,6vw,6rem)}.web-example-gallery__header[data-astro-cid-fb5nuktq]{margin-block-start:0}.web-example-gallery__toolbar[data-astro-cid-fb5nuktq]{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.75rem 1.5rem;margin-block:clamp(2rem,4vw,3.5rem) 2.75rem;display:grid}.web-example-gallery__filters[data-astro-cid-fb5nuktq]{gap:.65rem;padding:.2rem;display:flex;overflow-x:auto}.web-example-gallery__filters[data-astro-cid-fb5nuktq] button[data-astro-cid-fb5nuktq]{border:1px solid var(--semantic-border-default);border-radius:var(--semantic-radius-pill);background:var(--semantic-surface-raised);min-block-size:2.75rem;color:var(--semantic-color-text-secondary);cursor:pointer;font-size:var(--component-control-font-size);font-weight:var(--component-control-font-weight);flex:none;padding-inline:1rem;transition-property:color,background-color,border-color,scale;transition-duration:.14s}.web-example-gallery__filters[data-astro-cid-fb5nuktq] button[data-astro-cid-fb5nuktq] span[data-astro-cid-fb5nuktq]{opacity:.65;margin-inline-start:.3rem}.web-example-gallery__filters[data-astro-cid-fb5nuktq] button[data-astro-cid-fb5nuktq][aria-pressed=true]{border-color:var(--action);background:var(--action);color:var(--action-foreground)}.web-example-gallery__filters[data-astro-cid-fb5nuktq] button[data-astro-cid-fb5nuktq]:focus-visible{outline:2px solid var(--semantic-color-focus);outline-offset:2px}.web-example-gallery__filters[data-astro-cid-fb5nuktq] button[data-astro-cid-fb5nuktq]:active{scale:.96}.web-example-gallery__variant-filters[data-astro-cid-fb5nuktq]{grid-column:1/-1;gap:.65rem;padding-block-start:.3rem;display:grid}.web-example-gallery__variant-label[data-astro-cid-fb5nuktq]{color:var(--semantic-color-text-tertiary);font-size:var(--component-metadata-font-size);font-weight:var(--type-weight-medium)}.web-example-gallery__variant-options[data-astro-cid-fb5nuktq]{flex-wrap:wrap;gap:.5rem;display:flex}.web-example-gallery__variant-options[data-astro-cid-fb5nuktq] button[data-astro-cid-fb5nuktq]{border-radius:var(--semantic-radius-pill);background:var(--semantic-surface-subtle);min-block-size:2.4rem;color:var(--semantic-color-text-secondary);cursor:pointer;font-size:var(--component-metadata-font-size);font-weight:var(--type-weight-medium);border:0;padding-inline:.8rem;transition-property:color,background-color,scale;transition-duration:.14s}.web-example-gallery__variant-options[data-astro-cid-fb5nuktq] button[data-astro-cid-fb5nuktq] span[data-astro-cid-fb5nuktq]{opacity:.65;margin-inline-start:.25rem}.web-example-gallery__variant-options[data-astro-cid-fb5nuktq] button[data-astro-cid-fb5nuktq][aria-pressed=true]{background:var(--semantic-surface-selected);color:var(--semantic-color-action)}.web-example-gallery__variant-options[data-astro-cid-fb5nuktq] button[data-astro-cid-fb5nuktq]:focus-visible{outline:2px solid var(--semantic-color-focus);outline-offset:2px}.web-example-gallery__variant-options[data-astro-cid-fb5nuktq] button[data-astro-cid-fb5nuktq]:active{scale:.96}.web-example-gallery__count[data-astro-cid-fb5nuktq]{color:var(--semantic-color-text-secondary);font-size:var(--component-metadata-font-size);white-space:nowrap;place-self:center end}.web-example-gallery__sections[data-astro-cid-fb5nuktq]{gap:clamp(3.5rem,7vw,7rem);display:grid}.web-example-category[data-astro-cid-fb5nuktq]{gap:1.5rem;display:grid}.web-example-category__header[data-astro-cid-fb5nuktq]{border-block-end:1px solid var(--semantic-border-default);justify-content:space-between;align-items:end;gap:1.5rem;padding-block-end:1rem;display:flex}.web-example-category__header[data-astro-cid-fb5nuktq] h2[data-astro-cid-fb5nuktq]{letter-spacing:-.03em;font-size:clamp(1.5rem,3vw,2.25rem)}.web-example-category__header[data-astro-cid-fb5nuktq]>p[data-astro-cid-fb5nuktq]{color:var(--semantic-color-text-secondary);font-size:var(--component-metadata-font-size)}.web-example-category__eyebrow[data-astro-cid-fb5nuktq],.web-example-group__eyebrow[data-astro-cid-fb5nuktq]{color:var(--semantic-color-text-tertiary);font-size:var(--component-metadata-font-size);letter-spacing:.07em;text-transform:uppercase;margin-block-end:.35rem}.web-example-category__groups[data-astro-cid-fb5nuktq]{gap:clamp(2.75rem,5vw,4.5rem);display:grid}.web-example-group[data-astro-cid-fb5nuktq]{gap:1.25rem;display:grid}.web-example-group__header[data-astro-cid-fb5nuktq]{border-radius:var(--semantic-radius-card);background:var(--semantic-surface-subtle);grid-template-columns:minmax(0,1.1fr) minmax(16rem,.9fr);gap:clamp(1.25rem,4vw,3.5rem);padding:clamp(1.1rem,3vw,1.75rem);display:grid}.web-example-group__intro[data-astro-cid-fb5nuktq]{min-inline-size:0}.web-example-group__header[data-astro-cid-fb5nuktq] h3[data-astro-cid-fb5nuktq]{letter-spacing:-.025em;font-size:clamp(1.25rem,2.2vw,1.7rem);line-height:1.15}.web-example-group__header[data-astro-cid-fb5nuktq] h3[data-astro-cid-fb5nuktq] a[data-astro-cid-fb5nuktq]{color:inherit;text-decoration:none}.web-example-group__header[data-astro-cid-fb5nuktq] h3[data-astro-cid-fb5nuktq] a[data-astro-cid-fb5nuktq]:hover{color:var(--semantic-color-action)}.web-example-group__header[data-astro-cid-fb5nuktq] h3[data-astro-cid-fb5nuktq] a[data-astro-cid-fb5nuktq]:focus-visible{outline:2px solid var(--semantic-color-focus);outline-offset:4px;border-radius:.2rem}.web-example-group__header[data-astro-cid-fb5nuktq] h3[data-astro-cid-fb5nuktq] span[data-astro-cid-fb5nuktq]{color:var(--semantic-color-text-tertiary);font-size:.7em;font-weight:var(--type-weight-regular);letter-spacing:0;margin-block-start:.3rem;display:block}.web-example-group__description[data-astro-cid-fb5nuktq]{max-inline-size:48rem;color:var(--semantic-color-text-secondary);margin-block-start:.65rem;line-height:1.6}.web-example-group__meta[data-astro-cid-fb5nuktq]{color:var(--semantic-color-text-secondary);font-size:var(--component-metadata-font-size);align-content:start;gap:.6rem;line-height:1.55;display:grid}.web-example-group__meta[data-astro-cid-fb5nuktq] strong[data-astro-cid-fb5nuktq]{color:var(--semantic-color-text-primary);font-weight:var(--type-weight-medium)}.web-example-gallery__grid[data-astro-cid-fb5nuktq]{grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr));gap:clamp(1rem,2vw,1.5rem);display:grid}.web-example-card[data-astro-cid-fb5nuktq]{min-inline-size:0;color:inherit;flex-direction:column;display:flex;position:relative}.web-example-card[data-astro-cid-fb5nuktq]:has(.web-example-card__primary-link:focus-visible){border-radius:var(--semantic-radius-card);outline:3px solid var(--semantic-color-focus);outline-offset:3px}.web-example-card__cover[data-astro-cid-fb5nuktq]{aspect-ratio:16/10;border-radius:var(--semantic-radius-card);background:var(--muted);outline-offset:-1px;outline:1px solid oklch(0% 0 0/.1);margin:0;position:relative;overflow:hidden}.dark .web-example-card__cover[data-astro-cid-fb5nuktq]{outline-color:oklch(100% 0 0/.1)}.web-example-card__cover[data-astro-cid-fb5nuktq] img[data-astro-cid-fb5nuktq]{object-fit:cover;object-position:top;block-size:100%;inline-size:100%;transition-property:scale;transition-duration:.26s}.web-example-card__content[data-astro-cid-fb5nuktq]{flex-direction:column;flex:1;gap:.9rem;padding-block:1.1rem .25rem;display:flex}.web-example-card__title[data-astro-cid-fb5nuktq]{gap:.2rem;display:grid}.web-example-card__title[data-astro-cid-fb5nuktq] p[data-astro-cid-fb5nuktq]{color:var(--semantic-color-text-tertiary);font-size:var(--component-metadata-font-size);letter-spacing:.06em;text-transform:uppercase}.web-example-card__title[data-astro-cid-fb5nuktq] h4[data-astro-cid-fb5nuktq]{font-size:var(--component-card-section-title-font-size);line-height:var(--component-card-section-title-line-height);letter-spacing:var(--component-card-section-title-letter-spacing)}.web-example-card__primary-link[data-astro-cid-fb5nuktq]{color:inherit;text-decoration:none}.web-example-card__primary-link[data-astro-cid-fb5nuktq]:after{content:"";position:absolute;inset:0}.web-example-card__primary-link[data-astro-cid-fb5nuktq]:focus-visible{outline:none}.web-example-card__description[data-astro-cid-fb5nuktq]{min-block-size:calc(var(--component-card-body-line-height) * 3em);color:var(--semantic-color-text-secondary);font-size:var(--component-card-body-font-size);line-height:var(--component-card-body-line-height);-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.web-example-card__tags[data-astro-cid-fb5nuktq]{text-align:end;flex-wrap:wrap;justify-content:flex-end;gap:.45rem;margin-block-start:auto;display:flex}.web-example-card__tags[data-astro-cid-fb5nuktq] span[data-astro-cid-fb5nuktq]{border-radius:var(--semantic-radius-pill);background:var(--semantic-surface-subtle);color:var(--semantic-color-text-secondary);font-size:var(--component-metadata-font-size);font-weight:var(--type-weight-medium);padding:.35rem .62rem}.web-example-card__actions[data-astro-cid-fb5nuktq]{z-index:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-block-start:.2rem;display:grid;position:relative}.web-example-card__action[data-astro-cid-fb5nuktq]{border-radius:var(--semantic-radius-control);background:var(--semantic-surface-subtle);min-block-size:2.75rem;color:var(--foreground);font-size:var(--component-control-font-size);font-weight:var(--component-control-font-weight);touch-action:manipulation;justify-content:space-between;align-items:center;gap:.5rem;padding-inline:.9rem .78rem;text-decoration:none;transition-property:color,background-color,scale;transition-duration:.14s;display:inline-flex}.web-example-card__action--primary[data-astro-cid-fb5nuktq]{background:var(--action);color:var(--action-foreground)}.web-example-card__action[data-astro-cid-fb5nuktq] i[data-astro-cid-fb5nuktq]{flex:none;font-size:1.05rem;font-style:normal}.web-example-card__action[data-astro-cid-fb5nuktq]:hover{background:color-mix(in oklch, var(--foreground) 9%, var(--background))}.web-example-card__action--primary[data-astro-cid-fb5nuktq]:hover{background:color-mix(in oklch, var(--action) 88%, var(--foreground))}.web-example-card__action[data-astro-cid-fb5nuktq]:focus-visible{outline:2px solid var(--semantic-color-focus);outline-offset:2px}.web-example-card__action[data-astro-cid-fb5nuktq]:active{scale:.96}.web-example-gallery__empty[data-astro-cid-fb5nuktq]{text-align:center;padding-block:5rem}.web-example-gallery__empty[data-astro-cid-fb5nuktq] p[data-astro-cid-fb5nuktq]{color:var(--semantic-color-text-secondary);margin-block-start:.5rem}.web-example-gallery[data-astro-cid-fb5nuktq] [data-astro-cid-fb5nuktq][hidden]{display:none!important}@media (prefers-reduced-motion:no-preference){.web-example-card[data-astro-cid-fb5nuktq]:hover .web-example-card__cover[data-astro-cid-fb5nuktq] img[data-astro-cid-fb5nuktq]{scale:1.025}}@media (width<=48rem){.web-example-gallery__toolbar[data-astro-cid-fb5nuktq]{grid-template-columns:minmax(0,1fr)}.web-example-gallery__count[data-astro-cid-fb5nuktq]{justify-self:start}.web-example-group__header[data-astro-cid-fb5nuktq]{grid-template-columns:minmax(0,1fr)}}@media (width<=36rem){.web-example-gallery__filters[data-astro-cid-fb5nuktq]{inline-size:100%;margin-inline:-.2rem}.web-example-category__header[data-astro-cid-fb5nuktq]{flex-direction:column;align-items:start;gap:.5rem}.web-example-card__actions[data-astro-cid-fb5nuktq]{grid-template-columns:minmax(0,1fr)}}