.accessibility-overlay {
    width:100vw;
    height:100vh;
    background:var(--monoBack);
    position:fixed;
    z-index:200;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:all 0.5s;
}

.accessibility-overlay-show {
    top:0;
    left:0;
    opacity:1;
}

.accessibility-overlay-hidden {
    top:-100vh;
    left:0;
    opacity:0;
}

.accessibility-overlay-top {
	width:100%;
	box-shadow:0px 0px 5px var(--monoFront);
	position:absolute;
	top:0;
	left:0;
	background:var(--monoBack);
	border-bottom:solid 0.25em var(--baseColour);
}

.accessibility-overlay-top-inner {
	width:var(--contentwidth);
	margin:auto;
	background-size:auto 90% !important;
	background-repeat:no-repeat !important;
	background-position:left center !important;
	display:flex;
	justify-content:flex-end;
	align-items:center;
}

.accessibility-overlay-top-inner i {
		font-size:1.25em;
	display:block;
	color:var(--monoFront);
	padding:0.5em;
	transition:all 0.5s;
	cursor:pointer;
}

.accessibility-overlay-top-inner i:hover {
		background:var(--baseColour);
	color:var(--baseColourInvert);
}

.accessibility-overlay-panel {
    	overflow-y:auto;
	padding:2.5em;
	height:85vh;
	margin:2em;
}
.accessibility-overlay-accessibility-title {
	font-family:var(--font01);
	font-weight:600;
	font-size:2em;

}
.accessibility-overlay-accessibility-form {
	width:100%;
	display:block;
}
.accessibility-overlay-accessibility-form #search {
	outline:none;
	border:0;
	background:transparent;
	border-bottom:solid 0.25vmin black;
	padding:0.25em;
	font-family:var(--font02);
	font-size:1.2em;
	width:60vw;
}

.accessibility-overlay-accessibility-form #searchsubmit {
	border:0;
	background:var(--baseColour);
	font-size:1.25em;
	color:var(--baseColourInvert);
	padding:0.5em;
	transition:all 0.5s;
	cursor:pointer;
}

.accessibility-overlay-accessibility-form #searchsubmit:hover {
	background:var(--baseColour_010);
	color:var(--baseColour_095);
}

.accessibility-overlay-accessibility-form {
font-size:1em;
    font-family:var(--font01);
    max-width:80vw;
    width:100%;
}

.library-access-overly-access-title {
display:block;
    font-weight:bold;
    text-align:center;
    font-size:1.2em;
    padding-bottom:1em;
}

.accessibility-overlay button {
font-size:inherit;
    font-family:inherit;  
    font-weight:bold;
    margin-left:0.25em;
    padding:0.2em;
    background:var(--baseColour);
    color:var(--baseColourInvert);
    cursor:pointer;
    transition:all 0.5s;
}

.accessibility-overlay button:hover {
    background:var(--secondaryColour);
    color:var(--secondaryColourInvert);
}

.library-access-overly-access-options {
display:flex;
justify-content:center;
white-space:nowrap;
flex-wrap:wrap;
}

.access-option-container {
font-size:inherit;
    padding:0.5em;
    font-family:inherit;
    display:grid;
    grid-template-columns:auto;
    align-items:center;
    width:100%;
    margin-top:1em;
}
#fontsize-90 {
    font-size:90%;
}
#fontsize-100 {
    font-size:100%;
}
#fontsize-110 {
    font-size:110%;
}
#fontsize-120 {
    font-size:120%;
}
#fontsize-130 {
    font-size:130%;
}
#fontsize-140 {
    font-size:140%;
}
#fontsize-150 {
    font-size:150%;
}

#fontfamily-opendyslexic {
    font-family:OpenDyslexic;
}
#fontfamily-serif {
    font-family:var(--defaultfontSerif);
}
#fontfamily-sansserif {
    font-family:var(--defaultfontSansSerif);
}
#spacing-125 {
    letter-spacing:0.25em;
}

.access-reset {
    text-align:center;
}

#resetAllOptions {
     background:var(--secondaryColour);   
    color:var(--secondaryColourInvert);
    transition:all 0.5s;
    }

#resetAllOptions:hover {
     background:var(--secondaryColourInvert);   
    color:var(--secondaryColour);
    }
    
    .accessibility-overlay-panel::-webkit-scrollbar {
  width: 1em;
	border:solid 0.25em var(--monoBack);
	background:var(--monoFront);
}

/* Track */
.accessibility-overlay-panel::-webkit-scrollbar-track {
	background:var(--monoFront);
}
 
/* Handle */
.accessibility-overlay-panel::-webkit-scrollbar-thumb {
  background:var(--baseColour);
border:solid 0.25em var(--monoBack);
}

/* Handle on hover */
.accessibility-overlay-panel::-webkit-scrollbar-thumb:hover {
  background:var(--secondaryColour);
}