/* Cache generated: 2025-06-24 12:24:21 */
/* cookieMate: Dyslexia Font CSS */

/* cookieMate: Core CSS */
:root {
    --ks-accessibility-white: #fff;
    --ks-accessibility-grey: #f9f8f5;
    --ks-accessibility-light-black: #3a3a3a;
    --ks-accessibility-black: #1c1c1c;
    --ks-accessibility-blue: #4120e7;
    --ks-accessibility-dark: #232323;
    --ks-accessibility-icon-dark: invert(40%) sepia(0%) saturate(2841%) hue-rotate(141deg) brightness(85%) contrast(76%);
    --ks-accessibility-icon-white: brightness(0) invert(1);
    --ks-accessibility-icon-blue: invert(14%) sepia(83%) saturate(7491%) hue-rotate(255deg) brightness(89%) contrast(103%);
    --ks-accessibility-icon-grey: invert(49%) sepia(0%) saturate(77%) hue-rotate(185deg) brightness(92%) contrast(89%);
    --ks-accessibility-button-background-hover: #f1efff;
    --ks-accessibility-button-border-color-hover: #a99af4
}

@font-face {
    font-family: "Poppins";
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url("https://app.agencjaks.pl/gfx/font/Poppins/Poppins-Regular.ttf");
    src: url("https://app.agencjaks.pl/gfx/font/Poppins/Poppins-Regular.ttf") format('truetype')
}

@font-face {
    font-family: "Poppins";
    font-weight: 400;
    font-style: italic;
    font-display: swap;
    src: url("https://app.agencjaks.pl/gfx/font/Poppins/Poppins-Italic.ttf");
    src: url("https://app.agencjaks.pl/gfx/font/Poppins/Poppins-Italic.ttf") format('truetype')
}

@font-face {
    font-family: "Poppins";
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    src: url("https://app.agencjaks.pl/gfx/font/Poppins/Poppins-Medium.ttf");
    src: url("https://app.agencjaks.pl/gfx/font/Poppins/Poppins-Medium.ttf") format('truetype')
}

@font-face {
    font-family: "Poppins";
    font-weight: 600;
    font-style: normal;
    font-display: swap;
    src: url("https://app.agencjaks.pl/gfx/font/Poppins/Poppins-SemiBold.ttf");
    src: url("https://app.agencjaks.pl/gfx/font/Poppins/Poppins-SemiBold.ttf") format('truetype')
}

.accessibility-widget * {
    box-sizing: border-box
}

.accessibility-widget {
    position: fixed !important;
    z-index: 21474835;
    bottom: 0
}

.accessibility-button {
    display: none !important;
    position: fixed;
    bottom: 160px;
    right: 14px;
    padding: 1px 6px;
    outline: none;
    border: none;
    opacity: 0;
    background: none !important;
    z-index: -1;
    transition: all 0.3s ease
}

@media (max-width: 1024px){
.accessibility-button {
    right: 9px;
    bottom: 60px;
    }     
}

.accessibility-button.show {
    opacity: 0.50;
    cursor: pointer
}

.widget-left {
    left: 0
}

.widget-right {
    right: 0
}

.accessibility-button:hover {
    opacity: 1;
    transform: scale(1.1)
}

.accessibility-menu {
    display: none;
    align-items: center;
    justify-content: space-between;
    align-self: stretch;
    flex-wrap: wrap;
    gap: 25px;
    padding: 30px 30px 20px 30px;
    margin: 0;
    max-height: 100vh;
    max-width: 490px;
    min-width: 490px;
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
    background-color: var(--ks-accessibility-grey);
    color: var(--ks-accessibility-black);
    overflow-x: hidden;
    overflow-y: auto;
    scroll-behavior: smooth;
    transition: all 0.6s ease
}

.accessibility-menu.accessibility-rtl {
    direction: rtl;
    border-radius: 0;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px
}

