.c-file-upload{font-family:var(--font-family--secondary)}.c-file-upload__input{display:none}.c-file-upload__drop-zone{max-width:var(--drop-zone-width,600px);max-height:var(--drop-zone-max-height,600px);border:2px dashed var(--c-onyx--700);background-color:var(--c-onyx--200);height:var(--drop-zone-height,auto);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;transition:background-color .2s;display:flex;position:relative}.c-file-upload__drop-zone.dragover{background-color:var(--c-onyx--400);border-color:var(--c-onyx--900);--thumbnails-opacity:.5}.c-file-upload__thumbnails{grid-template-columns:repeat(var(--number-of-thumbnails,4),minmax(0,1fr));width:calc(100% - 48px);opacity:var(--thumbnails-opacity,1);gap:8px;margin-bottom:24px;display:grid;overflow-x:auto}.c-file-upload__thumbnails.single{grid-template-columns:repeat(1,minmax(0,1fr))}.c-file-upload__explanation{cursor:pointer;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;gap:6px;width:calc(100% - 48px);padding:32px 24px;display:flex}.c-file-upload__explanation.with-files{padding-bottom:24px}.c-file-upload__text{color:var(--c-onyx--700);margin:0;font-size:15px}.c-file-upload__icon{--icon-size:44px;--icon-color:var(--c-onyx--700);margin-bottom:4px}