button[class^="kl-teaser-"],
button[class*=" kl-teaser-"] {
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  left: -1px !important;
}
button[class^="kl-teaser-"] *:last-child *:last-child,
button[class*=" kl-teaser-"] *:last-child *:last-child {
  font-size: 16px !important;
}
div[data-testid="animated-teaser"] p {
  margin: 0 !important;
}
div[data-testid="animated-teaser"] > span {
  min-height: 33px !important;
  padding: 0 15px !important;
  /*border-radius: 0 0 var(--template-border-radius) var(--template-border-radius) !important;*/
}
button[class^="kl-teaser-"] button.klaviyo-close-form,
button[class*=" kl-teaser-"] button.klaviyo-close-form {
  font-size: unset !important;
  width: 20px !important;
  bottom: -10px !important;
  right: -10px !important;
}
button[class^="kl-teaser-"] button.klaviyo-close-form svg,
button[class*=" kl-teaser-"] button.klaviyo-close-form svg {
  width: 100% !important;
}
div[aria-label="POPUP Form"] {
  z-index: 100010 !important;
}
div[aria-label="POPUP Form"] > div {
  margin-bottom: 60px;
  z-index: 100020 !important;
}
div[aria-label="POPUP Form"] form {
  border-radius: var(--template-border-radius) !important;
}
div[aria-label="BANNER Form"] {
  z-index: 100000 !important;
  -webkit-animation: 500ms ease announceBanner;
          animation: 500ms ease announceBanner;
}
div[aria-label="BANNER Form"] form {
  min-height: 88px !important;
}
div[aria-label="BANNER Form"] form div > img {
  width: auto !important;
  max-height: 28px !important;
}
div[aria-label="BANNER Form"] div:has(p, h1, h2, h3, h4, h5) {
	display: flex !important;
}
div[aria-label="BANNER Form"] div :is(p, h1, h2, h3, h4, h5) {
	align-self: center !important;
	margin: auto !important;
}
body:not(:has(div[aria-label="BANNER Form"])) {
  margin-top: 0px;
  transition: margin 500ms ease;
}
body:has(div[aria-label="BANNER Form"]) {
  margin-top: 88px;
  transition: margin 500ms ease;
}
div[aria-label="BANNER Form"] .klaviyo-countdown {
  gap: 5px !important;
  -webkit-transform: scale(.9)!important;
          transform: scale(.9)!important;
  -webkit-transform-origin: center bottom !important;
          transform-origin: center bottom !important;
  font-weight: var(--template-font-bold) !important;
}
div[aria-label="BANNER Form"] .klaviyo-countdown div {
  font-weight: var(--template-font-bold) !important;
}
@media (min-width: 640px) {
  div[data-testid="animated-teaser"] > span {
    min-height: 36px !important;
  }
}
@media (min-width: 768px) {
  button[class^="kl-teaser-"] *:last-child *:last-child,
  button[class*=" kl-teaser-"] *:last-child *:last-child {
    font-size: 17px !important;
  }
  div[data-testid="animated-teaser"] > span {
    min-height: 45px !important;
  }
  div[aria-label="POPUP Form"] > div {
    margin-bottom: unset;
  }
  div[aria-label="BANNER Form"] form {
    min-height: 56px !important;
  }
  div[aria-label="BANNER Form"] form > div > div {
		justify-content: space-evenly !important;
		gap: 30px !important;
	}
  div[aria-label="BANNER Form"] form div > div:nth-child(2) {
		justify-content: space-around !important;
	}
  div[aria-label="BANNER Form"] form div > div:nth-child(2) > div {
		margin: unset !important;
	}
  div[aria-label="BANNER Form"] form > div > div > div {
		flex: 0 0 auto !important;
		width: -webkit-fit-content !important;
		width: -moz-fit-content !important;
		width: fit-content !important;
	}
	div[aria-label="BANNER Form"] form div > img {
    width: auto !important;
		max-height: 30px !important;
	}
  body:not(:has(div[aria-label="BANNER Form"])) {
    margin-top: 0px;
  }
  body:has(div[aria-label="BANNER Form"]) {
    margin-top: 56px;
  }
  div[aria-label="BANNER Form"] .klaviyo-countdown {
    -webkit-transform: scale(.95) !important;
            transform: scale(.95) !important;
  }
}
@media (min-width: 992px) {
  button[class^="kl-teaser-"] *:last-child *:last-child,
  button[class*=" kl-teaser-"] *:last-child *:last-child {
    font-size: 18px !important;
  }
  div[data-testid="animated-teaser"] > span {
    min-height: 50px !important;
    padding: 0 20px !important;
  }
  button[class^="kl-teaser-"] button.klaviyo-close-form,
  button[class*=" kl-teaser-"] button.klaviyo-close-form {
    font-size: unset !important;
    width: 24px !important;
    bottom: -8px !important;
  }
  div[aria-label="BANNER Form"] form {
    min-height: 66px !important;
  }
  div[aria-label="BANNER Form"] form > div > div {
		gap: 40px !important;
    justify-content: space-around !important;
	}
  div[aria-label="BANNER Form"] form div > img {
    width: auto !important;
		max-height: 40px !important;
	}
  body:not(:has(div[aria-label="BANNER Form"])) {
    margin-top: 0px;
  }
  body:has(div[aria-label="BANNER Form"]) {
    margin-top: 66px;
  }
  div[aria-label="BANNER Form"] .klaviyo-countdown {
    -webkit-transform: scale(1) !important;
            transform: scale(1) !important;
  }
}

@media (min-width: 1366px) {
  button[class^="kl-teaser-"] *:last-child *:last-child,
  button[class*=" kl-teaser-"] *:last-child *:last-child {
    font-size: 19px !important;
  }
  div[data-testid="animated-teaser"] > span {
    min-height: 55px !important;
    padding: 0 22px !important;
  }
  button[class^="kl-teaser-"] button.klaviyo-close-form,
  button[class*=" kl-teaser-"] button.klaviyo-close-form {
    font-size: unset !important;
    width: 28px !important;
    bottom: -6px !important;
  }
  div[aria-label="BANNER Form"] form > div > div {
    margin: 0 10%;
	}
}
@-webkit-keyframes announceBanner {
  from {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  to {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
@keyframes announceBanner {
  from {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  to {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}

.Campaign .Campaign__content p {
  margin: unset !important
}

/* ANIMATIONS FOR SINGLE BANNERS
div[aria-label="BANNER Form"] form[data-testid="klaviyo-form-RW7Vkc"] {
  background: green;
  animation: RW7Vkc_cycle 3s infinite alternate;
}
@keyframes RW7Vkc_cycle {
  from { background-color: green; }
  to { background-color: blue; }
}
@media (prefers-reduced-motion) {
  div[aria-label="BANNER Form"] form[data-testid="klaviyo-form-RW7Vkc"] {
    animation: RW7Vkc_cycle 8s infinite alternate;
  }
}
*/