.dsgo-form-field {
  --dsgo-field-label-color: var(--dsgo-form-label-color, inherit);
  --dsgo-field-border-color: var(--dsgo-form-border-color, #d1d5db);
  --dsgo-field-border-radius: var(--dsgo-form-border-radius, 0.375rem);
  --dsgo-field-focus-color: var(--dsgo-form-focus-color, #2563eb);
  --dsgo-field-error-color: var(--dsgo-form-error-color, #dc2626);
  display: flex;
  flex: 1 1 100%;
  flex-direction: column;
  gap: 0.5rem;
  min-width: 0;
}
.dsgo-form-field__label {
  color: var(--dsgo-field-label-color);
  display: block;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5;
  margin: 0;
}
.dsgo-form-field__required {
  color: var(--dsgo-field-error-color);
  font-weight: 600;
  margin-left: 0.25rem;
}
.dsgo-form-field__input,
.dsgo-form-field__select,
.dsgo-form-field__textarea {
  background-color: var(--dsgo-form-field-bg, var(--wp--preset--color--base, #fff));
  border: 1px solid var(--dsgo-field-border-color);
  border-radius: var(--dsgo-field-border-radius);
  box-sizing: border-box;
  color: inherit;
  font-size: 1rem;
  line-height: 1.5;
  margin: 0;
  max-width: 100%;
  min-height: var(--dsgo-form-input-height, 44px);
  padding: var(--dsgo-form-input-padding, 0.75rem);
  transition: all 0.2s ease;
  width: 100%;
}
.dsgo-form-field__input::-moz-placeholder,
.dsgo-form-field__select::-moz-placeholder,
.dsgo-form-field__textarea::-moz-placeholder {
  color: #9ca3af;
  opacity: 1;
}
.dsgo-form-field__input::placeholder,
.dsgo-form-field__select::placeholder,
.dsgo-form-field__textarea::placeholder {
  color: #9ca3af;
  opacity: 1;
}
.dsgo-form-field__input:hover:not(:disabled),
.dsgo-form-field__select:hover:not(:disabled),
.dsgo-form-field__textarea:hover:not(:disabled) {
  border-color: var(--dsgo-field-focus-color);
}
.dsgo-form-field__input:focus,
.dsgo-form-field__select:focus,
.dsgo-form-field__textarea:focus {
  border-color: var(--dsgo-field-focus-color);
  outline: none;
}
.dsgo-form-field__input:disabled,
.dsgo-form-field__select:disabled,
.dsgo-form-field__textarea:disabled {
  background-color: var(--dsgo-form-field-bg, var(--wp--preset--color--base, #f3f4f6));
  cursor: not-allowed;
}
.dsgo-form-field__input[aria-invalid="true"],
.dsgo-form-field__select[aria-invalid="true"],
.dsgo-form-field__textarea[aria-invalid="true"] {
  border-color: var(--dsgo-field-error-color);
}
.dsgo-form-field__textarea {
  min-height: 100px;
  resize: vertical;
}
.dsgo-form-field__help {
  color: #6b7280;
  font-size: 0.875rem;
  line-height: 1.5;
  margin: 0;
}
.dsgo-form-field__error {
  color: var(--dsgo-field-error-color);
  display: none;
  font-size: 0.875rem;
  line-height: 1.5;
  margin: 0;
}
.dsgo-form-field__error[aria-live] {
  display: block;
}
@media (max-width: 768px) {
  .dsgo-form-field__input,
  .dsgo-form-field__select,
  .dsgo-form-field__textarea {
    font-size: 16px;
  }
}
@media print {
  .dsgo-form-field__input,
  .dsgo-form-field__select,
  .dsgo-form-field__textarea {
    background: none;
    border: 1px solid #000;
  }
}
.dsgo-form-field--select .dsgo-form-field__select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27%3E%3Cpath fill=%27%23333%27 d=%27M10.293 3.293 6 7.586 1.707 3.293A1 1 0 0 0 .293 4.707l5 5a1 1 0 0 0 1.414 0l5-5a1 1 0 1 0-1.414-1.414%27/%3E%3C/svg%3E");
  background-position: right 1rem center;
  background-repeat: no-repeat;
  cursor: pointer;
  padding-right: 2.5rem;
}

/*# sourceURL=https://thegoblinpropshop.com/wp-content/plugins/designsetgo/build/blocks/form-select-field/style-index.css */
