.section-cycle-form {
  padding-top: 0;
  padding-bottom: 0;
}

.cycle-form__container {
  padding-top: var(--spacer--xxxl);
  padding-bottom: var(--spacer--xxxl);
}

.cycle-form__header-image img {
  width: 100%;
}

.cycle-form__content-background {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.cycle-form__content-wrapper {
  padding-top: var(--spacer--xxxl);
  padding-bottom: var(--spacer--xxxl);
}

.cycle-form__content,
.cycle-form__content :last-child {
  margin-bottom: 0;
}

.cycle-form__form-wrapper {
  --accent: var(--green);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-width: calc(var(--container-max-width) * 0.5);
  margin: var(--spacer--xl) auto 0;
  background-color: var(--black);
  color: var(--white);
}

.cycle-form__form-wrapper::after {
  content: "";
  display: block;
  width: 100%;
  height: 0.5rem;
  background: var(--gradient);
}

.cycle-form__form-shortcode {
  padding: var(--spacer--xl);
}

.cycle-form__form-footer {
  padding-bottom: var(--spacer--xl);
}

.cycle-form__form-footer :last-child {
  margin-bottom: 0;
}

.section-cycle-form.dodgers {
  --background: var(--blue--dark);
  --text: var(--white);
}

.section-cycle-form .rts-cycle-leaderboard__form-wrap {
  display: flex;
  flex-flow: column;
  max-width: 650px;
  margin: 0 auto;
}

.section-cycle-form .rts-cycle-leaderboard__form {
  display: flex;
  flex-flow: column;
  gap: 20px;
  text-align: left;
  text-transform: none;
}

.section-cycle-form .rts-cycle-leaderboard__form-field {
  display: flex;
  flex-flow: column;
  gap: 5px;
}

.section-cycle-form
  .rts-cycle-leaderboard__form-field
  > :last-child:not(input):not(.rts-cycle-leaderboard__form-field-error) {
  display: none;
}

.section-cycle-form .rts-cycle-leaderboard__form-field-error {
  color: var(--red);
  font-size: 0.8em;
  font-weight: bold;
}

.section-cycle-form .rts-cycle-leaderboard__form-field--checkbox {
  display: flex;
  flex-flow: row-reverse nowrap;
  align-items: center;
  justify-content: left;
  gap: 5px;
}

.section-cycle-form .rts-cycle-leaderboard__form-field--checkbox label {
  line-height: 1.1;
}

.section-cycle-form
  .rts-cycle-leaderboard__form-field--checkbox
  input[type="checkbox"] {
  flex-shrink: 0;
  width: 1.25em;
  height: 1.25em;
}

.section-cycle-form .rts-cycle-leaderboard__form-field--checkbox a {
  color: var(--blue--dark);
  font-size: 1em;
  text-decoration: underline;
}

.section-cycle-form .rts-cycle-leaderboard__required-icon {
  margin-left: 5px;
  color: var(--red--dark);
}

.section-cycle-form .rts-cycle-leaderboard__form-input-field {
  border: 1px solid;
  font-family: inherit;
}

.section-cycle-form .rts-cycle-leaderboard__form-input-field:focus {
  border-color: var(--green--dark);
  outline: none;
}

.section-cycle-form
  .rts-cycle-leaderboard__form-input-field[aria-invalid="true"] {
  border-color: var(--red);
}

.section-cycle-form .rts-cycle-leaderboard__form-submit {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
  padding: 15px 25px;
  transition: all 0.3s ease-in-out;
  border: 1px solid var(--green--dark);
  border-radius: var(--button--radius);
  background: var(--green--dark);
  color: var(--white);
  font-size: 1em;
  cursor: pointer;
  gap: 10px;
}

.section-cycle-form .rts-cycle-leaderboard__form-submit:hover:not(:disabled),
.section-cycle-form .rts-cycle-leaderboard__form-submit:focus:not(:disabled) {
  background: var(--green);
}

.section-cycle-form
  .rts-cycle-leaderboard__form-submit:disabled:not(.processing) {
  border: 1px solid var(--gray--light);
  background-color: var(--gray--light);
  color: var(--black);
}

.section-cycle-form .rts-cycle-leaderboard__form-submit-icon {
  display: none;
  width: 15px;
  height: auto;
  animation: rts-cycle-spin 1s linear infinite;
}

.section-cycle-form .rts-cycle-leaderboard__form-submit-icon svg {
  display: block;
  width: 100%;
  height: auto;
}

.section-cycle-form .rts-cycle-leaderboard__form-submit.processing {
  border-color: var(--blue--darkest);
  background: var(--blue--darkest);
  color: var(--white);
  pointer-events: none;
}

.section-cycle-form
  .rts-cycle-leaderboard__form-submit.processing
  .rts-cycle-leaderboard__form-submit-icon {
  display: block;
}

@keyframes rts-cycle-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}