:root {
    --klx-a11y-focus-outline-color: var(--klx-a11y-primary-color);
    --klx-a11y-focus-outline-width: 2px;
    --klx-a11y-focus-outline-offset: 2px;
}

:is(a, button, input, textarea, select, summary, [tabindex]):focus-visible {
    outline: var(--klx-a11y-focus-outline-width) solid var(--klx-a11y-focus-outline-color) !important;
    outline-offset: var(--klx-a11y-focus-outline-offset) !important;
}

.wp-block-group.is-linked.klx-linked-group-focus-visible,
.wp-block-group.is-linked.klx-linked-group-focus-visible > a.wp-block-group__link:focus-visible {
    outline: var(--klx-a11y-focus-outline-width) solid var(--klx-a11y-focus-outline-color) !important;
    outline-offset: var(--klx-a11y-focus-outline-offset) !important;
}

.klx-a11y-nav-index {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}