.accessibility-menu.accessibility-rtl .accessibility-preheader-block,.accessibility-menu.accessibility-rtl .accessibility-profiles-header,.accessibility-menu.accessibility-rtl .accessibility-option-header,.accessibility-menu.accessibility-rtl .accessibility-header-block,.accessibility-menu.accessibility-rtl .accessibility-profiles-group,.accessibility-menu.accessibility-rtl .reset,.accessibility-menu.accessibility-rtl .accessibility-footer,.accessibility-menu.accessibility-rtl #confirmation-buttons,.accessibility-menu.accessibility-rtl #confirmation-content {
    flex-direction: row-reverse
}

.accessibility-menu.accessibility-rtl .accessibility-option-group .accessibility-option button {
    flex-direction: row-reverse;
    justify-content: flex-start
}

.accessibility-menu::-webkit-scrollbar {
    width: 15px
}

.accessibility-menu::-webkit-scrollbar-thumb {
    background-color: #d7d7d7;
    border-radius: 10px;
    border: 3px solid transparent;
    background-clip: content-box
}

.accessibility-menu::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 8px;
    background-color: var(--ks-accessibility-white);
    border: 1px solid var(--ks-accessibility-white)
}

.accessibility-menu.darkmode::-webkit-scrollbar {
    width: 15px
}

.accessibility-menu.darkmode::-webkit-scrollbar-thumb {
    background-color: var(--ks-accessibility-light-black);
    border-radius: 10px;
    border: 3px solid transparent;
    background-clip: content-box
}

.accessibility-menu.darkmode::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 8px;
    background-color: var(--ks-accessibility-dark);
    border: 1px solid var(--ks-accessibility-black)
}

.accessibility-menu.darkmode {
    background-color: var(--ks-accessibility-dark);
    color: var(--ks-accessibility-white)
}

#accessibility-close {
    background: none;
    border: none;
    outline: none;
    padding: 0;
    cursor: pointer
}

#accessibility-close:focus {
    outline: 3px solid var(--ks-accessibility-blue)
}

.accessibility-menu.darkmode #accesibility-close {
    filter: var(--ks-accessibility-icon-white)
}

.accessibility-menu .accessibility-preheader-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1;
    min-width: 100%
}

.accessibility-menu .accessibility-preheader-block label {
    position: relative;
    display: block;
    width: 64px;
    height: 32px;
    background: var(--ks-accessibility-black) !important;
    border-radius: 200px;
    cursor: pointer
}

.accessibility-menu .accessibility-preheader-block label:after {
    content: "";
    width: 22px;
    height: 22px;
    position: absolute;
    top: 5px;
    left: 6px;
    background: var(--ks-accessibility-white);
    border-radius: 180px;
    box-shadow: 0 5px 10px rgba(0,0,0,.2)
}

.accessibility-menu .accessibility-preheader-block input {
    width: 0;
    height: 0;
    visibility: hidden
}

.accessibility-menu .accessibility-preheader-block input:checked+label {
    background: var(--ks-accessibility-white) !important
}

