.popup-background {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #24242424;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2000;

}

.popup-container h3, .popup-container p, .result-popup-container h3, .result-popup-container p {
    margin: 0;
}

.popup-container h3,.result-popup-container h3 {
    font-size: 24px;
}

.popup-container p, .result-popup-container p {
    font-size: 18px;
}

.popup-container {
    display: flex;
    flex-direction: column;
    gap: 16px;
    background: var(--on-backgroud-color);
    border-radius: var(--primary-border-radius);
    padding: 24px;
    max-width: 350px;

}

.result-popup-container {
    display: flex;
    flex-direction: column;
    gap: 16px;
    background: var(--on-backgroud-color);
    border-radius: var(--primary-border-radius);
    padding: 24px;
    max-width: calc(100vw - 128px);
    max-height: calc(100vh - 128px);
}

.results-table-container {
    width: 100%;
    flex: 1;
    overflow-y: scroll;
}


.popup-button {
    padding: 8px 12px;
    border-radius: 8px;
    border: 1px solid var(--input-border-color);
    color: var(--primary-text-color);
    cursor: pointer;
    transition: all 0.5s;
}

#popup-accept-button {
    margin-left: auto;
}

.popup-button:hover {
    border: 1px solid var(--accent-color);
    color: var(--accent-color)
}