/* =============================================================
   WP Acessibilidade — Widget styles
   Tudo prefixado com .wpa11y- ou data-wpa11y-* para não vazar
   ============================================================= */

#wpa11y-root,
#wpa11y-root * {
    box-sizing: border-box;
}

#wpa11y-root {
    --wpa11y-primary: #2563eb;
    --wpa11y-icon: #ffffff;
    --wpa11y-size: 56px;
    --wpa11y-offset-x: 24px;
    --wpa11y-offset-y: 24px;
    --wpa11y-z: 2147483600;
    --wpa11y-bg: #ffffff;
    --wpa11y-fg: #111827;
    --wpa11y-muted: #6b7280;
    --wpa11y-border: #e5e7eb;
    --wpa11y-card: #f9fafb;
    --wpa11y-card-active: #eff6ff;
    --wpa11y-shadow: 0 10px 25px -5px rgba(0,0,0,.15), 0 8px 10px -6px rgba(0,0,0,.1);
    position: fixed;
    z-index: var(--wpa11y-z);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.4;
    color: var(--wpa11y-fg);
}

/* ---------- Posição ---------- */
#wpa11y-root.wpa11y-pos-bottom-right { right: var(--wpa11y-offset-x); bottom: var(--wpa11y-offset-y); }
#wpa11y-root.wpa11y-pos-bottom-left  { left: var(--wpa11y-offset-x);  bottom: var(--wpa11y-offset-y); }
#wpa11y-root.wpa11y-pos-top-right    { right: var(--wpa11y-offset-x); top: var(--wpa11y-offset-y); }
#wpa11y-root.wpa11y-pos-top-left     { left: var(--wpa11y-offset-x);  top: var(--wpa11y-offset-y); }
#wpa11y-root.wpa11y-pos-middle-right { right: var(--wpa11y-offset-x); top: 50%; transform: translateY(-50%); }
#wpa11y-root.wpa11y-pos-middle-left  { left: var(--wpa11y-offset-x);  top: 50%; transform: translateY(-50%); }

/* ---------- Bolha ---------- */
.wpa11y-bubble {
    width: var(--wpa11y-size);
    height: var(--wpa11y-size);
    border: 0;
    background: var(--wpa11y-primary);
    color: var(--wpa11y-icon);
    border-radius: 50%;
    box-shadow: var(--wpa11y-shadow);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform .2s ease, box-shadow .2s ease;
    padding: 0;
    position: relative;
}
.wpa11y-bubble:hover { transform: scale(1.08); }
.wpa11y-bubble:focus-visible {
    outline: 3px solid #fbbf24;
    outline-offset: 3px;
}
.wpa11y-bubble-icon {
    width: 60%;
    height: 60%;
    display: block;
}
.wpa11y-bubble-label {
    position: absolute;
    right: calc(100% + 12px);
    top: 50%;
    transform: translateY(-50%);
    background: var(--wpa11y-primary);
    color: var(--wpa11y-icon);
    padding: 6px 12px;
    border-radius: 6px;
    white-space: nowrap;
    font-size: 13px;
    font-weight: 600;
    box-shadow: var(--wpa11y-shadow);
}
#wpa11y-root.wpa11y-pos-bottom-left .wpa11y-bubble-label,
#wpa11y-root.wpa11y-pos-top-left .wpa11y-bubble-label,
#wpa11y-root.wpa11y-pos-middle-left .wpa11y-bubble-label {
    right: auto;
    left: calc(100% + 12px);
}

/* Formas */
#wpa11y-root.wpa11y-shape-rounded .wpa11y-bubble { border-radius: 16px; }
#wpa11y-root.wpa11y-shape-square  .wpa11y-bubble { border-radius: 8px; }

