.popup
{
    /* display: none; */
    overflow-y:auto; 
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background: #D9D9D9;
    border-radius: 12px;
    animation: appear 1s ease;
    z-index: 10;
}
.popup button
{
    min-width: 30px;
    min-height: 30px;
}
#miniThumbnail
{
    float: left;
    min-width: 250px;
    border-radius: 5%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.responsive-r tr
{
    height: 50px;
}
#color-list
{
    display: flex;
    flex-direction: auto;
    align-items: center;
    padding: 0px;
    gap: 5px;
    height: 30px;
}
.color-slot
{
    width: 20px;
    height: 20px;

    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25), inset -2px -2px 2px rgba(0, 0, 0, 0.25);
    /* Inside auto layout */

    flex: none;
    order: 0;
    flex-grow: 0;

    border-radius: 10px;
}
[class*="responsive-"]
{
    float: left;
    padding: 15px;
    width: 100%;
}