.popup-disabled {
    display: none;
}

.popup-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    padding: 20px;
    box-sizing: border-box;
    overflow: auto;
}

.popup {
    max-width: 500px;
    width: auto;
    padding: 20px;
    background-color: #ffffff;
    border-radius: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    margin: auto;
    text-align: center;
}

.popup-header {
    display: flex;
    justify-content: end;
}

.close-popup-icon {
    cursor: pointer;
    width: 15px;
    height: 15px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPjxnIGRhdGEtbmFtZT0iMDIgVXNlciI+PHBhdGggZD0iTTI1IDUxMmEyNSAyNSAwIDAgMS0xNy42OC00Mi42OGw0NjItNDYyYTI1IDI1IDAgMCAxIDM1LjM2IDM1LjM2bC00NjIgNDYyQTI0LjkzIDI0LjkzIDAgMCAxIDI1IDUxMnoiIGZpbGw9IiMwMDAwMDAiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiPjwvcGF0aD48cGF0aCBkPSJNNDg3IDUxMmEyNC45MyAyNC45MyAwIDAgMS0xNy42OC03LjMybC00NjItNDYyQTI1IDI1IDAgMCAxIDQyLjY4IDcuMzJsNDYyIDQ2MkEyNSAyNSAwIDAgMSA0ODcgNTEyeiIgZmlsbD0iIzAwMDAwMCIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCI+PC9wYXRoPjwvZz48L2c+PC9zdmc+");
}