@media (forced-colors: none) {
    :root :focus,
    .analog-search__range label:focus-within {
        outline: none !important;
    }

    :root :focus-visible {
        box-shadow: 0 2px 0 var(--keyboard-focus-color, #334145) !important;
    }

    a:focus-visible:has(> :is(img, svg):only-child) {
        box-shadow: none !important;
    }

    a:focus-visible > :is(img, svg):only-child {
        box-shadow: 0 2px 0 var(--keyboard-focus-color, #334145);
    }

    #footer {
        --keyboard-focus-color: #fff;
    }
}

@media (forced-colors: active) {
    :root :focus-visible {
        outline: 2px solid Highlight !important;
        outline-offset: 2px;
    }
}
