A<style>
  *,
  *::after,
  *::before:not(i) {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  html,
  body,
  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  @property --rotating-deg {
    syntax: '<angle>';
    initial-value: 45deg;
    inherits: false;
  }
  @property --moving-px {
    syntax: '<length>';
    initial-value: 0px;
    inherits: false;
  }
  @property --purple {
    syntax: '<color>';
    initial-value: #4008452f;
    inherits: false;
  }
  :root {
    --desktop-background-image: url(/cms/BDG/ZeG3fMITSpKtbVuhKuoQ/CPE_Background.jpg);
    --mobile-background-image: url(/cms/BDG/aqAYKpPtTya2EEhAYklx1g/CPE_Background_mobile.jpg);
    --background-primary-color: #131925;
    --background-secondary-color: #27231b;
    --background-size: 100;
    --background-texture: url();
    --background-opacity: 0;
    --game-area-size: 85%;
    --game-primary-color: #e37d30;
    --game-secondary-color: #6d3f26;
    --game-text-color: #e37d30;
    --game-extra-color: #131a25;
    --game-text-size: 1;
    --prize-text-size: 0.8;
    --game-prize-primary: #141a25;
    --game-prize-primary-text: #ffffff;
    --game-prize-secondary: #e37d30;
    --game-prize-secondary-text: #ffffff;
    --game-prize-highlight: #f2b05c;
    --game-prize-highlight-text: #ffffff;
    --game-prize-winner: #b21a02;
    --game-prize-winner-text: #ffffff;
    --logo-image-desktop: url(/cms/BDG/VYCZXyTQUCNcnEbninAAQ/Logo.png);
    --logo-image-mobile: url(/cms/BDG/CeCc0d3nQVCWMyxN7JQMwQ/Logo_mobile.png);
    --logo-width: 40%;
    --logo-height: 40%;
    --desciption-text-size: 2.3;
    --terms-text-size: 0.7;
    --text-color: #ffffff;
    --highlight-text-color: #e37d31;
    --text-shadow-color: #000000;
    --popup-background: #141a25;
    --popup-border-radius: 30px;
    --popup-text: #f2f2f2;
    --popup-text-size: 1;
    --popup-btn-color: #e37d30;
    --popup-btn-text-color: #f2f2f2;
    --popup-button-border-radius: 30px;
    --loading-background-primary-color: #e37d30;
    --loading-background-secondary-color: #9e0000;
    --loading-background-image: url();
    --loading-background-size: cover;
    --loading-logo-image: url(/cms/BDG/VYCZXyTQUCNcnEbninAAQ/Logo.png);
    --loading-logo-image-height: 180px;
    --loading-primary-color: #ffffff;
    --loading-secondary-color: #141a26;
    --mute-button-size: 30px;
    --mute-button-primary-color: #ffffff;
    --mute-button-seconday-color: #000000;
    --mute-button-border-radius: 30px;
    --font-family: Saira Condensed, sans-serif;
  }
  :root {
    --site-navbar-height-desktop: 60px;
    --site-navbar-height-mobile: 60px;
    --color-dark-blue: #4a5d6b;
    --color-gray: #c3cdd2;
    --color-dark-gray: #8f999d;
    --color-light-blue: #5a7082;
    --highlight-color: #009688;
  }
  :root {
    --loading-progress: 20%;
    --loading-progress-text: '20%';
  }
  #multibrandMainContainer .prize_wheelContainer {
    position: relative;
  }
  #multibrandMainContainer .prize_wheelContainer .spinButton {
    outline: none;
    border: none;
    position: absolute;
    width: 28%;
    max-width: 250px;
    aspect-ratio: 1 / 1;
    top: 50%;
    left: 50%;
    background-color: var(--game-extra-color);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    translate: -50% -50%;
    box-shadow:
      0 0 50px 5px black,
      inset 0 0 0 5px var(--game-extra-color),
      inset 0 0 0 8px var(--game-text-color);
    transition: 0.2s;
    filter: grayscale(0);
    scale: 1;
    z-index: 4;
  }
  #multibrandMainContainer .prize_wheelContainer .spinButton .spinButtonText {
    pointer-events: none;
    user-select: none;
    letter-spacing: 8px;
    translate: 4px;
    color: var(--game-text-color);
    font-weight: bolder;
    text-align: center;
    transition: 0.2s;
    font-size: calc(
      clamp(0.8em, 1.1vw + 1.1vh + 1.1vmin, 1.8em) * var(--game-text-size)
    );
  }
  #multibrandMainContainer
    .prize_wheelContainer
    .spinButton
    .spinButtonText.timerOn {
    letter-spacing: 2px;
    translate: 1px;
    font-size: calc(
      clamp(0.5em, 0.85vw + 0.85vh + 0.85vmin, 1.4em) * var(--game-text-size)
    );
  }
  #multibrandMainContainer
    .prize_wheelContainer
    .spinButton
    .spinButtonText
    .smallText {
    transition: 0.2s;
    translate: -4px;
    letter-spacing: 0px;
    display: block;
    font-size: calc(
      clamp(0.3em, 0.5vw + 0.5vh + 0.5vmin, 0.9em) * var(--game-text-size)
    );
    margin-top: 5px;
    margin-bottom: 5px;
  }
  #multibrandMainContainer .prize_wheelContainer .spinButton.buttonDisabled {
    filter: grayscale(1);
    pointer-events: none;
  }
  #multibrandMainContainer
    .prize_wheelContainer
    .spinButton:hover:not(.buttonDisabled) {
    cursor: pointer;
    width: 30%;
    box-shadow:
      0 0 100px 0 black,
      inset 0 0 0 5px var(--game-extra-color),
      inset 0 0 0 8px var(--game-text-color);
  }
  #multibrandMainContainer
    .prize_wheelContainer
    .spinButton:hover:not(.buttonDisabled)
    .spinButtonText {
    font-size: calc(
      clamp(0.9em, 1.2vw + 1.2vh + 1.2vmin, 2.1em) * var(--game-text-size)
    );
  }
  #multibrandMainContainer
    .prize_wheelContainer
    .spinButton:hover:not(.buttonDisabled)
    .spinButtonText
    .smallText {
    font-size: calc(
      clamp(0.4em, 0.55vw + 0.55vh + 0.55vmin, 1em) * var(--game-text-size)
    );
  }
  #multibrandMainContainer
    .prize_wheelContainer
    .spinButton:active:not(.buttonDisabled) {
    width: 27%;
    box-shadow:
      0 0 30px 0 black,
      inset 0 0 0 5px var(--game-extra-color),
      inset 0 0 0 8px var(--game-text-color);
  }
  #multibrandMainContainer
    .prize_wheelContainer
    .spinButton:active:not(.buttonDisabled)
    .spinButtonText {
    font-size: calc(
      clamp(0.75em, 1vw + 1vh + 1vmin, 1.7em) * var(--game-text-size)
    );
  }
  #multibrandMainContainer
    .prize_wheelContainer
    .spinButton:active:not(.buttonDisabled)
    .spinButtonText
    .smallText {
    font-size: calc(
      clamp(0.25em, 0.45vw + 0.45vh + 0.45vmin, 0.8em) * var(--game-text-size)
    );
  }
  #multibrandMainContainer .prize_wheelContainer::before {
    content: '';
    position: absolute;
    top: -3%;
    left: 50%;
    width: clamp(20px, 5vmin, 50px);
    height: 50px;
    background-color: rgb(83, 83, 83);
    translate: -50%;
    z-index: -1;
  }
  #multibrandMainContainer .prize_wheelContainer .arrowPoint {
    position: absolute;
    top: 0%;
    left: 50%;
    translate: -50%;
    width: clamp(20px, 5vmin, 50px);
    border-top: clamp(20px, 5vmin, 50px) solid var(--game-primary-color);
    border-left: calc(0.3 * clamp(20px, 5vmin, 50px)) solid transparent;
    border-right: calc(0.3 * clamp(20px, 5vmin, 50px)) solid transparent;
    filter: drop-shadow(rgba(0, 0, 0, 0.5) -3px 3px 5px)
      drop-shadow(rgba(0, 0, 0, 0.5) 3px 3px 5px)
      drop-shadow(rgba(0, 0, 0, 0.5) 0px 10px 5px);
    z-index: 2;
  }
  #multibrandMainContainer .prize_wheelContainer .arrowPoint::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    translate: -50% 0%;
    width: 0px;
    height: 0px;
    border-top: calc(clamp(20px, 5vmin, 50px) / 5 * 3) solid
      var(--game-secondary-color);
    border-left: calc(0.2 * clamp(20px, 5vmin, 50px)) solid transparent;
    border-right: calc(0.2 * clamp(20px, 5vmin, 50px)) solid transparent;
  }
  #multibrandMainContainer .prize_wheelContainer .prizeWheel {
    height: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    transition: transform var(--spin-duration)
      cubic-bezier(0.25, 0.05, 0.25, 1.05);
    box-shadow: 0 0 0 clamp(5px, 0.3vmin + 0.3vmax + 0.3vw, 8px)
      var(--game-secondary-color);
  }
  #multibrandMainContainer .prize_wheelContainer .prizeWheel::after {
    content: '';
    width: 100%;
    height: 100%;
    box-shadow:
      inset 0 0 0 clamp(8px, 0.5vmin + 0.5vmax + 0.5vw, 18px)
        var(--game-primary-color),
      inset 0 0 10px 23px rgba(0, 0, 0, 0.75);
    z-index: -1;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    translate: -50% -50%;
  }
  #multibrandMainContainer .prize_wheelContainer .prizeWheel .prizeWheelSlice {
    overflow: hidden;
    position: absolute;
    top: -50%;
    right: -50%;
    width: 100%;
    height: 100%;
    transform-origin: 0% 100%;
    background-color: var(--game-prize-primary);
    transition: background-color 0.3s;
    z-index: -2;
  }
  #multibrandMainContainer
    .prize_wheelContainer
    .prizeWheel
    .prizeWheelSlice.evenPrize {
    background-color: var(--game-prize-secondary);
  }
  #multibrandMainContainer
    .prize_wheelContainer
    .prizeWheel
    .prizeWheelSlice.highlightSlice {
    background-color: var(--game-prize-highlight);
  }
  #multibrandMainContainer
    .prize_wheelContainer
    .prizeWheel
    .prizeWheelSlice.winnerSlice {
    background-color: var(--game-prize-winner);
    box-shadow: black 0px 0px 5px;
    z-index: -1;
  }
  #multibrandMainContainer
    .prize_wheelContainer
    .prizeWheel
    .prizeTextContainer {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
  }
  #multibrandMainContainer
    .prize_wheelContainer
    .prizeWheel
    .prizeTextContainer
    .prizeText {
    width: 33%;
    rotate: 180deg;
    padding-right: clamp(18px, 1.35vh + 1.35vmin + 1.35vw, 30px);
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 3;
    font-weight: bold;
    font-size: calc(
      clamp(10px, 0.7vw + 0.7vh + 0.7vmin, 30px) * var(--prize-text-size)
    );
    font-family: var(--font-family);
    color: var(--game-prize-primary-text);
  }
  #multibrandMainContainer
    .prize_wheelContainer
    .prizeWheel
    .prizeTextContainer
    .prizeText.evenPrize {
    color: var(--game-prize-secondary-text);
  }
  #multibrandMainContainer
    .prize_wheelContainer
    .prizeWheel
    .prizeTextContainer
    .prizeText.highlightPrize {
    color: var(--game-prize-highlight-text);
  }
  #multibrandMainContainer
    .prize_wheelContainer
    .prizeWheel
    .prizeTextContainer
    .prizeText.winnerPrize {
    color: var(--game-prize-winner-text);
  }
  @media (max-width: 768px) {
    #multibrandMainContainer
      .prize_wheelContainer
      .prizeWheel
      .prizeTextContainer
      .prizeText {
      font-size: calc(
        clamp(10px, 0.8vw + 0.8vh + 0.8vmin, 20px) * var(--prize-text-size)
      );
    }
  }
  html,
  body,
  * {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
  }
  @property --rotating-deg {
    syntax: '<angle>';
    inherits: false;
    initial-value: 45deg;
  }
  @property --moving-px {
    syntax: '<length>';
    inherits: false;
    initial-value: 0px;
  }
  @property --purple {
    syntax: '<color>';
    inherits: false;
    initial-value: rgba(64, 8, 69, 0.1843137255);
  }
  :root {
    --site-navbar-height-desktop: 60px;
    --site-navbar-height-mobile: 60px;
    --color-dark-blue: #4a5d6b;
    --color-gray: #c3cdd2;
    --color-dark-gray: #8f999d;
    --color-light-blue: #5a7082;
    --highlight-color: #009688;
  }
  :root {
    --loading-progress: 20%;
    --loading-progress-text: '20%';
  }
  @property --rotating-deg {
    syntax: '<angle>';
    inherits: false;
    initial-value: 45deg;
  }
  @property --moving-px {
    syntax: '<length>';
    inherits: false;
    initial-value: 0px;
  }
  @property --purple {
    syntax: '<color>';
    inherits: false;
    initial-value: rgba(64, 8, 69, 0.1843137255);
  }
  #multibrandMainContainer
    .multibrandBackgroundContainer
    .patternBackground.patternFade {
    background: linear-gradient(
      var(--background-primary-color),
      var(--background-secondary-color)
    );
  }
  #multibrandMainContainer
    .multibrandBackgroundContainer
    .patternBackground.patternRadial,
  #multibrandMainContainer
    .multibrandBackgroundContainer
    .patternBackground.patternRadialAnimated {
    background-image:
      radial-gradient(
        circle,
        var(--background-secondary-color) 0%,
        var(--background-secondary-color) 2%,
        transparent 30%,
        var(--background-primary-color) 80%,
        var(--background-primary-color) 100%
      ),
      repeating-conic-gradient(
        var(--background-primary-color) calc(0deg + var(--rotating-deg)),
        var(--background-primary-color) calc(18deg + var(--rotating-deg)),
        var(--background-secondary-color) calc(18deg + var(--rotating-deg)),
        var(--background-secondary-color) calc(36deg + var(--rotating-deg)),
        var(--background-primary-color) calc(36deg + var(--rotating-deg)),
        var(--background-primary-color) calc(54deg + var(--rotating-deg)),
        var(--background-secondary-color) calc(54deg + var(--rotating-deg)),
        var(--background-secondary-color) calc(72deg + var(--rotating-deg)),
        var(--background-primary-color) calc(72deg + var(--rotating-deg)),
        var(--background-primary-color) calc(90deg + var(--rotating-deg)),
        var(--background-secondary-color) calc(90deg + var(--rotating-deg)),
        var(--background-secondary-color) calc(108deg + var(--rotating-deg)),
        var(--background-primary-color) calc(108deg + var(--rotating-deg)),
        var(--background-primary-color) calc(126deg + var(--rotating-deg)),
        var(--background-secondary-color) calc(126deg + var(--rotating-deg)),
        var(--background-secondary-color) calc(144deg + var(--rotating-deg)),
        var(--background-primary-color) calc(144deg + var(--rotating-deg)),
        var(--background-primary-color) calc(162deg + var(--rotating-deg)),
        var(--background-secondary-color) calc(162deg + var(--rotating-deg)),
        var(--background-secondary-color) calc(180deg + var(--rotating-deg)),
        var(--background-primary-color) calc(180deg + var(--rotating-deg)),
        var(--background-primary-color) calc(198deg + var(--rotating-deg)),
        var(--background-secondary-color) calc(198deg + var(--rotating-deg)),
        var(--background-secondary-color) calc(216deg + var(--rotating-deg)),
        var(--background-primary-color) calc(216deg + var(--rotating-deg)),
        var(--background-primary-color) calc(234deg + var(--rotating-deg)),
        var(--background-secondary-color) calc(234deg + var(--rotating-deg)),
        var(--background-secondary-color) calc(252deg + var(--rotating-deg)),
        var(--background-primary-color) calc(252deg + var(--rotating-deg)),
        var(--background-primary-color) calc(270deg + var(--rotating-deg)),
        var(--background-secondary-color) calc(270deg + var(--rotating-deg)),
        var(--background-secondary-color) calc(288deg + var(--rotating-deg)),
        var(--background-primary-color) calc(288deg + var(--rotating-deg)),
        var(--background-primary-color) calc(306deg + var(--rotating-deg)),
        var(--background-secondary-color) calc(306deg + var(--rotating-deg)),
        var(--background-secondary-color) calc(324deg + var(--rotating-deg)),
        var(--background-primary-color) calc(324deg + var(--rotating-deg)),
        var(--background-primary-color) calc(342deg + var(--rotating-deg)),
        var(--background-secondary-color) calc(342deg + var(--rotating-deg)),
        var(--background-secondary-color) calc(360deg + var(--rotating-deg))
      );
  }
  #multibrandMainContainer
    .multibrandBackgroundContainer
    .patternBackground.patternRadialAnimated {
    animation: 20s linear 0s infinite normal none running
      rotatingBackgroundConical;
  }
  @keyframes rotatingBackgroundConical {
    0% {
      --rotating-deg: 0deg;
    }
    100% {
      --rotating-deg: 360deg;
    }
  }
  #multibrandMainContainer
    .multibrandBackgroundContainer
    .patternBackground.patternLines,
  #multibrandMainContainer
    .multibrandBackgroundContainer
    .patternBackground.patternLinesAnimated {
    background-image: repeating-linear-gradient(
      -45deg,
      var(--background-primary-color) calc(0px - var(--moving-px))
        calc(50px - var(--moving-px)),
      var(--background-secondary-color) calc(50px - var(--moving-px))
        calc(100px - var(--moving-px))
    );
  }
  #multibrandMainContainer
    .multibrandBackgroundContainer
    .patternBackground.patternLinesAnimated {
    animation: 40s linear 0s infinite alternate none running movingLinesAnim;
  }
  @keyframes movingLinesAnim {
    0% {
      --moving-px: 0px;
    }
    100% {
      --moving-px: 1000px;
    }
  }
  #multibrandMainContainer
    .multibrandBackgroundContainer
    .patternBackground.patternZigzag::before {
    content: '';
    position: absolute;
    background-color: rgba(83, 83, 83, 0.514);
    top: 50%;
    left: 50%;
    box-shadow:
      var(--moving-px) var(--moving-px) 10px 0 rgba(83, 83, 83, 0.512),
      calc(var(--moving-px) * -1) var(--moving-px) 10px 0
        rgba(83, 83, 83, 0.512),
      var(--moving-px) calc(var(--moving-px) * -1) 10px 0
        rgba(83, 83, 83, 0.512),
      calc(var(--moving-px) * -1) calc(var(--moving-px) * -1) 10px 0
        rgba(83, 83, 83, 0.512);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    animation:
      1s linear 0s infinite alternate none running rotatingBackgroundConical,
      1s linear 0s infinite alternate none running movingZigzagAnim;
  }
  #multibrandMainContainer
    .multibrandBackgroundContainer
    .patternBackground.patternZigzag::after {
    content: '';
    position: absolute;
    background-color: red;
    width: 50px;
    height: 50px;
    border-radius: 50%;
  }
  @keyframes rotatingBackgroundConical {
    0% {
      --rotating-deg: 0deg;
    }
    100% {
      --rotating-deg: 360deg;
    }
  }
  @keyframes movingZigzagAnim {
    0% {
      --moving-px: 0px;
    }
    100% {
      --moving-px: 100px;
    }
  }
  #multibrandMainContainer .multibrandBackgroundContainer .patternBackground {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0px;
  }
  #multibrandMainContainer .multibrandBackgroundContainer .imageBackground {
    position: absolute;
    inset: 0px;
    width: 100%;
    height: 100%;
    background-image: var(--desktop-background-image);
    background-size: var(--background-size);
    background-repeat: no-repeat;
    background-position: center center;
  }
  @media (max-width: 768px) {
    #multibrandMainContainer .multibrandBackgroundContainer .imageBackground {
      background-image: var(--mobile-background-image);
    }
  }
  #multibrandMainContainer .multibrandBackgroundContainer .effectBackground {
    position: absolute;
    inset: 0px;
    width: 100%;
    height: 100%;
    opacity: var(--background-opacity);
  }
  #multibrandMainContainer
    .multibrandBackgroundContainer
    .effectBackground.effectOverlayColor {
    background-color: rgba(255, 0, 0, 0.54);
  }
  #multibrandMainContainer
    .multibrandBackgroundContainer
    .effectBackground.effectSmoke {
    background-image: var(--background-texture);
    background-size: cover;
    animation: 360s ease-in-out 0s infinite normal none running smokeAnimation;
  }
  @keyframes smokeAnimation {
    0% {
      background-position: 50% 50%;
    }
    12.5% {
      background-position: 100% 0px;
    }
    25% {
      background-position: 50% 50%;
    }
    37.5% {
      background-position: 100% 100%;
    }
    50% {
      background-position: 50% 50%;
    }
    62.5% {
      background-position: 0px 100%;
    }
    75% {
      background-position: 50% 50%;
    }
    87.5% {
      background-position: 0px 0px;
    }
    100% {
      background-position: 50% 50%;
    }
  }
  #multibrandMainContainer .multibrandBackgroundContainer {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: calc(100vh - var(--site-navbar-height-desktop));
    min-height: 100%;
    z-index: -99;
    background-color: var(--background-primary-color);
    background-image: var(--background-image);
    background-size: cover;
    background-repeat: no-repeat;
  }
  @media (max-width: 768px) {
    #multibrandMainContainer .multibrandBackgroundContainer {
      height: calc(100vh - var(--site-navbar-height-mobile));
      margin-top: var(--site-navbar-height-mobile);
    }
  }
  #multibrandMainContainer .contentArea__topContent {
    width: 100%;
    flex-shrink: 0;
    height: 100%;
    max-height: 60%;
    overflow-y: auto;
  }
  #multibrandMainContainer .contentArea__topContent * {
    font-family: var(--font-family);
  }
  #multibrandMainContainer .contentArea__topContent .topContent__logo {
    max-width: 350px;
    height: 40%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    margin: auto auto 15px;
  }
  #multibrandMainContainer
    .contentArea__topContent
    .topContent__gameDescription {
    margin: auto auto 20px;
    width: 90%;
    text-align: center;
    line-height: 1.3;
    font-size: calc(
      clamp(10px, 0.7vw + 0.7vh + 1vmin, 20px) * var(--desciption-text-size)
    );
    color: var(--text-color);
    overflow-wrap: break-word;
    font-family: var(--font-family);
  }
  #multibrandMainContainer
    .contentArea__topContent
    .topContent__gameDescription
    .highlightText {
    color: var(--highlight-text-color);
  }
  #multibrandMainContainer
    .contentArea__topContent
    .topContent__gameDescription
    .shadowText {
    text-shadow: 0 0 5px var(--text-shadow-color);
  }
  #multibrandMainContainer
    .contentArea__topContent
    .topContent__gameDescription
    span {
    display: block;
    font-family: var(--font-family);
    margin: 0px;
  }
  @media (max-height: 900px) {
    #multibrandMainContainer
      .contentArea__topContent
      .topContent__gameDescription {
      font-size: calc(
        clamp(10px, 0.5vw + 0.5vh + 1vmin, 15px) * var(--desciption-text-size)
      );
    }
  }
  #multibrandMainContainer .contentArea__topContent.mobileContent {
    display: none;
    flex-direction: column;
    height: 100%;
  }
  #multibrandMainContainer
    .contentArea__topContent.mobileContent
    .topContent__logo {
    background-image: var(--logo-image-mobile);
    max-width: 70%;
    width: 100%;
    height: 150px;
  }
  @media (max-width: 768px) {
    #multibrandMainContainer .contentArea__topContent.mobileContent {
      display: flex;
    }
  }
  #multibrandMainContainer .contentAreaWrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    height: 100%;
  }
  #multibrandMainContainer
    .contentAreaWrapper
    .contentArea__topContent.desktopContent
    .topContent__logo {
    width: var(--logo-width);
    height: var(--logo-height);
    background-image: var(--logo-image-desktop);
  }
  @media (max-width: 768px) {
    #multibrandMainContainer
      .contentAreaWrapper
      .contentArea__topContent.desktopContent {
      display: none;
    }
  }
  #multibrandMainContainer .contentAreaWrapper .contentArea__bottomContent {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    max-height: 100%;
    max-width: 90%;
    overflow-y: hidden;
  }
  @media (max-width: 768px) {
    #multibrandMainContainer .contentAreaWrapper .contentArea__bottomContent {
      padding-bottom: 150px;
    }
  }
  #multibrandMainContainer
    .contentAreaWrapper
    .contentArea__bottomContent
    #optionalCtaButton {
    padding: 10px 20px;
    min-width: 200px;
    max-width: 90%;
    margin-top: 15px;
    overflow-wrap: break-word;
    background-color: var(--highlight-text-color);
    color: var(--text-color);
    outline: none;
    border: none;
    border-radius: 5px;
    cursor: pointer;
  }
  #multibrandMainContainer
    .contentAreaWrapper
    .contentArea__bottomContent
    #optionalCtaButton:empty {
    display: none;
  }
  #multibrandMainContainer
    .contentAreaWrapper
    .contentArea__bottomContent
    .termsOverflowWrapper {
    display: flex;
    justify-content: center;
    margin-top: auto;
    padding-right: 10px;
    overflow-y: auto;
  }
  #multibrandMainContainer
    .contentAreaWrapper
    .contentArea__bottomContent
    .termsOverflowWrapper::-webkit-scrollbar-track {
    background: color-mix(
      in srgb,
      var(--highlight-text-color),
      transparent 50%
    ) !important;
  }
  #multibrandMainContainer
    .contentAreaWrapper
    .contentArea__bottomContent
    .termsOverflowWrapper::-webkit-scrollbar-thumb {
    background: var(--highlight-text-color) !important;
  }
  #multibrandMainContainer
    .contentAreaWrapper
    .contentArea__bottomContent
    .termsOverflowWrapper
    .bottomContent__termsAndConditions {
    font-size: calc(
      clamp(0.9rem, 0.8vw + 0.8vh + 0.8vmin, 1.1rem) * var(--terms-text-size)
    );
    color: var(--text-color);
    margin-top: auto;
    padding: clamp(10px, 2vmin, 50px) 0px;
  }
  #multibrandMainContainer
    .contentAreaWrapper
    .contentArea__bottomContent
    .termsOverflowWrapper
    .bottomContent__termsAndConditions
    ul {
    margin-left: 20px;
    list-style: none !important;
    padding-left: 0px !important;
  }
  #multibrandMainContainer
    .contentAreaWrapper
    .contentArea__bottomContent
    .termsOverflowWrapper
    .bottomContent__termsAndConditions
    ul
    li {
    font-size: calc(
      clamp(0.8rem, 0.7vw + 0.7vh + 0.7vmin, 1rem) * var(--terms-text-size)
    );
  }
  #multibrandMainContainer
    .contentAreaWrapper
    .contentArea__bottomContent
    .termsOverflowWrapper
    .bottomContent__termsAndConditions
    ul
    li::before {
    content: '•';
    color: var(--highlight-text-color);
    font-weight: bold;
    display: inline-block;
    width: 0.8em;
    margin-left: -1em;
  }
  #multibrandMainContainer
    .contentAreaWrapper
    .contentArea__bottomContent
    .termsOverflowWrapper
    .bottomContent__termsAndConditions
    .highlightText {
    color: var(--highlight-text-color);
  }
  #multibrandMainContainer
    .contentAreaWrapper
    .contentArea__bottomContent
    .termsOverflowWrapper
    .bottomContent__termsAndConditions
    .shadowText {
    text-shadow: 0 0 5px var(--text-shadow-color);
  }
  #multibrandMainContainer
    .contentAreaWrapper
    .contentArea__bottomContent
    .termsOverflowWrapper
    .bottomContent__termsAndConditions
    span {
    display: block;
  }
  @media (max-width: 768px) {
    #multibrandMainContainer
      .contentAreaWrapper
      .contentArea__bottomContent
      .termsOverflowWrapper
      .bottomContent__termsAndConditions {
      margin-top: 0px;
      margin-left: auto;
      margin-right: auto;
    }
  }
  #multibrandMainContainer .gameContainer {
    width: var(--game-area-size);
    height: var(--game-area-size);
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 20px;
    overflow: hidden;
    display: none !important;
  }
  #multibrandMainContainer .gameContainer * {
    font-family: var(--font-family);
  }
  #multibrandMainContainer .gameContainer.currentGame {
    display: flex !important;
  }
  #multibrandMainContainer .popUpContainer {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0);
    z-index: 8;
    transition: 0.4s 0.2s;
    pointer-events: none;
    padding: 10px;
  }
  #multibrandMainContainer .popUpContainer ::-webkit-scrollbar-track {
    background: rgba(128, 128, 128, 0.5) !important;
  }
  #multibrandMainContainer .popUpContainer ::-webkit-scrollbar-thumb {
    background: var(--popup-text) !important;
  }
  #multibrandMainContainer .popUpContainer .popUpBox {
    max-width: 600px;
    width: 100%;
    background-color: var(--popup-background);
    position: relative;
    top: -60%;
    left: 50%;
    translate: -50% -50%;
    padding: clamp(15px, 6vw, 40px) clamp(15px, 3.5vw, 40px);
    transition: 0.3s;
    max-height: 70%;
    overflow-y: auto;
    overscroll-behavior: contain;
    border-radius: var(--popup-border-radius);
  }
  @media only screen and (max-width: 650px) and (pointer: coarse) {
    #multibrandMainContainer .popUpContainer .popUpBox {
      padding-bottom: 25px;
    }
  }
  #multibrandMainContainer .popUpContainer .popUpBox * {
    font-family: var(--font-family);
  }
  #multibrandMainContainer .popUpContainer .popUpBox.hasScrollActive {
    border-radius: var(--popup-border-radius) 0 0 var(--popup-border-radius);
  }
  #multibrandMainContainer .popUpContainer .popUpBox.hasScroll::after {
    content: '';
    position: fixed;
    bottom: 20px;
    right: 30px;
    width: 0px;
    height: 0px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 20px solid rgb(255, 200, 49);
    animation: 1s ease-in-out 0s infinite normal none running bounceDown;
  }
  @keyframes bounceDown {
    0% {
      transform: translateY(0px);
    }
    50% {
      transform: translateY(-10px);
    }
    100% {
      transform: translateY(0px);
    }
  }
  #multibrandMainContainer .popUpContainer .popUpBox .popUpContent {
    color: var(--popup-text);
    display: flex;
    flex-direction: column;
  }
  #multibrandMainContainer .popUpContainer .popUpBox .popUpContent h2 {
    color: var(--highlight-slice-color);
    text-align: center;
    font-weight: 300;
    font-size: calc(
      clamp(1.5rem, 1.1vw + 1.1vh + 1.1vmin, 2.5rem) * var(--popup-text-size)
    );
    line-height: 1.2;
    margin-bottom: 20px;
  }
  #multibrandMainContainer .popUpContainer .popUpBox .popUpContent h2:empty {
    display: none;
  }
  #multibrandMainContainer .popUpContainer .popUpBox .popUpContent hr {
    color: var(--highlight-slice-color);
    height: 2px;
    background: var(--highlight-slice-color);
    outline: none;
    border: none;
  }
  #multibrandMainContainer
    .popUpContainer
    .popUpBox
    .popUpContent
    .popUpContentText {
    text-align: center;
    font-size: calc(
      clamp(0.8rem, 1.1vw + 1.1vh + 1.1vmin, 1rem) * var(--popup-text-size)
    );
    line-height: 1.3;
    font-weight: 300;
  }
  #multibrandMainContainer
    .popUpContainer
    .popUpBox
    .popUpContent
    .popUpContentText
    .highlightText {
    color: var(--highlight-text-color);
  }
  #multibrandMainContainer
    .popUpContainer
    .popUpBox
    .popUpContent
    .popUpContentText
    .shadowText {
    text-shadow: 0 0 5px var(--text-shadow-color);
  }
  #multibrandMainContainer
    .popUpContainer
    .popUpBox
    .popUpContent
    .popUpContentText
    span {
    display: inline-block;
  }
  #multibrandMainContainer .popUpContainer .popUpBox .popUpContent ul {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 80%;
    margin: auto;
    font-size: calc(
      clamp(0.9rem, 1.1vw + 1.1vh + 1.1vmin, 1.1rem) * var(--popup-text-size)
    );
    font-weight: 300;
    width: 100%;
  }
  #multibrandMainContainer .popUpContainer .popUpBox .popUpContent ul li {
    margin-left: 20px !important;
  }
  #multibrandMainContainer
    .popUpContainer
    .popUpBox
    .popUpContent
    ul
    .highlight {
    color: var(--highlight-color);
    font-weight: bold;
  }
  #multibrandMainContainer .popUpContainer .popUpBox .popUpContent .popupBtn {
    font-size: calc(
      clamp(1rem, 1.1vw + 1.1vh + 1.1vmin, 1.5rem) * var(--popup-text-size)
    );
    font-weight: bold;
    background-color: var(--popup-btn-color);
    color: var(--popup-btn-text-color);
    padding: 10px 20px;
    border-radius: var(--popup-button-border-radius);
    outline: none;
    border: none;
    margin: 40px auto auto;
    width: 250px;
    text-align: center;
    max-width: 100%;
    cursor: pointer;
    transition: 0.2s;
    user-select: none;
  }
  #multibrandMainContainer
    .popUpContainer
    .popUpBox
    .popUpContent
    .popupBtn:hover {
    translate: 0px -5px;
    box-shadow: black 0px 2px 5px;
  }
  #multibrandMainContainer
    .popUpContainer
    .popUpBox
    .popUpContent
    .popupBtn:active {
    translate: 0px;
    box-shadow: black 0px 2px 5px;
  }
  #multibrandMainContainer .popUpContainer.active {
    background: rgba(0, 0, 0, 0.8);
    pointer-events: all;
    transition: 0.2s;
  }
  #multibrandMainContainer .popUpContainer.active .popUpBox {
    top: calc(50% + var(--site-navbar-height-desktop) / 2);
    transition: 0.2s 0.2s;
  }
  @media (max-width: 768px) {
    #multibrandMainContainer .popUpContainer.active .popUpBox {
      top: calc(50% - var(--site-navbar-height-mobile) / 2);
    }
  }
  #multibrandMainContainer .loadingScreen {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    transition: opacity 0.4s 0.2s;
    pointer-events: none;
    opacity: 0;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0px;
    left: 0px;
    background-image: linear-gradient(
      var(--loading-background-primary-color),
      var(--loading-background-secondary-color)
    );
    z-index: 9;
    overflow: hidden;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  #multibrandMainContainer .loadingScreen.loadingActive {
    pointer-events: all;
    opacity: 1;
  }
  #multibrandMainContainer .loadingScreen.loadingActive .loadingContent {
    translate: 0px !important;
  }
  #multibrandMainContainer .loadingScreen::after {
    content: '';
    position: absolute;
    inset: 0px;
    background-image: var(--loading-background-image);
    background-position: center center;
    background-size: var(--loading-background-size);
    background-repeat: no-repeat;
    z-index: -1;
  }
  #multibrandMainContainer .loadingScreen .loadingContent {
    width: 95%;
    max-width: 600px;
    height: 100%;
    max-height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    transition: 1s;
    translate: 0px calc(100% + 100vh);
  }
  #multibrandMainContainer .loadingScreen .loadingContent .loadingImg {
    height: var(--loading-logo-image-height);
    aspect-ratio: 1 / 1;
    background-image: var(--loading-logo-image);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
  }
  #multibrandMainContainer .loadingScreen .loadingContent .loadingCustomText {
    text-align: center;
    font-size: calc(
      clamp(1rem, 1vw + 1vh + 1vmin, 1.5rem) * var(--terms-text-size)
    );
    max-width: 100%;
    color: var(--loading-primary-color);
    font-family: var(--font-family);
  }
  #multibrandMainContainer
    .loadingScreen
    .loadingContent
    .loadingCustomText
    span {
    color: var(--loading-secondary-color);
    font-family: var(--font-family);
  }
  #multibrandMainContainer
    .loadingScreen
    .loadingContent
    .loadingCustomText:empty {
    display: none;
  }
  #multibrandMainContainer
    .loadingScreen
    .loadingContent
    .loadingProp.loadingNone {
    display: none;
  }
  #multibrandMainContainer
    .loadingScreen
    .loadingContent
    .loadingProp.loadingBar {
    width: 100%;
    height: 10px;
    background-color: var(--loading-secondary-color);
    position: relative;
    transition: 0.1s;
  }
  #multibrandMainContainer
    .loadingScreen
    .loadingContent
    .loadingProp.loadingBar::after {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: var(--loading-progress);
    height: 100%;
    background-color: var(--loading-primary-color);
    transition: width 2s linear;
  }
  #multibrandMainContainer
    .loadingScreen
    .loadingContent
    .loadingProp.loadingCircle {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: conic-gradient(
      transparent 0deg 20deg,
      var(--loading-primary-color) 160deg 180deg,
      transparent 180deg 200deg,
      var(--loading-secondary-color) 340deg 360deg
    );
    position: relative;
    animation: 5s linear 0s infinite normal none running rotatingLoading;
  }
  #multibrandMainContainer
    .loadingScreen
    .loadingContent
    .loadingProp.loadingCircle::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    background-image: linear-gradient(
      var(--loading-background-primary-color),
      var(--loading-background-secondary-color)
    );
    background-size: 100vw 100vh;
    background-position: center center;
    animation: 5s linear 0s infinite reverse none running rotatingLoading;
  }
  @keyframes rotatingLoading {
    0% {
      rotate: 0deg;
    }
    100% {
      rotate: 360deg;
    }
  }
  #multibrandMainContainer
    .loadingScreen
    .loadingContent
    .loadingProp.loadingPercentage {
    position: relative;
    text-align: center;
    color: var(--loading-primary-color);
  }
  #multibrandMainContainer
    .loadingScreen
    .loadingContent
    .loadingProp.loadingPercentage::after {
    content: var(--loading-progress-text);
    font-size: 3rem;
  }
  #multibrandMainContainer
    .loadingScreen
    .loadingContent
    .loadingProp.loadingText {
    position: relative;
    font-size: 2rem;
    color: var(--loading-primary-color);
  }
  #multibrandMainContainer
    .loadingScreen
    .loadingContent
    .loadingProp.loadingText::before {
    content: 'Loading';
    font-family: var(--font-family);
  }
  #multibrandMainContainer
    .loadingScreen
    .loadingContent
    .loadingProp.loadingText::after {
    content: '...';
    display: inline-block;
    animation: 3s steps(4) 0s infinite normal none running loadingDots;
    overflow: hidden;
    margin-bottom: -7px;
    font-family: arial, sans-serif;
  }
  @keyframes loadingDots {
    0% {
      width: 0px;
      margin-right: 2ch;
    }
    100% {
      width: 2ch;
      margin-right: 0ch;
    }
  }
  #multibrandMainContainer .schudleMessage {
    position: absolute;
    z-index: 10;
    width: 100%;
    background-color: rgb(255, 145, 0);
    top: 0px;
    left: 0px;
    padding: 10px;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s 15s;
    translate: 0% -100%;
    opacity: 0;
  }
  #multibrandMainContainer .schudleMessage.active {
    transition: none;
    translate: 0% 0%;
    opacity: 1;
  }
  @media (max-width: 768px) {
    #multibrandMainContainer .schudleMessage.active {
      translate: 0% 50%;
    }
  }
  #multibrandMainContainer #productMuteButton {
    position: absolute;
    cursor: pointer;
    outline: none;
    border: none;
    z-index: 99;
    top: 20px;
    right: 20px;
    padding: 5px;
    display: flex;
    width: var(--mute-button-size);
    aspect-ratio: 1 / 1;
    border-radius: var(--mute-button-border-radius);
    background-color: var(--mute-button-primary-color);
    fill: var(--mute-button-seconday-color);
  }
  #multibrandMainContainer #productMuteButton.hideMuteButton {
    display: none !important;
  }
  #multibrandMainContainer #productMuteButton:hover {
    filter: brightness(1.1);
    box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 15px 0px;
  }
  #multibrandMainContainer #productMuteButton:active {
    filter: brightness(0.9);
    box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px 0px;
  }
  #multibrandMainContainer {
    height: calc(100vh - var(--site-navbar-height-desktop));
    width: 100%;
    padding: clamp(5px, 1vh + 1vmin + 1vw, 40px);
    overflow: hidden auto;
    position: relative;
  }
  #multibrandMainContainer ::-webkit-scrollbar {
    width: 12px;
    height: 12px;
    z-index: 200;
  }
  #multibrandMainContainer ::-webkit-scrollbar-track {
    background: var(--background-primary-color);
    z-index: 200;
  }
  #multibrandMainContainer ::-webkit-scrollbar-thumb {
    background: var(--background-secondary-color);
    z-index: 200;
  }
  #multibrandMainContainer .multibrand-Wrapper {
    width: 100%;
    height: 100%;
    max-width: 1374px;
    margin: auto;
    display: flex;
    align-items: flex-end;
    gap: clamp(2px, 0.2vh + 0.2vmin + 0.2vw, 12px);
    position: relative;
  }
  #multibrandMainContainer .multibrand-Wrapper .gameArea {
    width: 60%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
  }
  #multibrandMainContainer
    .multibrand-Wrapper
    .gameArea
    .gameArea__hortizontalWrapper {
    width: 100%;
    max-width: 900px;
    max-height: 100%;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
  }
  #multibrandMainContainer
    .multibrand-Wrapper
    .gameArea
    .gameArea__hortizontalWrapper
    .gameArea__verticalWrapper {
    height: 100%;
    aspect-ratio: 1 / 1;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #multibrandMainContainer .multibrand-Wrapper .contentAreaWrapper {
    width: 40%;
  }
  @media (max-width: 768px) {
    #multibrandMainContainer {
      height: auto;
      margin-top: var(--site-navbar-height-mobile);
    }
    #multibrandMainContainer .multibrand-Wrapper {
      flex-direction: column;
      padding-top: 20px;
      max-height: calc(100vh - var(--site-navbar-height-mobile) * 2);
    }
    #multibrandMainContainer .multibrand-Wrapper .gameArea {
      width: 80%;
      margin: auto;
      min-height: 50vmax;
    }
    #multibrandMainContainer
      .multibrand-Wrapper
      .gameArea
      .gameArea__hortizontalWrapper {
      max-width: 600px;
    }
    #multibrandMainContainer .multibrand-Wrapper .contentAreaWrapper {
      width: 100%;
    }
  }
  @media (max-width: 480px) {
    #multibrandMainContainer .multibrand-Wrapper {
      height: auto;
    }
    #multibrandMainContainer .multibrand-Wrapper .gameArea {
      width: 95%;
    }
  }
  #multibrandMainContainer.hasScroll::after {
    content: '';
    position: fixed;
    bottom: 20px;
    right: 30px;
    width: 0px;
    height: 0px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 20px solid rgba(255, 255, 255, 0.75);
    animation: 1s ease-in-out 0s infinite normal none running bounceDown;
  }
  @keyframes bounceDown {
    0% {
      transform: translateY(0px);
    }
    50% {
      transform: translateY(-11px);
    }
    100% {
      transform: translateY(0px);
    }
  }
  .marketing-page-image {
    display: none !important;
  }
  .navbar-wrapper,
  .navbar-fixed-bottom {
    z-index: 11 !important;
  }
  .closestParentElement {
    bottom: inherit !important;
  }
  .closestParentElement .modal-header {
    display: none !important;
  }
  .closestParentElement .modal-content {
    background: none !important;
    max-width: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
    border-radius: 0 !important;
  }
  .closestParentElement .modal-body {
    margin: 0 !important;
    padding: 0 !important;
    @media screen and (max-width: 768px) {
      padding-bottom: 100px !important;
    }
  }
  .closestParentElement .max-container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
  }
  @media (max-width: 768px) {
    .closestParentElement {
      overflow-y: auto !important;
    }
  }
  :root {
    --site-navbar-height-desktop: 64px;
    --site-navbar-height-mobile: 115px;
  }
  #multibrandMainContainer {
    margin-top: 0px !important;
  }
  #multibrandMainContainer .multibrand-Wrapper {
    max-height: 100% !important;
  }
