/**
 * @file
 * Layout tweaks for FlipDown in the Essent block (replaces drupal/flipdown css).
 */
.essent-flipdown-block__inner {
  padding: 1.5rem;
  background-repeat: no-repeat;
}

.essent-flipdown-block__above,
.essent-flipdown-block__below {
  /* max-width: 60ch; */
  margin-inline: auto;
}

.essent-flipdown-block__above {
  margin-bottom: 1rem;
  /* text-align: center; */
}

.essent-flipdown-block__below {
  margin-top: 1rem;
  /* text-align: center; */
}

.essent-flipdown-block .flipdown {
  margin-inline: auto;
}

@media (min-width: 1024px) {
  .essent-flipdown-block .essent-flipdown-block__timer-scale {
    width: calc(510px * var(--essent-flipdown-scale-lg, 1));
    height: calc(110px * var(--essent-flipdown-scale-lg, 1));
    margin-inline: auto;
  }

  .essent-flipdown-block .essent-flipdown-block__timer-scale > .flipdown {
    transform: scale(var(--essent-flipdown-scale-lg, 1));
    transform-origin: top left;
    margin-inline: 0;
  }

  .essent-flipdown-block .essent-flipdown-block__timer-scale.is-ended {
    width: auto;
    height: auto;
  }
}

.essent-flipdown-block .essent-flipdown-block__ended {
  width: auto;
  height: auto;
}

.essent-flipdown-block .flipdown-ended--rich > :first-child {
  margin-top: 0;
}

.essent-flipdown-block .flipdown-ended--rich > :last-child {
  margin-bottom: 0;
}