

/* compatibility styling */
.compatibility {
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    background: rgba(0,0,0,0.7);
    z-index: 9999;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.8s ease-out;
}

/* content */
.compatibility .compatibility_content { 
    width: 30%;
    margin: 20% auto;
    padding: 40px;
    color: #000000;
    background-color: #ffffff;
    color: var(--CMtxtcolor);
    background-color: var(--CMbgcolor);
}
.compatibility .compatibility_content.mod > * {
    display: block;
    width: 80%;
    margin: 0px auto 20px;
    white-space: pre-wrap;
    text-align: center;
}
.compatibility .compatibility_content.mod > *:first-child {
    width: 100%;
}
.compatibility .compatibility_content.mod > *:last-child {
    margin-bottom: 0px;
}

@media (max-width: 1620px) { 
    .compatibility .compatibility_content { 
        width: 50%;
    }
}
@media (max-width: 767px) { 
    .compatibility .compatibility_content { 
        width: 80%;
    }
}

