#cc-accessible-popup{
 top:0!important;
}

#cc-accessible-popup #cc-accessible-popup-main {
  height: calc(100% - 150px);
}

#cc-accessible-popup-box {
  font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif;
  display: none;
}

#cc-accessible-popup-box *,
#cc-accessible-popup-box ::after,
#cc-accessible-popup-box ::before {
  box-sizing: border-box;
}

#cc-accessible-popup-box label {
  display: inline-block;
  margin-bottom: .5rem;
}


#cc-accessible-popup-box.mdp-is-open {
  display: block;
}

#cc-accessible-popup-box.cc-accessible-modal-absolute #cc-accessible-popup {
  position: absolute
}

#cc-accessible-popup-box.cc-accessible-modal-fixed #cc-accessible-popup {
  position: fixed
}

#cc-accessible-popup-box.cc-accessible-modal-shadow #cc-accessible-popup {
  box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, .034), 0 6.7px 5.3px rgba(0, 0, 0, .048), 0 12.5px 10px rgba(0, 0, 0, .06), 0 22.3px 17.9px rgba(0, 0, 0, .072), 0 41.8px 33.4px rgba(0, 0, 0, .086), 0 100px 80px rgba(0, 0, 0, .12)
}

#cc-accessible-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 99998;
  background-color: var(--accessible-overlay)
}

#cc-accessible-popup {
  top: 0;
  bottom: 0;
  z-index: 99999;
  display: block;
  width: 450px;
  box-sizing: border-box;
  overflow: hidden;
  -webkit-animation-duration: var(--accessible-animate);
  animation-duration: var(--accessible-animate);
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

#cc-accessible-popup[data-start=right] {
  right: 0
}

#cc-accessible-popup[data-start=left] {
  left: 0
}

#cc-accessible-popup[data-start=center] {
  right: 0;
  left: 0;
  margin: 0 auto
}

#cc-accessible-popup .cc-accessible-subheader {
  padding: 4px 0 0 0;
  margin: 32px 24px 0 32px
}

#cc-accessible-popup .cc-accessible-subheader:nth-child(1) {
  margin-top: 0
}

#cc-accessible-popup .cc-accessible-subheader h4 {
  font-size: 24px;
  padding: 16px 0 0 0;
  margin: 0
}

#cc-accessible-popup #cc-accessible-popup-main {
  overflow: auto;
  box-sizing: border-box;
  padding: 0;
  margin: 3px
}

#cc-accessible-popup #cc-accessible-popup-main>div:last-child {
  padding-bottom: 0
}

#cc-accessible-popup #cc-accessible-popup-main::-webkit-scrollbar-track {
  border-radius: 6px
}

#cc-accessible-popup #cc-accessible-popup-main::-webkit-scrollbar {
  width: 12px
}

#cc-accessible-popup #cc-accessible-popup-main::-webkit-scrollbar-thumb {
  border-radius: 8.5px
}

#cc-accessible-popup #cc-accessible-popup-header {
  cursor: move;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 50px;
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
  padding: 12px 0;
}

#cc-accessible-popup #cc-accessible-popup-header h3 {
  padding: 0;
  margin: 0 32px;
  font-size: 24px;
  font-weight: 700;
  font-family: sans-serif !important
}

#cc-accessible-popup #cc-accessible-popup-close {
  background: 0 0;
  border: 0;
  margin-right: 32px;
  font-size: 20px;
  font-weight: bold;
}

#cc-accessible-popup #cc-accessible-popup-close:before {
  content: "\2715"
}

#cc-accessible-popup #cc-accessible-focus-holder {
  width: 1px;
  opacity: 0
}

#cc-accessible-popup #cc-accessible-popup-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin: 0;
  padding: 32px;
  box-sizing: border-box;
  gap: 10px;
}

#cc-accessible-popup #cc-accessible-popup-footer button {
  font-size: 16px;
  border-radius: 16px;
  min-height: 34px;
  flex-grow: 1;
  transition: .2s;
  font-weight: 700;
  text-transform: none;
  letter-spacing: normal;
  flex: 1 1 0;
}

#cc-accessible-popup #cc-accessible-popup-footer button:focus {
  outline: 0
}

#cc-accessible-popup #cc-accessible-popup-footer button:first-child {
  margin-left: 0
}

#cc-accessible-popup #cc-accessible-popup-footer button:last-child {
  margin-right: 0
}

#cc-accessible-popup #cc-accessible-popup-footer .cc-accessible-statement {
  width: 100%;
  font-size: 14px;
  line-height: 1.25;
  flex-grow: 2;
  padding: 20px 0 0 0;
  margin-bottom: -4px;
  text-align: center
}

#cc-accessible-popup #cc-accessible-popup-footer .cc-accessible-statement a {
  text-decoration: underline;
  cursor: pointer
}

@media screen and (max-width:480px) {
  #cc-accessible-popup {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    left: 0 !important
  }


  #cc-accessible-popup .cc-accessible-action-box {
    width: 100%
  }

  #cc-accessible-popup #cc-accessible-popup-footer button {
    width: 100%;
    margin: 0
  }
}

#cc-accessible-accessibility-statement-box {
  transition: opacity .4s ease-out;
  opacity: 0;
  height: 0;
  overflow: hidden
}

#cc-accessible-accessibility-statement-box.mdp-open {
  opacity: 1;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 32px;
  z-index: 999;
  overflow-y: scroll
}

#cc-accessible-accessibility-statement-box.mdp-open::-webkit-scrollbar {
  width: 12px;
}

#cc-accessible-accessibility-statement-box.mdp-open #cc-accessible-close-statement-btn {
  position: absolute;
  top: 19px;
  right: 16px;
  background: 0 0;
  border: 0
}

#cc-accessible-accessibility-statement-box.mdp-open #cc-accessible-close-statement-btn:before {
  color: #444;
  content: "\2715"
}

@-webkit-keyframes readabler-bounce {

  20%,
  40%,
  60%,
  80%,
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  0% {
    opacity: 0;
    transform: scale3d(.3, .3, .3)
  }

  20% {
    transform: scale3d(1.1, 1.1, 1.1)
  }

  40% {
    transform: scale3d(.9, .9, .9)
  }

  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03)
  }

  80% {
    transform: scale3d(.97, .97, .97)
  }

  to {
    opacity: 1;
    transform: scale3d(1, 1, 1)
  }
}

@keyframes readabler-bounce {

  20%,
  40%,
  60%,
  80%,
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  0% {
    opacity: 0;
    transform: scale3d(.3, .3, .3)
  }

  20% {
    transform: scale3d(1.1, 1.1, 1.1)
  }

  40% {
    transform: scale3d(.9, .9, .9)
  }

  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03)
  }

  80% {
    transform: scale3d(.97, .97, .97)
  }

  to {
    opacity: 1;
    transform: scale3d(1, 1, 1)
  }
}

@-webkit-keyframes readabler-fade {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes readabler-fade {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@-webkit-keyframes readabler-fade-out {
  from {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@keyframes readabler-fade-out {
  from {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@-webkit-keyframes readabler-scale {
  0% {
    transform: scale(0);
    opacity: 0
  }

  100% {
    transform: scale(1);
    opacity: 1
  }
}

@keyframes readabler-scale {
  0% {
    transform: scale(0);
    opacity: 0
  }

  100% {
    transform: scale(1);
    opacity: 1
  }
}

@-webkit-keyframes readabler-slide-tr {
  from {
    transform: translateX(-100%);
    opacity: 0
  }

  to {
    transform: translateX(0);
    opacity: 1
  }
}

@keyframes readabler-slide-tr {
  from {
    transform: translateX(-100%);
    opacity: 0
  }

  to {
    transform: translateX(0);
    opacity: 1
  }
}

@-webkit-keyframes readabler-slide-tl {
  from {
    transform: translateX(100%);
    opacity: 0
  }

  to {
    transform: translateX(0);
    opacity: 1
  }
}

@keyframes readabler-slide-tl {
  from {
    transform: translateX(100%);
    opacity: 0
  }

  to {
    transform: translateX(0);
    opacity: 1
  }
}

@-webkit-keyframes readabler-slide-tt {
  from {
    transform: translateY(100%);
    opacity: 0
  }

  to {
    transform: translateY(0);
    opacity: 1
  }
}

@keyframes readabler-slide-tt {
  from {
    transform: translateY(100%);
    opacity: 0
  }

  to {
    transform: translateY(0);
    opacity: 1
  }
}

@keyframes readabler-slide-tt {
  from {
    transform: translateY(100%);
    opacity: 0
  }

  to {
    transform: translateY(0);
    opacity: 1
  }
}

@-webkit-keyframes readabler-slide-tb {
  from {
    transform: translateY(-100%);
    opacity: 0
  }

  to {
    transform: translateY(0);
    opacity: 1
  }
}

@keyframes readabler-slide-tb {
  from {
    transform: translateY(-100%);
    opacity: 0
  }

  to {
    transform: translateY(0);
    opacity: 1
  }
}

@-webkit-keyframes readabler-flip-x {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0
  }

  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1
  }

  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
  }

  to {
    transform: perspective(400px)
  }
}

@keyframes readabler-flip-x {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0
  }

  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1
  }

  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
  }

  to {
    transform: perspective(400px)
  }
}

