.media-edit {
    .thumbnail-img {
        max-width: 200px;
        max-height: 200px;
    }

    .chip-box {
        display: flex;
        flex-wrap: wrap;
        padding: 5px;
        border: 1px solid #ddd;
        border-radius: 5px;
        background-color: var(--background-color);
        min-height: 40px;
        margin-bottom: 10px;
        align-items: center;
    }

    .chip {
        background-color: var(--primary-color);
        color: white;
        border-radius: 25px;
        padding: 5px 10px;
        margin-right: 5px;
        display: flex;
        align-items: center;
        margin-bottom: 5px;
    }

    .chip i {
        margin-left: 5px;
        cursor: pointer;
    }

    .chip-input {
        border: none;
        outline: none;
        flex-grow: 1;
        margin-left: 5px;
        padding: 5px;
    }
}

#mediaEditModal {
    #media-edit-loadingSpinner {
        margin-bottom: 20px;
        background-color: rgba(255, 255, 255, 0.8);
        display: none;
        /* Initially hidden */
    }

    #submitBtn {
        float: right;
        background-color: var(--primary-color);
        border-color: var(--primary-color);
    }

    #submitBtn:hover {
        background-color: var(--secondary-color);
        border-color: var(--secondary-color);
    }

    .modal-title {
        color: var(--accent-color);
    }

    .footer {
        gap: 10px;
        justify-content: flex-end;
    }
}