:root {
    --anp-font-family: 'Rubik', sans-serif;
    --anp-color-border: #A1A4A5;
    --anp-background-color: #E8E9E9;
    --anp-padding-btn-in-content-first: 20px;
    --anp-padding-btn-in-content: 10px;
    --anp-padding-profile-in-content: 15px;
    --anp-height-controller-btn-in-content: 32px;
    --anp-font-size-btn-in-content: 14px;
}

.new-accessibility-npcoding-anp {
    position: fixed;
    top: 10px;
    z-index: 9999;
    height: 95vh;
    max-width: 325px;
    width: 0;
    transition-property: width, opacity;
    transition-timing-function: ease-in-out;
    transition-duration: 0.5s;
    background-color: #ffffff;
    box-shadow: 0 0 10px rgb(0 0 0 / 30%);
    border-radius: 20px;
    font-family: var(--anp-font-family);
    overflow-x: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@media (min-width: 360px) {
    .new-accessibility-npcoding-anp:not(.right-anp) {
        left: 20px;
    }
    .new-accessibility-npcoding-anp.right-anp {
        right: 20px;
    }
}

@media (max-width: 359px) {
    .new-accessibility-npcoding-anp {
        top: 0;
        left: 0;
        /* right: 0; */
        height: 100%;
    }
}

.new-accessibility-npcoding-anp.open {
    width: 100%;
}

#open-accessibility-anp {
    background: url("../images/accessibility.svg") no-repeat;
    width: 73px;
    height: 50px;
    position: fixed;
    z-index: 2;
    bottom: 40px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    cursor: pointer;
}

.new-accessibility-npcoding-anp:not(.right-anp) #open-accessibility-anp {
    left: 0;
}

.new-accessibility-npcoding-anp.right-anp #open-accessibility-anp {
    right: 0;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.new-accessibility-npcoding-anp .accessibility-anp .first-btns-anp {
    display: grid;
    grid-template-columns: 160px 106px;
    justify-content: space-between;
    padding: 8px;
    font-size: 13px;
}

