.explanation-modal.rightoriented {
	left: auto;
    right: 0;
    transform: translateX(0);
}
.explanation-modal.leftoriented {
    left: 0;
    transform: translateX(0);
}
.explanation-modal.leftoriented:before {
    left: 11%;
}
.explanation-modal.rightoriented:before {
    left: 89%;
}
.explanation-modal.centered {
    left: 50%;
    transform: translateX(-50%);
}
.explanation-modal.centered:before {
    left: 50%;
    transform: translateX(-50%);
}
.found-in-explanation{
	position: relative;
 
}
section:not(.explanations-module) .found-in-explanation .found-in-explanation--inner{
    color: var(--clr2);
    text-decoration: underline;
    cursor: pointer;
}
.highlight-btn{
	position: relative;
	display: inline-block;
	padding-right: 1rem;
}
.highlight-checkbox .checkbox-block {
    margin-top: 0;
    order: 2;
    margin-left: 1.5rem;
    display: none;
    align-items: center;
}

.highlight-checkbox .checkbox-block input{
    opacity: 1;
    position: relative;
}
.highlighted {
	cursor: pointer;
	

}
#totalexplainedline {
	float: left;
	width: 100%;
	margin: 1rem 0 0;
    white-space: nowrap;
}
.explanation-modal .explanation-word{
    display: inline-block;
    font-weight:bold;
    padding-bottom: 0.9rem;
    letter-spacing: 0.42px;
}
.explanation-modal .explanation-desc{
    display: inline-block;
    width: 100%;
    hyphens: auto;
    letter-spacing: 0.42px;
	font-weight: 400;
    font-size: calc(var(--fontsize_s)* var(--text-scaler));
    line-height: calc(var(--lineh_s)* var(--text-scaler));
}
.highlight-checkbox.modal-window {
	color: #FFF;
	top: 100%;
    line-height: 1.2;
}
.highlight-checkbox.modal-window.hidden {
	display: none;
}
.modal-window {
    position: absolute;
    background-color: var(--clr1);
    z-index: 10;
    width: auto;
    padding: 1.3rem 2.4rem;
    display: flex;
    flex-wrap: wrap;
    top: 3.7rem;
    left: 0;
    border-radius: 12px;
}
.modal-window::before{
    content: " ";
    left: 50%;
    border-bottom: 16px solid var(--clr1);
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    position: absolute;
    top: -1.5rem;
    transform: translateX(-50%);
    display: none;
}
.modal-window-above{
    position: absolute;
    background-color: var(--clr4);
    z-index: 10;
    width: 31.675rem;
    padding: 1.7rem 1.3rem 1.7rem 1.7rem;
    bottom: 3.7rem;
    left: 50%;
    transform: translateX(-50%);

}
.modal-window-above::before{
	content: " ";
    left: 50%;
    border-top: 16px solid var(--clr4);
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    position: absolute;
    bottom: -1.5rem;
    transform: translateX(-50%);
}
#wcag-control .highlight-btn {
	display: inline-block;
	margin-right: 1rem;
}
.highlight-checkbox.modal-window label {
    font-weight: bold;
    font-size: var(--fontsize_h4);
    line-height: 1.2;
}
#totalexplainedline {
    margin-bottom: 0;
    width: 100%;
    float: left;
    order: 3;
	margin-top: 0.5rem;
    font-size: var(--fontsize_s);
}
#wcag-control .highlight-btn .button {
	background-color: transparent;
	border-radius: 0;
	padding: 1.2rem 1rem;
}
#wcag-control .highlight-btn .button {
	color: #FFF;
	font-weight: 600 !important;
}
@media (max-width: 400px){
	.modal-window,
	.modal-window-above {
		width: 18rem;
	}
}