.a11y-panel {
    position: fixed;
    z-index: 99999;
    display: none;
    background: #fff;
    color: #030202;
    width: 408px;
    box-sizing: border-box;;
    border: 2px solid #E6EBE6;
    padding-top: 32px;
}

.a11y-panel * {
    font-family: 'e-Ukraine', Arial, sans-serif;
    outline: none !important;
}

.a11y-panel.open {
    display: block;
}

.a11y-panel[hidden] {
    display: none
}

.a11y-panel .a11y-header {
    display: flex;
    justify-content: space-between;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    padding: 0 32px;
}

.a11y-panel .a11y-body {
    padding: 0 32px;
}

.a11y-close {
    background: none;
    border: 0;
    cursor: pointer;
}

.a11y-section {
    margin-top: 32px;
}

.a11y-section-title {
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    color: #000000;
    margin: 0 0 8px;
}

.a11y-buttons, .a11y-pilllist {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.a11y-btn {
    border: 2px solid #E6EBE6;
    border-radius: 999px;
    padding: 8px 12px;
    display: flex;
    gap: 6px;
    font-size: 14px;
    line-height: 16px;
    cursor: pointer;
    background: none;
    justify-content: center;
    align-items: center;
}

.a11y-btn.active,
.a11y-btn:hover {
    border-color: #111;
}

.a11y-btn.a11y-size {
    width: 50px;
    height: 40px;
    border-radius: 999px;
    padding: 0;
    font-weight: 700
}

.a11y-btn.a11y-size[data-size="s"] {
    font-size: 12px;
}

.a11y-btn.a11y-size[data-size="m"] {
    font-size: 16px
}

.a11y-btn.a11y-size[data-size="l"] {
    font-size: 20px
}

.a11y-pill {
    padding: 8px 12px;
    border: 1px solid #d6d6d6;
    border-radius: 999px;
    background: #fff;
    cursor: pointer;
}

.a11y-pill[aria-pressed="true"] {
    background: #111;
    color: #fff;
    border-color: #111
}

.a11y-footer {
    margin-top: 20px;
    border-top: 2px solid #E6E6E6;
    padding: 12px 16px;
    display: flex;
    justify-content: flex-end
}

.a11y-reset {
    background: none;
    border: 0;
    color: #808080;
    font-size: 16px;
    line-height: 20px;
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: space-between;
    cursor: pointer
}

/* Trigger */
.a11y-trigger {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    gap: 8px;
    align-items: center;
}

.a11y-trigger:hover {
    text-decoration: underline;
}

.a11y-trigger .wp-block-image {
    width: 16px;
    height: 16px;
    display: block;
}

.a11y-trigger .wp-block-image img {
    width: 16px;
    height: 16px;
    display: block;
}


/* Global effects */
/* ========= Fallback visual modes (if lib doesn't style DOM) ========= */
html.__a11y-bw {
    filter: grayscale(100%) contrast(1.1);
}

html.__a11y-dark, html.__a11y-dark body {
    background: #0b0b0e !important;
    color: #eee !important;

    --wp--preset--color--contrast: #fff !important;
}

html.__a11y-dark a,
html.__a11y-dark .has-contrast-color {
    color: #fff !important;
}

html.__a11y-dark .wp-element-button,
html.__a11y-dark .wp-block-button__link.has-contrast-color {
    background-color: #fff !important;
    color: #03052a !important;
}

html.__a11y-underline a, html.__a11y-underline a * {
    text-decoration: underline !important;
}

html.__a11y-cursor * {
    cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" width="75px" height="75px"><path fill="white" stroke="black" stroke-width="1" d="M 14.78125 5 C 14.75 5.007813 14.71875 5.019531 14.6875 5.03125 C 14.644531 5.050781 14.601563 5.070313 14.5625 5.09375 C 14.550781 5.09375 14.542969 5.09375 14.53125 5.09375 C 14.511719 5.101563 14.488281 5.113281 14.46875 5.125 C 14.457031 5.136719 14.449219 5.144531 14.4375 5.15625 C 14.425781 5.167969 14.417969 5.175781 14.40625 5.1875 C 14.375 5.207031 14.34375 5.226563 14.3125 5.25 C 14.289063 5.269531 14.269531 5.289063 14.25 5.3125 C 14.238281 5.332031 14.226563 5.355469 14.21875 5.375 C 14.183594 5.414063 14.152344 5.457031 14.125 5.5 C 14.113281 5.511719 14.105469 5.519531 14.09375 5.53125 C 14.09375 5.542969 14.09375 5.550781 14.09375 5.5625 C 14.082031 5.582031 14.070313 5.605469 14.0625 5.625 C 14.050781 5.636719 14.042969 5.644531 14.03125 5.65625 C 14.03125 5.675781 14.03125 5.699219 14.03125 5.71875 C 14.019531 5.757813 14.007813 5.800781 14 5.84375 C 14 5.875 14 5.90625 14 5.9375 C 14 5.949219 14 5.957031 14 5.96875 C 14 5.980469 14 5.988281 14 6 C 13.996094 6.050781 13.996094 6.105469 14 6.15625 L 14 39 C 14.003906 39.398438 14.242188 39.757813 14.609375 39.914063 C 14.972656 40.070313 15.398438 39.992188 15.6875 39.71875 L 22.9375 32.90625 L 28.78125 46.40625 C 28.890625 46.652344 29.09375 46.847656 29.347656 46.941406 C 29.601563 47.035156 29.882813 47.023438 30.125 46.90625 L 34.5 44.90625 C 34.996094 44.679688 35.21875 44.09375 35 43.59375 L 28.90625 30.28125 L 39.09375 29.40625 C 39.496094 29.378906 39.84375 29.113281 39.976563 28.730469 C 40.105469 28.347656 39.992188 27.921875 39.6875 27.65625 L 15.84375 5.4375 C 15.796875 5.378906 15.746094 5.328125 15.6875 5.28125 C 15.648438 5.234375 15.609375 5.195313 15.5625 5.15625 C 15.550781 5.15625 15.542969 5.15625 15.53125 5.15625 C 15.511719 5.132813 15.492188 5.113281 15.46875 5.09375 C 15.457031 5.09375 15.449219 5.09375 15.4375 5.09375 C 15.386719 5.070313 15.335938 5.046875 15.28125 5.03125 C 15.269531 5.03125 15.261719 5.03125 15.25 5.03125 C 15.230469 5.019531 15.207031 5.007813 15.1875 5 C 15.175781 5 15.167969 5 15.15625 5 C 15.136719 5 15.113281 5 15.09375 5 C 15.082031 5 15.074219 5 15.0625 5 C 15.042969 5 15.019531 5 15 5 C 14.988281 5 14.980469 5 14.96875 5 C 14.9375 5 14.90625 5 14.875 5 C 14.84375 5 14.8125 5 14.78125 5 Z"/></svg>') 0 0, auto !important;
}


/* Reading line */
#a11y-reading-line {
    position: fixed;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #000;
    pointer-events: none;
    z-index: 99998;
    display: none;
}

html.__a11y-reading #a11y-reading-line {
    display: block;
}