:root {
  --cyaccess-primary-color: #c40e12;
}

#cyaccess {
  position: fixed;
  bottom: 30%;
  right: 10px;
  border-radius: 4px;
  z-index: 10000;
  word-spacing: 0;
  letter-spacing: 0;
  line-height: 100%;
  font-size: 1rem !important;
  text-align: center;
  font-family: sans-serif !important;
}
#cyaccess.cyaccess-shown {
  padding: 30px;
  background: #FFFFFF;
  bottom: 50%;
  transform: translate(0,50%);
  max-height: calc( 100% - 20px );
  overflow: auto;
  box-sizing: border-box;
  box-shadow: 0 2px 6px rgba(0,0,0,0.5);
}

.cyaccess-title {
  display: block;
  margin-top: 30px;
  font-weight: bold;
}

.cyaccess-version {
  display: block;
  margin-top: 20px;
  color: #666;
}

.cyaccess-buttons {
  display: flex;
  justify-content: space-between;
}

.cyaccess-buttons > button {
  display: inline-block;
  width: 50px;
  height: 30px;
  font-size: 16px;
  background: var(--cyaccess-primary-color);
  color: #FFF;
  border: 0;
  border-radius: 4px;
  cursor: pointer;
  background-position: center center;
  background-size: 60% 60%;
  background-repeat: no-repeat;
}
.cyaccess-buttons > button#cyaccess-toggle {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCEtLSBHZW5lcmF0b3I6IEdyYXZpdC5pbyAtLT48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHN0eWxlPSJpc29sYXRpb246aXNvbGF0ZSIgdmlld0JveD0iMCAwIDI2IDI2IiB3aWR0aD0iMjZwdCIgaGVpZ2h0PSIyNnB0Ij48ZGVmcz48Y2xpcFBhdGggaWQ9Il9jbGlwUGF0aF9GN1NLM0phS25MYWp1TENTZEhSd2hXdnhmbVlnOTlLTiI+PHJlY3Qgd2lkdGg9IjI2IiBoZWlnaHQ9IjI2Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgY2xpcC1wYXRoPSJ1cmwoI19jbGlwUGF0aF9GN1NLM0phS25MYWp1TENTZEhSd2hXdnhmbVlnOTlLTikiPjxwYXRoIGQ9IiBNIDE1LjgyOCAxMyBMIDI1LjcyOCAzLjEwMSBMIDIyLjg5OSAwLjI3MiBMIDEzIDEwLjE3MiBMIDMuMTAxIDAuMjcyIEwgMC4yNzIgMy4xMDEgTCAxMC4xNzIgMTMgTCAwLjI3MiAyMi44OTkgTCAzLjEwMSAyNS43MjggTCAxMyAxNS44MjggTCAyMi44OTkgMjUuNzI4IEwgMjUuNzI4IDIyLjg5OSBMIDE1LjgyOCAxMyBaICIgZmlsbD0icmdiKDI1NSwyNTUsMjU1KSIvPjwvZz48L3N2Zz4=);
}
#cyaccess:not(.cyaccess-shown) .cyaccess-buttons > button#cyaccess-toggle {
  width: 60px;
  height: 60px;
  border-radius: 100px;
  outline: 2px solid #FFFFFF;
  box-shadow: 0 3px 6px rgba(0,0,0,0.5);
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBzdHlsZT0iaXNvbGF0aW9uOmlzb2xhdGUiIHZpZXdCb3g9IjAgMCAyMCAyNyIgd2lkdGg9IjIwcHQiIGhlaWdodD0iMjdwdCI+PGc+PHBhdGggZD0iIE0gNiAzLjk4NCBDIDYgMS43NzcgNy43OTIgLTAuMDE2IDEwIC0wLjAxNiBDIDEyLjIwOCAtMC4wMTYgMTQgMS43NzcgMTQgMy45ODQgQyAxNCA2LjE5MiAxMi4yMDggNy45ODQgMTAgNy45ODQgQyA3Ljc5MiA3Ljk4NCA2IDYuMTkyIDYgMy45ODQgWiAiIGZpbGw9InJnYigyNTUsMjU1LDI1NSkiLz48cGF0aCBkPSIgTSA5Ljk3MyA5Ljk5MiBRIDEzLjY5MSA5Ljk5MiAxNy45NzMgNy45OTIgUSAxOS4zMTYgOC4xMTcgMTkuOTczIDguOTkyIEMgMjAuNTIxIDkuNzIzIDEyLjYzNSAxMy42OTcgMTIuNTIyIDE0Ljc4MiBRIDEyLjQxIDE1Ljg2NyAxNS45NzMgMjQuOTkyIFEgMTYuMjg1IDI2Ljc3MyAxNC45NzMgMjYuOTkyIEMgMTMuNTc5IDI3LjIyNCAxMS4xNiAyMi40NjEgOS45NzMgMTkuOTkyIFEgNi44MiAyNy4wMjggNC45NzMgMjYuOTkyIFEgMy4zNzkgMjYuOTYxIDMuOTczIDI0Ljk5MiBRIDcuODggMTUuOTExIDcuMzAyIDE0LjUzIEMgNi43MjMgMTMuMTQ4IC0wLjM1OCA5Ljg4MiAtMC4wMjcgOC45OTIgUSAwLjM3OSA3Ljg5OCAxLjk3MyA3Ljk5MiBRIDUuNTA0IDkuOTkyIDkuOTczIDkuOTkyIFogIiBmaWxsPSJyZ2IoMjU1LDI1NSwyNTUpIi8+PC9nPjwvc3ZnPg==);
}
#cyaccess:not(.cyaccess-shown) .cyaccess-buttons > button#cyaccess-toggle:focus {
  outline: 2px solid #000000;
}
.cyaccess-buttons > button#cyaccess-reset {
  display: none;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCEtLSBHZW5lcmF0b3I6IEdyYXZpdC5pbyAtLT48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHN0eWxlPSJpc29sYXRpb246aXNvbGF0ZSIgdmlld0JveD0iMCAwIDI2IDI2IiB3aWR0aD0iMjZwdCIgaGVpZ2h0PSIyNnB0Ij48ZGVmcz48Y2xpcFBhdGggaWQ9Il9jbGlwUGF0aF81UXVpN1ZpelVVdG9TWGlaQlRhc2M5aDJaaG1UYXVjbSI+PHJlY3Qgd2lkdGg9IjI2IiBoZWlnaHQ9IjI2Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgY2xpcC1wYXRoPSJ1cmwoI19jbGlwUGF0aF81UXVpN1ZpelVVdG9TWGlaQlRhc2M5aDJaaG1UYXVjbSkiPjxwYXRoIGQ9IiBNIDkuNjA2IDIuMDExIEMgMTAuNyAxLjY3NCAxMS44NDQgMS41IDEzIDEuNSBDIDE2LjA1IDEuNSAxOC45OCAyLjcxIDIxLjEzIDQuODcgQyAyMy4yOSA3LjAyIDI0LjUgOS45NSAyNC41IDEzIEMgMjQuNSAxNi4wNSAyMy4yOSAxOC45OCAyMS4xMyAyMS4xMyBDIDE4Ljk4IDIzLjI5IDE2LjA1IDI0LjUgMTMgMjQuNSBDIDkuOTUgMjQuNSA3LjAyIDIzLjI5IDQuODcgMjEuMTMgQyAyLjcxIDE4Ljk4IDEuNSAxNi4wNSAxLjUgMTMgQyAxLjUgMTEuMyAxLjg4IDkuNjEgMi42MSA4LjA3IEwgNS4zMiA5LjM2IEMgNC43OCAxMC41IDQuNSAxMS43NCA0LjUgMTMgQyA0LjUgMTUuMjUgNS40IDE3LjQyIDYuOTkgMTkuMDEgQyA4LjU4IDIwLjYgMTAuNzUgMjEuNSAxMyAyMS41IEMgMTUuMjUgMjEuNSAxNy40MiAyMC42IDE5LjAxIDE5LjAxIEMgMjAuNiAxNy40MiAyMS41IDE1LjI1IDIxLjUgMTMgQyAyMS41IDEwLjc1IDIwLjYgOC41OCAxOS4wMSA2Ljk5IEMgMTcuNDIgNS40IDE1LjI1IDQuNSAxMyA0LjUgQyAxMi4zMTMgNC41IDExLjYzMyA0LjU4MyAxMC45NzIgNC43NDUgTCAxMS42IDYgTCA0LjYgNiBMIDguNiAwIEwgOS42MDYgMi4wMTEgWiAiIGZpbGw9InJnYigyNTUsMjU1LDI1NSkiLz48L2c+PC9zdmc+);
}
#cyaccess.cyaccess-shown .cyaccess-buttons button#cyaccess-reset {
  display: inline-block;
}

