.hero>div{justify-content:safe center;align-items:safe center;height:100%;display:flex}body{font-family:var(--default-font-family)}h1,h2,h3,h4,h5,h6{font-family:var(--heading-font-family)}.card{box-shadow:var(--shadow-4);border-radius:var(--radius-4);display:block;position:relative}
.dropzone-container{cursor:pointer;-webkit-user-select:none;user-select:none;border:2px dashed #e5e7eb;border-radius:.5rem;justify-content:center;align-items:center;width:100%;height:5rem;transition:all .3s;display:flex}.dropzone-container p{text-align:center}.dropzone-container:hover{background-color:var(--accent);color:var(--accent-foreground)}