@prefix: graphjs;

@{prefix}-file-upload.@{prefix}-root {
    display: block;
    width: 100%;
    margin: 0 auto;
    .@{prefix}-content {
        background:#f7f7f7;
        min-height: 25em;
        /**
         * FilePond Custom Styles
         */
         
         .filepond--root {
             font-size: 1.2em;
             .filepond--file *{
                 color:white;
             }
             button.filepond--file-action-button {
                 z-index:1 !important
             }
             .filepond--image-preview-wrapper {
                z-index: 0;
            }
         }
        .filepond--drop-label {
        	color: #4c4e53;
        }
        
        .filepond--label-action {
        	text-decoration-color: #babdc0;
        }
        
        .filepond--panel-root {
        	border-radius: 2em;
        	background-color: #edf0f4;
        	height: 1em;
        }
        
        .filepond--item-panel {
        	background-color: #595e68;
        }
        
        .filepond--drip-blob {
        	background-color: #7f8a9a;
        }
    }
}