.ln-wcag-skip-link {
    position: absolute;
    left: 1rem;
    top: -4rem;
    z-index: 100000;
    display: inline-block;
    padding: 0.75rem 1rem;
    background: #111111;
    color: #ffffff;
    text-decoration: none;
    border-radius: 0.25rem;
    transition: top 0.2s ease;
}

.ln-wcag-skip-link:focus,
.ln-wcag-skip-link:focus-visible {
    top: 1rem;
    outline: 3px solid #0a66d1;
    outline-offset: 2px;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible {
    outline: 3px solid #0a66d1;
    outline-offset: 2px;
}

@supports selector(:focus-visible) {
    a:focus:not(:focus-visible),
    button:focus:not(:focus-visible),
    input:focus:not(:focus-visible),
    textarea:focus:not(:focus-visible),
    select:focus:not(:focus-visible),
    summary:focus:not(:focus-visible),
    [tabindex]:focus:not(:focus-visible) {
        outline: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    html:focus-within {
        scroll-behavior: auto;
    }

    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}