.accessibility-menu .accessibility-preheader-block input:checked+label:after {
    left: 58px;
    transform: translateX(-100%);
    background: linear-gradient(180deg,#777,var(--ks-accessibility-black))
}

.accessibility-menu .accessibility-preheader-block label,label:after {
    transition: 0.3s
}

.accessibility-menu .accessibility-preheader-block label:active::after {
    width: 53px
}

.accessibility-menu .accessibility-preheader-block label .accessibility-darkmode-icons .accessibility-darkmode-icon-sun {
    position: absolute;
    left: 5px;
    top: 6px;
    background-image: url(https://app.agencjaks.pl/accessmate/gfx/icons/lightmode.svg);
    width: 20px;
    height: 20px
}

.accessibility-menu .accessibility-preheader-block label .accessibility-darkmode-icons .accessibility-darkmode-icon-moon {
    position: absolute;
    right: 8px;
    top: 6px;
    background-image: url(https://app.agencjaks.pl/accessmate/gfx/icons/darkmode.svg);
    width: 20px;
    height: 20px
}

.accessibility-menu .accessibility-header-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1;
    min-width: 100%
}

.accessibility-menu .accessibility-header-block .accessibility-header p {
    margin: 0;
    color: var(--ks-accessibility-black);
    font-weight: 600;
    font-size: 20px !important;
    zoom:1 !important;font-family: "Poppins",sans-serif !important;
    line-height: 1 !important;
    word-spacing: normal !important;
    letter-spacing: normal !important;
    transition: all 0.6s ease
}

.accessibility-menu.darkmode .accessibility-header-block .accessibility-header p {
    color: var(--ks-accessibility-white)
}

.accessibility-menu .accessibility-profiles-header,.accessibility-menu .accessibility-option-header {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.accessibility-menu .accessibility-profiles-header p,.accessibility-menu .accessibility-option-header p {
    font-size: 18px !important;
    zoom:1 !important;font-family: "Poppins",sans-serif !important;
    line-height: 1 !important;
    word-spacing: normal !important;
    letter-spacing: normal !important;
    margin: 0;
    color: var(--ks-accessibility-black);
    transition: all 0.6s ease
}

.accessibility-menu.darkmode .accessibility-profiles-header p,.accessibility-menu.darkmode .accessibility-option-header p {
    color: var(--ks-accessibility-white)
}

.accessibility-menu .accessibility-profiles-group {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    width: 100%;
    gap: 15px
}

.accessibility-menu .accessibility-profiles-group .accessibility-profile {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.accessibility-menu .accessibility-profiles-group .accessibility-profile .selected-button {
    background-color: var(--ks-accessibility-blue) !important;
    color: var(--ks-accessibility-white) !important
}

.accessibility-menu .accessibility-profiles-group .accessibility-profile button.selected-button .profile-icon {
    filter: var(--ks-accessibility-icon-white) !important
}

.accessibility-menu.darkmode .accessibility-profiles-group .accessibility-profile button.selected-button button .profile-icon {
    filter: var(--ks-accessibility-icon-white) !important
}

.accessibility-menu.darkmode .accessibility-profiles-group .accessibility-profile button .profile-icon {
    filter: var(--ks-accessibility-icon-grey)
}

.accessibility-menu .accessibility-profiles-group .accessibility-profile button {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 125px;
    height: 100px;
    padding: 10px 0;
    gap: 10px;
    border-radius: 10px;
    font-size: 14px !important;
    font-family: "Poppins",sans-serif !important;
    font-weight: 400;
    line-height: 1.1 !important;
    background-color: var(--ks-accessibility-white);
    border: 1px solid var(--ks-accessibility-white);
    text-transform: none !important;
    letter-spacing: normal !important;
    max-height: 100px;
    min-height: 100px;
    color: var(--ks-accessibility-black);
    transition: all 0.6s ease;
    cursor: pointer
}

.accessibility-menu.darkmode .accessibility-profiles-group .accessibility-profile button {
    background-color: var(--ks-accessibility-black);
    color: var(--ks-accessibility-white);
    transition: all 0.6s ease
}

.accessibility-menu .accessibility-option-group {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    width: 100%
}

.accessibility-menu .accessibility-option-group .accessibility-option {
    width: 100%
}

.accessibility-menu.darkmode .accessibility-option-group .accessibility-option button {
    background-color: var(--ks-accessibility-black) !important;
    color: var(--ks-accessibility-white) !important;
    transition: all 0.6s ease
}

.accessibility-menu.darkmode .accessibility-option-group .accessibility-option button.selected-button .icon {
    filter: var(--ks-accessibility-icon-white);
    transition: all 0.6s ease
}

.accessibility-menu.darkmode .accessibility-option-group .accessibility-option button .icon {
    filter: var(--ks-accessibility-icon-dark);
    transition: all 0.6s ease
}

.accessibility-menu .accessibility-option-group .accessibility-option button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    padding: 0 15px;
    width: 100%;
    height: 45px;
    min-height: 45px;
    text-transform: none;
    letter-spacing: normal !important;
    border-radius: 10px;
    font-size: 14px !important;
    font-weight: 400;
    font-family: "Poppins",sans-serif !important;
    background-color: var(--ks-accessibility-white);
    border: 1px solid var(--ks-accessibility-white);
    color: var(--ks-accessibility-black);
    transition: all 0.6s ease;
    cursor: pointer
}

.accessibility-menu .accessibility-option-group .accessibility-option button .icon {
    margin: 0
}

.accessibility-menu .accessibility-option-group .accessibility-option button.selected-button .icon {
    filter: var(--ks-accessibility-icon-blue)
}

.accessibility-menu .accessibility-option-group .accessibility-option button:hover,.accessibility-menu .accessibility-profiles-group .accessibility-profile button:hover {
    background-color: var(--ks-accessibility-button-background-hover);
    border: 1px solid var(--ks-accessibility-button-border-color-hover);
    transition: all 0.6s ease
}

.fontSize-step1 {
    right: 100px !important
}

.fontSize-step2 {
    right: 75px !important
}

.fontSize-step3 {
    right: 50px !important
}

.screenReader-step1 {
    right: 125px !important
}

.screenReader-step2 {
    right: 100px !important
}

.screenReader-step3 {
    right: 75px !important
}

.screenReader-step4 {
    right: 50px !important
}

.accessibility-menu .accessibility-option-group .accessibility-option button .steps .step:first-child {
    position: absolute;
    right: 75px;
    border-radius: 20px
}

.accessibility-menu .accessibility-option-group .accessibility-option button .steps .step {
    display: flex;
    position: absolute;
    right: 50px;
    width: 17px;
    height: 3px;
    background-color: #440cff !important
}

.accessibility-menu.darkmode .accessibility-footer {
    background-color: var(--ks-accessibility-dark);
    color: var(--ks-accessibility-white)
}

.accessibility-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    background-color: var(--ks-accessibility-grey);
    color: var(--ks-accessibility-black);
    transition: all 0.6s ease
}

.accessibility-menu.accessibility-rtl .accessibility-footer .accessibility-form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    line-height: 1.5
}

.accessibility-menu .accessibility-footer .accessibility-form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start
}