</style>
<div
  id="multibrandMainContainer"
  style="
    --desktop-background-image: url(/cms/BDG/ZeG3fMITSpKtbVuhKuoQ/CPE_Background.jpg);
    --mobile-background-image: url(/cms/BDG/aqAYKpPtTya2EEhAYklx1g/CPE_Background_mobile.jpg);
    --background-primary-color: #131925;
    --background-secondary-color: #27231b;
    --background-size: 100;
    --background-texture: url();
    --background-opacity: 0;
    --game-area-size: 85%;
    --game-primary-color: #e37d30;
    --game-secondary-color: #6d3f26;
    --game-text-color: #e37d30;
    --game-extra-color: #131a25;
    --game-text-size: 1;
    --prize-text-size: 0.8;
    --game-prize-primary: #141a25;
    --game-prize-primary-text: #ffffff;
    --game-prize-secondary: #e37d30;
    --game-prize-secondary-text: #ffffff;
    --game-prize-highlight: #f2b05c;
    --game-prize-highlight-text: #ffffff;
    --game-prize-winner: #b21a02;
    --game-prize-winner-text: #ffffff;
    --logo-image-desktop: url(/cms/BDG/VYCZXyTQUCNcnEbninAAQ/Logo.png);
    --logo-image-mobile: url(/cms/BDG/CeCc0d3nQVCWMyxN7JQMwQ/Logo_mobile.png);
    --logo-width: 40%;
    --logo-height: 40%;
    --desciption-text-size: 2.3;
    --terms-text-size: 0.7;
    --text-color: #ffffff;
    --highlight-text-color: #e37d31;
    --text-shadow-color: #000000;
    --popup-background: #141a25;
    --popup-border-radius: 30px;
    --popup-text: #f2f2f2;
    --popup-text-size: 1;
    --popup-btn-color: #e37d30;
    --popup-btn-text-color: #f2f2f2;
    --popup-button-border-radius: 30px;
    --loading-background-primary-color: #e37d30;
    --loading-background-secondary-color: #9e0000;
    --loading-background-image: url();
    --loading-background-size: cover;
    --loading-logo-image: url(/cms/BDG/VYCZXyTQUCNcnEbninAAQ/Logo.png);
    --loading-logo-image-height: 180px;
    --loading-primary-color: #ffffff;
    --loading-secondary-color: #141a26;
    --mute-button-size: 30px;
    --mute-button-primary-color: #ffffff;
    --mute-button-seconday-color: #000000;
    --mute-button-border-radius: 30px;
    --font-family: Saira Condensed, sans-serif;
  "