/* Animações */
#wpa11y-root.wpa11y-anim-bounce .wpa11y-bubble {
    animation: wpa11y-bounce 2.5s ease-in-out infinite;
}
#wpa11y-root.wpa11y-anim-pulse .wpa11y-bubble::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    box-shadow: 0 0 0 0 var(--wpa11y-primary);
    animation: wpa11y-pulse 2s ease-out infinite;
    pointer-events: none;
}
@keyframes wpa11y-bounce {
    0%,100% { transform: translateY(0); }
    50%     { transform: translateY(-6px); }
}
@keyframes wpa11y-pulse {
    0%   { box-shadow: 0 0 0 0 rgba(37,99,235,.5); }
    100% { box-shadow: 0 0 0 18px rgba(37,99,235,0); }
}
#wpa11y-root.wpa11y-anim-none .wpa11y-bubble { animation: none; }
#wpa11y-root.wpa11y-anim-none .wpa11y-bubble::after { animation: none; display: none; }

/* Quando o painel está aberto, parar de bouncing */
#wpa11y-root.wpa11y-open .wpa11y-bubble {
    animation: none;
}
#wpa11y-root.wpa11y-open .wpa11y-bubble::after {
    animation: none;
}

/* ---------- Painel ---------- */
.wpa11y-panel {
    position: absolute;
    width: 420px;
    max-width: calc(100vw - 32px);
    max-height: 80vh;
    background: var(--wpa11y-bg);
    color: var(--wpa11y-fg);
    border-radius: 14px;
    box-shadow: var(--wpa11y-shadow);
    border: 1px solid var(--wpa11y-border);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    opacity: 0;
    transform: scale(.95) translateY(10px);
    transform-origin: bottom right;
    transition: opacity .18s ease, transform .18s ease;
    pointer-events: none;
}
.wpa11y-panel[hidden] { display: none; }

#wpa11y-root.wpa11y-open .wpa11y-panel {
    opacity: 1;
    transform: scale(1) translateY(0);
    pointer-events: auto;
}

/* Posicionamento do painel relativo à bolha */
#wpa11y-root.wpa11y-pos-bottom-right .wpa11y-panel { right: 0; bottom: calc(var(--wpa11y-size) + 16px); transform-origin: bottom right; }
#wpa11y-root.wpa11y-pos-bottom-left  .wpa11y-panel { left: 0;  bottom: calc(var(--wpa11y-size) + 16px); transform-origin: bottom left; }
#wpa11y-root.wpa11y-pos-top-right    .wpa11y-panel { right: 0; top: calc(var(--wpa11y-size) + 16px); transform-origin: top right; }
#wpa11y-root.wpa11y-pos-top-left     .wpa11y-panel { left: 0;  top: calc(var(--wpa11y-size) + 16px); transform-origin: top left; }
#wpa11y-root.wpa11y-pos-middle-right .wpa11y-panel { right: calc(var(--wpa11y-size) + 16px); top: 50%; transform-origin: right center; transform: translateY(-50%) scale(.95); }
#wpa11y-root.wpa11y-pos-middle-left  .wpa11y-panel { left: calc(var(--wpa11y-size) + 16px);  top: 50%; transform-origin: left center; transform: translateY(-50%) scale(.95); }
#wpa11y-root.wpa11y-pos-middle-right.wpa11y-open .wpa11y-panel,
#wpa11y-root.wpa11y-pos-middle-left.wpa11y-open  .wpa11y-panel {
    transform: translateY(-50%) scale(1);
}

/* ---------- Header ---------- */
.wpa11y-panel-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    background: var(--wpa11y-primary);
    color: #fff;
    flex-shrink: 0;
}
.wpa11y-panel-title {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
}
.wpa11y-panel-actions {
    display: flex;
    gap: 4px;
}
.wpa11y-icon-btn {
    width: 32px;
    height: 32px;
    background: rgba(255,255,255,.15);
    border: 0;
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background .15s ease;
}
.wpa11y-icon-btn:hover { background: rgba(255,255,255,.25); }
.wpa11y-icon-btn:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 2px;
}