.accessibility-menu.darkmode .accessibility-footer .accessibility-form a {
    color: var(--ks-accessibility-grey) !important
}

.accessibility-footer .accessibility-form a {
    font-family: "Poppins",sans-serif !important;
    color: var(--ks-accessibility-black);
    opacity: .75;
    text-decoration: none !important;
    font-size: 14px !important;
    text-align: left !important;
    transition: all 0.6s ease;
    opacity: .75;
    transition: opacity 0.6s ease,color 0.4s ease;
    cursor: pointer
}

.accessibility-menu.darkmode .accessibility-footer .accessibility-form a:hover,.accessibility-footer .accessibility-form a:hover {
    color: var(--ks-accessibility-blue) !important;
    opacity: 1
}

.accessibility-menu.darkmode .accessibility-footer .accessibility-logo #accessibility-logo-link {
    display: block;
    background-image: url(https://app.agencjaks.pl/accessmate/gfx/icons/accessmate-black.svg) !important;
    width: 140px;
    height: 34px;
    background-size: cover;
    transition: all 0.6s ease
}

.accessibility-menu .accessibility-footer .accessibility-logo #accessibility-logo-link {
    display: block;
    background-image: url(https://app.agencjaks.pl/accessmate/gfx/icons/accessmate-white.svg) !important;
    width: 108px;
    height: 25px;
    background-size: cover;
    transition: all 0.6s ease
}

.accessibility-menu .reset {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    background-color: var(--ks-accessibility-blue) !important;
    color: var(--ks-accessibility-white) !important;
    height: 100%;
    width: 100%;
    padding: .8em;
    border-radius: 10px;
    border: none;
    font-size: 16px !important;
    letter-spacing: 0.5px !important;
    font-weight: 500;
    font-family: "Poppins",sans-serif !important;
    text-transform: none !important;
    min-height: 100%;
    cursor: pointer
}