>
  <div class="schudleMessage">Notification Message</div>
  <div id="audioplay">
    <audio
      id="cpeBackgroundAudio"
      src=""
      preload="auto"
      autobuffer=""
      loop=""
    ></audio
    ><audio
      id="cpeGameAudio"
      src=""
      preload="auto"
      autobuffer=""
      loop=""
    ></audio
    ><audio id="cpeWinnerAudio" src="" preload="auto" autobuffer=""></audio>
  </div>
  <button id="productMuteButton" class="hideMuteButton">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960">
      <path
        d="M560-131v-82q90-26 145-100t55-168q0-94-55-168T560-749v-82q124 28 202 125.5T840-481q0 127-78 224.5T560-131ZM120-360v-240h160l200-200v640L280-360H120Zm440 40v-322q47 22 73.5 66t26.5 96q0 51-26.5 94.5T560-320Z"
      ></path>
    </svg>
  </button>
  <div class="multibrandBackgroundContainer">
    <div class="patternBackground patternFade"></div>
    <div class="imageBackground"></div>
    <div class="effectBackground none"></div>
  </div>
  <div class="multibrand-Wrapper">
    <div class="contentArea contentArea__topContent mobileContent">
      <div class="topContent__logo"></div>
      <div class="topContent__gameDescription">
        <span style="text-align: left; text-transform: uppercase"
          ><strong>Turn up the heat on your next Casino move.</strong></span
        ><br /><span
          style="text-align: left; text-transform: uppercase; color: #e37d30"
          ><strong>All set to spin the wheel!</strong><br
        /></span>
      </div>
    </div>
    <div class="gameArea">
      <div class="gameArea__hortizontalWrapper">
        <div class="gameArea__verticalWrapper">
          <div class="gameContainer prize_wheelContainer currentGame">
            <div class="prizeWheel" style="transform: rotate(0deg)">
              <div
                class="prizeWheelSlice highlightSlice"
                style="transform: rotate(-20deg) skewY(130deg)"
              ></div>
              <div class="prizeTextContainer" style="transform: rotate(90deg)">
                <div class="prizeText highlightPrize">SEM PRÊMIO</div>
              </div>
              <div
                class="prizeWheelSlice evenPrize"
                style="transform: rotate(20deg) skewY(130deg)"
              ></div>
              <div class="prizeTextContainer" style="transform: rotate(130deg)">
                <div class="prizeText evenPrize">74.000 COINS</div>
              </div>
              <div
                class="prizeWheelSlice"
                style="transform: rotate(60deg) skewY(130deg)"
              ></div>
              <div class="prizeTextContainer" style="transform: rotate(170deg)">
                <div class="prizeText">740 COINS</div>
              </div>
              <div
                class="prizeWheelSlice evenPrize"
                style="transform: rotate(100deg) skewY(130deg)"
              ></div>
              <div class="prizeTextContainer" style="transform: rotate(210deg)">
                <div class="prizeText evenPrize">3.700 COINS</div>
              </div>
              <div
                class="prizeWheelSlice"
                style="transform: rotate(140deg) skewY(130deg)"
              ></div>
              <div class="prizeTextContainer" style="transform: rotate(250deg)">
                <div class="prizeText">R$ 25</div>
              </div>
              <div
                class="prizeWheelSlice evenPrize"
                style="transform: rotate(180deg) skewY(130deg)"
              ></div>
              <div class="prizeTextContainer" style="transform: rotate(290deg)">
                <div class="prizeText evenPrize">R$ 100</div>
              </div>
              <div
                class="prizeWheelSlice"
                style="transform: rotate(220deg) skewY(130deg)"
              ></div>
              <div class="prizeTextContainer" style="transform: rotate(330deg)">
                <div class="prizeText">R$ 500</div>
              </div>
              <div
                class="prizeWheelSlice evenPrize"
                style="transform: rotate(260deg) skewY(130deg)"
              ></div>
              <div class="prizeTextContainer" style="transform: rotate(370deg)">
                <div class="prizeText evenPrize">R$ 5.000</div>
              </div>
              <div
                class="prizeWheelSlice"
                style="transform: rotate(300deg) skewY(130deg)"
              ></div>
              <div class="prizeTextContainer" style="transform: rotate(410deg)">
                <div class="prizeText">222 COINS</div>
              </div>
            </div>
            <div class="spinButton"><div class="spinButtonText">SPIN</div></div>
            <div class="arrowPoint"></div>
          </div>
        </div>
      </div>
    </div>
    <div class="contentAreaWrapper">
      <div class="contentArea contentArea__topContent desktopContent">
        <div class="topContent__logo"></div>
        <div class="topContent__gameDescription">
          <span style="text-align: left; text-transform: uppercase"
            ><strong>Turn up the heat on your next Casino move.</strong></span
          ><br /><span
            style="text-align: left; text-transform: uppercase; color: #e37d30"
            ><strong>All set to spin the wheel!</strong><br
          /></span>
        </div>
      </div>
      <div class="contentArea contentArea__bottomContent">
        <div class="termsOverflowWrapper">
          <div class="bottomContent__termsAndConditions">
            <h4>Terms and Conditions:</h4>
            <ul>
              <br />
              <li>
                Access Prize Wheel by making a minimum of USD 50 in all your
                deposits for the day.
              </li>
              <li>
                You will have the opportunity to spin once a day, for 5 days.
              </li>
              <li>
                Spins are not cumulative; you will have a maximum of 5 days of
                spins available.
              </li>
              <li>
                If you win a prize, it will be credited to your account on the
                same day it was won. You will receive a notification in your
                inbox.
              </li>
              <li>
                Learn more about the terms and conditions of the Prize Wheel by
                clicking "See more".
              </li>
            </ul>
          </div>
        </div>
        <button id="optionalCtaButton">SEE MORE</button>
      </div>
    </div>
  </div>
  <div class="popUpContainer active">
    <div class="popUpBox">
      <div class="popUpContent">
        <div class="contentText">
          <h2 class="popUpTitle">YOU CAN PLAY NOW!</h2>
          <div class="popUpContentText">
            YOU MEET ALL THE REQUIREMENTS TO SPIN THE WHEEL RIGHT NOW.
          </div>
        </div>
        <div class="popupBtn">PLAY</div>
      </div>
    </div>
  </div>
  <div class="loadingScreen patternRadial patternAnimated loadingActive">
    <div class="loadingContent">
      <div class="loadingImg"></div>
      <div class="loadingProp loadingBar"></div>
      <div class="loadingCustomText">Loading</div>
    </div>
  </div>
