.popup-window {
    width: 525px;
    max-width: calc(100% - 30px);
    background-color: var(--white);
    font-family: "Body Font", sans-serif;
}

.popup-window-buttons {
    padding: 10px 0;
}

.popup-window-content {
    background: transparent;
    min-height: 0;
}

.popup-window-content-inner {
    min-width: 250px;
    max-width: 100%;
}

.popup-window,
.popup-window.popup-window-with-titlebar {
    padding: 30px 20px;
}

.popup-window-titlebar {
    height: auto;
    margin-bottom: 20px;
}

.popup-window-titlebar-text,
.popup-window-titlebar-text-version {
    padding-left: 0;
    font-size: 28px;
    font-weight: 600;
    color: inherit;
    line-height: normal;
    white-space: normal;
}

@media (max-width: 767px) {
    .popup-window-titlebar-text,
    .popup-window-titlebar-text-version {
        font-size: 16px;
    }
}

.popup-window-with-titlebar .popup-window-content {
    padding: 0;
}

.popup-window-titlebar-close-icon {
    top: 20px;
    right: 20px;
}

.popup-window-close-icon:after {
    width: 16px;
    height: 16px;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNi43MDcgMTYuNzA3IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMSI+DQogIDxsaW5lIHgxPSIwLjM1NCIgeTE9IjAuMzU0IiB4Mj0iMTYuMzU0IiB5Mj0iMTYuMzU0IiAvPg0KICA8bGluZSB4MT0iMTYuMzU0IiB5MT0iMC4zNTQiIHgyPSIwLjM1NCIgeTI9IjE2LjM1NCIgLz4NCjwvc3ZnPg==");
}

.popup-window.simple-prediction-discount {
    width: 310px;
}

.popup-window.simple-prediction-discount .popup-window-close-icon {
    width: 20px;
    height: 20px;
}

.popup-window.simple-prediction-discount .popup-window-close-icon {
    top: 10px;
    right: 10px;
}

.video-modal .modal-body {
    padding: 0;
}

.video-modal .modal-content .close {
    position: absolute;
    top: -30px;
    right: 0;
}