input.cs-input,
textarea.cs-input,
select.cs-input
{
  transition-property: border, background, color, box-shadow, transform, opacity;
  transition-duration: 300ms;
}

.cs-form-errors {
  color: red;
  list-style-position: inside;
  padding: 0;
}

.cs-form-loading-area.is-not-active {
  display: none !important;
}

.cs-form-label {
  margin-bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Default for row works better at 100% */
.cs-form .x-row {
  width: 100%;
}


/* Preview base @TODO probably move to own file */
.cs-turnstile-size-compact {
  max-width: 150px;
}

.cs-turnstile-size-normal {
  max-width: 300px;
}


.cs-turnstile-size-flexible {
  width: 100%;
}

.cs-hcaptcha-preview {
  max-width: 302px;
}

.cs-recaptcha2-preview {
  max-width: 304px;
}

.cs-recaptcha3-preview {
  max-width: 256px;
  position: fixed;
  bottom: 14px;
  right: 0;
  box-shadow: gray 0px 0px 5px;
}

/* Dropzone defaults */
.dz-progress {
  display: none;
}

/* Preview */
.cs-action-group, .cs-action {
  padding: 1em;
}

.cs-action-group h4,
.cs-action h4
{
  margin: 0;
}

.cs-action-group li {
  margin-bottom: 1em;
}

.cs-action-group ul {
  margin-bottom: 0;
}

/* Preview */
.cs-form.dont-show-actions .cs-action,
.cs-form.dont-show-actions .cs-action-group
{
  display: none;
}