:root{
    --ba-awidth:25em;
    --ba-abutton-size:6.4em;
    --ba-aradius: .6em;
    --ba-abg: #eff5ff;
    --ba-acolor: #37446a;
    --ba-aborder: #fff;
    --ba-abox-shadow: -1px -1px 0 0 rgba(0,0,0,.2), 1px 1px 0 0 rgba(255,255,255,.8);
    --ba-aprimary: #007aff;
    --ba-aprimary-shadow: rgba(0, 122, 255, 0.5);
}
@font-face {
    font-family: 'OpenDyslexic';
    font-style: normal;
    font-weight: 400;
    src:  url('../fonts/opendyslexic/OpenDyslexic-Regular.woff2') format('woff2'),
          url('../fonts/opendyslexic/OpenDyslexic-Regular.woff') format('woff');
    font-display: swap;
}
.ba__accessibility-dark-mode{
    --ba-abg: #242a35;
    --ba-acolor: #fff;
    --ba-aborder: rgba(127, 149, 187, 0.31);
    --ba-abox-shadow: -1px -1px 0 0 rgba(0,0,0,.3), 1px 1px 0 0 rgba(255,255,255,.2);
}
.ba__accessibility{display:flex;position:fixed; z-index:999999;left:auto;right:15px;top:7px;bottom: 30px;font-size: 10px; -webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;user-select:none}
.ba__accessibility *{box-sizing:border-box; font-size: inherit;}
.ba__accessibility svg{max-width: 100%; max-height: 100%; height: auto; display: block;}
.ba__accessibility-container{background: var(--ba-abg); color: var(--ba-acolor); border-radius:var(--ba-aradius); border: 1px solid var(--ba-aborder); box-shadow:0 0 2em rgba(29, 81, 164, 0.35);overflow:hidden; padding: .7em; display: block; width:var(--ba-awidth); height:100%; position: absolute; left: auto; right:calc(var(--ba-awidth) * -1.5); top: 0; transition: left .5s ease .1s, right .5s ease .1s; font-size: 1rem;}
.ba__accessibility-body{overflow: auto; display: block;width: 100%; height: calc(100% - 3.2em);}
.ba__accessibility-body > *{display: flex; flex-wrap: wrap; border-radius:var(--ba-aradius); background: rgba(14, 36, 89, 0.1);box-shadow:var(--ba-abox-shadow); margin:.5em .2em .2em; padding: .5em;}
.ba__accessibility-body > * > :only-child{display: none !important;}
.ba__accessibility-body > * > :first-child{margin-top:0;}
.ba__accessibility-body > * > .ba__accessibility-title{display: block; width: 100%;font-weight:500;font-size: 1.2em;padding: 0 .3em .2em;}
.ba__accessibility [class*="-button"],
.ba__accessibility [class$="-slider"],
.ba__accessibility [class*="-color"],
.ba__accessibility [class*="-player"]{width:calc(33.33% - .6em); height: var(--ba-abutton-size); border-radius:var(--ba-aradius); display: flex; justify-content: center;background: rgba(255, 255, 255, 0.2); margin: .3em; padding: .5em; flex-direction:column; text-align: center; cursor: pointer;border: 1px solid var(--ba-aborder); box-shadow: 0 0 2px rgba(0,0,0,.3);}
.ba__accessibility [class*="-button"] :last-child,
.ba__accessibility [class$="-slider"] label,
.ba__accessibility [class*="-color"] label{display: block; width: 100%; font-size:.8em;font-style: normal;text-transform: capitalize; margin: 0;}
.ba__accessibility [class$="-slider"] label,
.ba__accessibility [class*="-color"] label{width: 12em;display: flex;align-items: center; padding:0 .5em;}
.ba__accessibility [class*="-button"] svg{width: auto; height:2em;}
.ba__accessibility [class*="-button"]:hover{box-shadow:0 0 1em var(--ba-aprimary-shadow);}
.ba__accessibility [class$="-slider"],
.ba__accessibility [class*="-color"],
.ba__accessibility [class*="-player"]{width:calc(100% - .5em); height: 3.6em; text-align: left;flex-direction: row; padding: 0;}
.ba__accessibility [class$="-slider"] svg{height:3em;}
.ba__accessibility .ba__accessibility-header{display: flex; justify-content: space-between; align-items: center;}
.ba__accessibility .ba__accessibility-header > *,
.ba__accessibility .ba__accessibility-header > *:hover{background: none !important; border: 0; box-shadow: none; width: 48px; height: 48px; padding: 0; margin: 0; font-size: 1.2em;display: flex; align-items: center; color: inherit !important; position: relative;}
.ba__accessibility .ba__accessibility-header > * i{display: none !important; position: absolute; left:50%; top:0; z-index: 5; background: rgba(110, 123, 157, 0.3);color: var(--ba-acolor); padding: .2em .5em; border-radius: var(--ba-aradius);width:auto !important;font-size: .6em !important;transform: translate(-50%, -45%);white-space: nowrap;}
.ba__accessibility .ba__accessibility-header > .ba__accessibility-logo-button{order: -1;}
.ba__accessibility .ba__accessibility-header > .ba__accessibility-title{width: 100%;padding: 0 .3em;font-weight: 600;text-transform: uppercase;}
.ba__accessibility > .ba__accessibility-action-button{background:var(--ba-aprimary); border-radius: 50%;display: flex;justify-content: center;align-items: center;color: #fff; fill:currentColor; border: 0;width: 4.3em;height: 4.3em;box-shadow: 0 0 2em rgba(0, 0, 0, .3); position: relative;}
.ba__accessibility > .ba__accessibility-action-button svg{height: 3em;}

.ba__accessibility .ba__accessibility-header .ba__accessibility-action-button:hover{color:#c61a1a !important;}
.ba__accessibility .ba__accessibility-reset-button:hover{color: var(--ba-aprimary) !important;}
.ba__accessibility .ba__accessibility-reset-button > svg,
.ba__accessibility .ba__accessibility-dark-mode-button > svg{width: 1.1em; height:1.1em;}
.ba__accessibility .ba__accessibility-reset-button:hover > i,
.ba__accessibility .ba__accessibility-dark-mode-button:hover > i,
.ba__accessibility .ba__accessibility-action-button:hover > i{display: block !important;}

.ba__accessibility-open .ba__accessibility-container{left: auto; right: 0;}
.ba__accessibility-open > [class*="-button"]{display: none !important;}

.ba__accessibility-slider-body > div{position: static; display: flex;align-items: center;}
.ba__accessibility-slider-body > div > i{position:relative;right:0;top:0;left: auto; background:rgba(95, 118, 153, 0.2);display: block;font-size: .6em;padding:.3em .5em;border-radius:1em;line-height: 1;width:8em;text-align: center;font-weight: bold;color:var(--ba-acolor); box-shadow: 1px 1px 0 rgba(255,255,255,.3),-1px -1px 0 rgba(0,0,0,.2);}
.ba__accessibility-slider-body[data-enable]> div > i{background:var(--ba-aprimary);color:#fff;}
.ba__accessibility-slider-body{display: flex; align-items: center; position: relative;}
.ba__accessibility-slider-body > i[class*="-button"]{width:3em; height:3em; padding: .3em 0;background: none;border: 0;box-shadow: none !important;}
.ba__accessibility-colour-body{display: flex; align-items: center; position: relative; padding-right: .5em;}
.ba__accessibility-colour-body > i[class*="-button"]{width:1.5em; height:1.5em; display: block;border-radius: 50%;margin: 0 3px 0 0; position: relative;}
.ba__accessibility-colour-body > .ba__accessibility-active::before,
.ba__accessibility-colour-body > .selected::before{position: absolute; left:9%; top:10%; width:80%; height:80%;content: '';z-index: 3; border-radius: 50%; border: 2px solid #fff; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%234AF90B' stroke-width='2' d='m5 12l5 5L20 7'/%3E%3C/svg%3E");}
.ba__accessibility-range-input{width:100%;height:1.5em;padding:0 .2em;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border: 0; outline: 0; box-shadow:none !important; border-radius: 1em; margin:.3em 0 0; display: none;}
.ba__accessibility-range-input:focus{border: 0; outline: 0 none;}
.ba__accessibility-range-input:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25em var(--ba-aprimary-shadow)}
.ba__accessibility-range-input:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25em var(--ba-aprimary-shadow)}
.ba__accessibility-range-input::-moz-focus-outer{border:0}
.ba__accessibility-range-input::-webkit-slider-thumb{width:1em;height:1em;margin-top:-.25em;-webkit-appearance:none;appearance:none;background-color:var(--ba-aprimary);border:0;border-radius:1em;cursor:-webkit-grab;cursor:grab;}
.ba__accessibility-range-input::-webkit-slider-thumb:active{-webkit-filter: sepia(30%);filter: sepia(30%);}
.ba__accessibility-range-input::-webkit-slider-runnable-track{width:100%;height:.5em;color:transparent;cursor:pointer;border:1px solid rgba(150,150,150,.15);border-radius:1em;background:linear-gradient(0deg,rgba(255, 255, 255, 0.2) 0%, rgba(56, 66, 88, 0.2) 100%);}
.ba__accessibility-range-input::-moz-range-thumb{width:1em;height:1em;-moz-appearance:none;appearance:none;background-color:var(--ba-aprimary);border:0;border-radius:1em;cursor:grab;}
.ba__accessibility-range-input::-moz-range-thumb:active{-webkit-filter: sepia(30%);filter: sepia(30%);}
.ba__accessibility-range-input::-moz-range-track{width:100%;height:.5em;color:transparent;cursor:pointer;border:1px solid rgba(150,150,150,.15);border-radius:1em;background:linear-gradient(0deg,rgba(255, 255, 255, 0.2) 0%, rgba(56, 66, 88, 0.2) 100%);}
.ba__accessibility-range-input[disabled]{background: none; opacity: .5;}


.ba__accessibility .ba__accessibility-active:not([class*="-color"]){background: var(--ba-aprimary); color: #fff;}

.ba__accessibility-left-font{text-align: left !important;}
.ba__accessibility-center-font{text-align: center !important;}
.ba__accessibility-right-font{text-align: right !important;}
.ba__accessibility-heading{outline: 2px solid #10c2fd !important;}
.ba__accessibility-link{outline:2px solid #ce16a9 !important;}
.ba__accessibility-hover:hover{background: rgba(250, 225, 1, 0.5) !important;}
.ba__accessibility-dyslexia-font,
.ba__accessibility-dyslexia-font *{font-family: OpenDyslexic,Arial,sans-serif !important;}
.ba__accessibility-readable-font,
.ba__accessibility-readable-font *{font-family: Tahoma,Arial,Helvetica,Verdana,sans-serif !important}



.ba__accessibility-hide-image body img,
.ba__accessibility-hide-image body > :not(.ba__accessibility) svg{display: none !important; opacity: 0 !important; visibility: hidden !important;}
.ba__accessibility-stop-animation,
.ba__accessibility-stop-animation *{transition: none !important;-webkit-animation-fill-mode: forwards !important;animation-fill-mode: forwards !important;-webkit-animation-iteration-count: 1 !important;animation-iteration-count: 1 !important;-webkit-animation-duration: 0.01s !important;animation-duration: 0.01s !important;}
.ba__accessibility-cursor,
.ba__accessibility-tip{position: fixed;z-index: 999999999;pointer-events: none;top:5em;left:5em;display: none;}
.ba__accessibility-big-cursor *{cursor: none !important;}
.ba__accessibility-big-cursor .ba__accessibility-cursor{width:4em;height:4em;background:rgba(255,0,0,.3);border-radius:50%;display: block;mix-blend-mode:difference; transform: translate(-50%, -50%);}
.ba__accessibility-mask-cursor .ba__accessibility-cursor{width:100%;height:15vh;background:transparent;border:10px solid #fff;border-left:0;border-right:0;box-shadow:0 0 0 100vh rgba(0, 0, 0, .8);transition:none;transform:translate(0,-50%);left:0 !important; display: block;}
.ba__accessibility-guide-cursor .ba__accessibility-cursor{width:25vw;height:8px;background:#000;border:#ff0 2px solid;transition:all .1s ease;transform-origin:center;transform:translate(-50%,50%); display: block;}
.ba__accessibility-guide-cursor .ba__accessibility-cursor::before{width:1.6em; height:1.6em; border: .8em solid; border-color: transparent transparent #ff0 transparent; position: absolute; left: calc(50% - .8em); top: auto; bottom: 100%; display: block; content: '';}
.ba__accessibility-read-mode body{background: #e3e6ec !important;}
.ba__accessibility-read-mode body > .ba__accessibility-readability{margin:0 auto;max-width:40em;font-size: 16px !important;line-height: 1.5 !important;background: #fff;color: #000;padding:1.5em;border-radius:var(--ba-aradius);overflow: hidden; box-shadow:0 0 1em var(--ba-aprimary-shadow);}
.ba__accessibility-magnifier .ba__accessibility-tip{background: rgba(0, 0, 0, .8); color: #fff; border-radius: 5px; padding: .3em .5em;display: none;font-size: 2em;line-height: 1;transform: translate(-50%, 15px);max-width: 650px;}



.ba__accessibility-blend-invert-blend{-webkit-filter: invert(1);filter: invert(1);}
.ba__accessibility-blend-grayscale-blend{-webkit-filter: grayscale(100%);filter: grayscale(100%);}
.ba__accessibility-blend-low-saturation-blend{-webkit-filter: saturate(50%);filter: saturate(50%);}
.ba__accessibility-blend-high-saturation-blend{-webkit-filter: saturate(200%);filter: saturate(200%);}
.ba__accessibility-blend-dark-contrast-blend > body,
.ba__accessibility-blend-dark-contrast-blend > body > .ba__accessibility-readability,
.ba__accessibility-blend-dark-contrast-blend .ba__accessibility-contrast{background: #000 !important; color: #fff !important; border-color: #fff !important;}
.ba__accessibility-blend-light-contrast-blend > body,
.ba__accessibility-blend-light-contrast-blend > body > .ba__accessibility-readability,
.ba__accessibility-blend-light-contrast-blend .ba__accessibility-contrast{background: #fff !important; color: #000 !important; border-color: #000 !important;}

.ba__accessibility-dark-mode-button.ba__accessibility-active{color: var(--ba-aprimary) !important;}

.ba__accessibility-speech-highlight{outline: 2px dashed #fc0; outline-offset: 2px;}
.ba__accessibility [class*="-player"]{position: relative; background: none; border: 0;box-shadow: none; margin: 1.2em .5em;flex-direction: column;padding-left: 6em;}
.ba__accessibility [class*="-audio-"]{height: 2em; margin:.1em 0;border-radius: 5em;}
.ba__accessibility .ba__accessibility-audio-play-button{width: 5.2em;height: 5.2em;border-radius: 50%;position: absolute;left: 0;top: -.6em;background: rgba(87, 107, 128, 0.3);border: 0;box-shadow: 0 .1em 0 rgba(255, 255, 255, .4), 0 -.1em 0 rgba(0,0,0,.3) !important;}
.ba__accessibility .ba__accessibility-audio-play-button::before,
.ba__accessibility .ba__accessibility-audio-play-button::after{position: absolute; left: .3em;top: .3em; width: calc(100% - .6em); height: calc(100% - .6em); display: block; content: ''; border-radius: 50%; z-index: 1;}
.ba__accessibility .ba__accessibility-audio-play-button::after{box-shadow: 0 .1em .2em rgba(0,0,0,.3);background:linear-gradient(0deg, rgb(168, 179, 195) 0%, rgb(239, 242, 247) 100%);}
.ba__accessibility .ba__accessibility-audio-play-button::before{left:1.2em;top:1.2em;width:calc(100% - 2.4em);height:calc(100% - 2.4em);z-index:2;background:rgba(165, 173, 189, 0.2);box-shadow:0 1px 0 rgba(255,255,255,.5),0 -1px 0 rgba(0,0,0,.3)}
.ba__accessibility .ba__accessibility-audio-play-button > svg{display: none;}
.ba__accessibility .ba__accessibility-audio-play-button > i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:0;color:rgba(0,0,0,0);border:.7em solid;z-index:3;width:0!important;height:0.7em;border-color:transparent transparent transparent var(--ba-acolor);margin-left:.35em!important}
.ba__accessibility .ba__accessibility-audio-play-button.ba__accessibility-active > i{width: .8em !important; border-width: 0 .3em; border-color: transparent var(--ba-aprimary);height: 1em; margin-left:0 !important;}
.ba__accessibility [class*="-audio-"] label{width: 8.5em;}
.ba__accessibility [class*="-audio-"] [class*="-button"]{display: none;}
.ba__accessibility [class*="-audio-"] input{display: block; margin: 0;}
.ba__accessibility [class*="-audio-"] .ba__accessibility-slider-body > div > i{padding: .3em;background: none;color: inherit;height: auto;width:5em;box-shadow: none;}
.ba__accessibility-dark-mode .ba__accessibility-audio-play-button::after{background:linear-gradient(0deg, rgb(54, 63, 77) 0%, rgb(124, 140, 164) 100%);}
.ba__accessibility-dark-mode .ba__accessibility-audio-play-button::before {background: rgba(0, 0, 0, 0.3);box-shadow: 0 1px 0 rgba(255,255,255,.2),0 -1px 0 rgba(0,0,0,.5);}
.ba__accessibility-dark-mode .ba__accessibility-audio-play-button{box-shadow: 0 .08em 0 rgba(255, 255, 255, .2), 0 -.1em 0 rgba(0,0,0,.1) !important;}

.ba__accessibility-iconpos-start .ba__accessibility{align-items: flex-start;}
.ba__accessibility-iconpos-end .ba__accessibility{align-items: flex-end;}
.ba__accessibility-iconpos-center .ba__accessibility{align-items: center;}

.ba__accessibility.ba__accessibility-hide{display:none !important;}
.ba__accessibility-static .ba__accessibility{position: static !important;}
.ba__accessibility-static .ba__accessibility > *{position: relative !important;}
.ba__accessibility-position-left .ba__accessibility{left: 15px; right: auto;}
.ba__accessibility-position-left .ba__accessibility .ba__accessibility-container{left: calc(var(--ba-awidth) * -1.5);}
.ba__accessibility-position-left .ba__accessibility-open .ba__accessibility-container{left:0; right: auto;}


.ba__accessibility:not(.ba__accessibility-open) > [class*="-button"]::after{content:'';width:0;height:0;border:.5em solid #0980ff; border-radius:50%;position:absolute;z-index:-1;top:50%;left:50%;transform:translate(-50%,-50%); opacity:0;-webkit-animation:ring 1.5s infinite;animation:ring 1.5s infinite; display: block;}
.ba__accessibility:not(.ba__accessibility-open) > [class*="-button"]:hover::after,
.ba__accessibility.ba__accessibility-open > [class*="-button"]::after{-webkit-animation: none;animation: none; display: none;}
@-webkit-keyframes ring_out {
0%{width:1em;height:1em;opacity:1;border-width:.5em}
100%{width:10em;height:10em;opacity:0;border-width:5em}
}
@keyframes ring_out {
0%{width:1em;height:1em;opacity:1;border-width:.5em}
100%{width:10em;height:10em;opacity:0;border-width:5em}
}

@media (max-width: 575px) {
    .ba__accessibility{--ba-awidth: 10rem !important;}
    .ba__accessibility [class*=title], .ba__accessibility-logo-button{display: none !important;}
    .ba__accessibility > * [class*="-button"]{width: calc(99% - .6em) !important;}
    .ba__accessibility [class$="-slider"], .ba__accessibility [class*="-color"], .ba__accessibility [class*="-player"]{height: auto !important;}
    .ba__accessibility-slider-body > i[class*="-button"]{width:1.8rem !important;}
    .ba__accessibility-colour-body > i[class*="-button"]{width: 1.5em !important;height: 1.5em !important;margin: 0 3px 3px 0 !important;}
    .ba__accessibility-colour-body{flex-wrap: wrap; padding: .5rem; justify-content: center;}
    .ba__accessibility-slider-body{flex-wrap: wrap;justify-content: center;padding: .5rem .5rem 0;}
    .ba__accessibility-slider-body > div{order: -1;}
    .ba__accessibility [class$="-slider"], .ba__accessibility [class*="-color"], .ba__accessibility [class*="-player"]{flex-wrap: wrap;}
    .ba__accessibility [class$="-slider"] label, .ba__accessibility [class*="-color"] label{font-size: .7em !important; margin-top: .3em !important;text-align: center !important;display: block !important;}
    .ba__accessibility [class*="-player"] {padding: 5.2rem 0 0 !important;}
    .ba__accessibility [class*="-audio-"] .ba__accessibility-slider-body > div > i{position: absolute !important;}
    .ba__accessibility .ba__accessibility-audio-play-button{left: 2px !important;}
    .ba__accessibility-audio-rate-slider, .ba__accessibility-audio-volume-slider{border-radius: .5em !important; width: 100% !important;}
}