.file-upload-async.disabled{cursor:not-allowed}.file-upload-async.disabled .file{pointer-events:none}.file-upload-async.basic.error .upload-wrapper{border:1px solid var(--color-error,red);transition:border-color .5s}.file-upload-async.basic .upload-wrapper{background:#f5f5f5;border:2px dashed #d0d0d0;flex-wrap:nowrap;justify-content:flex-end;align-items:center;position:relative}.file-upload-async.basic .files-container{justify-content:space-between;align-items:center;margin-top:0}.file-upload-async.basic .file-item{justify-content:space-between;align-items:center;width:100%;display:flex}.file-upload-async.basic .loading{background:0 0}.file-upload-async.basic .loading .icon-spinner{color:var(--color-brand-1,#618aba)}.file-upload-async.basic .remove-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border:none}.file-upload-async.basic .input-error{margin-right:auto}.file-upload-async.basic .validation-rule{white-space:nowrap}.file-upload-async .upload-wrapper{border-radius:var(--global-border-radius);align-items:center;gap:var(--spacing-3,1rem);padding:var(--spacing-3,1rem);flex-wrap:wrap;justify-content:center;display:flex}.file-upload-async .upload-options{border-radius:var(--global-border-radius,6px);align-items:center;gap:var(--spacing-2,.75rem);padding:var(--spacing-3,1rem);z-index:1;background:#f5f5f5;border:2px dashed transparent;flex-direction:column;justify-content:center;width:100%;transition:border-color .2s;display:flex;position:relative}.file-upload-async .upload-options:hover{border-color:#d0d0d0;transition:border-color .3s}.file-upload-async .icon-cloud-arrow-up{color:var(--color-brand-1);height:50px}.file-upload-async .files-container{gap:var(--spacing-3,1rem);margin-top:var(--spacing-5,2rem);flex-wrap:wrap;width:100%;display:flex;position:relative}.file-upload-async .uploading-wrapper{background:var(--site-bg,#fff);border:1px solid var(--global-border-color,#ccc);border-radius:var(--global-border-radius);font-size:var(--typography-xs,.875rem);align-items:center;gap:var(--spacing-2,.5rem);max-width:600px;height:100%;min-height:150px;padding:var(--spacing-1,.25rem);object-fit:cover;z-index:1;flex-direction:column;flex:max(150px,min(25%,200px));justify-content:center;display:flex;position:relative}@media screen and (min-width:1024px){.file-upload-async .uploading-wrapper:not(.disabled):hover .file-info{opacity:1}.file-upload-async .uploading-wrapper:not(.disabled):hover .icon-trash{transition-delay:10ms;scale:1}}.file-upload-async .uploading-wrapper.disabled .file-info{cursor:not-allowed}.file-upload-async img{cursor:default;object-fit:cover;max-height:100%}.file-upload-async .as-file{font-size:var(--typography-lg,1.125rem);align-items:center;gap:var(--spacing-3,1rem);padding:var(--spacing-2,1rem);display:flex}.file-upload-async .icon-file{color:color-mix(in srgb,var(--typography-body-color-normal),#fff 25%);min-height:2rem}.file-upload-async .loading{background:color-mix(in srgb,var(--color-brand-3,#221810),transparent 50%);color:#fff;inset:var(--spacing-1,.25rem);justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute}.file-upload-async .loading .icon-spinner{color:#fff;width:10%;height:auto}.file-upload-async .file-info{cursor:pointer;align-items:center;gap:var(--spacing-3,1rem);justify-content:space-between;display:flex}@media screen and (min-width:1024px){.file-upload-async .file-info{background:color-mix(in srgb,var(--color-brand-3,#221810),transparent 25%);inset:var(--spacing-1,.25rem);justify-content:center;transition:all .2s;position:absolute}.file-upload-async .file-info:not(.success){opacity:0}}.file-upload-async .file-info .icon{height:var(--typography-xs,.875rem);transition:all .2s}@media screen and (min-width:1024px){.file-upload-async .file-info .icon{color:#fff;width:10%;height:auto}}.file-upload-async .file-info .icon-trash{scale:0}.file-upload-async .clear-all{z-index:1;position:relative}.file-upload-async input[type=file]{cursor:pointer;opacity:0;position:absolute;top:0;bottom:0;left:0;right:0}