.animated-kanban {
  width: 100%;
  height: 480px;
  overflow: hidden;
  position: relative;
}

.animated-container {
  position: absolute;
  width: 267px;
  height: 250px;
  margin: auto;
  left: 0;
  right: 0;
  transform: translateX(330px);
  top: 77px;
  text-align: center;
  mask: linear-gradient(rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 1) 20px, rgba(0, 0, 0, 1) 230px, rgba(0, 0, 0, 0) 250px);
  -webkit-mask: linear-gradient(rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 1) 20px, rgba(0, 0, 0, 1) 230px, rgba(0, 0, 0, 0) 250px);
  animation: show-kanban 1s 1 0.5s linear forwards;
  opacity: 0;
  z-index: 1;
}

.animated-container__inner {
  animation: loop-text 17s 1 0.5s linear, loop-text-infinite 16s infinite 17.5s linear ;
  transform: translateY(5%);
}

.animated-container__text {
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.animated-container__text svg {
  display: block;
  height: 30px;
}

@keyframes show-kanban {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes loop-text {
  0% {
    transform: translateY(5%);
  }
  100% {
    transform: translateY(-50%);
  }
}

@keyframes loop-text-infinite {
  0% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(-50%);
  }
}

.ecm-kanban__logo img {
  width: 100%;
}

.modalOpenButton_coupon {
  z-index: 2;
}
.animated-kanban__bg {
  position: absolute;
  height: 480px;
  width: auto;
  z-index: 0;
  margin: auto;
  left: 0;
  right: 0;
}

/** cmn_all.css related */
.ecm-kanban__rightButton {
  right: calc(50% - 378px);
  bottom: 18px;
}