@-webkit-keyframes readabler-flip-y {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0
  }

  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1
  }

  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
  }

  to {
    transform: perspective(400px)
  }
}

@keyframes readabler-flip-y {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0
  }

  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1
  }

  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
  }

  to {
    transform: perspective(400px)
  }
}

@-webkit-keyframes readabler-rotate {
  from {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0
  }

  to {
    transform-origin: center;
    transform: translate3d(0, 0, 0);
    opacity: 1
  }
}

@keyframes readabler-rotate {
  from {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0
  }

  to {
    transform-origin: center;
    transform: translate3d(0, 0, 0);
    opacity: 1
  }
}

@-webkit-keyframes readabler-wobble {
  from {
    transform: scale3d(1, 1, 1)
  }

  10%,
  20% {
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
  }

  30%,
  50%,
  70%,
  90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
  }

  40%,
  60%,
  80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
  }

  to {
    transform: scale3d(1, 1, 1)
  }
}

@keyframes readabler-wobble {
  from {
    transform: scale3d(1, 1, 1)
  }

  10%,
  20% {
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
  }

  30%,
  50%,
  70%,
  90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
  }

  40%,
  60%,
  80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
  }

  to {
    transform: scale3d(1, 1, 1)
  }
}

#cc-accessible-popup-box.cc-accessible-modal-animation-bounce #cc-accessible-popup {
  -webkit-animation-name: readabler-bounce;
  animation-name: readabler-bounce
}

#cc-accessible-popup-box.cc-accessible-modal-animation-fade #cc-accessible-popup {
  -webkit-animation-name: readabler-fade;
  animation-name: readabler-fade
}

#cc-accessible-popup-box.cc-accessible-modal-animation-flip-x #cc-accessible-popup {
  -webkit-animation-name: readabler-flip-x;
  animation-name: readabler-flip-x;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important
}

#cc-accessible-popup-box.cc-accessible-modal-animation-flip-y #cc-accessible-popup {
  -webkit-animation-name: readabler-flip-y;
  animation-name: readabler-flip-y;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important
}

#cc-accessible-popup-box.cc-accessible-modal-animation-scale #cc-accessible-popup {
  -webkit-animation-name: readabler-scale;
  animation-name: readabler-scale
}

#cc-accessible-popup-box.cc-accessible-modal-animation-slide-tr #cc-accessible-popup {
  -webkit-animation-name: readabler-slide-tr;
  animation-name: readabler-slide-tr
}

#cc-accessible-popup-box.cc-accessible-modal-animation-slide-tl #cc-accessible-popup {
  -webkit-animation-name: readabler-slide-tl;
  animation-name: readabler-slide-tl
}

#cc-accessible-popup-box.cc-accessible-modal-animation-slide-tt #cc-accessible-popup {
  -webkit-animation-name: readabler-slide-tt;
  animation-name: readabler-slide-tt
}

#cc-accessible-popup-box.cc-accessible-modal-animation-slide-tb #cc-accessible-popup {
  -webkit-animation-name: readabler-slide-tb;
  animation-name: readabler-slide-tb
}

#cc-accessible-popup-box.cc-accessible-modal-animation-rotate #cc-accessible-popup {
  -webkit-animation-name: readabler-rotate;
  animation-name: readabler-rotate
}

#cc-accessible-popup-box.cc-accessible-modal-animation-wobble #cc-accessible-popup {
  -webkit-animation-name: readabler-wobble;
  animation-name: readabler-wobble;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important
}

.cc-accessible-trigger-button-box {
  position: fixed;
  z-index: 99999;
  margin: var(--accessible-btn-margin)
}

.cc-accessible-trigger-button-box.top-left {
  top: 0;
  left: 0
}

.cc-accessible-trigger-button-box.top-right {
  top: 0;
  right: 0
}

.cc-accessible-trigger-button-box.left-center {
  top: 50%;
  left: 0;
  transform: translate(0, -50%)
}

.cc-accessible-trigger-button-box.right-center {
  top: 50%;
  right: 0;
  transform: translate(0, -50%)
}

.cc-accessible-trigger-button-box.bottom-left {
  bottom: 0;
  left: 0
}

.cc-accessible-trigger-button-box.bottom-center {
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0)
}

.cc-accessible-trigger-button-box.bottom-right {
  bottom: 0;
  right: 0
}

.cc-accessible-trigger-button-box.mdp-entrance-bounce {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: readabler-bounce;
  animation-name: readabler-bounce;
  -webkit-animation-duration: .6s;
  animation-duration: .6s;
  -webkit-animation-delay: var(--accessible-btn-delay);
  animation-delay: var(--accessible-btn-delay)
}

.cc-accessible-trigger-button-box.mdp-entrance-fade {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: readabler-fade;
  animation-name: readabler-fade;
  -webkit-animation-duration: .6s;
  animation-duration: .6s;
  -webkit-animation-delay: var(--accessible-btn-delay);
  animation-delay: var(--accessible-btn-delay)
}

.cc-accessible-trigger-button-box.mdp-entrance-flip-x {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: readabler-flip-x;
  animation-name: readabler-flip-x;
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-delay: var(--accessible-btn-delay);
  animation-delay: var(--accessible-btn-delay);
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important
}

.cc-accessible-trigger-button-box.mdp-entrance-flip-y {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: readabler-flip-y;
  animation-name: readabler-flip-y;
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-delay: var(--accessible-btn-delay);
  animation-delay: var(--accessible-btn-delay);
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important
}

.cc-accessible-trigger-button-box.mdp-entrance-scale {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: readabler-scale;
  animation-name: readabler-scale;
  -webkit-animation-duration: .4s;
  animation-duration: .4s;
  -webkit-animation-delay: var(--accessible-btn-delay);
  animation-delay: var(--accessible-btn-delay)
}

.cc-accessible-trigger-button-box.mdp-entrance-wobble {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: readabler-wobble;
  animation-name: readabler-wobble;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-delay: var(--accessible-btn-delay);
  animation-delay: var(--accessible-btn-delay);
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important
}

.cc-accessible-trigger-button-box.mdp-entrance-rotate {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: readabler-rotate;
  animation-name: readabler-rotate;
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-delay: var(--accessible-btn-delay);
  animation-delay: var(--accessible-btn-delay)
}

