.rewardsSignupPane {
  width: 100%;
  position: fixed;
  padding: 0 20px;
}
@media (max-width: 1443px) {
  .rewardsSignupPane {
    padding: 0 15px;
  }
}
@media (max-width: 1280px) {
  .rewardsSignupPane {
    padding: 0 13.2px;
  }
}
@media (max-width: 1024px) {
  .rewardsSignupPane {
    padding: 0 10.6px;
  }
}
.rewardsSignupPane .formRow {
  align-items: flex-end;
  display: flex;
}
.rewardsSignupPane .formRow .inputGroup {
  width: 100%;
  margin: 0 10px;
}
@media (max-width: 1443px) {
  .rewardsSignupPane .formRow .inputGroup {
    margin: 0 7.5px;
  }
}
@media (max-width: 1280px) {
  .rewardsSignupPane .formRow .inputGroup {
    margin: 0 6.6px;
  }
}
@media (max-width: 1024px) {
  .rewardsSignupPane .formRow .inputGroup {
    margin: 0 5.3px;
  }
}
.rewardsSignupPane .birthdayFlexContainer {
  display: flex;
  justify-content: space-between;
}
.rewardsSignupPane .birthdayFlexContainer .third {
  flex: 0 0 32%;
}
.rewardsSignupPane label {
  color: #fce432;
  font-size: 20px;
  font-family: sagona-medium, sans-serif;
  text-transform: lowercase;
}
@media (max-width: 1443px) {
  .rewardsSignupPane label {
    font-size: 15px;
  }
}
@media (max-width: 1280px) {
  .rewardsSignupPane label {
    font-size: 12.8px;
  }
}
@media (max-width: 1024px) {
  .rewardsSignupPane label {
    font-size: 14.2px;
  }
}
.rewardsSignupPane label[for=monthOfBirth], .rewardsSignupPane label[for=dayOfBirth], .rewardsSignupPane label[for=yearOfBirth] {
  font-size: 15px;
}
@media (max-width: 1443px) {
  .rewardsSignupPane label[for=monthOfBirth], .rewardsSignupPane label[for=dayOfBirth], .rewardsSignupPane label[for=yearOfBirth] {
    font-size: 11.25px;
  }
}
@media (max-width: 1280px) {
  .rewardsSignupPane label[for=monthOfBirth], .rewardsSignupPane label[for=dayOfBirth], .rewardsSignupPane label[for=yearOfBirth] {
    font-size: 9.6px;
  }
}
@media (max-width: 1024px) {
  .rewardsSignupPane label[for=monthOfBirth], .rewardsSignupPane label[for=dayOfBirth], .rewardsSignupPane label[for=yearOfBirth] {
    font-size: 10.65px;
  }
}
.rewardsSignupPane input[type=text], .rewardsSignupPane input[type=tel], .rewardsSignupPane input[type=email], .rewardsSignupPane select {
  font-family: brandon-grotesque-medium, sans-serif;
  font-size: 30px;
}
@media (max-width: 1443px) {
  .rewardsSignupPane input[type=text], .rewardsSignupPane input[type=tel], .rewardsSignupPane input[type=email], .rewardsSignupPane select {
    font-size: 15px;
  }
}
@media (max-width: 1280px) {
  .rewardsSignupPane input[type=text], .rewardsSignupPane input[type=tel], .rewardsSignupPane input[type=email], .rewardsSignupPane select {
    font-size: 15px;
  }
}
.rewardsSignupPane .failedValidation {
  border: 2px solid #e85c41;
}
.rewardsSignupPane .failedValidation::-webkit-input-placeholder {
  color: pink;
}