* {
  box-sizing: var(--air-box-sizing, border-box);
}

:host {
  display: block;
}

.questionnaire {
  display: var(--air-questionnaire-display, block);
  font-family: var(--air-body-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");
}
.questionnaire air-question {
  margin-bottom: var(--questionnaire-question-margin-bottom, var(--air-spacing-05, 2rem));
}
.questionnaire air-question-group .question:last-child air-question {
  margin-bottom: var(--air-questionnaire-group-last-question-margin-bottom, var(--air-spacing-05, 2rem));
}
.questionnaire air-question-group .section.depth-2 {
  border-left: var(--air-questionnaire-group-border-left, solid 4px var(--air-color-accent));
  padding-left: var(--air-questionnaire-group-padding-left, var(--air-spacing-03, 1rem));
  margin-bottom: var(--air-questionnaire-group-margin-bottom, var(--air-spacing-05, 2rem));
}
.questionnaire air-question-group air-question {
  --air-question-group-title-color: var(--air-group-headline-color);
  --air-question-group-title-font-family: var(--air-group-headline-font-family);
  --air-question-group-title-font-size: var(--air-group-headline-font-size);
  --air-question-group-title-font-weight: var(--air-group-headline-font-weight);
  --air-question-group-title-line-height: var(--air-group-headline-line-height);
  --air-question-group-title-margin-top: var(--air-spacing-05);
}
.questionnaire .section {
  display: var(--air-questionnaire-section-display, grid);
  grid-template-columns: var(--air-questionnaire-section-grid-template-columns, var(--air-form-element-width, 576px));
}
.questionnaire .group {
  display: var(--air-questionnaire-group-display, grid);
  grid-template-columns: var(--air-questionnaire-group-grid-template-columns, var(--air-form-element-width, 576px));
}
.questionnaire .question {
  display: var(--air-questionnaire-question-display, grid);
  position: var(--air-questionnaire-question-position, relative);
  grid-template-columns: var(--air-questionnaire-question-grid-template-columns, var(--air-form-element-width, 576px));
  gap: var(--air-questionnaire-question-grid-gap, 0 0);
}
.questionnaire .question .question-info {
  position: var(--air-questionnaire-question-info-position, fixed);
  width: var(--air-questionnaire-question-info-width, 350px);
  top: var(--air-questionnaire-question-info-top, var(--air-spacing-06, 3rem));
  left: var(--air-questionnaire-question-info-left, calc(var(--air-form-element-width, 576px) + var(--air-spacing-07, 4rem)));
  right: var(--air-questionnaire-question-info-right, 0);
}
.questionnaire .description {
  color: var(--air-questionnaire-description-color, var(--air-body-color, var(--air-color-eclipse, #3a3a3a)));
  font-family: var(--air-questionnaire-description-font-family, var(--air-body-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"));
  font-size: var(--air-questionnaire-description-font-size, var(--air-body-font-size, 1rem));
  font-weight: var(--air-questionnaire-description-font-weight, var(--air-body-font-weight, 400));
  line-height: var(--air-questionnaire-description-line-height, var(--air-body-line-height, 1.5));
  margin-top: var(--air-questionnaire-description-margin-top, -1rem);
  margin-bottom: var(--air-questionnaire-description-margin-bottom, var(--air-spacing-03, 1rem));
}
.questionnaire .depth-0 .title {
  display: var(--air-questionnaire-depth0-title-display, none);
  margin-top: var(--air-questionnaire-depth0-title-margin-top, var(--air-spacing-05, 2rem));
  margin-bottom: var(--air-questionnaire-depth0-title-margin-bottom, var(--air-spacing-05, 2rem));
  color: var(--air-questionnaire-depth0-title-color, var(--air-headline-2-color, var(--air-color-eclipse, #3a3a3a)));
  font-weight: var(--air-questionnaire-depth0-title-font-weight, var(--air-headline-1-font-weight, 600));
  font-size: var(--air-questionnaire-depth0-title-font-size, var(--air-headline-1-font-size, 1.75rem));
  line-height: var(--air-questionnaire-depth0-title-line-height, var(--air-headline-1-line-height, 1.5));
  font-family: var(--air-questionnaire-depth0-title-font-family, var(--air-headline-1-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"));
  text-decoration: var(--air-questionnaire-depth0-title-text-decoration, var(--air-headline-1-text-decoration, none));
  text-transform: var(--air-questionnaire-depth0-title-text-transform);
}
.questionnaire .depth-0 .title p {
  margin: 0;
  padding: 0;
}
.questionnaire .depth-1 air-divider {
  display: var(--air-questionnaire-depth1-divider-display, grid);
  grid-template-columns: var(--air-questionnaire-question-grid-template-columns, var(--air-form-element-width, 576px));
  margin-top: var(--air-questionnaire-depth1-divider-margin-top, var(--air-spacing-02, 0.5rem));
  margin-bottom: var(--air-questionnaire-depth1-divider-margin-bottom, var(--air-spacing-02, 0.5rem));
}
.questionnaire .depth-1 .title {
  display: var(--air-questionnaire-depth1-title-display, block);
  margin-top: var(--air-questionnaire-depth1-title-margin-top, var(--air-spacing-05, 2rem));
  margin-bottom: var(--air-questionnaire-depth1-title-margin-bottom, 0);
  color: var(--air-questionnaire-depth1-title-color, var(--air-headline-1-color, var(--air-color-eclipse, #3a3a3a)));
  font-weight: var(--air-questionnaire-depth1-title-font-weight, var(--air-headline-1-font-weight, 600));
  font-size: var(--air-questionnaire-depth1-title-font-size, var(--air-headline-1-font-size, 1.75rem));
  line-height: var(--air-questionnaire-depth1-title-line-height, var(--air-headline-1-line-height, 1.5));
  font-family: var(--air-questionnaire-depth1-title-font-family, var(--air-headline-1-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"));
  text-decoration: var(--air-questionnaire-depth1-title-text-decoration, var(--air-headline-1-text-decoration, none));
  text-transform: var(--air-questionnaire-depth1-title-text-transform, var(--air-headline-1-text-transform, none));
}
.questionnaire .depth-1 .title p {
  margin: 0;
  padding: 0;
}
.questionnaire .depth-2 .title {
  display: var(--air-questionnaire-question-display, grid);
  margin-top: var(--air-questionnaire-depth2-title-margin-top, 0);
  margin-bottom: var(--air-questionnaire-depth2-title-margin-bottom, 1rem);
  color: var(--air-questionnaire-depth2-title-color, var(--air-headline-2-color, var(--air-color-eclipse, #3a3a3a)));
  font-weight: var(--air-questionnaire-depth2-title-font-weight, var(--air-headline-2-font-weight, 600));
  font-size: var(--air-questionnaire-depth2-title-font-size, var(--air-headline-2-font-size, 1.25rem));
  line-height: var(--air-questionnaire-depth2-title-line-height, var(--air-headline-2-line-height, 1.5));
  font-family: var(--air-questionnaire-depth2-title-font-family, var(--air-headline-2-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"));
  text-decoration: var(--air-questionnaire-depth2-title-text-decoration, var(--air-headline-2-text-decoration, none));
  text-transform: var(--air-questionnaire-depth2-title-text-transform, var(--air-headline-2-text-transform, none));
  display: var(--air-questionnaire-question-display, grid);
  grid-template-columns: var(--air-questionnaire-question-grid-template-columns, --air-questionnaire-section-grid-template-columns);
}
.questionnaire .depth-2 .title p {
  margin: 0;
  padding: 0;
}

.message {
  display: var(--air-questionnaire-message-display, block);
  padding: var(--air-questionnaire-message-padding, 0);
  margin: var(--air-questionnaire-message-margin, 0);
  border: var(--air-questionnaire-message-border, none);
  color: var(--air-questionnaire-message-color, var(--air-headline-3-color, var(--air-color-eclipse, #3a3a3a)));
  font-family: var(--air-questionnaire-message-font-family, var(--air-headline-3-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"));
  font-size: var(--air-questionnaire-message-font-size, var(--air-headline-3-font-size, 1.125rem));
  font-weight: var(--air-questionnaire-message-font-weight, var(--air-headline-3-font-weight, 600));
  line-height: var(--air-questionnaire-message-line-height, var(--air-headline-3-line-height, 1.5));
  text-decoration: var(--air-questionnaire-message-text-decoration, var(--air-headline-3-text-decoration, none));
  text-transform: var(--air-questionnaire-message-text-transform, var(--air-headline-3-text-transform, none));
}

@media (max-width: 992px) {
  .questionnaire .section {
    grid-template-columns: var(--air-mobile-questionnaire-question-grid-template-columns, unset);
  }
  .questionnaire .depth-1 air-divider {
    grid-template-columns: var(--air-mobile-questionnaire-question-grid-template-columns, unset);
  }
  .questionnaire .question {
    display: var(--air-mobile-questionnaire-question-display, grid);
    grid-template-columns: var(--air-mobile-questionnaire-question-grid-template-columns, unset);
    gap: var(--air-mobile-questionnaire-question-grid-gap, 0 0);
  }
  .questionnaire .question .question-info {
    position: var(--air-mobile-questionnaire-question-info-position, relative);
    width: var(--air-mobile-questionnaire-question-info-width, 100%);
    left: var(--air-mobile-questionnaire-question-info-left, auto);
  }
  .questionnaire .depth-2 .title {
    display: var(--air-mobile-questionnaire-question-display, grid);
    grid-template-columns: var(--air-mobile-questionnaire-question-grid-template-columns, 2fr 0fr);
  }
}