.bpdac-skip-link {
    position: fixed !important;
    left: 12px !important;
    top: 12px !important;
    z-index: 2147483647 !important;
    transform: translateY(-180%) !important;
    padding: 12px 16px !important;
    border: 3px solid #111 !important;
    border-radius: 6px !important;
    background: #fff !important;
    color: #111 !important;
    font: 700 16px/1.2 system-ui,sans-serif !important;
    text-decoration: none !important;
    box-shadow: 0 4px 20px rgba(0,0,0,.25) !important;
}

.bpdac-skip-link:focus,
.bpdac-skip-link:focus-visible {
    transform: translateY(0) !important;
    outline: 3px solid var(--bpdac-focus,#ffb000) !important;
    outline-offset: 3px !important;
}

html.bpdac-focus-styles :where(a[href],button,input,select,textarea,summary,[tabindex]:not([tabindex="-1"])):focus-visible {
    outline: 3px solid var(--bpdac-focus,#ff8a00) !important;
    outline-offset: 3px !important;
}

html.bpdac-focus-styles :where(a[href],button,input,select,textarea,summary,[tabindex]:not([tabindex="-1"])):focus:not(:focus-visible) {
    outline: none;
}

@media (prefers-reduced-motion:reduce) {
    html.bpdac-respect-reduced-motion *,
    html.bpdac-respect-reduced-motion *::before,
    html.bpdac-respect-reduced-motion *::after {
        scroll-behavior: auto !important;
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .001ms !important;
    }
}