.component-index{background:var(--color__background);color:var(--color__text-900);scroll-behavior:smooth;flex:1;min-inline-size:0;overflow-y:auto;container-type:inline-size}.component-index [hidden]{display:none}.component-index .docs-title{--docs-title__size:clamp(2.25rem, 4cqw, 2.75rem);max-inline-size:32ch;margin:0}.component-index .docs-section-title{--docs-section-title__size:clamp(1.5rem, 3cqw, 2.2rem);margin:0}.component-index p:not(.docs-eyebrow){color:var(--color__text-700)}.component-index__container{--container__max-width:76rem;--container__padding:0 clamp(var(--spacing__md), 4cqw, 3rem);inline-size:100%}.component-index__hero{background:var(--color__surface);border-block-end:var(--thickness) solid var(--color__border-subtle);padding-block:2.5rem}.component-index__hero-content{--stack__gap:var(--spacing__lg);align-items:start}.component-index__hero-content>*{margin:0}.component-index__lede{--docs-lede__size:clamp(1.0625rem, 2cqw, 1.25rem);max-inline-size:59ch}.component-index__browse-note{color:var(--color__text-600);font-size:var(--font-size__sm);align-items:center;gap:var(--spacing__sm);display:inline-flex}.component-index__browse-note:before{background:var(--color__accent);content:"";block-size:.625rem;inline-size:.625rem}.component-index__body{--stack__gap:var(--spacing__2xl);padding-block:var(--spacing__2xl) clamp(2.5rem, 6cqw, 4rem)}.component-index__tools{--card__radius:var(--roundness__none);--card__shadow:var(--shadow__none);background:var(--color__surface)}.component-index__tools .content{--stack__gap:var(--spacing__md);align-items:stretch}.component-index__filter-tools{--stack__gap:var(--spacing__xs);align-items:stretch}.component-index__filter-tools[hidden]{display:none}.component-index__search-row{align-items:end;gap:var(--spacing__md);grid-template-columns:minmax(0,1fr) auto;display:grid}.component-index__search-field{min-inline-size:0;max-inline-size:none}.component-index__clear{align-self:end;min-block-size:2.75rem}.component-index__clear[hidden]{display:none}.component-index__results{--inline__gap:var(--spacing__sm)}.component-index__count{color:var(--color__text-700)}.component-index__category-navigation{--stack__gap:var(--spacing__2xs);align-items:start}.component-index__category-links{--inline__gap:var(--spacing__md);flex-wrap:wrap;align-items:center;margin:0;padding:0;list-style:none}.component-index__category-link{--link__color:var(--color__text-700);--link__decoration-color:var(--color__border);font-size:var(--font-size__sm);text-underline-offset:.3em}.component-index__category-link:hover{--link__decoration-color:currentcolor}.component-index__sections{--stack__gap:var(--spacing__2xl)}.component-index__section{--stack__gap:var(--spacing__xl);scroll-margin-block-start:var(--spacing__2xl)}.component-index__section-heading{border-block-end:var(--thickness) solid var(--color__border);align-items:end;gap:var(--spacing__md);grid-template-columns:minmax(0,1fr) minmax(14rem,24rem);padding-block-end:var(--spacing__md);display:grid}.component-index__section-heading>div{--stack__gap:var(--spacing__2xs)}.component-index__section-description{margin:0;font-size:.9375rem}.component-index__grid{--grid__gap:var(--spacing__md);--grid__min-width:16rem}.component-index__card{--card__radius:var(--roundness__none);--card__shadow:var(--shadow__none);min-block-size:10rem}.component-index__card:has(>.card-link:hover){--card__border-color:var(--color__accent);--card__shadow:var(--shadow__level-2)}.component-index__card:has(>.card-link:focus-visible){--card__border-color:var(--color__accent-focus)}.component-index__card .content{--stack__gap:var(--spacing__sm);align-items:start}.component-index__card .header{align-items:baseline;gap:var(--spacing__sm);justify-content:space-between;display:flex}.component-index__card .header:after{color:var(--color__accent);content:"↗";font-size:var(--font-size__lg);transition:transform var(--transition__duration) var(--easing__out-expo);flex:none;line-height:1}.component-index__card .card-link:hover .header:after,.component-index__card .card-link:focus-visible .header:after{transform:translate(.15rem,-.15rem)}.component-index__card .description{color:var(--color__text-700);margin:0;font-size:.9375rem;line-height:1.55}.component-index__card .header h3{margin:0}.component-index__card .extra{justify-content:space-between;align-items:center;display:flex}.component-index__card .extra span:last-child{color:var(--color__accent)}.component-index__empty{--card__radius:var(--roundness__none);--card__shadow:var(--shadow__none);background:var(--color__surface);border-color:var(--color__border);display:none}.component-index__empty[data-visible=true]{display:flex}.component-index__empty .content{--stack__gap:var(--spacing__sm)}.component-index__empty .content>*{margin:0}@media (width<=40rem){.component-index__search-row,.component-index__section-heading{grid-template-columns:minmax(0,1fr)}.component-index__clear{justify-self:start}.component-index__section-heading{align-items:start}}@media (prefers-reduced-motion:reduce){.component-index,.component-index__search-field .input,.component-index__card .header:after{scroll-behavior:auto;transition-duration:0s}}