#popupContainer {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 20px;
    border: 1px solid #ccc;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    z-index: 1000;
}
.plot-popup {
    max-width: 300px;
}
.plot-popup h2 {
    margin-top: 0;
}
.plot-popup button {
    margin-top: 10px;
}

.plot-popup table td { 
    padding: 4px 10px;
}

#popupContainer button{
    background:transparent;
    color: var(--e-global-color-primary);
    border:1px solid var(--e-global-color-primary);
    padding: 10px 20px;
}

#popupContainer button:hover{
    background:var(--e-global-color-primary);
    color: white;
    border:1px solid var(--e-global-color-primary);
}

@media screen and (max-width: 480px){
    #plotlist{
        margin-bottom: 100px;
    }
    #plotlist tr th:last-child,
    #plotlist tr td:last-child{
        display: none;
    }

}