.accessibility-hide-widget {
    border: none;
    color: var(--ks-accessibility-black) !important;
    background: none !important;
    cursor: pointer;
    font-size: 14px !important;
    font-family: "Poppins",sans-serif !important;
    font-weight: 400;
    transition: color 0.6s ease;
    opacity: .75;
    line-height: normal !important;
    padding: 0 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    transition: opacity 0.6s ease,color 0.4s ease
}

.accessibility-menu.darkmode .accessibility-hide-widget {
    color: var(--ks-accessibility-white) !important;
    transition: color 0.6s ease
}

.accessibility-hide-widget:hover,.accessibility-menu.darkmode .accessibility-hide-widget:hover {
    color: var(--ks-accessibility-blue) !important;
    opacity: 1
}

.selected-button {
    background-color: var(--ks-accessibility-white) !important;
    color: var(--ks-accessibility-blue) !important;
    box-shadow: 0 6px 20px -5px rgba(0,0,0,.28)
}

.selected-icon {
    visibility: hidden;
    opacity: 0
}

.selected-button .selected-icon {
    background-image: url(https://app.agencjaks.pl/accessmate/gfx/icons/checked.svg);
    position: absolute;
    right: 15px;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    visibility: visible;
    opacity: 1
}

.profile-icon {
    width: 24px;
    height: 24px;
    transition: all 0.6s ease
}

.accessibility-menu .reset .icon {
    width: 16px;
    height: 16px
}

.accessibility-option .icon,#accessibility-close.icon,#accessibility-button .icon {
    display: inline-block;
    width: 22px;
    height: 22px;
    background-size: cover;
    transition: all 0.6s ease
}

#accessibility-button .icon {
    background-image: url(https://assets.archon.pl/img/icons/ikona_accessibility.svg);
    width: 45px;
    height: 45px;
    margin: 0
}

#change-contrast .icon {
    background-image: url(https://app.agencjaks.pl/accessmate/gfx/icons/contrast.svg)
}

#change-greyscale .icon {
    background-image: url(https://app.agencjaks.pl/accessmate/gfx/icons/greyscale.svg)
}

#toggle-font-size .icon {
    background-image: url(https://app.agencjaks.pl/accessmate/gfx/icons/font.svg)
}

#change-saturation .icon {
    background-image: url(https://app.agencjaks.pl/accessmate/gfx/icons/saturate.svg)
}

#change-line-height .icon {
    background-image: url(https://app.agencjaks.pl/accessmate/gfx/icons/line-height.svg)
}

#change-word-space .icon {
    background-image: url(https://app.agencjaks.pl/accessmate/gfx/icons/word-spacing.svg)
}

#toggle-font .icon {
    background-image: url(https://app.agencjaks.pl/accessmate/gfx/icons/friendly-font.svg)
}

#toggle-animations .icon {
    background-image: url(https://app.agencjaks.pl/accessmate/gfx/icons/pause.svg)
}

#toggle-animations.selected-button .icon {
    background-image: url(https://app.agencjaks.pl/accessmate/gfx/icons/play.svg)
}

#toggle-images .icon {
    background-image: url(https://app.agencjaks.pl/accessmate/gfx/icons/image-slash.svg)
}

#toggle-images.selected-button .icon {
    background-image: url(https://app.agencjaks.pl/accessmate/gfx/icons/images.svg)
}

#toggle-cursor .icon {
    background-image: url(https://app.agencjaks.pl/accessmate/gfx/icons/cursor.svg)
}

#toggle-shine-links .icon {
    background-image: url(https://app.agencjaks.pl/accessmate/gfx/icons/link.svg)
}

#toggle-shine-headers .icon {
    background-image: url(https://app.agencjaks.pl/accessmate/gfx/icons/header.svg)
}

#toggle-shine-links.selected-button .icon {
    background-image: url(https://app.agencjaks.pl/accessmate/gfx/icons/link-slash.svg)
}

#toggle-screen-reader .icon {
    background-image: url(https://app.agencjaks.pl/accessmate/gfx/icons/screen-reader.svg)
}

#accessibility-close .icon {
    display: block;
    background: none !important;
    background-image: url(https://app.agencjaks.pl/accessmate/gfx/icons/close.svg) !important;
    width: 26px;
    height: 26px;
    margin: 0;
    transition: all 0.6s ease
}

