/**
 * webform-submission-form
 */
form.webform-submission-form {
  background-color: var(--site--body--back-color--02);
  border: 5px solid orange;
  margin: 1rem auto 1rem 0;
  max-width: 700px;
  padding: 0.25rem 1rem;
}


/**/
form.webform-submission-form h2,
form.webform-submission-form h3 {}


/**/
form.webform-submission-form .webform-button--reset {}
form.webform-submission-form .webform-button--reset:hover {}


/**/
form.webform-submission-form .webform-progress {}


/**/
form.webform-submission-form .webform-required {}


/**/
form.webform-submission-form > .form-wrapper {}


/**/
form.webform-submission-form > .form-item {}
form.webform-submission-form > .form-item.form-no-label {}


/**/
form.webform-submission-form section.webform-section {}
form.webform-submission-form section.webform-section .webform-section-title {}
form.webform-submission-form section.webform-section .webform-section-wrapper {}

/* SAME SAME ... */
form.webform-submission-form section.webform-section.form-item {}
form.webform-submission-form section.webform-section.form-item h3.webform-section-title {}
form.webform-submission-form section.webform-section.form-item div.webform-section-wrapper {}


/**/
form.webform-submission-form .form-item fieldset {
  margin: 1.5rem 0;
}
form.webform-submission-form .form-item .fieldset-wrapper {
  width: 100%;
}
form.webform-submission-form .form-item .fieldset-wrapper fieldset {}


/**/
form.webform-submission-form .form-item.webform-has-field-prefix {}
form.webform-submission-form .form-item.webform-has-field-prefix .field-prefix {
  display: block;
  padding: 0.75rem 0.75rem 0.75rem 0;
}

/**/
form.webform-submission-form .form-item.webform-has-field-suffix {}
form.webform-submission-form .form-item.webform-has-field-suffix .field-suffix {
  display: block;
  padding: 0.75rem 0 0.75rem 0.75rem;
}


/**/
form.webform-submission-form .form-item .form-textarea-wrapper {}


/**/
/*
form.webform-submission-form .form-item.form-type-checkbox {
  align-items: center;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
}
form.webform-submission-form .form-item.form-type-checkbox > input {
  margin: 0 0.5rem;
  width: 32px;
}
form.webform-submission-form .form-item.form-type-checkbox > label {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  font-weight: normal;
  padding: 0;
  text-align: left;
  width: calc(100% - 32px - 1rem);
}
form.webform-submission-form .form-item.form-type-checkbox > label::after {
  display: none;
}
form.webform-submission-form .form-item.form-type-checkbox > .description {
  box-sizing: border-box;
  padding-left: calc(32px + 1rem);
  width: 100%;
}
*/


/**/
form.webform-submission-form .form-item.form-type-radio {}
form.webform-submission-form .form-item.form-type-radio > input {}
form.webform-submission-form .form-item.form-type-radio > label {}


/**/
form.webform-submission-form .webform-options-display-side-by-side {
  border: 1px solid blue;
  /*
  display: flex;
  flex-flow: row wrap;
  margin: 0 0 0 auto;
  width: 100%;
  */
}
form.webform-submission-form .webform-options-display-side-by-side .form-item.form-type-radio {
  /*
  margin: 0 1.5rem 0 0;
  width: auto;
  */
}


/* @media */
@media screen and (min-width: 768px) {

  /**/
  /*
  form.webform-submission-form > .form-item {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
  }
  form.webform-submission-form > .form-item.form-no-label {
    display: block;
  }
  */

  /**/
  /*
  form.webform-submission-form .webform-section-wrapper > .form-item {
    align-items: center;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
  }
  */

  /**/
  form.webform-submission-form .webform-section-wrapper > .form-item.form-type-webform-markup {
    display: block;
  }


  /**/
  /*
  form.webform-submission-form .form-item > label {
    box-sizing: border-box;
    width: 180px;
    width: 200px;

    align-items: center;
    display: flex;
    flex-flow: row nowrap;
  }
  form.webform-submission-form .form-item > label::after {
    background-color: var(--site--main--color--06-03);
    content: "";
    display: block;
    flex: 1 0 0;
    height: 1px;
    margin-left: 1rem;
    opacity: 0.75;
  }
  */


  /**/
  /*
  form.webform-submission-form .form-item > input {
    width: calc(100% - 180px - 1rem);
    width: calc(100% - 200px - 1rem);
  }
  */


  /**/
  /*
  form.webform-submission-form .form-item > select {
    width: calc(100% - 180px - 1rem);
    width: calc(100% - 200px - 1rem);
  }
  */


  /**/
  /*
  form.webform-submission-form .form-item .form-textarea-wrapper {
    width: calc(100% - 180px - 1rem);
    width: calc(100% - 200px - 1rem);
  }
  */


  /**/
  /*
  form.webform-submission-form .form-item.form-type-checkbox {
    margin-left: auto;
    width: calc(100% - 180px - 1rem);
    width: calc(100% - 200px - 1rem);
  }
  */


  /**/
  form.webform-submission-form .form-item.webform-has-field-prefix {
    justify-content: flex-start;
  }
  form.webform-submission-form .form-item.webform-has-field-prefix > label {
    width: 100%;
  }
  form.webform-submission-form .form-item.webform-has-field-prefix > input {
    max-width: 33.3333%;
    width: auto;
  }
  form.webform-submission-form .form-item.webform-has-field-prefix > span.field-prefix {
    max-width: 33.3333%;
    width: auto;
  }

  /**/
  form.webform-submission-form .form-item.webform-has-field-suffix {
    justify-content: flex-start;
  }
  form.webform-submission-form .form-item.webform-has-field-suffix > label {
    width: 100%;
  }
  form.webform-submission-form .form-item.webform-has-field-suffix > input {
    max-width: 33.3333%;
    width: auto;
  }
  form.webform-submission-form .form-item.webform-has-field-suffix > span.field-suffix {
    max-width: 33.3333%;
    width: auto;
  }


}