@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[href^=\#]:hover span.icon img,.intro__link[href^=\#]:hover span.icon svg,.intro__link[href^=\#]:focus-visible span.icon img,.intro__link[href^=\#]:focus-visible span.icon svg{rotate:90deg}.intro__link[href^=\#] span.icon img,.intro__link[href^=\#] span.icon svg{transition:rotate .2s ease-in-out}.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)}}