.webform-submission-openverse-observatory-survey-form {
  --survey-question-gap: 2.5rem;
  --survey-title-size: 1.3em;
}

.webform-submission-openverse-observatory-survey-form .webform-progress {
  margin-block-end: var(--survey-question-gap);
}

.webform-submission-openverse-observatory-survey-form
  .progress-tracker
  .progress-step.is-active
  .progress-title {
  color: #fff !important;
  font-weight: 500;
}

.webform-submission-openverse-observatory-survey-form
  [data-webform-key^='page_']
  > .form-item {
  margin-block: 0 var(--survey-question-gap);
}

.webform-submission-openverse-observatory-survey-form .form-actions {
  margin-block-start: 0;
}

.webform-submission-openverse-observatory-survey-form
  [data-webform-key^='page_']
  > .form-item
  > legend {
  margin-block-end: 0.75rem;
}

.webform-submission-openverse-observatory-survey-form
  [data-webform-key^='page_']
  > .form-item
  > legend
  > .fieldset-legend,
.webform-submission-openverse-observatory-survey-form
  [data-webform-key^='page_']
  > .form-item
  > label {
  display: block;
  font-size: var(--survey-title-size);
  font-weight: 500;
  line-height: 1.35;
  margin-block-end: 0.5rem;
}

.webform-submission-openverse-observatory-survey-form label.option {
  font-size: 1em;
  font-weight: 400;
  line-height: 1.4;
}

.webform-submission-openverse-observatory-survey-form .form-type-radio,
.webform-submission-openverse-observatory-survey-form .form-type-checkbox {
  margin-block: 0.35rem;
}

.webform-submission-openverse-observatory-survey-form
  .webform-element-description {
  margin-block-start: 0.5rem;
  font-size: 0.9em;
}

.webform-submission-openverse-observatory-survey-form .form-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
}
 
.webform-submission-openverse-observatory-survey-form
  .webform-button--previous {
  background-color: transparent;
  background-image: none;
  border: 1px solid #d33df5;
  box-shadow: none;
  text-shadow: none;
}
 
.webform-submission-openverse-observatory-survey-form
  .webform-button--previous:hover,
.webform-submission-openverse-observatory-survey-form
  .webform-button--previous:focus {
  background-color: rgba(211, 61, 245, 0.08);
  background-color: color-mix(in srgb, #d33df5 8%, transparent);
  border-color: var(--survey-primary);
  color: var(--survey-primary-text);
}