body.withoutScroll {
    overflow-y: hidden;
}

body.withoutScroll .main-content {
    filter: contrast(0.5);
}

.popupWindow {
    visibility: visible;
    opacity: 0;
    pointer-events: none;

    position: fixed;
    top: 10%;
    left: 50%;
    transform: translateX(-50%);
    width: 1000px;
    max-height: 80vh;

    box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.2);

    text-align: left;
    color: black;
    z-index: 1000;
    background: #ffffff;
    border: 0.0625rem solid #d2d2d2;
    border-radius: 0.5rem;

    overflow: hidden;
    
    /* Prevent jumping by not transitioning transform/position */
    transition: opacity 500ms;
}

.popupWindow .popup-close {
    display: block;
    cursor: pointer;
    background-image: url('/Templates/MTBP2025/images/icons/popup-close.svg');
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    position: fixed;
    right: 20px;
    top: 20px;
}

.popupWindow .popup-close:hover {
    filter: invert(1);
}

.popupWindow .popup-loader {
    display: block;
    margin: 30px auto;
}

.popupWindow .popup-content {
    overflow-y: auto;
    max-height: calc(80vh - 80px);
    padding: 2.5rem;
}

.popupWindow.show {
    opacity: 1;
    pointer-events: auto;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}