</div>
<style
  onload="
    async function apiRequest(endpoint, method, body) {
      let responseData;
      var requestOptions = { method: method };
      if (body) {
        requestOptions.body = body;
      }
      let placeholderUrl = 'https://api.ignitioncasino.eu/BDG/latam/70/';
      let endpointURL = `${placeholderUrl}${endpoint}`;
      if (endpoint != 'get_remaining_time_to_reset') endpointURL += `/${sid}`;
      await fetch(endpointURL, requestOptions)
        .then((response) => response.json())
        .then((data) => {
          responseData = data;
        })
        .catch((error) => {
          console.log('error', error);
          responseData = 'error';
          addNotification(error, 'red');
        });
      return responseData.data;
    }
    function pauseAllOtherSounds() {
      const audioPlayers = document.querySelectorAll('audio');
      if (audioPlayers.length <= 0) return;
      audioPlayers.forEach((aud) => {
        aud.pause();
      });
    }
    function setupSounds() {
      const backgroundAudioPlayer = document.querySelector(
        '#cpeBackgroundAudio',
      );
      if (sounds?.backgroundMusic?.url && backgroundAudioPlayer) {
        backgroundAudioPlayer.src = sounds.backgroundMusic.url;
        backgroundAudioPlayer.volume = sounds.backgroundMusic.volume / 100;
        if (sounds?.backgroundMusic?.state == 'loop')
          backgroundAudioPlayer.loop = true;
        else backgroundAudioPlayer.loop = false;
      }
      const winnerAudioPlayer = document.querySelector('#cpeWinnerAudio');
      if (sounds?.winningSound?.url && winnerAudioPlayer) {
        winnerAudioPlayer.src = sounds.winningSound.url;
        winnerAudioPlayer.volume = sounds.winningSound.volume / 100;
        if (sounds?.winningSound?.state == 'loop')
          winnerAudioPlayer.loop = true;
        else winnerAudioPlayer.loop = false;
      }
      const gameAudioPlayer = document.querySelector('#cpeGameAudio');
      if (sounds?.gameSound?.url && gameAudioPlayer) {
        gameAudioPlayer.src = sounds.gameSound.url;
        gameAudioPlayer.volume = sounds.gameSound.volume / 100;
        if (sounds?.gameSound?.state == 'loop') gameAudioPlayer.loop = true;
        else gameAudioPlayer.loop = false;
      }
    }
    function playBackgroundMusic() {
      const backgroundAudioPlayer = document.querySelector(
        '#cpeBackgroundAudio',
      );
      if (!backgroundAudioPlayer || !backgroundAudioPlayer.src) return;
      backgroundAudioPlayer.play();
    }
    function playWinnerSound() {
      const winnerAudioPlayer = document.querySelector('#cpeWinnerAudio');
      if (!winnerAudioPlayer || !winnerAudioPlayer.src) return;
      winnerAudioPlayer.play();
    }
    function playGameSound() {
      const gameAudioPlayer = document.querySelector('#cpeGameAudio');
      if (!gameAudioPlayer || !gameAudioPlayer.src) return;
      gameAudioPlayer.play();
    }
    function stopGameSound() {
      const gameAudioPlayer = document.querySelector('#cpeGameAudio');
      if (!gameAudioPlayer || !gameAudioPlayer.src) return;
      gameAudioPlayer.pause();
      gameAudioPlayer.currentTime = 0;
    }
    const SetRootVariable = (varName, varValue) =>
      document
        .querySelector('#multibrandMainContainer')
        .style.setProperty(varName, varValue);
    function cookie_exists(name) {
      var cookies = document.cookie.split('; ');
      for (var cookie of cookies) {
        var [cookie_name, value] = cookie.split('=');
        if (cookie_name === name) {
          return true;
        }
      }
      return false;
    }
    function cookie_value(name) {
      var cookies = document.cookie.split('; ');
      for (var cookie of cookies) {
        var [cookie_name, value] = cookie.split('=');
        if (cookie_name === name) {
          return value;
        }
      }
    }
    var maxParticleCount = 150;
    var particleSpeed = 10;
    var startConfetti = startConfettiInner;
    var stopConfetti = stopConfettiInner;
    var streamingConfetti = false;
    var animationTimer = null;
    var particles = [];
    var waveAngle = 0;
    var rectWidth = 10;
    var rectHeight = 15;
    var cornerRadius = 7;
    function resetParticle(particle, width, height) {
      var colors = [
        variablesJson.misc.confettiFirstColor,
        variablesJson.misc.confettiSecondColor,
        variablesJson.misc.confettiThirdColor,
      ];
      particle.color = colors[(Math.random() * colors.length) | 0];
      particle.x = Math.random() * width;
      particle.y = Math.random() * height - height;
      particle.rotation = Math.random() * 360;
      particle.opacity = 1;
      return particle;
    }
    function startConfettiInner() {
      playWinnerSound();
      var width = window.innerWidth;
      var height = window.innerHeight;
      window.requestAnimFrame = (function () {
        return (
          window.requestAnimationFrame ||
          window.webkitRequestAnimationFrame ||
          window.mozRequestAnimationFrame ||
          window.oRequestAnimationFrame ||
          window.msRequestAnimationFrame ||
          function (callback) {
            return window.setTimeout(callback, 16.6666667);
          }
        );
      })();
      var canvas = document.getElementById('confetti-canvas');
      if (canvas === null) {
        canvas = document.createElement('canvas');
        canvas.setAttribute('id', 'confetti-canvas');
        canvas.setAttribute(
          'style',
          'display:block;z-index:999999;pointer-events:none;position:fixed;top:0;',
        );
        document.body.appendChild(canvas);
        canvas.width = width;
        canvas.height = height;
        window.addEventListener(
          'resize',
          function () {
            canvas.width = window.innerWidth;
            canvas.height = window.innerHeight;
          },
          true,
        );
      }
      var context = canvas.getContext('2d');
      while (particles.length < maxParticleCount)
        particles.push(resetParticle({}, width, height));
      streamingConfetti = true;
      if (animationTimer === null) {
        (function runAnimation() {
          context.clearRect(0, 0, window.innerWidth, window.innerHeight);
          if (particles.length === 0) animationTimer = null;
          else {
            updateParticles();
            drawParticles(context);
            animationTimer = requestAnimFrame(runAnimation);
          }
        })();
      }
    }
    function stopConfettiInner() {
      streamingConfetti = false;
    }
    function drawParticles(context) {
      var particle;
      for (var i = 0; i < particles.length; i++) {
        particle = particles[i];
        context.save();
        context.translate(particle.x, particle.y);
        context.rotate((particle.rotation * Math.PI) / 180);
        context.globalAlpha = particle.opacity;
        context.beginPath();
        context.fillStyle = particle.color;
        context.moveTo(-rectWidth / 2, -rectHeight / 2);
        context.lineTo(rectWidth / 2, -rectHeight / 2);
        context.quadraticCurveTo(
          rectWidth / 2,
          -rectHeight / 2,
          rectWidth / 2,
          -rectHeight / 2 + cornerRadius,
        );
        context.lineTo(rectWidth / 2, rectHeight / 2 - cornerRadius);
        context.quadraticCurveTo(
          rectWidth / 2,
          rectHeight / 2,
          rectWidth / 2 - cornerRadius,
          rectHeight / 2,
        );
        context.lineTo(-rectWidth / 2 + cornerRadius, rectHeight / 2);
        context.quadraticCurveTo(
          -rectWidth / 2,
          rectHeight / 2,
          -rectWidth / 2,
          rectHeight / 2 - cornerRadius,
        );
        context.lineTo(-rectWidth / 2, -rectHeight / 2 + cornerRadius);
        context.quadraticCurveTo(
          -rectWidth / 2,
          -rectHeight / 2,
          -rectWidth / 2 + cornerRadius,
          -rectHeight / 2,
        );
        context.closePath();
        context.fill();
        context.restore();
      }
    }
    function updateParticles() {
      var width = window.innerWidth;
      var height = window.innerHeight;
      var particle;
      waveAngle += 0.01;
      for (var i = 0; i < particles.length; i++) {
        particle = particles[i];
        if (!streamingConfetti && particle.y < -rectHeight)
          particle.y = height + 100;
        else {
          particle.x += Math.sin(waveAngle);
          particle.y += particleSpeed;
          particle.rotation += 1;
          if (particle.y > height / 2) {
            particle.opacity -= 0.02;
          }
        }
        if (particle.opacity <= 0) {
          if (streamingConfetti && particles.length <= maxParticleCount)
            resetParticle(particle, width, height);
          else {
            particles.splice(i, 1);
            i--;
          }
        }
      }
    }
    async function createWinnerRequest() {
      let createEntryData = await apiRequest('create_entry', 'POST');
      if (createEntryData.error) {
        console.log(createEntryData.error);
        addNotification(createEntryData.error, 'red');
        return;
      }
      if (createEntryData.prize_won.front_name_prize == '') {
        addNotification(
          'There was an error, try refreshing the page. Code: 405',
          'red',
        );
        return 'error';
      }
      prizeAttribution(createEntryData.transaction_id);
      return createEntryData;
    }
    let startingInterval = setInterval(checkIfProductLoaded, 100);
    function checkIfProductLoaded() {
      let productContainer = document.querySelector('#multibrandMainContainer');
      if (
        productContainer &&
        !window.parent.location.href.includes('contentmanager')
      ) {
        clearInterval(startingInterval);
        initiateProduct();
      }
    }
    var variablesJson = {};
    var prizes = [];
    var language = 'en';
    var sid = '';
    var extra_entries = 0;
    var sounds = {};
    var eventData = {};
    async function initiateProduct() {
      console.log('MBPW 2.0');
      if (cookie_exists('LANG')) {
        let siteLang = cookie_value('LANG');
        if (siteLang == 'en' || siteLang == 'es' || siteLang == 'pt')
          language = siteLang;
      }
      startLoading();
      loadSiteFixes();
      sid = getSID();
      if (!sid) return;
      let data = await apiRequest('get_last_entry', 'GET');
      if (data.error) {
        console.log(data.error);
        addNotification(data.error, 'red');
        return;
      }
      variablesJson = data.product_config;
      extra_entries = data.extra_entries;
      prizes = data.saved_prizes;
      randomImages = data.random_images;
      sounds = variablesJson.sounds;
      eventData = data.event_data;
      if (sounds) {
        pauseAllOtherSounds();
        setupSounds();
        initMuteButton();
      }
      try {
        loadValuesFromJson();
      } catch (err) {
        console.log('Error loading values from json: ', err);
        addNotification('Invalid JSON file.', 'red');
      }
      checkStatus(data);
      loadProduct();
      initialShowArrow();
    }
    function loadValuesFromJson() {
      let bg = variablesJson.background;
      updateBackgroundPattern(bg);
      updateBackgroundEffect(bg);
      SetRootVariable(
        '--desktop-background-image',
        `url(${bg.desktopBackgroundImage})`,
      );
      SetRootVariable(
        '--mobile-background-image',
        `url(${bg.mobileBackgroundImage})`,
      );
      SetRootVariable('--background-primary-color', bg.primaryColor);
      SetRootVariable('--background-secondary-color', bg.secondaryColor);
      SetRootVariable('--background-size', bg.backgroundSize);
      SetRootVariable('--background-texture', `url(${bg.effectTexture})`);
      SetRootVariable('--background-opacity', bg.effectOpacity);
      let game = variablesJson.game;
      SetRootVariable('--game-area-size', game.gameAreaSize + '%');
      SetRootVariable('--game-primary-color', game.primaryColor);
      SetRootVariable('--game-secondary-color', game.secondaryColor);
      SetRootVariable('--game-text-color', game.textColor);
      SetRootVariable('--game-extra-color', game.extraColor);
      SetRootVariable('--game-text-size', game.gameTextSizeMultiplier);
      SetRootVariable('--prize-text-size', game.prizeTextSizeMultiplier);
      if (game.tilesImage)
        SetRootVariable('--game-tiles-image', `url(${game.tilesImage})`);
      if (game.coinImage)
        SetRootVariable('--cursor-image', `url(${game.coinImage}), auto`);
      SetWinnerPrizeOption(game);
      SetRootVariable('--game-prize-primary', game.prizePrimaryColor);
      SetRootVariable('--game-prize-primary-text', game.prizePrimaryTextColor);
      SetRootVariable('--game-prize-secondary', game.prizeSecondaryColor);
      SetRootVariable(
        '--game-prize-secondary-text',
        game.prizeSecondaryTextColor,
      );
      SetRootVariable('--game-prize-highlight', game.prizeHighlightColor);
      SetRootVariable(
        '--game-prize-highlight-text',
        game.prizeHighlightTextColor,
      );
      SetRootVariable('--game-prize-winner', game.prizeWinnerColor);
      SetRootVariable('--game-prize-winner-text', game.prizeWinnerTextColor);
      let content = variablesJson.content;
      updateContentImage(content);
      updatePromoDesc(content);
      updateTermsAndServices(content);
      updateCta(content);
      SetRootVariable(
        '--logo-image-desktop',
        `url(${content.logoImageDesktop})`,
      );
      SetRootVariable('--logo-image-mobile', `url(${content.logoImageMobile})`);
      SetRootVariable('--logo-width', content.logoWidth + '%');
      SetRootVariable('--logo-height', content.logoHeight + '%');
      SetRootVariable('--desciption-text-size', content.promoDescTextSize);
      SetRootVariable('--terms-text-size', content.termsTextSize);
      SetRootVariable('--text-color', content.textColor);
      SetRootVariable('--highlight-text-color', content.textHighlightColor);
      SetRootVariable('--text-shadow-color', content.textShadowColor);
      let popup = variablesJson.popup;
      SetRootVariable('--popup-background', popup.panelColor);
      SetRootVariable('--popup-border-radius', popup.panelBorderRadius + 'px');
      SetRootVariable('--popup-text', popup.textColor);
      SetRootVariable('--popup-text-size', popup.pupUpTextSize);
      SetRootVariable('--popup-btn-color', popup.buttonColor);
      SetRootVariable('--popup-btn-text-color', popup.buttonTextColor);
      SetRootVariable(
        '--popup-button-border-radius',
        popup.buttonBorderRadius + 'px',
      );
      let loading = variablesJson.loading;
      SetRootVariable('--loading-background-size', loading.backgroundSize);
      SetRootVariable(
        '--loading-background-primary-color',
        loading.backgroundPrimaryColor,
      );
      SetRootVariable(
        '--loading-background-secondary-color',
        loading.backgroundSecondaryColor,
      );
      SetRootVariable(
        '--loading-background-image',
        `url(${loading.backgroundImage})`,
      );
      SetRootVariable('--loading-logo-image', `url(${loading.logoImage})`);
      SetRootVariable(
        '--loading-logo-image-height',
        `${loading.logoImageHeight}px`,
      );
      loadLoadingProp(loading.loadingProp);
      SetRootVariable('--loading-primary-color', loading.loadingPrimaryColor);
      SetRootVariable(
        '--loading-secondary-color',
        loading.loadingSecondaryColor,
      );
      loadingCustomText(loading.customText);
      let misc = variablesJson.misc;
      SetRootVariable('--font-family', misc.fontFamily);
      importFontFromUrl(misc);
      loadCustomCss(misc);
    }
    function importFontFromUrl(misc) {
      let customFontLink;
      customFontLink = document.querySelector('#customFontLink');
      if (!customFontLink) {
        const linkElement = document.createElement('link');
        linkElement.id = 'customFontLink';
        linkElement.rel = 'stylesheet';
        linkElement.type = 'text/css';
        customFontLink = linkElement;
        document.head.appendChild(linkElement);
      }
      customFontLink.href = misc.fontUrl;
    }
    function SetWinnerPrizeOption(game) {
      if (!game.winnerPrizeDisplay) return;
      let prizeAreas = document.querySelectorAll('.prizeArea');
      prizeAreas.forEach((pA) => {
        if (!pA.classList.contains(game.winnerPrizeDisplay)) {
          pA.style.display = 'none';
        } else pA.style.display = '';
      });
    }
    function loadCustomCss(misc) {
      let customStyleSheet = document.createElement('style');
      customStyleSheet.id = 'customStyleSheet';
      customStyleSheet.innerHTML = misc.customCss;
      if (misc.customJs) {
        var customFunction = new Function(misc.customJs);
        customStyleSheet.onload = customFunction;
      }
      let mbmc = document.querySelector('#multibrandMainContainer');
      mbmc.appendChild(customStyleSheet);
    }
    function loadingCustomText(ct) {
      let customText = document.querySelector('.loadingCustomText');
      var formattedValue = ct[language].replace(
        /PLACEHOLDER_FOR_NEWLINE/g,
        '<br>',
      );
      customText.innerHTML = formattedValue;
    }
    function loadLoadingProp(currentProp) {
      let loadingProp = document.querySelector('.loadingProp');
      loadingProp.className = 'loadingProp ' + currentProp;
    }
    function updatePromoDesc(content) {
      const promoDescription = document.querySelectorAll(
        '.topContent__gameDescription',
      );
      var formattedValue = content.promoDescription[language].replace(
        /PLACEHOLDER_FOR_NEWLINE/g,
        '<br>',
      );
      promoDescription.forEach((pD) => {
        pD.innerHTML = formattedValue;
      });
    }
    function updateTermsAndServices(content) {
      const termsAndServices = document.querySelector(
        '.bottomContent__termsAndConditions',
      );
      var formattedValue = content.termsContent[language].replace(
        /PLACEHOLDER_FOR_NEWLINE/g,
        '<br>',
      );
      termsAndServices.innerHTML = formattedValue;
    }
    function updateContentImage(content) {
      const contentLogo = document.querySelector('.topContent__logo');
      if (content.logoImageDesktop == '' || content.logoImageMobile == '') {
        contentLogo.style.display = 'none';
      } else {
        contentLogo.style.display = '';
      }
    }
    function updateBackgroundPattern(bg) {
      const background = document.querySelector(
        '.multibrandBackgroundContainer .patternBackground',
      );
      background.className = 'patternBackground';
      background.classList.add(bg.backgroundPattern);
    }
    function updateBackgroundEffect(bg) {
      const background = document.querySelector(
        '.multibrandBackgroundContainer .effectBackground',
      );
      background.className = 'effectBackground';
      background.classList.add(bg.backgroundEffect);
    }
    function updateCta(content) {
      const ctaButton = document.querySelector('#optionalCtaButton');
      ctaButton.innerHTML = content.optionalCta[language];
      let targetUrl = content.ctaTarget[language];
      if (targetUrl != undefined) {
        let isEmpty = targetUrl == '';
        let hasHttps = targetUrl.includes('https://');
        let hasHttp = targetUrl.includes('http://');
        let isRelativeToSite = targetUrl[0] == '/';
        if (!isEmpty && !hasHttps && !hasHttp && !isRelativeToSite)
          targetUrl = `https://${targetUrl}`;
      }
      ctaButton.onclick = () => (window.parent.location.href = targetUrl);
    }
    function startLoading() {
      document.documentElement.style.setProperty('--loading-progress', '90%');
      document.documentElement.style.setProperty(
        '--loading-progress-text',
        `'90%'`,
      );
    }
    function loadingDone() {
      document.documentElement.style.setProperty('--loading-progress', '100%');
      document.documentElement.style.setProperty(
        '--loading-progress-text',
        `'100%'`,
      );
      setTimeout(removeLoading, 2000);
    }
    function removeLoading() {
      let loadingScreen = document.querySelector('.loadingScreen');
      loadingScreen.classList.remove('loadingActive');
    }
    const MUTE_ICON = `<path d='M560-131v-82q90-26 145-100t55-168q0-94-55-168T560-749v-82q124 28 202 125.5T840-481q0 127-78 224.5T560-131ZM120-360v-240h160l200-200v640L280-360H120Zm440 40v-322q47 22 73.5 66t26.5 96q0 51-26.5 94.5T560-320Z'/>`;
    const UNMUTE_ICON = `<path d='M792-56 671-177q-25 16-53 27.5T560-131v-82q14-5 27.5-10t25.5-12L480-368v208L280-360H120v-240h128L56-792l56-56 736 736-56 56Zm-8-232-58-58q17-31 25.5-65t8.5-70q0-94-55-168T560-749v-82q124 28 202 125.5T840-481q0 53-14.5 102T784-288ZM650-422l-90-90v-130q47 22 73.5 66t26.5 96q0 15-2.5 29.5T650-422ZM480-592 376-696l104-104v208Z'/>`;
    let muteBtn = document.querySelector('#productMuteButton');
    let svgElement = muteBtn.querySelector('svg');
    let originalVolume;
    function initMuteButton() {
      muteBtn.classList.remove('hideMuteButton');
      let backgroundMusic =
        sounds.backgroundMusic &&
        sounds.backgroundMusic.url &&
        sounds.backgroundMusic.url != '';
      let gameSound =
        sounds.gameSound && sounds.gameSound.url && sounds.gameSound.url != '';
      let winnerSound =
        sounds.winnerSound &&
        sounds.winnerSound.url &&
        sounds.winnerSound.url != '';
      if (!backgroundMusic && !gameSound && !winnerSound) return;
      muteBtn.onclick = () => muteButtonClickHandler();
      if (
        cookie_exists('mutedProduct') &&
        cookie_value('mutedProduct') == 'true'
      ) {
        muteBtn.classList.add('muted');
        svgElement.innerHTML = UNMUTE_ICON;
        let audioElements = document.querySelectorAll(
          '#multibrandMainContainer audio',
        );
        mutedAllAudioElements(audioElements);
      }
    }
    function muteButtonClickHandler() {
      let audioElements = document.querySelectorAll(
        '#multibrandMainContainer audio',
      );
      if (muteBtn.classList.contains('muted')) {
        muteBtn.classList.remove('muted');
        svgElement.innerHTML = MUTE_ICON;
        unmutedAllAudioElements(audioElements);
      } else {
        muteBtn.classList.add('muted');
        svgElement.innerHTML = UNMUTE_ICON;
        mutedAllAudioElements(audioElements);
      }
    }
    function mutedAllAudioElements(audioElements) {
      document.cookie = 'mutedProduct=true;';
      audioElements.forEach((audioEl) => {
        audioEl.dataset.mutedOriginalVolume = audioEl.volume;
        audioEl.volume = 0;
      });
    }
    function unmutedAllAudioElements(audioElements) {
      document.cookie = 'mutedProduct=false;';
      audioElements.forEach((audioEl) => {
        let originalVolume = audioEl.dataset.mutedOriginalVolume || 1;
        audioEl.volume = originalVolume;
      });
    }
    function addNotification(msg, color) {
      if (msg == '') return;
      let mainContainer = document.querySelector('#multibrandMainContainer');
      let schudleMessage = mainContainer.querySelector('.schudleMessage');
      schudleMessage.classList.add('active');
      schudleMessage.innerText = msg;
      schudleMessage.style.background = color;
      setTimeout(() => schudleMessage.classList.remove('active'), 100);
    }
    let mainContainer = document.querySelector('#multibrandMainContainer');
    let popUpBox = document.querySelector('.popUpBox');
    function hasScroll(element) {
      return element.scrollHeight > element.clientHeight;
    }
    function handleScreenChange() {
      if (hasScroll(popUpBox)) {
        popUpBox.classList.add('hasScroll');
        popUpBox.classList.add('hasScrollActive');
      } else {
        popUpBox.classList.remove('hasScroll');
        popUpBox.classList.remove('hasScrollActive');
      }
      if (hasScroll(mainContainer)) {
        mainContainer.classList.add('hasScroll');
      } else {
        mainContainer.classList.remove('hasScroll');
      }
    }
    function addScrollListeners() {
      popUpBox.addEventListener('scroll', function () {
        if (popUpBox.scrollTop > 0) {
          popUpBox.classList.remove('hasScroll');
        } else {
          popUpBox.classList.add('hasScroll');
        }
      });
      mainContainer.addEventListener('scroll', function () {
        if (mainContainer.scrollTop > 0) {
          mainContainer.classList.remove('hasScroll');
        } else {
          mainContainer.classList.add('hasScroll');
        }
      });
    }
    function initialShowArrow() {
      if (mainContainer && mainContainer.scrollHeight > 0) {
        window.addEventListener('resize', handleScreenChange);
        popUpBox.classList.add('hasScroll');
        popUpBox.classList.add('hasScrollActive');
        if (!hasScroll(popUpBox)) {
          popUpBox.classList.remove('hasScroll');
          popUpBox.classList.remove('hasScrollActive');
        }
        if (hasScroll(mainContainer)) {
          mainContainer.classList.add('hasScroll');
        }
        addScrollListeners();
      } else {
        setTimeout(initialShowArrow, 500);
      }
    }
    function changePopUpContent(scenario, respData) {
      let msg = respData.product_status.status_message;
      let lastWonPrize = respData.last_prize_won;
      let totalExtraEntries = respData.total_extra_entries;
      let extraEntries = respData.extra_entries;
      let extraEntriesDailyLimit = respData.daily_extra_entries_limit;
      const popupBtn = document.querySelector('.popupBtn');
      const popUpContent = document.querySelector('.popUpContentText');
      const popUpTitle = document.querySelector('.popUpTitle');
      const DEPOSIT_URL = `https://www.${BRAND}/cashier/deposit`;
      const spinBtn = document.querySelector('.spinButton');
      const popUpContainer = document.querySelector('.popUpContainer');
      popUpContainer.style.display = '';
      popupBtn.onclick = () => {
        popUpContainer.classList.remove('active');
        playBackgroundMusic();
      };
      if (scenario == 'productDisabled') {
        popUpTitle.innerHTML = '';
        popUpContent.innerHTML =
          msg[language] == '' ? 'Product Disabled Placeholder' : msg[language];
        popupBtn.innerHTML = variablesJson.popup['banned'].button[language];
        popupBtn.style.letterSpacing = 'initial';
        popupBtn.onclick = () => {
          window.parent.location.href = '/';
        };
        disableGame();
        return;
      }
      popUpTitle.innerHTML = variablesJson.popup[scenario].title[language];
      popUpContent.innerHTML = variablesJson.popup[scenario].content[language];
      popupBtn.innerHTML = variablesJson.popup[scenario].button[language];
      if (
        variablesJson.popup[scenario].hasOwnProperty('buttonTarget') &&
        variablesJson.popup[scenario].buttonTarget[language] != ''
      ) {
        popupBtn.onclick = () => {
          window.parent.location.href = `https://www.${BRAND}/${variablesJson.popup[scenario].buttonTarget[language]}`;
        };
      }
      if (scenario != 'enabled') {
        disableGame();
        if (scenario == 'played') {
          let initialContent = popUpContent.innerHTML;
          let lastPrize = `<span class='lastPrizeWonPopUp'>${lastWonPrize.front_name_prize}</span>`;
          let regex =
            /&amp;amp;&amp;amp;&amp;amp;prize&amp;amp;&amp;amp;&amp;amp;|&amp;&amp;&amp;prize&amp;&amp;&amp;/g;
          initialContent = initialContent.replace(regex, lastPrize);
          popUpContent.innerHTML = initialContent;
        }
      } else {
        if (totalExtraEntries > 0 && extraEntriesDailyLimit <= 0) {
          popUpContent.innerHTML =
            `You currently have ${totalExtraEntries} extra entries, with a limit of ${extraEntriesDailyLimit} entries daily. Today, you can still use ${extraEntries} extra entries. <br><br>` +
            variablesJson.popup[scenario].content[language];
        }
      }
      if (
        variablesJson.popup[scenario].hasOwnProperty('disableCurrentPopup') &&
        variablesJson.popup[scenario].disableCurrentPopup === true
      ) {
        popUpContainer.style.display = 'none';
      }
    }
    async function prizeAttribution(transaction_id) {
      let bodyContent = { transaction_id: transaction_id };
      let body = JSON.stringify(bodyContent);
      let prizeAttributionData = await apiRequest(
        'prize_attribution',
        'POST',
        body,
      );
      if (prizeAttributionData.error) {
        console.log(prizeAttributionData.error);
        addNotification(prizeAttributionData.error, 'red');
        return;
      }
      return;
    }
    function loadSiteFixes() {
      let productContainer = document.querySelector('#multibrandMainContainer');
      let closestParent = productContainer.closest('div.modal-overlay');
      closestParent?.classList.add('closestParentElement');
    }
    function checkStatus(respData) {
      if (respData.product_status.status == 2 && respData.test_player == 0) {
        changePopUpContent('productDisabled', respData);
      } else {
        addNotification(
          respData.product_status.status_message[language],
          'orange',
        );
        if (respData.banned == 1) {
          changePopUpContent('banned', respData);
        } else if (respData.excluded == 1) {
          changePopUpContent('excluded', respData);
        } else if (respData.in_segment == 0 && extra_entries <= 0) {
          changePopUpContent('disabled', respData);
        } else if (
          respData.last_prize_won.front_name_prize !== '' &&
          respData.extra_entries <= 0
        ) {
          changePopUpContent('played', respData);
          productAlreadyPlayed(respData.last_prize_won);
        } else {
          changePopUpContent('enabled', respData);
        }
      }
      loadingDone();
    }
    let TIMMER = [];
    let timerElement;
    function startTimer(tElement) {
      timerElement = tElement;
      setInterval(timmerController, 1000);
    }
    async function timmerController() {
      if (TIMMER.length <= 0) await updateTimer();
      TIMMER[2]--;
      if (TIMMER[2] < 0) {
        TIMMER[2] = 59;
        TIMMER[1]--;
      }
      if (TIMMER[1] < 0) {
        TIMMER[1] = 59;
        TIMMER[0]--;
      }
      if (TIMMER[0] <= 0 && TIMMER[1] <= 0 && TIMMER[2] <= 0) {
        TIMMER[0] = 0;
        TIMMER[1] = 0;
        TIMMER[2] = 0;
        location.reload();
      }
      let secs = TIMMER[2].toString().padStart(2, '0');
      let mins = TIMMER[1].toString().padStart(2, '0');
      let hours = TIMMER[0].toString().padStart(2, '0');
      timerElement.innerHTML = `<span class='smallText'>${variablesJson.game.finalText[language]} </span> ${hours}:${mins}:${secs}`;
      timerElement.classList.add('timerOn');
    }
    async function updateTimer() {
      if (!sid || document.visibilityState !== 'visible') return;
      let newTime;
      let remainTimeResp = await apiRequest(
        'get_remaining_time_to_reset',
        'GET',
      );
      newTime = remainTimeResp.time_to_reset;
      TIMMER = newTime.split(':');
    }
    document.addEventListener('visibilitychange', updateTimer);
    var currentURL = window.parent.location.href.split('/');
    const BRAND = currentURL[2].replace('www.', '').replace('preview.', '');
    const URISUFFIX = currentURL[currentURL.length - 1].split('?')[0];
    function getSID() {
      let sid = '';
      sid = getCookieValue('sid');
      if (sid == '') {
        let localStorageSID = localStorage.getItem('sessionId');
        if (localStorageSID) {
          try {
            sid = JSON.parse(localStorageSID)?.value;
          } catch {
            console.log('Error parsing SID json');
          }
        }
      }
      const sessionIdPattern =
        /^[a-zA-Z0-9]{8}-[a-zA-Z0-9]{4}-[a-zA-Z0-9]{4}-[a-zA-Z0-9]{4}-[a-zA-Z0-9]{12}$/;
      const SIDisValid = sessionIdPattern.test(sid);
      if (!sid || !sid.length || !SIDisValid) {
        goToLogin();
      }
      return sid;
    }
    function getCookieValue(cName) {
      const decodedCookies = decodeURIComponent(document.cookie);
      const cookiesArr = decodedCookies.split(';');
      const keyValueArr = cookiesArr.map((item) => [
        item.split('=')[0].trim(),
        item.split('=')[1]?.trim(),
      ]);
      for (let i = 0; i < keyValueArr.length; i++) {
        if (keyValueArr[i][0] === cName) return keyValueArr[i][1];
      }
      return '';
    }
    function goToLogin() {
      let isLocal = BRAND.includes('localhost');
      let isLoginIn =
        currentURL[currentURL.length - 1].includes('overlay=login');
      let isCM = BRAND.includes('contentmanager');
      if (isLocal || isLoginIn || isCM) return;
      localStorage.removeItem('sessionId');
      document.cookie = 'sid=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;';
      let subDomain = currentURL[2].includes('preview') ? 'preview.' : 'www.';
      var loginButton =
        document.getElementById('headerUnloggedHiddenLogin') ||
        document.getElementById('headerUnloggedLogin');
      let loginHref = '';
      if (loginButton) loginHref = loginButton.href;
      loginHref = loginHref.includes('?')
        ? `?overlay=login&destination=%2F${URISUFFIX}`
        : `/login?destination=%2F${URISUFFIX}`;
      window.parent.location.href = `https://${subDomain}${BRAND}` + loginHref;
    }
    function loadProduct() {
      buildPrizeWheel();
      const spinBtn = document.querySelector('.spinButton');
      const spinBtnText = spinBtn.querySelector('.spinButtonText');
      spinBtnText.innerHTML = variablesJson.game.initialText[language];
      spinBtn.onclick = () => spinButtonPress();
    }
    function disableGame() {
      const spinBtn = document.querySelector('.spinButton');
      spinBtn.classList.add('buttonDisabled');
    }
    function productAlreadyPlayed(lastPrizeWon) {
      const spinBtnText = document.querySelector('.spinButtonText');
      const prizeWheel = document.querySelector('.prizeWheel');
      prizeWheel.style.transition = 'none';
      rotateTheWheel(lastPrizeWon.front_name_prize);
      startTimer(spinBtnText);
    }
    function buildPrizeWheel() {
      let clampedValue = Math.min(Math.max(prizes.length, 3), 16);
      slices = clampedValue;
      let prizeWheel = document.querySelector('.prizeWheel');
      prizeWheel.innerHTML = '';
      let angleDeg = 360 / slices;
      let skew = angleDeg + 90;
      for (let i = 0; i < slices; i++) {
        let slice = document.createElement('div');
        slice.className = 'prizeWheelSlice';
        slice.style.transform = `rotate(${angleDeg * i - angleDeg / 2}deg) skewY(${skew}deg)`;
        let prizeTextContainer = document.createElement('div');
        prizeTextContainer.className = 'prizeTextContainer';
        prizeTextContainer.style.transform = `rotate(${angleDeg * i + 90}deg)`;
        let prizeText = document.createElement('div');
        prizeText.className = 'prizeText';
        prizeText.innerHTML = prizes[i].front_name_prize;
        if (i == 0 && slices % 2 == 1) {
          prizeText.classList.add('highlightPrize');
          slice.classList.add('highlightSlice');
        }
        if (i % 2 == 1) {
          prizeText.classList.add('evenPrize');
          slice.classList.add('evenPrize');
        }
        prizeWheel.appendChild(slice);
        prizeTextContainer.appendChild(prizeText);
        prizeWheel.appendChild(prizeTextContainer);
      }
    }
    async function spinButtonPress() {
      const spinBtn = document.querySelector('.spinButton');
      const spinBtnText = spinBtn.querySelector('.spinButtonText');
      spinBtn.classList.add('buttonDisabled');
      spinBtnText.innerHTML = variablesJson.game.animationText[language];
      let winner = await createWinnerRequest();
      if (winner == 'error') return;
      extra_entries = winner.extra_entries;
      spinTheWheel(winner);
    }
    let spinTime;
    async function spinTheWheel(createWinnerResp) {
      prizes = createWinnerResp.saved_prizes;
      variablesJson = createWinnerResp.product_config;
      buildPrizeWheel();
      loadValuesFromJson();
      await rotateTheWheel(createWinnerResp.prize_won.front_name_prize);
      if (
        createWinnerResp.prize_won.hasOwnProperty('prize_type') &&
        createWinnerResp.prize_won.prize_type == 'non-winner'
      ) {
      } else {
        startConfetti();
        setTimeout(stopConfetti, 5000);
      }
      if (extra_entries > 0) {
        const spinBtn = document.querySelector('.spinButton');
        const spinBtnText = spinBtn.querySelector('.spinButtonText');
        spinBtn.classList.remove('buttonDisabled');
        let extraEntriesText = variablesJson.game.extraEntriesText[
          language
        ].replace('$N', extra_entries);
        spinBtnText.innerHTML = `${variablesJson.game.initialText[language]}<span class='smallText'>${extraEntriesText}</span>`;
      } else {
        const spinBtnText = document.querySelector('.spinButtonText');
        startTimer(spinBtnText);
      }
    }
    async function rotateTheWheel(winnerPrize) {
      const prizeWheel = document.querySelector('.prizeWheel');
      let matchPrizes = [];
      let initialDegree = prizeWheel.style.transform;
      prizes.forEach((el, index) => {
        if (el.front_name_prize === winnerPrize) {
          matchPrizes.push(index);
        }
      });
      if (matchPrizes.length == 0) {
        console.log('There is no matching prize');
        return;
      }
      let winnerPosition =
        matchPrizes[Math.floor(Math.random() * matchPrizes.length)];
      let spinsAmount = 5;
      spinTime = 4;
      document.documentElement.style.setProperty(
        '--spin-duration',
        spinTime + 's',
      );
      let spinTotal =
        spinsAmount * 360 + winnerPosition * (-360 / prizes.length);
      let randomAmount =
        Math.floor(
          Math.random() * (360 / variablesJson.game.amountOfPrizes / 3),
        ) * (Math.round(Math.random()) ? 1 : -1);
      spinTotal += randomAmount;
      if (initialDegree)
        spinTotal +=
          Math.round(
            parseFloat(initialDegree.split('(')[1].split(')')[0]) / 360,
          ) * 360;
      prizeWheel.style.transform = `rotate(${spinTotal}deg)`;
      playGameSound();
      await new Promise((resolve) => setTimeout(resolve, spinTime * 1000));
      stopGameSound();
      let allPrizesSlices = document.querySelectorAll(
        '.prizeWheel .prizeWheelSlice',
      );
      let allPrizesText = document.querySelectorAll('.prizeWheel .prizeText');
      allPrizesSlices[winnerPosition].classList.add('winnerSlice');
      allPrizesText[winnerPosition].classList.add('winnerPrize');
    }
    function findRandomIndex(arr, element) {
      let indices = [];
      arr.forEach((el, index) => {
        if (el === element) {
          indices.push(index);
        }
      });
      if (indices.length > 0) {
        return indices[Math.floor(Math.random() * indices.length)];
      } else {
        return -1;
      }
    }
  "
></style>