.accessibility-widget {
    position: fixed;
    top: 50%;
    right: calc(var(--spacing-small) * 8);
    z-index: 1000;
}

.disable-pointer {
    pointer-events: none;
}

.accessibility-widget #accessibility-close {
    position: absolute;
    top: var(--spacing-small);
    right: var(--spacing-small);
    cursor: pointer;
}

.accessibility-widget .accessibility-float {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    width: 40px;
    height: 40px;
    top: 50%;
    transform: translateY(40px);
    right: var(--spacing-small);
    background-color: var(--color-primary-bg);
    color: var(--color-primary-text);
    border-radius: 50px;
    text-align: center;
    box-shadow: 2px 2px 3px #999;
    padding: calc(var(--spacing-small) / 2);
    cursor: pointer;
}

.ph-wheelchair-motion {
    font-size: 24px;
}

.ph-x-circle {
    font-size: 24px;
}

.accessibility-widget .accessibility-card {
    display: none;
    background: var(--color-normal-bg);
    padding: var(--spacing-medium);
    width: 250px;
    position: relative;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    z-index: 10001;
    border-radius: var(--radius-medium);
    transform: translateY(-200px);
}
.accessibility-widget .accessibility-card-open {
    display: block;
}

.accessibility-widget .accessibility-card h3 {
    margin-bottom: 10px;
}

.accessibility-widget .item {
    padding: 10px 0;
}

.accessibility-widget .item button {
    padding: 4px 10px;
    outline: none;
    background-color: transparent;
    border: none;
    color: var(--color-normal-text);
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;

}

.accessibility-widget .screen-reader {
    color: var(--color-normal-text);
    font-size:  var(--text-small);
}

/* acessibiilty */
html.monochrome {
    /*min-height: 100vh;*/
    filter: grayscale(100%) contrast(120%);
}

html.inverted {
    filter: invert(75%) contrast(120%);
    background: #fff;
    /* filter: invert(75%) contrast(120%); */
    /*background: #121212 !important;*/
    /*color: #655b5b !important;*/
}
/*html.inverted img, html.inverted svg {*/
/*    -webkit-transition: all .3s ease-in-out;*/
/*    -moz-transition: all .3s ease-in-out;*/
/*    -o-transition: all .3s ease-in-out;*/
/*    transition: all .3s ease-in-out;*/
/*    filter: invert(75%) contrast(90%);*/
/*}*/

html.bigCursor,
html.bigcursor * {
    cursor: url("/site-assets/images/big-cursor.svg"), auto !important;
}

html.highlightLinks a {
    background-color: rgb(220, 231, 133) !important;
    color: black !important;
}

html.highlightHeadings h1,
html.highlightHeadings h2,
html.highlightHeadings h3,
html.highlightHeadings h4,
html.highlightHeadings h5,
html.highlightHeadings h6 {
    background-color: rgb(174, 192, 10) !important;
    color: black !important;
}

html.guide #readingGuide {
    background-color: rgb(205, 228, 0);
    display: block !important;
}

html.accessibility_readingLine #readingGuide {
    background-color: #d1df0e !important;
    opacity: 1;
    width: 100vw;
    height: calc(var(--spacing-small) / 2);
    position: absolute;
    left: 0;
    z-index: 999999;
    transform: translateY(0.5rem);
}