:root {
--bw-primary: #1a5276;
--bw-z: 2147483000;
}
.bw-visually-hidden {
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;
}
.bw-skip-link {
position: absolute !important;
top: -1000px !important;
left: 0 !important;
background: #000 !important;
color: #fff !important;
padding: 10px 16px !important;
z-index: calc(var(--bw-z, 2147483000) + 1) !important;
font-size: 14px !important;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
text-decoration: none !important;
border-radius: 0 0 4px 0 !important;
}
.bw-skip-link:focus {
top: 0 !important;
} .bw-a11y-btn {
all: unset !important;
box-sizing: border-box !important;
position: fixed !important;
width: 56px !important;
height: 56px !important;
border-radius: 50% !important;
background: var(--bw-primary, #1a5276) !important;
color: #fff !important;
border: none !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
cursor: pointer !important;
z-index: var(--bw-z, 2147483000) !important;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3) !important;
transition: transform 0.15s ease !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1 !important;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
}
.bw-a11y-btn:hover {
transform: scale(1.06) !important;
}
.bw-a11y-btn:focus-visible {
outline: 3px solid #ffbf00 !important;
outline-offset: 2px !important;
}
.bw-a11y-btn svg {
width: 28px !important;
height: 28px !important;
fill: currentColor !important;
pointer-events: none !important;
}
.bw-pos-bottom-right {
bottom: 20px !important;
right: 20px !important;
top: auto !important;
left: auto !important;
}
.bw-pos-bottom-left {
bottom: 20px !important;
left: 20px !important;
top: auto !important;
right: auto !important;
}
.bw-pos-top-right {
top: 20px !important;
right: 20px !important;
bottom: auto !important;
left: auto !important;
}
.bw-pos-top-left {
top: 20px !important;
left: 20px !important;
bottom: auto !important;
right: auto !important;
} .bw-a11y-panel {
all: initial !important;
box-sizing: border-box !important;
position: fixed !important;
width: 320px !important;
max-width: calc(100vw - 32px) !important;
max-height: min(600px, calc(100vh - 32px)) !important;
overflow-y: auto !important;
background: #fff !important;
color: #1c1c1c !important;
border-radius: 12px !important;
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25) !important;
z-index: var(--bw-z, 2147483000) !important;
display: none !important;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
font-size: 14px !important;
line-height: 1.5 !important;
}
.bw-a11y-panel * {
box-sizing: border-box !important;
}
.bw-a11y-panel.bw-open {
display: block !important;
}
.bw-a11y-panel.bw-pos-bottom-right {
bottom: 86px !important;
right: 20px !important;
top: auto !important;
left: auto !important;
}
.bw-a11y-panel.bw-pos-bottom-left {
bottom: 86px !important;
left: 20px !important;
top: auto !important;
right: auto !important;
}
.bw-a11y-panel.bw-pos-top-right {
top: 86px !important;
right: 20px !important;
bottom: auto !important;
left: auto !important;
}
.bw-a11y-panel.bw-pos-top-left {
top: 86px !important;
left: 20px !important;
bottom: auto !important;
right: auto !important;
}
.bw-panel-header {
display: flex !important;
align-items: flex-start !important;
justify-content: space-between !important;
gap: 8px !important;
padding: 16px 16px 8px 16px !important;
border-bottom: 1px solid #eee !important;
}
.bw-panel-header h2 {
all: unset !important;
font-size: 16px !important;
font-weight: 700 !important;
color: #1c1c1c !important;
display: block !important;
}
.bw-panel-header p {
all: unset !important;
display: block !important;
font-size: 12px !important;
color: #666 !important;
margin-top: 4px !important;
}
.bw-panel-close {
all: unset !important;
box-sizing: border-box !important;
cursor: pointer !important;
width: 28px !important;
height: 28px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
border-radius: 6px !important;
color: #444 !important;
flex-shrink: 0 !important;
}
.bw-panel-close:hover {
background: #f0f0f0 !important;
}
.bw-panel-body {
padding: 8px 16px 16px 16px !important;
}
.bw-section {
margin-bottom: 14px !important;
}
.bw-section h3 {
all: unset !important;
display: block !important;
font-size: 11px !important;
text-transform: uppercase !important;
letter-spacing: 0.04em !important;
color: #888 !important;
font-weight: 700 !important;
margin-bottom: 8px !important;
}
.bw-row {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 8px !important;
padding: 6px 0 !important;
}
.bw-btn {
all: unset !important;
box-sizing: border-box !important;
border: 1px solid #ccc !important;
background: #f7f7f7 !important;
color: #1c1c1c !important;
border-radius: 8px !important;
padding: 8px 12px !important;
font-size: 13px !important;
font-weight: 600 !important;
cursor: pointer !important;
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
text-decoration: none !important;
text-align: center !important;
}
.bw-btn:hover {
background: #eee !important;
}
.bw-btn:focus-visible {
outline: 3px solid #ffbf00 !important;
outline-offset: 1px !important;
}
.bw-toggle {
width: 100% !important;
justify-content: space-between !important;
}
.bw-toggle[aria-pressed="true"] {
background: var(--bw-primary, #1a5276) !important;
border-color: var(--bw-primary, #1a5276) !important;
color: #fff !important;
}
.bw-switch {
all: unset !important;
box-sizing: border-box !important;
position: relative !important;
width: 40px !important;
height: 22px !important;
border-radius: 999px !important;
background: #ccc !important;
display: inline-block !important;
flex-shrink: 0 !important;
cursor: pointer !important;
transition: background 0.15s ease !important;
}
.bw-switch::after {
content: "" !important;
position: absolute !important;
top: 2px !important;
left: 2px !important;
width: 18px !important;
height: 18px !important;
border-radius: 50% !important;
background: #fff !important;
transition: transform 0.15s ease !important;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}
.bw-switch[aria-pressed="true"] {
background: var(--bw-primary, #1a5276) !important;
}
.bw-switch[aria-pressed="true"]::after {
transform: translateX(18px) !important;
}
.bw-reset {
all: unset !important;
box-sizing: border-box !important;
display: block !important;
width: 100% !important;
text-align: center !important;
padding: 8px 12px !important;
font-size: 13px !important;
font-weight: 600 !important;
color: #c00 !important;
border: 1px solid #f0c0c0 !important;
border-radius: 8px !important;
cursor: pointer !important;
margin-top: 6px !important;
}
.bw-reset:hover {
background: #fdf0f0 !important;
}
.bw-statement {
font-size: 11px !important;
color: #888 !important;
line-height: 1.5 !important;
margin-top: 10px !important;
padding-top: 10px !important;
border-top: 1px solid #eee !important;
}
.bw-shortcut-hint {
font-size: 11px !important;
color: #999 !important;
margin-top: 4px !important;
}
.bw-tts-controls {
display: flex !important;
gap: 8px !important;
flex-wrap: wrap !important;
} html.bw-fontstep-1 {
font-size: 106.25% !important;
zoom: 110% !important;
}
html.bw-fontstep-2 {
font-size: 112.5% !important;
zoom: 120% !important;
}
html.bw-fontstep-3 {
font-size: 118.75% !important;
zoom: 130% !important;
}
html.bw-fontstep-4 {
font-size: 125% !important;
zoom: 140% !important;
}
html.bw-contrast body {
background: #000 !important;
color: #fff !important;
}
html.bw-contrast body * {
background-color: #000 !important;
color: #fff !important;
border-color: #fff !important;
}
html.bw-contrast a,
html.bw-contrast a * {
color: #ffd600 !important;
}
html.bw-contrast img,
html.bw-contrast video,
html.bw-contrast svg {
filter: grayscale(40%) contrast(120%) !important;
}
html.bw-dark body {
background: #15181c !important;
color: #e7e9ea !important;
}
html.bw-dark body * {
background-color: transparent !important;
color: #e7e9ea !important;
}
html.bw-dyslexia body,
html.bw-dyslexia body * {
font-family: "Comic Sans MS", "Comic Sans", Verdana, sans-serif !important;
letter-spacing: 0.03em !important;
word-spacing: 0.12em !important;
line-height: 1.6 !important;
}
html.bw-spacing body {
line-height: 1.9 !important;
}
html.bw-spacing body * {
letter-spacing: 0.05em !important;
word-spacing: 0.12em !important;
}
html.bw-links a {
text-decoration: underline !important;
background: #fff59d !important;
color: #111 !important;
outline: 1px dashed #b8860b !important;
}
html.bw-noanim * {
animation: none !important;
transition: none !important;
scroll-behavior: auto !important;
}
html.bw-kbnav *:focus {
outline: 3px solid #ffbf00 !important;
outline-offset: 2px !important;
box-shadow: 0 0 0 5px rgba(255, 191, 0, 0.35) !important;
}
.bw-reading-highlight {
background: #fff59d !important;
color: #111 !important;
} @media (max-width: 767px) {
.bw-a11y-btn {
top: auto !important;
left: auto !important;
bottom: 170px !important;
right: 13px !important;
}
.bw-a11y-panel.bw-pos-bottom-right,
.bw-a11y-panel.bw-pos-bottom-left,
.bw-a11y-panel.bw-pos-top-right,
.bw-a11y-panel.bw-pos-top-left {
top: auto !important;
left: auto !important;
bottom: 236px !important;
right: 13px !important;
}
}