/* ---------- Body ---------- */
.wpa11y-panel-body {
    overflow-y: auto;
    padding: 16px;
    flex: 1;
}
.wpa11y-panel-body::-webkit-scrollbar { width: 8px; }
.wpa11y-panel-body::-webkit-scrollbar-thumb {
    background: var(--wpa11y-border);
    border-radius: 4px;
}

.wpa11y-section { margin-bottom: 20px; }
.wpa11y-section:last-child { margin-bottom: 0; }
.wpa11y-section-title {
    font-size: 13px;
    font-weight: 700;
    color: var(--wpa11y-muted);
    text-transform: uppercase;
    letter-spacing: .05em;
    margin: 0 0 10px;
}

.wpa11y-grid {
    display: grid;
    gap: 8px;
}
.wpa11y-grid-2 { grid-template-columns: 1fr 1fr; }
@media (max-width: 480px) {
    .wpa11y-panel { width: calc(100vw - 32px); }
    .wpa11y-grid-2 { grid-template-columns: 1fr; }
}

/* ---------- Card ---------- */
.wpa11y-card {
    background: var(--wpa11y-card);
    border: 2px solid transparent;
    border-radius: 10px;
    padding: 12px 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    text-align: center;
    transition: background .15s ease, border-color .15s ease, transform .1s ease;
    color: var(--wpa11y-fg);
    font-family: inherit;
    position: relative;
    min-height: 92px;
}
.wpa11y-card:hover {
    background: #f3f4f6;
    transform: translateY(-1px);
}
.wpa11y-card:focus-visible {
    outline: 3px solid var(--wpa11y-primary);
    outline-offset: 2px;
}
.wpa11y-card[aria-checked="true"],
.wpa11y-card.wpa11y-active {
    background: var(--wpa11y-card-active);
    border-color: var(--wpa11y-primary);
}
.wpa11y-card-icon {
    font-size: 22px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    color: var(--wpa11y-primary);
}
.wpa11y-card-body {
    display: flex;
    flex-direction: column;
    gap: 2px;
    align-items: center;
}
.wpa11y-card-title {
    font-size: 13px;
    font-weight: 600;
}
.wpa11y-card-desc {
    font-size: 11px;
    color: var(--wpa11y-muted);
    line-height: 1.3;
}
.wpa11y-card-level {
    font-size: 11px;
    color: var(--wpa11y-primary);
    font-weight: 600;
}

/* Toggle no canto */
.wpa11y-toggle {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 28px;
    height: 16px;
    border-radius: 999px;
    background: #d1d5db;
    transition: background .15s ease;
}
.wpa11y-toggle::after {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 12px;
    height: 12px;
    background: #fff;
    border-radius: 50%;
    transition: transform .15s ease;
}
.wpa11y-card[aria-checked="true"] .wpa11y-toggle,
.wpa11y-card.wpa11y-active .wpa11y-toggle {
    background: var(--wpa11y-primary);
}
.wpa11y-card[aria-checked="true"] .wpa11y-toggle::after,
.wpa11y-card.wpa11y-active .wpa11y-toggle::after {
    transform: translateX(12px);
}

/* Stepper */
.wpa11y-card-stepper {
    cursor: default;
}
.wpa11y-stepper {
    display: flex;
    gap: 4px;
    margin-top: 4px;
}
.wpa11y-stepper-btn {
    width: 28px;
    height: 28px;
    border: 1px solid var(--wpa11y-border);
    background: #fff;
    border-radius: 6px;
    color: var(--wpa11y-fg);
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    line-height: 1;
}
.wpa11y-stepper-btn:hover {
    background: var(--wpa11y-primary);
    color: #fff;
    border-color: var(--wpa11y-primary);
}
.wpa11y-stepper-btn:focus-visible {
    outline: 2px solid var(--wpa11y-primary);
    outline-offset: 2px;
}

