svg[data-astro-cid-7b4ahqkt]{block-size:100%;inline-size:100%;display:block}.baseline-badge[data-astro-cid-wcpxu2q6]{border:1px solid color-mix(in oklch, currentColor 22%, transparent);border-radius:calc(var(--radius) - .35rem);background:color-mix(in oklch, currentColor 8%, var(--surface-strong));min-block-size:1.75rem;box-shadow:var(--shadow);color:var(--text-muted);font-size:.8rem;font-weight:var(--fw-semibold);white-space:nowrap;justify-content:center;align-items:center;gap:.35rem;padding-inline:.5rem;line-height:1;display:inline-flex;&.widely{color:light-dark(oklch(34% .12 145),oklch(82% .12 145))}&.newly{color:light-dark(oklch(36% .14 255),oklch(82% .1 255))}&.limited{color:light-dark(oklch(43% .12 70),oklch(84% .12 80))}& svg{flex:none;block-size:.8rem;inline-size:1.35rem}&.unknown svg[data-astro-cid-wcpxu2q6]{block-size:.9rem;inline-size:.9rem}}.lab-card[data-astro-cid-4ufyozbo]{gap:var(--gap);padding:var(--padding);border:var(--border);border-radius:var(--radius);corner-shape:var(--corner-shape);background-color:var(--surface);background-image:linear-gradient(145deg, color-mix(in oklch, var(--halo-primary) 28%, transparent), transparent 46%);box-shadow:var(--shadow-full);transition:background-color .18s;display:grid;position:relative;@supports (grid-template-rows:subgrid){grid-row:span 2;grid-template-rows:subgrid;row-gap:var(--gap)}&[data-favorite-motion]{z-index:1;will-change:filter, opacity, rotate, scale, translate}&[data-favorite-motion=exit]{pointer-events:none}&[hidden]{display:none}&:focus-within{outline:2px solid var(--link);outline-offset:3px}@media (any-hover:hover){&:hover{background-color:var(--lab-interactive-hover-surface)}}}.card-top[data-astro-cid-4ufyozbo]{align-items:center;gap:var(--gap);grid-template-columns:auto minmax(0,1fr) auto;min-inline-size:0;display:grid}.card-baseline[data-astro-cid-4ufyozbo]{z-index:2;pointer-events:none;position:absolute;inset-block-start:0;inset-inline-end:var(--padding);translate:0 -50%}.card-icon[data-astro-cid-4ufyozbo]{block-size:3rem;inline-size:3rem;padding:var(--padding-sm);border:var(--border);border-radius:var(--radius);corner-shape:var(--corner-shape);background:color-mix(in oklch, var(--surface-strong) 88%, transparent);place-items:center;display:inline-grid;& svg{block-size:100%;inline-size:100%}}.card-content[data-astro-cid-4ufyozbo]{align-content:center;gap:var(--gap-sm);min-inline-size:0;display:grid}.card-meta[data-astro-cid-4ufyozbo]{align-items:center;gap:var(--gap-sm);color:var(--text-muted);font-size:.8rem;display:flex;& .technology{padding:var(--padding-sm);border-radius:var(--radius);corner-shape:var(--corner-shape);box-shadow:inset 0 0 0 1px color-mix(in oklch, currentColor 14%, transparent);font-weight:var(--fw-bold);align-items:center;gap:.3rem;line-height:1;display:inline-flex;&.css{color:light-dark(oklch(34% .13 302),oklch(93% .035 302));background:light-dark(oklch(93% .035 302),oklch(26% .04 302))}&.html{color:light-dark(oklch(38% .12 48),oklch(94% .04 55));background:light-dark(oklch(94% .04 55),oklch(27% .04 55))}& svg{flex:none;block-size:.9rem;inline-size:.9rem}}}h2[data-astro-cid-4ufyozbo],h3[data-astro-cid-4ufyozbo]{font-size:1.2rem;& a{outline:none;&:after{content:"";z-index:0;border-radius:inherit;position:absolute;inset:0}}}.description[data-astro-cid-4ufyozbo]{border-block-start:1px solid color-mix(in oklch, var(--border-color) 72%, transparent);color:var(--text-muted);padding-block-start:var(--gap);font-size:.925rem}.card-favorite-toggle{z-index:1;block-size:1.5rem;inline-size:1.5rem;position:relative}@media (any-hover:hover){.card-favorite-toggle[aria-pressed=true]:hover{color:var(--danger-hover)}}.lab-index-page{padding-block:var(--padding-xl);@media (width<=62.5rem){padding-block:var(--padding-lg)}& .page-content{gap:var(--index-page-gap,var(--gap-xl));inline-size:100%;min-inline-size:0;max-inline-size:var(--content-inner-max-inline-size);margin-inline:auto;display:grid}& .page-heading{grid-template-columns:var(--index-heading-columns,minmax(0, 1fr) max-content);align-items:end;gap:var(--gap-lg);display:grid;@media (width<=62.5rem){grid-template-columns:1fr;align-items:start}}& .heading-copy{gap:var(--gap-sm);display:grid;&>:last-child{max-inline-size:var(--index-intro-inline-size,76ch);color:var(--text-muted);font-size:1.0625rem}}& .eyebrow{align-items:center;gap:var(--gap-sm);inline-size:fit-content;color:var(--brand-orange);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.08em;display:inline-flex;& svg{block-size:1.25rem;inline-size:1.25rem}}& h1{max-inline-size:24ch;font-size:clamp(2.25rem,1.25rem + 2.667vw,3.75rem)}& .search-field{inline-size:min(100%,28rem);color:var(--text-muted);font-size:1rem;font-weight:var(--fw-semibold);gap:.35rem;display:grid;@media (width<=48rem){inline-size:100%}}& .search-control{align-items:center;gap:var(--gap-sm);border:var(--border);border-radius:calc(var(--radius) - .2rem);corner-shape:var(--corner-shape);background:var(--surface);min-block-size:2.75rem;box-shadow:var(--shadow);grid-template-columns:auto minmax(0,1fr);padding-inline:.8rem;display:grid;&:focus-within{outline:2px solid var(--link);outline-offset:2px}& svg{block-size:1.25rem;inline-size:1.25rem;color:var(--text-muted)}& input{min-inline-size:0;color:var(--text);background:0 0;border:0;outline:0;font-family:inherit;font-size:1rem;&::placeholder{color:var(--text-muted)}}}& .filters{border:0;min-inline-size:0;padding:0;& legend{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}& label{min-block-size:var(--index-filter-block-size,2.5rem);padding-inline:var(--index-filter-padding-inline,.75rem);border:var(--border);border-radius:calc(var(--radius) - .2rem);corner-shape:var(--corner-shape);background:var(--surface);box-shadow:var(--shadow);color:var(--index-filter-color,var(--text-muted));cursor:pointer;font-size:var(--index-filter-font-size,.825rem);font-weight:var(--fw-semibold);align-items:center;gap:.4rem;transition:background-color .16s,color .16s;display:inline-flex;position:relative;&:has(input:checked){background:var(--brand-orange);color:var(--on-brand-orange)}&:has(input:focus-visible){outline:2px solid var(--link);outline-offset:2px}@media (any-hover:hover){&:hover:not(:has(input:checked)){background:var(--lab-interactive-hover-surface);color:var(--text)}}}}& .filter-count{background:color-mix(in oklch, currentColor 14%, transparent);block-size:1.35rem;min-inline-size:1.35rem;font-size:var(--index-filter-count-font-size,.72rem);border-radius:999px;place-items:center;padding-inline:.2rem;display:inline-grid}& .results{min-block-size:1.5rem;color:var(--text-muted);font-size:.875rem}& .lab-cards-grid{column-gap:var(--gap);row-gap:calc(var(--gap) + .875rem);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;@media (width<=80rem){grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=48rem){grid-template-columns:1fr}}}