.cc-accessible-trigger-button-box.mdp-hover-bounce button:hover span,
.cc-accessible-trigger-button-box.mdp-hover-fade button:hover span,
.cc-accessible-trigger-button-box.mdp-hover-flip-x button:hover span,
.cc-accessible-trigger-button-box.mdp-hover-flip-y button:hover span,
.cc-accessible-trigger-button-box.mdp-hover-rotate button:hover span,
.cc-accessible-trigger-button-box.mdp-hover-scale button:hover span,
.cc-accessible-trigger-button-box.mdp-hover-wobble button:hover span {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

.cc-accessible-trigger-button-box.mdp-hover-bounce button:hover span:nth-child(2),
.cc-accessible-trigger-button-box.mdp-hover-fade button:hover span:nth-child(2),
.cc-accessible-trigger-button-box.mdp-hover-flip-x button:hover span:nth-child(2),
.cc-accessible-trigger-button-box.mdp-hover-flip-y button:hover span:nth-child(2),
.cc-accessible-trigger-button-box.mdp-hover-rotate button:hover span:nth-child(2),
.cc-accessible-trigger-button-box.mdp-hover-scale button:hover span:nth-child(2),
.cc-accessible-trigger-button-box.mdp-hover-wobble button:hover span:nth-child(2) {
  -webkit-animation-delay: .1s;
  animation-delay: .1s
}

.cc-accessible-trigger-button-box.mdp-hover-bounce button:hover span {
  -webkit-animation-name: readabler-bounce;
  animation-name: readabler-bounce;
  -webkit-animation-duration: .6s;
  animation-duration: .6s
}

.cc-accessible-trigger-button-box.mdp-hover-fade button:hover span {
  -webkit-animation-name: readabler-fade;
  animation-name: readabler-fade;
  -webkit-animation-duration: .6s;
  animation-duration: .6s
}

.cc-accessible-trigger-button-box.mdp-hover-flip-x button:hover span {
  -webkit-animation-name: readabler-flip-x;
  animation-name: readabler-flip-x;
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important
}

.cc-accessible-trigger-button-box.mdp-hover-flip-y button:hover span {
  -webkit-animation-name: readabler-flip-y;
  animation-name: readabler-flip-y;
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important
}

.cc-accessible-trigger-button-box.mdp-hover-scale button:hover span {
  -webkit-animation-name: readabler-scale;
  animation-name: readabler-scale;
  -webkit-animation-duration: .4s;
  animation-duration: .4s
}

.cc-accessible-trigger-button-box.mdp-hover-rotate button:hover span {
  -webkit-animation-name: readabler-rotate;
  animation-name: readabler-rotate;
  -webkit-animation-duration: .5s;
  animation-duration: .5s
}

.cc-accessible-trigger-button-box.mdp-hover-wobble button:hover span {
  -webkit-animation-name: readabler-wobble;
  animation-name: readabler-wobble;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important
}

.cc-accessible-trigger-button-box button {
  display: flex;
  align-items: center;
  outline: 0;
  padding: var(--accessible-btn-padding);
  border-radius: var(--accessible-btn-radius);
  color: var(--accessible-btn-color);
  background: var(--accessible-btn-bg);
  font-size: var(--accessible-btn-size)
}

.cc-accessible-trigger-button-box button#cc-accessible-trigger-button span:nth-child(2) {
  padding: calc(var(--accessible-btn-padding)/ 2)
}

.cc-accessible-trigger-button-box button .cc-accessible-trigger-button-icon svg {
  fill: var(--accessible-btn-color);
  width: var(--accessible-btn-size);
  height: var(--accessible-btn-size)
}

.cc-accessible-trigger-button-box button:focus,
.cc-accessible-trigger-button-box button:hover {
  text-decoration: none
}

.cc-accessible-trigger-button-box button .cc-accessible-button-icon {
  display: flex;
  align-self: center
}

.cc-accessible-trigger-button-box button.mdp-icon-position-before {
  flex-direction: row
}

.cc-accessible-trigger-button-box button.mdp-icon-position-before span:nth-child(2) {
  padding-top: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 0 !important
}

.cc-accessible-trigger-button-box button.mdp-icon-position-after {
  flex-direction: row-reverse
}

.cc-accessible-trigger-button-box button.mdp-icon-position-after span:nth-child(2) {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important
}

.cc-accessible-trigger-button-box button.mdp-icon-position-above {
  flex-direction: column
}

.cc-accessible-trigger-button-box button.mdp-icon-position-above span:nth-child(2) {
  padding-right: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important
}

.cc-accessible-trigger-button-box button.mdp-icon-position-bellow {
  flex-direction: column-reverse
}

.cc-accessible-trigger-button-box button.mdp-icon-position-bellow span:nth-child(2) {
  padding-top: 0 !important;
  padding-right: 0 !important;
  padding-left: 0 !important
}

.cc-accessible-trigger-button-box button span {
  display: flex;
  transition: all .15s linear
}

.cc-accessible-trigger-button-box button span path {
  transition: all .15s linear
}

.cc-accessible-trigger-button-box:hover button {
  color: var(--accessible-btn-color-hover);
  background: var(--accessible-btn-bg-hover)
}

.cc-accessible-trigger-button-box:hover button .cc-accessible-trigger-button-icon svg {
  fill: var(--accessible-btn-color-hover)
}

#cc-accessible-accessibility-profiles-box .cc-accessible-accessibility-profile-item {
  cursor: pointer;
  padding-left: 32px;
  padding-right: 32px
}

#cc-accessible-accessibility-profiles-box .cc-accessible-accessibility-profile-item:focus {
  outline: 0
}

#cc-accessible-accessibility-profiles-box .cc-accessible-accessibility-profile-item:focus .mdp-switch {
  border-radius: 17px
}

#cc-accessible-accessibility-profiles-box .cc-accessible-accessibility-profile-item:nth-child(1) {
  margin-top: 16px
}

#cc-accessible-accessibility-profiles-box .cc-accessible-accessibility-profile-item.mdp-active .cc-accessible-row {
  padding: 32px 0
}

#cc-accessible-accessibility-profiles-box .cc-accessible-accessibility-profile-item.mdp-active .cc-accessible-profile-description {
  height: auto;
  margin: 0;
  padding: 16px 0 32px 0;
  opacity: 1;
  transition: all .15s ease-out;
  max-height: 600px
}

#cc-accessible-accessibility-profiles-box .cc-accessible-accessibility-profile-item .cc-accessible-row {
  padding: 10.66667px 0;
  display: flex;
  align-items: center
}

#cc-accessible-accessibility-profiles-box .cc-accessible-accessibility-profile-item .cc-accessible-row .cc-accessible-title-box {
  margin-left: 24px
}

#cc-accessible-accessibility-profiles-box .cc-accessible-accessibility-profile-item .cc-accessible-row .cc-accessible-profile-title {
  font-size: 19px;
  font-weight: 700
}

#cc-accessible-accessibility-profiles-box .cc-accessible-accessibility-profile-item .cc-accessible-row .cc-accessible-profile-short {
  font-size: 16px;
  line-height: 1.4
}

#cc-accessible-accessibility-profiles-box .cc-accessible-accessibility-profile-item .cc-accessible-profile-description {
  max-height: 0;
  overflow: hidden;
  font-size: 16px;
  line-height: 1.4;
  opacity: 0;
  padding: 0;
  transition: all .15s ease-out
}

#cc-accessible-accessibility-profiles-box .cc-accessible-accessibility-profile-item .mdp-switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  font-size: 0
}

#cc-accessible-accessibility-profiles-box .cc-accessible-accessibility-profile-item .mdp-switch:hover {
  border-radius: 17px
}

#cc-accessible-accessibility-profiles-box .cc-accessible-accessibility-profile-item .mdp-switch input {
  opacity: 0;
  width: 0;
  height: 0
}

#cc-accessible-accessibility-profiles-box .cc-accessible-accessibility-profile-item .mdp-switch .mdp-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 34px;
  background-color: #ccc;
  transition: .4s
}

#cc-accessible-accessibility-profiles-box .cc-accessible-accessibility-profile-item .mdp-switch .mdp-slider:before {
  position: absolute;
  content: "";
  border-radius: 50%;
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: #fff;
  transition: .4s
}

#cc-accessible-accessibility-profiles-box .cc-accessible-accessibility-profile-item .mdp-switch input:checked+.mdp-slider:before {
  transform: translateX(26px)
}

#cc-accessible-readable-experience-box {
  padding: 0 23.5px 0 32px;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

.cc-accessible-action-box {
  border-radius: 8px;
  padding: 16px 12px;
  transition: .3s;
  min-height: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 24px
}

.cc-accessible-action-box:focus,
.cc-accessible-action-box:hover {
  transition: .3s
}

.cc-accessible-action-box:focus {
  outline: 0
}

.cc-accessible-action-box.mdp-hidden {
  display: none
}

.cc-accessible-action-box .cc-accessible-action-box-content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column
}

.cc-accessible-action-box .cc-accessible-action-box-content .cc-accessible-icon {
  width: 34px;
  height: 34px;
  margin-bottom: 8.5px
}

.cc-accessible-action-box .cc-accessible-action-box-content .cc-accessible-title {
  text-align: center;
  font-size: 16px;
  line-height: 1.45
}

#cc-accessible-action-text-magnifier {
  width: 100%
}

#cc-accessible-action-align-center,
#cc-accessible-action-align-left,
#cc-accessible-action-align-right {
  width: 30%
}

#cc-accessible-action-content-scaling .cc-accessible-action-box-content {
  flex-direction: row
}

#cc-accessible-action-content-scaling .cc-accessible-action-box-content i {
  margin-right: 8px
}

#cc-accessible-visually-pleasing-experience-box {
  padding: 0 23.5px 0 32px;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

#cc-accessible-visually-pleasing-experience-box #cc-accessible-action-background-colors,
#cc-accessible-visually-pleasing-experience-box #cc-accessible-action-text-colors,
#cc-accessible-visually-pleasing-experience-box #cc-accessible-action-title-colors {
  width: 100%
}

