.filepond--panel-center {
    height: 0 !important;
}

.multiple-images .filepond--item {
//width: calc(20% - 0.5em) !important;
//width: calc(16.66% - 0.5em) !important;
//height: 8rem !important;
}

.filepond--root .filepond--credits[style] {
    display: none !important;
}

.logo-16x9 .filepond--image-preview {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important; /* Maintains the 16:9 aspect ratio */
    object-fit: contain; /* Ensures the image covers the container */
}


.multiple-images .filepond--root {
    max-width: 100%;
    margin: 0 auto;
}

.multiple-images .filepond--list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.multiple-images .filepond--item {
//width: calc(20% - 10px) !important;
    width: 20% !important;
    margin: 5px !important;
}

.multiple-images .filepond--item-panel {
    background-color: #f1f1f1;
}

.multiple-images .filepond--image-preview-wrapper {
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
}

.multiple-images .filepond--image-preview {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover;
}

.multiple-images .filepond--file-info {
    display: none;
}

.multiple-images .filepond--file-status {
    display: none;
}

.multiple-images .filepond--action-remove-item {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 10;
}

.multiple-images {
    position: relative;
    width: 100%;
    padding-bottom: 10px; /* Space for the resize handle */
}

.multiple-images::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 10px;
//background: linear-gradient(to bottom, transparent, #ccc);
    cursor: ns-resize;
}

.logo-image .filepond--root .filepond--drop-label {
    min-height: 100% !important;
    cursor: pointer;
}

.select2.select2-container {
    width: 100% !important;
}