/** Foundation for Sites Version 6.6.3 https://get.foundation Licensed under MIT Open Source */
.form-item.form-type-datetime .container-inline, .form-item.form-type-datelist .container-inline { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 100%; gap: 1rem; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.form-item.form-type-datetime .container-inline + .description, .form-item.form-type-datelist .container-inline + .description { font-size: 0.75rem; font-style: italic; }

.form-item.form-type-datetime .container-inline > div, .form-item.form-type-datelist .container-inline > div { margin: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: 100%; flex-basis: 100%; }

@media print, screen and (min-width: 40em) { .form-item.form-type-datetime .container-inline > div, .form-item.form-type-datelist .container-inline > div { -ms-flex-preferred-size: auto; flex-basis: auto; } }

@media print, screen and (min-width: 40em) { .webform-flexbox { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0rem -0.5rem; /** Make sure flexbox is always using 'display: flex' when toggled via #states. @see https://stackoverflow.com/questions/38491653/jquery-show-a-flex-box/4121 */ }
  .webform-flexbox.js-webform-states-hidden[style*="display: block"] { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; }
  .webform-flexbox .webform-flexbox { margin: 1rem 0; }
  .webform-flexbox--flex-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  .webform-flexbox--flex-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
  .webform-flexbox--center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .webform-flex { min-width: 0; }
  .webform-flex--container { margin: 0 0.5rem; /** Select other. */ /** Range. */ /** Radios/checkboxes. */ }
  .webform-flex--container > .form-item { margin: 0; }
  .webform-flex--container > .form-item > input, .webform-flex--container > .form-item > select { width: 100%; }
  .webform-flex--container > .webform-has-field-prefix > input, .webform-flex--container > .webform-has-field-prefix > select, .webform-flex--container > .webform-has-field-suffix > input, .webform-flex--container > .webform-has-field-suffix > select { width: 85%; }
  .webform-flex--container > .webform-has-field-prefix.webform-flex.webform-has-field-suffix > input, .webform-flex--container > .webform-has-field-prefix.webform-flex.webform-has-field-suffix > select { width: 70%; }
  .webform-flex--container > .webform-element-help-container--element > input, .webform-flex--container > .webform-element-help-container--element > select { width: 85%; }
  .webform-flex--container > .webform-has-field-prefix.webform-element-help-container--element > input, .webform-flex--container > .webform-has-field-suffix.webform-element-help-container--element > select { width: 70%; }
  .webform-flex--container > .webform-has-field-prefix.webform-has-field-suffix.webform-element-help-container--element > input, .webform-flex--container > .webform-has-field-prefix.webform-has-field-suffix.webform-element-help-container--element > select { width: 50%; }
  .webform-flex--container > .form-type-webform-select-other select { width: 100%; }
  .webform-flex--container > .form-type-webform-select-other .form-item { margin: 0; }
  .webform-flex--container > .form-type-webform-select-other .form-item + .form-item { margin-top: 0.5rem; }
  .webform-flex--container > .form-type-range-output > .form-range-output { width: 66%; }
  .webform-flex--container .form-type-checkbox, .webform-flex--container .form-type-radio { white-space: nowrap; }
  .container-inline .webform-flex--container > .form-item > input, .container-inline .webform-flex--container > .form-item > select { width: inherit; }
  .webform-flex--1 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
  .webform-flex--2 { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; }
  .webform-flex--3 { -webkit-box-flex: 3; -ms-flex: 3; flex: 3; }
  .webform-flex--4 { -webkit-box-flex: 4; -ms-flex: 4; flex: 4; }
  .webform-flex--5 { -webkit-box-flex: 5; -ms-flex: 5; flex: 5; }
  .webform-flex--6 { -webkit-box-flex: 6; -ms-flex: 6; flex: 6; }
  .webform-flex--7 { -webkit-box-flex: 7; -ms-flex: 7; flex: 7; }
  .webform-flex--8 { -webkit-box-flex: 8; -ms-flex: 8; flex: 8; }
  .webform-flex--9 { -webkit-box-flex: 9; -ms-flex: 9; flex: 9; }
  .webform-flex--10 { -webkit-box-flex: 10; -ms-flex: 10; flex: 10; }
  .webform-flex--11 { -webkit-box-flex: 11; -ms-flex: 11; flex: 11; }
  .webform-flex--12 { -webkit-box-flex: 12; -ms-flex: 12; flex: 12; }
  /** Composite. */
  .form-composite > .webform-flexbox { margin: 1rem -0.5em; } }

/*# sourceMappingURL=../../../maps/webform/webform.flex.css.map */