.cc-accessible-high-saturation #cc-accessible-popup,
.cc-accessible-high-saturation .fusion-wrapper>*,
.cc-accessible-high-saturation>:not(#cc-accessible-popup-box):not(#boxed-wrapper):not(.avada-footer-scripts) {
  filter: saturate(200%) !important
}

.cc-accessible-low-saturation #cc-accessible-popup,
.cc-accessible-low-saturation .fusion-wrapper>*,
.cc-accessible-low-saturation>:not(#cc-accessible-popup-box):not(#boxed-wrapper):not(.avada-footer-scripts) {
  filter: saturate(50%) !important
}

.cc-accessible-high-contrast #cc-accessible-popup,
.cc-accessible-high-contrast .fusion-wrapper>*,
.cc-accessible-high-contrast>:not(#cc-accessible-popup-box):not(#boxed-wrapper):not(.avada-footer-scripts) {
  filter: contrast(135%) !important
}

.cc-accessible-monochrome #cc-accessible-popup,
.cc-accessible-monochrome .fusion-wrapper>*,
.cc-accessible-monochrome>:not(#cc-accessible-popup-box):not(#boxed-wrapper):not(.avada-footer-scripts) {
  filter: grayscale(100%) !important
}

#cc-accessible-easy-orientation-box {
  padding: 0 23.5px 0 32px;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

.cc-accessible-useful-links-box .cc-accessible-action-box-content {
  flex-direction: column;
  padding: 16px;
}

.cc-accessible-useful-links-box .cc-accessible-select-box {
  width: 100%;
  margin-top: 4px
}

.cc-accessible-useful-links-box .cc-accessible-select-box select {
  width: 100%;
  max-width: 100%;
  border-radius: 8px;
  padding: 0 15px;
  font-size: 18px;
  height: 51px
}

#cc-accessible-action-useful-links {
  width: 100%;
  min-height: 100px
}

#cc-accessible-action-useful-links i {
  display: none
}

body.cc-accessible-reading-mask .cc-accessible-reading-mask-bottom,
body.cc-accessible-reading-mask .cc-accessible-reading-mask-top {
  display: block;
  position: fixed;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 999999;
  background-color: var(--accessible-reading-mask)
}

body.cc-accessible-reading-mask .cc-accessible-reading-mask-top {
  top: 0;
  bottom: auto
}

body.cc-accessible-reading-mask .cc-accessible-reading-mask-bottom {
  bottom: 0;
  top: auto
}

#cc-accessible-online-dictionary-box {
  padding: 0 23.5px 0 32px;
  position: relative
}

#cc-accessible-online-dictionary-box #cc-accessible-online-dictionary-form {
  margin-top: 24px
}

#cc-accessible-online-dictionary-box #cc-accessible-online-dictionary-form #cc-accessible-online-dictionary-search {
  width: 100%;
  margin: 0;
  padding: 24px 16px 24px 52px;
  line-height: 16px;
  border-radius: 8px;
  background-position: 18px center;
  background-repeat: no-repeat;
  background-size: 24px
}

#cc-accessible-online-dictionary-box #cc-accessible-online-dictionary-form #cc-accessible-online-dictionary-search:focus {
  outline: 0
}

#cc-accessible-online-dictionary-box #cc-accessible-online-dictionary-search-results-box ul {
  list-style: none;
  padding: 0;
  margin: 0
}

#cc-accessible-online-dictionary-box #cc-accessible-online-dictionary-search-results-box ul li {
  margin-top: 32px
}

#cc-accessible-online-dictionary-box #cc-accessible-online-dictionary-search-results-box ul li h5 {
  font-size: 20px
}

#cc-accessible-online-dictionary-box #cc-accessible-online-dictionary-search-close {
  display: none;
  position: absolute;
  cursor: pointer;
  background: 0 0;
  border: none;
  outline: 0;
  padding: 0;
  margin: 2px 32px 0 0;
  right: 24px;
  top: 24px;
  width: 24px;
  height: 24px;
  opacity: .3
}

#cc-accessible-online-dictionary-box #cc-accessible-online-dictionary-search-close:hover {
  opacity: 1
}

#cc-accessible-online-dictionary-box #cc-accessible-online-dictionary-search-close:after,
#cc-accessible-online-dictionary-box #cc-accessible-online-dictionary-search-close:before {
  position: absolute;
  left: 12px;
  top: 0;
  content: ' ';
  height: 24px;
  width: 2px
}

#cc-accessible-online-dictionary-box #cc-accessible-online-dictionary-search-close:before {
  transform: rotate(45deg)
}

#cc-accessible-online-dictionary-box #cc-accessible-online-dictionary-search-close:after {
  transform: rotate(-45deg)
}

#cc-accessible-online-dictionary-box label {
  font-size: 16px;
  padding: 16px 0 0 22px;
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: left 16px
}

.cc-accessible-tts {
  background: var(--accessible-tts-bg);
  border-radius: 50%;
  position: absolute;
  z-index: 99999;
  line-height: 0;
  box-shadow: 0 0 24px rgba(0, 0, 0, .25);
  transition: all .2s ease-in-out
}

.cc-accessible-tts:hover {
  transform: scale(1.1) !important
}

.cc-accessible-tts .cc-accessible-tts-button {
  display: inline-block;
  margin: 14px;
  border-radius: 50%;
  cursor: pointer;
  transition: all .2s ease-in-out
}

.cc-accessible-tts .cc-accessible-tts-arrow {
  width: 0;
  height: 0;
  position: absolute;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 6px solid var(--accessible-tts-bg);
  bottom: -5px
}

.cc-accessible-tts svg * {
  fill: var(--accessible-tts-color)
}

#cc-accessible-action-text-magnifier .cc-accessible-icon {
  -webkit-mask-image: url('../images/accessible/text-magnifier.svg');
  mask-image: url('../images/accessible/text-magnifier.svg')
}

#cc-accessible-action-readable-font .cc-accessible-icon {
  -webkit-mask-image: url('../images/accessible/readable-font.svg');
  mask-image: url('../images/accessible/readable-font.svg')
}

#cc-accessible-action-dyslexia-font .cc-accessible-icon {
  -webkit-mask-image: url('../images/accessible/dyslexia-font.svg');
  mask-image: url('../images/accessible/dyslexia-font.svg')
}

#cc-accessible-action-highlight-titles .cc-accessible-icon {
  -webkit-mask-image: url('../images/accessible/highlight-titles.svg');
  mask-image: url('../images/accessible/highlight-titles.svg')
}

#cc-accessible-action-highlight-links .cc-accessible-icon {
  -webkit-mask-image: url('../images/accessible/highlight-links.svg');
  mask-image: url('../images/accessible/highlight-links.svg')
}

#cc-accessible-action-align-left .cc-accessible-icon {
  -webkit-mask-image: url('../images/accessible/align-left.svg');
  mask-image: url('../images/accessible/align-left.svg')
}

#cc-accessible-action-align-center .cc-accessible-icon {
  -webkit-mask-image: url('../images/accessible/align-center.svg');
  mask-image: url('../images/accessible/align-center.svg')
}

#cc-accessible-action-align-right .cc-accessible-icon {
  -webkit-mask-image: url('../images/accessible/align-right.svg');
  mask-image: url('../images/accessible/align-right.svg')
}

#cc-accessible-action-dark-contrast .cc-accessible-icon {
  -webkit-mask-image: url('../images/accessible/dark-contrast.svg');
  mask-image: url('../images/accessible/dark-contrast.svg')
}

#cc-accessible-action-light-contrast .cc-accessible-icon {
  -webkit-mask-image: url('../images/accessible/light-contrast.svg');
  mask-image: url('../images/accessible/light-contrast.svg')
}

#cc-accessible-action-monochrome .cc-accessible-icon {
  -webkit-mask-image: url('../images/accessible/monochrome.svg');
  mask-image: url('../images/accessible/monochrome.svg')
}

#cc-accessible-action-high-contrast .cc-accessible-icon {
  -webkit-mask-image: url('../images/accessible/high-contrast.svg');
  mask-image: url('../images/accessible/high-contrast.svg')
}

#cc-accessible-action-high-saturation .cc-accessible-icon {
  -webkit-mask-image: url('../images/accessible/high-saturation.svg');
  mask-image: url('../images/accessible/high-saturation.svg')
}

#cc-accessible-action-low-saturation .cc-accessible-icon {
  -webkit-mask-image: url('../images/accessible/low-saturation.svg');
  mask-image: url('../images/accessible/low-saturation.svg')
}