#cyaccess-main {
  display: none;
}
#cyaccess.cyaccess-shown #cyaccess-main {
  display: block;
}

#cyaccess-config {
  display: grid;
  grid-template-columns: 100%;
  width: 100%;
  min-width: 300px;
  list-style: none;
  padding: 20px 0 0 0;
  margin: 0;
  row-gap: 10px;
  text-align: left;
}
#cyaccess-config > li {
  padding: 10px 20px;
  margin: 0;
  border-radius: 10px;
  background: #F2F2F2;
}
#cyaccess-config > li > label {
  display: block;
  width: 100%;
  text-align: center;
}
#cyaccess-config > li > input[type="checkbox"] {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  pointer-events: none;
}
#cyaccess-config > li > input[type="checkbox"] + label {
  position: relative;
  display: inline-block;
  width: auto;
  padding-left: 45px;
  line-height: 20px;
}
#cyaccess-config > li > input[type="checkbox"] + label::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 35px;
  height: 20px;
  border-radius: 10px;
  background: #CCC;
  content: '';
}
#cyaccess-config > li > input[type="checkbox"] + label::after {
  display: block;
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  border-radius: 10px;
  background: var(--cyaccess-primary-color);
  filter: saturate(0);
  opacity: 0.4;
  content: '';
  transition: 300ms;
}
#cyaccess-config > li > input[type="checkbox"]:checked + label::after {
  left: 17px;
  filter: saturate(1);
  opacity: 1;
}
#cyaccess-config > li > input[type="checkbox"]:focus + label::before {
  outline: 2px solid black;
}
#cyaccess-config > li > input[type="range"] {
  width: 100%;
    appearance: auto;
    cursor: default;
    color: red;
    padding: initial;
    border: initial;
    margin: 2px;
}



