.docs-component-card[data-v-28987903]{gap:var(--spacingHorizontalL);width:100%;height:120px;padding:var(--spacingHorizontalS);border:var(--strokeWidthThin) solid var(--colorNeutralStrokeAlpha);border-radius:var(--borderRadiusXLarge);background-color:var(--colorNeutralBackground1);transition-property:background-color;transition-duration:var(--durationFaster);transition-timing-function:var(--curveEasyEase);align-items:flex-start;display:flex;overflow:hidden}@media (width>=40rem){.docs-component-card[data-v-28987903]{width:300px;height:96px}}.docs-component-card[data-v-28987903]:hover{background-color:var(--colorSubtleBackgroundHover)}.docs-component-card[data-v-28987903]:active{background-color:var(--colorSubtleBackgroundPressed)}.docs-component-card[data-v-28987903]:focus-visible{outline:var(--strokeWidthThick) solid var(--colorCompoundBrandStroke);outline-offset:2px}.docs-component-card__icon[data-v-28987903]{margin:var(--spacingVerticalM) 0 0 var(--spacingHorizontalS);flex:none}.docs-component-card__body[data-v-28987903]{min-width:0;padding-top:var(--spacingVerticalM);flex-direction:column;display:flex}.docs-component-card__title[data-v-28987903]{font-size:var(--fontSizeBase300);line-height:var(--lineHeightBase300);font-weight:var(--fontWeightSemibold);color:var(--colorNeutralForeground1);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.docs-component-card__summary[data-v-28987903]{-webkit-line-clamp:4;font-size:var(--fontSizeBase200);line-height:var(--lineHeightBase200);color:var(--colorNeutralForeground3);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (width>=40rem){.docs-component-card__summary[data-v-28987903]{-webkit-line-clamp:2}}.docs-components-overview__title[data-v-075e4d7a]{font-size:var(--fontSizeHero800);line-height:var(--lineHeightHero800);font-weight:var(--fontWeightSemibold);color:var(--colorNeutralForeground1)}.docs-components-overview__lead[data-v-075e4d7a]{margin-top:var(--spacingVerticalS);font-size:var(--fontSizeBase300);line-height:var(--lineHeightBase300);color:var(--colorNeutralForeground2)}.docs-component-grid[data-v-075e4d7a]{gap:var(--spacingHorizontalM);margin-top:var(--spacingVerticalL);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=40rem){.docs-component-grid[data-v-075e4d7a]{grid-template-columns:repeat(auto-fill,300px)}}