.wpa11y-section-footer {
    border-top: 1px solid var(--wpa11y-border);
    padding-top: 12px;
}
.wpa11y-footer-note {
    margin: 0 0 6px;
    font-size: 12px;
    color: var(--wpa11y-muted);
}
.wpa11y-footer-note kbd {
    background: var(--wpa11y-card);
    border: 1px solid var(--wpa11y-border);
    border-radius: 4px;
    padding: 1px 6px;
    font-family: inherit;
    font-size: 11px;
}
.wpa11y-link {
    color: var(--wpa11y-primary);
    text-decoration: underline;
    font-size: 12px;
}

/* ---------- Sobreposições (guia/máscara) ---------- */
.wpa11y-reading-guide {
    position: fixed;
    left: 0;
    right: 0;
    height: 28px;
    background: rgba(250, 204, 21, .45);
    border-top: 2px solid #f59e0b;
    border-bottom: 2px solid #f59e0b;
    pointer-events: none;
    z-index: 2147483500;
    top: -100px;
    transition: top .05s linear;
}
.wpa11y-reading-mask {
    position: fixed;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.7);
    pointer-events: none;
    z-index: 2147483400;
    display: none;
}
body.wpa11y-feature-reading_mask .wpa11y-reading-mask { display: block; }
.wpa11y-reading-mask-top { top: 0; height: 0; }
.wpa11y-reading-mask-bottom { bottom: 0; height: 0; }

/* ---------- SR only ---------- */
.wpa11y-sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0,0,0,0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* ---------- Skip links ---------- */
.wpa11y-skip-links {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2147483600;
    background: #111827;
    color: #fff;
    padding: 0;
    display: none;
}
body.wpa11y-feature-skip_links .wpa11y-skip-links { display: flex; gap: 12px; padding: 8px 16px; }
.wpa11y-skip-links a {
    color: #fff;
    text-decoration: underline;
    font-size: 14px;
    padding: 4px 8px;
    border-radius: 4px;
}
.wpa11y-skip-links a:focus-visible {
    background: #fbbf24;
    color: #111827;
    outline: 2px solid #fff;
}

/* =============================================================
   EFEITOS APLICADOS AO BODY (não vazam para o widget!)
   ============================================================= */

/* Excluir o widget de todos os efeitos */
body.wpa11y-active #wpa11y-root,
body.wpa11y-active #wpa11y-root * {
    filter: none !important;
}

