/**
 * CSS Overrides for Standard lightning-file-upload Components used for all pages and included via
 * Experience Builder > Settings > Advanced > Edit Head Markup as there currently is no other way
 * of changing styles of this components.
 *
 * If possible overrides are provide within a custom class that needs to be added to the standard
 * component.
 */

/* If the `.file-selector-large` class is provided, make the file selector dropzone full width */
.file-selector-large,
.file-selector-large .slds-file-selector__dropzone,
.file-selector-large .slds-file-selector__dropzone slot {
    width: 100%;
}

.file-selector-large .slds-file-selector.slds-file-selector_files {
    display: flex;
}

/*
 * If the `.file-selector-dropzone-label-hidden` class is provided, hide the standard label
 * ("or drop here") for the dropzone
 */
.file-selector-dropzone-label-hidden .slds-file-selector__body .slds-file-selector__text.slds-medium-show {
    display: none;
}