.debriefSurveyAccordion-container {
  --min-accordion-height: 54px;
  --max-accordion-height: 300px;
  --shadow-color: hsla(193, 44%, 64%, 0.31);

  width: 660px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 1;
  background-color: white;
  animation: 1s linear 0s infinite alternate beating-shadow;
}

@keyframes beating-shadow {
  from {
    box-shadow: 0 0 20px 0px var(--shadow-color);
  }
  to {
    box-shadow: 0 0 20px 25px var(--shadow-color);
  }
}

.debriefSurveyAccordion-button {
  padding: 0 20px;
  border-radius: 8px 8px 0 0;
  width: 100%;
  height: var(--min-accordion-height);
  background-color: #F0F2F5 !important;
}

.debriefSurveyAccordion-button > img[src="/images/arrow-back.svg"] {
  height: 30px;
  rotate: 90deg;
  transition: transform 0.5s linear;
}

.debriefSurveyAccordion-button.open > img[src="/images/arrow-back.svg"] {
  transform: rotateY(180deg);
}

.debriefSurveyAccordion-content {
  height: var(--min-accordion-height);
  overflow: hidden;
  transition: height 0.5s ease-in-out;
}

.debriefSurveyAccordion-content.open {
  height: var(--max-accordion-height);
}

.postFirstStepPadding {
  padding-top: 50px;
}