#cc-accessible-action-mute-sounds .cc-accessible-icon {
  -webkit-mask-image: url('../images/accessible/mute-sounds.svg');
  mask-image: url('../images/accessible/mute-sounds.svg')
}

#cc-accessible-action-hide-images .cc-accessible-icon {
  -webkit-mask-image: url('../images/accessible/hide-images.svg');
  mask-image: url('../images/accessible/hide-images.svg')
}

#cc-accessible-action-virtual-keyboard .cc-accessible-icon {
  -webkit-mask-image: url('../images/accessible/virtual-keyboard.svg');
  mask-image: url('../images/accessible/virtual-keyboard.svg')
}

#cc-accessible-action-reading-guide .cc-accessible-icon {
  -webkit-mask-image: url('../images/accessible/reading-guide.svg');
  mask-image: url('../images/accessible/reading-guide.svg')
}

#cc-accessible-action-stop-animations .cc-accessible-icon {
  -webkit-mask-image: url('../images/accessible/stop-animations.svg');
  mask-image: url('../images/accessible/stop-animations.svg')
}

#cc-accessible-action-reading-mask .cc-accessible-icon {
  -webkit-mask-image: url('../images/accessible/reading-mask.svg');
  mask-image: url('../images/accessible/reading-mask.svg')
}

#cc-accessible-action-highlight-hover .cc-accessible-icon {
  -webkit-mask-image: url('../images/accessible/highlight-hover.svg');
  mask-image: url('../images/accessible/highlight-hover.svg')
}

#cc-accessible-action-highlight-focus .cc-accessible-icon {
  -webkit-mask-image: url('../images/accessible/highlight-focus.svg');
  mask-image: url('../images/accessible/highlight-focus.svg')
}

#cc-accessible-action-big-black-cursor .cc-accessible-icon {
  -webkit-mask-image: url('../images/accessible/black-cursor.svg');
  mask-image: url('../images/accessible/black-cursor.svg')
}

#cc-accessible-action-big-white-cursor .cc-accessible-icon {
  -webkit-mask-image: url('../images/accessible/white-cursor.svg');
  mask-image: url('../images/accessible/white-cursor.svg')
}

#cc-accessible-action-text-to-speech .cc-accessible-icon {
  -webkit-mask-image: url('../images/accessible/text-to-speech.svg');
  mask-image: url('../images/accessible/text-to-speech.svg')
}

#cc-accessible-action-keyboard-navigation .cc-accessible-icon {
  -webkit-mask-image: url('../images/accessible/keyboard-navigation.svg');
  mask-image: url('../images/accessible/keyboard-navigation.svg')
}

.cc-accessible-input-spinner-box {
  margin-top: 4.25px
}

.cc-accessible-input-spinner-box .cc-accessible-control {
  position: relative;
  width: 90%;
  max-width: 200px;
  margin: auto;
  border-radius: 34px;
  height: 34px
}

.cc-accessible-input-spinner-box .cc-accessible-control .cc-accessible-minus,
.cc-accessible-input-spinner-box .cc-accessible-control .cc-accessible-plus {
  position: absolute;
  display: block;
  padding: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  background-color: unset !important;
  cursor: pointer;
  z-index: 2;
  transition: all .15s ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: none
}

.cc-accessible-input-spinner-box .cc-accessible-control .cc-accessible-minus:before,
.cc-accessible-input-spinner-box .cc-accessible-control .cc-accessible-plus:before {
  content: '';
  display: block;
  width: 32px;
  height: 32px;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  border-radius: 50%
}

.cc-accessible-input-spinner-box .cc-accessible-control .cc-accessible-minus:focus,
.cc-accessible-input-spinner-box .cc-accessible-control .cc-accessible-plus:focus {
  outline: 0
}

.cc-accessible-input-spinner-box .cc-accessible-control .cc-accessible-plus {
  right: 2px;
  left: auto
}

.cc-accessible-input-spinner-box .cc-accessible-control .cc-accessible-plus:before {
  -webkit-mask-image: url('../images/accessible/plus.svg');
  mask-image: url('../images/accessible/plus.svg')
}

.cc-accessible-input-spinner-box .cc-accessible-control .cc-accessible-minus {
  left: 2px;
  right: auto
}

.cc-accessible-input-spinner-box .cc-accessible-control .cc-accessible-minus:before {
  -webkit-mask-image: url('../images/accessible/minus.svg');
  mask-image: url('../images/accessible/minus.svg')
}

.cc-accessible-input-spinner-box .cc-accessible-control .cc-accessible-value {
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  padding: 0 0px;
  /*34px*/
  line-height: 34px
}

.cc-accessible-toggle-box {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: calc(50% - 12px)
}

.cc-accessible-toggle-box .cc-accessible-icon {
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain
}

.cc-accessible-toggle-box.mdp-active {
  color: #fff
}

.cc-accessible-toggle-box.mdp-active span {
  color: #fff !important
}

.cc-accessible-toggle-box.mdp-active span.cc-accessible-icon {
  background-color: #fff
}

.cc-accessible-spinner-box {
  width: 100%
}

.cc-accessible-spinner-box i {
  display: none
}

.cc-accessible-palette-box {
  padding: 16px
}

.cc-accessible-palette-box .cc-accessible-action-box-content {
  flex-direction: column
}

.cc-accessible-palette-box .cc-accessible-color-box {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-top: 8px
}

.cc-accessible-palette-box .cc-accessible-color-box .cc-accessible-color {
  display: flex;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  cursor: pointer;
  position: relative;
  margin: 4.53333px;
  transition: .15s
}

.cc-accessible-palette-box .cc-accessible-color-box .cc-accessible-color:hover {
  border: none
}

.cc-accessible-palette-box .cc-accessible-color-box .cc-accessible-color:focus {
  outline: 0;
  border: none
}

.cc-accessible-palette-box .cc-accessible-color-box .cc-accessible-color.mdp-active {
  border: none
}

.cc-accessible-palette-box .cc-accessible-color-box .cc-accessible-color.mdp-active::before {
  content: '';
  display: block;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(50%, 50%)
}

.cc-accessible-palette-box .cc-accessible-color-box .cc-accessible-color.mdp-active:hover::before {
  width: 17px;
  height: 17px
}
/* Light Theme Color */

#cc-accessible-popup {
  background-color: var(--accessible-bg);
  color: var(--accessible-color);
}

#cc-accessible-popup #cc-accessible-popup-header,
#cc-accessible-popup #cc-accessible-popup-footer{
  background-color: var(--accessible-header-footer-bg);
  color: var(--accessible-header-footer-color);
}

.cc-accessible-action-box{
  border: 2px solid var(--accessible-border-color);
}

#cc-accessible-popup #cc-accessible-popup-main::-webkit-scrollbar-track {
  background-color: var(--accessible-bg)
}

#cc-accessible-popup #cc-accessible-popup-main::-webkit-scrollbar {
  background-color: var(--accessible-bg)
}

#cc-accessible-popup #cc-accessible-popup-main::-webkit-scrollbar-thumb {
  background-color: var(--accessible-color)
}

#cc-accessible-popup #cc-accessible-popup-close:before {
  color: var(--accessible-header-footer-color)
}

#cc-accessible-popup #cc-accessible-popup-close:focus,
#cc-accessible-popup #cc-accessible-popup-close:hover {
  outline: 2px dotted var(--accessible-header-footer-color)
}

#cc-accessible-popup #cc-accessible-popup-footer button {
  color: var(--accessible-header-footer-color);
  border: 2px solid var(--accessible-header-footer-color);
  background: none;
}

#cc-accessible-popup #cc-accessible-popup-footer button:hover {
  background: var(--accessible-header-footer-color);
  color: var(--accessible-header-footer-bg);
}

.cc-accessible-toggle-box.mdp-active {
  background: var(--accessible-btn-color);
  color: var(--accessible-btn-bg)
}

.cc-accessible-useful-links-box .cc-accessible-select-box select {
  background: var(--accessible-bg);
  border: solid 2px var(--accessible-color);
  color: var(--accessible-color)
}

#cc-accessible-popup #cc-accessible-popup-footer button:focus {
  background: var(--accessible-color);
  color: var(--accessible-bg);
  border: 2px solid var(--accessible-color);
  box-shadow: 0 0 0 4px var(--accessible-bg), 0 0 0 6px var(--accessible-color)
}

#cc-accessible-popup #cc-accessible-popup-footer .cc-accessible-statement a {
  color: var(--accessible-header-footer-color)
}

#cc-accessible-accessibility-profiles-box .cc-accessible-accessibility-profile-item.mdp-active {
  background: var(--accessible-border-color)
}

