/* section-announcement-bar */
.countdown-bar,.swiper-slide--image-countdown {

  &.stacked {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.3em;
  }
  span.countdown-value, span.countdown-label {
    display: inline-block;
    margin: 0;
  }
  .h6 {
    color: rgba(var(--color-foreground),1);
  }
}

countdown-timer {
    display: flex;
    gap: 0.15em;
  flex-wrap: wrap;
  align-items: center;
justify-content: center;
}

.countdown-item {
  display: flex;
  gap: 0.08em;
  align-items: center;
  justify-content: center;
  padding: 0.2em 0.4em;
  &.stacked {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0.2em  0.5em;
  }

}


.countdown-label {
  padding: var(--label-padding-vert), var(--label-padding-horiz);
}

.countdown-value {
  padding: var(--number-padding-vert), var(--number-padding-horiz);
}