/* line 1, /var/apps/SerpApi/app/assets/stylesheets/demo/form/image.scss */
.image-parameter-input {
  display: flex;
  align-items: center;
  gap: 6px;
  border: 1px solid #e9eaed;
  background-color: #fff;
  border-radius: 5px;
  padding: 0 10px;
}
/* line 10, /var/apps/SerpApi/app/assets/stylesheets/demo/form/image.scss */
.image-parameter-input input[type="text"] {
  border: none !important;
  padding: 0 !important;
  outline: none !important;
}
/* line 16, /var/apps/SerpApi/app/assets/stylesheets/demo/form/image.scss */
.image-parameter-input .image-parameter-upload {
  margin: 0;
  border-radius: 5px;
  background-color: #efefef;
  padding: 2px 6px;
  cursor: pointer;
}
/* line 23, /var/apps/SerpApi/app/assets/stylesheets/demo/form/image.scss */
.image-parameter-input .image-parameter-upload input {
  display: none;
}
/* line 27, /var/apps/SerpApi/app/assets/stylesheets/demo/form/image.scss */
.image-parameter-input .image-parameter-upload i {
  margin: 0;
  pointer-events: none;
}
/* line 32, /var/apps/SerpApi/app/assets/stylesheets/demo/form/image.scss */
.image-parameter-input .image-parameter-upload i.loading {
  animation: spin 1s linear infinite;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/* line 46, /var/apps/SerpApi/app/assets/stylesheets/demo/form/image.scss */
.image-parameter-input .image-parameter-small-preview {
  width: 25px;
  height: 25px;
  object-fit: cover;
  object-position: center;
  border-radius: 5px;
}

/* line 55, /var/apps/SerpApi/app/assets/stylesheets/demo/form/image.scss */
.image-parameter-error {
  color: var(--red-color);
  font-size: 0.875rem;
  margin-top: 0.5rem;
  padding: 0 0.25rem;
  line-height: 1;
}

/* line 63, /var/apps/SerpApi/app/assets/stylesheets/demo/form/image.scss */
.documentation-demo .image-parameter-error {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
}

/* line 70, /var/apps/SerpApi/app/assets/stylesheets/demo/form/image.scss */
.documentation-demo .q-loc-wrap:has(.image-parameter-error) {
  margin-bottom: 1.5rem;
}

/* line 74, /var/apps/SerpApi/app/assets/stylesheets/demo/form/image.scss */
.image-parameter-preview {
  width: 300px;
  object-fit: contain;
  object-position: center;
  border-radius: 5px;
}

/* line 81, /var/apps/SerpApi/app/assets/stylesheets/demo/form/image.scss */
.dnd-overlay {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  border-radius: 5px;
  color: #000;
  gap: 8px;
  justify-content: center;
  align-items: center;
  display: none;
}
/* line 96, /var/apps/SerpApi/app/assets/stylesheets/demo/form/image.scss */
.dnd-overlay.dragging {
  display: flex;
}