@layer components{.fn-ref-sup{vertical-align:super;font-size:var(--text-label-sm);line-height:var(--text-label-sm--line-height);position:static}.fn-ref{font-weight:var(--font-weight-medium);text-decoration:none}.fn-ref:hover,.fn-ref:focus-visible{text-underline-offset:2px;text-decoration:underline}.fn-ref--on-dark{color:var(--color-brand-pressed)}.fn-ref--on-light{color:var(--color-brand-deep)}.fn-ref--on-dark:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px;border-radius:2px}.fn-ref--on-light:focus-visible{outline:2px solid var(--color-text-on-light);outline-offset:2px;border-radius:2px}}