#cc-accessible-accessibility-profiles-box .cc-accessible-accessibility-profile-item .mdp-switch:hover {
  box-shadow: 0 0 0 4px var(--accessible-bg), 0 0 0 6px var(--accessible-border-color)
}

#cc-accessible-accessibility-profiles-box .cc-accessible-accessibility-profile-item .mdp-switch input:checked+.mdp-slider {
  background-color: var(--accessible-color)
}

#cc-accessible-accessibility-profiles-box .cc-accessible-accessibility-profile-item .mdp-switch input:focus+.mdp-slider {
  box-shadow: 0 0 1px var(--accessible-color)
}

.cc-accessible-action-box:focus,
.cc-accessible-action-box:hover {
  background-color: var(--accessible-bg-hover);
  border: 2px solid var(--accessible-border-color)
}

.cc-accessible-action-box:focus {
  border: 2px dotted var(--accessible-border-color);
  box-shadow: 0 0 0 4px var(--accessible-color-dark), 0 0 0 6px var(--accessible-color)
}

.cc-accessible-input-spinner-box .cc-accessible-control {
  background: var(--accessible-bg)
}

.cc-accessible-input-spinner-box .cc-accessible-control .cc-accessible-minus:before,
.cc-accessible-input-spinner-box .cc-accessible-control .cc-accessible-plus:before {
  background-color: var(--accessible-color);
  border: 4px solid var(--accessible-color)
}

.cc-accessible-input-spinner-box .cc-accessible-control .cc-accessible-minus:hover:before,
.cc-accessible-input-spinner-box .cc-accessible-control .cc-accessible-plus:hover:before {
  border: 4px solid var(--accessible-color)
}

.cc-accessible-input-spinner-box .cc-accessible-control .cc-accessible-minus:focus,
.cc-accessible-input-spinner-box .cc-accessible-control .cc-accessible-plus:focus {
  outline: 0;
  box-shadow: 0 0 0 4px var(--accessible-bg), 0 0 0 6px var(--accessible-color)
}

.cc-accessible-input-spinner-box .cc-accessible-control .cc-accessible-minus:focus:before,
.cc-accessible-input-spinner-box .cc-accessible-control .cc-accessible-plus:focus:before {
  border: 4px solid var(--accessible-color)
}

.cc-accessible-toggle-box .cc-accessible-icon {
  background-color: var(--accessible-color)
}

.cc-accessible-toggle-box.mdp-active {
  background: var(--accessible-color)
}

.cc-accessible-palette-box .cc-accessible-color-box .cc-accessible-color {
  border: 4px solid var(--accessible-border-color)
}

.cc-accessible-palette-box .cc-accessible-color-box .cc-accessible-color:focus {
  box-shadow: 0 0 0 4px var(--accessible-bg), 0 0 0 6px var(--accessible-color)
}

.cc-accessible-palette-box .cc-accessible-color-box .cc-accessible-color.mdp-active::before {
  background: var(--accessible-color)
}

.cc-accessible-palette-box .cc-accessible-color-box .cc-accessible-color.mdp-active[data-color=white]::before {
  background: var(--accessible-color)
}

#cc-accessible-online-dictionary-box #cc-accessible-online-dictionary-form #cc-accessible-online-dictionary-search {
  border: 2px solid var(--accessible-border-color);
  color: var(--accessible-color);
  background-color: var(--accessible-bg);
  background-image: url('../images/accessible/wikipedia.svg')
}

#cc-accessible-online-dictionary-box #cc-accessible-online-dictionary-form #cc-accessible-online-dictionary-search:hover {
  border: 2px solid var(--accessible-border-color)
}

#cc-accessible-online-dictionary-box #cc-accessible-online-dictionary-form #cc-accessible-online-dictionary-search:focus {
  box-shadow: 0 0 0 4px var(--accessible-bg), 0 0 0 6px var(--accessible-color)
}

#cc-accessible-online-dictionary-box #cc-accessible-online-dictionary-form #cc-accessible-online-dictionary-search:focus:hover {
  border: 2px solid var(--accessible-border-color)
}

#cc-accessible-online-dictionary-box #cc-accessible-online-dictionary-search-results-box ul li a {
  color: var(--accessible-color)
}

#cc-accessible-online-dictionary-box #cc-accessible-online-dictionary-search-close:after,
#cc-accessible-online-dictionary-box #cc-accessible-online-dictionary-search-close:before {
  background-color: var(--accessible-border-color)
}

#cc-accessible-online-dictionary-box label {
  background-image: url('../images/accessible/info.svg')
}

#cc-accessible-accessibility-statement-box.mdp-open {
  background: var(--accessible-bg)
}

#cc-accessible-accessibility-statement-box.mdp-open::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, .2);
  background-color: #f5f5f5
}

#cc-accessible-accessibility-statement-box.mdp-open::-webkit-scrollbar {
  background-color: #f5f5f5
}

#cc-accessible-accessibility-statement-box.mdp-open::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, .2);
  background-color: #a7a7a7
}

#cc-accessible-accessibility-statement-box.mdp-open #cc-accessible-close-statement-btn:before {
  color: var(--accessible-color)
}

