@layer components{.catalog-page{min-width:0;padding-block:16px 48px}.catalog-intro{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:40px;margin-block-end:36px;display:grid}.catalog-intro .pimolu-page-header{max-width:760px}.catalog-intro .pimolu-page-header__title{font-size:clamp(2rem,3vw,2.5rem)}.catalog-intro .pimolu-page-header__description{font-size:1rem;line-height:1.7}.catalog-browser{grid-template-columns:minmax(0,1fr) 140px;align-items:start;gap:40px;display:grid}.catalog-filters{grid-template-columns:minmax(0,1fr) 220px;align-items:end;gap:20px;display:grid}.catalog-results-heading{justify-content:space-between;align-items:center;gap:16px;margin-block:24px;display:flex}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:36px 24px;margin:0;padding:0;list-style:none;display:grid}.catalog-grid>li{min-width:0}.catalog-card.pimolu-link{width:100%;height:100%;color:var(--pimolu-foreground);border-radius:14px;flex-direction:column;align-items:stretch;text-decoration:none;display:flex}.catalog-card-caption{justify-content:space-between;align-items:center;gap:12px;padding-block-start:16px;display:flex}.catalog-card-caption h3{overflow-wrap:anywhere;font-size:1rem;font-weight:500;line-height:1.5}.catalog-card-caption>span{color:var(--pimolu-muted-foreground);transition:transform .16s,color .16s}.catalog-card-description{color:var(--pimolu-muted-foreground);max-width:38ch;margin-block-start:5px;font-size:.8125rem;line-height:1.6}.catalog-card:hover .catalog-illustration{border-color:var(--pimolu-primary)}.catalog-card:hover .catalog-card-caption>span{color:var(--pimolu-primary);transform:translate(2px,-2px)}.catalog-card:focus-visible{outline:2px solid var(--pimolu-focus-ring);outline-offset:6px}.catalog-count{color:var(--pimolu-muted-foreground);white-space:nowrap;padding-block-end:8px;font-size:.8125rem}.catalog-empty{border:1px dashed var(--pimolu-border);border-radius:var(--pimolu-radius-lg);padding:56px 32px}.catalog-reference{max-width:1040px;margin-inline:auto}.catalog-reference>section{margin-block-start:48px}.catalog-reference section>h2{margin-block-end:20px;font-size:1.5rem;font-weight:600}.catalog-reference .pimolu-codeblock__code{display:grid}.catalog-reference .docs-api-type{white-space:normal;overflow-wrap:anywhere}@media (max-width:1000px){.catalog-intro{grid-template-columns:1fr;gap:32px}}@media (max-width:860px){.catalog-page{width:100%;padding-block:16px 40px}.catalog-browser,.catalog-filters{grid-template-columns:minmax(0,1fr)}.catalog-intro{margin-block-end:40px}.catalog-reference .docs-api-desktop{display:none}.catalog-reference .docs-api-mobile{display:block}}.catalog-toc{position:sticky;top:104px}.catalog-toc .pimolu-table-of-contents{padding:0}.catalog-section+.catalog-section{margin-block-start:64px}.catalog-section{scroll-margin-block-start:104px}.catalog-section-heading{align-items:baseline;gap:16px;margin-block-end:24px;display:flex}.catalog-section-heading h2{letter-spacing:-.025em;font-size:1.5rem;font-weight:500}.catalog-section-heading span{color:var(--pimolu-muted-foreground);font-size:.75rem}.catalog-illustration{border:1px solid var(--pimolu-border);background:var(--pimolu-background);border-radius:14px;place-items:center;transition:border-color .16s;display:grid;overflow:hidden}.catalog-illustration img{aspect-ratio:8/5;object-fit:contain;width:100%;height:auto;display:block}.catalog-illustration .catalog-image-dark,.site-root[data-pimolu-theme=dark] .catalog-image-light{display:none}.site-root[data-pimolu-theme=dark] .catalog-image-dark{display:block}@media (prefers-color-scheme:dark){.site-root[data-pimolu-theme=system] .catalog-image-light{display:none}.site-root[data-pimolu-theme=system] .catalog-image-dark{display:block}}@media (max-width:1280px){.catalog-browser{grid-template-columns:minmax(0,1fr)}.catalog-toc{display:none}}@media (prefers-reduced-motion:reduce){.catalog-card-caption>span,.catalog-illustration{transition:none}}@media (forced-colors:active){.catalog-illustration{border-color:canvastext}.catalog-card:focus-visible{outline-color:highlight}}}