.form-control input:where( [type='text'], [type='email'], [type='url'], [type='password'], [type='number'], [type='date'], [type='datetime-local'], [type='month'], [type='search'], [type='tel'], [type='time'], [type='week'], [multiple]), 
.form-control  textarea,
.form-control  select  {
  font-size: var(--text-sm);
  height: var(--height-md);
  padding: 0 var(--spacing-16);
  border-radius: var(--radius-md);
  color: var(--text-primary);
  border: 1px solid var(--border-primary);
  background-color: var(--bg-primary);
  font-weight: var(--font-weight-medium);
  box-shadow: var(--shadow-sm);
}

/* Small variant */
.form-control--sm input:where( [type='text'], [type='email'], [type='url'], [type='password'], [type='number'], [type='date'], [type='datetime-local'], [type='month'], [type='search'], [type='tel'], [type='time'], [type='week'], [multiple]), 
.form-control--sm  select  {
  height: var(--height-sm);
  padding: 0 var(--spacing-12);
  border-radius: var(--radius-sm);
}

.form-control input:focus-visible,
.form-control textarea:focus-visible{
  color: var(--text-primary);
  outline: 1px solid var(--border-domains-primary);
  background-color: var(--color-domains-50);
  border: 1px solid transparent;
}

.form-control textarea {
  height: var(--spacing-128);
  padding-top: var(--spacing-8);
}
 
.form-control input::placeholder{
  color: var(--text-placeholder);
  font-weight: var(--font-weight-regular);
  opacity: .5;
}

/* Checkbox */
.form-control .hs-form-checkbox-display{
  font-weight: var(--font-weight-regular);
}

.form-control ul[role="checkbox"].multi-container{
    display: grid;
    grid-template-columns: 1fr 1fr;
}

/* Legal text */
.legal-consent-container p{
  font-size: var(--text-xs);
  font-weight: var(--font-weight-medium);
}

/*Submit*/
.form-control .actions input[type="submit"]{
  width: 100%;
}

.form-control label{
  font-weight: var(--font-weight-regular);
  font-size: var(--text-sm);
  color: var(--text-primary);
  display: block;
  margin-bottom: var(--spacing-4);
  font-weight: var(--font-weight-bold);
}

.form-control fieldset{
  margin-bottom: var(--spacing-8);
}

.form-control .hs-form-field{
   margin-bottom: var(--spacing-component-xs);
}

.form-control li{
   list-style: none;
   margin-left: 0;
   color: var(--text-primary);
}

.form-control .hs-form-required{
 color: var(--text-error) !important;
 margin-left: var(--spacing-4);
}

.form-control .hs-form-booleancheckbox-display{
 display: flex;
 align-items: flex-start;
}

.form-control .hs-form-booleancheckbox-display input[type="checkbox"]{
  flex-basis: 1;
  flex-shrink: 0;
}

.form-control input[type="checkbox"]{
   margin-right: var(--spacing-4);
   margin-top: var(--spacing-4);
}

/* Error messages */
.hs-error-msgs{
 position: relative;
 margin-bottom: 0;
}

.form-control .hs-error-msg{
  font-size: var(--text-xs);
  color: var(--text-error);
  font-weight: var(--font-weight-medium);
  border-radius: var(--radius-sm);
  margin: 0;
  margin-right: var(--spacing-8);
}

.form-control .hs_error_rollup .hs-error-msgs{
  height: auto;
}

.form-control .hs_error_rollup .hs-error-msgs li{
  position: relative;
  font-weight: var(--font-weight-medium);
}

.form-control .hs_error_rollup .hs-error-msgs label{
  color: var(--text-error);
  border: 1px solid var(--border-error);
  border-radius: var(--radius-sm);
  background: var(--bg-error);
  padding: var(--spacing-4);
}

.form-control .inputs-list>li{
    margin: 0
}

.form-control .hs_policy label, .form-control .hs_policy p{
    font-weight: var(--font-weight-regular);
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.form-control .hs_policy p{
    margin-bottom: var(--spacing-8);
}

.submitted-message{
    background: var(--bg-primary);
}

.submitted-message p{
    color: var(--text-primary);
    font-size: var(--text-xl);
    margin-bottom: var(--spacing-8);
    text-align: left;
}

/* hide recaptcah */
.hs_recaptcha.hs-recaptcha{
  display: none;
}

/* Layout */
.form-control fieldset.form-columns-2 .field:first-child .input{
  margin-right: var(--spacing-16) !important;
}

/* General */
.select-active{
  color: var(--text-primary);
}

.select-inactive{
  color: var(--text-placeholder);
}

@media(--md-viewport) {
    .epaper-form__form {
      grid-row: 2;
    }
    .epaper-form__cover {
      grid-row: 1;
    }
}

.form-control .legal-consent-container .hs-form-booleancheckbox-display>span{
  margin-left: var(--spacing-4) !important;
}

/* Input  component*/
.input-wrapper--with-icon{
  position: relative;
}

.input-wrapper--with-icon input{
  padding-left: var(--spacing-32);
}

.input__icon{
  position: absolute;
  left: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
  opacity: .5;
  display: flex;
  align-items: center;
  justify-content: center;
}