@media (prefers-color-scheme:dark) {
  .cc-accessible-toggle-box.mdp-active {
    background: var(--accessible-color-dark);
    color: var(--accessible-bg-dark)
  }

  .cc-accessible-useful-links-box .cc-accessible-select-box select {
    background: var(--accessible-bg-dark);
    border: solid 2px var(--accessible-color-dark);
    color: var(--accessible-color-dark)
  }

  #cc-accessible-popup {
    background-color: var(--accessible-bg-dark);
    color: var(--accessible-color-dark)
  }

  #cc-accessible-popup .cc-accessible-subheader {
    border-top: 2px solid var(--accessible-border-color-dark)
  }

  #cc-accessible-popup #cc-accessible-popup-main::-webkit-scrollbar-track {
    background-color: var(--accessible-bg-dark)
  }

  #cc-accessible-popup #cc-accessible-popup-main::-webkit-scrollbar {
    background-color: var(--accessible-bg-dark)
  }

  #cc-accessible-popup #cc-accessible-popup-main::-webkit-scrollbar-thumb {
    background-color: var(--accessible-header-footer-bg-dark)
  }

  #cc-accessible-popup #cc-accessible-popup-close:before {
    color: var(--accessible-header-footer-color-dark)
  }

  #cc-accessible-popup #cc-accessible-popup-close:focus,
  #cc-accessible-popup #cc-accessible-popup-close:hover {
    outline: 2px dotted var(--accessible-header-footer-color-dark)
  }

  #cc-accessible-popup #cc-accessible-popup-footer button {
    background: var(--accessible-bg-dark);
    color: var(--accessible-color-dark);
    border: 2px solid var(--accessible-border-color-dark)
  }

  #cc-accessible-popup #cc-accessible-popup-footer button:hover {
    background: var(--accessible-border-color);
    color: var(--accessible-bg);
  }

  #cc-accessible-popup #cc-accessible-popup-footer button:focus {
    background: var(--accessible-color-dark);
    color: var(--accessible-bg-dark);
    border: 2px solid var(--accessible-color-dark);
    box-shadow: 0 0 0 4px var(--accessible-bg-dark), 0 0 0 6px var(--accessible-color-dark)
  }

  #cc-accessible-popup #cc-accessible-popup-footer .cc-accessible-statement a {
    color: var(--accessible-color-dark)
  }

  #cc-accessible-accessibility-profiles-box .cc-accessible-accessibility-profile-item.mdp-active {
    background: var(--accessible-border-color-dark)
  }

  #cc-accessible-accessibility-profiles-box .cc-accessible-accessibility-profile-item .mdp-switch:hover {
    box-shadow: 0 0 0 4px var(--accessible-bg-dark), 0 0 0 6px var(--accessible-border-color-dark)
  }

  #cc-accessible-accessibility-profiles-box .cc-accessible-accessibility-profile-item .mdp-switch input:checked+.mdp-slider {
    background-color: var(--accessible-color-dark)
  }

  #cc-accessible-accessibility-profiles-box .cc-accessible-accessibility-profile-item .mdp-switch input:focus+.mdp-slider {
    box-shadow: 0 0 1px var(--accessible-color-dark)
  }

  .cc-accessible-action-box {
    border: 2px solid var(--accessible-border-color-dark)
  }

  .cc-accessible-action-box:focus,
  .cc-accessible-action-box:hover {
    background-color: var(--accessible-border-color-dark);
    border: 2px solid var(--accessible-color-dark)
  }

  .cc-accessible-action-box:focus {
    border: 2px dotted var(--accessible-color-dark);
    box-shadow: 0 0 0 4px var(--accessible-bg-dark), 0 0 0 6px var(--accessible-color-dark)
  }

  .cc-accessible-input-spinner-box .cc-accessible-control {
    background: var(--accessible-bg-dark)
  }

  .cc-accessible-input-spinner-box .cc-accessible-control .cc-accessible-minus:before,
  .cc-accessible-input-spinner-box .cc-accessible-control .cc-accessible-plus:before {
    background-color: var(--accessible-color-dark);
    border: 4px solid var(--accessible-color-dark)
  }

  .cc-accessible-input-spinner-box .cc-accessible-control .cc-accessible-minus:hover:before,
  .cc-accessible-input-spinner-box .cc-accessible-control .cc-accessible-plus:hover:before {
    border: 4px solid var(--accessible-color-dark)
  }

  .cc-accessible-input-spinner-box .cc-accessible-control .cc-accessible-minus:focus,
  .cc-accessible-input-spinner-box .cc-accessible-control .cc-accessible-plus:focus {
    outline: 0;
    box-shadow: 0 0 0 4px var(--accessible-bg-dark), 0 0 0 6px var(--accessible-color-dark)
  }

  .cc-accessible-input-spinner-box .cc-accessible-control .cc-accessible-minus:focus:before,
  .cc-accessible-input-spinner-box .cc-accessible-control .cc-accessible-plus:focus:before {
    border: 4px solid var(--accessible-color-dark)
  }

  .cc-accessible-toggle-box .cc-accessible-icon {
    background-color: var(--accessible-color-dark)
  }

  .cc-accessible-toggle-box.mdp-active {
    background: var(--accessible-color-dark)
  }

  .cc-accessible-palette-box .cc-accessible-color-box .cc-accessible-color {
    border: 4px solid var(--accessible-bg-dark)
  }

  .cc-accessible-palette-box .cc-accessible-color-box .cc-accessible-color:focus {
    box-shadow: 0 0 0 4px var(--accessible-bg-dark), 0 0 0 6px var(--accessible-color-dark)
  }

  .cc-accessible-palette-box .cc-accessible-color-box .cc-accessible-color.mdp-active::before {
    background: var(--accessible-bg-dark)
  }

  .cc-accessible-palette-box .cc-accessible-color-box .cc-accessible-color.mdp-active[data-color=white]::before {
    background: var(--accessible-color-dark)
  }

  #cc-accessible-online-dictionary-box #cc-accessible-online-dictionary-form #cc-accessible-online-dictionary-search {
    border: 2px solid var(--accessible-border-color-dark);
    color: var(--accessible-color-dark);
    background-color: var(--accessible-bg-dark);
    background-image: url(../images/accessible/wikipedia_dark.svg)
  }

  #cc-accessible-online-dictionary-box #cc-accessible-online-dictionary-form #cc-accessible-online-dictionary-search:hover {
    border: 2px solid var(--accessible-color-dark)
  }

  #cc-accessible-online-dictionary-box #cc-accessible-online-dictionary-form #cc-accessible-online-dictionary-search:focus {
    box-shadow: 0 0 0 4px var(--accessible-bg-dark), 0 0 0 6px var(--accessible-color-dark)
  }

  #cc-accessible-online-dictionary-box #cc-accessible-online-dictionary-form #cc-accessible-online-dictionary-search:focus:hover {
    border: 2px solid var(--accessible-border-color-dark)
  }

  #cc-accessible-online-dictionary-box #cc-accessible-online-dictionary-search-results-box ul li a {
    color: var(--accessible-color-dark)
  }

  #cc-accessible-online-dictionary-box #cc-accessible-online-dictionary-search-close:after,
  #cc-accessible-online-dictionary-box #cc-accessible-online-dictionary-search-close:before {
    background-color: var(--accessible-color-dark)
  }

  #cc-accessible-online-dictionary-box label {
    background-image: url(../images/accessible/info-dark.svg)
  }

  #cc-accessible-accessibility-statement-box.mdp-open {
    background: var(--accessible-bg-dark)
  }

  #cc-accessible-accessibility-statement-box.mdp-open::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, .2);
    background-color: var(--accessible-bg-dark)
  }

  #cc-accessible-accessibility-statement-box.mdp-open::-webkit-scrollbar {
    background-color: var(--accessible-bg-dark)
  }

  #cc-accessible-accessibility-statement-box.mdp-open::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, .2);
    background-color: var(--accessible-bg-dark)
  }

  #cc-accessible-accessibility-statement-box.mdp-open #cc-accessible-close-statement-btn:before {
    color: var(--accessible-color-dark)
  }
}

.cc-accessible-toggle-box {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: calc(50% - 12px)
}

#cc-accessible-text-magnifier-tooltip {
  position: fixed;
  padding: 16px;
  border-radius: 4px;
  min-width: 200px;
  max-width: 800px;
  margin-right: 16px;
  background: #333;
  color: #fff;
  font-size: 36px;
  line-height: 1.5;
  z-index: 999999
}

#cc-accessible-keyboard-box {
  display: none;
  position: fixed;
  width: 650px;
  bottom: 0;
  left: 0;
  background: #ececec;
  padding: 35px 8px 8px;
  cursor: move;
  box-shadow: 0 0 2px #333;
  border-radius: 4px;
  z-index: 99999
}

@media screen and (max-width:980px) {
  #cc-accessible-keyboard-box {
    display: none !important
  }
}

@media print {

  *,
  :after,
  :before {
    background: transparent !important;
    color: #000 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none !important
  }

  a,
  a:visited {
    text-decoration: underline
  }

  a[href]:after {
    content: " ("attr(href) ")"
  }

  abbr[title]:after {
    content: " ("attr(title) ")"
  }

  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: ""
  }

  pre {
    white-space: pre-wrap !important
  }

  blockquote,
  pre {
    page-break-inside: avoid;
    border: 1px solid #ccc
  }

  thead {
    display: table-header-group
  }

  img,
  tr {
    page-break-inside: avoid
  }

  h2,
  h3,
  p {
    orphans: 3;
    widows: 3
  }

  h2,
  h3 {
    page-break-after: avoid
  }
}

body.cc-accessible-align-right>*:not(#cc-accessible-popup-box) * {
  text-align: right!important;
}

body.cc-accessible-align-left>*:not(#cc-accessible-popup-box) * {
  text-align: left!important;
}

body.cc-accessible-align-center>*:not(#cc-accessible-popup-box) * {
  text-align: center!important;
}

.cc-accessible-popup-box [type=button],
.cc-accessible-popup-box [type=reset],
.cc-accessible-popup-box [type=submit],
.cc-accessible-popup-box button {
  width: auto;
  -webkit-appearance: button
}

.cc-accessible-popup-box [type=button]::-moz-focus-inner,
.cc-accessible-popup-box [type=reset]::-moz-focus-inner,
.cc-accessible-popup-box [type=submit]::-moz-focus-inner,
.cc-accessible-popup-box button::-moz-focus-inner {
  border-style: none;
  padding: 0
}

.cc-accessible-popup-box [type=button]:-moz-focusring,
.cc-accessible-popup-box [type=reset]:-moz-focusring,
.cc-accessible-popup-box [type=submit]:-moz-focusring,
.cc-accessible-popup-box button:-moz-focusring {
  outline: 1px dotted ButtonText
}

.cc-accessible-popup-box [type=button],
.cc-accessible-popup-box [type=submit],
.cc-accessible-popup-box button {
  display: inline-block;
  font-weight: 400;
  color: #c36;
  text-align: center;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid #c36;
  padding: .5rem 1rem;
  font-size: 1.5rem;
  border-radius: 3px;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.cc-accessible-popup-box [type=button]:focus,
.cc-accessible-popup-box [type=submit]:focus,
.cc-accessible-popup-box button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color
}

.cc-accessible-popup-box [type=button]:focus,
.cc-accessible-popup-box [type=button]:hover,
.cc-accessible-popup-box [type=submit]:focus,
.cc-accessible-popup-box [type=submit]:hover,
.cc-accessible-popup-box button:focus,
.cc-accessible-popup-box button:hover {
  color: #fff;
  background-color: #c36;
  text-decoration: none
}

.cc-accessible-popup-box [type=button]:not(:disabled),
.cc-accessible-popup-box [type=submit]:not(:disabled),
.cc-accessible-popup-box button:not(:disabled) {
  cursor: pointer
}

.cc-accessible-popup-box fieldset {
  padding: .35em .75em .625em
}