.accessibility-menu.darkmode #accessibility-close .icon {
    filter: var(--ks-accessibility-icon-white)
}

#change-text-align .icon {
    background-image: url(https://app.agencjaks.pl/accessmate/gfx/icons/text-left.svg)
}

#reset .icon {
    background-image: url(https://app.agencjaks.pl/accessmate/gfx/icons/reset.svg);
    filter: var(--ks-accessibility-icon-white)
}

#adhd .profile-icon {
    background-image: url(https://app.agencjaks.pl/accessmate/gfx/icons/adhd.svg)
}

#epilepsy .profile-icon {
    background-image: url(https://app.agencjaks.pl/accessmate/gfx/icons/brain.svg)
}

#eyeDisorder .profile-icon {
    background-image: url(https://app.agencjaks.pl/accessmate/gfx/icons/eye.svg)
}

#dyslexia .profile-icon {
    background-image: url(https://app.agencjaks.pl/accessmate/gfx/icons/dyslexia.svg)
}

#colorBlind .profile-icon {
    background-image: url(https://app.agencjaks.pl/accessmate/gfx/icons/color-blind.svg)
}

#blindness .profile-icon {
    background-image: url(https://app.agencjaks.pl/accessmate/gfx/icons/voice.svg)
}

.accessibility-menu #confirmation-dialog {
    display: none;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: var(--ks-accessibility-grey);
    color: var(--ks-accessibility-black);
    border: none;
    box-shadow: 5px 0 30px rgba(0,0,0,.2);
    width: 320px;
    height: 250px;
    padding: 30px;
    border-radius: 10px
}

.accessibility-menu.darkmode #confirmation-dialog {
    background-color: var(--ks-accessibility-dark);
    color: var(--ks-accessibility-white);
    border: 2px solid var(--ks-accessibility-black)
}

.accessibility-menu #confirmation-content {
    display: flex;
    direction: ltr;
    font-size: 16px !important;
    zoom:1 !important;font-family: "Poppins",sans-serif !important;
    font-weight: 400
}

#confirmation-buttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    gap: 40px
}

#confirmation-dialog #confirm-yes,#confirmation-dialog #confirm-no {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    height: 100%;
    width: 100px;
    padding: .8em;
    background: none !important;
    border-radius: 10px;
    border: none;
    font-size: 16px !important;
    letter-spacing: 0.5px !important;
    font-weight: 500;
    font-family: "Poppins",sans-serif !important
}

#confirmation-dialog #confirm-yes {
    border: 2px solid #28a745;
    color: #28a745;
    transition: all 0.3s ease
}

#confirmation-dialog #confirm-no {
    border: 2px solid#F44336;
    color: #f44336;
    transition: all 0.3s ease
}

#confirmation-dialog #confirm-yes:hover {
    background: #28a745 !important;
    color: var(--ks-accessibility-white)
}

#confirmation-dialog #confirm-no:hover {
    background: #f44336 !important;
    color: var(--ks-accessibility-white)
}

@media (max-width: 500px) {
    .accessibility-menu {
        padding:15px;
        max-height: 90vh;
        min-width: calc(100vw - 12px)
    }

    .accessibility-menu .accessibility-footer .accessibility-logo #accessibility-logo-link {
        width: 140px;
        height: 34px
    }

    .accessibility-menu .accessibility-profiles-group {
        gap: 10px;
        justify-content: space-evenly
    }

    .accessibility-menu .accessibility-profiles-group .accessibility-profile button {
        width: 42vw;
        height: 100px;
        padding: 0 10px;
        gap: 5px
    }

    .accessibility-menu.darkmode::-webkit-scrollbar,.accessibility-menu::-webkit-scrollbar {
        width: 10px
    }

    .screenReader-step1,.screenReader-step2,.screenReader-step3,.screenReader-step4 {
        opacity: 0 !important
    }
}

