@layer components{.documentation-introduction{flex-direction:column;flex:auto;justify-content:flex-start;gap:16px;padding-top:10%;display:flex}.documentation-introduction__title,.documentation-introduction__tagline{text-align:center}.documentation-introduction__links{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:20px;display:flex}.documentation-introduction__link{color:var(--grey-700);background-color:var(--grey-100);border:1px solid var(--grey-200);transition:background-color .16s var(--transition-easing);flex-direction:column;flex:0 0 200px;gap:6px;padding:22px;text-decoration:none;display:flex}.documentation-introduction__link:is(:hover,:focus){background-color:var(--grey-000)}.documentation-introduction__link-icon{fill:currentColor;width:22px;height:22px}.documentation-introduction__link-title{font-family:var(--serif-font);font-size:var(--h4);align-items:center;gap:8px;display:flex}.documentation-introduction__link-title svg{width:16px;height:16px;fill:var(--grey-800);flex:0 0 16px}.documentation-introduction__text{font-size:var(--label)}}