.new-accessibility-npcoding-anp .accessibility-anp .first-btns-anp .right-anp,
.new-accessibility-npcoding-anp .accessibility-anp .first-btns-anp .left-anp {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.new-accessibility-npcoding-anp .accessibility-anp .first-btns-anp .left-anp {
    justify-content: left;
}

.new-accessibility-npcoding-anp .accessibility-anp .direction-anp,
.new-accessibility-npcoding-anp .accessibility-anp .statement-anp,
.new-accessibility-npcoding-anp .accessibility-anp .reset-anp,
.new-accessibility-npcoding-anp .accessibility-anp .hide-anp,
.new-accessibility-npcoding-anp .accessibility-anp .exit-anp {
    cursor: pointer;
}

.new-accessibility-npcoding-anp .accessibility-anp .direction-anp .icon-anp,
.new-accessibility-npcoding-anp .accessibility-anp .statement-anp .icon-anp,
.new-accessibility-npcoding-anp .accessibility-anp .reset-anp .icon-anp,
.new-accessibility-npcoding-anp .accessibility-anp .hide-anp .icon-anp,
.new-accessibility-npcoding-anp .accessibility-anp .exit-anp .icon-anp {
    display: block;
    background-size: contain;
    width: 28px;
    height: 28px;
    cursor: pointer;
    margin-right: auto;
    margin-left: auto;
}

.new-accessibility-npcoding-anp .accessibility-anp .exit-anp .description-anp,
.new-accessibility-npcoding-anp .accessibility-anp .direction-anp .description-anp,
.new-accessibility-npcoding-anp .accessibility-anp .statement-anp .description-anp,
.new-accessibility-npcoding-anp .accessibility-anp .hide-anp .description-anp,
.new-accessibility-npcoding-anp .accessibility-anp .reset-anp .description-anp {
    display: block;
    margin-top: 5px;
    text-align: center;
}

.new-accessibility-npcoding-anp .accessibility-anp .exit-anp .icon-anp {
    background: url(../images/close.svg) no-repeat;
}

.new-accessibility-npcoding-anp .accessibility-anp .hide-anp .icon-anp {
    background: url(../images/cancel_accesability.svg) no-repeat center;
}

.new-accessibility-npcoding-anp .accessibility-anp .direction-anp .icon-anp {
    background: url(../images/stick-to-right.svg) no-repeat center;
}

.new-accessibility-npcoding-anp .accessibility-anp .statement-anp .icon-anp {
    background: url(../images/info-icon.svg) no-repeat center;
}

.new-accessibility-npcoding-anp .accessibility-anp .reset-anp .icon-anp {
    background: url(../images/reset.svg) no-repeat center;
}


/** sections-btns-anp **/

.new-accessibility-npcoding-anp .sections-btns-anp {
    display: grid;
    grid-template-columns: repeat(4, calc(25% - 5px));
    margin-top: 5px;
    gap: 5px;
    justify-content: center;
}

.new-accessibility-npcoding-anp .sections-btns-anp .s-btn-anp {
    border: 1px solid #A1A4A5;
    text-align: center;
    padding: 5px;
    cursor: pointer;
    font-size: 14px;
}

.new-accessibility-npcoding-anp .sections-btns-anp .s-btn-anp.active-anp,
.new-accessibility-npcoding-anp .sections-btns-anp .s-btn-anp:hover {
    background-color: var(--anp-background-color);
    font-weight: bold;
}


/** END sections-btns-anp **/

.new-accessibility-npcoding-anp .content-anp {
    display: grid;
    grid-template-columns: repeat(4, 100%);
    transition: 0.5s transform ease-in-out;
}

.new-accessibility-npcoding-anp .content-anp>div {
    transition: 0.7s opacity ease-in-out;
}


/** text-and-content-anp **/

.new-accessibility-npcoding-anp .content-anp .title-anp {
    margin: 20px 10px 7px;
    font-weight: 700;
    font-size: 17px;
}

.new-accessibility-npcoding-anp .content-anp .row-anp {
    border-top: 1px solid var(--anp-color-border);
    padding: 5px var(--anp-padding-btn-in-content);
    display: grid;
}

.new-accessibility-npcoding-anp .content-anp .row-anp.two {
    grid-template-columns: repeat(2, 50%);
}

.new-accessibility-npcoding-anp .content-anp .row-anp.three {
    grid-template-columns: repeat(3, 33%);
}

.new-accessibility-npcoding-anp .content-anp .rows .row-anp.one>div:not(.colors-anp):not(.select-anp) {
    width: calc( 50% - var(--anp-padding-btn-in-content));
}

.new-accessibility-npcoding-anp .content-anp .rows .row-anp>div.controller-anp:only-child {
    padding-right: 0;
}

.new-accessibility-npcoding-anp .content-anp .row-anp:last-child {
    border-bottom: 1px solid var(--anp-color-border);
}

.new-accessibility-npcoding-anp .content-anp .text-and-content-anp .row-anp:first-child {
    padding: 10px var(--anp-padding-btn-in-content-first);
}

.new-accessibility-npcoding-anp .content-anp .row-anp>div:nth-child(1n+2) {
    border-right: 1px solid var(--anp-color-border);
}

.new-accessibility-npcoding-anp .content-anp .row-anp>div {
    padding: var(--anp-padding-btn-in-content) 0;
}

.new-accessibility-npcoding-anp .content-anp .text-and-content-anp .row-anp:first-child>div {
    padding: var(--anp-padding-btn-in-content-first) 0;
}


/** Controller **/

.new-accessibility-npcoding-anp .content-anp .row-anp .controller-anp:first-child {
    padding-left: var(--anp-padding-btn-in-content);
}

.new-accessibility-npcoding-anp .content-anp .row-anp .controller-anp:last-child {
    padding-right: var(--anp-padding-btn-in-content);
}

.new-accessibility-npcoding-anp .content-anp .text-and-content-anp .row-anp:first-child .controller-anp {
    padding-left: var(--anp-padding-btn-in-content-first);
}

.new-accessibility-npcoding-anp .content-anp .row-anp .controller-anp .container-controller-anp {
    background-color: var(--anp-background-color);
    border-radius: 20px;
    display: grid;
    grid-template-columns: 30% 40% 30%;
    padding: 4px;
}

.new-accessibility-npcoding-anp .content-anp .row-anp .controller-anp .container-controller-anp .plus-anp,
.new-accessibility-npcoding-anp .content-anp .row-anp .controller-anp .container-controller-anp .minus-anp {
    background-color: #ffffff;
    width: var(--anp-height-controller-btn-in-content);
    height: var(--anp-height-controller-btn-in-content);
    line-height: var(--anp-height-controller-btn-in-content);
    text-align: center;
    border-radius: 50%;
    font-size: 30px;
    cursor: pointer;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    transition: 0.1s transform ease-in-out, 0.1s box-shadow ease-in-out;
}

.new-accessibility-npcoding-anp .content-anp .row-anp .controller-anp .container-controller-anp .plus-anp:hover,
.new-accessibility-npcoding-anp .content-anp .row-anp .controller-anp .container-controller-anp .minus-anp:hover {
    transform: scale(1.05, 1.05);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.new-accessibility-npcoding-anp .content-anp .row-anp .controller-anp .container-controller-anp .plus-anp {
    justify-self: end;
}

.new-accessibility-npcoding-anp .content-anp .row-anp .controller-anp .container-controller-anp .view-anp {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: var(--anp-height-controller-btn-in-content);
    height: var(--anp-height-controller-btn-in-content);
    justify-self: center;
}

.new-accessibility-npcoding-anp .content-anp .row-anp .controller-anp .container-controller-anp .view-anp.hide-icon-anp {
    background-image: none;
    line-height: var(--anp-height-controller-btn-in-content);
    direction: ltr;
}

.new-accessibility-npcoding-anp .content-anp .row-anp .controller-anp .label-anp {
    font-size: var(--anp-font-size-btn-in-content);
    text-align: center;
    margin-top: 8px;
}


/** END Controller **/


/** btn-anp **/

.new-accessibility-npcoding-anp .content-anp .row-anp .btn-container-anp {
    display: grid;
    justify-content: center;
    padding: 0 var(--anp-padding-btn-in-content);
}

.new-accessibility-npcoding-anp .content-anp .row-anp .btn-anp {
    padding: 5px calc(10px - var(--anp-padding-btn-in-content)) 10px calc(10px - var(--anp-padding-btn-in-content));
    cursor: pointer;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    transition: 0.3s box-shadow ease-in-out;
    box-sizing: border-box;
}

.new-accessibility-npcoding-anp .content-anp .row-anp.two .btn-anp {
    padding-right: var(--anp-padding-btn-in-content);
    padding-left: var(--anp-padding-btn-in-content);
}

.new-accessibility-npcoding-anp .content-anp .row-anp .btn-anp:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.new-accessibility-npcoding-anp .content-anp .row-anp .btn-anp .icon-anp {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 45px;
}

.new-accessibility-npcoding-anp .content-anp .row-anp .btn-anp .label-anp {
    font-size: var(--anp-font-size-btn-in-content);
    text-align: center;
}


/** END btn-anp **/


/** icons **/

.new-accessibility-npcoding-anp .content-anp .text-and-content-anp-font .icon-anp {
    background-image: url(../images/readable-font.svg);
}

.new-accessibility-npcoding-anp .content-anp .text-and-content-anp-font-size .view-anp {
    background-image: url(../images/font-size-adjustment.svg);
}

.new-accessibility-npcoding-anp .content-anp .text-and-content-anp-bold-title .icon-anp {
    background-image: url(../images/emphasis-titles.svg);
}

.new-accessibility-npcoding-anp .content-anp .text-and-content-anp-bold-link .icon-anp {
    background-image: url(../images/emphasis-linkes.svg);
}

.new-accessibility-npcoding-anp .content-anp .text-and-content-anp-glass .icon-anp {
    background-image: url(../images/magnify-glass-text.svg);
}

.new-accessibility-npcoding-anp .content-anp .text-and-content-anp-align-right .icon-anp {
    background-image: url(../images/text-align-right.svg);
}

.new-accessibility-npcoding-anp .content-anp .text-and-content-anp-align-center .icon-anp {
    background-image: url(../images/text-align-center.svg);
}

.new-accessibility-npcoding-anp .content-anp .text-and-content-anp-align-left .icon-anp {
    background-image: url(../images/text-align-left.svg);
}

.new-accessibility-npcoding-anp .content-anp .text-and-content-anp-space-row .view-anp {
    background-image: url(../images/line-height.svg);
}

.new-accessibility-npcoding-anp .content-anp .text-and-content-anp-space-font .view-anp {
    background-image: url(../images/letter-spacing.svg);
}

.new-accessibility-npcoding-anp .content-anp .text-and-content-anp-fit_content .view-anp {
    background-image: url(../images/content-crop.svg);
}


/** END icons **/


/** END text-and-content-anp **/


/** colors-and-view-anp **/

.new-accessibility-npcoding-anp .content-anp .row-anp .colors-anp {
    max-width: 220px;
    margin: 0 auto;
}

.new-accessibility-npcoding-anp .content-anp .row-anp .colors-anp .colors-list-anp {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    justify-content: center;
    gap: 4px;
}

.new-accessibility-npcoding-anp .content-anp .row-anp .colors-anp .colors-list-anp .color-anp {
    width: 23px;
    height: 23px;
    border-radius: 5px;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
}

.new-accessibility-npcoding-anp .content-anp .row-anp .colors-anp .colors-list-anp .color-anp:not(.active-anp) {
    border: 1px solid #A1A4A5;
    padding: 2px;
}

.new-accessibility-npcoding-anp .content-anp .row-anp .colors-anp .colors-list-anp .color-anp.active-anp {
    border: 2px solid #000000;
}

.new-accessibility-npcoding-anp .content-anp .row-anp .colors-anp .colors-list-anp .color-anp:hover {
    transform: scale(1.1, 1.1);
}

.new-accessibility-npcoding-anp .content-anp .row-anp .colors-anp .colors-list-anp .color-anp.active-anp::after {
    content: '\f00c';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    transform: translateY(-50%);
    font-size: 12px;
    text-align: center;
}

.new-accessibility-npcoding-anp .content-anp .row-anp .colors-anp .colors-list-anp .color-anp .background-color-anp {
    height: 100%;
    box-sizing: border-box;
}

.new-accessibility-npcoding-anp .content-anp .row-anp .colors-anp .colors-list-anp .color-anp:not(.active-anp) .background-color-anp {
    border: 1px solid #BEC2C5;
}

.new-accessibility-npcoding-anp .content-anp .row-anp .colors-anp .colors-label-anp {
    position: relative;
    margin-top: 8px;
}

.new-accessibility-npcoding-anp .content-anp .row-anp .colors-anp .colors-label-anp .colors-title-anp {
    text-align: center;
    font-size: var(--anp-font-size-btn-in-content);
    vertical-align: bottom;
    white-space: nowrap;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
}

.new-accessibility-npcoding-anp .content-anp .row-anp .colors-anp .colors-label-anp .icon-anp {
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: 95%;
    background-size: contain;
    height: 35px;
}


/** icons **/

.new-accessibility-npcoding-anp .content-anp .colors-and-view-anp-shades_gray .icon-anp {
    background-image: url(../images/grayscale.svg);
}

.new-accessibility-npcoding-anp .content-anp .colors-and-view-anp-dark_contrast .icon-anp {
    background-image: url(../images/dark-contrast.svg);
}

.new-accessibility-npcoding-anp .content-anp .colors-and-view-anp-light_contrast .icon-anp {
    background-image: url(../images/light-contrast.svg);
}

.new-accessibility-npcoding-anp .content-anp .colors-and-view-anp-high_saturation .icon-anp {
    background-image: url(../images/high-saturation.svg);
}

.new-accessibility-npcoding-anp .content-anp .colors-and-view-anp-low_saturation .icon-anp {
    background-image: url(../images/low-saturation.svg);
}

.new-accessibility-npcoding-anp .content-anp .colors-and-view-anp-high_contrast .icon-anp {
    background-image: url(../images/high-contrast.svg);
}

.new-accessibility-npcoding-anp .content-anp .colors-and-view-anp-text-color .icon-anp {
    background-image: url(../images/change-color-text.svg);
}

.new-accessibility-npcoding-anp .content-anp .colors-and-view-anp-title-color .icon-anp {
    background-image: url(../images/change-color-titles.svg);
}

.new-accessibility-npcoding-anp .content-anp .colors-and-view-anp-background-color .icon-anp {
    background-image: url(../images/change-background-color.svg);
}


/** END icons **/


/** END colors-and-view-anp **/


/** profiles-anp **/

.new-accessibility-npcoding-anp .content-anp .profiles-anp .row-anp {
    display: grid;
    grid-template: "icon-anp title-profile-anp" "icon-anp description-profile-anp" / 70px 1fr;
    padding: var(--anp-padding-profile-in-content) 0;
    cursor: pointer;
    transition: 0.3s box-shadow ease-in-out;
}

.new-accessibility-npcoding-anp .content-anp .profiles-anp .row-anp:not(.active):hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.new-accessibility-npcoding-anp .content-anp .profiles-anp .row-anp.active-anp {
    background-color: var(--anp-background-color);
}

.new-accessibility-npcoding-anp .content-anp .profiles-anp .row-anp .icon-anp {
    grid-area: icon-anp;
}

.new-accessibility-npcoding-anp .content-anp .profiles-anp .row-anp .title-profile-anp {
    grid-area: title-profile-anp;
    margin: 0;
    font-size: 13px;
}

.new-accessibility-npcoding-anp .content-anp .profiles-anp .row-anp .description-profile-anp {
    grid-area: description-profile-anp;
    margin: 5px 0 0;
    font-size: 12px;
}

.new-accessibility-npcoding-anp .content-anp .profiles-anp .row-anp .icon-anp {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}


/** icons **/

.new-accessibility-npcoding-anp .content-anp .profiles-anp .profiles-anp-epilepsy .icon-anp {
    background-image: url(../images/no-flashy.svg);
}

.new-accessibility-npcoding-anp .content-anp .profiles-anp .profiles-anp-visual-impairment .icon-anp {
    background-image: url(../images/sight-disability-profile.svg);
}

.new-accessibility-npcoding-anp .content-anp .profiles-anp .profiles-anp-cognitive .icon-anp {
    background-image: url(../images/cognitivity-disability-profile.svg);
}

.new-accessibility-npcoding-anp .content-anp .profiles-anp .profiles-anp-adhd .icon-anp {
    background-image: url(../images/adhd-friendly-profile.svg);
}

.new-accessibility-npcoding-anp .content-anp .profiles-anp .profiles-anp-navigation-with-keyboard .icon-anp {
    background-image: url(../images/keyboard-nav.svg);
}

.new-accessibility-npcoding-anp .content-anp .profiles-anp .profiles-anp-read-screen .icon-anp {
    background-image: url(../images/text-reader.svg);
}


/** END icons **/


/** END profiles-anp **/


/** navigation-and-other-anp **/

.new-accessibility-npcoding-anp .content-anp .navigation-and-other-anp .select-anp {
    padding: 0 20px;
}

.new-accessibility-npcoding-anp .content-anp .navigation-and-other-anp .select-anp .label-anp {
    margin-bottom: 5px;
    font-size: var(--anp-font-size-btn-in-content);
}

.new-accessibility-npcoding-anp .content-anp .navigation-and-other-anp .select-anp .select-anp {
    width: 100%;
    padding: 5px;
    -webkit-appearance: auto;
}

.new-accessibility-npcoding-anp .content-anp .navigation-and-other-anp .row-anp:last-child {
    border-bottom: none;
}


/** icons **/

.new-accessibility-npcoding-anp .content-anp .navigation-and-other-anp .navigation-and-other-anp-sound .icon-anp {
    background-image: url(../images/disable-sound-icon.svg);
}

.new-accessibility-npcoding-anp .content-anp .navigation-and-other-anp .navigation-and-other-anp-hide-images .icon-anp {
    background-image: url(../images/hide-images-icon.svg);
}

.new-accessibility-npcoding-anp .content-anp .navigation-and-other-anp .navigation-and-other-anp-read-status .icon-anp {
    background-image: url(../images/read-mode-icon.svg);
}

.new-accessibility-npcoding-anp .content-anp .navigation-and-other-anp .navigation-and-other-anp-read-accessibility .icon-anp {
    background-image: url(../images/read-mode-helper-icon.svg);
}

.new-accessibility-npcoding-anp .content-anp .navigation-and-other-anp .navigation-and-other-anp-stop-animation .icon-anp {
    background-image: url(../images/stop-animation-icon.svg);
}

.new-accessibility-npcoding-anp .content-anp .navigation-and-other-anp .navigation-and-other-anp-read-mask .icon-anp {
    background-image: url(../images/read-mask.svg);
}

.new-accessibility-npcoding-anp .content-anp .navigation-and-other-anp .navigation-and-other-anp-bold-elements-when-mouse-hover .icon-anp {
    background-image: url(../images/emphasis-mouse-hover.svg);
}

.new-accessibility-npcoding-anp .content-anp .navigation-and-other-anp .navigation-and-other-anp-mark-fouce .icon-anp {
    background-image: url(../images/emphasis-focus.svg);
}

.new-accessibility-npcoding-anp .content-anp .navigation-and-other-anp .navigation-and-other-anp-white-mouse .icon-anp {
    background-image: url(../images/large-white-cursor.svg);
}

.new-accessibility-npcoding-anp .content-anp .navigation-and-other-anp .navigation-and-other-anp-black-mouse .icon-anp {
    background-image: url(../images/large-black-cursor.svg);
}


/** END icons **/


/** END navigation-and-other-anp **/

.new-accessibility-npcoding-anp .content-anp .row-anp .active-anp {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    background-color: #10273e;
    color: #ffffff;
}


/** statement **/

.new-accessibility-npcoding-anp .block-statement-anp {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    min-height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
}

.new-accessibility-npcoding-anp .content-container-statement-anp {
    position: relative;
    width: calc( 100% - 30px);
    height: calc( 100% - 30px);
    min-height: 83vh;
    margin: 15px auto;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    padding-top: 40px;
}

.new-accessibility-npcoding-anp .content-container-statement-anp .exit-anp {
    position: absolute;
    top: 10px;
    right: 10px;
}

.new-accessibility-npcoding-anp .content-container-statement-anp .container-loader-anp {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@keyframes loader-anp-1 {
    33% {
        transform: translate(25px, -50px);
    }
    66% {
        transform: translate(50px, 0px);
    }
    100% {
        transform: translate(0px, 0px);
    }
}

@keyframes loader-anp-2 {
    33% {
        transform: translate(25px, 50px);
    }
    66% {
        transform: translate(- 25px, 50px);
    }
    100% {
        transform: translate(0px, 0px);
    }
}

@keyframes loader-anp-3 {
    33% {
        transform: translate(-50px, 0px);
    }
    66% {
        transform: translate(- 25px, -50px);
    }
    100% {
        transform: translate(0px, 0px);
    }
}

.new-accessibility-npcoding-anp .content-statement-anp {
    padding: 0 20px;
    box-sizing: border-box;
    overflow-y: auto;
    position: relative;
}

.new-accessibility-npcoding-anp .loading-text-anp {
    margin-top: 60px;
}

.new-accessibility-npcoding-anp .loader-anp {
    transform: translate(-15px, -37.5px);
}

.new-accessibility-npcoding-anp .loader-anp>div:nth-child(1) {
    animation-name: loader-anp-1;
    animation-delay: 0;
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

.new-accessibility-npcoding-anp .loader-anp>div:nth-child(2) {
    animation-name: loader-anp-2;
    animation-delay: 0;
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

.new-accessibility-npcoding-anp .loader-anp>div:nth-child(3) {
    animation-name: loader-anp-3;
    animation-delay: 0;
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

.new-accessibility-npcoding-anp .loader-anp>div {
    animation-fill-mode: both;
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    border: 1px solid #000;
}

.new-accessibility-npcoding-anp .loader-anp>div:nth-of-type(1) {
    top: 50px;
}

.new-accessibility-npcoding-anp .loader-anp>div:nth-of-type(2) {
    left: 25px;
}

.new-accessibility-npcoding-anp .loader-anp>div:nth-of-type(3) {
    top: 50px;
    left: 50px;
}


/** END statement **/


/** MOBILE **/

@media (max-width: 768px) {
    .profiles-anp-adhd,
    .profiles-anp-navigation-with-keyboard {
        display: none !important;
    }
    .navigation-and-other-anp-read-accessibility,
    .navigation-and-other-anp-read-mask,
    .navigation-and-other-anp-bold-elements-when-mouse-hover,
    .navigation-and-other-anp-white-mouse,
    .navigation-and-other-anp-black-mouse {
        pointer-events: none;
        opacity: 0.2;
    }
}


/** END MOBILE **/