@layer components{.intro__link{border-bottom:.25rem solid}.intro__link:hover,.intro__link:focus-visible{--link-color:var(--color-font);--link-color-filter:var(--color-font-filter);--link-text-decoration-line:none}.intro__link span.icon{filter:var(--link-color-filter);transition:filter .15s linear}.intro__link[href^=\#] span.icon img{rotate:90deg}.bg-dark .intro__link[href^=\#]{--link-color:var(--color-white);--link-color-filter:var(--color-white-filter)}.bg-dark .intro__link[href^=\#]:hover,.bg-dark .intro__link[href^=\#]:focus-visible{--link-color:var(--color-primary);--link-color-filter:var(--color-primary-filter)}.bg-primary .intro__link{--link-color:var(--color-white);--link-color-filter:var(--color-white-filter)}.bg-primary .intro__link:hover,.bg-primary .intro__link:focus-visible{--link-color:var(--color-font);--link-color-filter:var(--color-font-filter)}.bg-dark .intro__link:hover,.bg-dark .intro__link:focus-visible{--link-color:var(--color-white);--link-color-filter:var(--color-white-filter)}}