welcome-ui/dist/FileDrop.css

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

@layer components{._root_1encq_2{border-radius:var(--radius-sm);border-width:var(--border-width-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-16);outline:none;border-style:dashed;min-height:12.5rem;position:relative;display:flex;justify-content:center;align-items:center;padding:var(--spacing-md);transition:var(--duration-medium);color:var(--color, var(--color-neutral-90));background-color:var(--backgroundColor, var(--color-neutral-10));border-color:var(--borderColor, var(--color-neutral-30))}._root_1encq_2:focus{--borderColor: var(--color-yellow-40);box-shadow:var(--color-yellow-20) 0 0 0 2px}._root_1encq_2._disabled_1encq_26{--backgroundColor: var(--color-beige-30);--borderColor: var(--color-neutral-30);--color: var(--color-beige-70);cursor:not-allowed}._root_1encq_2._drag-reject_1encq_32{--borderColor: var(--color-red-40)}._file-input_1encq_35{display:block;height:0;opacity:0}._file-preview_1encq_40{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}._file-preview-icon_1encq_48{margin-bottom:var(--spacing-lg)}._file-preview-name_1encq_51{margin:0;max-width:600px}._file-preview-size_1encq_55{font-weight:var(--font-weight-medium);margin:0;color:var(--color-beige-70)}._image-preview_1encq_60{max-height:100%;max-width:100%;object-fit:contain}._actions_1encq_65{position:absolute;display:flex;top:var(--spacing-md);right:var(--spacing-md);gap:var(--spacing-xs)}._message-title_1encq_72{margin:0}._message-hint_1encq_75{margin:0;margin-top:var(--spacing-xs);color:var(--color-beige-70)}._message-file-button-text_1encq_80{margin-top:var(--spacing-lg)}}