.cc-accessible-popup-box legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}

.cc-accessible-popup-box progress {
  vertical-align: baseline
}

.cc-accessible-popup-box textarea {
  overflow: auto;
  resize: vertical
}

.cc-accessible-popup-box [type=checkbox],
.cc-accessible-popup-box [type=radio] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0
}

.cc-accessible-popup-box [type=number]::-webkit-inner-spin-button,
.cc-accessible-popup-box [type=number]::-webkit-outer-spin-button {
  height: auto
}

.cc-accessible-popup-box [type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

.cc-accessible-popup-box [type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

.cc-accessible-popup-box select {
  display: block
}

.cc-accessible-popup-box table {
  background-color: transparent;
  width: 100%;
  margin-bottom: 15px;
  font-size: .9em;
  border-spacing: 0;
  border-collapse: collapse
}

.cc-accessible-popup-box table td,
.cc-accessible-popup-box table th {
  padding: 15px;
  line-height: 1.5;
  vertical-align: top;
  border: 1px solid #ccc
}

.cc-accessible-popup-box table th {
  font-weight: 700
}

.cc-accessible-popup-box table tfoot th,
.cc-accessible-popup-box table thead th {
  font-size: 1em
}

.cc-accessible-popup-box table caption+thead tr:first-child td,
.cc-accessible-popup-box table caption+thead tr:first-child th,
.cc-accessible-popup-box table colgroup+thead tr:first-child td,
.cc-accessible-popup-box table colgroup+thead tr:first-child th,
.cc-accessible-popup-box table thead:first-child tr:first-child td,
.cc-accessible-popup-box table thead:first-child tr:first-child th {
  border-top: 1px solid #ccc
}

.cc-accessible-popup-box table tbody>tr:nth-child(odd)>td,
.cc-accessible-popup-box table tbody>tr:nth-child(odd)>th {
  background-color: #f7f7f7
}

.cc-accessible-popup-box table tbody+tbody {
  border-top: 2px solid #ccc
}

@media (max-width:767px) {
  .cc-accessible-popup-box table table {
    font-size: .8em
  }

  .cc-accessible-popup-box table table td,
  .cc-accessible-popup-box table table th {
    padding: 7px;
    line-height: 1.3
  }

  .cc-accessible-popup-box table table th {
    font-weight: 400
  }
}

.cc-accessible-popup-box dd,
.cc-accessible-popup-box dl,
.cc-accessible-popup-box dt,
.cc-accessible-popup-box li,
.cc-accessible-popup-box ol,
.cc-accessible-popup-box ul {
  margin-top: 0;
  margin-bottom: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent
}


/*THEME*/


:root {

  --accessible-reading-mask: rgba(0, 0, 0, 0.7)
}

.cc-accessible-tts {

  --accessible-tts-bg: rgb(236, 162, 54);
  --accessible-tts-color: rgba(255, 255, 255, 1);

}

/*#cc-accessible-popup-box {
  --accessible-overlay: rgb(158, 55, 238);
  --accessible-bg: rgba(255, 255, 255, 1);
  --accessible-border-color: rgba(255, 255, 255, 0.2);
  --accessible-bg-dark: #16191b;
  --accessible-color: rgba(51, 51, 51, 1);
  --accessible-color-light: rgba(255, 255, 255, 1);
  --accessible-color-dark: #deeffd;
  --accessible-color: rgb(155, 139, 243);
  --accessible-color-dark: rgb(148, 88, 243);
  --accessible-border-color: rgba(148, 88, 243, 0.2);
  --accessible-border-color-dark: rgba(155, 139, 243, 0.2);
  --accessible-border-radius: 16px;
  --accessible-animate: 600ms;
}

.cc-accessible-trigger-button-box {
  --accessible-btn-margin: 20px;
  --accessible-btn-padding: 20px;
  --accessible-btn-radius: 50px;
  --accessible-btn-color: rgba(255, 255, 255, 1);
  --accessible-btn-color-hover: rgba(60, 60, 60, 1);
  --accessible-btn-bg: rgb(158, 55, 238);
  --accessible-btn-bg-hover: rgb(218, 175, 115);
  --accessible-btn-size: 24px;
  --accessible-btn-delay: 2s;
}*/

#cc-accessible-popup-box{
  --accessible-overlay : #9e37ee;
  --accessible-border-radius : 16px;
  --accessible-animate : 600ms;
  --accessible-color : #444444;
  --accessible-bg : #ffffff;
  --accessible-border-color : rgba(155, 139, 243, 0.2);
  --accessible-color-dark : #ffffff;
  --accessible-bg-dark : #16191b;
  --accessible-border-color-dark : rgba(155, 139, 243, 0.2);
  --accessible-header-footer-color: #ffffff;
  --accessible-header-footer-bg: #9458f3;
  --accessible-header-footer-color-dark: #ffffff;
  --accessible-header-footer-bg-dark: #9458f3;
}
.cc-accessible-trigger-button-box{
  --accessible-btn-size : 24px;
  --accessible-btn-margin : 20px;
  --accessible-btn-padding : 20px;
  --accessible-btn-radius : 50px;
  --accessible-btn-delay : 2s;
  --accessible-btn-color : #ffffff;
  --accessible-btn-color-hover : #3c3c3c;
  --accessible-btn-bg : #3c3c3c;
  --accessible-btn-bg-hover : #9458f3;
}

/** Virtual Keyboard. */
#cc-accessible-keyboard-box,
#cc-accessible-keyboard-box .hg-theme-default {
  background-color: rgba(236, 236, 236, 1);
}

.hg-theme-default .hg-button {
  background-color: rgba(255, 255, 255, 1);
}

.hg-theme-default .hg-button.hg-activeButton {
  background-color: rgba(255, 255, 255, 1);
  filter: brightness(1.75);
}

.hg-theme-default .hg-button span {
  color: rgba(17, 17, 17, 1);
}

#cc-accessible-trigger-button {
  border: none;
}


@media (max-width: 767px) {
  #cc-accessible-accessibility-profiles-box .cc-accessible-accessibility-profile-item .cc-accessible-row .cc-accessible-profile-title {
    font-size: 16px;
    font-weight: 600
  }

  #cc-accessible-accessibility-profiles-box .cc-accessible-accessibility-profile-item .cc-accessible-row .cc-accessible-profile-short {
    font-size: 14px;
    line-height: 1.4
  }

  #cc-accessible-popup #cc-accessible-popup-header h3 {
    font-size: 20px;
    color: var(--accessible-header-footer-color);
  }

  #cc-accessible-popup .cc-accessible-subheader h4 {
    font-size: 18px;
  }

  #cc-accessible-popup #cc-accessible-popup-header {
    height: 50px;
    padding-top: 10px;
  }


  #cc-accessible-popup #cc-accessible-popup-footer button {
    font-size: 14px;
    flex: 1 1 0;
  }

  #cc-accessible-popup .cc-accessible-action-box {
    width: 145px;
  }

  #cc-accessible-popup #cc-accessible-action-useful-links {
    width: 300px;
  }

  .cc-accessible-input-spinner-box .cc-accessible-control .cc-accessible-plus {
    right: -7px;
  }

  .cc-accessible-input-spinner-box .cc-accessible-control .cc-accessible-minus {
    left: -7px;
  }

  #cc-accessible-online-dictionary-box #cc-accessible-online-dictionary-form #cc-accessible-online-dictionary-search {
    font-size: 14px;
  }

}

/*iphone X*/
@media only screen and (min-height: 812px) {
  #cc-accessible-accessibility-profiles-box .cc-accessible-accessibility-profile-item .cc-accessible-row .cc-accessible-profile-title {
    font-size: 16px;
    font-weight: 600
  }

  #cc-accessible-accessibility-profiles-box .cc-accessible-accessibility-profile-item .cc-accessible-row .cc-accessible-profile-short {
    font-size: 14px;
    line-height: 1.4
  }

  #cc-accessible-popup #cc-accessible-popup-header h3 {
    font-size: 20px;
    color: var(--accessible-header-footer-color);
  }

  #cc-accessible-popup .cc-accessible-subheader h4 {
    font-size: 18px;
  }

  #cc-accessible-popup #cc-accessible-popup-header {
    height: 50px;
    padding-top: 10px;
  }


  #cc-accessible-popup #cc-accessible-popup-footer button {
    font-size: 14px;
  }

  #cc-accessible-online-dictionary-box #cc-accessible-online-dictionary-form #cc-accessible-online-dictionary-search {
    font-size: 14px;
  }
}