welcome-ui/dist/FileDrop.css

Customizable design system with react, typescript, tailwindcss and ariakit.

@layer components{._root_dadju_2{border-radius:var(--border-radius-xs);border-width:var(--border-width-xs);font-size:var(--font-size-14);font-weight:var(--font-weight-regular);line-height:var(--border-radius-xl);outline:none;border-style:dashed;min-height:12.5rem;position:relative;display:flex;justify-content:center;align-items:center;padding:var(--border-radius-lg);transition:var(--duration-medium);color:var(--color, var(--color-background-neutral-primary-fixed));background-color:var(--backgroundColor, var(--color-background-neutral-inverse-fixed));border-color:var(--borderColor, var(--color-background-neutral-subtlest))}._root_dadju_2:focus{--borderColor: var(--color-background-brand-primary);box-shadow:var(--color-background-brand-subtle) 0 0 0 2px}._root_dadju_2._disabled_dadju_26{--backgroundColor: var(--color-background-warm-strong);--borderColor: var(--color-background-neutral-subtlest);--color: var(--color-icon-warm-tertiary);cursor:not-allowed}._root_dadju_2._drag-reject_dadju_32{--borderColor: var(--color-background-danger-primary)}._file-input_dadju_35{display:block;height:0;opacity:0}._file-preview_dadju_40{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}._file-preview-icon_dadju_48{margin-bottom:var(--border-radius-xl)}._file-preview-name_dadju_51{margin:0;max-width:600px}._file-preview-size_dadju_55{margin:0}._file-preview-button_dadju_58{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg)}._image-preview_dadju_63{max-height:100%;max-width:100%;object-fit:contain}._actions_dadju_68{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}._message-title_dadju_73{margin:0}._message-hint_dadju_76{margin:0;margin-top:var(--border-radius-sm);color:var(--color-icon-warm-tertiary)}._message-file-button-text_dadju_81{margin-top:var(--border-radius-xl)}._message-icon_dadju_84{margin-bottom:var(--spacing-lg)}}