@font-face {
  font-family: 'Martell';
  src: url('https://archeio.nyc3.cdn.digitaloceanspaces.com/websites/pernod-embedded-widgets/martell-zodiac-multibrand/fonts/martell-regular.ttf') format('truetype');
  font-style: normal;
  font-display: swap;
}

#martell-zodiac-multibrand {
  background-color: #500106;
  min-height: 100dvh;
  position: relative;
}
#martell-zodiac-multibrand::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="40" fill="none" stroke="%23FFD5B0" stroke-width="2" opacity="0.3"/><circle cx="50" cy="50" r="35" fill="none" stroke="%23FFD5B0" stroke-width="2" opacity="0.2" style="animation: spin 2s linear infinite"/></svg>') center/40px no-repeat;
  pointer-events: none;
  z-index: 9999;
}
#martell-zodiac-multibrand::after {
  content: 'loading';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top: 35px;
  color: #FFD5B0;
  font-size: 14px;
  font-family: "Martell", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  pointer-events: none;
  z-index: 9999;
  animation: loadingDots 1.5s infinite;
}
#martell-zodiac-multibrand .martell-zodiac-multibrand-widget {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes loadingDots {
  0%, 20% {
    content: 'loading';
  }
  40% {
    content: 'loading.';
  }
  60% {
    content: 'loading..';
  }
  80%, 100% {
    content: 'loading...';
  }
}
#martell-zodiac-multibrand.loaded {
  background-color: transparent;
}
#martell-zodiac-multibrand.loaded::before {
  display: none;
}
#martell-zodiac-multibrand.loaded::after {
  display: none;
}
#martell-zodiac-multibrand.loaded .martell-zodiac-multibrand-widget {
  opacity: 1;
  visibility: visible;
}