.ui .field .dropzone {  border: 2px dashed var(--color-secondary);  background: none;  box-shadow: none;  padding: 0;  border-radius: var(--border-radius-medium);  min-height: 0;} .ui .field .dropzone .dz-message {  margin: 10px 0;} .dropzone .dz-button {  color: var(--color-text-light) !important;} .dropzone:hover .dz-button {  color: var(--color-text) !important;} .dropzone .dz-error-message {  top: 145px !important;} .dropzone .dz-image {  display: flex !important;  align-items: center !important;  justify-content: center !important;  border-radius: 0 !important;} .dropzone .dz-image img {  max-width: 100% !important;  max-height: 100% !important;  object-fit: contain !important;} .dropzone .dz-preview.dz-image-preview,.dropzone-attachments .thumbnails img {  background: transparent !important;} .dropzone-attachments .thumbnails img {  height: 120px !important;  width: 120px !important;  object-fit: contain !important;  margin-bottom: 0 !important;} .dropzone .dz-preview:hover .dz-image img {  filter: opacity(0.5) !important;} .ui .field .dropzone .dz-preview .dz-progress {  /* by default the progress-bar is vertically centered (top: 50%), it's better to put it after the "details (size, filename)",  then the layout from top to bottom is: size, filename, progress */  top: 7em;}