/* ABIA Accessibility Toolkit — Styles */ #aat-widget { position: fixed; bottom: 24px; right: 24px; z-index: 999999; font-family: Arial, sans-serif; } #aat-toggle-button { width: 56px; height: 56px; border-radius: 50%; background-color: #1B3A8C; color: #FFFFFF; border: none; font-size: 26px; cursor: pointer; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25); display: flex; align-items: center; justify-content: center; transition: transform 0.15s ease, background-color 0.15s ease; } #aat-toggle-button:hover, #aat-toggle-button:focus { background-color: #142d6b; transform: scale(1.05); } #aat-toggle-button:focus-visible { outline: 3px solid #D0202B; outline-offset: 2px; } #aat-panel { position: absolute; bottom: 68px; right: 0; width: 300px; max-width: 90vw; background-color: #FFFFFF; border: 1px solid #E0E4EA; border-radius: 8px; box-shadow: 0 6px 24px rgba(0, 0, 0, 0.18); padding: 0; overflow: hidden; } #aat-panel[hidden] { display: none; } .aat-panel-header { display: flex; align-items: center; justify-content: space-between; background-color: #1B3A8C; color: #FFFFFF; padding: 14px 16px; } .aat-panel-header h2 { margin: 0; font-size: 16px; color: #FFFFFF; } #aat-close-button { background: none; border: none; color: #FFFFFF; font-size: 22px; line-height: 1; cursor: pointer; padding: 0 4px; } #aat-close-button:focus-visible { outline: 2px solid #D0202B; } .aat-panel-body { padding: 16px; display: flex; flex-direction: column; gap: 14px; } .aat-control-group { display: flex; flex-direction: column; gap: 6px; } .aat-control-label { font-size: 13px; font-weight: 700; color: #1A1A1A; } .aat-button-row { display: flex; gap: 8px; } .aat-button-row button { flex: 1; padding: 10px; border: 1px solid #C7CCD4; border-radius: 4px; background-color: #F5F6F8; color: #1B3A8C; font-size: 16px; font-weight: 700; cursor: pointer; } .aat-button-row button:hover { background-color: #E6F1FB; } .aat-toggle-btn, .aat-reset-btn { width: 100%; padding: 10px; border: 1px solid #C7CCD4; border-radius: 4px; background-color: #F5F6F8; color: #1A1A1A; font-size: 13px; font-weight: 600; cursor: pointer; text-align: left; } .aat-toggle-btn[aria-pressed="true"] { background-color: #1B3A8C; color: #FFFFFF; border-color: #1B3A8C; } .aat-reset-btn { background-color: #FBE7E9; color: #D0202B; border-color: #F3C4C9; text-align: center; } .aat-reset-btn:hover { background-color: #F6D3D6; } .aat-hint { font-size: 11px; color: #5A5A5A; line-height: 1.4; margin: 4px 0 0; } .aat-disclaimer { font-size: 11px; color: #5A5A5A; line-height: 1.4; padding: 0 16px 14px; margin: 0; } /* ===== High Contrast Mode (applied to ) ===== */ body.aat-high-contrast { background-color: #000000 !important; color: #FFFFFF !important; } body.aat-high-contrast * { background-color: #000000 !important; color: #FFFFFF !important; border-color: #FFFFFF !important; } body.aat-high-contrast a { color: #FFFF00 !important; } body.aat-high-contrast img, body.aat-high-contrast svg { filter: grayscale(100%) contrast(120%); } body.aat-high-contrast #aat-widget * { background-color: revert !important; color: revert !important; border-color: revert !important; } body.aat-high-contrast .aat-toggle-btn[aria-pressed="true"] { background-color: #1B3A8C !important; color: #FFFFFF !important; } /* ===== Underline Links Mode ===== */ body.aat-underline-links a { text-decoration: underline !important; }