.info-banner[data-v-e7c6f6f9] {
  visibility: visible;
  opacity: 1;
  position: fixed;
  z-index: 1001;
  width: 100%;
  border-radius: 24px
}

@media (max-width: 767px) {
  .info-banner[data-v-e7c6f6f9] {
    width: 90%;
    max-width: none
  }
}

.info-banner--full-screen-wrapper[data-v-e7c6f6f9]:after {
  content: "";
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: var(--mobile-navigation-z-index);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background: rgba(31, 28, 34, .5);
  top: 0;
  left: 0
}

.info-banner--default[data-v-e7c6f6f9] {
  background: #211C25;
  border: 1px solid #8A55E9;
  color: #fff
}

.info-banner--purple[data-v-e7c6f6f9] {
  background: #8A55E9;
  color: #fff
}

.info-banner--ttu[data-v-e7c6f6f9] {
  transform: translate(-50%, -50%)
}

.info-banner--closed[data-v-e7c6f6f9] {
  visibility: hidden
}

.info-banner__title[data-v-e7c6f6f9] {
  font-size: 18px;
  font-weight: 700;
  line-height: 25px
}

.info-banner__text[data-v-e7c6f6f9] {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  white-space: pre-line
}

.info-banner__close-btn[data-v-e7c6f6f9] {
  margin-top: 24px;
  --button-padding: 10px 24px;
  --button-width: 50%;
  --button-border-color: #8A55E9
}

.info-banner__close-btn--cross[data-v-e7c6f6f9] {
  position: absolute;
  right: 24px;
  --button-width: 14px;
  --button-height: 14px
}

@media (min-width: 768px) {
  .info-banner__close-btn--cross[data-v-e7c6f6f9] {
    --button-width: 24px;
    --button-height: 24px
  }
}