@import url('../shared.css');

.drop-zone {
  transition: border-color 0.15s, background-color 0.15s;
}
.drop-zone:hover {
  border-color: #94a3b8;
  background-color: #f8fafc;
}
.drop-zone-over {
  border-color: #475569 !important;
  background-color: #f1f5f9 !important;
}

.preview-frame {
  background-image:
    linear-gradient(45deg, #f8fafc 25%, transparent 25%),
    linear-gradient(-45deg, #f8fafc 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, #f8fafc 75%),
    linear-gradient(-45deg, transparent 75%, #f8fafc 75%);
  background-size: 18px 18px;
  background-position: 0 0, 0 9px, 9px -9px, -9px 0;
  border: 1px solid #e2e8f0;
  border-radius: 0.75rem;
  padding: 1rem;
}