@media (max-width: 420px) {
    .accessibility-menu {
        padding:10px;
        border-radius: 0;
        max-width: 100vw
    }

    .accessibility-menu .reset {
        gap: 5px;
        font-size: 14px !important
    }

    .accessibility-menu .accessibility-option-group .accessibility-option button .steps .step:first-child {
        right: 64px
    }

    .accessibility-menu .accessibility-option-group .accessibility-option button .steps .step {
        right: 40px
    }

    .accessibility-menu .accessibility-option-group .accessibility-option button {
        padding: 0 5px;
        font-size: 13px !important;
        gap: 5px
    }

    .accessibility-menu .reset .icon {
        min-width: 16px;
        min-height: 16px
    }

    #change-word-space .steps .wordSpace-step1,#change-word-space .steps .wordSpace-step2 {
        opacity: 0 !important
    }
}

@media (max-width: 364px) {
    .accessibility-menu {
        padding:5px 10px 5px 5px
    }

    .accessibility-menu .accessibility-header-block .accessibility-header p {
        font-size: 16px !important
    }

    .accessibility-menu .accessibility-profiles-header p,.accessibility-menu .accessibility-option-header p {
        font-size: 16px !important
    }
}

.default-contrast {
    filter: contrast(100%)
}

.large-contrast {
    filter: contrast(200%)
}

.negative-contrast {
    filter: invert(1)
}

.saturation-small {
    filter: saturate(50%)
}

.saturation-large {
    filter: saturate(4)
}

.greyscale-large {
    filter: grayscale(2)
}

.text-align-default {
    text-align: left
}

.text-align-center {
    text-align: center !important
}

.text-align-right {
    text-align: right !important
}

.hidden-image {
    opacity: 0 !important
}

.animations-stopped {
    animation-duration: 0ms !important;
    transition-duration: 0ms !important
}

.shined-link {
    text-decoration: underline !important;
    color: rgb(255,255,0) !important;
    fill: rgb(255,255,0) !important;
    background-color: #000 !important;
    background: radial-gradient(black,black);
    font-weight: 700
}

.shined-header {
    color: rgb(255,4,0) !important;
    background-color: #ffffff !important;
    background: radial-gradient(rgb(255,255,255),rgb(255,255,255));
    font-weight: 700
}

.cursor-line {
    background: #000;
    height: 2px;
    position: fixed;
    width: 100%;
    pointer-events: none;
    z-index: 2147483645
}

.dark-area {
    background: rgba(0,0,0,.5);
    position: fixed;
    width: 100%;
    pointer-events: none;
    z-index: 21474836
}

.line-top {
    top: -50px
}

.line-bottom {
    top: 50px
}

.dark-above {
    top: 0;
    height: 50px
}

.dark-below {
    top: 50px;
    bottom: 0
}

.basic-font {
    font-family: Arial,sans-serif !important
}

.custom-font {
    font-family: "OpenDyslexic" !important
}

* body.basic-font,body.basic-font,body.basic-font h1,body.basic-font h2,body.basic-font h3,body.basic-font h4,body.basic-font h5,body.basic-font h6,body.basic-font p,body.basic-font div,body.basic-font ul,body.basic-font li,body.basic-font a,body.basic-font button {
    font-family: Arial,sans-serif !important
}

* body.custom-font,body.custom-font,body.custom-font h1,body.custom-font h2,body.custom-font h3,body.custom-font h4,body.custom-font h5,body.custom-font h6,body.custom-font p,body.custom-font div,body.custom-font ul,body.custom-font li,body.custom-font a,body.custom-font button {
    font-family: "OpenDyslexic" !important
}

body.text-align-center .toright {
    text-align: center !important
}

body.text-align-right .toright {
    text-align: right !important
}

body.text-align-center .center {
    text-align: center !important
}

body.text-align-right .center {
    text-align: right !important
}

@media (max-width: 992px) {
    #adhdd,#toggle-cursor,.adhd-profile-accessmate {
        display:none !important;
        visibility: hidden
    }

    .accessibility-profiles-group {
        gap: 10px !important;
        justify-content: flex-start !important
    }
}