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