body:has(.cyaccess-filter-grayscale-web) a:hover {
  text-decoration: underline !important;
}
.cyaccess-filter-grayscale-web {
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
  pointer-events: none; 
  z-index: 9999; 
  backdrop-filter: grayscale( 1 );
}
 
body.cyaccess-simple-font * {
  font-family: sans-serif !important;
}
 
body.cyaccess-hideimages img {
  opacity: 0 !important;
  pointer-events: none !important;
}

body.cyaccess-stop-animations *, body.cyaccess-stop-animations *::before, body.cyaccess-stop-animations *::after {
  animation-duration: 1ms !important;
  animation-delay: 1ms !important;
  animation-iteration-count: 1 !important;
  transition: 0 !important;
}

body.cyaccess-oversized-cursor, body.cyaccess-oversized-cursor input[type="range"], body.cyaccess-oversized-cursor input[type="checkbox"], body.cyaccess-oversized-cursor label {
  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAA3CAYAAACPdVOuAAAAAXNSR0IArs4c6QAAAxBJREFUaEPNmtuN6kAMhr0ShYRCkEInUAmkjyMFKoFO4IEykDj81jjrNZNkbgmZl12JkHzz2x5fwg8RVUR0IaItEd1pQevHsbwc2KIANRw4odxiAAXu5sy7KMA/cFVV0f3ObrcIBQUOAVG3bUvn85mu1+siAP/AXS4Xgnr7/X4RgB9wdV2zaaHg8XgUBfdvZVnOOZfAtW8/28Gsu92On78EwF64JQAK3OEN87bikQ4H/Pu7PAqeiKiZw7yjcALRNI32wVkAg+EAKYCr1erxfD7/Ta2gwCEKWgQDgmJozQkYDacVdJvAeTOJDwpcjbIJZxwO4pClfBCXTwKYDDeHgllwUwMKHKrhG/Lq7YbqKW6dTifOx6V9sAgcoKYALAY3BaDA4d7oI+j14j/JC+luvV7L95FJOnvH3rQ4HABKAWo47iMQEAiM3FUCcDI4UXCz2Twfj8fK9SWdvUM2r+G4j0CGQKYotaBgKuDkcKLgdrvVnV2QgrPA9QCONu8a7qOPKGVauQ9MbBQcBJwVLlZBDdfbR3xLwa/AiYJjzfvX4EIANVxwH2HNDEd3A6BoD8D3UFX7BkgaLrpUFxIMfhCFhRYmXDz+SIYDkM4kgHPTKTDmzlUA2CTBiSPrqlkl+m7nuUpquKBSXZtQD34AAmhUxE65bDtHwVnfsj2HSfKAyzJvMJxJPfLQ2k4JVC8B8wYl+D7zazhc01uqK4cHGFTh6IZ6MhH1nF1ZzXYQnPIlqwbXgFY9Zf6swbeF+yjVjZ9ZP+qCCMGhjxa1oeQmZxBuBExchUstq57pIZKCw8J1pTp8SdVe4mc+32X18IEt8XODoxcO+c6d+ENgAsvllp1SmQhHSuJDMHR54fAQ9aIk5DjoVc8ER8i9OnYLx/6jdhbjK1zV+IZB6hiKCo4huBgw7Efe21Y2raXmXQvHvpORG73qmQlUsHo+OJz8qUkb6sE1+CUfjhdTSgWDwRQWDjuPiihP5HVpTdKZuybWTT7gQqN87Do+L91FySnMKjf20NDPWT1nhSLzudAHh14H/8v6tcV/r4c/dnD4OBAAAAAASUVORK5CYII=), auto !important;
}
body.cyaccess-oversized-cursor a, body.cyaccess-oversized-cursor button {
  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAA4CAYAAAC7UXvqAAAAAXNSR0IArs4c6QAAA3dJREFUaEPtWguO2kAMNRL3aDgJcJCK5CTASYCTACeBSj0GEt3njiNnOp8kwyRZNSOh7EIY/PybZzsLSl8lEe2IqDBb3YjoSETP9K3jOyzitwTvgPAnxx0Q/myAJP5E+OspAKDxB7Y/HA6028EIRJfLhf83FtjmtkQKAGi+LMuSTqemEbbbLd1u8CQCErhTtpUCANovIDxA6AXhAYKIgIL/yLVSALwh1PvNl28HgP2/KAp6PDgMZgB9XayvC80W6Ktx+3uzBf6HIK6+zoONMj1oBp9yn1i5XQjCCsnT8uL9j9CM3ABYaJwXm81fI5zP4Hi8AGKlUAEoXp2skx0ABL9er7Wcz+eTaQauRljtXnKfMNkoJc8OAEEOC+iluFL9Nu7By5BAARflUVkB2NoXaQUABIZ1NEBYZrWqPQsJ4IdJArpgupt6g0YF4ANYVZWOFV+yYqo+SQDaxVAcrdfr2kr4DACXy+Xv1+v1c9IAfBY6Ho9S9Z2/JQCkYlgBcTADCHGhWBbq+/lsAXPkR0vKvhqWLOT7fnYLfIJlhvbwAdhbtPcip51js2BJOTQACIPOlItU+VqEkwLAHTbwETSocOph4bCwiBUSr7DDSQHgzpSLNVrUV1tjUgBA1jdghVJ0NEqnL3aoGrb4CCQK8eHNQkPHALfIXdRWC6L4Bx/h4naug2xoAPi9Og5CAqn0xTL6WotjAIBPw5UKV7vcV01NCQArVA8s9nscC+4lVdPUAEBanAVcgaOQiIFAcT6VGNCqhuoP0C6GF67MlNvHY/u34UI1CLvojm0+xOdtANT0Yiw/DylCFf1VqCJrnZmG0Lr+DbRdTGNsFSspW2emoUBYZ9EiBqBTZhoChPZ/Igq60CQzk5pBgx136kqMnpmsnip7TxsXEksgHvA8AZ8RY6RXpX2QSW4MdQEgdIOrt6FBuLTfB8BoIHzPX3S1gHYnZq9DWMKqRRoy9wUglqhjAjQ8RP76plgr72Pg0RhBpQBogGjDYLuCsPye06a9RyoA2Y9TLCMy3Y0Ua8gMwNAFbOsUvm8Q+xTZ6C8JEDzJZc/I7A0gKF73+50nM0pwdELwwNQ/mpc9PmUBLROaBLAIz7RkeCcg5CpCq96T3qP1M3c5AEhsoLpDl6z5OJfbfhBYJvgY4LWeFecCoMWUATaumDjK+qWE7hrf9f1/AHKcruRwNEMWAAAAAElFTkSuQmCC), auto !important;
}
 
div.cyaccess-hideimages-label {
  position: relative;
  display: inline-block;
  width: fit-content;
  height: fit-content;
  background: rgba(0,0,0,0.05);
}
div.cyaccess-hideimages-label > span {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: calc( 100% - 20px );
  max-height: calc( 100% - 20px );
  transform: translate(-50%,-50%);
  overflow: auto;
  color: #FFFFFF;
  background: #333;
  padding: 5px;
  text-align: center;
  font-size: 1rem;
  font-weight: normal;
}

:root {
  --cyaccess-font-size-factor: 1;
  --cyaccess-line-height-factor: 1;
  --cyaccess-letter-spacing-factor: 0;
  --cyaccess-word-spacing-factor: 0;
  --cyaccess-zoom-factor: 1;
  zoom: var(--cyaccess-zoom-factor);
  font-size: calc( 100% * var(--cyaccess-font-size-factor) ); 
  letter-spacing: calc( 1px * var(--cyaccess-letter-spacing-factor) );
  word-spacing: calc( 1px * var(--cyaccess-word-spacing-factor) );
  line-height: calc( 100% * var(--cyaccess-line-height-factor) ); 
}