/* ----- Texto maior (4 níveis) ----- */
body.wpa11y-text_bigger-1 :not(#wpa11y-root):not(#wpa11y-root *) { font-size: 110% !important; }
body.wpa11y-text_bigger-2 :not(#wpa11y-root):not(#wpa11y-root *) { font-size: 125% !important; }
body.wpa11y-text_bigger-3 :not(#wpa11y-root):not(#wpa11y-root *) { font-size: 145% !important; }
body.wpa11y-text_bigger-4 :not(#wpa11y-root):not(#wpa11y-root *) { font-size: 170% !important; }

body.wpa11y-text_bigger-1 #wpa11y-root,
body.wpa11y-text_bigger-2 #wpa11y-root,
body.wpa11y-text_bigger-3 #wpa11y-root,
body.wpa11y-text_bigger-4 #wpa11y-root,
body.wpa11y-text_bigger-1 #wpa11y-root *,
body.wpa11y-text_bigger-2 #wpa11y-root *,
body.wpa11y-text_bigger-3 #wpa11y-root *,
body.wpa11y-text_bigger-4 #wpa11y-root * {
    font-size: revert !important;
}

/* ----- Altura da linha ----- */
body.wpa11y-line_height-1 :not(#wpa11y-root):not(#wpa11y-root *) { line-height: 1.8 !important; }
body.wpa11y-line_height-2 :not(#wpa11y-root):not(#wpa11y-root *) { line-height: 2.2 !important; }
body.wpa11y-line_height-3 :not(#wpa11y-root):not(#wpa11y-root *) { line-height: 2.8 !important; }

/* ----- Espaçamento de letras ----- */
body.wpa11y-letter_spacing-1 :not(#wpa11y-root):not(#wpa11y-root *) { letter-spacing: .05em !important; }
body.wpa11y-letter_spacing-2 :not(#wpa11y-root):not(#wpa11y-root *) { letter-spacing: .1em !important; }
body.wpa11y-letter_spacing-3 :not(#wpa11y-root):not(#wpa11y-root *) { letter-spacing: .18em !important; }

/* ----- Espaçamento de palavras ----- */
body.wpa11y-word_spacing-1 :not(#wpa11y-root):not(#wpa11y-root *) { word-spacing: .15em !important; }
body.wpa11y-word_spacing-2 :not(#wpa11y-root):not(#wpa11y-root *) { word-spacing: .3em !important; }
body.wpa11y-word_spacing-3 :not(#wpa11y-root):not(#wpa11y-root *) { word-spacing: .5em !important; }

/* ----- Alinhamento ----- */
body.wpa11y-text_align-1 :not(#wpa11y-root):not(#wpa11y-root *) { text-align: left !important; }
body.wpa11y-text_align-2 :not(#wpa11y-root):not(#wpa11y-root *) { text-align: center !important; }
body.wpa11y-text_align-3 :not(#wpa11y-root):not(#wpa11y-root *) { text-align: right !important; }

/* ----- Fontes ----- */
body.wpa11y-feature-readable_font :not(#wpa11y-root):not(#wpa11y-root *) {
    font-family: "Atkinson Hyperlegible", -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
}
body.wpa11y-feature-dyslexia_font :not(#wpa11y-root):not(#wpa11y-root *) {
    font-family: "OpenDyslexic", "Comic Sans MS", "Trebuchet MS", Verdana, sans-serif !important;
    letter-spacing: .03em !important;
}

/* ----- Destaques ----- */
body.wpa11y-feature-highlight_titles h1,
body.wpa11y-feature-highlight_titles h2,
body.wpa11y-feature-highlight_titles h3,
body.wpa11y-feature-highlight_titles h4,
body.wpa11y-feature-highlight_titles h5,
body.wpa11y-feature-highlight_titles h6 {
    background: #fef08a !important;
    color: #111 !important;
    border-left: 4px solid #f59e0b !important;
    padding-left: 12px !important;
    outline: 2px dashed #f59e0b !important;
}

body.wpa11y-feature-highlight_links a,
body.wpa11y-feature-highlight_links a * {
    background: #fef08a !important;
    color: #111 !important;
    text-decoration: underline !important;
    outline: 2px solid #f59e0b !important;
    outline-offset: 2px !important;
}

/* ----- Contraste escuro ----- */
body.wpa11y-feature-dark_contrast :not(#wpa11y-root):not(#wpa11y-root *) {
    background: #000 !important;
    color: #fff !important;
    border-color: #fff !important;
}
body.wpa11y-feature-dark_contrast a:not(#wpa11y-root a) { color: #ffe680 !important; }
body.wpa11y-feature-dark_contrast img,
body.wpa11y-feature-dark_contrast video { filter: brightness(.85) contrast(1.1); }

/* ----- Contraste claro ----- */
body.wpa11y-feature-light_contrast :not(#wpa11y-root):not(#wpa11y-root *) {
    background: #fff !important;
    color: #000 !important;
}
body.wpa11y-feature-light_contrast a:not(#wpa11y-root a) { color: #0033cc !important; }

/* ----- Alto contraste ----- */
/* Aplicado nos filhos do body, NÃO no body, para não criar containing block
   que rebaixaria position:fixed do widget. */
body.wpa11y-feature-high_contrast > *:not(#wpa11y-root) {
    filter: contrast(1.5);
}

/* ----- Saturação ----- */
body.wpa11y-feature-monochrome    > *:not(#wpa11y-root) { filter: grayscale(100%); }
body.wpa11y-feature-low_saturation > *:not(#wpa11y-root) { filter: saturate(.5); }
body.wpa11y-feature-high_saturation > *:not(#wpa11y-root) { filter: saturate(2); }

/* ----- Inverter ----- */
body.wpa11y-feature-invert_colors > *:not(#wpa11y-root) {
    filter: invert(100%) hue-rotate(180deg);
}
/* Re-inverte mídias para que apareçam normais (texto/UI fica invertido, fotos ficam ok) */
body.wpa11y-feature-invert_colors img:not(#wpa11y-root img),
body.wpa11y-feature-invert_colors video:not(#wpa11y-root video),
body.wpa11y-feature-invert_colors picture:not(#wpa11y-root picture) {
    filter: invert(100%) hue-rotate(180deg);
}

/* ----- Esconder imagens ----- */
body.wpa11y-feature-hide_images img:not(#wpa11y-root img),
body.wpa11y-feature-hide_images picture:not(#wpa11y-root picture),
body.wpa11y-feature-hide_images video:not(#wpa11y-root video),
body.wpa11y-feature-hide_images svg:not(#wpa11y-root svg):not(#wpa11y-root *) {
    visibility: hidden !important;
}

/* ----- Pausar animações ----- */
body.wpa11y-feature-stop_animations *:not(#wpa11y-root):not(#wpa11y-root *) {
    animation-duration: 0s !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0s !important;
    scroll-behavior: auto !important;
}

/* ----- Cursor grande ----- */
body.wpa11y-feature-big_cursor,
body.wpa11y-feature-big_cursor * {
    cursor: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24'><path fill='black' stroke='white' stroke-width='1' d='M5.5 3.21V20.8L11 15.3l2.5 5.7 3-1.3-2.5-5.7L20 12.5z'/></svg>") 4 4, auto !important;
}

/* ----- Foco ----- */
body.wpa11y-feature-highlight_focus *:focus:not(#wpa11y-root *) {
    outline: 4px solid #fbbf24 !important;
    outline-offset: 3px !important;
}

/* ----- Hover ----- */
body.wpa11y-feature-highlight_hover a:hover:not(#wpa11y-root a),
body.wpa11y-feature-highlight_hover button:hover:not(#wpa11y-root button),
body.wpa11y-feature-highlight_hover input:hover,
body.wpa11y-feature-highlight_hover [role="button"]:hover:not(#wpa11y-root *) {
    background: #fef08a !important;
    outline: 3px solid #f59e0b !important;
    outline-offset: 2px !important;
}

/* ----- Tooltips (alt) ----- */
body.wpa11y-feature-tooltips img:not(#wpa11y-root img) {
    border: 2px dashed #2563eb !important;
}

/* ----- TTS hover hint ----- */
body.wpa11y-feature-tts p:hover,
body.wpa11y-feature-tts h1:hover,
body.wpa11y-feature-tts h2:hover,
body.wpa11y-feature-tts h3:hover,
body.wpa11y-feature-tts h4:hover,
body.wpa11y-feature-tts h5:hover,
body.wpa11y-feature-tts h6:hover,
body.wpa11y-feature-tts li:hover,
body.wpa11y-feature-tts a:hover {
    background: #dbeafe !important;
    cursor: pointer !important;
    outline: 2px solid #2563eb !important;
}
body.wpa11y-feature-tts #wpa11y-root *:hover {
    background: revert !important;
    outline: revert !important;
}

/* ----- Magnifier ----- */
.wpa11y-magnifier {
    position: fixed;
    width: 200px;
    height: 200px;
    border: 4px solid var(--wpa11y-primary, #2563eb);
    border-radius: 50%;
    pointer-events: none;
    z-index: 2147483400;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 8px 25px rgba(0,0,0,.3);
    display: none;
}
body.wpa11y-feature-magnifier .wpa11y-magnifier { display: block; }
.wpa11y-magnifier-content {
    transform-origin: 0 0;
    transform: scale(2);
    pointer-events: none;
}

/* ----- Reduced motion respect ----- */
@media (prefers-reduced-motion: reduce) {
    .wpa11y-bubble,
    .wpa11y-bubble::after {
        animation: none !important;
    }
    .wpa11y-panel {
        transition: none !important;
    }
}