.examples-page-grid-cell.svelte-a68b0f{min-width:0}.examples-page-card.svelte-a68b0f{--focus-ring-offset: calc(-1 * var(--focus-ring-width));display:flex;flex-direction:column;height:100%;width:100%}.examples-page-preview.svelte-a68b0f{flex:none;position:relative;aspect-ratio:4/3;overflow:hidden;border-bottom:var(--border-width) solid var(--color-border-strong);background-color:var(--color-code-bg)}.examples-page-thumbnail{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;transition-property:transform,translate,scale,rotate;transition-timing-function:cubic-bezier(0,0,.2,1);transition-duration:.5s}@media(hover:hover){.examples-page-card:hover .examples-page-thumbnail{scale:1.02}}.examples-page-live-badge.svelte-a68b0f{position:absolute;bottom:.5rem;left:.5rem;display:inline-flex;align-items:center;gap:.25rem;border-radius:var(--button-radius);background-color:color-mix(in oklab,var(--color-black) 75%,transparent);padding-inline:.5rem;padding-block:.125rem;color:var(--color-white);text-transform:uppercase}.examples-page-card-copy.svelte-a68b0f{display:flex;flex:1;flex-direction:column;gap:var(--feature-icon-copy-gap);padding:var(--card-padding)}.examples-page-card-title.svelte-a68b0f,.examples-page-excerpt.svelte-a68b0f{margin:0}.examples-page-excerpt.svelte-a68b0f{color:var(--color-text-subdued)}.examples-page-tags.svelte-a68b0f{margin-top:auto;padding-top:var(--feature-icon-copy-gap);display:flex;flex-wrap:wrap;column-gap:.5rem;row-gap:0px}.examples-page-tag.svelte-a68b0f{display:inline-flex;align-items:center;gap:.25rem;color:var(--color-text-subdued)}.examples-page-intro.svelte-a68b0f{padding-top:var(--page-intro-padding-top);padding-bottom:var(--intro-content-gap)}.examples-page-filters.svelte-a68b0f{position:sticky;z-index:20;border-bottom-style:solid;border-bottom-width:var(--border-width);border-color:var(--color-border);background-color:var(--color-background)}.examples-page-with-top-border.svelte-a68b0f{border-top-style:solid;border-top-width:var(--border-width)}.examples-page-filter-rail.svelte-a68b0f{display:flex;align-items:center;gap:.75rem;padding-block:.5rem}.examples-page-query.svelte-a68b0f{flex-shrink:0;width:200px;max-width:100%}.examples-page-categories.svelte-a68b0f{display:flex;min-width:0px;flex:1;align-items:center;gap:.25rem}.examples-page-chip.svelte-a68b0f{display:inline-flex;flex-shrink:0;align-items:center;gap:.375rem;border-radius:var(--button-radius);border-style:solid;border-width:var(--border-width);padding-inline:.625rem;padding-block:.25rem;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.examples-page-selected.svelte-a68b0f{border-color:var(--color-text-headline);background-color:var(--color-text-headline);color:var(--color-background)}.examples-page-unselected.svelte-a68b0f{border-color:var(--color-border);color:var(--color-text-subdued)}@media(hover:hover){.examples-page-unselected.svelte-a68b0f:hover{border-color:var(--color-border-strong);color:var(--color-text-headline)}}.examples-page-live-dot.svelte-a68b0f{display:inline-block;width:.375rem;height:.375rem;border-radius:9999px;background-color:var(--color-token-string)}.examples-page-tag-rail.svelte-a68b0f{position:relative;height:2.25rem;min-width:0px;flex:1}.examples-page-measure.svelte-a68b0f{pointer-events:none;visibility:hidden;position:absolute;inset:0;display:flex;flex-wrap:wrap;gap:.25rem}.examples-page-measure-chip.svelte-a68b0f{display:inline-flex;align-items:center;gap:.25rem;border-radius:var(--button-radius);border-style:solid;border-width:var(--border-width);border-color:var(--color-border);padding-inline:.5rem;padding-block:.25rem}.examples-page-visible-tags.svelte-a68b0f{position:absolute;inset:0;display:flex;flex-wrap:nowrap;align-items:center;gap:.25rem}.examples-page-tag-chip.svelte-a68b0f{display:inline-flex;flex-shrink:0;align-items:center;gap:.25rem;border-radius:var(--button-radius);border-style:solid;border-width:var(--border-width);padding-inline:.5rem;padding-block:.25rem;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.examples-page-more{position:relative;display:inline-flex;flex-shrink:0;cursor:pointer;align-items:center;gap:.25rem;border-radius:var(--button-radius);border-style:solid;border-width:var(--border-width);border-color:var(--color-border);padding-inline:.5rem;padding-block:.25rem;color:var(--color-text-subdued)}@media(hover:hover){.examples-page-more:hover{border-color:var(--color-border-strong);color:var(--color-text-headline)}}.examples-page-selection-dot.svelte-a68b0f{position:absolute;top:-.125rem;right:-.125rem;height:.625rem;width:.625rem;border-radius:9999px;background-color:var(--color-text-headline)}.examples-page-popover{z-index:30;max-height:60vh;width:500px;max-width:calc(100vw - 2rem);overflow-y:auto;border-radius:var(--button-radius);border-style:solid;border-width:var(--border-width);border-color:var(--color-border);background-color:var(--color-background);padding:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.examples-page-tag-grid.svelte-a68b0f{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));justify-items:start;gap:.25rem}.examples-page-popover-chip.svelte-a68b0f{display:inline-flex;max-width:100%;min-width:0px;align-items:center;gap:.25rem;border-radius:var(--button-radius);border-style:solid;border-width:var(--border-width);padding-inline:.5rem;padding-block:.125rem;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.examples-page-tag-icon{flex-shrink:0}.examples-page-tag-label.svelte-a68b0f{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.examples-page-controls.svelte-a68b0f{display:flex;flex-shrink:0;align-items:center;gap:.75rem;padding-left:.5rem}.examples-page-count.svelte-a68b0f{display:inline-flex;align-items:center;gap:.25rem;color:var(--color-text-subdued)}.examples-page-reset.svelte-a68b0f{color:var(--color-text-subdued)}@media(hover:hover){.examples-page-reset.svelte-a68b0f:hover{color:var(--color-text-headline)}}.examples-page-section.svelte-a68b0f{border-bottom-style:solid;border-bottom-width:var(--border-width);border-color:var(--color-border)}.examples-page-section-intro.svelte-a68b0f{margin-bottom:var(--intro-content-gap)}.examples-page-section-lede.svelte-a68b0f{margin-top:1.5rem;max-width:42rem;color:var(--color-text-subdued)}.examples-page-empty.svelte-a68b0f{border-bottom-style:solid;border-bottom-width:var(--border-width);border-color:var(--color-border)}.examples-page-empty-content.svelte-a68b0f{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;color:var(--color-text-subdued)}.examples-page-empty-reset.svelte-a68b0f{color:var(--color-text-subdued);text-decoration-line:underline}@media(hover:hover){.examples-page-empty-reset.svelte-a68b0f:hover{color:var(--color-text-headline)}}.examples-page-section.svelte-a68b0f,.examples-page-empty.svelte-a68b0f,.examples-page-outro.svelte-a68b0f{padding-block:var(--block-padding);@media(width<760px){padding-block:var(--block-padding-mobile)}}.examples-page-actions.svelte-a68b0f{margin-top:1.75rem;display:flex;flex-wrap:wrap;gap:.5rem}@media(width<40rem){.examples-page-filter-rail.svelte-a68b0f{flex-wrap:wrap}.examples-page-query.svelte-a68b0f{flex:1 0 100%}.examples-page-categories.svelte-a68b0f{flex-basis:100%}.examples-page-controls.svelte-a68b0f{flex:1 0 100%;justify-content:space-between;padding-left:0}}.example-card.svelte-a68b0f{color:inherit;text-decoration:none}.example-card-excerpt.svelte-a68b0f{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.examples-page-tags-popover{transform-origin:var(--bits-popover-content-transform-origin);transition:opacity .18s cubic-bezier(.16,1,.3,1),transform .18s cubic-bezier(.16,1,.3,1)}.examples-page-tags-popover[data-state=open]{opacity:1;transform:scale(1)}@starting-style{.examples-page-tags-popover[data-state=open]{opacity:0;transform:scale(.95)}}.examples-page-tags-popover[data-state=closed]{opacity:0;transform:scale(.95);transition:opacity .12s cubic-bezier(.4,0,1,1),transform .12s cubic-bezier(.4,0,1,1)}