{"tags":[{"tagId":"6fd0d8f4-8949-4092-a8ea-d4893b542fc8","tagTypeId":"custom_tag_type","name":"Before page  /bloom-up-may","description":"Before page  /bloom-up-may","config":{"beforeEndHead":"<style>\r\n\r\n  .cms-sticky-search {\r\n    display: none;\r\n  }\r\n  \r\n  a.register-link:hover{\r\n    color: rgba(74, 255, 86, 0.9);\r\n    \r\n  }\r\n  \r\n  /* ON CLICK: leaves expand outward */\r\n  body.play-burst .section-deco--leaves {\r\n    width: 100%;\r\n    height: 80%;\r\n  }\r\n\r\n  .section-overlay {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background-color: rgba(0, 0, 0, 0.7);\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  z-index: 10;\r\n  pointer-events: all;\r\n}\r\n\r\n.overlay-text {\r\n  background: linear-gradient(to left, #20011F 29%, #240122 65%, #5A0A15 95%);\r\n  color: #fff;\r\n  font-size: 1.6rem;\r\n  font-weight: 500;\r\n  text-align: center;\r\n  padding: 1.2rem 2rem;\r\n  border-radius: 12px;\r\n  border: 2px solid #FFBD00;\r\n  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3);\r\n  width: 80vw;\r\n  max-width: 600px;\r\n  margin-top: -12%;\r\n}\r\n\r\n.overlay-text a {\r\n  color: #FFBD00;\r\n  -webkit-text-decoration: underline;\r\n  text-decoration: underline;\r\n}\r\n\r\n.overlay-text a:hover {\r\n  color: #EEB23E;\r\n}\r\n\r\n.overlay-text p {\r\n  margin: 0 0 16px 0;\r\n  padding: 0;\r\n  color: #fff;\r\n  font-size: 1.6rem;\r\n  font-weight: 500;\r\n  line-height: 1.4;\r\n  text-align: center;\r\n}\r\n\r\n.overlay-text p:last-child {\r\n  margin-bottom: 0;\r\n}\r\n\r\n/* Overlay Buttons */\r\n\r\n.overlay-buttons {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n  margin-top: 16px;\r\n}\r\n\r\n@media (min-width: 768px) {\r\n  .overlay-buttons {\r\n    flex-direction: row;\r\n    justify-content: center;\r\n    gap: 12px;\r\n  }\r\n}\r\n\r\n.overlay-btn-primary {\r\n  background-color: #FFCC00;\r\n  color: black;\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  padding: 10px 20px;\r\n  border: none;\r\n  border-radius: 4px;\r\n  cursor: pointer;\r\n  transition: background-color 0.2s ease;\r\n}\r\n\r\n.overlay-btn-primary:hover {\r\n  background-color: #EEB23E;\r\n}\r\n\r\n@media (min-width: 768px) {\r\n  .overlay-btn-primary {\r\n    font-size: 16px;\r\n    padding: 12px 24px;\r\n  }\r\n}\r\n\r\n.overlay-btn-secondary {\r\n  background-color: transparent;\r\n  color: white;\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  padding: 10px 20px;\r\n  border: 1px solid #FFCC00;\r\n  border-radius: 4px;\r\n  cursor: pointer;\r\n  transition: border-color 0.2s ease;\r\n}\r\n\r\n.overlay-btn-secondary:hover {\r\n  border-color: #EEB23E;\r\n}\r\n\r\n@media (min-width: 768px) {\r\n  .overlay-btn-secondary {\r\n    font-size: 16px;\r\n    padding: 12px 24px;\r\n  }\r\n}\r\n\r\n\r\n/* ===========================================\r\n   POPUP OVERLAY\r\n   =========================================== */\r\n\r\n.popup-overlay {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: rgba(0, 0, 0, 0.83);\r\n  -webkit-backdrop-filter: blur(2px);\r\n          backdrop-filter: blur(2px);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  z-index: 1000;\r\n}\r\n\r\n.popup-overlay.hidden {\r\n  display: none;\r\n}\r\n\r\n/* ===========================================\r\n   POPUP CONTAINER\r\n   =========================================== */\r\n\r\n.popup-container {\r\n  position: relative;\r\n  width: 92vw;\r\n  max-width: 640px;\r\n  max-height: 90vh;\r\n  background: linear-gradient(to left, #20011F 29%, #240122 65%, #5A0A15 95%);\r\n  border-radius: 16px;\r\n  overflow: hidden;\r\n  overflow-y: auto;\r\n  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);\r\n  padding-bottom: 8px;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .popup-container {\r\n    width: 95vw;\r\n    border-radius: 24px;\r\n    padding-bottom: 16px;\r\n  }\r\n}\r\n\r\n/* Container Scrollbar */\r\n\r\n/* Hide popup container scrollbar */\r\n.popup-container {\r\n  scrollbar-width: none;\r\n}\r\n.popup-container::-webkit-scrollbar {\r\n  display: none;\r\n}\r\n/* Terms scrollbar — thin and neutral */\r\n.popup-terms-content {\r\n  scrollbar-width: thin;\r\n  scrollbar-color: rgba(255, 255, 255, 0.2) transparent;\r\n}\r\n.popup-terms-content::-webkit-scrollbar {\r\n  width: 3px;\r\n}\r\n.popup-terms-content::-webkit-scrollbar-track {\r\n  background: transparent;\r\n}\r\n.popup-terms-content::-webkit-scrollbar-thumb {\r\n  background: rgba(255, 255, 255, 0.2);\r\n  border-radius: 99px;\r\n}\r\n\r\n/* ===========================================\r\n   CLOSE BUTTON\r\n   =========================================== */\r\n\r\n.popup-close {\r\n  position: absolute;\r\n  top: 8px;\r\n  right: 8px;\r\n  background: transparent;\r\n  border: none;\r\n  color: white;\r\n  font-size: 30px;\r\n  font-weight: bold;\r\n  cursor: pointer;\r\n  z-index: 10;\r\n  transition: color 0.2s ease;\r\n}\r\n\r\n.popup-close:hover {\r\n  color: #FFCC00;\r\n}\r\n\r\n/* ===========================================\r\n   IMAGE SECTION\r\n   =========================================== */\r\n\r\n.popup-image-container {\r\n  position: relative;\r\n  width: 100%;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  padding: 16px 0 8px;\r\n  overflow: hidden;\r\n}\r\n\r\n.popup-image-wrapper {\r\n  width: 150px;\r\n  height: 150px;\r\n  border-radius: 50%;\r\n  box-shadow: 0 4px 32px 0 rgba(0, 0, 0, 0.26) inset;\r\n  z-index: 2;\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 16px;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.popup-image-container #popup-image {\r\n  width: 100%;\r\n  height: 100%;\r\n  -o-object-fit: contain;\r\n     object-fit: contain;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .popup-image-container {\r\n    padding: 60px 0 16px;\r\n  }\r\n\r\n  .popup-image-wrapper {\r\n    width: 200px;\r\n    height: 200px;\r\n  }\r\n}\r\n\r\n/* Optional Decorative Background Images */\r\n\r\n.popup-header-bg {\r\n  position: absolute;\r\n  pointer-events: none;\r\n  z-index: 1;\r\n}\r\n\r\n/* ===========================================\r\n   CONTENT AREA\r\n   =========================================== */\r\n\r\n.popup-content {\r\n  z-index: 2;\r\n  padding: 4px 16px 8px;\r\n  text-align: left;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .popup-content {\r\n    padding: 8px 64px 16px;\r\n  }\r\n}\r\n\r\n/* Date Display */\r\n\r\n.popup-date {\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  color: rgba(255, 255, 255, 0.7);\r\n  margin: 0;\r\n  padding-bottom: 4px;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .popup-date {\r\n    font-size: 16px;\r\n  }\r\n}\r\n\r\n/* Title */\r\n\r\n.popup-content h3 {\r\n  font-size: 28px;\r\n  font-weight: 600;\r\n  color: #d3b56a;\r\n  margin: 0;\r\n  padding-bottom: 10px;\r\n  padding-top: 0px;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .popup-content h3 {\r\n    font-size: 40px;\r\n    padding-bottom: 10px;\r\n    padding-top: 0px;\r\n  }\r\n}\r\n\r\n/* Description */\r\n\r\n.popup-content p {\r\n  font-size: 16px;\r\n  font-weight: 400;\r\n  line-height: 1.5;\r\n  color: white;\r\n  margin: 0;\r\n  padding: 1px 0;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .popup-content p {\r\n    font-size: 18px;\r\n    line-height: 1.625;\r\n    padding: 1px 0;\r\n  }\r\n}\r\n\r\n/* ===========================================\r\n   BUTTONS\r\n   =========================================== */\r\n\r\n.popup-buttons {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 6px;\r\n  z-index: 3;\r\n  padding: 12px 16px;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .popup-buttons {\r\n    flex-direction: row;\r\n    flex-wrap: wrap;\r\n    gap: 8px;\r\n    padding: 20px 64px;\r\n  }\r\n}\r\n\r\n.popup-btn-primary {\r\n  width: 100%;\r\n  background-color: #FFCC00;\r\n  color: black;\r\n  text-align: center;\r\n  font-size: 16px;\r\n  font-weight: 400;\r\n  padding: 10px 16px;\r\n  border: 1px solid #FFCC00;\r\n  border-radius: 2px;\r\n  cursor: pointer;\r\n  transition: background-color 0.2s ease, border-color 0.2s ease;\r\n}\r\n\r\n.popup-btn-primary:hover {\r\n  background-color: #EEB23E;\r\n  border-color: #EEB23E;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .popup-btn-primary {\r\n    flex: 1;\r\n    font-size: 20px;\r\n    padding: 12px 24px;\r\n  }\r\n}\r\n\r\n.popup-btn-secondary {\r\n  width: 100%;\r\n  background-color: transparent;\r\n  color: white;\r\n  text-align: center;\r\n  font-size: 16px;\r\n  font-weight: 400;\r\n  padding: 10px 16px;\r\n  border: 1px solid #FFCC00;\r\n  border-radius: 2px;\r\n  cursor: pointer;\r\n  transition: border-color 0.2s ease;\r\n}\r\n\r\n.popup-btn-secondary:hover {\r\n  border-color: #EEB23E;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .popup-btn-secondary {\r\n    flex-basis: 100%;\r\n    font-size: 20px;\r\n    padding: 12px 24px;\r\n  }\r\n}\r\n\r\n/* ===========================================\r\n   TERMS ACCORDION\r\n   =========================================== */\r\n\r\n.popup-terms {\r\n  z-index: 2;\r\n  padding: 0 16px 8px;\r\n  text-align: left;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .popup-terms {\r\n    padding: 0 64px 16px;\r\n  }\r\n}\r\n\r\n.popup-terms h4 {\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n  color: #d3b56a;\r\n  margin: 0;\r\n  padding-bottom: 4px;\r\n  padding-top: 8px;\r\n  cursor: pointer;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: flex-start;\r\n}\r\n\r\n.popup-terms h4::after {\r\n  content: \"\";\r\n  width: 5px;\r\n  height: 5px;\r\n  margin-left: 10px;\r\n  border-right: 2px solid #d3b56a;\r\n  border-bottom: 2px solid #d3b56a;\r\n  transform: rotate(45deg);\r\n  transition: transform 0.2s ease;\r\n}\r\n\r\n.popup-terms.expanded h4::after {\r\n  transform: rotate(-135deg);\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .popup-terms h4 {\r\n    font-size: 16px;\r\n    padding-bottom: 8px;\r\n    padding-top: 15px;\r\n  }\r\n}\r\n\r\n.popup-terms-content {\r\n  max-height: 0;\r\n  overflow: hidden;\r\n  transition: max-height 0.3s ease;\r\n}\r\n\r\n.popup-terms.expanded .popup-terms-content {\r\n  max-height: 300px;\r\n  overflow-y: auto;\r\n  min-height: 180px;\r\n}\r\n\r\n#popup-terms-content {\r\n  font-size: 12px;\r\n  font-weight: 400;\r\n  line-height: 1.4;\r\n  color: rgba(255, 255, 255, 0.85);\r\n  background: rgba(0, 0, 0, 0.2);\r\n  padding: 12px;\r\n  border-radius: 8px;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  #popup-terms-content {\r\n    font-size: 13px;\r\n    line-height: 1.5;\r\n    padding: 16px;\r\n  }\r\n}\r\n\r\n/* ===========================================\r\n   GENERIC ACCORDION (For additional sections)\r\n   =========================================== */\r\n\r\n.popup-accordion {\r\n  z-index: 2;\r\n  padding: 0 16px 8px;\r\n  text-align: left;\r\n}\r\n\r\n.popup-accordion.hidden {\r\n  display: none;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .popup-accordion {\r\n    padding: 0 64px 16px;\r\n  }\r\n}\r\n\r\n.popup-accordion h4 {\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n  color: #FFCC00;\r\n  margin: 0;\r\n  padding-bottom: 4px;\r\n  cursor: pointer;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: flex-start;\r\n}\r\n\r\n.popup-accordion h4::after {\r\n  content: \"\";\r\n  width: 5px;\r\n  height: 5px;\r\n  margin-left: 10px;\r\n  border-right: 2px solid #FFCC00;\r\n  border-bottom: 2px solid #FFCC00;\r\n  transform: rotate(45deg);\r\n  transition: transform 0.2s ease;\r\n}\r\n\r\n.popup-accordion.expanded h4::after {\r\n  transform: rotate(-135deg);\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .popup-accordion h4 {\r\n    font-size: 16px;\r\n    padding-bottom: 8px;\r\n  }\r\n}\r\n\r\n.popup-accordion-content {\r\n  max-height: 0;\r\n  overflow: hidden;\r\n  transition: max-height 0.3s ease;\r\n}\r\n\r\n.popup-accordion.expanded .popup-accordion-content {\r\n  max-height: 300px;\r\n  overflow-y: auto;\r\n}\r\n\r\n.popup-accordion-content > div {\r\n  font-size: 14px;\r\n  font-weight: 400;\r\n  line-height: 1.4;\r\n  color: white;\r\n  background: rgba(255, 204, 0, 0.15);\r\n  border: 1px solid rgba(255, 204, 0, 0.3);\r\n  padding: 12px;\r\n  border-radius: 8px;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .popup-accordion-content > div {\r\n    font-size: 16px;\r\n    line-height: 1.5;\r\n    padding: 16px;\r\n  }\r\n}\r\n\r\n/* ===========================================\r\n   ALTERNATIVE THEMES\r\n   =========================================== */\r\n\r\n/* Blue Theme */\r\n\r\n.popup-container.theme-blue {\r\n  background: radial-gradient(59.38% 59.4% at 50% 50%, #2581FD 78.37%, #4996FF 100%);\r\n}\r\n\r\n.popup-container.theme-blue .popup-image-wrapper {\r\n  background: radial-gradient(50% 50% at 50% 50%, #0D273F 0%, #1a3a5c 50%, #0D273F 100%);\r\n}\r\n\r\n/* Dark Theme */\r\n\r\n.popup-container.theme-dark {\r\n  background: radial-gradient(50% 50% at 50% 50%, #0F2F4B 0%, #0D273F 100%);\r\n}\r\n\r\n/**\r\n * Button Styles\r\n *\r\n * Reusable button styles for campaign pages.\r\n * Includes CTA buttons and general action buttons.\r\n */\r\n\r\n/* ===========================================\r\n   PRIMARY CTA BUTTON\r\n   =========================================== */\r\n\r\n.aod-cta-button {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 10px 25px;\r\n  line-height: 1.2;\r\n  background: #fb9002;\r\n  border: none;\r\n  border-radius: 3px;\r\n  color: #000;\r\n  font-weight: 700;\r\n  font-size: 1.125rem;\r\n  -webkit-text-decoration: none;\r\n  text-decoration: none;\r\n  cursor: pointer;\r\n  transition: background-color 0.2s ease;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .aod-cta-button {\r\n    font-size: 1.5rem;\r\n  }\r\n}\r\n\r\n.aod-cta-button:hover {\r\n  background: #E6B800;\r\n}\r\n\r\n.aod-cta-button:disabled {\r\n  opacity: 0.6;\r\n  cursor: not-allowed;\r\n}\r\n\r\n/* ===========================================\r\n   LOGIN SUBTEXT\r\n   =========================================== */\r\n\r\n.login-subtext {\r\n  color: #fff;\r\n}\r\n\r\n.login-subtext a {\r\n  color: #fff;\r\n}\r\n\r\n.login-subtext a:hover {\r\n  -webkit-text-decoration: underline;\r\n  text-decoration: underline;\r\n}\r\n\r\n/* ===========================================\r\n   SCROLL DOWN ARROW\r\n   =========================================== */\r\n\r\n.scroll-down-arrow {\r\n  width: 16px;\r\n  height: 16px;\r\n  border-right: 2px solid #000;\r\n  border-bottom: 2px solid #000;\r\n  transform: rotate(45deg);\r\n  margin-bottom: 4px;\r\n  animation: scrollArrow 2s infinite;\r\n  cursor: pointer;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .scroll-down-arrow {\r\n    width: 24px;\r\n    height: 24px;\r\n    border-right: 3px solid #000;\r\n    border-bottom: 3px solid #000;\r\n    margin-bottom: 8px;\r\n  }\r\n}\r\n\r\n@keyframes scrollArrow {\r\n  0% {\r\n    opacity: 0;\r\n    transform: rotate(45deg) translate(-10px, -10px);\r\n  }\r\n  50% {\r\n    opacity: 1;\r\n  }\r\n  100% {\r\n    opacity: 0;\r\n    transform: rotate(45deg) translate(10px, 10px);\r\n  }\r\n}\r\n\r\n/* ===========================================\r\n   LOADING SPINNER\r\n   =========================================== */\r\n\r\n.loading-spinner {\r\n  border: 4px solid rgba(255, 255, 255, 0.3);\r\n  border-radius: 50%;\r\n  border-top: 4px solid #ffffff;\r\n  width: 40px;\r\n  height: 40px;\r\n  margin: 0 auto;\r\n  animation: spin 1s linear infinite;\r\n}\r\n\r\n@keyframes spin {\r\n  0% {\r\n    transform: rotate(0deg);\r\n  }\r\n  100% {\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n\r\n/* ===========================================\r\n   ALTERNATIVE BUTTON STYLES\r\n   =========================================== */\r\n\r\n/* Secondary Button (Outline) */\r\n\r\n.btn-secondary {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 10px 25px;\r\n  line-height: 1.2;\r\n  background: transparent;\r\n  border: 2px solid #FFCC02;\r\n  border-radius: 3px;\r\n  color: #FFCC02;\r\n  font-weight: 700;\r\n  font-size: 1.125rem;\r\n  -webkit-text-decoration: none;\r\n  text-decoration: none;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n}\r\n\r\n.btn-secondary:hover {\r\n  background: #FFCC02;\r\n  color: #000;\r\n}\r\n\r\n/* Dark Background Buttons */\r\n\r\n.btn-on-dark {\r\n  color: #fff;\r\n  border-color: #fff;\r\n}\r\n\r\n.btn-on-dark:hover {\r\n  background: #fff;\r\n  color: #000;\r\n}\r\n\r\n/**\r\n * Accordion Styles\r\n *\r\n * Reusable accordion/collapsible section styles.\r\n * Used for FAQ sections and expandable content.\r\n */\r\n\r\n/* ===========================================\r\n   BASIC ACCORDION\r\n   =========================================== */\r\n\r\n.accordion {\r\n  border-bottom: 1px solid #D5D8DC;\r\n}\r\n\r\n.accordion-checkbox {\r\n  position: absolute;\r\n  opacity: 0;\r\n  z-index: -1;\r\n  display: none;\r\n}\r\n\r\n.accordion-label {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  cursor: pointer;\r\n  padding: 12px 0;\r\n  font-weight: 600;\r\n}\r\n\r\n.accordion-label::after {\r\n  content: \"+\";\r\n  width: 2rem;\r\n  height: 2rem;\r\n  font-size: 24px;\r\n  font-weight: 600;\r\n  text-align: center;\r\n  transition: all 0.35s;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.accordion-checkbox:checked + .accordion-label::after {\r\n  transform: rotate(45deg);\r\n}\r\n\r\n.accordion-content {\r\n  max-height: 0;\r\n  overflow: hidden;\r\n  transition: max-height 0.35s ease;\r\n}\r\n\r\n.accordion-checkbox:checked ~ .accordion-content {\r\n  max-height: none;\r\n}\r\n\r\n/* ===========================================\r\n   FAQ ACCORDION VARIANT\r\n   =========================================== */\r\n\r\n.accrodion {\r\n  border-bottom: 1px solid #D5D8DC;\r\n}\r\n\r\n.checkbox {\r\n  position: absolute;\r\n  opacity: 0;\r\n  z-index: -1;\r\n}\r\n\r\n.checkbox:checked ~ .accrodion-content {\r\n  max-height: none;\r\n}\r\n\r\n.accrodion-label {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  cursor: pointer;\r\n}\r\n\r\n.accrodion-label::after {\r\n  content: \"+\";\r\n  width: 2rem;\r\n  height: 2rem;\r\n  font-size: 24px;\r\n  font-weight: 600;\r\n  text-align: center;\r\n  transition: all 0.35s;\r\n}\r\n\r\n.checkbox:checked + .accrodion-label::after {\r\n  transform: rotate(45deg);\r\n}\r\n\r\n.accrodion-content {\r\n  max-height: 0;\r\n  overflow: hidden;\r\n  transition: max-height 0.35s ease;\r\n}\r\n\r\n/* ===========================================\r\n   STYLED ACCORDION (Card Style)\r\n   =========================================== */\r\n\r\n.accordion-card {\r\n  background: rgba(242, 242, 242, 0.8);\r\n  padding: 12px 16px;\r\n  border: 1px solid #F1F1F1;\r\n  border-left: 4px solid #B1B1B1;\r\n  margin-bottom: 8px;\r\n  border-radius: 0;\r\n}\r\n\r\n.accordion-card .accordion-label {\r\n  padding: 4px 0;\r\n  font-size: 1.25rem;\r\n  text-transform: uppercase;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .accordion-card .accordion-label {\r\n    font-size: 1.5rem;\r\n  }\r\n}\r\n\r\n.accordion-card .accordion-content {\r\n  font-size: 1.25rem;\r\n  font-weight: 500;\r\n}\r\n\r\n/* ===========================================\r\n   MINIMAL ACCORDION\r\n   =========================================== */\r\n\r\n.accordion-minimal {\r\n  border: none;\r\n}\r\n\r\n.accordion-minimal .accordion-label {\r\n  padding: 8px 0;\r\n  font-weight: 500;\r\n}\r\n\r\n.accordion-minimal .accordion-label::after {\r\n  content: \"\";\r\n  width: 8px;\r\n  height: 8px;\r\n  border-right: 2px solid currentColor;\r\n  border-bottom: 2px solid currentColor;\r\n  transform: rotate(45deg);\r\n  font-size: inherit;\r\n}\r\n\r\n.accordion-minimal .accordion-checkbox:checked + .accordion-label::after {\r\n  transform: rotate(-135deg);\r\n}\r\n\r\n/* Container */\r\n\r\n.progress-container {\r\n  max-width: 600px;\r\n  margin: 0 auto 40px;\r\n  text-align: center;\r\n}\r\n\r\n/* Label Row */\r\n\r\n.progress-label {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  margin-bottom: 10px;\r\n  color: #ffffff;\r\n}\r\n\r\n/* Count Display (e.g., \"5 / 20\") */\r\n\r\n#progress-text,\r\n.progress-count {\r\n  font-size: 28px;\r\n  font-weight: bold;\r\n  color: #FFCC00;\r\n}\r\n\r\n/* Title (e.g., \"Items Completed\") */\r\n\r\n.progress-title {\r\n  font-size: 18px;\r\n  color: #d3b56a;\r\n}\r\n\r\n/* Bar Background */\r\n\r\n.progress-bar {\r\n  height: 24px;\r\n  background: rgba(255, 255, 255, 0.15);\r\n  border-radius: 12px;\r\n  overflow: hidden;\r\n  border: 2px solid rgba(255, 204, 0, 0.3);\r\n}\r\n\r\n/* Bar Fill (animated) */\r\n\r\n.progress-bar-fill {\r\n  height: 100%;\r\n  background: linear-gradient(90deg, #FFCC00 0%, #FFA500 100%);\r\n  border-radius: 10px;\r\n  transition: width 0.5s ease-in-out;\r\n  min-width: 0;\r\n}\r\n\r\n/* =============================================\r\n   ALTERNATIVE THEMES\r\n   ============================================= */\r\n\r\n/* Green Theme */\r\n\r\n.progress-bar--green .progress-bar {\r\n  border-color: rgba(76, 175, 80, 0.3);\r\n}\r\n\r\n.progress-bar--green .progress-bar-fill {\r\n  background: linear-gradient(90deg, #4CAF50 0%, #8BC34A 100%);\r\n}\r\n\r\n.progress-bar--green #progress-text,\r\n.progress-bar--green .progress-count {\r\n  color: #4CAF50;\r\n}\r\n\r\n.progress-bar--green .progress-title {\r\n  color: #8BC34A;\r\n}\r\n\r\n/* Blue Theme */\r\n\r\n.progress-bar--blue .progress-bar {\r\n  border-color: rgba(33, 150, 243, 0.3);\r\n}\r\n\r\n.progress-bar--blue .progress-bar-fill {\r\n  background: linear-gradient(90deg, #2196F3 0%, #03A9F4 100%);\r\n}\r\n\r\n.progress-bar--blue #progress-text,\r\n.progress-bar--blue .progress-count {\r\n  color: #2196F3;\r\n}\r\n\r\n.progress-bar--blue .progress-title {\r\n  color: #03A9F4;\r\n}\r\n\r\n/* =============================================\r\n   ITEM GRID STYLES\r\n   ============================================= */\r\n\r\n/* Grid Container */\r\n\r\n.item-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  grid-gap: 15px;\r\n  gap: 15px;\r\n  max-width: 1000px;\r\n  margin: 0 auto;\r\n}\r\n\r\n@media (min-width: 640px) {\r\n  .item-grid {\r\n    grid-template-columns: repeat(4, 1fr);\r\n  }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .item-grid {\r\n    grid-template-columns: repeat(5, 1fr);\r\n  }\r\n}\r\n\r\n/* Individual Item */\r\n\r\n.item {\r\n  position: relative;\r\n  aspect-ratio: 1;\r\n  cursor: pointer;\r\n  transition: transform 0.3s ease, filter 0.3s ease;\r\n  border-radius: 12px;\r\n  overflow: hidden;\r\n  background: rgba(255, 255, 255, 0.05);\r\n}\r\n\r\n.item img {\r\n  width: 100%;\r\n  height: 100%;\r\n  -o-object-fit: cover;\r\n     object-fit: cover;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.item-number {\r\n  position: absolute;\r\n  bottom: 8px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  background: rgba(0, 0, 0, 0.8);\r\n  color: #fff;\r\n  padding: 4px 16px;\r\n  border-radius: 20px;\r\n  font-weight: bold;\r\n  font-size: 14px;\r\n}\r\n\r\n/* =============================================\r\n   ITEM STATES\r\n   ============================================= */\r\n\r\n/* Available State */\r\n\r\n.item[data-state=\"available\"] {\r\n  cursor: pointer;\r\n}\r\n\r\n.item[data-state=\"available\"]:hover {\r\n  transform: scale(1.05);\r\n}\r\n\r\n.item[data-state=\"available\"]:hover img {\r\n  transform: scale(1.1);\r\n}\r\n\r\n.item[data-state=\"available\"]::after {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  left: 0;\r\n  border: 3px solid #FFCC00;\r\n  border-radius: 12px;\r\n  animation: item-pulse 2s infinite;\r\n  pointer-events: none;\r\n}\r\n\r\n/* Claimed State */\r\n\r\n.item[data-state=\"claimed\"] {\r\n  cursor: default;\r\n}\r\n\r\n.item[data-state=\"claimed\"]::after {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  left: 0;\r\n  border: 3px solid #4CAF50;\r\n  border-radius: 12px;\r\n  pointer-events: none;\r\n}\r\n\r\n/* Locked State */\r\n\r\n.item[data-state=\"locked\"] {\r\n  cursor: not-allowed;\r\n  filter: grayscale(100%);\r\n  opacity: 0.5;\r\n}\r\n\r\n/* Expired State */\r\n\r\n.item[data-state=\"expired\"] {\r\n  cursor: not-allowed;\r\n  opacity: 0.6;\r\n}\r\n\r\n.item[data-state=\"expired\"]::after {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  left: 0;\r\n  border: 3px solid #f44336;\r\n  border-radius: 12px;\r\n  pointer-events: none;\r\n}\r\n\r\n/* Pulse Animation for Available Items */\r\n\r\n@keyframes item-pulse {\r\n  0%, 100% {\r\n    box-shadow: 0 0 0 0 rgba(255, 204, 0, 0.4);\r\n  }\r\n  50% {\r\n    box-shadow: 0 0 20px 10px rgba(255, 204, 0, 0);\r\n  }\r\n}\r\n\r\n/* Progress bar & item grid for multi-item campaigns */\r\n\r\n/* ===========================================\r\n   TAILWIND CSS\r\n   Note: @tailwind base is excluded - CMS provides its own resets\r\n   =========================================== */\r\n\r\n.\\!container {\r\n  width: 100% !important;\r\n}\r\n\r\n.container {\r\n  width: 100%;\r\n}\r\n\r\n@media (min-width: 640px) {\r\n\r\n  .\\!container {\r\n    max-width: 640px !important;\r\n  }\r\n\r\n  .container {\r\n    max-width: 640px;\r\n  }\r\n}\r\n\r\n@media (min-width: 768px) {\r\n\r\n  .\\!container {\r\n    max-width: 768px !important;\r\n  }\r\n\r\n  .container {\r\n    max-width: 768px;\r\n  }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n\r\n  .\\!container {\r\n    max-width: 1024px !important;\r\n  }\r\n\r\n  .container {\r\n    max-width: 1024px;\r\n  }\r\n}\r\n\r\n@media (min-width: 1280px) {\r\n\r\n  .\\!container {\r\n    max-width: 1280px !important;\r\n  }\r\n\r\n  .container {\r\n    max-width: 1280px;\r\n  }\r\n}\r\n\r\n@media (min-width: 1536px) {\r\n\r\n  .\\!container {\r\n    max-width: 1536px !important;\r\n  }\r\n\r\n  .container {\r\n    max-width: 1536px;\r\n  }\r\n}\r\n\r\n.relative {\r\n  position: relative;\r\n}\r\n\r\n.z-10 {\r\n  z-index: 10;\r\n}\r\n\r\n.mx-auto {\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n}\r\n\r\n.mb-0 {\r\n  margin-bottom: 0;\r\n}\r\n\r\n.mb-6 {\r\n  margin-bottom: 3rem;\r\n}\r\n\r\n.mt-3 {\r\n  margin-top: 1.5rem;\r\n}\r\n\r\n.mt-6 {\r\n  margin-top: 3rem;\r\n}\r\n\r\n.block {\r\n  display: block;\r\n}\r\n\r\n.flex {\r\n  display: flex;\r\n}\r\n\r\n.table {\r\n  display: table;\r\n}\r\n\r\n.hidden {\r\n  display: none;\r\n}\r\n\r\n.max-w-4xl {\r\n  max-width: 56rem;\r\n}\r\n\r\n.flex-col {\r\n  flex-direction: column;\r\n}\r\n\r\n.items-center {\r\n  align-items: center;\r\n}\r\n\r\n.justify-center {\r\n  justify-content: center;\r\n}\r\n\r\n.overflow-hidden {\r\n  overflow: hidden;\r\n}\r\n\r\n.px-2 {\r\n  padding-left: 1rem;\r\n  padding-right: 1rem;\r\n}\r\n\r\n.px-4 {\r\n  padding-left: 2rem;\r\n  padding-right: 2rem;\r\n}\r\n\r\n.py-12 {\r\n  padding-top: 6rem;\r\n  padding-bottom: 6rem;\r\n}\r\n\r\n.py-2 {\r\n  padding-top: 1rem;\r\n  padding-bottom: 1rem;\r\n}\r\n\r\n.text-2xl {\r\n  font-size: 1.5rem;\r\n  line-height: 2rem;\r\n}\r\n\r\n.text-3xl {\r\n  font-size: 1.875rem;\r\n  line-height: 2.25rem;\r\n}\r\n\r\n.text-4xl {\r\n  font-size: 2.25rem;\r\n  line-height: 2.5rem;\r\n}\r\n\r\n.font-bold {\r\n  font-weight: 700;\r\n}\r\n\r\n.font-medium {\r\n  font-weight: 500;\r\n}\r\n\r\n.font-semibold {\r\n  font-weight: 600;\r\n}\r\n\r\n.text-white {\r\n  color: #FFFFFF;\r\n}\r\n\r\n.underline {\r\n  text-decoration-line: underline;\r\n}\r\n\r\n.filter {\r\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\r\n}\r\n\r\n/* ===========================================\r\n   UTILITY CLASSES\r\n   =========================================== */\r\n\r\nbody {\r\n    margin: 0;\r\n    padding: 0;\r\n    scroll-behavior: smooth;\r\n    text-rendering: optimizeSpeed;\r\n    min-height: 100%;\r\n    font-family: 'ProximaNovaCondensed', Arial, sans-serif;\r\n}\r\n\r\n.hidden {\r\n  display: none !important;\r\n}\r\n\r\n.display-none {\r\n  display: none;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .lg\\:display-none {\r\n    display: none;\r\n  }\r\n  .faq-corner-leaf--l2{\r\n    display: none;\r\n  }\r\n}\r\n\r\n/* ===========================================\r\n   CAMPAIGN-SPECIFIC STYLES\r\n   Add your campaign's unique styles below\r\n   =========================================== */\r\n\r\n/* Main Section */\r\n\r\n.campaign-section {\r\n  position: relative;\r\n  width: 100vw;\r\n  min-height: 95vh;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  overflow: hidden;\r\n  padding-bottom: 4rem;\r\n}\r\n\r\n.campaign-section-bg {\r\n  width: 100%;\r\n  max-width: 800px;\r\n  height: auto;\r\n  display: block;\r\n  pointer-events: none;\r\n}\r\n\r\n/* Section decorative overlays */\r\n\r\n.section-deco {\r\n  position: absolute;\r\n  pointer-events: none;\r\n  z-index: 1;\r\n}\r\n\r\n/* Green leaves — full width, vertically centered */\r\n\r\n.section-deco--leaves {\r\n  width: 70%;\r\n  height: 70%;\r\n  top: 27%;\r\n  left: 50%;\r\n  transform: translate(-50%, -30%);\r\n  opacity: 0.85;\r\n  animation: leaves-sway 5s ease-in;\r\n  transition: width 3s cubic-bezier(0.45, 0.05, 0.55, 0.95), height 3s cubic-bezier(0.45, 0.05, 0.55, 0.95);\r\n\r\n}\r\n\r\n@keyframes leaves-sway {\r\n  0%   { transform: translate(-50%, -30%) scale(1);    opacity: 0.6;  }\r\n  30%  { transform: translate(-50%, -30%) scale(1.06); opacity: 1;    }\r\n  60%  { transform: translate(-50%, -30%) scale(1.03); opacity: 0.9;  }\r\n  100% { transform: translate(-50%, -30%) scale(1);    opacity: 0.6;  }\r\n}\r\n\r\n/* Flying green leaves */\r\n\r\n.flying-leaf {\r\n  z-index: 2;\r\n  opacity: 0;\r\n}\r\n\r\n.flying-leaf--1 {\r\n  width: 60px;\r\n  top: 10%;\r\n  left: 6%;\r\n  animation: leaf-fly-1 9s ease-in-out infinite;\r\n  animation-delay: 0s;\r\n}\r\n\r\n.flying-leaf--2 {\r\n  width: 45px;\r\n  top: 50%;\r\n  right: 8%;\r\n  animation: leaf-fly-2 10s ease-in-out infinite;\r\n  animation-delay: 1.5s;\r\n}\r\n\r\n.flying-leaf--3 {\r\n  width: 75px;\r\n  bottom: 25%;\r\n  left: 18%;\r\n  animation: leaf-fly-3 12s ease-in-out infinite;\r\n  animation-delay: 3.5s;\r\n}\r\n\r\n.flying-leaf--4 {\r\n  width: 50px;\r\n  top: 30%;\r\n  right: 22%;\r\n  animation: leaf-fly-1 11s ease-in-out infinite;\r\n  animation-delay: 5s;\r\n}\r\n\r\n.flying-leaf--5 {\r\n  width: 35px;\r\n  top: 70%;\r\n  left: 40%;\r\n  animation: leaf-fly-2 8s ease-in-out infinite;\r\n  animation-delay: 7s;\r\n}\r\n\r\n@keyframes leaf-fly-1 {\r\n  0%   { opacity: 0;   transform: translate(0, 0)        rotate(0deg);   }\r\n  8%   { opacity: 0.9; }\r\n  50%  { opacity: 0.8; transform: translate(45px, 70px)  rotate(90deg);  }\r\n  92%  { opacity: 0.6; }\r\n  100% { opacity: 0;   transform: translate(20px, 130px) rotate(175deg); }\r\n}\r\n\r\n@keyframes leaf-fly-2 {\r\n  0%   { opacity: 0;   transform: translate(0, 0)         rotate(0deg);    }\r\n  8%   { opacity: 0.8; }\r\n  50%  { opacity: 0.7; transform: translate(-55px, 90px)  rotate(-110deg); }\r\n  92%  { opacity: 0.5; }\r\n  100% { opacity: 0;   transform: translate(-25px, 160px) rotate(-200deg); }\r\n}\r\n\r\n@keyframes leaf-fly-3 {\r\n  0%   { opacity: 0;   transform: translate(0, 0)         rotate(0deg);   }\r\n  8%   { opacity: 0.85; }\r\n  40%  { opacity: 0.75; transform: translate(35px, -55px) rotate(70deg);  }\r\n  80%  { opacity: 0.6;  transform: translate(65px, 45px)  rotate(140deg); }\r\n  100% { opacity: 0;    transform: translate(90px, 110px) rotate(210deg); }\r\n}\r\n\r\n/* ===========================================\r\n   PAGE-WIDE FLYING LEAVES\r\n   Fixed overlay — floats over entire page\r\n   =========================================== */\r\n\r\n.page-leaves {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  pointer-events: none;\r\n  z-index: 10;\r\n  overflow: visible;\r\n}\r\n\r\n.page-leaf {\r\n  position: absolute;\r\n  opacity: 0;\r\n  pointer-events: none;\r\n}\r\n\r\n/* green-leaf1 — hero + campaign section */\r\n\r\n.page-leaf--1  { width: 55px; top:  5vh; left:  3%; animation: leaf-fly-1 14s ease-in-out infinite; animation-delay:  0s; }\r\n\r\n.page-leaf--2  { width: 40px; top: 20vh; right: 5%; animation: leaf-fly-2 16s ease-in-out infinite; animation-delay:  2s; }\r\n\r\n.page-leaf--3  { width: 65px; top: 60vh; left:  8%; animation: leaf-fly-3 18s ease-in-out infinite; animation-delay:  4s; }\r\n\r\n.page-leaf--4  { width: 48px; top: 80vh; right:10%; animation: leaf-fly-1 13s ease-in-out infinite; animation-delay:  6s; }\r\n\r\n.page-leaf--5  { width: 35px; top:120vh; left: 25%; animation: leaf-fly-2 15s ease-in-out infinite; animation-delay:  8s; }\r\n\r\n.page-leaf--6  { width: 58px; top: 15vh; left: 55%; animation: leaf-fly-3 17s ease-in-out infinite; animation-delay:  3s; }\r\n\r\n.page-leaf--7  { width: 42px; top:100vh; right:30%; animation: leaf-fly-1 12s ease-in-out infinite; animation-delay: 10s; }\r\n\r\n.page-leaf--8  { width: 30px; top: 40vh; left: 82%; animation: leaf-fly-2 19s ease-in-out infinite; animation-delay:  7s; }\r\n\r\n/* pink-leaf1 — mid + lower sections */\r\n\r\n.page-leaf--11 { width: 50px; top:140vh; left: 12%; animation: leaf-fly-2 17s ease-in-out infinite; animation-delay:  5s; }\r\n\r\n.page-leaf--12 { width: 38px; top:200vh; right:20%; animation: leaf-fly-3 13s ease-in-out infinite; animation-delay: 11s; }\r\n\r\n/* pink-leaf2 — info + FAQ sections */\r\n\r\n.page-leaf--13 { width: 56px; top:170vh; right: 4%; animation: leaf-fly-1 16s ease-in-out infinite; animation-delay:  0.5s; }\r\n\r\n.page-leaf--14 { width: 32px; top:230vh; left: 60%; animation: leaf-fly-2 14s ease-in-out infinite; animation-delay: 12s; }\r\n\r\n/* green-leaf1 — FAQ section extra coverage */\r\n\r\n.page-leaf--15 { width: 60px; top:210vh; left:  4%; animation: leaf-fly-1 15s ease-in-out infinite; animation-delay:  1s; }\r\n\r\n.page-leaf--16 { width: 45px; top:240vh; right: 6%; animation: leaf-fly-3 17s ease-in-out infinite; animation-delay:  3s; }\r\n\r\n.page-leaf--17 { width: 50px; top:260vh; left: 40%; animation: leaf-fly-2 13s ease-in-out infinite; animation-delay:  6s; }\r\n\r\n.page-leaf--18 { width: 38px; top:220vh; left: 70%; animation: leaf-fly-1 18s ease-in-out infinite; animation-delay:  9s; }\r\n\r\n.page-leaf--19 { width: 55px; top:280vh; right:25%; animation: leaf-fly-3 14s ease-in-out infinite; animation-delay:  2s; }\r\n\r\n.page-leaf--20 { width: 42px; top:250vh; left: 15%; animation: leaf-fly-2 16s ease-in-out infinite; animation-delay:  7s; }\r\n\r\n/* Blur flower — left side, center height */\r\n\r\n.section-deco--blur-flower {\r\n  width: 220px;\r\n  height: auto;\r\n  top: 50%;\r\n  opacity: 0.4;\r\n  left: -6%;\r\n  animation: blur-flower-fade 5s ease-in-out infinite;\r\n  transform: translateY(-50%) rotate(180deg);\r\n}\r\n\r\n@keyframes blur-flower-fade {\r\n  0%, 100% { opacity: 0.4; }\r\n  50%       { opacity: 0.1; }\r\n}\r\n\r\n/* Flower variants — different positions around the section */\r\n\r\n.section-deco--flower {\r\n  width: 180px;\r\n  height: auto;\r\n  opacity: 0.6;\r\n}\r\n\r\n/* Right center */\r\n\r\n.section-deco--flower-1 {\r\n  top: 50%;\r\n  right: -20px;\r\n \r\n}\r\n\r\n/* Top left */\r\n\r\n.section-deco--flower-2 {\r\n  top: 30%;\r\n  left: 26%;\r\n  transform: rotate(-20deg) scale(0.75);\r\n  opacity: 0.45;\r\n  width: 100px;\r\n}\r\n\r\n/* Bottom right */\r\n\r\n.section-deco--flower-3 {\r\n  top: 40%;\r\n  right: 15%;\r\n  transform: scaleX(-1) rotate(-15deg) scale(0.8);\r\n  opacity: 0.45;\r\n  width: 80px;\r\n}\r\n\r\n/* Bottom left */\r\n\r\n.section-deco--flower-4 {\r\n  bottom: 32%;\r\n  left: 15%;\r\n  transform: rotate(150deg) scale(0.7);\r\n  opacity: 0.6;\r\n}\r\n\r\n/* Idle: continuous flower blooming */\r\n\r\n.section-deco--flower-1 {\r\n  animation: flower-bloom-1 4s ease-in-out infinite;\r\n  animation-delay: 0s;\r\n}\r\n\r\n.section-deco--flower-2 {\r\n  animation: flower-bloom-2 5s ease-in-out infinite;\r\n  animation-delay: 1s;\r\n}\r\n\r\n.section-deco--flower-3 {\r\n  animation: flower-bloom-3 4.5s ease-in-out infinite;\r\n  animation-delay: 2s;\r\n}\r\n\r\n.section-deco--flower-4 {\r\n  animation: flower-bloom-4 5.5s ease-in-out infinite;\r\n  animation-delay: 0.5s;\r\n}\r\n\r\n@keyframes flower-bloom-1 {\r\n  0%, 100% { opacity: 0.6;  transform: scale(1);    }\r\n  50%       { opacity: 1;    transform: scale(1.15); }\r\n}\r\n\r\n@keyframes flower-bloom-2 {\r\n  0%, 100% { opacity: 0.45; transform: rotate(-20deg) scale(0.75); }\r\n  50%       { opacity: 0.85; transform: rotate(-20deg) scale(0.92); }\r\n}\r\n\r\n@keyframes flower-bloom-3 {\r\n  0%, 100% { opacity: 0.45; transform: scaleX(-1) rotate(-15deg) scale(0.8);  }\r\n  50%       { opacity: 0.85; transform: scaleX(-1) rotate(-15deg) scale(0.98); }\r\n}\r\n\r\n@keyframes flower-bloom-4 {\r\n  0%, 100% { opacity: 0.6;  transform: rotate(150deg) scale(0.7);  }\r\n  50%       { opacity: 1;    transform: rotate(150deg) scale(0.88); }\r\n}\r\n\r\n/* Hero Section Example */\r\n\r\n.hero-section {\r\n  position: relative;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  min-height:80vh;\r\n  text-align: center;\r\n}\r\n\r\n\r\n@media (max-width: 767px) {\r\n  .hero-section {\r\n    min-height: 100vh;\r\n  }\r\n}\r\n\r\n/* Tablets + iPad Mini */\r\n@media (min-width: 768px) and (max-width: 1023px) {\r\n  .hero-section {\r\n    min-height: 80vh;\r\n  }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .hero-section {\r\n    min-height: 85vh;\r\n\tmargin-bottom: 2rem;\r\n  }\r\n}\r\n\r\n\r\n/* Game/Interactive Section Example */\r\n\r\n.game-section {\r\n  position: relative;\r\n  width: 100vw;\r\n  height: 100vh;\r\n  overflow: hidden;\r\n}\r\n\r\n/* Image Container */\r\n\r\n.image-wrapper {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: auto;\r\n  height: auto;\r\n}\r\n\r\n/* Main Campaign Image */\r\n\r\n.campaign-image {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  height: 100vh;\r\n  width: auto;\r\n  -o-object-fit: cover;\r\n     object-fit: cover;\r\n  display: block;\r\n}\r\n\r\n/* ===========================================\r\n   LOGO WRAPPER\r\n   =========================================== */\r\n\r\n.logo-wrapper {\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 70%;\r\n  margin-bottom: 0;\r\n}\r\n\r\n.logo-leaf {\r\n  position: absolute;\r\n  width: 110%;\r\n  height: auto;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  pointer-events: none;\r\n  z-index: 0;\r\n  animation: leaf-breathe 7s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;\r\n}\r\n\r\n@keyframes leaf-breathe {\r\n  0%   { transform: translate(-50%, -50%) scale(1)    rotate(0deg);   opacity: 0.82; filter: brightness(1);    }\r\n  15%  { transform: translate(-50%, -50%) scale(1.02) rotate(0.8deg); opacity: 0.86; filter: brightness(1.05); }\r\n  30%  { transform: translate(-50%, -50%) scale(1.04) rotate(1.6deg); opacity: 0.9;  filter: brightness(1.09); }\r\n  50%  { transform: translate(-50%, -50%) scale(1.06) rotate(2deg);   opacity: 0.95; filter: brightness(1.14); }\r\n  70%  { transform: translate(-50%, -50%) scale(1.04) rotate(1.4deg); opacity: 0.9;  filter: brightness(1.09); }\r\n  85%  { transform: translate(-50%, -50%) scale(1.02) rotate(0.6deg); opacity: 0.86; filter: brightness(1.05); }\r\n  100% { transform: translate(-50%, -50%) scale(1)    rotate(0deg);   opacity: 0.82; filter: brightness(1);    }\r\n}\r\n\r\n.logo-img {\r\n  position: relative;\r\n  width: 100%;\r\n  height: auto;\r\n  z-index: 1;\r\n}\r\n\r\n/* ===========================================\r\n   SCROLL INDICATOR\r\n   =========================================== */\r\n\r\n.scroll-indicator {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 2px;\r\n  margin-top: 1.5rem;\r\n  -webkit-text-decoration: none;\r\n  text-decoration: none;\r\n  cursor: pointer;\r\n}\r\n\r\n.scroll-arrow {\r\n  display: block;\r\n  width: 20px;\r\n  height: 20px;\r\n  border-right: 3px solid rgba(255, 255, 255, 0.85);\r\n  border-bottom: 3px solid rgba(255, 255, 255, 0.85);\r\n  transform: rotate(45deg);\r\n  animation: scroll-bounce 1.4s ease-in-out infinite;\r\n}\r\n\r\n.scroll-arrow:nth-child(2) {\r\n  animation-delay: 0.2s;\r\n  opacity: 0.55;\r\n}\r\n\r\n@keyframes scroll-bounce {\r\n  0%        { transform: rotate(45deg) translate(-4px, -4px); opacity: 0; }\r\n  50%       { opacity: 1; }\r\n  100%      { transform: rotate(45deg) translate(4px, 4px);  opacity: 0; }\r\n}\r\n\r\n/* ===========================================\r\n   CAMPAIGN PLAY AREA\r\n   =========================================== */\r\n\r\n.campaign-play-area {\r\n  position: relative;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 1.25rem;\r\n  padding: 15rem 0 3rem 0;\r\n  width: 75%;\r\n}\r\n\r\n.orb-cta-hint {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 0.25rem;\r\n  margin-top: 7rem;\r\n  z-index: 3;\r\n}\r\n\r\n.orb-cta-hint__title{\r\n  text-shadow: 0 0 12px rgba(255, 120, 0, 0.6), 0 1px 4px rgba(0, 0, 0, 0.8);\r\n}\r\n\r\n.orb-cta-hint__row1 {\r\n  display: block;\r\n  align-items: center;\r\n  text-align: center;\r\n}\r\n\r\n.orb-cta-hint__icon {\r\n  width: 36px;\r\n  height: auto;\r\n  flex-shrink: 0;\r\n  animation: hand-tap 2.4s ease-in-out infinite;\r\n  margin-right: 0.5rem;\r\n}\r\n\r\n@keyframes hand-tap {\r\n  0%, 100% { transform: translateY(0); }\r\n  50%       { transform: translateY(6px); }\r\n}\r\n\r\n.orb-cta-hint__line {\r\n  color: #fff;\r\n  font-size: 1.8rem;\r\n  font-weight: 900;\r\n  text-transform: uppercase;\r\n  line-height: 1.3;\r\n  text-shadow: 0 0 12px rgba(255, 120, 0, 0.6), 0 1px 4px rgba(0, 0, 0, 0.8);\r\n  margin: 0;\r\n}\r\n\r\n.campaign-play-label {\r\n  color: #fff;\r\n  font-size: 2rem;\r\n  font-weight: 800;\r\n  padding-bottom: 4rem;\r\n  text-align: center;\r\n  text-shadow: 0 0 18px rgba(255, 150, 0, 0.7), 0 2px 6px rgba(0, 0, 0, 0.5);\r\n  letter-spacing: 0.04em;\r\n  margin: 0;\r\n}\r\n\r\n/* ===========================================\r\n   ORB WRAPPER & LAYERED IMAGES\r\n   =========================================== */\r\n\r\n.orb-wrapper {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n/* Layer 0: dark magenta accent leaves — behibtn-layer--glownd everything */\r\n\r\n.orb-deco--pink-1 {\r\n  position: absolute;\r\n  width: 70px;\r\n  height: auto;\r\n  top: 20px;\r\n  left: 30px;\r\n  pointer-events: none;\r\n  z-index: 0;\r\n  transform: rotate(-40deg);\r\n  opacity: 0.85;\r\n}\r\n\r\n.orb-deco--pink-2 {\r\n  position: absolute;\r\n  width: 90px;\r\n  height: auto;\r\n  bottom: 30px;\r\n  right: 20px;\r\n  pointer-events: none;\r\n  z-index: 0;\r\n  transform: rotate(30deg);\r\n  opacity: 0.85;\r\n}\r\n\r\n/* Layer 1: pink hibiscus flowers */\r\n\r\n/* blur-flower (soft) — left side */\r\n\r\n.orb-deco--blur {\r\n  position: absolute;\r\n  width: 160px;\r\n  height: auto;\r\n  top: 55%;\r\n  left: 10px;\r\n  transform: translateY(-50%) rotate(15deg);\r\n  pointer-events: none;\r\n  z-index: 1;\r\n}\r\n\r\n/* flower (crisp) — right side */\r\n\r\n.orb-deco--flower {\r\n  position: absolute;\r\n  width: 140px;\r\n  height: auto;\r\n  top: 60%;\r\n  right: 10px;\r\n  transform: translateY(-50%) scaleX(-1) rotate(10deg);\r\n  pointer-events: none;\r\n  z-index: 1;\r\n}\r\n\r\n/* Layer 2: green leaves scattered around orb */\r\n\r\n/* top-left, pointing toward orb */\r\n\r\n.orb-deco--green-1 {\r\n  position: absolute;\r\n  width: 90px;\r\n  height: auto;\r\n  top: 0px;\r\n  left: 80px;\r\n  pointer-events: none;\r\n  z-index: 2;\r\n  transform: rotate(50deg);\r\n}\r\n\r\n/* top-right */\r\n\r\n.orb-deco--green-2 {\r\n  position: absolute;\r\n  width: 80px;\r\n  height: auto;\r\n  top: 10px;\r\n  right: 70px;\r\n  pointer-events: none;\r\n  z-index: 2;\r\n  transform: rotate(-50deg) scaleX(-1);\r\n}\r\n\r\n/* bottom-left with scattered small leaves */\r\n\r\n.orb-deco--green-3 {\r\n  position: absolute;\r\n  width: 110px;\r\n  height: auto;\r\n  bottom: 10px;\r\n  left: 55px;\r\n  pointer-events: none;\r\n  z-index: 2;\r\n  transform: rotate(-20deg);\r\n}\r\n\r\n/* bottom-right with scattered small leaves */\r\n\r\n.orb-deco--green-4 {\r\n  position: absolute;\r\n  width: 110px;\r\n  height: auto;\r\n  bottom: 10px;\r\n  right: 50px;\r\n  pointer-events: none;\r\n  z-index: 2;\r\n  transform: rotate(20deg) scaleX(-1);\r\n}\r\n\r\n/* Layer 4: reflection arc overlay inside orb */\r\n\r\n.orb-reflection {\r\n  position: absolute;\r\n  width: 100%;\r\n  height: 100%;\r\n  top: 0;\r\n  left: 0;\r\n  border-radius: 50%;\r\n  -o-object-fit: cover;\r\n     object-fit: cover;\r\n  pointer-events: none;\r\n  z-index: 1;\r\n  opacity: 0.5;\r\n  mix-blend-mode: screen;\r\n}\r\n\r\n/* Layer 5: hand tap hint */\r\n\r\n.orb-hand {\r\n  position: absolute;\r\n  width: 48px;\r\n  height: auto;\r\n  bottom: -5px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  pointer-events: none;\r\n  z-index: 4;\r\n  animation: hand-tap 2.4s ease-in-out infinite;\r\n}\r\n\r\n/* Full-width burst background behind orb area */\r\n\r\n.play-area-bg {\r\n  position: absolute;\r\n  opacity: 0.5;\r\n  width: 100%;\r\n  height: 100%;\r\n  top: 40%;\r\n  left: 50%;\r\n  pointer-events: none;\r\n  z-index: 0;\r\n  -o-object-fit: cover;\r\n     object-fit: cover;\r\n  animation: particles-drift 5s ease-in-out infinite;\r\n}\r\n\r\n@keyframes particles-drift {\r\n  0%, 100% { transform: translate(-50%, -50%) scale(1);    opacity: 0.5; }\r\n  50%       { transform: translate(-50%, -50%) scale(1.04); opacity: 0.65; }\r\n}\r\n\r\n/* Orb Button — transparent shell, layers inside */\r\n\r\n.campaign-play-btn {\r\n  border: none;\r\n  background: transparent;\r\n  cursor: pointer;\r\n  position: relative;\r\n  z-index: 2;\r\n  padding: 0;\r\n  animation: btn-breathe 3s ease-in-out infinite;\r\n}\r\n\r\n/* PRE-CLICK: breathing */\r\n\r\n@keyframes btn-breathe {\r\n  0%, 100% { transform: scale(1); }\r\n  50%       { transform: scale(1.03); }\r\n}\r\n\r\n/* CLICK: shine-only pulse for bonus popup */\r\n\r\n.campaign-play-btn.btn-shine-only .btn-layer--shine {\r\n  animation: shine-simple-pulse 1s ease-in-out forwards !important;\r\n}\r\n\r\n@keyframes shine-simple-pulse {\r\n  0%   { transform: translate(-50%, -50%) scale(0.8); opacity: 0.5; }\r\n  50%  { transform: translate(-50%, -50%) scale(1.4); opacity: 1;   }\r\n  100% { transform: translate(-50%, -50%) scale(1);   opacity: 0.7; }\r\n}\r\n\r\n/* CLICK: brightness surge */\r\n\r\n.campaign-play-btn.btn-animating {\r\n  animation: btn-brightness-surge 1.8s ease-out forwards !important;\r\n  overflow: hidden;\r\n  border-radius: 50%;\r\n}\r\n\r\n@keyframes btn-brightness-surge {\r\n  0%   { transform: scale(1);    filter: brightness(1);   }\r\n  20%  { transform: scale(1.06); filter: brightness(2.5); }\r\n  50%  { transform: scale(1.04); filter: brightness(1.8); }\r\n  100% { transform: scale(1);    filter: brightness(1);   }\r\n}\r\n\r\n/* CLICK: particles burst outward — ::before top-right, ::after bottom-left */\r\n\r\n.campaign-play-btn.btn-animating::before,\r\n.campaign-play-btn.btn-animating::after {\r\n  content: '';\r\n  position: absolute;\r\n  top: 50%; left: 50%;\r\n  border-radius: 50%;\r\n  pointer-events: none;\r\n  z-index: 10;\r\n}\r\n\r\n.campaign-play-btn.btn-animating::before {\r\n  width: 18%; height: 18%;\r\n  background: radial-gradient(circle, rgba(255, 210, 60, 1) 0%, rgba(255, 140, 0, 0.4) 60%, transparent 100%);\r\n  animation: particle-out-1 0.9s ease-out forwards;\r\n}\r\n\r\n.campaign-play-btn.btn-animating::after {\r\n  width: 14%; height: 14%;\r\n  background: radial-gradient(circle, rgba(255, 180, 255, 1) 0%, rgba(200, 80, 255, 0.4) 60%, transparent 100%);\r\n  animation: particle-out-2 0.85s ease-out forwards;\r\n  animation-delay: 0.08s;\r\n}\r\n\r\n@keyframes particle-out-1 {\r\n  0%   { transform: translate(-50%, -50%) scale(1);   opacity: 1; }\r\n  100% { transform: translate(calc(-50% + 180px), calc(-50% - 180px)) scale(0.2); opacity: 0; }\r\n}\r\n\r\n@keyframes particle-out-2 {\r\n  0%   { transform: translate(-50%, -50%) scale(1);   opacity: 1; }\r\n  100% { transform: translate(calc(-50% - 160px), calc(-50% + 160px)) scale(0.2); opacity: 0; }\r\n}\r\n\r\n/* All button image layers share the same absolute center position */\r\n\r\n.btn-layer {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  pointer-events: none;\r\n}\r\n\r\n/* Layer 1: orange glow ring — slow rotation */\r\n\r\n.btn-layer--glow {\r\n  width: 85%;\r\n  z-index: 1;\r\n  animation: glow-rotate 30s linear infinite, glow-pulse 3s ease-in-out infinite;\r\n}\r\n\r\n@keyframes glow-rotate {\r\n  from { transform: translate(-50%, -50%) rotate(0deg); }\r\n  to   { transform: translate(-50%, -50%) rotate(360deg); }\r\n}\r\n\r\n@keyframes glow-pulse {\r\n  0%, 100% { filter: brightness(1);   opacity: 0.8; }\r\n  50%       { filter: brightness(1.40); opacity: 1;   }\r\n}\r\n\r\n/* Layer 2: dark orb sphere */\r\n\r\n.btn-layer--orb {\r\n  width: 100%;\r\n  z-index: 2;\r\n}\r\n\r\n/* Layer 3: crescent glass reflection */\r\n\r\n.btn-layer--reflection {\r\n  width: 83%;\r\n  margin: 2rem 0 0 0;\r\n  z-index: 3;\r\n}\r\n\r\n/* Layer 4: golden lotus mandala */\r\n\r\n.btn-layer--flower {\r\n  width: 65%;\r\n  z-index: 4;\r\n  filter: drop-shadow(0 0 6px rgba(180, 0, 255, 0.7)) drop-shadow(0 0 14px rgba(140, 0, 220, 0.4)) hue-rotate(15deg);\r\n}\r\n\r\n/* Layer 5: bright star shine — idle pulse */\r\n\r\n.btn-layer--shine {\r\n  width: 60%;\r\n  z-index: 5;\r\n  mix-blend-mode: screen;\r\n  animation: shine-idle 3s ease-in-out infinite;\r\n}\r\n\r\n@keyframes shine-idle {\r\n  0%, 100% { transform: translate(-50%, -50%) scale(1);    opacity: 0.7; }\r\n  50%       { transform: translate(-50%, -50%) scale(1.15); opacity: 1;   }\r\n}\r\n\r\n/* CLICK: inner light — shine expands from center outward */\r\n\r\n.campaign-play-btn.btn-animating .btn-layer--shine {\r\n  animation: inner-light-expand 1.8s ease-out forwards !important;\r\n}\r\n\r\n@keyframes inner-light-expand {\r\n  0%   { transform: translate(-50%, -50%) scale(0);   opacity: 0;   }\r\n  15%  { transform: translate(-50%, -50%) scale(0.8); opacity: 0.5;   }\r\n  55%  { transform: translate(-50%, -50%) scale(2.2); opacity: 0.8; }\r\n  100% { transform: translate(-50%, -50%) scale(3);   opacity: 1;   }\r\n}\r\n\r\n/* CLICK: flower bloom shapes expand outward */\r\n\r\n.campaign-play-btn.btn-animating .btn-layer--flower {\r\n  animation: flower-bloom-expand 1.8s cubic-bezier(0.1, 0, 0.9, 1) forwards !important;\r\n}\r\n\r\n@keyframes flower-bloom-expand {\r\n  0%   { transform: translate(-50%, -50%) rotate(0deg)    scale(1);   opacity: 1; }\r\n  100% { transform: translate(-50%, -50%) rotate(1440deg) scale(1.2); opacity: 1; }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n\r\n  .logo-wrapper{\r\n    width: 90%;\r\n  }\r\n  .campaign-play-btn {\r\n    width: 280px;\r\n    height: 280px;\r\n  }\r\n  .btn-layer--glow {\r\n    width: 560px;\r\n  }\r\n  .btn-layer--reflection {\r\n    margin: 0.8rem 0 0 0;\r\n  }\r\n\r\n  .campaign-play-area {\r\n    padding: 4rem 0 2rem 0;\r\n  }\r\n\r\n  .orb-cta-hint {\r\n    margin-top: 2rem;\r\n  }\r\n\r\n  .orb-cta-hint__line {\r\n    font-size: 1.5rem;\r\n  }\r\n\r\n  .orb-cta-hint__icon {\r\n    width: 28px;\r\n  }\r\n\r\n  .day-counter__text{\r\n    font-size: 2rem !important;\r\n  }\r\n\r\n  /* Section decorative layers — scaled for mobile */\r\n  .section-deco--leaves {\r\n    width: 125%;\r\n    height: 50%;\r\n    top: 30%;\r\n    left: 50%;\r\n    transform: translate(-50%, -30%);\r\n  }\r\n\r\n  .section-deco--blur-flower {\r\n    display: none;\r\n  }\r\n\r\n  .section-deco--flower {\r\n    width: 100px;\r\n  }\r\n\r\n  .section-deco--flower-1 {\r\n    right: 1%;\r\n    top: 60%;\r\n  }\r\n\r\n  .section-deco--flower-2 {\r\n   width: 100px;\r\n   top: 15%;\r\n   left: 7%;\r\n   opacity: 1;\r\n  }\r\n\r\n  .section-deco--flower-3 {\r\n   display: none;\r\n  }\r\n\r\n  .section-deco--flower-4 {\r\n    display: none;\r\n  }\r\n}\r\n/* Tablets */\r\n@media (min-width: 768px) and (max-width: 1024px) {\r\n  .campaign-play-btn {\r\n    width: 380px;\r\n    height: 380px;\r\n  }\r\n  .btn-layer--glow {\r\n    width: 790px;\r\n  }\r\n  .campaign-play-area {\r\n    padding: 7rem 0 2rem 0;\r\n    width: 70%;\r\n  }\r\n  .section-deco--leaves {\r\n    width: 90%;\r\n    height: 55%;\r\n    top: 22%;\r\n  }\r\n  .play-area-bg {\r\n    width: 820px;\r\n    height: 750px;\r\n  }\r\n.logo-wrapper{\r\n    width: 60%;\r\n  }\r\n}\r\n\r\n/* Desktop */\r\n@media (min-width: 1024px) {\r\n  .campaign-play-btn {\r\n    width: 470px;\r\n    height: 470px;\r\n  }\r\n  .btn-layer--glow {\r\n    width: 950px;\r\n  }\r\n  .campaign-play-area {\r\n    padding: 6rem 0;\r\n    width: 60%;\r\n  }\r\n  .section-deco--leaves {\r\n    width: 50%;\r\n    height: 50%;\r\n  }\r\n}\r\n\r\n\r\n/* ===========================================\r\n   CAMPAIGN FAQ — DARK THEME\r\n   =========================================== */\r\n\r\n.campaign-faq {\r\n  position: relative;\r\n  z-index: 1;\r\n  background-color: #3F203E;\r\n  padding: 1rem 3rem;\r\n  max-width: 1200px;\r\n  width: 100%;\r\n  border-radius: 5px;\r\n}\r\n\r\n.campaign-faq h2 {\r\n  color: #ffffff;\r\n  margin: 1rem 0;\r\n}\r\n\r\n.campaign-faq .accordion-card {\r\n  background: #21011f;\r\n  border: 1px solid rgba(255, 255, 255, 0.1);\r\n  border-left: 4px solid rgba(74, 255, 86, 0.45);\r\n  margin-bottom: 6px;\r\n}\r\n\r\n.campaign-faq .accordion-label {\r\n  color: #ffffff;\r\n}\r\n\r\n.campaign-faq .accordion-label::after {\r\n  color: #ffffff;\r\n}\r\n\r\n.campaign-faq .accordion-content p {\r\n  color: #ffffff !important;\r\n  font-size: 1.25rem;\r\n}\r\n\r\n.campaign-faq .accordion-content a {\r\n  color: rgba(74, 255, 86, 0.9);\r\n  -webkit-text-decoration: none;\r\n  text-decoration: none;\r\n}\r\n\r\n/* ===========================================\r\n   FAQ CORNER LEAVES\r\n   =========================================== */\r\n\r\n.faq-corner-leaves {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  pointer-events: none;\r\n  overflow: visible;\r\n  z-index: 0;\r\n}\r\n\r\n.faq-corner-leaf {\r\n  position: absolute;\r\n  pointer-events: none;\r\n  opacity: 0;\r\n  transform: translateY(-30px) rotate(-20deg) scale(0.7);\r\n  transition: opacity 0.7s ease, transform 0.7s ease;\r\n}\r\n\r\n.faq-leaves-visible .faq-corner-leaf {\r\n  opacity: 0.92;\r\n  transform: translateY(0) rotate(0deg) scale(1);\r\n}\r\n\r\n.faq-leaves-visible .faq-corner-leaf--l1 { transition-delay: 0s; }\r\n\r\n.faq-leaves-visible .faq-corner-leaf--l2 { transition-delay: 0.15s; }\r\n\r\n.faq-leaves-visible .faq-corner-leaf--l3 { transition-delay: 0.3s; transform: rotate(-15deg); }\r\n\r\n.faq-leaves-visible .faq-corner-leaf--r1 { transition-delay: 0.1s; transform: scaleX(-1) rotate(-24deg); }\r\n\r\n.faq-leaves-visible .faq-corner-leaf--r2 { transition-delay: 0.25s; transform: scaleX(-1); }\r\n\r\n.faq-leaves-visible .faq-corner-leaf--r3 { transition-delay: 0.4s; transform: scaleX(-1) rotate(-15deg); }\r\n\r\n.faq-corner-leaf--l1 {\r\n  width: 90px;\r\n  left: -2%;\r\n  top: 0;\r\n}\r\n\r\n.faq-corner-leaf--l2 {\r\n  width: 175px;\r\n  left: -65px;\r\n  top: 20%;\r\n}\r\n\r\n.faq-corner-leaf--l3 {\r\n  width: 260px;\r\n  left: -8%;\r\n  transform: rotate(-15deg);\r\n  top: 62%;\r\n}\r\n\r\n.faq-corner-leaf--r1 {\r\n  width: 100px;\r\n  right: -2%;\r\n  top: -10%;\r\n  transform: scaleX(-1) rotate(-24deg);\r\n}\r\n\r\n.faq-corner-leaf--r2 {\r\n  width: 175px;\r\n  right: -5%;\r\n  top: 10%;\r\n  transform: scaleX(-1);\r\n}\r\n\r\n.faq-corner-leaf--r3 {\r\n  width: 260px;\r\n  right: -8%;\r\n  top: 80%;\r\n  transform: scaleX(-1) rotate(-15deg);\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .campaign-faq .accordion-content p {\r\n    font-size: 1rem;\r\n  }\r\n  /* Hide the flying leafs on mobile  */\r\n  .page-leaves{\r\n    display: none;\r\n  }\r\n  /* Hide middle leaves on mobile */\r\n  .faq-corner-leaf--l2,\r\n  .faq-corner-leaf--r2 {\r\n    display: none;\r\n  }\r\n  \r\n  .faq-corner-leaf--r1{\r\n    width: 160px;\r\n    right: -25%;\r\n    top: 4%;\r\n    transform: scaleX(-1) rotate(-21deg);\r\n  }\r\n\r\n  .faq-corner-leaf--l1 {\r\n    width: 90px;\r\n    left: -15%;\r\n    top: 13%;\r\n  }\r\n\r\n  /* Center bottom leaf */\r\n  .faq-corner-leaf--l3 {\r\n    top: auto;\r\n    bottom: -57px;\r\n    left: 30%;\r\n    transform: translateX(-30%);\r\n    width: 140px;\r\n  }\r\n\r\n  /* Bottom-left corner leaf */\r\n  .faq-corner-leaf--l2 {\r\n    display: block;\r\n    top: auto;\r\n    bottom: -33px;\r\n    left: -17%;\r\n    transform: rotate(-26deg);\r\n    width: 130px;\r\n  }\r\n\r\n  /* Bottom-right corner leaf */\r\n  .faq-corner-leaf--r3 {\r\n    top: auto;\r\n    bottom: -45px;\r\n    right: -68px;\r\n    width: 130px;\r\n    transform: scaleX(-1) rotate(-17deg);\r\n  }\r\n}\r\n\r\n/* ===========================================\r\n   CAMPAIGN INFO SECTION\r\n   =========================================== */\r\n\r\n.campaign-info-section {\r\n  width: 100%;\r\n  display: flex;\r\n  justify-content: center;\r\n  margin-top: 1rem;\r\n}\r\n\r\n.campaign-info-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  width: 90%;\r\n  max-width: 1200px;\r\n  border: 1px solid rgba(74, 255, 86, 0.35);\r\n  border-radius: 14px;\r\n  overflow: hidden;\r\n  padding: 1rem\r\n}\r\n\r\n.campaign-info-item {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: flex-start;\r\n  text-align: center;\r\n  padding: 1.25rem 1.5rem;\r\n  gap: 0.5rem;\r\n  position: relative;\r\n}\r\n\r\n/* Separator — partial height, centered vertically */\r\n\r\n.campaign-info-item:not(:last-child)::after {\r\n  content: '';\r\n  position: absolute;\r\n  right: 0;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n  width: 1px;\r\n  height: 95%;\r\n  background: rgba(74, 255, 86, 0.35);\r\n}\r\n\r\n.campaign-info-icon {\r\n  width: 44px;\r\n  height: 44px;\r\n  -o-object-fit: contain;\r\n     object-fit: contain;\r\n  filter: brightness(0) saturate(100%) invert(78%) sepia(60%) saturate(500%) hue-rotate(75deg) brightness(110%);\r\n}\r\n\r\n.campaign-info-title {\r\n  color: #fff;\r\n  margin-bottom: 0;\r\n  font-weight: 700;\r\n}\r\n\r\n.campaign-info-text {\r\n  color: #fff;\r\n  margin: 0;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .campaign-section {\r\n    min-height: -moz-fit-content;\r\n    min-height: fit-content;\r\n    margin-bottom: 1rem;\r\n    padding-bottom: 0;\r\n  }\r\n  \r\n  .campaign-info-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n    width: 95%;\r\n    padding: 0;\r\n  }\r\n\r\n  /* Remove pseudo-element separators on mobile */\r\n  .campaign-info-item:not(:last-child)::after {\r\n    display: none;\r\n  }\r\n\r\n  /* Right border on left column items */\r\n  .campaign-info-item:nth-child(odd) {\r\n    border-right: 1px solid rgba(74, 255, 86, 0.4);\r\n  }\r\n\r\n  /* Bottom border on top row */\r\n  .campaign-info-item:nth-child(-n+2) {\r\n    border-bottom: 1px solid rgba(74, 255, 86, 0.4);\r\n  }\r\n\r\n  .campaign-info-item {\r\n    padding: 1.5rem 1rem;\r\n  }\r\n  \r\n  .campaign-faq {\r\n    padding: 1rem;\r\n  }\r\n}\r\n\r\n/* ===========================================\r\n   DAY PROGRESS BAR\r\n   =========================================== */\r\n\r\n.day-progress-bar {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 1.5rem;\r\n  padding: 0.5rem 2rem 2.5rem;\r\n  width: 90%;\r\n  max-width: 900px;\r\n  align-self: center;\r\n  box-sizing: border-box;\r\n}\r\n\r\n/* —— Tag 5 von 14 —— */\r\n\r\n.day-counter {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 0.6rem;\r\n  width: 100%;\r\n  align-self: stretch;\r\n}\r\n\r\n.day-counter__line {\r\n  flex: 1;\r\n  height: auto;\r\n  max-height: 40px;\r\n  -o-object-fit: contain;\r\n     object-fit: contain;\r\n}\r\n\r\n.day-counter__text {\r\n  color: #FFBD00;\r\n  font-size: 3rem;\r\n  font-weight: 900;\r\n  white-space: nowrap;\r\n  text-transform: uppercase;\r\n}\r\n\r\n/* Dots row */\r\n\r\n.day-dots {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 20px;\r\n  width: 100%;\r\n  margin-top: 1rem;\r\n}\r\n\r\n.day-dot {\r\n  width: 13px;\r\n  height: 13px;\r\n  border-radius: 50%;\r\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\r\n  cursor: default;\r\n}\r\n\r\n.day-dot--past    { background: #F8ABAB; }\r\n\r\n.day-dot--future  { background: #F8ABAB; }\r\n\r\n.day-dot--completed {\r\n  background: #4AFF56;\r\n  box-shadow: 0 0 4px rgba(80, 200, 120, 0.5);\r\n}\r\n\r\n.day-dot--current {\r\n  background: #4AFF56;\r\n  box-shadow: 0 0 6px rgba(80, 200, 120, 0.7);\r\n  animation: dot-pulse 2s ease-in-out infinite;\r\n}\r\n\r\n@keyframes dot-pulse {\r\n  0%, 100% { transform: scale(1);    box-shadow: 0 0 6px  rgba(80, 200, 120, 0.7); }\r\n  50%       { transform: scale(1.3); box-shadow: 0 0 12px rgba(80, 200, 120, 0.9); }\r\n}\r\n\r\n/* ===========================================\r\n   ANIMATIONS\r\n   Add campaign-specific animations here\r\n   =========================================== */\r\n\r\n/* Example: Pulse Animation */\r\n\r\n.pulse {\r\n  animation: pulse 2s ease-in-out infinite;\r\n}\r\n\r\n@keyframes pulse {\r\n  0%, 100% {\r\n    opacity: 1;\r\n  }\r\n  50% {\r\n    opacity: 0.5;\r\n  }\r\n}\r\n\r\n/* Example: Float Animation */\r\n\r\n.float {\r\n  animation: float 3s ease-in-out infinite;\r\n}\r\n\r\n@keyframes float {\r\n  0%, 100% {\r\n    transform: translateY(0);\r\n  }\r\n  50% {\r\n    transform: translateY(-20px);\r\n  }\r\n}\r\n\r\n/* ===========================================\r\n   THEME CUSTOMIZATION\r\n   Override core component colors here\r\n   =========================================== */\r\n\r\n.overlay-text strong {\r\n  font-weight: 700;\r\n}\r\n\r\n/* Example: Custom overlay background */\r\n\r\n/*\r\n.overlay-text {\r\n  background: linear-gradient(135deg, #your-color-1 0%, #your-color-2 100%);\r\n  border-color: #your-accent-color;\r\n}\r\n*/\r\n\r\n/* Example: Custom popup background */\r\n\r\n/*\r\n.popup-container {\r\n  background: radial-gradient(circle at 50% 50%, #your-color-1 0%, #your-color-2 100%);\r\n}\r\n*/\r\n\r\n.page-background {\r\n    background: linear-gradient(to left, #20011F 29%, #240122 65%, #5A0A15 95%);\r\n    min-height: 100vh;\r\n}\r\n\r\n/* Popup entrance */\r\n\r\n#win-popup:not(.hidden) {\r\n  animation: popup-overlay-in 0.3s ease-out both;\r\n}\r\n\r\n#win-popup:not(.hidden) .popup-container {\r\n  animation: popup-card-in 0.3s ease-out both;\r\n  animation-delay: 0.05s;\r\n}\r\n\r\n@keyframes popup-overlay-in {\r\n  0%   { opacity: 0; }\r\n  100% { opacity: 1; }\r\n}\r\n\r\n@keyframes popup-card-in {\r\n  0%   { opacity: 0; transform: scale(0.92) translateY(20px); }\r\n  100% { opacity: 1; transform: scale(1)    translateY(0px);  }\r\n}\r\n\r\n/* Popup flower burst particles */\r\n\r\n.popup-flower-particle {\r\n  position: fixed;\r\n  pointer-events: none;\r\n  z-index: 9999;\r\n  transform: translate(-50%, -50%);\r\n  opacity: 0;\r\n  animation: popup-flower-fly 1s ease-out forwards;\r\n}\r\n\r\n@keyframes popup-flower-fly {\r\n  0%   { opacity: 0;   transform: translate(-50%, -50%) scale(0.3) rotate(0deg);                          }\r\n  20%  { opacity: 1;   transform: translate(-50%, -50%) scale(1.1) rotate(40deg);                         }\r\n  60%  { opacity: 0.8; transform: translate(calc(-50% + var(--tx) * 0.7), calc(-50% + var(--ty) * 0.7)) scale(0.9) rotate(80deg);  }\r\n  100% { opacity: 0;   transform: translate(calc(-50% + var(--tx)), calc(-50% + var(--ty))) scale(0.4) rotate(140deg); }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n\r\n  .lg\\:py-20 {\r\n    padding-top: 10rem;\r\n    padding-bottom: 10rem;\r\n  }\r\n  \r\n  .lg\\:text-2xl {\r\n    font-size: 1.5rem;\r\n    line-height: 2rem;\r\n  }\r\n\r\n  .lg\\:text-3xl {\r\n    font-size: 1.875rem;\r\n    line-height: 2.25rem;\r\n  }\r\n\r\n  .lg\\:text-5xl {\r\n    font-size: 3rem;\r\n    line-height: 1;\r\n  }\r\n\r\n  .lg\\:text-lg {\r\n    font-size: 1.125rem;\r\n    line-height: 1.75rem;\r\n  }\r\n}\r\n\r\n</style>","beforeEndBody":""},"conditionIds":["7703f5dd-3c34-4604-b7ac-8ddc0032d428","536a0342-c6ec-4919-b04d-5f1c0c5c683d"]},{"tagId":"e6438354-6c54-4530-a4ef-2630cc70b188","tagTypeId":"custom_js","name":"After page /bloom-up-may","description":"After page /bloom-up-may","config":{"code":"(function () {\r\n\r\n// Set to false to use the real current date before going Live.\r\n\r\nconst TEST = {\r\n  mockDate: false  // ex: \r\n};\r\n\r\n// ============================================\r\n// 1. CONFIGURATION\r\n// ============================================\r\n\r\nconst CONFIG = {\r\n  campaign: {\r\n    name: 'bloom-up-may',\r\n    startDate: '2026-05-15',\r\n    endDate: '2026-06-01'\r\n  },\r\n  requiredRegulation: 'CHE-2',\r\n  depositTags: ['sc/deposit/r1d', 'sc/deposit/r2d'],\r\n  paths: {\r\n    icons: '/library/landing-pages/bloom-up-may/icons/',\r\n    images: '/library/landing-pages/bloom-up-may/images/',\r\n    data: '/library/landing-pages/bloom-up-may/data/'\r\n  }\r\n};\r\n\r\n// ============================================\r\n// 2. PLAYTECH API WRAPPER\r\n// Safe wrapper around Playtech API calls\r\n// ============================================\r\n\r\nconst PlaytechAPI = {\r\n  isLoggedIn: () => {\r\n    try {\r\n      return Playtech.API.user.isLoggedIn() || false;\r\n    } catch (e) {\r\n      return false;\r\n    }\r\n  },\r\n\r\n  showLoginPopup: () => {\r\n    try {\r\n      Playtech.API.popup.showPopup('login');\r\n    } catch (error) {\r\n      console.error('Failed to show login popup:', error);\r\n    }\r\n  },\r\n\r\n  navigate: (path) => {\r\n    try {\r\n      Playtech.API.common.navigate(path);\r\n    } catch (error) {\r\n      console.error('Failed to navigate:', error);\r\n    }\r\n  },\r\n\r\n  getCurrentLanguage: () => {\r\n    try {\r\n      return Playtech.API.language.getCurrentLanguage() || 'de_DE';\r\n    } catch (e) {\r\n      return 'de_DE';\r\n    }\r\n  },\r\n\r\n  getPlayerTags: () => {\r\n    return new Promise((resolve) => {\r\n      try {\r\n        Playtech.API.user.getPlayerTags()\r\n          .then((response) => {\r\n            resolve(response.data?.tags || []);\r\n          })\r\n          .catch(() => resolve([]));\r\n      } catch (error) {\r\n        console.error('Failed to get player tags:', error);\r\n        resolve([]);\r\n      }\r\n    });\r\n  },\r\n\r\n  setPlayerTag: (tagName, value) => {\r\n    return new Promise((resolve) => {\r\n      try {\r\n        const tagData = { name: tagName };\r\n        if (value !== undefined) tagData.value = value;\r\n\r\n        Playtech.API.user.setPlayerTags([tagData])\r\n          .then(() => resolve(true))\r\n          .catch(() => resolve(false));\r\n      } catch (error) {\r\n        console.error('Failed to set player tag:', error);\r\n        resolve(false);\r\n      }\r\n    });\r\n  },\r\n\r\n  isSelfExcluded: () => {\r\n    return new Promise((resolve) => {\r\n      try {\r\n        Playtech.API.responsibleGaming.getPlayerSelfExclusion()\r\n          .then((response) => {\r\n            resolve(response?.productSettings?.length > 0);\r\n          })\r\n          .catch(() => resolve(false));\r\n      } catch (error) {\r\n        console.error('Failed to check self exclusion:', error);\r\n        resolve(false);\r\n      }\r\n    });\r\n  },\r\n\r\n  getRegulationStatus: () => {\r\n    return new Promise((resolve) => {\r\n      try {\r\n        Playtech.sendUserRegulationStatusRequest()\r\n          .then((response) => {\r\n            let code = null;\r\n            if (response?.data?.playerRegulationStatusHistory?.[0]) {\r\n              code = response.data.playerRegulationStatusHistory[0].code;\r\n            } else if (response?.[0]) {\r\n              code = response[0].code;\r\n            }\r\n            resolve(code);\r\n          })\r\n          .catch(() => resolve(null));\r\n      } catch (e) {\r\n        resolve(null);\r\n      }\r\n    });\r\n  },\r\n\r\n  getPlayerFirstName: () => {\r\n    return new Promise((resolve) => {\r\n      try {\r\n        Playtech.API.user.getPlayerData()\r\n          .then((response) => {\r\n            resolve(response?.data?.firstName || '');\r\n          })\r\n          .catch(() => resolve(''));\r\n      } catch (error) {\r\n        console.error('Failed to get player first name:', error);\r\n        resolve('');\r\n      }\r\n    });\r\n  }\r\n};\r\n\r\n// ============================================\r\n// 3. CONTENT MANAGEMENT\r\n// Handles loading localized JSON content\r\n// ============================================\r\n\r\nlet contentData = null;\r\nlet playerTagsCache = null;\r\nlet skipClickAnimation = false;\r\n\r\nconst fetchContent = async () => {\r\n  const lang = PlaytechAPI.getCurrentLanguage().replace('-', '_');\r\n  const basePath = CONFIG.paths.data;\r\n\r\n  try {\r\n    const response = await fetch(`${basePath}content.${lang}_v2.json`);\r\n    if (!response.ok) throw new Error('Content not found');\r\n    contentData = await response.json();\r\n    return contentData;\r\n  } catch {\r\n    console.error(`Failed to fetch ${lang} content, falling back to de_DE`);\r\n    try {\r\n      const fallbackResponse = await fetch(`${basePath}content.de_DE_v2.json`);\r\n      contentData = await fallbackResponse.json();\r\n      return contentData;\r\n    } catch (error) {\r\n      console.error('Failed to fetch fallback content:', error);\r\n      contentData = null;\r\n      return null;\r\n    }\r\n  }\r\n};\r\n\r\n// ============================================\r\n// 4. DATE UTILITIES\r\n// Campaign date handling functions\r\n// ============================================\r\n\r\nconst getCurrentDateString = () => {\r\n  if (TEST.mockDate) return TEST.mockDate;\r\n\r\n  if (typeof window._getMockDate === 'function') {\r\n    return window._getMockDate();\r\n  }\r\n\r\n  const now = new Date();\r\n  const year = now.getFullYear();\r\n  const month = String(now.getMonth() + 1).padStart(2, '0');\r\n  const day = String(now.getDate()).padStart(2, '0');\r\n  return `${year}-${month}-${day}`;\r\n};\r\n\r\nconst getCampaignStatus = () => {\r\n  const currentDate = getCurrentDateString();\r\n  const { startDate, endDate } = CONFIG.campaign;\r\n\r\n  if (currentDate < startDate) return 'before';\r\n  if (currentDate > endDate) return 'after';\r\n  if (currentDate === endDate) return 'lastDay';\r\n  return 'active';\r\n};\r\n\r\n// ============================================\r\n// 5. TAG UTILITIES\r\n// Helper functions for player tags\r\n// ============================================\r\n\r\nconst getPlayerTagsRequest = async (forceRefresh = false) => {\r\n  if (playerTagsCache && !forceRefresh) {\r\n    return playerTagsCache;\r\n  }\r\n  playerTagsCache = await PlaytechAPI.getPlayerTags();\r\n  return playerTagsCache;\r\n};\r\n\r\nconst hasTag = (tags, tagName) => tags.some((tag) => tag.name === tagName);\r\n\r\nconst getTagValue = (tags, tagName) => {\r\n  const tag = tags.find((t) => t.name === tagName);\r\n  return tag?.value || null;\r\n};\r\n\r\n// ============================================\r\n// 6. OVERLAY SYSTEM\r\n// Shows eligibility/status messages\r\n// ============================================\r\n\r\nconst showOverlay = (messageKey) => {\r\n  if (!contentData?.overlay_states) {\r\n    console.error('Content data not loaded');\r\n    return;\r\n  }\r\n\r\n  const message = contentData.overlay_states[messageKey];\r\n  if (!message) {\r\n    console.error(`Translation key \"${messageKey}\" not found`);\r\n    return;\r\n  }\r\n\r\n  const overlayText = document.querySelector('.overlay-text');\r\n  if (!overlayText) {\r\n    console.error('Overlay text element not found');\r\n    return;\r\n  }\r\n\r\n  let html = `<p>${message.content}</p>`;\r\n\r\n  if (message.buttons?.length) {\r\n    html += '<div class=\"overlay-buttons\">';\r\n    message.buttons.forEach((btn) => {\r\n      const btnClass = btn.style === 'secondary' ? 'overlay-btn-secondary' : 'overlay-btn-primary';\r\n      html += `<button class=\"${btnClass}\" data-action=\"${btn.action}\">${btn.label}</button>`;\r\n    });\r\n    html += '</div>';\r\n  }\r\n\r\n  overlayText.innerHTML = html;\r\n\r\n  // Attach click handlers to buttons\r\n  overlayText.querySelectorAll('.overlay-btn-primary, .overlay-btn-secondary').forEach((button) => {\r\n    button.addEventListener('click', () => {\r\n      const action = button.getAttribute('data-action');\r\n      if (action) PlaytechAPI.navigate(action);\r\n    });\r\n  });\r\n\r\n  const overlay = document.querySelector('.section-overlay');\r\n  if (overlay) overlay.style.display = 'flex';\r\n};\r\n\r\nconst hideOverlay = () => {\r\n  const overlay = document.querySelector('.section-overlay');\r\n  if (overlay) overlay.style.display = 'none';\r\n};\r\n\r\n// ============================================\r\n// 7. POPUP SYSTEM\r\n// Win/reward popup handling\r\n// ============================================\r\n\r\nconst showWinPopup = async ({ hideButtons = false } = {}) => {\r\n  const todayStr = getCurrentDateString();\r\n  const popupData = contentData?.days?.[todayStr]?.win_popup;\r\n  if (!popupData) {\r\n    console.error('No popup data found for', todayStr);\r\n    return;\r\n  }\r\n\r\n  const popupOverlay = document.getElementById('win-popup');\r\n  if (!popupOverlay) {\r\n    console.error('Win popup element not found');\r\n    return;\r\n  }\r\n\r\n  const popupImage = document.getElementById('popup-image');\r\n  const popupDate = document.getElementById('popup-date');\r\n  const popupTitle = document.getElementById('popup-title');\r\n  const popupDescription = document.getElementById('popup-description');\r\n  const popupTermsTitle = document.getElementById('popup-terms-title');\r\n  const popupTermsContent = document.getElementById('popup-terms-content');\r\n  const popupButtonsContainer = document.getElementById('popup-buttons');\r\n  const popupTerms = document.querySelector('.popup-terms');\r\n\r\n  // Get player first name for personalization\r\n  const firstName = await PlaytechAPI.getPlayerFirstName();\r\n  const replaceFirstName = (text) => text?.replace(/first_name/g, firstName) || text;\r\n\r\n  // Populate popup content\r\n  if (popupDate) popupDate.textContent = contentData?.days?.[todayStr]?.display_date || '';\r\n  if (popupImage && popupData.image) popupImage.src = popupData.image;\r\n  if (popupTitle) popupTitle.innerHTML = replaceFirstName(popupData.title);\r\n  if (popupDescription) popupDescription.innerHTML = replaceFirstName(popupData.description);\r\n  if (popupTermsTitle) popupTermsTitle.innerHTML = popupData.terms_title || '';\r\n  if (popupTermsContent) popupTermsContent.innerHTML = popupData.terms || '';\r\n  if (popupTerms) popupTerms.classList.remove('expanded');\r\n\r\n  // Generate buttons dynamically\r\n  if (popupButtonsContainer) {\r\n    popupButtonsContainer.innerHTML = '';\r\n    if (hideButtons) {\r\n      popupButtonsContainer.style.display = 'none';\r\n    } else {\r\n      popupButtonsContainer.style.display = '';\r\n\r\n      if (popupData.buttons?.length) {\r\n        popupData.buttons.forEach((btn) => {\r\n          const button = document.createElement('button');\r\n          button.className = btn.style === 'secondary' ? 'popup-btn-secondary' : 'popup-btn-primary';\r\n          button.innerHTML = btn.label;\r\n          button.addEventListener('click', () => {\r\n            if (btn.style !== 'secondary') { triggerFlowerBurst(); setTimeout(() => handlePopupButtonClick(btn), 900); }\r\n            else handlePopupButtonClick(btn);\r\n          });\r\n          popupButtonsContainer.appendChild(button);\r\n        });\r\n      } else if (popupData.primary_button) {\r\n        // Legacy format\r\n        const primaryBtn = document.createElement('button');\r\n        primaryBtn.className = 'popup-btn-primary';\r\n        primaryBtn.innerHTML = popupData.primary_button;\r\n        primaryBtn.addEventListener('click', () => { triggerFlowerBurst(); setTimeout(() => handlePopupAction(popupData.action), 900); });\r\n        popupButtonsContainer.appendChild(primaryBtn);\r\n\r\n        if (popupData.secondary_button) {\r\n          const secondaryBtn = document.createElement('button');\r\n          secondaryBtn.className = 'popup-btn-secondary';\r\n          secondaryBtn.innerHTML = popupData.secondary_button;\r\n          secondaryBtn.addEventListener('click', hideWinPopup);\r\n          popupButtonsContainer.appendChild(secondaryBtn);\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  popupOverlay.classList.remove('hidden');\r\n\r\n};\r\n\r\nconst hideWinPopup = () => {\r\n  const popupOverlay = document.getElementById('win-popup');\r\n  if (popupOverlay) popupOverlay.classList.add('hidden');\r\n};\r\n\r\nconst handlePopupButtonClick = async (buttonConfig) => {\r\n  if (buttonConfig.actionType === 'close') {\r\n    hideWinPopup();\r\n    return;\r\n  }\r\n\r\n  const participationTag = getParticipationTag();\r\n  if (participationTag) {\r\n    await PlaytechAPI.setPlayerTag(participationTag);\r\n    if (buttonConfig.tag) await PlaytechAPI.setPlayerTag(buttonConfig.tag);\r\n    await getPlayerTagsRequest(true);\r\n    markDotCompleted(getCurrentDateString());\r\n  }\r\n\r\n  hideWinPopup();\r\n  if (buttonConfig.action) PlaytechAPI.navigate(buttonConfig.action);\r\n};\r\n\r\nconst triggerFlowerBurst = () => {\r\n  const count = 30;\r\n  const images = [\r\n    '/library/landing-pages/bloom-up-may/images/flower.png',\r\n    '/library/landing-pages/bloom-up-may/images/blur-flower.png',\r\n    '/library/landing-pages/bloom-up-may/images/green-leaf1.png',\r\n  ];\r\n\r\n  for (let i = 0; i < count; i++) {\r\n    const el = document.createElement('img');\r\n    el.src = images[i % images.length];\r\n    el.className = 'popup-flower-particle';\r\n    const startX = 2 + Math.random() * 96;\r\n    const startY = 2 + Math.random() * 96;\r\n    const tx = (Math.random() - 0.5) * 160;\r\n    const ty = (Math.random() - 0.5) * 160 - 60;\r\n    const size = 24 + Math.random() * 50;\r\n    const delay = Math.random() * 0.7;\r\n    el.style.cssText = `\r\n      left: ${startX}vw;\r\n      top: ${startY}vh;\r\n      width: ${size}px;\r\n      --tx: ${tx}px;\r\n      --ty: ${ty}px;\r\n      animation-delay: ${delay}s;\r\n    `;\r\n    document.body.appendChild(el);\r\n    el.addEventListener('animationend', () => el.remove());\r\n  }\r\n};\r\n\r\nconst handlePopupAction = async (action) => {\r\n  const participationTag = getParticipationTag();\r\n  if (participationTag) {\r\n    await PlaytechAPI.setPlayerTag(participationTag);\r\n    await getPlayerTagsRequest(true);\r\n  }\r\n\r\n  hideWinPopup();\r\n  if (action) PlaytechAPI.navigate(action);\r\n};\r\n\r\nconst setupPopupEventListeners = () => {\r\n  const popupOverlay = document.getElementById('win-popup');\r\n  const popupClose = document.querySelector('.popup-close');\r\n  const popupTermsTitle = document.getElementById('popup-terms-title');\r\n  const popupTerms = document.querySelector('.popup-terms');\r\n\r\n  // Close button\r\n  if (popupClose) popupClose.addEventListener('click', hideWinPopup);\r\n\r\n  // Click outside to close\r\n  if (popupOverlay) {\r\n    popupOverlay.addEventListener('click', (e) => {\r\n      if (e.target === popupOverlay) hideWinPopup();\r\n    });\r\n  }\r\n\r\n  // Terms toggle\r\n  if (popupTermsTitle && popupTerms) {\r\n    popupTermsTitle.addEventListener('click', () => popupTerms.classList.toggle('expanded'));\r\n  }\r\n\r\n  // Escape key to close\r\n  document.addEventListener('keydown', (e) => {\r\n    if (e.key === 'Escape') hideWinPopup();\r\n  });\r\n};\r\n\r\n// ============================================\r\n// 8. ELIGIBILITY CHECKING\r\n// User state validation and overlay display\r\n// ============================================\r\n\r\nconst getUserState = async (isUserLoggedIn = null) => {\r\n  const isLoggedIn = isUserLoggedIn ?? PlaytechAPI.isLoggedIn();\r\n  const campaignStatus = getCampaignStatus();\r\n\r\n  if (!isLoggedIn) {\r\n    return {\r\n      isSelfExcluded: false,\r\n      isCHE2: false,\r\n      hasDeposit: false,\r\n      hasPlayedToday: false,\r\n      isLoggedIn: false,\r\n      campaignStatus\r\n    };\r\n  }\r\n\r\n  try {\r\n    const [selfExclusionStatus, regulationStatus, playerTags] = await Promise.all([\r\n      PlaytechAPI.isSelfExcluded(),\r\n      PlaytechAPI.getRegulationStatus(),\r\n      getPlayerTagsRequest()\r\n    ]);\r\n\r\n    const participationTag = getParticipationTag();\r\n    const hasPlayedToday = participationTag ? hasTag(playerTags, participationTag) : false;\r\n\r\n    return {\r\n      isSelfExcluded: selfExclusionStatus,\r\n      isCHE2: regulationStatus === CONFIG.requiredRegulation,\r\n      hasDeposit: CONFIG.depositTags.every(tag => hasTag(playerTags, tag)),\r\n      hasFirstDeposit: hasTag(playerTags, CONFIG.depositTags[0]),\r\n      hasPlayedToday,\r\n      isLoggedIn: true,\r\n      campaignStatus\r\n    };\r\n  } catch (error) {\r\n    console.error('Error getting user state:', error);\r\n    return {\r\n      isSelfExcluded: false,\r\n      isCHE2: false,\r\n      hasDeposit: false,\r\n      hasPlayedToday: false,\r\n      isLoggedIn: true,\r\n      campaignStatus\r\n    };\r\n  }\r\n};\r\n\r\nconst checkUserConditionsAndShowOverlay = async () => {\r\n  const isUserLoggedIn = PlaytechAPI.isLoggedIn();\r\n  const campaignStatus = getCampaignStatus();\r\n\r\n  // Check campaign timing first (applies to all users)\r\n  if (campaignStatus === 'before') {\r\n    showOverlay('campaignNotStarted');\r\n    return;\r\n  }\r\n\r\n  if (campaignStatus === 'after') {\r\n    showOverlay('campaignEnded');\r\n    return;\r\n  }\r\n\r\n  // If not logged in, don't show overlay (let them browse)\r\n  if (!isUserLoggedIn) {\r\n    hideOverlay();\r\n    return;\r\n  }\r\n\r\n  const userState = await getUserState(isUserLoggedIn);\r\n\r\n  // Priority 1: Self-exclusion\r\n  if (userState.isSelfExcluded) {\r\n    showOverlay('selfExclusion');\r\n    return;\r\n  }\r\n\r\n  // Priority 2: CHE-1 + no deposit\r\n  if (!userState.isCHE2 && !userState.hasDeposit) {\r\n    showOverlay('verifyAndDeposit');\r\n    return;\r\n  }\r\n\r\n  // Priority 3: CHE-2 + missing deposit\r\n  if (userState.isCHE2 && !userState.hasDeposit) {\r\n    showOverlay(userState.hasFirstDeposit ? 'deposit2Required' : 'depositRequired');\r\n    return;\r\n  }\r\n\r\n  // Priority 4: CHE-1 + has deposit\r\n  if (!userState.isCHE2 && userState.hasDeposit) {\r\n    showOverlay('verificationRequired');\r\n    return;\r\n  }\r\n\r\n  // Priority 5: Already played\r\n  if (userState.hasPlayedToday) {\r\n    const todayStr = getCurrentDateString();\r\n    if (isBonusDay(todayStr)) {\r\n      const tags = await getPlayerTagsRequest();\r\n      if (getTagValue(tags, getBonusDayTag(todayStr)) !== 'completed') {\r\n        skipClickAnimation = true;\r\n        //hide the glow spark image when the player has the day tag but not the bonus tag \r\n        const glowLayer = document.querySelector('.btn-layer--glow');\r\n        if (glowLayer) glowLayer.classList.add('hidden');\r\n        hideOverlay();\r\n        return;\r\n      }\r\n    }\r\n    showOverlay(campaignStatus === 'lastDay' ? 'lastDayPlayed' : 'alreadyPlayed');\r\n    return;\r\n  }\r\n\r\n  // User meets all conditions, hide overlay\r\n  hideOverlay();\r\n};\r\n\r\n// ============================================\r\n// 9. CAMPAIGN LOGIC\r\n// Campaign-specific functions (modify as needed)\r\n// ============================================\r\n\r\nconst BONUS_DAYS = [16, 18, 20, 23, 24, 26, 27, 29, 31];\r\n\r\nconst isBonusDay = (dateStr) => {\r\n  const day = parseInt(dateStr.split('-')[2], 10);\r\n  return BONUS_DAYS.includes(day);\r\n};\r\n\r\nconst getBonusDayTag = (dateStr) => {\r\n  return contentData?.days?.[dateStr]?.bonus_tag || null;\r\n};\r\n\r\nconst getParticipationTag = () => {\r\n  const dateStr = getCurrentDateString();\r\n  return contentData?.days?.[dateStr]?.tag || null;\r\n};\r\n\r\nconst getDayTag = (dateStr) => {\r\n  return contentData?.days?.[dateStr]?.tag || null;\r\n};\r\n\r\nconst getCampaignDays = () => {\r\n  const start = new Date(CONFIG.campaign.startDate + 'T00:00:00');\r\n  const end = new Date(CONFIG.campaign.endDate + 'T00:00:00');\r\n  const today = getCurrentDateString();\r\n  const days = [];\r\n\r\n  for (let d = new Date(start); d <= end; d.setDate(d.getDate() + 1)) {\r\n    const dateStr = `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')}`;\r\n    let state = 'future';\r\n    if (dateStr < today) state = 'past';\r\n    else if (dateStr === today) state = 'current';\r\n    days.push({ dayIndex: days.length + 1, date: dateStr, state });\r\n  }\r\n  return days;\r\n};\r\n\r\nconst getDayCounterText = (currentIndex, total) => {\r\n  const lang = PlaytechAPI.getCurrentLanguage();\r\n  if (lang.startsWith('fr')) return `Jour ${currentIndex} sur ${total}`;\r\n  if (lang.startsWith('it')) return `Giorno ${currentIndex} di ${total}`;\r\n  if (lang.startsWith('en')) return `Day ${currentIndex} of ${total}`;\r\n  return `Tag ${currentIndex} von ${total}`;\r\n};\r\n\r\nconst renderDayProgressBar = (tags = []) => {\r\n  const container = document.getElementById('day-progress-bar');\r\n  if (!container) return;\r\n\r\n  const days = getCampaignDays().map((day) => ({\r\n    ...day,\r\n    state: hasTag(tags, getDayTag(day.date)) ? 'completed' : day.state\r\n  }));\r\n\r\n  const today = getCurrentDateString();\r\n  const currentDay = days.find((d) => d.date === today);\r\n  const currentIndex = currentDay ? currentDay.dayIndex : days.filter((d) => d.state === 'past' || d.state === 'completed').length;\r\n  const counterText = getDayCounterText(currentIndex, days.length);\r\n\r\n  const dotsHtml = days\r\n    .map((day) => `<div class=\"day-dot day-dot--${day.state}\" data-day=\"${day.dayIndex}\" data-date=\"${day.date}\"></div>`)\r\n    .join('');\r\n\r\n  container.innerHTML = `\r\n    <div class=\"day-counter\">\r\n      <img class=\"day-counter__line\" src=\"${CONFIG.paths.images}Zeichenflache-left.png\" alt=\"\" />\r\n      <span class=\"day-counter__text\">${counterText}</span>\r\n      <img class=\"day-counter__line\" src=\"${CONFIG.paths.images}Zeichenflache-right.png\" alt=\"\" />\r\n    </div>\r\n    <div class=\"day-dots\">${dotsHtml}</div>`;\r\n};\r\n\r\nconst markDotCompleted = (dateStr) => {\r\n  const dot = document.querySelector(`.day-dots .day-dot[data-date=\"${dateStr}\"]`);\r\n  if (dot) dot.className = 'day-dot day-dot--completed';\r\n};\r\n\r\n/**\r\n * Handle main action click (e.g., claim button)\r\n */\r\nconst handleMainAction = async () => {\r\n  if (!PlaytechAPI.isLoggedIn()) {\r\n    PlaytechAPI.showLoginPopup();\r\n    return;\r\n  }\r\n\r\n  const userState = await getUserState(true);\r\n\r\n  if (userState.isSelfExcluded || !userState.isCHE2 || !userState.hasDeposit) {\r\n    checkUserConditionsAndShowOverlay();\r\n    return;\r\n  }\r\n\r\n  const todayStr = getCurrentDateString();\r\n  if (userState.hasPlayedToday) {\r\n    if (isBonusDay(todayStr)) {\r\n      const tags = await getPlayerTagsRequest();\r\n      if (getTagValue(tags, getBonusDayTag(todayStr)) !== 'completed') {\r\n        showWinPopup({ hideButtons: true });\r\n        return;\r\n      }\r\n    }\r\n    checkUserConditionsAndShowOverlay();\r\n    return;\r\n  }\r\n\r\n  showWinPopup();\r\n};\r\n\r\n/**\r\n * Initialize login/action buttons\r\n */\r\nconst initLoginHandlers = () => {\r\n  const loginButton = document.getElementById('login-cta-button');\r\n  const actionButton = document.getElementById('action-button');\r\n  const campaignPlayButton = document.getElementById('campaign-play-button');\r\n  const registrationLink = document.querySelector('.login-subtext');\r\n\r\n  if (PlaytechAPI.isLoggedIn()) {\r\n    if (loginButton) loginButton.style.display = 'none';\r\n    if (actionButton) actionButton.style.display = 'block';\r\n    if (campaignPlayButton) campaignPlayButton.classList.remove('hidden');\r\n    if (registrationLink) registrationLink.style.display = 'none';\r\n  } else {\r\n    if (loginButton) {\r\n      loginButton.addEventListener('click', () =>  {\r\n        PlaytechAPI.showLoginPopup();\r\n\r\n        window.dataLayer = window.dataLayer || [];\r\n        window.dataLayer.push({\r\n          'event': 'login_cta', \r\n          // only create an event for the Button, Registration link will be handled by us\r\n        });\r\n      });\r\n    }\r\n    if (actionButton) actionButton.style.display = 'none';\r\n    if (campaignPlayButton) {\r\n      campaignPlayButton.classList.remove('hidden');\r\n      campaignPlayButton.addEventListener('click', () => PlaytechAPI.showLoginPopup());\r\n    }\r\n  }\r\n\r\n  if (actionButton) actionButton.addEventListener('click', handleMainAction);\r\n  if (campaignPlayButton) {\r\n    campaignPlayButton.addEventListener('click', () => {\r\n      if (!PlaytechAPI.isLoggedIn()) return;\r\n      const playArea = campaignPlayButton.closest('.campaign-play-area');\r\n      if (skipClickAnimation) {\r\n        campaignPlayButton.classList.add('btn-shine-only');\r\n        setTimeout(() => campaignPlayButton.classList.remove('btn-shine-only'), 1000);\r\n        handleMainAction();\r\n        return;\r\n      }\r\n      campaignPlayButton.classList.add('btn-animating');\r\n      if (playArea) playArea.classList.add('play-burst');\r\n      document.body.classList.add('play-burst');\r\n      setTimeout(() => {\r\n        handleMainAction();\r\n      }, 1400);\r\n      setTimeout(() => {\r\n        campaignPlayButton.classList.remove('btn-animating');\r\n        if (playArea) playArea.classList.remove('play-burst');\r\n        document.body.classList.remove('play-burst');\r\n      }, 1800);\r\n    });\r\n  }\r\n};\r\n\r\n// ============================================\r\n// 10. INITIALIZATION\r\n// ============================================\r\n\r\nconst init = async () => {\r\n  console.log(`[${CONFIG.campaign.name}] Initializing campaign...`);\r\n\r\n  await fetchContent();\r\n\r\n  if (!contentData) {\r\n    console.error('Failed to load content');\r\n    return;\r\n  }\r\n\r\n  initLoginHandlers();\r\n  setupPopupEventListeners();\r\n  await checkUserConditionsAndShowOverlay();\r\n\r\n  const tags = PlaytechAPI.isLoggedIn() ? await getPlayerTagsRequest() : [];\r\n  renderDayProgressBar(tags);\r\n\r\n  console.log(`[${CONFIG.campaign.name}] Campaign initialized`);\r\n};\r\n\r\n\r\n// FAQ corner leaves scroll-in animation\r\nconst initFaqLeavesAnimation = () => {\r\n  const leavesContainer = document.querySelector('.faq-corner-leaves');\r\n  if (!leavesContainer) return;\r\n\r\n  const faqSection = leavesContainer.closest('section') || leavesContainer.parentElement;\r\n\r\n  const checkAndShow = () => {\r\n    const rect = faqSection.getBoundingClientRect();\r\n    if (rect.top < window.innerHeight * 0.9) {\r\n      leavesContainer.classList.add('faq-leaves-visible');\r\n      window.removeEventListener('scroll', checkAndShow);\r\n    }\r\n  };\r\n\r\n  window.addEventListener('scroll', checkAndShow, { passive: true });\r\n  // Check immediately in case already in view\r\n  checkAndShow();\r\n};\r\n\r\n// CMS controls script execution timing - just call init directly\r\ninit();\r\ninitFaqLeavesAnimation();\r\n\r\n})();\r\n"},"conditionIds":["7703f5dd-3c34-4604-b7ac-8ddc0032d428","4eaa767f-38ed-46ce-aea0-afceba7315fd"]},{"tagId":"a23b43f4-c488-4465-9137-4acfcae8b642","tagTypeId":"custom_js","name":"After page render /profil","description":"After page render /profil","config":{"code":"(async () => {\r\n\tconst key = \"sms\";\r\n\tconst value = localStorage.getItem(key);\r\n\r\n\tif (value) {\r\n\t\tscrollToElement(\"contact-preferences-title\");\r\n\t\tlocalStorage.removeItem(key);\r\n\t}\r\n\r\n\tconst scrollToElement = (elementId) => {\r\n\t\tconst element = document.getElementById(elementId);\r\n\t\telement?.scrollIntoView({ behavior: \"smooth\" });\r\n\t};\r\n\r\n\t// Wait for required elements to be available\r\n\tconst waitForElements = () => {\r\n\t\treturn new Promise((resolve) => {\r\n\t\t\tconst checkElements = () => {\r\n\t\t\t\tconst form = document.getElementById(\"newsletter-form\");\r\n\t\t\t\tconst newsletterButton = document.getElementById(\"newsletter-button\");\r\n\r\n\t\t\t\t// Try multiple selectors for contact preference button\r\n\t\t\t\tconst contactPreferenceSelectors = [\r\n\t\t\t\t\t\".ContactPreferences__button---8D\",\r\n\t\t\t\t\t'button[class*=\"save\"]',\r\n\t\t\t\t\t'.save-btn'\r\n\t\t\t\t];\r\n\r\n\t\t\t\tconst contactPreferenceButton = contactPreferenceSelectors\r\n\t\t\t\t\t.map(selector => document.querySelector(selector))\r\n\t\t\t\t\t.find(button => button !== null);\r\n\r\n\t\t\t\tif (form && newsletterButton) {\r\n\t\t\t\t\tresolve({ form, newsletterButton, contactPreferenceButton });\r\n\t\t\t\t} else {\r\n\t\t\t\t\tsetTimeout(checkElements, 100);\r\n\t\t\t\t}\r\n\t\t\t};\r\n\t\t\tcheckElements();\r\n\t\t});\r\n\t};\r\n\r\n\t// Check if user is logged in and Playtech API is available\r\n\tconst isPlaytechAvailable = () => {\r\n\t\treturn typeof Playtech !== 'undefined' &&\r\n\t\t\tPlaytech.API?.user?.isLoggedIn?.();\r\n\t};\r\n\r\n\tif (isPlaytechAvailable()) {\r\n\t\ttry {\r\n\t\t\tconst responseTags = await Playtech.API.user.getPlayerTags();\r\n\t\t\tconst tags = responseTags.data.tags.filter((tag) =>\r\n\t\t\t\ttag.name.includes(\"sc/promo/newsletter\")\r\n\t\t\t);\r\n\r\n\t\t\tlet isDisabled;\r\n\r\n\t\t\t// Wait for elements to be available\r\n\t\t\tconst { form, newsletterButton, contactPreferenceButton } = await waitForElements();\r\n\r\n\t\t\tconst checkboxes = form.querySelectorAll('input[type=\"checkbox\"]');\r\n\t\t\tconst formSubmitButton = document.getElementById(\"newsletter-button\");\r\n\r\n\t\t\t// Get contact preference checkboxes - these are the toggles in the top section\r\n\t\t\tconst getContactPreferenceCheckboxes = () => {\r\n\t\t\t\tconst selectors = [\r\n\t\t\t\t\t\".CheckboxShallow__input--1WB\",\r\n\t\t\t\t\t'input[type=\"checkbox\"]:not(#casino-newsletter):not(#poker-newsletter)',\r\n\t\t\t\t\t'.ToggleSwiss__toggleInput--3x4:not(#casino-newsletter):not(#poker-newsletter)'\r\n\t\t\t\t];\r\n\r\n\t\t\t\tfor (const selector of selectors) {\r\n\t\t\t\t\tconst checkboxes = Array.from(document.querySelectorAll(selector));\r\n\t\t\t\t\tif (checkboxes.length > 0) {\r\n\t\t\t\t\t\treturn checkboxes;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\treturn [];\r\n\t\t\t};\r\n\r\n\t\t\tconst contactPreferenceCheckboxes = getContactPreferenceCheckboxes();\r\n\r\n\t\t\t// Debug: log what we found\r\n\t\t\tconsole.log('Contact preference checkboxes found:', contactPreferenceCheckboxes.length);\r\n\r\n\t\t\tconst showPromptMessage = () => {\r\n\t\t\t\tconst errorElement = document.getElementById(\"newsletter-error\");\r\n\t\t\t\tif (errorElement) {\r\n\t\t\t\t\terrorElement.style.display = isDisabled ? \"block\" : \"none\";\r\n\t\t\t\t}\r\n\t\t\t};\r\n\r\n\t\t\tconst checkContactPreferences = () => {\r\n\t\t\t\t// Check if any contact preference (E-Mail, SMS, etc.) is enabled\r\n\t\t\t\tlet isAnyContactPreferenceChecked = false;\r\n\r\n\t\t\t\tif (contactPreferenceCheckboxes.length > 0) {\r\n\t\t\t\t\tisAnyContactPreferenceChecked = contactPreferenceCheckboxes.some(\r\n\t\t\t\t\t\t(checkbox) => checkbox.checked\r\n\t\t\t\t\t);\r\n\t\t\t\t} else {\r\n\t\t\t\t\t// Fallback: look for any checked toggles/checkboxes outside the newsletter form\r\n\t\t\t\t\tconst allToggles = document.querySelectorAll('input[type=\"checkbox\"], input[type=\"radio\"]');\r\n\t\t\t\t\tconst newsletterCheckboxes = ['casino-newsletter', 'poker-newsletter'];\r\n\r\n\t\t\t\t\tisAnyContactPreferenceChecked = Array.from(allToggles).some(toggle => {\r\n\t\t\t\t\t\treturn toggle.checked &&\r\n\t\t\t\t\t\t\t!newsletterCheckboxes.includes(toggle.id) &&\r\n\t\t\t\t\t\t\t!toggle.closest('#newsletter-form');\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\t\tconsole.log('Using fallback method, found contact preferences checked:', isAnyContactPreferenceChecked);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t// Enable/disable newsletter checkboxes based on contact preferences\r\n\t\t\t\tcheckboxes.forEach((checkbox) => {\r\n\t\t\t\t\tcheckbox.disabled = !isAnyContactPreferenceChecked;\r\n\t\t\t\t});\r\n\r\n\t\t\t\t// Check if any newsletter checkbox is selected AND contact preferences are enabled\r\n\t\t\t\tconst isAnyNewsletterChecked = Array.from(checkboxes).some(\r\n\t\t\t\t\t(checkbox) => checkbox.checked && !checkbox.disabled\r\n\t\t\t\t);\r\n\r\n\t\t\t\t// Enable submit button only if contact preferences are enabled\r\n\t\t\t\tif (formSubmitButton) {\r\n\t\t\t\t\tformSubmitButton.disabled = !isAnyContactPreferenceChecked;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t// Show/hide error message\r\n\t\t\t\tisDisabled = !isAnyContactPreferenceChecked;\r\n\t\t\t\tconst errorElement = document.getElementById(\"newsletter-error\");\r\n\t\t\t\tif (errorElement) {\r\n\t\t\t\t\terrorElement.style.display = isDisabled ? \"block\" : \"none\";\r\n\t\t\t\t}\r\n\r\n\t\t\t\tconsole.log('Contact preferences checked:', isAnyContactPreferenceChecked, 'Newsletter disabled:', isDisabled);\r\n\t\t\t};\r\n\r\n\t\t\tconst loadForm = () => {\r\n\t\t\t\ttags.forEach((tag) => {\r\n\t\t\t\t\tcheckboxes.forEach((checkbox) => {\r\n\t\t\t\t\t\t// Extract the product name from checkbox value/id (remove -newsletter suffix)\r\n\t\t\t\t\t\tlet checkboxProduct = checkbox.value || checkbox.id;\r\n\t\t\t\t\t\tif (checkboxProduct.endsWith('-newsletter')) {\r\n\t\t\t\t\t\t\tcheckboxProduct = checkboxProduct.replace('-newsletter', '');\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t// Check if the tag matches this checkbox's product\r\n\t\t\t\t\t\t// Tag format: \"sc/promo/newsletter_poker\" should match checkbox product \"poker\"\r\n\t\t\t\t\t\tif (tag.name === `sc/promo/newsletter_${checkboxProduct}`) {\r\n\t\t\t\t\t\t\t// Set checkbox state based on tag value\r\n\t\t\t\t\t\t\tcheckbox.checked = tag.value === \"true\";\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\t\t\t\t});\r\n\t\t\t};\r\n\r\n\t\t\tconst submitForm = () => {\r\n\t\t\t\tcheckboxes.forEach((checkbox) => {\r\n\t\t\t\t\t// Extract the product name from the checkbox value/id\r\n\t\t\t\t\tlet productName = checkbox.value || checkbox.id;\r\n\r\n\t\t\t\t\t// Remove \"-newsletter\" suffix if it exists\r\n\t\t\t\t\tif (productName.endsWith('-newsletter')) {\r\n\t\t\t\t\t\tproductName = productName.replace('-newsletter', '');\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tupdateTag(\r\n\t\t\t\t\t\t`sc/promo/newsletter_${productName}`,\r\n\t\t\t\t\t\tcheckbox.checked ? \"true\" : \"false\"\r\n\t\t\t\t\t);\r\n\t\t\t\t});\r\n\r\n\t\t\t\tPlaytech.API.common?.showNotification?.(\r\n\t\t\t\t\t\"playtech.mobile.system.profile.newsletter.notification\",\r\n\t\t\t\t\t{ variant: \"success\" }\r\n\t\t\t\t);\r\n\t\t\t};\r\n\r\n\t\t\tconst updateTag = (tagName, newValue) => {\r\n\t\t\t\tPlaytech.API.user.setPlayerTags?.([\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tname: tagName,\r\n\t\t\t\t\t\ttype: \"text\",\r\n\t\t\t\t\t\tvalue: newValue,\r\n\t\t\t\t\t},\r\n\t\t\t\t]);\r\n\t\t\t};\r\n\r\n\t\t\t// Initialize form functionality\r\n\t\t\tloadForm();\r\n\t\t\tcheckContactPreferences(); // This will set the initial state correctly\r\n\r\n\t\t\t// Add event listeners\r\n\t\t\tnewsletterButton?.addEventListener(\"click\", submitForm);\r\n\t\t\tcontactPreferenceButton?.addEventListener(\"click\", checkContactPreferences);\r\n\r\n\t\t\tcontactPreferenceCheckboxes.forEach((contactPreferenceCheckbox) => {\r\n\t\t\t\tcontactPreferenceCheckbox.addEventListener(\"change\", checkContactPreferences);\r\n\t\t\t});\r\n\r\n\t\t\tform?.addEventListener(\"click\", showPromptMessage);\r\n\r\n\t\t} catch (error) {\r\n\t\t\tconsole.warn('Error in newsletter functionality:', error);\r\n\t\t}\r\n\t}\r\n\r\n\t// Original enablePromo functionality\r\n\tconst enablePromo = () => {\r\n\t\tconst hasUrlParams = typeof urlParams !== 'undefined' &&\r\n\t\t\turlParams?.has?.(\"enablePromo\");\r\n\r\n\t\tif (hasUrlParams) {\r\n\t\t\tsetContactPreferences(urlParams.get(\"enablePromo\"));\r\n\r\n\t\t\tPlaytech.API?.common?.showNotification?.(\r\n\t\t\t\t\"playtech.mobile.system.disableProm.comfirmation\",\r\n\t\t\t\t{ variant: \"success\" }\r\n\t\t\t);\r\n\r\n\t\t\tconst url = new URL(window.location.href);\r\n\t\t\turl.searchParams.delete(\"enablePromo\");\r\n\t\t\twindow.history.replaceState({}, document.title, url.toString());\r\n\t\t}\r\n\t};\r\n\r\n\tconst setContactPreferences = async (toggleBoolean) => {\r\n\t\tconst request = {\r\n\t\t\tID: 35513,\r\n\t\t\tresponses: [35514, 35515],\r\n\t\t\tdescription: \"Set user contact preferences\",\r\n\t\t\tcontactPreferences: [\r\n\t\t\t\t{\r\n\t\t\t\t\ttype: \"promotional\",\r\n\t\t\t\t\tchannel: \"email\",\r\n\t\t\t\t\tpreference: true,\r\n\t\t\t\t},\r\n\t\t\t],\r\n\t\t};\r\n\r\n\t\tPlaytech.callOAPI?.(request);\r\n\t};\r\n\r\n\t// Execute enablePromo\r\n\tenablePromo();\r\n})();\r\n"},"conditionIds":["4eaa767f-38ed-46ce-aea0-afceba7315fd","baa1c3f8-635a-4ab9-b96e-ee8e99f8ce32"]},{"tagId":"0aac3691-9699-46dc-9262-d340f12dd4be","tagTypeId":"custom_js","name":"Hide Phone Verification section","description":"Hide Phone Verification section","config":{"code":"(() => {\n    const TEXT_REGEXP =\n        /Vérification du téléphone|Phone Verification|Telefonverifizierung|Verifica del telefono/i;\n\n    const SECTION_SELECTOR = '.JumioSwiss__section--1Sh';\n    const CONTAINER_SELECTOR = '.JumioSwiss__jumioContainer--3l0';\n\n    const liHasTargetText = (li) =>\n        Array.from(li.querySelectorAll('*')).some(el =>\n            TEXT_REGEXP.test(el.textContent || '')\n        );\n\n    const processSection = (section) => {\n        const items = Array.from(section.querySelectorAll('li'));\n        if (!items.length) return;\n\n        const matchedItems = items.filter(liHasTargetText);\n        matchedItems.forEach(li => {\n            li.style.display = 'none';\n        });\n\n        if (items.length === 1 && matchedItems.length === 1) {\n            const container = section.closest(CONTAINER_SELECTOR);\n            if (container) {\n                container.style.display = 'none';\n            }\n        } else {\n            const container = section.closest(CONTAINER_SELECTOR);\n            if (container) {\n                container.style.display = '';\n            }\n        }\n    };\n\n    const processAllSections = () => {\n        document\n            .querySelectorAll(SECTION_SELECTOR)\n            .forEach(processSection);\n    };\n\n\n    processAllSections();\n\n\n    const observer = new MutationObserver(processAllSections);\n    observer.observe(document.body, {\n        childList: true,\n        subtree: true,\n    });\n})();"},"conditionIds":["3ff75f26-a4f7-4756-8008-825d079d2b42","4eaa767f-38ed-46ce-aea0-afceba7315fd"]},{"tagId":"61","tagTypeId":"custom_tag_type","name":"Custom CSS Tag /my-promotions","description":"Custom CSS Tag /my-promotions","config":{"beforeEndHead":"<style>\r\n\r\n.desktop .menu__secondlevel-wrapper {\r\n   display: none;\r\n}\r\n\r\n/* Heros */\r\n.herogrid {\r\n  width: 100%;\r\n  margin: 0 auto;\r\n  padding: 1em 0;\r\n  background-color: #fff;\r\n  box-shadow: 0 7px 20px rgba(0,0,0,.2) !important;\r\n  display: grid;\r\n  grid-template: \"title\" auto\r\n                  \"content\" auto\r\n                  /1fr;\r\n  justify-items: center;\r\n  align-items: center;\r\n}\r\n\r\n.herotitle {\r\n  grid-area: title;\r\n  text-transform: uppercase;\r\n  text-align: center;\r\n}\r\n\r\n.herocontent {\r\n  grid-area: content;\r\n  text-align: center;\r\n  max-width: 70%;\r\n  margin-bottom: 1em;\r\n}\r\n\r\n/* Free Spins Portlet */\r\n\r\n#p_p_id_56_INSTANCE_9AKKxCNijw5a_ {\r\n  background-color: transparent !important;\r\n  margin-bottom: 2.7em;\r\n}\r\n\r\n#p_p_id_56_INSTANCE_9AKKxCNijw5a_ p {\r\n  margin-top: 2.7em;\r\n}\r\n\r\n/* Golden Chips Portlet */\r\n\r\n#p_p_id_goldenchips_WAR_bonusportlet_INSTANCE_Nr81yAWCclYF_ {\r\n   background-color: transparent !important;\r\n   margin-bottom: 3.0em;\r\n}\r\n\r\n#p_p_id_goldenchips_WAR_bonusportlet_INSTANCE_Nr81yAWCclYF_ > ul {\r\n   border-bottom: 1px solid #d3d3d3 !important;\r\n   border-top: 1px solid #d3d3d3 !important;\r\n}\r\n\r\n#p_p_id_goldenchips_WAR_bonusportlet_INSTANCE_Nr81yAWCclYF_ > span {\r\n   font-size: 1.2em;\r\n   line-height: 1.0em !important;\r\n   margin-top: 3em;\r\n}\r\n\r\n.GoldenChipsBalances__header--x06:hover {\r\n  background-color: #e9e9e9 !important;\r\n}\r\n\r\n.GoldenChipsBalances__header--x06:active {\r\n  background-color: #e9e9e9 !important;\r\n}\r\n\r\n.GoldenChipsBalances__amount--2_Q {\r\n  color: #000 !important;\r\n}\r\n\r\n.GoldenChipsBalances__header--x06.GoldenChipsBalances__expanded--yXL {\r\n  border-bottom: .245em solid #4283bc !important;\r\n}\r\n\r\n.GoldenChipsBalances__shown--2f3 {\r\n  background-color: #fff !important;\r\n}\r\n\r\n.GoldenChipsBalances__slider--3T7 {\r\n  background-color: #fff !important;\r\n}\r\n\r\n.GoldenChipsBalances__sublist--1Cc {\r\n  background-color: #fff !important;\r\n}\r\n\r\n/* Meine Boni */\r\n#p_p_id_bonusmultiview_WAR_bonusportlet_INSTANCE_lnGbu7KLpiGy_ span {\r\n   font-size: 1.2em;\r\n}\r\n\r\n#p_p_id_bonusmultiview_WAR_bonusportlet_INSTANCE_lnGbu7KLpiGy_ > div.portlet-title.fn-portlet-title.portlet__title_type_collapsable.fn-collapse-portlet {\r\n   display: none;\r\n}\r\n\r\n#p_p_id_bonusmultiview_WAR_bonusportlet_INSTANCE_lnGbu7KLpiGy_{\r\n   background-color: transparent !important;\r\n   margin-bottom: 3.0em;\r\n   margin-top: 3.0em;\r\n   text-align: center;\r\n}\r\n\r\n/* Bonus Code eingeben */\r\n#p_p_id_56_INSTANCE_wVs5tp3krJAS_ {\r\n   background-color: transparent !important;\r\n   margin-top: 3.0em;\r\n   margin-bottom: 3.0em;\r\n}\r\n\r\n.bonus-multiview-imageview span {\r\n  display: inline-block;\r\n  text-align: center;\r\n  width: 100%;\r\n  font-size: 1.2em;\r\n  line-height: 1em;\r\n  margin-top: 1.75em;\r\n  margin-bottom: 1.75em;\r\n}\r\n.gamesinfo__item-container.gamesinfo__item-container_style_light.fn-game-item {\r\n cursor: pointer;\r\n}\r\n\r\n</style>","beforeEndBody":""},"conditionIds":["536a0342-c6ec-4919-b04d-5f1c0c5c683d","d008e583-abf9-4a09-a76b-868cd64fed50"]},{"tagId":"47bda6e3-9aeb-432b-b953-04cd95ecfef8","tagTypeId":"custom_js","name":"After render JS /spc","description":"After render JS /spc","config":{"code":"(() => {\r\n    //Hide Poker Download Button on Poker App Visit\r\n    const params = new URLSearchParams(window.location.search);\r\n\r\n    if (params.get(\"isNative\") === \"1\") {\r\n      document.querySelector(\"#p_p_id_0 > div > div > article > div > section.flex.flex-col.lg\\\\:flex-row.pt-4.px-\\\\[1\\\\.25rem\\\\].lg\\\\:mb-14 > div > div.flex.flex-col.items-center.lg\\\\:flex-row > div:nth-child(1) > div.relative.flex.flex-col.w-full.mx-auto.lg\\\\:items-start.mt-5.lg\\\\:hidden\").style.display = \"none\";\r\n      document.querySelectorAll(\".poker-download-button\").forEach(el => {\r\n        el.style.display = \"none\";\r\n      });\r\n    }\r\n    // Configuration\r\n    const CONFIG = {\r\n        language:  JSON.parse(localStorage.getItem(\"userLang\")) || \"en_US\", \r\n        itemsPerPage: 20,\r\n        countdownDeadline: \"04/01/2026 00:00:00\",\r\n        fallbackDate: \"2026-04-01\",\r\n        eventStartMonth: 4,\r\n        eventStartDay: 1,\r\n    };\r\n\r\n    const jsonPath = `/library/Poker/poker-spc/data/event-data-${CONFIG.language}.json`;\r\n    let displayCount = CONFIG.itemsPerPage;\r\n\r\n    // Utility Functions\r\n    const $ = (selector) => document.querySelector(selector);\r\n    const $$ = (selector) => document.querySelectorAll(selector);\r\n    const $id = (id) => document.getElementById(id);\r\n\r\n    const formatDate = (date) => {\r\n        const year = date.getFullYear();\r\n        const month = String(date.getMonth() + 1).padStart(2, \"0\");\r\n        const day = String(date.getDate()).padStart(2, \"0\");\r\n        return `${year}-${month}-${day}`;\r\n    };\r\n\r\n    const isEventStarted = () => {\r\n        const today = new Date();\r\n        const eventStart = new Date(\r\n            today.getFullYear(),\r\n            CONFIG.eventStartMonth - 1,\r\n            CONFIG.eventStartDay\r\n        );\r\n        return today >= eventStart;\r\n    };\r\n\r\n    const getDefaultFilterDate = () => {\r\n        return isEventStarted() ? formatDate(new Date()) : CONFIG.fallbackDate;\r\n    };\r\n\r\n    // Intersection Observer (Scroll Animations)\r\n    const createScrollObserver = () => {\r\n        const observer = new IntersectionObserver(\r\n            (entries) => {\r\n                entries.forEach((entry) => {\r\n                    if (entry.isIntersecting) {\r\n                        entry.target.classList.add(\"in-view\");\r\n                    }\r\n                });\r\n            },\r\n            { root: null, rootMargin: \"0px\", threshold: 0.5 }\r\n        );\r\n\r\n        $$(\".box-container\").forEach((el) => observer.observe(el));\r\n    };\r\n\r\n    // Tournament Data & Filters\r\n    const fetchAndInitializeTournaments = async () => {\r\n        try {\r\n            const response = await fetch(jsonPath);\r\n            const tournaments = await response.json();\r\n\r\n            populateFilters(tournaments);\r\n            setupFilterListeners(tournaments);\r\n\r\n            const dateFilter = $id(\"dateFilter\");\r\n            if (dateFilter) {\r\n                dateFilter.value = getDefaultFilterDate();\r\n            }\r\n\r\n            filterAndRenderTable(tournaments);\r\n        } catch (error) {\r\n            console.error(\"Error fetching tournament data:\", error);\r\n        }\r\n    };\r\n\r\n    const populateFilters = (tournaments) => {\r\n        const filterConfig = [\r\n            { id: \"tournamentNameFilter\", property: \"name\" },\r\n            { id: \"variantFilter\", property: \"variant\" },\r\n            { id: \"buyInFilter\", property: \"buy_in\" },\r\n            { id: \"gppFilter\", property: \"guaranteed_prize_pool\" },\r\n            { id: \"pptFilter\", property: \"players_per_table\" },\r\n        ];\r\n\r\n        filterConfig.forEach(({ id, property }) => {\r\n            const select = $id(id);\r\n            if (!select) return;\r\n\r\n            const uniqueValues = [\r\n    ...new Set(\r\n        tournaments\r\n            .map((t) => t[property])\r\n            .filter((value) => value && !/<\\/?s\\b[^>]*>/i.test(String(value)))\r\n    )\r\n];\r\n            const fragment = document.createDocumentFragment();\r\n\r\n            uniqueValues.forEach((value) => {\r\n                const option = document.createElement(\"option\");\r\n                option.value = value;\r\n                option.textContent = value;\r\n                fragment.appendChild(option);\r\n            });\r\n\r\n            select.appendChild(fragment);\r\n        });\r\n    };\r\n\r\n    const setupFilterListeners = (tournaments) => {\r\n        const dateFilter = $id(\"dateFilter\");\r\n        const loadMoreBtn = $id(\"loadMoreBtn\");\r\n\r\n        const resetAndFilter = () => {\r\n            displayCount = CONFIG.itemsPerPage;\r\n            filterAndRenderTable(tournaments);\r\n        };\r\n\r\n        $$(\"select\").forEach((select) => {\r\n            select.addEventListener(\"change\", resetAndFilter);\r\n        });\r\n\r\n        dateFilter?.addEventListener(\"change\", resetAndFilter);\r\n\r\n        loadMoreBtn?.addEventListener(\"click\", () => {\r\n            displayCount += CONFIG.itemsPerPage;\r\n            filterAndRenderTable(tournaments);\r\n        });\r\n    };\r\n\r\n    const getFilterValues = () => ({\r\n        date: $id(\"dateFilter\")?.value || \"\",\r\n        name: $id(\"tournamentNameFilter\")?.value || \"\",\r\n        variant: $id(\"variantFilter\")?.value || \"\",\r\n        buyIn: $id(\"buyInFilter\")?.value || \"\",\r\n        gpp: $id(\"gppFilter\")?.value || \"\",\r\n        ppt: $id(\"pptFilter\")?.value || \"\",\r\n    });\r\n\r\n    const filterAndRenderTable = (tournaments) => {\r\n        const filters = getFilterValues();\r\n\r\n        const filtered = tournaments.filter((t) => {\r\n            return (\r\n                (!filters.date || t.filterDate === filters.date) &&\r\n                (!filters.name || t.name === filters.name) &&\r\n                (!filters.variant || t.variant === filters.variant) &&\r\n                (!filters.buyIn || t.buy_in === filters.buyIn) &&\r\n                (!filters.gpp || t.guaranteed_prize_pool === filters.gpp) &&\r\n                (!filters.ppt || String(t.players_per_table) === String(filters.ppt))\r\n            );\r\n        });\r\n\r\n        renderTable(filtered.slice(0, displayCount));\r\n        updateLoadMoreButton(filtered.length);\r\n    };\r\n\r\n    // Table Rendering\r\n    const renderTable = (tournaments) => {\r\n        const tbody = $id(\"tournamentTable\");\r\n        if (!tbody) return;\r\n\r\n        tbody.innerHTML = \"\";\r\n        const fragment = document.createDocumentFragment();\r\n\r\n        if (tournaments.length === 0) {\r\n            fragment.appendChild(createNoDataRow());\r\n        } else {\r\n            tournaments.forEach((tournament) => {\r\n                fragment.appendChild(createTournamentRow(tournament));\r\n            });\r\n        }\r\n\r\n        tbody.appendChild(fragment);\r\n    };\r\n\r\n    const createNoDataRow = () => {\r\n        const tr = document.createElement(\"tr\");\r\n        tr.className = \"table-row text-lg font-medium text-black\";\r\n\r\n        const td = document.createElement(\"td\");\r\n        td.className = \"px-1 py-2 text-center whitespace-nowrap\";\r\n        td.setAttribute(\"colspan\", \"10\");\r\n        td.textContent = typeof Playtech !== \"undefined\"\r\n            ? Playtech.API.translation.translate(\"playtech.mobile.system.spc.content.not.available\")\r\n            : \"No data available\";\r\n\r\n        tr.appendChild(td);\r\n        return tr;\r\n    };\r\n\r\n    const createTournamentRow = (tournament) => {\r\n        const tr = document.createElement(\"tr\");\r\n        tr.className = \"table-row text-lg font-medium text-black\";\r\n\r\n        const fields = [\r\n            tournament.date,\r\n            tournament.start_time,\r\n            tournament.name,\r\n            tournament.variant,\r\n            tournament.buy_in,\r\n            tournament.guaranteed_prize_pool,\r\n            tournament.players_per_table,\r\n            tournament.re_entry,\r\n            tournament.rebuy_add_on,\r\n            tournament.info,\r\n        ];\r\n\r\n        fields.forEach((value) => {\r\n            const td = document.createElement(\"td\");\r\n            td.className = \"px-1 py-2 text-center whitespace-nowrap\";\r\n            td.innerHTML = value ?? \"-\";\r\n            tr.appendChild(td);\r\n        });\r\n\r\n        return tr;\r\n    };\r\n\r\n    const updateLoadMoreButton = (totalCount) => {\r\n        const loadMoreBtn = $id(\"loadMoreBtn\");\r\n        if (loadMoreBtn) {\r\n            loadMoreBtn.style.display = displayCount >= totalCount ? \"none\" : \"block\";\r\n        }\r\n    };\r\n\r\n    // Timeline Switcher\r\n    const initTimelineSwitcher = () => {\r\n        const specialOfferBtn = $id(\"special-offer\");\r\n        const roadToFinalBtn = $id(\"road-to-final\");\r\n        const specialOfferTimeline = $id(\"special-offer-timeline\");\r\n        const roadToFinalTimeline = $id(\"road-to-final-timeline\");\r\n\r\n        if (!specialOfferBtn || !roadToFinalBtn) return;\r\n\r\n        const showTimeline = (activeBtn, inactiveBtn, showEl, hideEl) => {\r\n            activeBtn.classList.add(\"spc-road-selected\");\r\n            inactiveBtn.classList.remove(\"spc-road-selected\");\r\n            showEl?.classList.remove(\"hidden\");\r\n            hideEl?.classList.add(\"hidden\");\r\n        };\r\n\r\n        specialOfferBtn.addEventListener(\"click\", () => {\r\n            showTimeline(specialOfferBtn, roadToFinalBtn, specialOfferTimeline, roadToFinalTimeline);\r\n        });\r\n\r\n        roadToFinalBtn.addEventListener(\"click\", () => {\r\n            showTimeline(roadToFinalBtn, specialOfferBtn, roadToFinalTimeline, specialOfferTimeline);\r\n        });\r\n\r\n        // Default to \"Road to Final\"\r\n        roadToFinalBtn.click();\r\n    };\r\n\r\n    // GTM DataLayer Tracking\r\n    const initDataLayerTracking = () => {\r\n        window.dataLayer = window.dataLayer || [];\r\n\r\n        // Download button tracking\r\n        $$(\".poker-download-button\").forEach((btn) => {\r\n            btn.addEventListener(\"click\", () => {\r\n                const location = btn.getAttribute(\"data-location\") || \"unknown\";\r\n                window.dataLayer.push({\r\n                    'event': 'download_btn',\r\n                    'button_location': location\r\n                });\r\n            });\r\n        });\r\n\r\n        // Note: App store clicks (play.google.com, apps.apple.com) should be tracked\r\n        // via GTM using \"Click - Just Links\" trigger with \"Wait for Tags\" enabled\r\n    };\r\n\r\n    // Countdown Clock\r\n    const initCountdownClock = () => {\r\n        const clock = $(\".counter\");\r\n        if (!clock) return;\r\n\r\n        const elements = {\r\n            days: clock.querySelector(\".days\"),\r\n            hours: clock.querySelector(\".hours\"),\r\n            minutes: clock.querySelector(\".minutes\"),\r\n            seconds: clock.querySelector(\".seconds\"),\r\n        };\r\n\r\n        const deadline = new Date(CONFIG.countdownDeadline);\r\n        let intervalId = null;\r\n\r\n        const getTimeRemaining = () => {\r\n            const total = Date.parse(deadline) - Date.now();\r\n            return {\r\n                total,\r\n                days: Math.floor(total / (1000 * 60 * 60 * 24)),\r\n                hours: Math.floor((total / (1000 * 60 * 60)) % 24),\r\n                minutes: Math.floor((total / (1000 * 60)) % 60),\r\n                seconds: Math.floor((total / 1000) % 60),\r\n            };\r\n        };\r\n\r\n        const updateDisplay = () => {\r\n            const time = getTimeRemaining();\r\n\r\n            if (time.total <= 0) {\r\n                clearInterval(intervalId);\r\n                clock.style.display = \"none\";\r\n                return;\r\n            }\r\n\r\n            elements.days.textContent = String(time.days).padStart(2, \"0\");\r\n            elements.hours.textContent = String(time.hours).padStart(2, \"0\");\r\n            elements.minutes.textContent = String(time.minutes).padStart(2, \"0\");\r\n            elements.seconds.textContent = String(time.seconds).padStart(2, \"0\");\r\n        };\r\n\r\n        updateDisplay();\r\n        intervalId = setInterval(updateDisplay, 1000);\r\n    };\r\n\r\n    createScrollObserver();\r\n    fetchAndInitializeTournaments();\r\n    initTimelineSwitcher();\r\n    initCountdownClock();\r\n    initDataLayerTracking();\r\n    initPokerButtons(\".poker-download-button\", \".poker-playnow-button\");\r\n})();\r\n"},"conditionIds":["40f30ec7-19d5-45a3-bf62-74d11b06b6ee","4eaa767f-38ed-46ce-aea0-afceba7315fd"]},{"tagId":"56d1216e-1c72-4e77-9780-06d20bf9984d","tagTypeId":"custom_js","name":"After render JS /poker-news","description":"After render JS /poker-news","config":{"code":"(() => {\r\n    const SELECTOR_CONTENT_CONTAINER = 'content-container';\r\n    const SELECTOR_FILTER = 'filter';\r\n    const SELECTOR_DEFAULT_SEARCH = 'default-search';\r\n    const SELECTOR_POSTS = 'posts';\r\n    const TRUNCATION_LENGTH = 150;\r\n\r\n    function waitForElementToLoad(elementId, callback) {\r\n        const existingElement = document.getElementById(elementId);\r\n        if (existingElement) {\r\n            callback(existingElement);\r\n            return;\r\n        }\r\n\r\n        const observer = new MutationObserver((mutations, obs) => {\r\n            const targetElement = document.getElementById(elementId);\r\n            if (targetElement) {\r\n                callback(targetElement);\r\n                obs.disconnect();\r\n            }\r\n        });\r\n\r\n        observer.observe(document, { childList: true, subtree: true });\r\n    }\r\n\r\n    waitForElementToLoad(SELECTOR_CONTENT_CONTAINER, (contentContainer) => {\r\n        const currentLang = JSON.parse(localStorage.getItem(\"userLang\"));\r\n        const contentPath = `/library/poker-blog/content/content_${currentLang}_v26.json`;\r\n\r\n        const translations = {\r\n            notFound: {\r\n                en_US: 'No results found',\r\n                de_DE: 'Keine Ergebnisse gefunden',\r\n                fr_FR: 'Aucun résultat trouvé',\r\n                it_IT: 'Nessun risultato trovato',\r\n            },\r\n            allinfo: {\r\n                en_US: 'All Info',\r\n                de_DE: 'Alle Infos',\r\n                fr_FR: 'Toutes les informations',\r\n                it_IT: 'Tutte le informazioni',\r\n            },\r\n            download: {\r\n                en_US: 'Download',\r\n                de_DE: 'Download',\r\n                fr_FR: 'Télécharger',\r\n                it_IT: 'Scarica',\r\n            },\r\n            playnow: {\r\n                en_US: 'Play now',\r\n                de_DE: 'Jetzt spielen',\r\n                fr_FR: 'Joue maintenant',\r\n                it_IT: 'Gioca ora',\r\n            },\r\n            categoryTitle: {\r\n                en_US: 'Category',\r\n                de_DE: 'Kategorie',\r\n                fr_FR: 'Catégorie',\r\n                it_IT: 'Categoria',\r\n            }\r\n        };\r\n\r\n        let pokerBlogPosts = [];\r\n\r\n        async function getBlogPosts() {\r\n            try {\r\n                const response = await fetch(contentPath);\r\n                pokerBlogPosts = await response.json();\r\n                displayBlogPosts(pokerBlogPosts);\r\n                categoryOptions();\r\n                initPokerButtons(\".poker-blog-download-button\", \".poker-blog-playnow-button\");\r\n            } catch (error) {\r\n                console.error(error);\r\n            }\r\n        }\r\n\r\n        function categoryOptions() {\r\n            const uniqueCategories = [...new Set(pokerBlogPosts.map((item) => item.field_category))];\r\n            const selectBox = document.getElementById(SELECTOR_FILTER);\r\n            selectBox.innerHTML = '';\r\n            selectBox.setAttribute('aria-label', 'Category Filter');\r\n\r\n            const allOption = document.createElement('option');\r\n            allOption.className = 'w-full text-lg text-gray-900';\r\n            allOption.value = 'all';\r\n            allOption.setAttribute('aria-label', 'All option');\r\n            allOption.textContent = 'ALL';\r\n            selectBox.appendChild(allOption);\r\n\r\n            uniqueCategories.forEach((category) => {\r\n                const option = document.createElement('option');\r\n                option.className = 'w-full text-lg text-gray-900';\r\n                option.value = category;\r\n                option.textContent = category;\r\n                option.setAttribute('aria-label', 'category');\r\n                selectBox.appendChild(option);\r\n            });\r\n        }\r\n\r\n        function createBlogPostElement(post) {\r\n            const { field_preview_text, field_preview_image, field_date_time, title, field_category, details_url } = post;\r\n\r\n            const postElement = document.createElement('div');\r\n            postElement.className = 'flex flex-col p-4 mt-4 bg-white lg:p-0 lg:flex-row lg:pr-4 custom-shadow';\r\n\r\n            const truncatedText = `${field_preview_text.substring(0, TRUNCATION_LENGTH)}...<a href=\"${details_url}\" class=\"underline font-semibold text-black\" aria-label=\"${translations.allinfo[currentLang]}\" onclick=\"setMetaDescription('${details_url}')\">${translations.allinfo[currentLang]}</a>`;\r\n\r\n            postElement.innerHTML = `\r\n                <img class=\"w-full h-[178px] lg:w-[364px] lg:h-[215px] object-cover\" loading=\"lazy\" src=\"${field_preview_image}\" alt=\"${title}\" />\r\n                <div class=\"card__content lg:pl-6 relative w-full\">\r\n                    <div class=\"flex flex-col mt-4\">\r\n                        <div class=\"text-base lg:text-lg date\">${field_date_time}</div>\r\n                    </div>\r\n                    <div class=\"mt-2 flex flex-col\">\r\n                        <a href=\"${details_url}\" class=\"mb-1 text-xl font-semibold xl:text-2xl text-black title\" onclick=\"setMetaDescription('${details_url}')\">${title}</a>\r\n                        <div class=\"text-lg lg:text-xl text\">${truncatedText}</div>\r\n                    </div>\r\n                    <div class=\"flex justify-center mt-3 lg:mt-1 lg:justify-end lg:absolute lg:bottom-2 lg:top-auto lg:left-auto lg:right-0\">\r\n                        <div class=\"px-3 py-1 rounded-full ${field_category} font-semibold text-base\">${field_category}</div>\r\n                    </div>\r\n                </div>\r\n            `;\r\n\r\n            return postElement;\r\n        }\r\n\r\n        function setMetaDescription(detailsUrl) {\r\n            const metaDescription = document.querySelector(\"meta[name='description']\");\r\n            if (metaDescription) {\r\n                metaDescription.setAttribute(\"content\", \"Poker news details page\");\r\n            } else {\r\n                const newMetaDescription = document.createElement(\"meta\");\r\n                newMetaDescription.setAttribute(\"name\", \"description\");\r\n                newMetaDescription.setAttribute(\"content\", \"Poker news details page\");\r\n                document.head.appendChild(newMetaDescription);\r\n            }\r\n\r\n            window.location.href = detailsUrl;\r\n        }\r\n\r\n        function displayBlogPosts(posts) {\r\n            const postsContainer = document.getElementById(SELECTOR_POSTS);\r\n            postsContainer.innerHTML = '';\r\n\r\n            if (!posts.length) {\r\n                showNotFoundMessage(postsContainer);\r\n                return;\r\n            }\r\n\r\n            posts.forEach((post) => {\r\n                const postElement = createBlogPostElement(post);\r\n                postsContainer.appendChild(postElement);\r\n            });\r\n        }\r\n\r\n        function filterAndDisplayBlogPosts(category) {\r\n            const filteredPosts = category === 'all'\r\n                ? pokerBlogPosts\r\n                : pokerBlogPosts.filter((post) => post.field_category === category);\r\n            displayBlogPosts(filteredPosts);\r\n        }\r\n\r\n        function showNotFoundMessage(container) {\r\n            const notFoundElement = document.createElement('div');\r\n            notFoundElement.className = 'mt-10 text-2xl font-semibold text-center text-white text-gray-500';\r\n            notFoundElement.innerText = translations.notFound[currentLang];\r\n            container.appendChild(notFoundElement);\r\n        }\r\n\r\n        contentContainer.addEventListener('change', (event) => {\r\n            const target = event.target;\r\n            if (target.id === SELECTOR_FILTER) {\r\n                document.getElementById(SELECTOR_DEFAULT_SEARCH).value = '';\r\n                filterAndDisplayBlogPosts(target.value);\r\n            }\r\n        });\r\n\r\n        contentContainer.addEventListener('input', (event) => {\r\n            const target = event.target;\r\n            if (target.id === SELECTOR_DEFAULT_SEARCH) {\r\n                document.getElementById(SELECTOR_FILTER).selectedIndex = 0;\r\n                const searchQuery = target.value.toLowerCase();\r\n                const filteredPosts = pokerBlogPosts.filter((post) =>\r\n                    Object.values(post).some((value) => \r\n                        typeof value === 'string' && value.toLowerCase().includes(searchQuery)\r\n                    )\r\n                );\r\n                displayBlogPosts(filteredPosts);\r\n            }\r\n        });\r\n\r\n        getBlogPosts();\r\n    });\r\n})();"},"conditionIds":["1693427d-373c-460c-bf7c-3294c40a27d7","4eaa767f-38ed-46ce-aea0-afceba7315fd"]},{"tagId":"b96761a4-a745-46fe-9549-f19be3ecec90","tagTypeId":"custom_js","name":"Before Page render /esbk_test","description":"Before Page render /esbk_test","config":{"code":"(async () => {\r\n  if (/\\/esbk_test\\/?$/.test(location.pathname)) {\r\n    const whitelist = [\"31.10.241.214\", \"20.47.71.53\"]; \r\n    \r\n    const clientAddressRequest = {\r\n      ID: 81405,\r\n      responses: [81406, 81407],\r\n      description: \"IP address detection\"\r\n    };\r\n\r\n    try {\r\n      const response = await Playtech.callOAPI(clientAddressRequest);\r\n      const clientIP = response?.data?.clientIp || \"\";\r\n\r\n      if (whitelist.includes(clientIP)) {\r\n        console.log(\"Access granted by IP\");\r\n        return;\r\n      }\r\n    } catch (err) {\r\n      console.error(\"Failed to retrieve IP address\", err);\r\n    }\r\n\r\n    const user = prompt(\"Username:\", \"user\");\r\n    const password = prompt(\"Password:\", \"password\");\r\n\r\n    if (user === atob(\"ZXNiaw==\") && password === atob(\"SGlAU2VjXzIwMjA=\")) {\r\n      console.log(\"Access granted by credentials\");\r\n    } else {\r\n      alert(\"Unauthorized\");\r\n      window.location.href = '/'; // Redirect to a safe page\r\n    }\r\n  }\r\n})();"},"conditionIds":["754c9c4c-9342-4c5a-822d-9d9b5b61960b","536a0342-c6ec-4919-b04d-5f1c0c5c683d"]},{"tagId":"ab3da1bc-7b56-4ef6-9a87-f80ad7c9c56f","tagTypeId":"custom_js","name":"Poker Buttons - Global Poker Buttons Function","description":"Poker Buttons - Global Poker Buttons Function","config":{"code":"(() => {\r\n    const initPokerButtons = (downloadSelector = \".poker-download\", playnowSelector = \".poker-playnow\") => {\r\n        const APP_URLS = {\r\n            ios: \"https://apps.apple.com/ch/app/poker-swiss-casinos/id1549834011\",\r\n            macintosh: \"https://apps.apple.com/ch/app/poker-swiss-casinos/id1549834011\",\r\n            android: \"https://play.google.com/store/apps/details?id=com.pokerapp.swisscasinos&pcampaignid=web_share\",\r\n            windows: \"https://cachedownload.swisscasinos.ch/installer/poker/SetupPoker.exe\"\r\n        };\r\n\r\n        const handleDownload = () => {\r\n            const url = APP_URLS[Playtech.API.device.os];\r\n            \r\n            if (url) return window.open(url);\r\n            \r\n            return window.Playtech.API.popup.showPopup({\r\n                title: \"playtech.mobile.system.customPopup.apple.title\",\r\n                content: \"playtech.mobile.system.customPopup.apple.content\",\r\n            });\r\n        };\r\n\r\n        const handlePlaynow = () => {\r\n            if (Playtech.fetchUserDetails().userId) {\r\n                <!--Playtech.API.user.setPlayerTags([{ name: \"sc/poker/login_bonus\" }]);-->\r\n                window.open(\r\n                    `https://games.swisscasinos.ch/poker/web/WebLauncher.html?&lang=${returnLangCode()}`,\r\n                    \"newwindow\",\r\n                    \"width=1280, height=720\"\r\n                );\r\n            } else {\r\n                window.Playtech.API.popup.showPopup(\"login\");\r\n            }\r\n        };\r\n\r\n        downloadSelector && document.querySelectorAll(downloadSelector).forEach(btn => btn.addEventListener(\"click\", handleDownload));\r\n        playnowSelector && document.querySelectorAll(playnowSelector).forEach(btn => btn.addEventListener(\"click\", handlePlaynow));\r\n\r\n        return { handleDownload, handlePlaynow };\r\n    };\r\n\r\n    window.initPokerButtons = initPokerButtons;\r\n})();"},"conditionIds":["536a0342-c6ec-4919-b04d-5f1c0c5c683d"]},{"tagId":"357aae56-a418-4186-9f81-60b13ae3619e","tagTypeId":"custom_js","name":"Withdraw page CHE-1 CHE-4","description":"Withdraw page CHE-1 CHE-4","config":{"code":"<!--// Fallback for Playtech API breaking change (undocumented): response shape changed from-->\r\n<!--// { data: { playerRegulationStatusHistory: [...] } } to a flat array [{ code: ... }].-->\r\n<!--// Supporting both until the rollout stabilizes — remove old path once confirmed.-->\r\n(async () => {\r\n    try {\r\n        const getUserRegulationStatus = await Playtech.sendUserRegulationStatusRequest();\r\n        const regulationStatus = getUserRegulationStatus?.[0]?.code ?? getUserRegulationStatus?.data?.playerRegulationStatusHistory?.[0]?.code;\r\n\r\n        const REGULATION_STATUS_CHE_1 = 'CHE-1';\r\n        const REGULATION_STATUS_CHE_4 = 'CHE-4';\r\n\r\n        if (regulationStatus === REGULATION_STATUS_CHE_1 || regulationStatus === REGULATION_STATUS_CHE_4) {\r\n            const errorMessageTranslations = {\r\n                en_US: \"Withdrawals can only be made once you have verified the account. Please go to 'My Account > Account Verification' and upload a valid ID document of yourself.\",\r\n                de_DE: \"Auszahlungen können erst erfolgen, sobald du das Konto verifiziert hast. Bitte gehe zu 'Mein Konto > Konto Verifizierung' und lade ein gültiges Ausweisdokument von dir hoch.\",\r\n                fr_FR: \"Les retraits ne peuvent être effectués qu'une fois que votre compte a été vérifié. Veuillez vous rendre sur la page 'Mon compte > Vérification du compte' et télécharger une pièce d'identité valide.\",\r\n                it_IT: \"I prelievi possono essere effettuati solo dopo aver verificato il conto. Vai su 'Il mio conto > Verifica Account' e di caricare un tuo documento d'identità valido.\"\r\n            };\r\n\r\n\r\n            const currentLang = JSON.parse(localStorage.getItem(\"userLang\")) || 'en_US';\r\n            addErrorMessage(currentLang, errorMessageTranslations);\r\n        }\r\n    } catch (error) {\r\n        console.error('Error withdraw page custom message', error);\r\n    }\r\n\r\n    function addErrorMessage(language, errorMessageTranslations) {\r\n        try {\r\n            const withdrawalForm = document.querySelector('.form-messages');\r\n            const actionButton = document.querySelector('.form_name_cashier-withdraw .btn');\r\n\r\n            if (withdrawalForm && actionButton) {\r\n                    const errorMessageText = document.createElement('p');\r\n                    errorMessageText.classList.add('message', 'error', 'custom-error-message');\r\n                    errorMessageText.textContent = errorMessageTranslations[language];\r\n\r\n                    actionButton.disabled = true;\r\n                    withdrawalForm.appendChild(errorMessageText);\r\n            } else {\r\n                console.error('Withdrawal form or action button not found');\r\n            }\r\n        } catch (domError) {\r\n            console.error('Error manipulating DOM elements:', domError);\r\n        }\r\n    }\r\n})();\r\n"},"conditionIds":["c579ac2e-f08f-416f-9a42-53992c3bb524","4eaa767f-38ed-46ce-aea0-afceba7315fd"]},{"tagId":"a7660f26-6ab0-49ee-b2ee-b8f6bacc4fc2","tagTypeId":"custom_js","name":"Adtraction JS ","description":"Adtraction JS ","config":{"code":"<!--// Fallback for Playtech API breaking change (undocumented): response shape changed from-->\r\n<!--// { data: { playerRegulationStatusHistory: [...] } } to a flat array [{ code: ... }].-->\r\n<!--// Supporting both until the rollout stabilizes — remove old path once confirmed.-->\r\n(() => {\r\n  Playtech.on(Playtech.Events.LOGGED_IN, async () => {\r\n    const userDetails = Playtech.fetchUserDetails();\r\n    if (userDetails.playerCode) {\r\n      const regulation = await Playtech.sendUserRegulationStatusRequest();\r\n      const regulationEntry = regulation?.[0] ?? regulation?.data?.playerRegulationStatusHistory?.[0];\r\n      if (regulationEntry) {\r\n        if (regulationEntry.code === \"CHE-1\") {\r\n          const cookieValue = getCookie(\"at_gd\");\r\n          if (cookieValue !== null && cookieValue !== \"\") {\r\n            setTag(\"sc/tracking/adtraction\", cookieValue);\r\n            try {\r\n              const tagsResponse = await Playtech.API.user.getPlayerTags();\r\n              setTimeout(() => {\r\n                const tag = findTagValue(\r\n                  tagsResponse.data.tags,\r\n                  \"sc/tracking/adtraction\"\r\n                );\r\n                const converted = findTagValue(\r\n                  tagsResponse.data.tags,\r\n                  \"sc/tracking/adtraction_converted\"\r\n                );\r\n                if (tag && !converted) {\r\n                  const transactionData = {\r\n                    event: \"CHE-1\",\r\n                    transactionId: userDetails.playerCode,\r\n                  };\r\n                  // Assuming you are pushing to the dataLayer for analytics tracking\r\n                  window.dataLayer = window.dataLayer || [];\r\n                  window.dataLayer.push(transactionData);\r\n  \r\n                  Playtech.API.user.setPlayerTags([\r\n                    { name: \"sc/tracking/adtraction_converted\" },\r\n                  ]);\r\n                }\r\n              }, 3000);\r\n            } catch (error) {\r\n              console.error(\"Error processing player tags:\", error);\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  });\r\n\r\n  const findTagValue = (tags, tagName) => {\r\n    const tag = tags.find((tag) => tag.name === tagName);\r\n    return tag ? true : false;\r\n  };\r\n\r\n  const setTag = (tagName, newValue = \"\") => {\r\n    // Default newValue to an empty string if not provided\r\n    Playtech.API.user.setPlayerTags([\r\n      {\r\n        name: tagName,\r\n        type: \"text\",\r\n        value: newValue,\r\n      },\r\n    ]);\r\n  };\r\n\r\n  const getCookie = (name) => {\r\n    try {\r\n      // Create a regular expression to match the cookie name followed by \"=\" and capture the value\r\n      const regex = new RegExp(\r\n        \"(?:^|;\\\\s*)\" + encodeURIComponent(name) + \"=([^;]*)\"\r\n      );\r\n      const match = regex.exec(document.cookie);\r\n      // If a match is found, return the decoded cookie value, otherwise return null\r\n      return match ? decodeURIComponent(match[1]) : null;\r\n    } catch (error) {\r\n      console.error(\"An error occurred while retrieving the cookie:\", error);\r\n      return null;\r\n    }\r\n  };\r\n})();\r\n"},"conditionIds":["49c0db39-d960-4837-920f-574b7820bfe0"]},{"tagId":"01ec09cf-372a-4d92-989e-3af5ee9cbc59","tagTypeId":"custom_js","name":"CHE-4 Deposit Disable","description":"CHE-4 Deposit Disable","config":{"code":"<!--// Fallback for Playtech API breaking change (undocumented): response shape changed from-->\r\n<!--// { data: { playerRegulationStatusHistory: [...] } } to a flat array [{ code: ... }].-->\r\n<!--// Supporting both until the rollout stabilizes — remove old path once confirmed.-->\r\n(async () => {\r\n    try {\r\n        const getUserRegulationStatus = await Playtech.sendUserRegulationStatusRequest();\r\n        const regulationStatus = getUserRegulationStatus?.[0]?.code ?? getUserRegulationStatus?.data?.playerRegulationStatusHistory?.[0]?.code;\r\n\r\n        const REGULATION_STATUS_CHE_4 = 'CHE-4';\r\n\r\n        if (regulationStatus === REGULATION_STATUS_CHE_4) {\r\n            const CHECK_INTERVAL = 20;\r\n            const MAX_ATTEMPTS = 10;\r\n    \r\n            let containerDivAttempts = 0;\r\n            let quickDepositDivAttempts = 0;\r\n            let actionButtonsAttempts = 0;\r\n\r\n            const errorMessageTranslations = {\r\n                en_US: \"Your provisional account has expired. Deposits can only be made once you have verified the account. Please go to 'My Account > Account Verification' and upload a valid ID document of yourself.\",\r\n                de_DE: \"Dein provisorisches Konto ist abgelaufen. Einzahlungen können erst wieder erfolgen, sobald du das Konto verifiziert hast. Bitte gehe zu 'Mein Konto > Konto Verifizierung' und lade ein gültiges Ausweisdokument von dir hoch.\",\r\n                fr_FR: \"Votre compte provisoire a expiré. Les versements ne pourront être effectués qu'une fois que votre compte sera vérifié. Veuillez vous rendre sur la page 'Mon compte > Vérification du compte' et télécharger une pièce d'identité valide.\",\r\n                it_IT: \"Il tuo conto provvisorio è scaduto. I depositi possono essere effettuati nuovamente solo dopo aver verificato il conto. Vai su 'Il mio conto > Verifica Account' e carica un tuo documento d'identità valido.\"\r\n            };\r\n\r\n            function scheduleCheck(func, attempts) {\r\n                if (attempts < MAX_ATTEMPTS) {\r\n                    setTimeout(func, CHECK_INTERVAL);\r\n                }\r\n            }\r\n\r\n            function createErrorMessage(language) {\r\n                const errorMessage = document.createElement('div');\r\n                errorMessage.classList.add('form-messages', 'fn-form-messages');\r\n                errorMessage.style.paddingLeft = '1rem';\r\n                errorMessage.style.paddingRight = '1rem';\r\n\r\n                const errorMessageText = document.createElement('p');\r\n                errorMessageText.classList.add('message', 'error');\r\n                errorMessageText.textContent = errorMessageTranslations[language];\r\n                errorMessage.appendChild(errorMessageText);\r\n\r\n                return errorMessage;\r\n            }\r\n\r\n            function checkAndModifyContainerDiv() {\r\n                const containerDiv = document.querySelector('.portlet-column-content.fn-portlet-container');\r\n                if (containerDiv) {\r\n                    const currentLang = JSON.parse(localStorage.getItem(\"userLang\")) || 'en_US';\r\n                    containerDiv.insertAdjacentElement('afterbegin', createErrorMessage(currentLang));\r\n                } else {\r\n                    scheduleCheck(checkAndModifyContainerDiv, containerDivAttempts++);\r\n                }\r\n            }\r\n\r\n            function checkAndDisableQuickDeposit() {\r\n                const quickDepositDiv = document.querySelector('.portlet__content_type_quick-deposit');\r\n                if (quickDepositDiv) {\r\n                    const buttonInsideQuickDeposit = quickDepositDiv.querySelector('.CashierForm__buttons--3ET button');\r\n                    if (buttonInsideQuickDeposit) {\r\n                        buttonInsideQuickDeposit.disabled = true;\r\n                    }\r\n                } else {\r\n                    scheduleCheck(checkAndDisableQuickDeposit, quickDepositDivAttempts++);\r\n                }\r\n            }\r\n\r\n            function checkAndDisableButtons() {\r\n                const actionButtons = document.querySelectorAll('.form_name_cashier-deposit .btn');\r\n                if (actionButtons.length > 0) {\r\n                    actionButtons.forEach(button => {\r\n                        button.disabled = true;\r\n                    });\r\n                } else {\r\n                    scheduleCheck(checkAndDisableButtons, actionButtonsAttempts++);\r\n                }\r\n            }\r\n\r\n            checkAndModifyContainerDiv();\r\n            checkAndDisableQuickDeposit();\r\n            checkAndDisableButtons();\r\n        }\r\n    } catch (error) {\r\n        console.error('Error Deposit page custom message', error);\r\n    }\r\n})();\r\n"},"conditionIds":["09bdf729-54d5-4160-92c9-1dae04ca2b04","4eaa767f-38ed-46ce-aea0-afceba7315fd"]},{"tagId":"d6d31e1c-424f-474a-a7b8-628ba6cb39dc","tagTypeId":"custom_js","name":"Remove IBAN Deposit for CHE-4","description":"Remove IBAN Deposit for CHE-4","config":{"code":"<!--// Fallback for Playtech API breaking change (undocumented): response shape changed from-->\r\n<!--// { data: { playerRegulationStatusHistory: [...] } } to a flat array [{ code: ... }].-->\r\n<!--// Supporting both until the rollout stabilizes — remove old path once confirmed.-->\r\n(async () => {\r\n    try {\r\n        const getUserRegulationStatus = await Playtech.sendUserRegulationStatusRequest();\r\n        const regulationStatus = getUserRegulationStatus?.[0]?.code ?? getUserRegulationStatus?.data?.playerRegulationStatusHistory?.[0]?.code;\r\n\r\n        const REGULATION_STATUS_CHE_4 = 'CHE-4';\r\n\r\n        if (regulationStatus === REGULATION_STATUS_CHE_4) {\r\n            const CHECK_INTERVAL = 20;\r\n            const MAX_ATTEMPTS = 10;\r\n    \r\n            let paymentMethodRemovalAttempts = 0;\r\n\r\n            function scheduleCheck(func, attempts) {\r\n                if (attempts < MAX_ATTEMPTS) {\r\n                    setTimeout(func, CHECK_INTERVAL);\r\n                }\r\n            }\r\n\r\n            function removeIBANTransferPaymentMethod() {\r\n                const paymentMethodContainer = document.querySelector('li.payment-method .deposit__IBANTransferCH')?.closest('li.payment-method');\r\n                \r\n                if (paymentMethodContainer) {\r\n                    paymentMethodContainer.remove();\r\n                } else {\r\n                    scheduleCheck(removeIBANTransferPaymentMethod, paymentMethodRemovalAttempts++);\r\n                }\r\n            }\r\n\r\n            removeIBANTransferPaymentMethod();\r\n        }\r\n    } catch (error) {\r\n        console.error('Error removing IBAN Transfer payment method', error);\r\n    }\r\n})();\r\n"},"conditionIds":["09bdf729-54d5-4160-92c9-1dae04ca2b04","4eaa767f-38ed-46ce-aea0-afceba7315fd"]},{"tagId":"30","tagTypeId":"custom_tag_type","name":"Custom CSS /poker-bonus","description":"Custom CSS /poker-bonus","config":{"beforeEndHead":"<style>\r\n\r\ndiv#main-content{\r\n  background-color: black;\r\n}\r\n.bonus-multiview-imageview span {\r\n    display: block;\r\n    width: 100%;\r\n    color: white;\r\n    font-size: 20px;\r\n    text-align: center;\r\n    padding-top: 55px;\r\n}\r\n\r\n.portlet-wrapper {\r\n    background-color: #000000 !important;\r\n}\r\n.desktop .Layout__container--1wQ {\r\n    min-height: 0 ;\r\n}\r\n.seo-link:hover{\r\n\tcolor:#fff !important;\r\n  }\r\n  .seo-link {\r\n\tcolor:#f9b000;\r\n\tfont-weight: bold;\r\n  }\r\n  .py-10 {\r\n    padding-top:5rem;\r\n    padding-bottom:5rem;\r\n  }\r\n  .mt-10 {\r\n    margin-top: 5rem;\r\n  }\r\n  .bonus-multiview-imageview__btn-action {\r\n    box-shadow: none;\r\n  }\r\n  \r\n  .desktop .layout-100-1200px .layout-100-1200px-navigation-wrapper {\r\n    display: block;\r\n    max-width: 100% !important;\r\n    margin: 0 auto;\r\n  }\r\n  \r\n  .desktop .Footer__footer--14A {\r\n    max-width: 100% !important;\r\n  }\r\n  \r\n  .widefooter {\r\n    display: block;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n  }\r\n  \r\n  .SC_banner {\r\n    pointer-events: all;\r\n    background-size: cover !important;\r\n  }\r\n  \r\n  .portlet-wrapper {\r\n    background-color: transparent;\r\n  }\r\n  \r\n  .Layout__layout-1_column--10c {\r\n    background-color: transparent;\r\n  }\r\n  \r\n  .widefooter {\r\n    display: block;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n  }\r\n  \r\n  \r\n  .SEO p,\r\n  h2 {\r\n    color: #ffffff;\r\n  }\r\n  \r\n  h1{\r\n    color: #f9b000;\r\n  }\r\n  \r\n  \r\n  .page {\r\n    background-color: #000000;\r\n  }\r\n\r\n  .button-base {\r\n\t  font-size: 1rem;\r\n\t  line-height: 1.5rem;\r\n\t}\r\n\t@media (min-width: 1024px) {\r\n\t  .button-base {\r\n\t\tfont-size: 1.125rem;\r\n\t\tline-height: 1.75rem;\r\n\t  }\r\n\t}\r\n\t@media (min-width: 1280px) {\r\n\t  .button-base {\r\n\t\tfont-size: 1.25rem;\r\n\t\tline-height: 1.75rem;\r\n\t  }\r\n\t}\r\n\t.button-base {\r\n\t  cursor: pointer;\r\n\t  border-radius: 0.125rem;\r\n\t  padding: 0.5rem;\r\n\t  text-align: center;\r\n\t  font-weight: 400;\r\n\t  --tw-text-opacity: 1;\r\n\t  color: rgb(32 32 32 / var(--tw-text-opacity));\r\n\t  text-decoration-thickness: 0px;\r\n\t}\r\n\t.button-base-border {\r\n\t  border-width: 4px;\r\n\t  border-style: solid;\r\n\t  --tw-border-opacity: 1;\r\n\t  border-color: rgb(249 176 0 / var(--tw-border-opacity));\r\n\t}\r\n\t.button-base-border:hover {\r\n\t  --tw-border-opacity: 1;\r\n\t  border-color: rgb(249 176 0 / var(--tw-border-opacity));\r\n\t}\r\n\t.button-base-bg {\r\n\t  border-width: 4px;\r\n\t  font-weight: bold;\r\n\t  border-style: solid;\r\n\t  --tw-border-opacity: 1;\r\n\t  border-color: rgb(249 176 0 / var(--tw-border-opacity));\r\n\t}\r\n\t.button-base-bg:hover {\r\n\t  border-color: rgb(255 204 0 / var(--tw-border-opacity));\r\n\t\t--tw-bg-opacity: 1;\r\n\t\tbackground-color: rgb(255 204 0 / var(--tw-bg-opacity));\r\n\t}\r\n\t.button-base-bg {\r\n\t  --tw-bg-opacity: 1;\r\n\t  background-color: rgb(249 176 0 / var(--tw-bg-opacity));\r\n\t  border-color: rgb(249 176 0 / var(--tw-border-opacity));\r\n\t}\r\n  \r\n  /* Page settings */\r\n  .mobile #p_p_id_6_>div>div {\r\n    margin: 0;\r\n    padding: 2em 0 16em 0;\r\n  }\r\n  \r\n  #p_p_id_6_>div>div {\r\n    margin: 0;\r\n    padding: 2em 0 33em 0;\r\n  }\r\n  \r\n  #p_p_id_6_>div>div>span {\r\n    display: block;\r\n    text-align: center;\r\n    color: #ffffff;\r\n    background-color: transparent;\r\n  }\r\n  \r\n  #p_p_id_6_,\r\n  .page .layout-100 {\r\n    background-color: transparent;\r\n  }\r\n  \r\n  .bonus-multiview-imageview__btn-action,\r\n  .popup-modal__button {\r\n    height: 56px;\r\n    margin-top: -0.5em;\r\n    font-family: Montserrat;\r\n    font-size: 18px;\r\n    font-weight: bold;\r\n    font-stretch: normal;\r\n    font-style: normal;\r\n    line-height: 1.2;\r\n    letter-spacing: normal;\r\n    text-align: center;\r\n    text-transform: uppercase;\r\n    background-color: rgb(249 176 0 / 1) !important;\r\n    border-color: rgb(249 176 0 / 1);\r\n    color: #000000;\r\n    background-image: none;\r\n  }\r\n  \r\n  .popup-modal__button,\r\n  .mobile .detailed-bonus-popup>.popup-modal__inner>.popup-modal__buttons.btns-count-2>.popup-modal__button {\r\n    width: 204px !important;\r\n    line-height: 56px;\r\n  }\r\n  \r\n  .bonus-multiview-imageview__btn-action:hover {\r\n    background-color: transparent !important;\r\n    border-color: rgb(249 176 0 / 1);\r\n    border-width: 2px;\r\n    border-style: solid;\r\n  }\r\n  \r\n  /* Poker Redesign changes */\r\n  .Banner__banner--1Zw {\r\n    background-color: black;\r\n  }\r\n  \r\n  .desktop .bonus-multiview-imageview__content:hover,\r\n  .mobile .bonus-multiview-imageview__content:hover,\r\n  .tablet .bonus-multiview-imageview__content:hover {\r\n    box-shadow: none;\r\n    background: linear-gradient(180deg, #242c39, #000);\r\n  }\r\n  \r\n  .bonus-multiview-imageview__content {\r\n    background: linear-gradient(180deg, #242c39, #000);\r\n    border: 2px solid transparent;\r\n    background-clip: padding-box;\r\n    -o-border-image: linear-gradient(180deg, rgba(37, 46, 59, 1) 0%, rgba(249, 176, 0, 1) 100%);\r\n    border-image: linear-gradient(180deg, #252e3b, #f9b000);\r\n    border-image-slice: 1;\r\n  }\r\n  @media (min-width: 1024px) {\r\n      @media (min-width: 1280px) {\r\n          .lg\\:\\!font-size-small {\r\n              font-size: 1rem !important;\r\n              line-height: 1.5rem !important;\r\n          }\r\n          .lg\\:mt-0 {\r\n            margin-top: 0;\r\n          }\r\n          .lg\\:mb-0 {\r\n            margin-bottom: 0;\r\n          }\r\n      }\r\n  }\r\n  \r\n  </style>","beforeEndBody":""},"conditionIds":["536a0342-c6ec-4919-b04d-5f1c0c5c683d","b5fd5fb3-babd-4640-a727-88565d7764ee"]},{"tagId":"9ee202a9-83ca-4d4e-9b10-ea1cf6a9a4c5","tagTypeId":"custom_js","name":"After page JS /poker-bonus","description":"After page JS /poker-bonus","config":{"code":"(() => {\r\n    const { handlePlaynow } = initPokerButtons(\".poker-download\", null);\r\n    \r\n    startPokerWebOnBonus(handlePlaynow);\r\n    Playtech.on(Playtech.Events.LOGGED_IN, () => {\r\n      startPokerWebOnBonus(handlePlaynow);\r\n    });\r\n    handleReloadVisibility();\r\n})();\r\n\r\nfunction startPokerWebOnBonus(handlePlaynow) {\r\n  const bonusCodes = [\r\n    \"119603\", \r\n    \"119753\", \r\n    \"119983\", \r\n    \"120270\", \r\n    \"121413\",\r\n    \"120382\", \r\n    \"120751\", \r\n    \"121630\", \r\n    \"121633\", \r\n    \"120758\"\r\n  ];\r\n  const selector = bonusCodes.map(code => `button[data-bonus-code=\"${code}\"]`).join(\", \");\r\n  const buttons = document.querySelectorAll(selector);\r\n  buttons.forEach(button => {\r\n    button.addEventListener(\"click\", event => {\r\n      event.stopPropagation();\r\n      handlePlaynow();\r\n    });\r\n  });\r\n}\r\n\r\nasync function handleReloadVisibility() {\r\n  try {\r\n    const playerTags = await Playtech.API.user.getPlayerTags();\r\n    const targetTag = \"sc/poker/reload_bonus\";\r\n\r\n    const tagFound =\r\n      playerTags?.data?.tags?.some(tag => tag.name === targetTag) || false;\r\n\r\n    const reloadElements = document.querySelectorAll(\".reload\");\r\n\r\n    reloadElements.forEach(el => {\r\n      el.style.display = tagFound ? \"none\" : \"\";\r\n    });\r\n\r\n    console.log(\r\n      `Reload elements ${tagFound ? \"hidden (tag found)\" : \"visible (tag not found)\"}`\r\n    );\r\n  } catch (error) {\r\n    console.error(\"Error handling reload visibility:\", error);\r\n  }\r\n}"},"conditionIds":["b5fd5fb3-babd-4640-a727-88565d7764ee","4eaa767f-38ed-46ce-aea0-afceba7315fd"]},{"tagId":"63a3eb5e-582a-402a-8f45-b1cf91fc2826","tagTypeId":"custom_js","name":"After Page /oster-suche","description":"After Page /oster-suche","config":{"code":"(function () {\r\n  // Override for testing \r\n  // *****SET TO FALSE BEFORE GOING LIVE*****\r\n  // Ex. \"2026-04-04\"\r\n  const MOCK_DATE = false;\r\n\r\n  // CONFIGURATION\r\n  const CONFIG = {\r\n    campaign: {\r\n      startDate: '2026-03-30',\r\n      endDate: '2026-04-12'\r\n    },\r\n    requiredRegulation: 'CHE-2',\r\n    depositTag: 'sc/deposit/r1d',\r\n    paths: {\r\n      icons: '/library/landing-pages/oster-wimmebild-2026/icons/',\r\n      images: '/library/landing-pages/oster-wimmebild-2026/images/',\r\n      data: '/library/landing-pages/oster-wimmebild-2026/data/'\r\n    }\r\n  };\r\n\r\n  // API WRAPPER\r\n  const PlaytechAPI = {\r\n    isLoggedIn: () => {\r\n      try {\r\n        return Playtech.API.user.isLoggedIn() ?? false;\r\n      } catch {\r\n        return false;\r\n      }\r\n    },\r\n\r\n    showLoginPopup: () => {\r\n      try {\r\n        Playtech.API.popup.showPopup('login');\r\n      } catch (error) {\r\n        console.error('Failed to show login popup:', error);\r\n      }\r\n    },\r\n\r\n    navigate: (path) => {\r\n      try {\r\n        Playtech.API.common.navigate(path);\r\n      } catch (error) {\r\n        console.error('Failed to navigate:', error);\r\n      }\r\n    },\r\n\r\n    getCurrentLanguage: () => {\r\n      try {\r\n        return Playtech.API.language.getCurrentLanguage() || 'de_DE';\r\n      } catch {\r\n        return 'de_DE';\r\n      }\r\n    },\r\n\r\n    getPlayerTags: async () => {\r\n      try {\r\n        const response = await Playtech.API.user.getPlayerTags();\r\n        return response.data?.tags || [];\r\n      } catch (error) {\r\n        console.error('Failed to get player tags:', error);\r\n        return [];\r\n      }\r\n    },\r\n\r\n    setPlayerTag: async (tagName) => {\r\n      try {\r\n        await Playtech.API.user.setPlayerTags([{ name: tagName }]);\r\n        return true;\r\n      } catch (error) {\r\n        console.error('Failed to set player tag:', error);\r\n        return false;\r\n      }\r\n    },\r\n\r\n    isSelfExcluded: async () => {\r\n      try {\r\n        const response = await Playtech.API.responsibleGaming.getPlayerSelfExclusion();\r\n        return response?.productSettings?.length > 0;\r\n      } catch (error) {\r\n        console.error('Failed to check self exclusion:', error);\r\n        return false;\r\n      }\r\n    },\r\n\r\n    getRegulationStatus: async () => {\r\n      try {\r\n        const response = await Playtech.sendUserRegulationStatusRequest();\r\n        return response?.data?.playerRegulationStatusHistory?.[0]?.code\r\n          || response?.[0]?.code\r\n          || null;\r\n      } catch {\r\n        return null;\r\n      }\r\n    },\r\n\r\n    getPlayerFirstName: async () => {\r\n      try {\r\n        const response = await Playtech.API.user.getPlayerData();\r\n        return response?.data?.firstName || '';\r\n      } catch (error) {\r\n        console.error('Failed to get player first name:', error);\r\n        return '';\r\n      }\r\n    },\r\n\r\n    getAssignedCasino: async () => {\r\n      try {\r\n        const tags = await PlaytechAPI.getPlayerTags();\r\n        const casinoTag = tags.find(tag => tag.name === 'sc/segmentation/zip_assigned_casino');\r\n        return casinoTag?.value || null;\r\n      } catch (error) {\r\n        console.error('Failed to get assigned casino:', error);\r\n        return null;\r\n      }\r\n    },\r\n\r\n  };\r\n\r\n  // CONTENT MANAGEMENT\r\n  let contentData = null;\r\n  let playerTagsCache = null;\r\n\r\n  const fetchContent = async () => {\r\n    const lang = PlaytechAPI.getCurrentLanguage();\r\n    const langCode = lang.replace('-', '_');\r\n    const basePath = CONFIG.paths.data;\r\n\r\n    try {\r\n      const response = await fetch(`${basePath}content.${langCode}_v2.json`);\r\n      if (!response.ok) throw new Error('Content not found');\r\n      contentData = await response.json();\r\n    } catch (error) {\r\n      console.error(`Failed to fetch ${langCode} content, falling back to de_DE`);\r\n      try {\r\n        const fallback = await fetch(`${basePath}content.de_DE_v2.json`);\r\n        contentData = await fallback.json();\r\n      } catch (fallbackError) {\r\n        console.error('Failed to fetch fallback content:', fallbackError);\r\n        contentData = null;\r\n      }\r\n    }\r\n  };\r\n\r\n  // GAME STATE\r\n  const gameState = {\r\n    isPlaying: false,\r\n    hasPlayed: false,\r\n    currentSymbol: null,\r\n    currentDate: null\r\n  };\r\n\r\n  // DATE UTILITIES\r\n  const getCurrentDateString = () => {\r\n    if (MOCK_DATE) {\r\n      return MOCK_DATE;\r\n    }\r\n\r\n    // Check for mock date from playtech-mock.js\r\n    if (typeof window._getMockDate === 'function') {\r\n      return window._getMockDate();\r\n    }\r\n\r\n    const now = new Date();\r\n    return `${now.getFullYear()}-${String(now.getMonth() + 1).padStart(2, '0')}-${String(now.getDate()).padStart(2, '0')}`;\r\n  };\r\n\r\n  const getCurrentDayData = () => {\r\n    if (!contentData?.days) return null;\r\n    const currentDate = getCurrentDateString();\r\n    return contentData.days[currentDate] || null;\r\n  };\r\n\r\n  const getCurrentDayTag = () => {\r\n    const dayData = getCurrentDayData();\r\n    return dayData?.tag || null;\r\n  };\r\n\r\n  const getCurrentDaySymbol = () => {\r\n    const dayData = getCurrentDayData();\r\n    if (!dayData?.symbol) return null;\r\n\r\n    return {\r\n      src: CONFIG.paths.icons + dayData.symbol.src,\r\n      alt: dayData.symbol.alt,\r\n      class: dayData.symbol.hotspot_class\r\n    };\r\n  };\r\n\r\n  const isPromotionActiveToday = () => {\r\n    return !!getCurrentDayTag();\r\n  };\r\n\r\n  const getCampaignStatus = () => {\r\n    const currentDate = getCurrentDateString();\r\n    const startDate = CONFIG.campaign.startDate;\r\n    const endDate = CONFIG.campaign.endDate;\r\n\r\n    if (currentDate < startDate) {\r\n      return 'before';\r\n    } else if (currentDate > endDate) {\r\n      return 'after';\r\n    } else if (currentDate === endDate) {\r\n      return 'lastDay';\r\n    }\r\n    return 'active';\r\n  };\r\n\r\n  const getLastDayTag = () => {\r\n    if (!contentData?.days) return null;\r\n    const lastDayData = contentData.days[CONFIG.campaign.endDate];\r\n    return lastDayData?.tag || null;\r\n  };\r\n\r\n  const getCurrentDayBonusTag = () => {\r\n    const dayData = getCurrentDayData();\r\n    return dayData?.bonus_tag || null;\r\n  };\r\n\r\n  const getCurrentDayBonusOffer = () => {\r\n    const dayData = getCurrentDayData();\r\n    return dayData?.bonus_offer || null;\r\n  };\r\n\r\n  const getCurrentDayLandbaseOffers = () => {\r\n    const dayData = getCurrentDayData();\r\n    return dayData?.landbase_offers || null;\r\n  };\r\n\r\n  const getCurrentDayOnlineCasinoOffer = () => {\r\n    const dayData = getCurrentDayData();\r\n    return dayData?.online_casino_offer || null;\r\n  };\r\n  \r\n  const normalizeCasinoCode = (casinoCode) => {\r\n    // Map CSA to SCW (same casino, different code)\r\n    if (casinoCode === 'CSA') return 'SCW';\r\n    return casinoCode;\r\n  };\r\n\r\n\r\n  // WIN POPUP\r\n  const showWinPopup = async () => {\r\n    const dayData = getCurrentDayData();\r\n    if (!dayData?.win_popup) {\r\n      console.error('No win popup data for today');\r\n      return;\r\n    }\r\n\r\n    const popup = dayData.win_popup;\r\n    const popupOverlay = document.getElementById('win-popup');\r\n    const popupDate = document.getElementById('popup-date');\r\n    const popupImage = document.getElementById('popup-image');\r\n    const popupTitle = document.getElementById('popup-title');\r\n    const popupDescription = document.getElementById('popup-description');\r\n    const popupTermsTitle = document.getElementById('popup-terms-title');\r\n    const popupTermsContent = document.getElementById('popup-terms-content');\r\n    const popupButtonsContainer = document.getElementById('popup-buttons');\r\n    const popupTerms = document.querySelector('.popup-terms');\r\n    const popupLandbase = document.querySelector('.popup-landbase');\r\n    const popupLandbaseTitle = document.getElementById('popup-landbase-title');\r\n    const popupLandbaseContent = document.getElementById('popup-landbase-content');\r\n    const popupOnlineCasino = document.querySelector('.popup-online-casino');\r\n    const popupOnlineCasinoTitle = document.getElementById('popup-online-casino-title');\r\n    const popupOnlineCasinoContent = document.getElementById('popup-online-casino-content');\r\n\r\n    if (!popupOverlay) {\r\n      console.error('Win popup element not found');\r\n      return;\r\n    }\r\n\r\n    // Get player first name for personalization\r\n    const firstName = await PlaytechAPI.getPlayerFirstName();\r\n\r\n    // Replace first_name placeholder in content\r\n    const replaceFirstName = (text) => {\r\n      return text ? text.replace(/first_name/g, firstName) : text;\r\n    };\r\n\r\n    // Populate popup content\r\n    if (popupDate) popupDate.innerHTML = dayData.display_date;\r\n    if (popupImage) popupImage.src = popup.image;\r\n    if (popupTitle) popupTitle.innerHTML = replaceFirstName(popup.title);\r\n    if (popupDescription) popupDescription.innerHTML = replaceFirstName(popup.description);\r\n    if (popupTermsTitle) popupTermsTitle.innerHTML = popup.terms_title;\r\n    if (popupTermsContent) popupTermsContent.innerHTML = popup.terms;\r\n\r\n    // Handle online casino offer\r\n    if (popupOnlineCasino) {\r\n      const onlineCasinoOffer = dayData.online_casino_offer;\r\n      if (onlineCasinoOffer) {\r\n          if (popupOnlineCasinoTitle) popupOnlineCasinoTitle.innerHTML = onlineCasinoOffer.title;\r\n          if (popupOnlineCasinoContent) popupOnlineCasinoContent.innerHTML = onlineCasinoOffer.content;\r\n          popupOnlineCasino.classList.remove('hidden');\r\n          popupOnlineCasino.classList.add('expanded');\r\n      } else {\r\n        popupOnlineCasino.classList.add('hidden');\r\n      }\r\n    }\r\n\r\n    if (popupLandbase) {\r\n      const landbaseOffers = dayData.landbase_offers;\r\n      if (landbaseOffers) {\r\n        const assignedCasino = await PlaytechAPI.getAssignedCasino();\r\n        const casinoCode = normalizeCasinoCode(assignedCasino) || 'SCZ';\r\n        const landbaseOffer = landbaseOffers[casinoCode]; \r\n\r\n        if (landbaseOffer) {\r\n          if (popupLandbaseTitle) popupLandbaseTitle.innerHTML = landbaseOffer.title;\r\n          if (popupLandbaseContent) popupLandbaseContent.innerHTML = landbaseOffer.content;\r\n          popupLandbase.classList.remove('hidden');\r\n          popupLandbase.classList.add('expanded');\r\n        } else {\r\n          popupLandbase.classList.add('hidden');\r\n        }\r\n      } else {\r\n        popupLandbase.classList.add('hidden');\r\n      }\r\n    }\r\n\r\n    // Generate buttons dynamically\r\n    if (popupButtonsContainer) {\r\n      popupButtonsContainer.innerHTML = '';\r\n\r\n      // Check if using new buttons array or legacy format\r\n      if (popup.buttons && Array.isArray(popup.buttons)) {\r\n        // New format: array of buttons\r\n        popup.buttons.forEach((btn, index) => {\r\n          const button = document.createElement('button');\r\n          button.className = btn.style === 'secondary' ? 'popup-btn-secondary' : 'popup-btn-primary';\r\n          button.innerHTML = btn.label;\r\n          button.addEventListener('click', () => handlePopupButtonClick(btn));\r\n          popupButtonsContainer.appendChild(button);\r\n        });\r\n      } else {\r\n        // Legacy format: primary_button and secondary_button\r\n        const primaryBtn = document.createElement('button');\r\n        primaryBtn.className = 'popup-btn-primary';\r\n        primaryBtn.innerHTML = popup.primary_button;\r\n        primaryBtn.addEventListener('click', () => handlePopupAction(popup.actionType, popup.action));\r\n        popupButtonsContainer.appendChild(primaryBtn);\r\n\r\n        const secondaryBtn = document.createElement('button');\r\n        secondaryBtn.className = 'popup-btn-secondary';\r\n        secondaryBtn.innerHTML = popup.secondary_button;\r\n        secondaryBtn.addEventListener('click', hideWinPopup);\r\n        popupButtonsContainer.appendChild(secondaryBtn);\r\n      }\r\n    }\r\n\r\n    // Reset terms collapsed state\r\n    if (popupTerms) popupTerms.classList.remove('expanded');\r\n\r\n    // Show popup\r\n    popupOverlay.classList.remove('hidden');\r\n  };\r\n\r\n  const hideWinPopup = () => {\r\n    const popupOverlay = document.getElementById('win-popup');\r\n    if (popupOverlay) {\r\n      popupOverlay.classList.add('hidden');\r\n    }\r\n  };\r\n\r\n  const handlePopupButtonClick = async (buttonConfig) => {\r\n    // Handle close action - no tags set\r\n    if (buttonConfig.actionType === 'close') {\r\n      hideWinPopup();\r\n      return;\r\n    }\r\n\r\n    // Set day tag first\r\n    const currentDayTag = getCurrentDayTag();\r\n    if (currentDayTag) {\r\n      await PlaytechAPI.setPlayerTag(currentDayTag);\r\n    }\r\n\r\n    // If button has an additional tag to set (e.g., choice between Free Spins/Golden Chips)\r\n    if (buttonConfig.tag) {\r\n      await PlaytechAPI.setPlayerTag(buttonConfig.tag);\r\n    }\r\n\r\n    // Refresh tags cache\r\n    await getPlayerTagsRequest(true);\r\n\r\n    // Navigate if action is provided\r\n    if (buttonConfig.action) {\r\n      hideWinPopup();\r\n      PlaytechAPI.navigate(buttonConfig.action);\r\n    } else {\r\n      hideWinPopup();\r\n    }\r\n  };\r\n\r\n  const handlePopupAction = async (actionType, action) => {\r\n    // Set day tag first\r\n    const currentDayTag = getCurrentDayTag();\r\n    if (currentDayTag) {\r\n      await PlaytechAPI.setPlayerTag(currentDayTag);\r\n    }\r\n\r\n    // Refresh tags cache\r\n    await getPlayerTagsRequest(true);\r\n\r\n    hideWinPopup();\r\n\r\n    if (!action) return;\r\n\r\n    PlaytechAPI.navigate(action);\r\n  };\r\n\r\n  const setupPopupEventListeners = () => {\r\n    const popupOverlay = document.getElementById('win-popup');\r\n    const popupClose = document.querySelector('.popup-close');\r\n    const popupTermsTitle = document.getElementById('popup-terms-title');\r\n    const popupTerms = document.querySelector('.popup-terms');\r\n    const popupLandbaseTitle = document.getElementById('popup-landbase-title');\r\n    const popupLandbase = document.querySelector('.popup-landbase');\r\n    const popupOnlineCasino = document.querySelector('.popup-online-casino');\r\n    const popupOnlineCasinoTitle = document.getElementById('popup-online-casino-title');\r\n\r\n    // Close button\r\n    if (popupClose) {\r\n      popupClose.addEventListener('click', hideWinPopup);\r\n    }\r\n\r\n    // Click outside to close\r\n    if (popupOverlay) {\r\n      popupOverlay.addEventListener('click', (e) => {\r\n        if (e.target === popupOverlay) {\r\n          hideWinPopup();\r\n        }\r\n      });\r\n    }\r\n\r\n    // OnlineCasino offer toggle\r\n    if (popupOnlineCasinoTitle && popupOnlineCasino) {\r\n      popupOnlineCasinoTitle.addEventListener('click', () => {\r\n        popupOnlineCasino.classList.toggle('expanded');\r\n      });\r\n    }\r\n\r\n    // Landbase offer toggle\r\n    if (popupLandbaseTitle && popupLandbase) {\r\n        popupLandbaseTitle.addEventListener('click', () => {\r\n        popupLandbase.classList.toggle('expanded');\r\n      });\r\n    }\r\n\r\n    // Terms toggle\r\n    if (popupTermsTitle && popupTerms) {\r\n      popupTermsTitle.addEventListener('click', () => {\r\n        popupTerms.classList.toggle('expanded');\r\n      });\r\n    }\r\n  };\r\n\r\n  //OVERLAYS & POPUPS\r\n  const showOverlay = (messageKey) => {\r\n    if (!contentData?.overlay_states) {\r\n      console.error('Content data not loaded');\r\n      return;\r\n    }\r\n\r\n    const message = contentData.overlay_states[messageKey];\r\n\r\n    if (!message) {\r\n      console.error(`Translation key '${messageKey}' not found`);\r\n      return;\r\n    }\r\n\r\n    const overlayText = document.querySelector('.overlay-text');\r\n    if (overlayText) {\r\n      // Build overlay content with optional buttons\r\n      let html = `<p>${message.content}</p>`;\r\n\r\n      if (message.buttons && Array.isArray(message.buttons)) {\r\n        html += '<div class=\"overlay-buttons\">';\r\n        message.buttons.forEach(btn => {\r\n          const btnClass = btn.style === 'secondary' ? 'overlay-btn-secondary' : 'overlay-btn-primary';\r\n          html += `<button class=\"${btnClass}\" data-action=\"${btn.action}\">${btn.label}</button>`;\r\n        });\r\n        html += '</div>';\r\n      }\r\n\r\n      overlayText.innerHTML = html;\r\n\r\n      // Attach click handlers to buttons\r\n      const buttons = overlayText.querySelectorAll('.overlay-btn-primary, .overlay-btn-secondary');\r\n      buttons.forEach(button => {\r\n        button.addEventListener('click', () => {\r\n          const action = button.getAttribute('data-action');\r\n          if (action) {\r\n            PlaytechAPI.navigate(action);\r\n          }\r\n        });\r\n      });\r\n\r\n      const overlay = document.querySelector('.section-overlay');\r\n      if (overlay) {\r\n        overlay.style.display = 'flex';\r\n      }\r\n    } else {\r\n      console.error('Overlay text element not found');\r\n    }\r\n  };\r\n\r\n  const hideOverlay = () => {\r\n    const overlay = document.querySelector('.section-overlay');\r\n    if (overlay) {\r\n      overlay.style.display = 'none';\r\n    }\r\n  };\r\n\r\n  const showBonusOfferOverlay = (bonusOffer) => {\r\n    const overlayText = document.querySelector('.overlay-text');\r\n    if (overlayText) {\r\n      let html = `<p>${bonusOffer.content}</p>`;\r\n\r\n      // Add button if defined in bonus offer\r\n      if (bonusOffer.button && bonusOffer.action) {\r\n        html += '<div class=\"overlay-buttons\">';\r\n        html += `<button class=\"overlay-btn-primary\" data-action=\"${bonusOffer.action}\" data-action-type=\"${bonusOffer.actionType || 'navigate'}\">${bonusOffer.button}</button>`;\r\n        html += '</div>';\r\n      }\r\n\r\n      overlayText.innerHTML = html;\r\n\r\n      // Attach click handler to button\r\n      const button = overlayText.querySelector('.overlay-btn-primary');\r\n      if (button) {\r\n        button.addEventListener('click', () => {\r\n          const action = button.getAttribute('data-action');\r\n          if (action) {\r\n            PlaytechAPI.navigate(action);\r\n          }\r\n        });\r\n      }\r\n\r\n      const overlay = document.querySelector('.section-overlay');\r\n      if (overlay) {\r\n        overlay.style.display = 'flex';\r\n      }\r\n    }\r\n  };\r\n\r\n  const showLandbaseOverlay = async (options) => {\r\n    const { showOnlineOffer, onlineCasinoOffer, landbaseOffer, winPopup } = options;\r\n    const overlayText = document.querySelector('.overlay-text');\r\n\r\n    if (!overlayText) return;\r\n\r\n    let html = '';\r\n\r\n    // If showing online offer, include intro text and both offers\r\n    if (showOnlineOffer && onlineCasinoOffer) {\r\n      // Get intro text from content\r\n      const introText = contentData?.overlay_states?.landbaseIntro;\r\n      const firstName = await PlaytechAPI.getPlayerFirstName();\r\n\r\n      if (introText) {\r\n        const title = introText.title.replace(/first_name/g, firstName);\r\n        html += `<p><strong>${title}</strong></p>`;\r\n        html += `<p>${introText.subtitle}</p>`;\r\n      }\r\n\r\n      // Online casino offer\r\n      html += `<p><strong>${onlineCasinoOffer.title}</strong><br>${onlineCasinoOffer.content}</p>`;\r\n\r\n      // Landbase offer\r\n      if (landbaseOffer) {\r\n        html += `<p><strong>${landbaseOffer.title}</strong><br>${landbaseOffer.content}</p>`;\r\n      }\r\n\r\n      // Action button from win popup\r\n      if (winPopup?.action) {\r\n        const buttonLabel = winPopup.primary_button || winPopup.buttons?.[0]?.label || 'OK';\r\n        html += '<div class=\"overlay-buttons\">';\r\n        html += `<button class=\"overlay-btn-primary\" data-action=\"${winPopup.action}\">${buttonLabel}</button>`;\r\n        html += '</div>';\r\n      }\r\n    } else {\r\n      // Only show landbase offer (no intro, no button)\r\n      if (landbaseOffer) {\r\n        html += `<p><strong>${landbaseOffer.title}</strong><br>${landbaseOffer.content}</p>`;\r\n      }\r\n    }\r\n\r\n    overlayText.innerHTML = html;\r\n\r\n    // Attach click handler to button if exists\r\n    const button = overlayText.querySelector('.overlay-btn-primary');\r\n    if (button) {\r\n      button.addEventListener('click', () => {\r\n        const action = button.getAttribute('data-action');\r\n        if (action) {\r\n          PlaytechAPI.navigate(action);\r\n        }\r\n      });\r\n    }\r\n\r\n    const overlay = document.querySelector('.section-overlay');\r\n    if (overlay) {\r\n      overlay.style.display = 'flex';\r\n    }\r\n  };\r\n\r\n  const updateTodaysSymbol = () => {\r\n    const todaySymbol = getCurrentDaySymbol();\r\n    const symbolImage = document.querySelector('.today-symbol img');\r\n\r\n    if (symbolImage && todaySymbol) {\r\n      symbolImage.src = todaySymbol.src;\r\n      symbolImage.alt = todaySymbol.alt;\r\n      symbolImage.style.display = 'inline';\r\n      symbolImage.style.objectFit = 'contain';\r\n    }\r\n  };\r\n\r\n  const updateRegisterButton = () => {\r\n    const registerButton = document.querySelector('.register-button');\r\n    if (registerButton && PlaytechAPI.isLoggedIn()) {\r\n      registerButton.style.display = 'none';\r\n    }\r\n  };\r\n\r\n  // USER STATE VALIDATION\r\n  const getPlayerTagsRequest = async (forceRefresh = false) => {\r\n    if (playerTagsCache && !forceRefresh) {\r\n      return playerTagsCache;\r\n    }\r\n\r\n    playerTagsCache = await PlaytechAPI.getPlayerTags();\r\n    return playerTagsCache;\r\n  };\r\n\r\n  const getUserState = async (isUserLoggedIn = null) => {\r\n    const loginStatus = isUserLoggedIn !== null ? isUserLoggedIn : PlaytechAPI.isLoggedIn();\r\n\r\n    if (!loginStatus) {\r\n      return {\r\n        isSelfExcluded: false,\r\n        isCHE2: false,\r\n        hasDeposit: false,\r\n        hasPlayedToday: false,\r\n        hasPlayedLastDay: false,\r\n        hasBonusOfferPending: false,\r\n        isLoggedIn: false,\r\n        campaignStatus: getCampaignStatus()\r\n      };\r\n    }\r\n\r\n    try {\r\n      const [\r\n        selfExclusionStatus,\r\n        regulationStatus,\r\n        playerTags\r\n      ] = await Promise.all([\r\n        PlaytechAPI.isSelfExcluded(),\r\n        PlaytechAPI.getRegulationStatus(),\r\n        getPlayerTagsRequest()\r\n      ]);\r\n\r\n      const currentDayTag = getCurrentDayTag();\r\n      const lastDayTag = getLastDayTag();\r\n      const currentDayBonusTag = getCurrentDayBonusTag();\r\n      const hasPlayedToday = playerTags.some(tag => tag.name === currentDayTag);\r\n      const hasPlayedLastDay = lastDayTag ? playerTags.some(tag => tag.name === lastDayTag) : false;\r\n\r\n      // Check if bonus offer is completed (tag exists with value \"completed\")\r\n      const isBonusOfferCompleted = currentDayBonusTag\r\n        ? playerTags.some(tag => tag.name === currentDayBonusTag && tag.value === 'completed')\r\n        : true; // No bonus tag means no pending bonus offer\r\n\r\n      return {\r\n        isSelfExcluded: selfExclusionStatus,\r\n        isCHE2: regulationStatus === CONFIG.requiredRegulation,\r\n        hasDeposit: playerTags.some(tag => tag.name === CONFIG.depositTag),\r\n        hasPlayedToday: hasPlayedToday,\r\n        hasPlayedLastDay: hasPlayedLastDay,\r\n        hasBonusOfferPending: hasPlayedToday && currentDayBonusTag && !isBonusOfferCompleted,\r\n        isLoggedIn: true,\r\n        campaignStatus: getCampaignStatus()\r\n      };\r\n    } catch (error) {\r\n      console.error('Error getting user state:', error);\r\n      return {\r\n        isSelfExcluded: false,\r\n        isCHE2: false,\r\n        hasDeposit: false,\r\n        hasPlayedToday: false,\r\n        hasPlayedLastDay: false,\r\n        hasBonusOfferPending: false,\r\n        isLoggedIn: true,\r\n        campaignStatus: getCampaignStatus()\r\n      };\r\n    }\r\n  };\r\n\r\n  const checkUserConditionsAndShowOverlay = async () => {\r\n    const todaySymbolContainer = document.querySelector('.today-symbol');\r\n    const isUserLoggedIn = PlaytechAPI.isLoggedIn();\r\n    const campaignStatus = getCampaignStatus();\r\n\r\n    // Hide today's symbol if promotion is not active\r\n    if (!isPromotionActiveToday()) {\r\n      if (todaySymbolContainer) {\r\n        todaySymbolContainer.style.display = 'none';\r\n      }\r\n    }\r\n\r\n    // Check campaign timing first (applies to all users)\r\n    if (campaignStatus === 'before') {\r\n      return showOverlay('campaignNotStarted');\r\n    }\r\n\r\n    if (campaignStatus === 'after') {\r\n      return showOverlay('campaignEnded');\r\n    }\r\n\r\n    // If not logged in, don't show any overlay (let them browse)\r\n    if (!isUserLoggedIn) {\r\n      return hideOverlay();\r\n    }\r\n\r\n    const userState = await getUserState(isUserLoggedIn);\r\n\r\n    // Priority 1: Self-exclusion (highest priority)\r\n    if (userState.isSelfExcluded) {\r\n      return showOverlay('selfExclusion');\r\n    }\r\n\r\n    // Priority 2: CHE-1 (not verified) + no deposit\r\n    if (!userState.isCHE2 && !userState.hasDeposit) {\r\n      return showOverlay('verifyAndDeposit');\r\n    }\r\n\r\n    // Priority 3: CHE-2 (verified) + no deposit\r\n    if (userState.isCHE2 && !userState.hasDeposit) {\r\n      return showOverlay('depositRequired');\r\n    }\r\n\r\n    // Priority 4: CHE-1 (not verified) + has deposit\r\n    if (!userState.isCHE2 && userState.hasDeposit) {\r\n      return showOverlay('verificationRequired');\r\n    }\r\n\r\n    // Priority 5: Already played today\r\n    if (userState.hasPlayedToday) {\r\n      // Check for landbase offer days (special Easter weekend days)\r\n      const landbaseOffers = getCurrentDayLandbaseOffers();\r\n      if (landbaseOffers) {\r\n        const onlineCasinoOffer = getCurrentDayOnlineCasinoOffer();\r\n        const assignedCasino = await PlaytechAPI.getAssignedCasino();\r\n        const casinoCode = normalizeCasinoCode(assignedCasino) || 'SCZ';\r\n        const landbaseOffer = landbaseOffers[casinoCode];\r\n        const dayData = getCurrentDayData();\r\n\r\n        // Check if online offer is completed (bonus tag has value 'completed')\r\n        const bonusTag = dayData?.bonus_tag;\r\n        const playerTags = await getPlayerTagsRequest();\r\n        const isOnlineOfferCompleted = bonusTag\r\n          ? playerTags.some(tag => tag.name === bonusTag && tag.value === 'completed')\r\n          : true; // No bonus tag means no online offer to complete\r\n\r\n        // Show landbase overlay with appropriate content\r\n        return showLandbaseOverlay({\r\n          showOnlineOffer: onlineCasinoOffer && !isOnlineOfferCompleted,\r\n          onlineCasinoOffer: onlineCasinoOffer,\r\n          landbaseOffer: landbaseOffer,\r\n          winPopup: dayData?.win_popup\r\n        });\r\n      }\r\n\r\n      // Check if bonus offer is pending (special days with multi-step bonuses)\r\n      if (userState.hasBonusOfferPending) {\r\n        const bonusOffer = getCurrentDayBonusOffer();\r\n        if (bonusOffer) {\r\n          return showBonusOfferOverlay(bonusOffer);\r\n        }\r\n      }\r\n\r\n      // Check if it's the last day and they played\r\n      if (campaignStatus === 'lastDay') {\r\n        return showOverlay('lastDayPlayed');\r\n      }\r\n      return showOverlay('alreadyPlayed');\r\n    }\r\n\r\n    // User meets all conditions, hide overlay\r\n    hideOverlay();\r\n  };\r\n\r\n  // GAME LOGIC\r\n  const handleHotspotClick = async (hotspot) => {\r\n    const todaySymbol = getCurrentDaySymbol();\r\n    if (todaySymbol && !hotspot.classList.contains(todaySymbol.class)) {\r\n      return; // Silently do nothing for wrong symbols\r\n    }\r\n\r\n    if (!PlaytechAPI.isLoggedIn()) {\r\n      PlaytechAPI.showLoginPopup();\r\n      return;\r\n    }\r\n\r\n    // Show win popup - tags are set when user clicks a button\r\n    await showWinPopup();\r\n  };\r\n\r\n  // SCROLL & ANIMATION HANDLERS\r\n  const setupScrollAnimation = () => {\r\n    const section2 = document.querySelector('#section2');\r\n    const imageWrapper = document.querySelector('.image-wrapper');\r\n    const mapImage = document.querySelector('.map-image');\r\n\r\n    if (!section2 || !imageWrapper || !mapImage) {\r\n      console.error('Required elements for scroll animation not found');\r\n      return;\r\n    }\r\n\r\n    let wrapperWidth, wrapperHeight;\r\n\r\n    const measureAndResize = () => {\r\n      const rect = mapImage.getBoundingClientRect();\r\n      wrapperWidth = rect.width;\r\n      wrapperHeight = rect.height;\r\n      imageWrapper.style.width = `${wrapperWidth}px`;\r\n      imageWrapper.style.height = `${wrapperHeight}px`;\r\n    };\r\n\r\n    ScrollTrigger.addEventListener('refreshInit', measureAndResize);\r\n\r\n    gsap.to(imageWrapper, {\r\n      x: () => -(wrapperWidth - window.innerWidth),\r\n      ease: 'none',\r\n      scrollTrigger: {\r\n        trigger: section2,\r\n        pin: true,\r\n        scrub: 1.3,\r\n        start: 'top top',\r\n        end: () => `+=${wrapperWidth - window.innerWidth}`,\r\n        invalidateOnRefresh: true,\r\n      }\r\n    });\r\n  };\r\n\r\n  const setupHotspotListeners = () => {\r\n    document.querySelectorAll('.hotspot').forEach(hotspot => {\r\n      hotspot.addEventListener('click', () => handleHotspotClick(hotspot));\r\n    });\r\n  };\r\n\r\n  // LOGIN CTA HANDLERS\r\n  const initLoginHandlers = () => {\r\n    const loginButton = document.getElementById('login-cta-button');\r\n    const loginSubtext = document.querySelector('.login-subtext');\r\n    const scrollArrow = document.querySelector('.scroll-down-arrow');\r\n    const gameSection = document.getElementById('section2');\r\n\r\n    const scrollToGame = () => {\r\n      if (gameSection) {\r\n        gameSection.scrollIntoView({ behavior: 'smooth' });\r\n      }\r\n    };\r\n\r\n    // Always add click event to scroll arrow\r\n    if (scrollArrow) {\r\n      scrollArrow.addEventListener('click', scrollToGame);\r\n    }\r\n\r\n    if (PlaytechAPI.isLoggedIn()) {\r\n      // Hide login button and subtext when user is logged in\r\n      if (loginButton) loginButton.style.display = 'none';\r\n      if (loginSubtext) loginSubtext.style.display = 'none';\r\n    } else {\r\n      // Add click event to trigger login popup when not logged in\r\n      if (loginButton) {\r\n        loginButton.addEventListener('click', () => {\r\n          PlaytechAPI.showLoginPopup();\r\n        });\r\n      }\r\n    }\r\n  };\r\n\r\n  // INITIALIZATION\r\n  const checkLibrariesLoaded = () => {\r\n    return typeof gsap !== 'undefined' && typeof ScrollTrigger !== 'undefined';\r\n  };\r\n\r\n  const init = async () => {\r\n    gsap.registerPlugin(ScrollTrigger);\r\n\r\n    await fetchContent();\r\n    updateTodaysSymbol();\r\n    updateRegisterButton();\r\n    initLoginHandlers();\r\n    await checkUserConditionsAndShowOverlay();\r\n    setupScrollAnimation();\r\n    setupHotspotListeners();\r\n    setupPopupEventListeners();\r\n    gameState.currentDate = getCurrentDateString();\r\n    gameState.currentSymbol = getCurrentDaySymbol();\r\n  };\r\n\r\n  if (checkLibrariesLoaded()) {\r\n    init();\r\n  } else {\r\n    const checkInterval = setInterval(() => {\r\n      if (checkLibrariesLoaded()) {\r\n        clearInterval(checkInterval);\r\n        init();\r\n      }\r\n    }, 500);\r\n  }\r\n})();"},"conditionIds":["5792fd22-e785-4f4d-8213-3d5d89a756cd","4eaa767f-38ed-46ce-aea0-afceba7315fd"]},{"tagId":"13d0a68e-59ea-405e-be03-98ace0b1e248","tagTypeId":"custom_js","name":"Zendesk messaging ","description":"Zendesk messaging ","config":{"code":"(() => {\r\n  const ZENDESK_INIT_KEY = \"zendeskInitialized\";\r\n  const ZENDESK_EVENTS_BOUND_KEY = \"zendeskEventsBound\";\r\n\r\n  const wait = (ms) => new Promise((resolve) => setTimeout(resolve, ms));\r\n\r\n  const waitForZEAsync = (timeout = 15000) =>\r\n    new Promise((resolve, reject) => {\r\n      const start = Date.now();\r\n\r\n      const interval = setInterval(() => {\r\n        if (typeof zE !== \"undefined\") {\r\n          clearInterval(interval);\r\n          resolve();\r\n          return;\r\n        }\r\n\r\n        if (Date.now() - start >= timeout) {\r\n          clearInterval(interval);\r\n          reject();\r\n        }\r\n      }, 500);\r\n    });\r\n\r\n  const waitForZE = (callback) => {\r\n    waitForZEAsync().then(callback).catch(() => {});\r\n  };\r\n\r\n  const setInitializationFlag = () => {\r\n    localStorage.setItem(ZENDESK_INIT_KEY, \"true\");\r\n  };\r\n\r\n  const removeInitializationFlag = () => {\r\n    localStorage.removeItem(ZENDESK_INIT_KEY);\r\n  };\r\n\r\n  const setEventsBoundFlag = () => {\r\n    localStorage.setItem(ZENDESK_EVENTS_BOUND_KEY, \"true\");\r\n  };\r\n\r\n  const removeEventsBoundFlag = () => {\r\n    localStorage.removeItem(ZENDESK_EVENTS_BOUND_KEY);\r\n  };\r\n\r\n  const areEventsBound = () =>\r\n    localStorage.getItem(ZENDESK_EVENTS_BOUND_KEY) === \"true\";\r\n\r\n  window.addEventListener(\"pagehide\", () => {\r\n    removeInitializationFlag();\r\n    removeEventsBoundFlag();\r\n  });\r\n\r\n  const initializeSwissChatElement = () => {\r\n    const el = document.getElementById(\"swiss_chat\");\r\n\r\n    if (!el || el.dataset.zendeskBound === \"true\") return;\r\n\r\n    el.dataset.zendeskBound = \"true\";\r\n\r\n    el.addEventListener(\"click\", () => {\r\n      waitForZE(() => {\r\n        zE(\"messenger\", \"open\");\r\n      });\r\n    });\r\n  };\r\n\r\n  const observer = new MutationObserver(() => {\r\n    if (document.getElementById(\"swiss_chat\")) {\r\n      initializeSwissChatElement();\r\n      observer.disconnect();\r\n    }\r\n  });\r\n\r\n  observer.observe(document.body, { childList: true, subtree: true });\r\n  initializeSwissChatElement();\r\n\r\n  if (typeof DYO === \"undefined\" || !DYO?.smartObject) return;\r\n\r\n  try {\r\n    DYO.smartObject(\"Zendesk A/B Integration\", {\r\n      target: \"dy_Zendesk_A/B_Integration\",\r\n      inline: true,\r\n    });\r\n  } catch {\r\n    return;\r\n  }\r\n\r\n  const getZendeskJWT = async () => {\r\n    try {\r\n      const res = await Playtech.callOAPI({\r\n        ID: 72057,\r\n        responses: [72058, 72059],\r\n        description: \"Request chat initialization\",\r\n        correlationId: _.uniqueId(),\r\n        serverUrl: \"https://admin.framegas.com/chat-admin/api/jwt\",\r\n      });\r\n\r\n      return (\r\n        res?.jwtToken ||\r\n        res?.data?.jwtToken ||\r\n        res?.response?.jwtToken ||\r\n        null\r\n      );\r\n    } catch {\r\n      return null;\r\n    }\r\n  };\r\n\r\n  const authenticateZendeskUser = async () => {\r\n    try {\r\n      await waitForZEAsync();\r\n\r\n      const userId = Playtech.fetchUserDetails()?.userId;\r\n      if (!userId) return;\r\n\r\n      zE(\"messenger\", \"loginUser\", async (callback) => {\r\n        const jwt = await getZendeskJWT();\r\n        if (!jwt) return;\r\n        callback(jwt);\r\n      });\r\n    } catch {}\r\n  };\r\n\r\n  const logoutZendeskUser = async () => {\r\n    try {\r\n      await waitForZEAsync();\r\n      zE(\"messenger\", \"logoutUser\");\r\n    } catch {}\r\n\r\n    removeInitializationFlag();\r\n  };\r\n\r\n  const resetAndAuthenticateZendeskUser = async () => {\r\n    try {\r\n      await waitForZEAsync();\r\n\r\n      await wait(1000); // wait for Playtech state\r\n\r\n      try {\r\n        zE(\"messenger\", \"logoutUser\");\r\n      } catch {}\r\n\r\n      await wait(1200); // wait for Zendesk reset\r\n\r\n      const userId = Playtech.fetchUserDetails()?.userId;\r\n      if (!userId) return;\r\n\r\n      zE(\"messenger\", \"loginUser\", async (callback) => {\r\n        const jwt = await getZendeskJWT();\r\n        if (!jwt) return;\r\n        callback(jwt);\r\n      });\r\n\r\n      setInitializationFlag();\r\n    } catch {}\r\n  };\r\n\r\n  const setZendeskLocale = (lang) => {\r\n    waitForZE(() => {\r\n      try {\r\n        zE(\"messenger:set\", \"locale\", lang);\r\n      } catch {}\r\n    });\r\n  };\r\n\r\n  const bindZendeskEventsOnce = () => {\r\n    if (areEventsBound()) return;\r\n\r\n    waitForZE(() => {\r\n      try {\r\n        zE(\"messenger:on\", \"unreadMessages\", (count) => {\r\n          const container = document.querySelector(\r\n            \".StickySearch__chatContainer--3rI\"\r\n          );\r\n          if (!container) return;\r\n\r\n          let badge = container.querySelector(\r\n            \".zendesk-notification-badge\"\r\n          );\r\n\r\n          if (!badge) {\r\n            badge = document.createElement(\"span\");\r\n            badge.className = \"zendesk-notification-badge\";\r\n            container.appendChild(badge);\r\n          }\r\n\r\n          if (count > 0) {\r\n            badge.textContent = count;\r\n            badge.style.display = \"inline-block\";\r\n          } else {\r\n            badge.style.display = \"none\";\r\n          }\r\n        });\r\n\r\n        setEventsBoundFlag();\r\n      } catch {}\r\n    });\r\n  };\r\n\r\n  const initializeZendesk = async () => {\r\n    try {\r\n      await waitForZEAsync();\r\n\r\n      const lang = returnLangCode();\r\n      if (lang) {\r\n        try {\r\n          zE(\"messenger:set\", \"locale\", lang);\r\n        } catch {}\r\n      }\r\n\r\n      const userId = Playtech.fetchUserDetails()?.userId;\r\n\r\n      if (!localStorage.getItem(ZENDESK_INIT_KEY)) {\r\n        setInitializationFlag();\r\n      }\r\n\r\n      if (userId) {\r\n        await wait(1200); // allow widget bootstrap\r\n        await authenticateZendeskUser();\r\n      }\r\n    } catch {}\r\n  };\r\n\r\n  setTimeout(() => {\r\n    initializeZendesk();\r\n  }, 4000);\r\n\r\n  bindZendeskEventsOnce();\r\n\r\n  Playtech.on(Playtech.Events.LANGUAGE_CHANGED, (lang) => {\r\n    try {\r\n      const formatted =\r\n        typeof lang === \"string\"\r\n          ? lang.slice(0, 2).toLowerCase()\r\n          : lang?.[0]?.slice(0, 2)?.toLowerCase();\r\n\r\n      if (formatted) setZendeskLocale(formatted);\r\n    } catch {}\r\n  });\r\n\r\n  Playtech.on(Playtech.Events.LOGGED_IN, async () => {\r\n    await resetAndAuthenticateZendeskUser();\r\n  });\r\n\r\n  Playtech.on(Playtech.Events.LOGGED_OUT, async () => {\r\n    await logoutZendeskUser();\r\n  });\r\n})();"},"conditionIds":["4eaa767f-38ed-46ce-aea0-afceba7315fd"]},{"tagId":"95e230b6-1cf1-4db3-b10d-32f3cf92e84f","tagTypeId":"custom_js","name":"Category Visibility /lobby","description":"Category Visibility /lobby","config":{"code":"(() => {\n    const selector =\n        '[id=\"cd60e59f-fddf-ecf7-5180-4c9024015459\"], [id=\"23ae8315-8023-5aa0-b9ca-690708faaf2b\"], [id=\"6efaab5c-f735-e646-73b8-4c1c4cf7be8f\"], [id=\"a783e84e-2a35-46e8-eef3-de5bed1b4962\"], [id=\"28cb4f79-17e6-7936-06da-6f5d55695374\"]';\n    \n    let shouldHide = false;\n    let hasChecked = false;\n    \n    const hideGameCategory = () => {\n        const gameCategories = document.querySelectorAll(selector);\n        if (gameCategories.length > 0) {\n            gameCategories.forEach(el => el.style.display = 'none');\n            return true;\n        }\n        return false;\n    };\n    \n    const showGameCategory = () => {\n        const gameCategories = document.querySelectorAll(selector);\n        gameCategories.forEach(el => el.style.display = '');\n    };\n    \n    const checkAndRemove = async () => {\n        try {\n            if (!Playtech.API.auth.isLoggedIn) {\n                shouldHide = true;\n                hasChecked = true;\n                hideGameCategory();\n                return;\n            }\n            \n            const userTags = await Playtech.API.user.getPlayerTags();\n            const tags = userTags.data.tags;\n            const firstDeposit = tags.find(tag => tag.name === \"sc/deposit/r1d\");\n            \n            shouldHide = !firstDeposit;\n            hasChecked = true;\n            \n            if (shouldHide) {\n                hideGameCategory();\n            } else {\n                showGameCategory();\n            }\n        } catch (error) {\n            console.error(\"Error:\", error);\n            hasChecked = true;\n        }\n    };\n    \n    const observer = new MutationObserver((mutations) => {\n        if (!hasChecked) {\n            checkAndRemove();\n            return;\n        }\n        \n        if (shouldHide) {\n            for (const mutation of mutations) {\n                if (mutation.type === \"childList\" && mutation.addedNodes.length > 0) {\n                    const found = Array.from(mutation.addedNodes).some(node => {\n                        if (node.nodeType === 1) {\n                            return node.matches?.(selector) || node.querySelector?.(selector);\n                        }\n                        return false;\n                    });\n                    \n                    if (found) {\n                        hideGameCategory();\n                        break;\n                    }\n                }\n            }\n        } else {\n            observer.disconnect();\n        }\n    });\n    \n    observer.observe(document.body, {\n        childList: true,\n        subtree: true\n    });\n    \n    // Listen for login event\n    Playtech.on(Playtech.Events.LOGGED_IN, () => {\n        hasChecked = false;\n        checkAndRemove();\n    });\n    \n    checkAndRemove();\n})();"},"conditionIds":["753bbe7e-64ab-45c3-8d08-1d182b3ad0a3","4eaa767f-38ed-46ce-aea0-afceba7315fd"]},{"tagId":"c01409e7-c3be-4081-bff4-2547b14eead3","tagTypeId":"custom_tag_type","name":"Custom CSS Tag /poker-bonus-dl","description":"Custom CSS Tag /poker-bonus-dl","config":{"beforeEndHead":"<style>\n  .desktop .Layout__container--32z,\n  .mobile .Layout__container--32z, .tablet .Layout__container--32z {\n    min-height: 0px !important;\n    margin-top: 40px;\n  }\n\n  .desktop .Layout__container--1wQ {\n    min-height: 0px !important;\n  }\n\n  .headerContainerReact {\n    display: none !important;\n  }\n\n  .bonus-multiview-imageview {\n    background: black;\n    margin: 0px;\n    padding-top: 64px;\n  }\n\n  .desktop #header {\n    min-height: 60px;\n  }\n  \n  #p_p_id_3 {\n    display: none;\n  }\n\n  #sticky_search {\n    display: none;\n  }\n\n  .bonus-multiview-imageview {\n    padding-top: 0;\n  }\n\n  .bonus-multiview-imageview__btn-action {\n    height: 56px;\n    margin-top: -0.5em;\n    font-size: 18px;\n    font-weight: bold;\n    font-stretch: normal;\n    font-style: normal;\n    line-height: 1.2;\n    letter-spacing: normal;\n    text-align: center;\n    text-transform: uppercase;\n    background-color: rgb(249 176 0 / 1) !important;\n    border-color: rgb(249 176 0 / 1);\n    color: #000000;\n    background-image: none;\n  }\n\n\n  .bonus-multiview-imageview__btn-action {\n    box-shadow: none;\n  }\n\n  .bonus-multiview-imageview__btn-action:hover {\n    background-color: transparent !important;\n    border-color: rgb(249 176 0 / 1);\n    border-width: 2px;\n    border-style: solid;\n  }\n\n  .desktop .bonus-multiview-imageview__content:hover,\n  .mobile .bonus-multiview-imageview__content:hover,\n  .tablet .bonus-multiview-imageview__content:hover {\n    box-shadow: none;\n    background: linear-gradient(180deg, #242c39, #000);\n  }\n\n  .bonus-multiview-imageview__content {\n    background: linear-gradient(180deg, #242c39, #000);\n    border: 2px solid transparent;\n    background-clip: padding-box;\n    -o-border-image: linear-gradient(180deg, rgba(37, 46, 59, 1) 0%, rgba(249, 176, 0, 1) 100%);\n    border-image: linear-gradient(180deg, #252e3b, #f9b000);\n    border-image-slice: 1;\n  }\n</style>","beforeEndBody":""},"conditionIds":["dff3d7c5-6750-457e-85c8-40140285f325","536a0342-c6ec-4919-b04d-5f1c0c5c683d"]},{"tagId":"16e83578-b225-4f85-b428-151b13edb76b","tagTypeId":"custom_tag_type","name":"Before Page /oster-suche","description":"Before Page /oster-suche","config":{"beforeEndHead":"<script src=\"https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.5/gsap.min.js\"></script>\r\n<script src=\"https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.5/ScrollTrigger.min.js\"></script>\r\n\r\n<style>\r\n.absolute {\r\n    position: absolute\r\n}\r\n\r\n.relative {\r\n    position: relative\r\n}\r\n\r\n.-left-\\[30\\%\\] {\r\n    left: -30%\r\n}\r\n\r\n.-right-\\[30\\%\\] {\r\n    right: -30%\r\n}\r\n\r\n.-right-\\[35\\%\\] {\r\n    right: -35%\r\n}\r\n\r\n.-right-\\[40\\%\\] {\r\n    right: -40%\r\n}\r\n\r\n.-right-\\[5\\%\\] {\r\n    right: -5%\r\n}\r\n\r\n.-top-\\[30\\%\\] {\r\n    top: -30%\r\n}\r\n\r\n.bottom-0 {\r\n    bottom: 0\r\n}\r\n\r\n.bottom-\\[34\\%\\] {\r\n    bottom: 34%\r\n}\r\n\r\n.bottom-\\[40\\%\\] {\r\n    bottom: 40%\r\n}\r\n\r\n.left-0 {\r\n    left: 0\r\n}\r\n\r\n.left-\\[3\\%\\] {\r\n    left: 3%\r\n}\r\n\r\n.right-\\[5\\%\\] {\r\n    right: 5%\r\n}\r\n\r\n.top-0 {\r\n    top: 0\r\n}\r\n\r\n.top-\\[10\\%\\] {\r\n    top: 10%\r\n}\r\n\r\n.top-\\[25\\%\\] {\r\n    top: 25%\r\n}\r\n\r\n.top-\\[50\\%\\] {\r\n    top: 50%\r\n}\r\n\r\n.-z-\\[1\\] {\r\n    z-index: -1\r\n}\r\n\r\n.z-\\[1\\] {\r\n    z-index: 1\r\n}\r\n\r\n.mx-2 {\r\n    margin-left: 1rem;\r\n    margin-right: 1rem\r\n}\r\n\r\n.mx-3 {\r\n    margin-left: 1.5rem;\r\n    margin-right: 1.5rem\r\n}\r\n\r\n.mx-auto {\r\n    margin-left: auto;\r\n    margin-right: auto\r\n}\r\n\r\n.my-1 {\r\n    margin-top: .5rem;\r\n    margin-bottom: .5rem\r\n}\r\n\r\n.mb-1 {\r\n    margin-bottom: .5rem\r\n}\r\n\r\n.mb-2 {\r\n    margin-bottom: 1rem\r\n}\r\n\r\n.mb-4 {\r\n    margin-bottom: 2rem\r\n}\r\n\r\n.mb-\\[2px\\] {\r\n    margin-bottom: 2px\r\n}\r\n\r\n.mt-1 {\r\n    margin-top: .5rem\r\n}\r\n\r\n.mt-2 {\r\n    margin-top: 1rem\r\n}\r\n\r\n.mt-3 {\r\n    margin-top: 1.5rem\r\n}\r\n\r\n.mt-4 {\r\n    margin-top: 2rem\r\n}\r\n\r\n.block {\r\n    display: block\r\n}\r\n\r\n.inline {\r\n    display: inline\r\n}\r\n\r\n.flex {\r\n    display: flex\r\n}\r\n\r\n.hidden {\r\n    display: none\r\n}\r\n\r\n.h-35 {\r\n    height: 17.5rem\r\n}\r\n\r\n.h-7 {\r\n    height: 3.5rem\r\n}\r\n\r\n.h-\\[20rem\\] {\r\n    height: 20rem\r\n}\r\n\r\n.h-\\[30rem\\] {\r\n    height: 30rem\r\n}\r\n\r\n.h-\\[6rem\\] {\r\n    height: 6rem\r\n}\r\n\r\n.h-\\[7rem\\] {\r\n    height: 7rem\r\n}\r\n\r\n.h-\\[calc\\(100vh-45px\\)\\] {\r\n    height: calc(100vh - 45px)\r\n}\r\n\r\n.h-auto {\r\n    height: auto\r\n}\r\n\r\n.h-full {\r\n    height: 100%\r\n}\r\n\r\n.max-h-0 {\r\n    max-height: 0\r\n}\r\n\r\n.w-35 {\r\n    width: 17.5rem\r\n}\r\n\r\n.w-4\\/5 {\r\n    width: 80%\r\n}\r\n\r\n.w-7 {\r\n    width: 3.5rem\r\n}\r\n\r\n.w-\\[20rem\\] {\r\n    width: 20rem\r\n}\r\n\r\n.w-\\[30rem\\] {\r\n    width: 30rem\r\n}\r\n\r\n.w-\\[4rem\\] {\r\n    width: 4rem\r\n}\r\n\r\n.w-\\[50rem\\] {\r\n    width: 50rem\r\n}\r\n\r\n.w-\\[5rem\\] {\r\n    width: 5rem\r\n}\r\n\r\n.w-\\[7rem\\] {\r\n    width: 7rem\r\n}\r\n\r\n.w-full {\r\n    width: 100%\r\n}\r\n\r\n.w-screen {\r\n    width: 100vw\r\n}\r\n\r\n.max-w-7xl {\r\n    max-width: 80rem\r\n}\r\n\r\n.max-w-screen-xl {\r\n    max-width: 1280px\r\n}\r\n\r\n.list-decimal {\r\n    list-style-type: decimal\r\n}\r\n\r\n.flex-col {\r\n    flex-direction: column\r\n}\r\n\r\n.items-start {\r\n    align-items: flex-start\r\n}\r\n\r\n.items-center {\r\n    align-items: center\r\n}\r\n\r\n.justify-center {\r\n    justify-content: center\r\n}\r\n\r\n.justify-between {\r\n    justify-content: space-between\r\n}\r\n\r\n.gap-2 {\r\n    gap: 1rem\r\n}\r\n\r\n.overflow-hidden {\r\n    overflow: hidden\r\n}\r\n\r\n.rounded-xl {\r\n    border-radius: .75rem\r\n}\r\n\r\n.border {\r\n    border-width: 1px\r\n}\r\n\r\n.border-l-4 {\r\n    border-left-width: 4px\r\n}\r\n\r\n.border-solid {\r\n    border-style: solid\r\n}\r\n\r\n.border-\\[\\#F1F1F1\\] {\r\n    border-color: #f1f1f1\r\n}\r\n\r\n.border-l-\\[\\#B1B1B1\\] {\r\n    border-left-color: #b1b1b1\r\n}\r\n\r\n.bg-\\[\\#fbfbfb7a\\] {\r\n    background-color: #fbfbfb7a\r\n}\r\n\r\n.bg-\\[rgba\\(242\\,242\\,242\\,80\\%\\)\\] {\r\n    background-color: #f2f2f2cc\r\n}\r\n\r\n.bg-white {\r\n    background-color: #fff\r\n}\r\n\r\n.p-2 {\r\n    padding: 1rem\r\n}\r\n\r\n.p-3 {\r\n    padding: 1.5rem\r\n}\r\n\r\n.px-3 {\r\n    padding-left: 1.5rem;\r\n    padding-right: 1.5rem\r\n}\r\n\r\n.py-1 {\r\n    padding-top: .5rem;\r\n    padding-bottom: .5rem\r\n}\r\n\r\n.pb-15 {\r\n    padding-bottom: 7.5rem\r\n}\r\n\r\n.pl-5 {\r\n    padding-left: 2.5rem\r\n}\r\n\r\n.pt-12 {\r\n    padding-top: 6rem\r\n}\r\n\r\n.text-center {\r\n    text-align: center\r\n}\r\n\r\n.text-2xl {\r\n    font-size: 1.5rem;\r\n    line-height: 2rem\r\n}\r\n\r\n.text-4xl {\r\n    font-size: 2.25rem;\r\n    line-height: 2.5rem\r\n}\r\n\r\n.text-base {\r\n    font-size: 1rem;\r\n    line-height: 1.5rem\r\n}\r\n\r\n.text-xl {\r\n    font-size: 1.25rem;\r\n    line-height: 1.75rem\r\n}\r\n\r\n.font-black {\r\n    font-weight: 900\r\n}\r\n\r\n.font-bold {\r\n    font-weight: 700\r\n}\r\n\r\n.font-medium {\r\n    font-weight: 500\r\n}\r\n\r\n.font-semibold {\r\n    font-weight: 600\r\n}\r\n\r\n.uppercase {\r\n    text-transform: uppercase\r\n}\r\n\r\n.text-black {\r\n    color: #000\r\n}\r\n\r\n.text-white {\r\n    color: #fff\r\n}\r\n\r\n.underline {\r\n    text-decoration-line: underline\r\n}\r\n\r\n.transition-all {\r\n    transition-property: all;\r\n    transition-timing-function: cubic-bezier(.4, 0, .2, 1);\r\n    transition-duration: .15s\r\n}\r\n\r\n.display-none {\r\n    display: none\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .lg\\:display-none {\r\n        display: none\r\n    }\r\n}\r\n\r\n.map-section {\r\n    position: relative;\r\n    width: 100vw;\r\n    height: 100vh;\r\n    overflow: hidden\r\n}\r\n\r\n.image-wrapper {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: auto;\r\n    height: auto\r\n}\r\n\r\n.map-image {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    height: 100vh;\r\n    width: auto;\r\n    -o-object-fit: cover;\r\n    object-fit: cover;\r\n    display: block\r\n}\r\n\r\n.section-overlay {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-color: #000000b3;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    z-index: 10;\r\n    pointer-events: all\r\n}\r\n\r\n.overlay-text {\r\n    background: radial-gradient(circle at 50% 50%, #164e20, #1a5a25 40%, #2d6b30, #3d7d3f);\r\n    color: #fff;\r\n    font-size: 1.6rem;\r\n    font-weight: 500;\r\n    text-align: center;\r\n    padding: 1.2rem 2rem;\r\n    border-radius: 12px;\r\n    border: 2px solid #FFCC00;\r\n    box-shadow: 0 6px 18px #0000004d;\r\n    width: 80vw\r\n}\r\n\r\n.overlay-text a {\r\n    color: #fc0;\r\n    -webkit-text-decoration: underline;\r\n    text-decoration: underline\r\n}\r\n\r\n.overlay-text p {\r\n    margin: 0 0 16px;\r\n    padding: 0;\r\n    color: #fff;\r\n    font-size: 1.6rem;\r\n    font-weight: 500;\r\n    line-height: 1.4;\r\n    text-align: center\r\n}\r\n\r\n.overlay-text p:last-child {\r\n    margin-bottom: 0\r\n}\r\n\r\n.overlay-buttons {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 8px;\r\n    margin-top: 16px\r\n}\r\n\r\n@media (min-width: 768px) {\r\n    .overlay-buttons {\r\n        flex-direction: row;\r\n        justify-content: center;\r\n        gap: 12px\r\n    }\r\n}\r\n\r\n.overlay-btn-primary {\r\n    background-color: #fc0;\r\n    color: #000;\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    padding: 10px 20px;\r\n    border: none;\r\n    border-radius: 4px;\r\n    cursor: pointer;\r\n    transition: background-color .2s ease\r\n}\r\n\r\n.overlay-btn-primary:hover {\r\n    background-color: #eeb23e\r\n}\r\n\r\n@media (min-width: 768px) {\r\n    .overlay-btn-primary {\r\n        font-size: 16px;\r\n        padding: 12px 24px\r\n    }\r\n}\r\n\r\n.overlay-btn-secondary {\r\n    background-color: transparent;\r\n    color: #fff;\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    padding: 10px 20px;\r\n    border: 1px solid #FFCC00;\r\n    border-radius: 4px;\r\n    cursor: pointer;\r\n    transition: border-color .2s ease\r\n}\r\n\r\n.overlay-btn-secondary:hover {\r\n    border-color: #eeb23e\r\n}\r\n\r\n@media (min-width: 768px) {\r\n    .overlay-btn-secondary {\r\n        font-size: 16px;\r\n        padding: 12px 24px\r\n    }\r\n}\r\n\r\n.hotspot {\r\n    position: absolute\r\n}\r\n\r\n.hotspot-egg2 {\r\n    bottom: 8.3%;\r\n    left: 41.3%;\r\n    width: 1.5%;\r\n    height: 7.5%\r\n}\r\n\r\n.hotspot-crown {\r\n    bottom: 39%;\r\n    right: 24.5%;\r\n    width: 1.9%;\r\n    height: 7.7%\r\n}\r\n\r\n.hotspot-butterfly {\r\n    bottom: 17%;\r\n    left: 16.6%;\r\n    width: 1.5%;\r\n    height: 9%\r\n}\r\n\r\n.hotspot-roulette {\r\n    bottom: 34%;\r\n    right: .5%;\r\n    width: 2.2%;\r\n    height: 7%\r\n}\r\n\r\n.hotspot-chicken {\r\n    top: 10%;\r\n    right: 27.9%;\r\n    width: .9%;\r\n    height: 9%\r\n}\r\n\r\n.hotspot-glocke {\r\n    bottom: 37%;\r\n    left: 8.5%;\r\n    width: .7%;\r\n    height: 6.5%\r\n}\r\n\r\n.hotspot-cherry {\r\n    bottom: 52%;\r\n    left: 42.8%;\r\n    width: 1%;\r\n    height: 8.5%\r\n}\r\n\r\n.hotspot-luck {\r\n    top: 0%;\r\n    right: 42.1%;\r\n    width: 1.6%;\r\n    height: 8%\r\n}\r\n\r\n.hotspot-egg1 {\r\n    bottom: 59.5%;\r\n    left: 29.5%;\r\n    width: 1.7%;\r\n    height: 11.5%\r\n}\r\n\r\n.hotspot-wassermelon {\r\n    bottom: 19.5%;\r\n    right: 18.9%;\r\n    width: 1.7%;\r\n    height: 8.5%\r\n}\r\n\r\n.hotspot-slot-maschine {\r\n    top: 29.4%;\r\n    left: 20.3%;\r\n    width: 1.3%;\r\n    height: 10.5%\r\n}\r\n\r\n.hotspot-egg3 {\r\n    bottom: 4.2%;\r\n    left: 29.75%;\r\n    width: 1.6%;\r\n    height: 11.8%\r\n}\r\n\r\n.hotspot-vektor-smartobjekt {\r\n    bottom: 7%;\r\n    right: 35%;\r\n    width: 1.9%;\r\n    height: 10%\r\n}\r\n\r\n.hotspot-egg5 {\r\n    top: 8.3%;\r\n    right: 34.4%;\r\n    width: 1.5%;\r\n    height: 9%\r\n}\r\n\r\n.checkbox:checked~.accrodion-content {\r\n    max-height: none\r\n}\r\n\r\n.accrodion-label:after {\r\n    content: \"+\";\r\n    width: 2rem;\r\n    height: 2rem;\r\n    font-size: 24px;\r\n    font-weight: 600;\r\n    text-align: center;\r\n    transition: all .35s\r\n}\r\n\r\n.checkbox:checked+.accrodion-label:after {\r\n    transform: rotate(45deg)\r\n}\r\n\r\n.accrodion {\r\n    border-bottom: 1px solid #D5D8DC\r\n}\r\n\r\n.aod-cta-button {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 10px 25px;\r\n    line-height: 1.2;\r\n    background: #ffcc02;\r\n    border: none;\r\n    border-radius: 3px;\r\n    color: #000;\r\n    font-weight: 700;\r\n    font-size: 1.125rem;\r\n    -webkit-text-decoration: none;\r\n    text-decoration: none;\r\n    cursor: pointer;\r\n    transition: background-color .2s ease\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .aod-cta-button {\r\n        font-size: 1.5rem\r\n    }\r\n}\r\n\r\n.aod-cta-button:hover {\r\n    background: #e6b800\r\n}\r\n\r\n.login-subtext,\r\n.login-subtext a {\r\n    color: #000\r\n}\r\n\r\n.scroll-down-arrow {\r\n    width: 16px;\r\n    height: 16px;\r\n    border-right: 2px solid #000;\r\n    border-bottom: 2px solid #000;\r\n    transform: rotate(45deg);\r\n    margin-bottom: 4px;\r\n    animation: scrollArrow 2s infinite;\r\n    cursor: pointer\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .scroll-down-arrow {\r\n        width: 24px;\r\n        height: 24px;\r\n        border-right: 3px solid #000;\r\n        border-bottom: 3px solid #000;\r\n        margin-bottom: 8px\r\n    }\r\n}\r\n\r\n@keyframes scrollArrow {\r\n    0% {\r\n        opacity: 0;\r\n        transform: rotate(45deg) translate(-10px, -10px)\r\n    }\r\n\r\n    50% {\r\n        opacity: 1\r\n    }\r\n\r\n    to {\r\n        opacity: 0;\r\n        transform: rotate(45deg) translate(10px, 10px)\r\n    }\r\n}\r\n\r\n.hero-vector-4-sway {\r\n    animation: heroPulse 3s ease-in-out infinite\r\n}\r\n\r\n@keyframes heroPulse {\r\n    0% {\r\n        opacity: 1\r\n    }\r\n\r\n    50% {\r\n        opacity: .3\r\n    }\r\n\r\n    to {\r\n        opacity: 1\r\n    }\r\n}\r\n\r\n.hero-vector-5-float {\r\n    animation: heroFloat 4s ease-in-out infinite\r\n}\r\n\r\n@keyframes heroFloat {\r\n    0% {\r\n        transform: translateY(0)\r\n    }\r\n\r\n    50% {\r\n        transform: translateY(-20px)\r\n    }\r\n\r\n    to {\r\n        transform: translateY(0)\r\n    }\r\n}\r\n\r\n.loading-spinner {\r\n    border: 4px solid rgba(255, 255, 255, .3);\r\n    border-radius: 50%;\r\n    border-top: 4px solid #ffffff;\r\n    width: 40px;\r\n    height: 40px;\r\n    margin: 0 auto;\r\n    animation: spin 1s linear infinite\r\n}\r\n\r\n@keyframes spin {\r\n    0% {\r\n        transform: rotate(0)\r\n    }\r\n\r\n    to {\r\n        transform: rotate(360deg)\r\n    }\r\n}\r\n\r\n.popup-overlay {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: #000000d4;\r\n    -webkit-backdrop-filter: blur(2px);\r\n    backdrop-filter: blur(2px);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    z-index: 1000\r\n}\r\n\r\n.popup-overlay.hidden {\r\n    display: none\r\n}\r\n\r\n.popup-container {\r\n    position: relative;\r\n    width: 92vw;\r\n    max-width: 640px;\r\n    max-height: 90vh;\r\n    background: radial-gradient(70.81% 70.82% at 50% 50%, #164e20 72.6%, #50904d);\r\n    border-radius: 16px;\r\n    overflow: hidden;\r\n    overflow-y: auto;\r\n    box-shadow: 0 25px 50px -12px #00000080;\r\n    padding-bottom: 8px;\r\n    scrollbar-width: thin;\r\n    scrollbar-color: #032e2e #0c2035\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .popup-container {\r\n        width: 95vw;\r\n        border-radius: 24px;\r\n        padding-bottom: 16px\r\n    }\r\n}\r\n\r\n.popup-container::-webkit-scrollbar {\r\n    width: 8px\r\n}\r\n\r\n.popup-container::-webkit-scrollbar-track {\r\n    background: #0c2035\r\n}\r\n\r\n.popup-container::-webkit-scrollbar-thumb {\r\n    background-color: #032e2e;\r\n    border-radius: 20px\r\n}\r\n\r\n.popup-close {\r\n    position: absolute;\r\n    top: 8px;\r\n    right: 8px;\r\n    background: transparent;\r\n    border: none;\r\n    color: #fff;\r\n    font-size: 30px;\r\n    font-weight: 700;\r\n    cursor: pointer;\r\n    z-index: 10;\r\n    transition: color .2s ease\r\n}\r\n\r\n.popup-close:hover {\r\n    color: #fc0\r\n}\r\n\r\n.popup-image-container {\r\n    position: relative;\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    padding: 16px 0 8px;\r\n    overflow: hidden\r\n}\r\n\r\n.popup-header-bg {\r\n    position: absolute;\r\n    pointer-events: none;\r\n    z-index: 1\r\n}\r\n\r\n.popup-header-left {\r\n    left: -4%;\r\n    bottom: 0;\r\n    width: 80px;\r\n    height: auto\r\n}\r\n\r\n.popup-header-left-top {\r\n    left: 8%;\r\n    top: -15%;\r\n    width: 80px;\r\n    height: auto\r\n}\r\n\r\n.popup-header-right-top {\r\n    right: 10%;\r\n    top: -15%;\r\n    width: 80px;\r\n    height: auto\r\n}\r\n\r\n.popup-header-right-1 {\r\n    right: -8%;\r\n    bottom: 20%;\r\n    width: 80px;\r\n    height: auto\r\n}\r\n\r\n.popup-header-right-2 {\r\n    right: -5%;\r\n    bottom: -8%;\r\n    width: 70px;\r\n    height: auto\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n\r\n    .popup-header-left,\r\n    .popup-header-left-top,\r\n    .popup-header-right-top,\r\n    .popup-header-right-1 {\r\n        width: 140px\r\n    }\r\n\r\n    .popup-header-right-2 {\r\n        width: 130px\r\n    }\r\n}\r\n\r\n.popup-image-wrapper {\r\n    width: 100px;\r\n    height: 100px;\r\n    border-radius: 50%;\r\n    background: radial-gradient(50% 50% at 50% 50%, #154d1f, #38753b 7.69%, #255f2b 56.25%, #285128 96.63%);\r\n    box-shadow: 0 4px 32px #00000042 inset;\r\n    z-index: 2;\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 16px;\r\n    box-sizing: border-box\r\n}\r\n\r\n.popup-image-container #popup-image {\r\n    width: 100%;\r\n    height: 100%;\r\n    -o-object-fit: contain;\r\n    object-fit: contain\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .popup-image-container {\r\n        padding: 60px 0 16px\r\n    }\r\n\r\n    .popup-image-wrapper {\r\n        width: 160px;\r\n        height: 160px;\r\n        padding: 24px\r\n    }\r\n}\r\n\r\n.popup-content {\r\n    z-index: 2;\r\n    padding: 4px 16px 8px;\r\n    text-align: left\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .popup-content {\r\n        padding: 8px 64px 16px\r\n    }\r\n}\r\n\r\n.popup-date {\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    color: #ffffffb3;\r\n    margin: 0;\r\n    padding-bottom: 4px\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .popup-date {\r\n        font-size: 16px\r\n    }\r\n}\r\n\r\n.popup-content h3 {\r\n    font-size: 28px;\r\n    font-weight: 600;\r\n    color: #d3b56a;\r\n    margin: 0;\r\n    padding-bottom: 10px;\r\n    padding-top: 0\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .popup-content h3 {\r\n        font-size: 40px;\r\n        padding-bottom: 10px;\r\n        padding-top: 0\r\n    }\r\n}\r\n\r\n.popup-content p {\r\n    font-size: 16px;\r\n    font-weight: 400;\r\n    line-height: 1.5;\r\n    color: #fff;\r\n    margin: 0;\r\n    padding: 1px 0\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .popup-content p {\r\n        font-size: 18px;\r\n        line-height: 1.625;\r\n        padding: 1px 0\r\n    }\r\n}\r\n\r\n.popup-buttons {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 6px;\r\n    z-index: 3;\r\n    padding: 12px 16px\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .popup-buttons {\r\n        flex-direction: row;\r\n        flex-wrap: wrap;\r\n        gap: 8px;\r\n        padding: 20px 64px\r\n    }\r\n}\r\n\r\n.popup-btn-primary {\r\n    width: 100%;\r\n    background-color: #fc0;\r\n    color: #000;\r\n    text-align: center;\r\n    font-size: 16px;\r\n    font-weight: 400;\r\n    padding: 10px 16px;\r\n    border: 1px solid #FFCC00;\r\n    border-radius: 2px;\r\n    cursor: pointer;\r\n    transition: background-color .2s ease, border-color .2s ease\r\n}\r\n\r\n.popup-btn-primary:hover {\r\n    background-color: #eeb23e;\r\n    border-color: #eeb23e\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .popup-btn-primary {\r\n        flex: 1;\r\n        font-size: 20px;\r\n        padding: 12px 24px\r\n    }\r\n}\r\n\r\n.popup-btn-secondary {\r\n    width: 100%;\r\n    background-color: transparent;\r\n    color: #fff;\r\n    text-align: center;\r\n    font-size: 16px;\r\n    font-weight: 400;\r\n    padding: 10px 16px;\r\n    border: 1px solid #FFCC00;\r\n    border-radius: 2px;\r\n    cursor: pointer;\r\n    transition: border-color .2s ease\r\n}\r\n\r\n.popup-btn-secondary:hover {\r\n    border-color: #eeb23e\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .popup-btn-secondary {\r\n        flex-basis: 100%;\r\n        font-size: 20px;\r\n        padding: 12px 24px\r\n    }\r\n}\r\n\r\n.popup-online-casino {\r\n    z-index: 2;\r\n    padding: 0 16px 8px;\r\n    text-align: left\r\n}\r\n\r\n.popup-online-casino.hidden {\r\n    display: none\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .popup-online-casino {\r\n        padding: 0 64px 16px\r\n    }\r\n}\r\n\r\n.popup-online-casino h4 {\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    color: #fc0;\r\n    margin: 0;\r\n    padding-bottom: 4px;\r\n    cursor: pointer;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: flex-start\r\n}\r\n\r\n.popup-online-casino h4:after {\r\n    content: \"\";\r\n    width: 5px;\r\n    height: 5px;\r\n    margin-left: 10px;\r\n    border-right: 2px solid #FFCC00;\r\n    border-bottom: 2px solid #FFCC00;\r\n    transform: rotate(45deg);\r\n    transition: transform .2s ease\r\n}\r\n\r\n.popup-online-casino.expanded h4:after {\r\n    transform: rotate(-135deg)\r\n}\r\n\r\n.popup-online-casino-content {\r\n    max-height: 0;\r\n    overflow: hidden;\r\n    transition: max-height .3s ease\r\n}\r\n\r\n.popup-online-casino.expanded .popup-online-casino-content {\r\n    max-height: 300px;\r\n    overflow-y: auto\r\n}\r\n\r\n#popup-online-casino-content {\r\n    font-size: 14px;\r\n    font-weight: 400;\r\n    line-height: 1.4;\r\n    color: #fff;\r\n    background: #ffcc0026;\r\n    border: 1px solid rgba(255, 204, 0, .3);\r\n    padding: 12px;\r\n    border-radius: 8px\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    #popup-online-casino-content {\r\n        font-size: 16px;\r\n        line-height: 1.5;\r\n        padding: 16px\r\n    }\r\n}\r\n\r\n.popup-landbase {\r\n    z-index: 2;\r\n    padding: 0 16px 8px;\r\n    text-align: left\r\n}\r\n\r\n.popup-landbase.hidden {\r\n    display: none\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .popup-landbase {\r\n        padding: 0 64px 16px\r\n    }\r\n}\r\n\r\n.popup-landbase h4 {\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    color: #fc0;\r\n    margin: 0;\r\n    padding-bottom: 4px;\r\n    cursor: pointer;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: flex-start\r\n}\r\n\r\n.popup-landbase h4:after {\r\n    content: \"\";\r\n    width: 5px;\r\n    height: 5px;\r\n    margin-left: 10px;\r\n    border-right: 2px solid #FFCC00;\r\n    border-bottom: 2px solid #FFCC00;\r\n    transform: rotate(45deg);\r\n    transition: transform .2s ease\r\n}\r\n\r\n.popup-landbase.expanded h4:after {\r\n    transform: rotate(-135deg)\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .popup-landbase h4 {\r\n        font-size: 16px;\r\n        padding-bottom: 8px\r\n    }\r\n}\r\n\r\n.popup-landbase-content {\r\n    max-height: 0;\r\n    overflow: hidden;\r\n    transition: max-height .3s ease\r\n}\r\n\r\n.popup-landbase.expanded .popup-landbase-content {\r\n    max-height: 300px;\r\n    overflow-y: auto\r\n}\r\n\r\n#popup-landbase-content {\r\n    font-size: 14px;\r\n    font-weight: 400;\r\n    line-height: 1.4;\r\n    color: #fff;\r\n    background: #ffcc0026;\r\n    border: 1px solid rgba(255, 204, 0, .3);\r\n    padding: 12px;\r\n    border-radius: 8px\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    #popup-landbase-content {\r\n        font-size: 16px;\r\n        line-height: 1.5;\r\n        padding: 16px\r\n    }\r\n}\r\n\r\n.popup-terms {\r\n    z-index: 2;\r\n    padding: 0 16px 8px;\r\n    text-align: left\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .popup-terms {\r\n        padding: 0 64px 16px\r\n    }\r\n}\r\n\r\n.popup-terms h4 {\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    color: #d3b56a;\r\n    margin: 0;\r\n    padding-bottom: 4px;\r\n    padding-top: 8px;\r\n    cursor: pointer;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: flex-start\r\n}\r\n\r\n.popup-terms h4:after {\r\n    content: \"\";\r\n    width: 5px;\r\n    height: 5px;\r\n    margin-left: 10px;\r\n    border-right: 2px solid #d3b56a;\r\n    border-bottom: 2px solid #d3b56a;\r\n    transform: rotate(45deg);\r\n    transition: transform .2s ease\r\n}\r\n\r\n.popup-terms.expanded h4:after {\r\n    transform: rotate(-135deg)\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .popup-terms h4 {\r\n        font-size: 16px;\r\n        padding-bottom: 8px;\r\n        padding-top: 15px\r\n    }\r\n}\r\n\r\n.popup-terms-content {\r\n    max-height: 0;\r\n    overflow: hidden;\r\n    transition: max-height .3s ease\r\n}\r\n\r\n.popup-terms.expanded .popup-terms-content {\r\n    max-height: 300px;\r\n    overflow-y: auto\r\n}\r\n\r\n#popup-terms-content {\r\n    font-size: 12px;\r\n    font-weight: 400;\r\n    line-height: 1.4;\r\n    color: #ffffffd9;\r\n    background: #0003;\r\n    padding: 12px;\r\n    border-radius: 8px\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    #popup-terms-content {\r\n        font-size: 13px;\r\n        line-height: 1.5;\r\n        padding: 16px\r\n    }\r\n}\r\n\r\n.hover\\:no-underline:hover {\r\n    text-decoration-line: none\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .lg\\:-left-\\[14\\%\\] {\r\n        left: -14%\r\n    }\r\n\r\n    .lg\\:-left-\\[15\\%\\] {\r\n        left: -15%\r\n    }\r\n\r\n    .lg\\:-right-\\[10\\%\\] {\r\n        right: -10%\r\n    }\r\n\r\n    .lg\\:-right-\\[15\\%\\] {\r\n        right: -15%\r\n    }\r\n\r\n    .lg\\:-top-\\[15\\%\\] {\r\n        top: -15%\r\n    }\r\n\r\n    .lg\\:-top-\\[33rem\\] {\r\n        top: -33rem\r\n    }\r\n\r\n    .lg\\:bottom-\\[10\\%\\] {\r\n        bottom: 10%\r\n    }\r\n\r\n    .lg\\:bottom-\\[20\\%\\] {\r\n        bottom: 20%\r\n    }\r\n\r\n    .lg\\:left-\\[7\\%\\] {\r\n        left: 7%\r\n    }\r\n\r\n    .lg\\:right-0 {\r\n        right: 0\r\n    }\r\n\r\n    .lg\\:right-\\[12\\%\\] {\r\n        right: 12%\r\n    }\r\n\r\n    .lg\\:right-\\[15\\%\\] {\r\n        right: 15%\r\n    }\r\n\r\n    .lg\\:top-\\[25\\%\\] {\r\n        top: 25%\r\n    }\r\n\r\n    .lg\\:mx-auto {\r\n        margin-left: auto;\r\n        margin-right: auto\r\n    }\r\n\r\n    .lg\\:mt-2 {\r\n        margin-top: 1rem\r\n    }\r\n\r\n    .lg\\:mt-6 {\r\n        margin-top: 3rem\r\n    }\r\n\r\n    .lg\\:mt-8 {\r\n        margin-top: 4rem\r\n    }\r\n\r\n    .lg\\:h-9 {\r\n        height: 4.5rem\r\n    }\r\n\r\n    .lg\\:h-\\[15rem\\] {\r\n        height: 15rem\r\n    }\r\n\r\n    .lg\\:h-\\[30rem\\] {\r\n        height: 30rem\r\n    }\r\n\r\n    .lg\\:h-\\[44rem\\] {\r\n        height: 44rem\r\n    }\r\n\r\n    .lg\\:h-\\[45rem\\] {\r\n        height: 45rem\r\n    }\r\n\r\n    .lg\\:h-\\[50rem\\] {\r\n        height: 50rem\r\n    }\r\n\r\n    .lg\\:h-\\[60rem\\] {\r\n        height: 60rem\r\n    }\r\n\r\n    .lg\\:h-\\[calc\\(100vh-100px\\)\\] {\r\n        height: calc(100vh - 100px)\r\n    }\r\n\r\n    .lg\\:h-auto {\r\n        height: auto\r\n    }\r\n\r\n    .lg\\:h-full {\r\n        height: 100%\r\n    }\r\n\r\n    .lg\\:w-2\\/5 {\r\n        width: 40%\r\n    }\r\n\r\n    .lg\\:w-9 {\r\n        width: 4.5rem\r\n    }\r\n\r\n    .lg\\:w-\\[10rem\\] {\r\n        width: 10rem\r\n    }\r\n\r\n    .lg\\:w-\\[30rem\\] {\r\n        width: 30rem\r\n    }\r\n\r\n    .lg\\:w-\\[37rem\\] {\r\n        width: 37rem\r\n    }\r\n\r\n    .lg\\:w-\\[45rem\\] {\r\n        width: 45rem\r\n    }\r\n\r\n    .lg\\:w-\\[50rem\\] {\r\n        width: 50rem\r\n    }\r\n\r\n    .lg\\:w-\\[60rem\\] {\r\n        width: 60rem\r\n    }\r\n\r\n    .lg\\:w-auto {\r\n        width: auto\r\n    }\r\n\r\n    .lg\\:w-full {\r\n        width: 100%\r\n    }\r\n\r\n    .lg\\:p-4 {\r\n        padding: 2rem\r\n    }\r\n\r\n    .lg\\:pb-30 {\r\n        padding-bottom: 15rem\r\n    }\r\n\r\n    .lg\\:text-2xl {\r\n        font-size: 1.5rem;\r\n        line-height: 2rem\r\n    }\r\n\r\n    .lg\\:text-3xl {\r\n        font-size: 1.875rem;\r\n        line-height: 2.25rem\r\n    }\r\n\r\n    .lg\\:text-5xl {\r\n        font-size: 3rem;\r\n        line-height: 1\r\n    }\r\n\r\n    .lg\\:text-lg {\r\n        font-size: 1.125rem;\r\n        line-height: 1.75rem\r\n    }\r\n}\r\n</style>","beforeEndBody":""},"conditionIds":["5792fd22-e785-4f4d-8213-3d5d89a756cd","536a0342-c6ec-4919-b04d-5f1c0c5c683d"]},{"tagId":"6c5cb389-196b-41f8-bcc7-c507d5cf7560","tagTypeId":"custom_js","name":"Bonus Tiles logic  JS /casino-bonus","description":"Bonus Tiles logic  JS /casino-bonus","config":{"code":"(async () => {\r\n  let userDetailsCache = null;\r\n  let fetchUserDetailsPromise = null;\r\n\r\n  const fetchUserDetails = async () => {\r\n    if (userDetailsCache) return userDetailsCache;\r\n    if (fetchUserDetailsPromise) return fetchUserDetailsPromise;\r\n\r\n    fetchUserDetailsPromise = (async () => {\r\n      try {\r\n        const userDetails = await Playtech.fetchUserDetails();\r\n        if (!userDetails?.userId) {\r\n          console.log(\"No user details or user ID found.\");\r\n          return null;\r\n        }\r\n\r\n        const regulationResponse = await Playtech.sendUserRegulationStatusRequest();\r\n        const regulationCode = regulationResponse.data.playerRegulationStatusHistory[0]?.code;\r\n\r\n        const tagsResponse = await Playtech.API.user.getPlayerTags();\r\n        const tags = tagsResponse.data.tags;\r\n\r\n        userDetailsCache = {\r\n          playerRegulationStatus: regulationCode,\r\n          playerTags: tags,\r\n        };\r\n\r\n        return userDetailsCache;\r\n      } catch (error) {\r\n        console.error(\"Error fetching user details:\", error);\r\n        return null;\r\n      } finally {\r\n        fetchUserDetailsPromise = null;\r\n      }\r\n    })();\r\n\r\n    return fetchUserDetailsPromise;\r\n  };\r\n\r\n  const removeElement = (element) => {\r\n    const grandParent = element.parentNode?.parentNode;\r\n    if (grandParent) grandParent.style.display = \"none\";\r\n  };\r\n\r\n  const hideTileOnSpecificConditions = async (selector, conditions) => {\r\n    const userDetails = await fetchUserDetails();\r\n    if (!userDetails) return;\r\n\r\n    const tileElements = document.querySelectorAll(selector);\r\n    for (const tileElement of tileElements) {\r\n      const shouldRemove =\r\n        (!conditions.regulationStatus ||\r\n          userDetails.playerRegulationStatus === conditions.regulationStatus) &&\r\n        (!conditions.tagName ||\r\n          userDetails.playerTags?.some(\r\n            (tag) =>\r\n              tag.name === conditions.tagName &&\r\n              (!conditions.tagValue || tag.value === conditions.tagValue)\r\n          ));\r\n\r\n      if (shouldRemove) {\r\n        removeElement(tileElement);\r\n      }\r\n    }\r\n  };\r\n\r\n  const selectors = [\r\n    {\r\n      selector: '[data-bonus-code=\"104371\"]',\r\n      callback: hideTileOnSpecificConditions,\r\n      conditions: { tagName: \"sc/promo/2022_Signup_1000CHF\" },\r\n    },\r\n    {\r\n      selector: '[data-bonus-code=\"104371\"]',\r\n      callback: hideTileOnSpecificConditions,\r\n      conditions: { tagName: \"sc/promo/2022_signup_no_display\" },\r\n    }\r\n  ];\r\n\r\n  const runAllCallbacks = async () => {\r\n    for (const { selector, callback, conditions } of selectors) {\r\n      try {\r\n        await callback(selector, conditions);\r\n      } catch (error) {\r\n        console.error(\"Error in callback:\", error);\r\n      }\r\n    }\r\n  };\r\n\r\n  const waitForTiles = async () => {\r\n    return new Promise((resolve) => {\r\n      const checkTiles = () => {\r\n        const tilesExist = selectors.some(({ selector }) =>\r\n          document.querySelector(selector)\r\n        );\r\n        if (tilesExist) {\r\n          resolve();\r\n        } else {\r\n          setTimeout(checkTiles, 100);\r\n        }\r\n      };\r\n      checkTiles();\r\n    });\r\n  };\r\n\r\n  // Wait until tiles are present before running initial checks\r\n  await waitForTiles();\r\n  await runAllCallbacks();\r\n\r\n  // MutationObserver to detect when tiles are added\r\n  const observer = new MutationObserver(async (mutations) => {\r\n    let tilesAdded = false;\r\n    for (const mutation of mutations) {\r\n      for (const node of mutation.addedNodes) {\r\n        if (node.nodeType === Node.ELEMENT_NODE) {\r\n          // Check if the node or any of its descendants match any selector\r\n          for (const { selector } of selectors) {\r\n            if (\r\n              node.matches(selector) ||\r\n              node.querySelector(selector) ||\r\n              node.closest(selector)\r\n            ) {\r\n              tilesAdded = true;\r\n              break;\r\n            }\r\n          }\r\n        }\r\n        if (tilesAdded) break;\r\n      }\r\n      if (tilesAdded) break;\r\n    }\r\n    if (tilesAdded) {\r\n      await runAllCallbacks();\r\n    }\r\n  });\r\n\r\n  observer.observe(document.body, { childList: true, subtree: true });\r\n})();\r\n"},"conditionIds":["7e84c461-b667-4988-8228-d9a296d085bf","536a0342-c6ec-4919-b04d-5f1c0c5c683d"]},{"tagId":"fbbd0531-68fb-4105-84dd-d6c549829966","tagTypeId":"custom_js","name":"JS /age-of-the-dogs-game","description":"JS /age-of-the-dogs-game","config":{"code":"(function () {\r\n  // CAMPAIGN CONFIGURATION\r\n  const CONFIG = {\r\n    campaign: {\r\n      startDate: '2026-03-09',\r\n      endDate: '2026-03-15'\r\n    },\r\n    requiredRegulation: 'CHE-2',\r\n    depositTag: 'sc/deposit/r1d',\r\n    timeoutMs: 20000\r\n  };\r\n\r\n  const VALID_RESULTS = ['win', 'fail'];\r\n\r\n  // STATE\r\n  let contentData = null;\r\n  let playerFirstName = '';\r\n\r\n  let gameState = {\r\n    isPlaying: false,\r\n    activeHouseElement: null,\r\n    spinTimeoutId: null,\r\n    pendingResult: null\r\n  };\r\n\r\n  // UTILITY FUNCTIONS\r\n  const getCurrentDateString = () => {\r\n    const now = new Date();\r\n    return `${now.getFullYear()}-${String(now.getMonth() + 1).padStart(2, '0')}-${String(now.getDate()).padStart(2, '0')}`;\r\n  };\r\n\r\n  const getCurrentDayNumber = () => {\r\n    const currentDate = getCurrentDateString();\r\n    return parseInt(currentDate.split('-')[2], 10);\r\n  };\r\n\r\n  const isPromotionActive = () => {\r\n    const currentDate = getCurrentDateString();\r\n    return currentDate >= CONFIG.campaign.startDate && currentDate <= CONFIG.campaign.endDate;\r\n  };\r\n\r\n  const isBeforeCampaign = () => getCurrentDateString() < CONFIG.campaign.startDate;\r\n\r\n  const isLastDay = () => getCurrentDateString() === CONFIG.campaign.endDate;\r\n\r\n  const getCurrentDayData = () => {\r\n    if (!contentData || !contentData.days) return null;\r\n    const dayNumber = getCurrentDayNumber();\r\n    return contentData.days[dayNumber] || null;\r\n  };\r\n\r\n  const hasFirstDeposit = (tags) => tags.some(tag => tag.name === CONFIG.depositTag);\r\n\r\n  const isVerified = (regulationCode) => regulationCode === CONFIG.requiredRegulation;\r\n\r\n  const personalizeText = (text) => {\r\n    if (!text) return '';\r\n    return text.replace(/first_name/g, playerFirstName || '');\r\n  };\r\n\r\n  // PLAYTECH API WRAPPER\r\n  const PlaytechAPI = {\r\n    isLoggedIn: () => Playtech.API.user.isLoggedIn() ?? false,\r\n\r\n    showLoginPopup: () => Playtech.API.popup.showPopup('login'),\r\n\r\n    navigate: (path) => Playtech.API.common.navigate(path),\r\n\r\n    getCurrentLanguage: () => Playtech.API.language.getCurrentLanguage() || 'de_DE',\r\n\r\n    getPlayerTags: async () => {\r\n      try {\r\n        const response = await Playtech.API.user.getPlayerTags();\r\n        return response.data.tags || [];\r\n      } catch (error) {\r\n        console.error('Failed to get player tags:', error);\r\n        return [];\r\n      }\r\n    },\r\n\r\n    getPlayerData: async () => {\r\n      try {\r\n        const response = await Playtech.API.user.getPlayerData();\r\n        return response.data;\r\n      } catch (error) {\r\n        console.error('Failed to fetch player data:', error);\r\n        return null;\r\n      }\r\n    },\r\n\r\n    isSelfExcluded: async () => {\r\n      try {\r\n        const response = await Playtech.API.responsibleGaming.getPlayerSelfExclusion();\r\n        return response.productSettings && response.productSettings.length > 0;\r\n      } catch (error) {\r\n        console.error('Failed to check self-exclusion:', error);\r\n        return false;\r\n      }\r\n    },\r\n\r\n    getRegulationStatus: async () => {\r\n      try {\r\n        const response = await Playtech.sendUserRegulationStatusRequest();\r\n        return response.data.playerRegulationStatusHistory[0].code || null;\r\n      } catch (error) {\r\n        console.error('Failed to get regulation status:', error);\r\n        return null;\r\n      }\r\n    },\r\n\r\n    setPlayerTag: async (tagName, value) => {\r\n      try {\r\n        await Playtech.API.user.setPlayerTags([{\r\n          name: tagName,\r\n          value: value,\r\n          type: 'text'\r\n        }]);\r\n        return true;\r\n      } catch (error) {\r\n        console.error('Failed to set player tag:', error);\r\n        return false;\r\n      }\r\n    },\r\n\r\n    onTagChange: (callback) => Playtech.on('player-tag-change', callback)\r\n  };\r\n\r\n  // CONTENT DATA\r\n  const fetchContentData = async () => {\r\n    try {\r\n      const locale = PlaytechAPI.getCurrentLanguage();\r\n      const response = await fetch(`/library/landing-pages/age-of-the-dogs-campaign-page/data/content.${locale}.json`);\r\n      if (!response.ok) {\r\n        const fallbackResponse = await fetch('/library/landing-pages/age-of-the-dogs-campaign-page/data/content.de_DE.json');\r\n        contentData = await fallbackResponse.json();\r\n      } else {\r\n        contentData = await response.json();\r\n      }\r\n      return contentData;\r\n    } catch (error) {\r\n      console.error('Failed to fetch content data:', error);\r\n      return null;\r\n    }\r\n  };\r\n\r\n  // OVERLAY FUNCTIONS\r\n  const showOverlayMessage = (state, customMessage = null) => {\r\n    const overlay = document.getElementById('game-overlay');\r\n    const overlayTitle = document.getElementById('game-overlay-title');\r\n    const overlayMessage = document.getElementById('game-overlay-message');\r\n    const overlayButtons = document.getElementById('game-overlay-buttons');\r\n\r\n    if (!overlay || !overlayMessage) return;\r\n\r\n    if (overlayTitle) overlayTitle.innerHTML = '';\r\n    overlayMessage.innerHTML = '';\r\n    if (overlayButtons) overlayButtons.innerHTML = '';\r\n\r\n    if (customMessage) {\r\n      overlayMessage.innerHTML = personalizeText(customMessage);\r\n      overlay.classList.remove('hidden');\r\n      return;\r\n    }\r\n\r\n    if (!contentData || !contentData.overlay_states) return;\r\n\r\n    const stateData = contentData.overlay_states[state];\r\n    if (!stateData) return;\r\n\r\n    if (overlayTitle && stateData.title) {\r\n      overlayTitle.innerHTML = personalizeText(stateData.title);\r\n    }\r\n\r\n    if (stateData.description) {\r\n      overlayMessage.innerHTML = personalizeText(stateData.description);\r\n    }\r\n\r\n    if (overlayButtons) {\r\n      if (stateData.primary_button) {\r\n        const primaryBtn = document.createElement('button');\r\n        primaryBtn.className = 'overlay-btn overlay-btn-primary';\r\n        primaryBtn.textContent = stateData.primary_button;\r\n        primaryBtn.addEventListener('click', () => {\r\n          const action = stateData.primary_action || stateData.action;\r\n          if (action) PlaytechAPI.navigate(action);\r\n        });\r\n        overlayButtons.appendChild(primaryBtn);\r\n      }\r\n\r\n      if (stateData.secondary_button) {\r\n        const secondaryBtn = document.createElement('button');\r\n        secondaryBtn.className = 'overlay-btn overlay-btn-secondary';\r\n        secondaryBtn.textContent = stateData.secondary_button;\r\n        secondaryBtn.addEventListener('click', () => {\r\n          if (stateData.secondary_action) PlaytechAPI.navigate(stateData.secondary_action);\r\n        });\r\n        overlayButtons.appendChild(secondaryBtn);\r\n      }\r\n    }\r\n\r\n    overlay.classList.remove('hidden');\r\n  };\r\n\r\n  const hideOverlay = () => {\r\n    const overlay = document.getElementById('game-overlay');\r\n    if (overlay) overlay.classList.add('hidden');\r\n  };\r\n\r\n  const showBonusOfferOverlay = (bonusOffer) => {\r\n    const overlay = document.getElementById('game-overlay');\r\n    const overlayTitle = document.getElementById('game-overlay-title');\r\n    const overlayMessage = document.getElementById('game-overlay-message');\r\n    const overlayButtons = document.getElementById('game-overlay-buttons');\r\n\r\n    if (!overlay || !overlayMessage) return;\r\n\r\n    if (overlayTitle) overlayTitle.innerHTML = '';\r\n    overlayMessage.innerHTML = '';\r\n    if (overlayButtons) overlayButtons.innerHTML = '';\r\n\r\n    if (bonusOffer.description) {\r\n      overlayMessage.innerHTML = personalizeText(bonusOffer.description);\r\n    }\r\n\r\n    if (overlayButtons && bonusOffer.primary_button) {\r\n      const primaryBtn = document.createElement('button');\r\n      primaryBtn.className = 'overlay-btn overlay-btn-primary';\r\n      primaryBtn.textContent = bonusOffer.primary_button;\r\n      primaryBtn.addEventListener('click', () => {\r\n        if (bonusOffer.action) PlaytechAPI.navigate(bonusOffer.action);\r\n      });\r\n      overlayButtons.appendChild(primaryBtn);\r\n    }\r\n\r\n    overlay.classList.remove('hidden');\r\n  };\r\n\r\n  // POPUP FUNCTIONS\r\n  const showPopup = (dayData) => {\r\n    if (!dayData || !dayData.win_popup) return;\r\n\r\n    const popup = dayData.win_popup;\r\n    const popupOverlay = document.getElementById('win-popup');\r\n    const popupDate = document.getElementById('popup-date');\r\n    const popupImage = document.getElementById('popup-image');\r\n    const popupTitle = document.getElementById('popup-title');\r\n    const popupDescription = document.getElementById('popup-description');\r\n    const popupTermsTitle = document.getElementById('popup-terms-title');\r\n    const popupTermsContent = document.getElementById('popup-terms-content');\r\n    const popupPrimaryBtn = document.getElementById('popup-primary-btn');\r\n    const popupSecondaryBtn = document.getElementById('popup-secondary-btn');\r\n    const popupTermsSection = document.querySelector('.popup-terms');\r\n\r\n    if (!popupOverlay) return;\r\n\r\n    if (popupImage && popup.image) {\r\n      popupImage.src = popup.image;\r\n      popupImage.alt = popup.title || '';\r\n    }\r\n\r\n    if (popupDate) popupDate.textContent = dayData.display_date || '';\r\n    if (popupTitle) popupTitle.innerHTML = personalizeText(popup.title || '');\r\n    if (popupDescription) popupDescription.innerHTML = personalizeText(popup.description || '');\r\n    if (popupTermsTitle && popup.terms_title) popupTermsTitle.textContent = popup.terms_title;\r\n\r\n    if (popupTermsContent && popup.terms) {\r\n      popupTermsContent.innerHTML = popup.terms;\r\n      popupTermsContent.classList.add('hidden');\r\n    }\r\n\r\n    if (popupTermsSection) popupTermsSection.classList.remove('expanded');\r\n\r\n    if (popupPrimaryBtn) {\r\n      popupPrimaryBtn.textContent = popup.primary_button || '';\r\n      popupPrimaryBtn.onclick = async () => {\r\n        // Days 9, 11, 13: Set bonus tag on Accept (no bonus_offer)\r\n        // Days 10, 12, 14, 15: Backend sets bonus tag (has bonus_offer)\r\n        if (dayData.bonus_tag && !dayData.bonus_offer) {\r\n          await PlaytechAPI.setPlayerTag(dayData.bonus_tag, 'completed');\r\n        }\r\n        hidePopup();\r\n        if (popup.action) PlaytechAPI.navigate(popup.action);\r\n      };\r\n    }\r\n\r\n    if (popupSecondaryBtn) {\r\n      popupSecondaryBtn.textContent = popup.secondary_button || '';\r\n      popupSecondaryBtn.onclick = () => hidePopup();\r\n    }\r\n\r\n    popupOverlay.classList.remove('hidden');\r\n  };\r\n\r\n  const hidePopup = () => {\r\n    const popupOverlay = document.getElementById('win-popup');\r\n    if (popupOverlay) popupOverlay.classList.add('hidden');\r\n  };\r\n\r\n  const setupPopupEventListeners = () => {\r\n    const closeBtn = document.querySelector('.popup-close');\r\n    if (closeBtn) closeBtn.addEventListener('click', hidePopup);\r\n\r\n    const popupOverlay = document.getElementById('win-popup');\r\n    if (popupOverlay) {\r\n      popupOverlay.addEventListener('click', (e) => {\r\n        if (e.target === popupOverlay) hidePopup();\r\n      });\r\n    }\r\n\r\n    const termsHeader = document.querySelector('.popup-terms-header');\r\n    if (termsHeader) {\r\n      termsHeader.addEventListener('click', () => {\r\n        const termsSection = document.querySelector('.popup-terms');\r\n        const termsContent = document.getElementById('popup-terms-content');\r\n        if (termsSection && termsContent) {\r\n          termsSection.classList.toggle('expanded');\r\n          termsContent.classList.toggle('hidden');\r\n        }\r\n      });\r\n    }\r\n  };\r\n\r\n  // GAME LOGIC\r\n  const setResultTagWithRetry = async (tagName, value, maxRetries = 3) => {\r\n    for (let attempt = 1; attempt <= maxRetries; attempt++) {\r\n      const success = await PlaytechAPI.setPlayerTag(tagName, value);\r\n      if (success) {\r\n        return true;\r\n      }\r\n      console.warn(`Failed to set result tag (attempt ${attempt}/${maxRetries})`);\r\n      if (attempt < maxRetries) {\r\n        await new Promise(resolve => setTimeout(resolve, 1000 * attempt));\r\n      }\r\n    }\r\n    console.error('Failed to set result tag after all retries');\r\n    return false;\r\n  };\r\n\r\n  const showResult = (houseElement, result) => {\r\n    houseElement.classList.remove('loading');\r\n    houseElement.style.pointerEvents = 'none';\r\n    houseElement.classList.add('revealing');\r\n\r\n    setTimeout(() => {\r\n      houseElement.classList.remove('revealing');\r\n      houseElement.classList.add('opened', result);\r\n    }, 500);\r\n\r\n    const dayData = getCurrentDayData();\r\n\r\n    // Set result tag with retry logic (runs in background)\r\n    if (dayData && dayData.result_tag) {\r\n      setResultTagWithRetry(dayData.result_tag, result);\r\n    }\r\n\r\n    if (result === 'win') {\r\n      setTimeout(() => showPopup(dayData), 2000);\r\n    } else {\r\n      setTimeout(() => {\r\n        const state = isLastDay() ? 'no_win_last_day' : 'no_win';\r\n        showOverlayMessage(state);\r\n      }, 2000);\r\n    }\r\n  };\r\n\r\n  const handleGameTimeout = () => {\r\n    if (!gameState.isPlaying) return;\r\n\r\n    const houseElement = gameState.activeHouseElement;\r\n\r\n    gameState.isPlaying = false;\r\n    gameState.pendingResult = null;\r\n    gameState.activeHouseElement = null;\r\n\r\n    if (houseElement) houseElement.classList.remove('loading');\r\n\r\n    const allHouses = document.querySelectorAll('.house-container');\r\n    allHouses.forEach(h => {\r\n      h.style.pointerEvents = '';\r\n      h.style.opacity = '';\r\n    });\r\n\r\n    showOverlayMessage('error');\r\n  };\r\n\r\n  const setupTagChangeListener = () => {\r\n    PlaytechAPI.onTagChange((event) => {\r\n      const tagName = event?.tag;\r\n      const tagValue = event?.value;\r\n      const dayData = getCurrentDayData();\r\n\r\n      if (!dayData) return;\r\n\r\n      if (tagName === dayData.tag && gameState.isPlaying) {\r\n        if (VALID_RESULTS.includes(tagValue)) {\r\n          if (gameState.spinTimeoutId) {\r\n            clearTimeout(gameState.spinTimeoutId);\r\n            gameState.spinTimeoutId = null;\r\n          }\r\n\r\n          gameState.pendingResult = tagValue;\r\n          gameState.isPlaying = false;\r\n\r\n          if (gameState.activeHouseElement) {\r\n            showResult(gameState.activeHouseElement, tagValue);\r\n          }\r\n\r\n          gameState.activeHouseElement = null;\r\n        }\r\n      }\r\n    });\r\n  };\r\n\r\n  const playGame = async (houseElement) => {\r\n    if (gameState.isPlaying) return;\r\n\r\n    const dayData = getCurrentDayData();\r\n\r\n    if (!dayData) {\r\n      showOverlayMessage(isBeforeCampaign() ? 'promotion_not_active_before' : 'promotion_not_active_after');\r\n      return;\r\n    }\r\n\r\n    gameState.isPlaying = true;\r\n    gameState.pendingResult = null;\r\n    gameState.activeHouseElement = houseElement;\r\n\r\n    houseElement.classList.add('loading');\r\n\r\n    gameState.spinTimeoutId = setTimeout(() => handleGameTimeout(), CONFIG.timeoutMs);\r\n\r\n    const success = await PlaytechAPI.setPlayerTag(dayData.tag, 'start');\r\n    if (!success) {\r\n      if (gameState.spinTimeoutId) {\r\n        clearTimeout(gameState.spinTimeoutId);\r\n        gameState.spinTimeoutId = null;\r\n      }\r\n      gameState.isPlaying = false;\r\n      gameState.activeHouseElement = null;\r\n      showOverlayMessage('error');\r\n      houseElement.classList.remove('loading');\r\n    }\r\n  };\r\n\r\n  // ELIGIBILITY CHECK\r\n  const checkGameAvailability = async () => {\r\n    await fetchContentData();\r\n\r\n    if (!contentData) {\r\n      showOverlayMessage('error');\r\n      return;\r\n    }\r\n\r\n    if (!isPromotionActive()) {\r\n      showOverlayMessage(isBeforeCampaign() ? 'promotion_not_active_before' : 'promotion_not_active_after');\r\n      return;\r\n    }\r\n\r\n    if (!PlaytechAPI.isLoggedIn()) {\r\n      hideOverlay();\r\n      return;\r\n    }\r\n\r\n    const playerData = await PlaytechAPI.getPlayerData();\r\n    if (playerData && playerData.firstName) {\r\n      playerFirstName = playerData.firstName;\r\n    }\r\n\r\n    const isSelfExcluded = await PlaytechAPI.isSelfExcluded();\r\n    if (isSelfExcluded) {\r\n      showOverlayMessage('self_exclusion');\r\n      return;\r\n    }\r\n\r\n    const regulationCode = await PlaytechAPI.getRegulationStatus();\r\n    const tags = await PlaytechAPI.getPlayerTags();\r\n    const verified = isVerified(regulationCode);\r\n    const hasDeposit = hasFirstDeposit(tags);\r\n\r\n    if (!verified && !hasDeposit) {\r\n      showOverlayMessage('not_verified_no_deposit');\r\n      return;\r\n    }\r\n\r\n    if (!verified) {\r\n      showOverlayMessage('not_verified');\r\n      return;\r\n    }\r\n\r\n    if (!hasDeposit) {\r\n      showOverlayMessage('no_deposit');\r\n      return;\r\n    }\r\n\r\n    const dayData = getCurrentDayData();\r\n    if (dayData) {\r\n      const hasPlayedToday = tags.some(tag => tag.name === dayData.result_tag);\r\n\r\n       if (hasPlayedToday) {\r\n        if (dayData.bonus_offer) {\r\n          const resultTag = tags.find(tag => tag.name === dayData.result_tag);\r\n          const bonusTag = tags.find(tag => tag.name === dayData.bonus_tag);\r\n          if (resultTag && resultTag.value === 'win' && (!bonusTag || bonusTag.value !== 'completed')) {\r\n            showBonusOfferOverlay(dayData.bonus_offer);\r\n          } else {\r\n            const state = isLastDay() ? 'already_played_last_day' : 'already_played';\r\n            showOverlayMessage(state);\r\n          }\r\n        } else {\r\n          const state = isLastDay() ? 'already_played_last_day' : 'already_played';\r\n          showOverlayMessage(state);\r\n        }\r\n        return;\r\n      }\r\n    }\r\n\r\n    hideOverlay();\r\n  };\r\n\r\n  // HOUSE CLICK HANDLING\r\n  const handleHouseClick = async (element, index) => {\r\n    if (element.classList.contains('opened') ||\r\n      element.classList.contains('loading') ||\r\n      gameState.isPlaying) {\r\n      return;\r\n    }\r\n\r\n    if (!PlaytechAPI.isLoggedIn()) {\r\n      PlaytechAPI.showLoginPopup();\r\n      return;\r\n    }\r\n\r\n    const allHouses = document.querySelectorAll('.house-container');\r\n    allHouses.forEach(h => {\r\n      if (h !== element) {\r\n        h.style.pointerEvents = 'none';\r\n        h.style.opacity = '0.8';\r\n      }\r\n    });\r\n\r\n    await playGame(element);\r\n  };\r\n\r\n  // MOBILE SLIDER\r\n  const initMobileSlider = () => {\r\n    const houseContainers = document.querySelectorAll('#houses-slider .house-container');\r\n    const leftSlot = document.querySelector('.mobile-slider-left-house');\r\n    const centerSlot = document.querySelector('.mobile-slider-center-house');\r\n    const rightSlot = document.querySelector('.mobile-slider-right-house');\r\n    const arrowLeft = document.querySelector('.slider-arrow-left');\r\n    const arrowRight = document.querySelector('.slider-arrow-right');\r\n\r\n    let currentSlide = 1;\r\n\r\n    const isMobile = () => window.innerWidth < 1024;\r\n    const getLeftIndex = () => currentSlide === 0 ? 2 : currentSlide - 1;\r\n    const getRightIndex = () => currentSlide === 2 ? 0 : currentSlide + 1;\r\n\r\n    const updateMobileSlider = () => {\r\n      if (!leftSlot || !centerSlot || !rightSlot) return;\r\n\r\n      leftSlot.innerHTML = '';\r\n      centerSlot.innerHTML = '';\r\n      rightSlot.innerHTML = '';\r\n\r\n      const leftHouse = houseContainers[getLeftIndex()].cloneNode(true);\r\n      const centerHouse = houseContainers[currentSlide].cloneNode(true);\r\n      const rightHouse = houseContainers[getRightIndex()].cloneNode(true);\r\n\r\n      leftSlot.appendChild(leftHouse);\r\n      centerSlot.appendChild(centerHouse);\r\n      rightSlot.appendChild(rightHouse);\r\n\r\n      leftHouse.addEventListener('click', () => {\r\n        currentSlide = getLeftIndex();\r\n        updateMobileSlider();\r\n      });\r\n\r\n      rightHouse.addEventListener('click', () => {\r\n        currentSlide = getRightIndex();\r\n        updateMobileSlider();\r\n      });\r\n\r\n      centerHouse.addEventListener('click', async function () {\r\n        await handleHouseClick(this, currentSlide);\r\n      });\r\n    };\r\n\r\n    const slideLeft = () => {\r\n      currentSlide = currentSlide === 0 ? 2 : currentSlide - 1;\r\n      updateMobileSlider();\r\n    };\r\n\r\n    const slideRight = () => {\r\n      currentSlide = currentSlide === 2 ? 0 : currentSlide + 1;\r\n      updateMobileSlider();\r\n    };\r\n\r\n    updateMobileSlider();\r\n\r\n    if (arrowLeft) arrowLeft.addEventListener('click', slideLeft);\r\n    if (arrowRight) arrowRight.addEventListener('click', slideRight);\r\n\r\n    houseContainers.forEach((house, index) => {\r\n      house.addEventListener('click', async function () {\r\n        if (isMobile()) return;\r\n        await handleHouseClick(this, index);\r\n      });\r\n    });\r\n  };\r\n\r\n  // SCROLL HANDLING\r\n  const initScrollHandlers = () => {\r\n    const loginButton = document.getElementById('login-cta-button');\r\n    const loginSubtext = document.querySelector('.login-subtext');\r\n    const scrollArrow = document.getElementById('scroll-down-arrow');\r\n\r\n    if (PlaytechAPI.isLoggedIn()) {\r\n      if (loginButton) loginButton.style.display = 'none';\r\n      if (loginSubtext) loginSubtext.style.display = 'none';\r\n      if (scrollArrow) scrollArrow.classList.remove('hidden');\r\n    } else {\r\n      // Add click event to trigger login popup\r\n      if (loginButton) {\r\n        loginButton.addEventListener('click', () => {\r\n          PlaytechAPI.showLoginPopup();\r\n        });\r\n      }\r\n    }\r\n\r\n    if (scrollArrow) {\r\n      scrollArrow.addEventListener('click', (e) => {\r\n        e.preventDefault();\r\n        const gameSection = document.getElementById('game-sec');\r\n        if (gameSection) gameSection.scrollIntoView({ behavior: 'smooth' });\r\n      });\r\n    }\r\n\r\n    const scrollDownButton = document.querySelector('.scroll-down-button');\r\n    if (scrollDownButton) {\r\n      scrollDownButton.addEventListener('click', (e) => {\r\n        e.preventDefault();\r\n        const targetId = scrollDownButton.getAttribute('href');\r\n        const targetSection = document.querySelector(targetId);\r\n        if (targetSection) targetSection.scrollIntoView({ behavior: 'smooth' });\r\n      });\r\n    }\r\n  };\r\n\r\n  // INITIALIZATION\r\n  const init = async () => {\r\n    setupPopupEventListeners();\r\n    setupTagChangeListener();\r\n    initMobileSlider();\r\n    initScrollHandlers();\r\n    await checkGameAvailability();\r\n  };\r\n\r\n  init();\r\n\r\n})();"},"conditionIds":["72e5733c-5c1a-42bc-a421-cbe7b567d840","4eaa767f-38ed-46ce-aea0-afceba7315fd"]},{"tagId":"e4ed1189-a857-45f8-9836-7833bea22348","tagTypeId":"custom_tag_type","name":"Custom CSS /daily-games-landing","description":"Custom CSS /daily-games-landing","config":{"beforeEndHead":"<style>\r\n#recent-games-slider{\r\n  .swiper-slide {\r\n    display: block;\r\n  }\r\n}\r\n.registerLink {\r\n  color:#f9b000;\r\n}\r\n.text-\\[\\#f9b000\\]{\r\n  color:#f9b000;\r\n}\r\n\r\na.registerLink:hover{\r\n  color:#ffcc00;\r\n}\r\n  .container {\r\n    width: 100%\r\n}\r\n\r\n.tracking-normal {\r\n    letter-spacing: 0em;\r\n    Padding-top:0;\r\n    Padding-bottom:0;\r\n}\r\n\r\n.underline {\r\n    text-decoration-line: underline;\r\n}\r\n\r\n@media (min-width: 640px) {\r\n    .container {\r\n        max-width: 640px\r\n    }\r\n}\r\n\r\n@media (min-width: 768px) {\r\n    .container {\r\n        max-width: 768px\r\n    }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .container {\r\n        max-width: 1024px\r\n    }\r\n}\r\n\r\n@media (min-width: 1280px) {\r\n    .container {\r\n        max-width: 1280px\r\n    }\r\n}\r\n\r\n@media (min-width: 1536px) {\r\n    .container {\r\n        max-width: 1536px\r\n    }\r\n}\r\n\r\n@media (min-width: 1860px) {\r\n    .container {\r\n        max-width: 1860px\r\n    }\r\n}\r\n\r\n@media (min-width: 1921px) {\r\n    .container {\r\n        max-width: 1921px\r\n    }\r\n}\r\n\r\n.button-base {\r\n    font-size: 1rem;\r\n    line-height: 1.5rem\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .button-base {\r\n        font-size: 1.125rem;\r\n        line-height: 1.75rem\r\n    }\r\n}\r\n\r\n@media (min-width: 1280px) {\r\n    .button-base {\r\n        font-size: 1.25rem;\r\n        line-height: 1.75rem\r\n    }\r\n}\r\n\r\n.button-base {\r\n    min-width: 10rem;\r\n    cursor: pointer;\r\n    border-radius: .125rem;\r\n    padding: .5rem;\r\n    text-align: center;\r\n    font-weight: 400;\r\n    --tw-text-opacity: 1;\r\n    color: rgb(0 0 0 / var(--tw-text-opacity));\r\n    text-decoration-thickness: 0px\r\n}\r\n\r\n.button-base-bg {\r\n    border-width: 1px;\r\n    border-style: solid;\r\n    --tw-border-opacity: 1;\r\n    border-color: rgb(249 176 0 / var(--tw-border-opacity))\r\n}\r\n\r\n.button-base-bg:hover {\r\n    --tw-border-opacity: 1;\r\n    border-color: rgb(255 204 0 / var(--tw-border-opacity))\r\n}\r\n\r\n.button-base-bg {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(249 176 0 / var(--tw-bg-opacity))\r\n}\r\n\r\n.button-base-bg:hover {\r\n    background-color: transparent\r\n}\r\n\r\n.button_landingPage {\r\n    border-width: 1px;\r\n    border-style: solid;\r\n    --tw-border-opacity: 1;\r\n    border-color: rgb(249 176 0 / var(--tw-border-opacity))\r\n}\r\n\r\n.button_landingPage:hover {\r\n    --tw-border-opacity: 1;\r\n    border-color: rgb(255 204 0 / var(--tw-border-opacity))\r\n}\r\n\r\n.button_landingPage {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(249 176 0 / var(--tw-bg-opacity))\r\n}\r\n\r\n.button_landingPage:hover {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(255 204 0 / var(--tw-bg-opacity))\r\n}\r\n\r\n.pointer-events-none {\r\n    pointer-events: none\r\n}\r\n\r\n.absolute {\r\n    position: absolute\r\n}\r\n\r\n.relative {\r\n    position: relative\r\n}\r\n\r\n.left-1\\/2 {\r\n    left: 50%\r\n}\r\n\r\n.-right-11 {\r\n    right: -5.5rem\r\n}\r\n\r\n.bottom-\\[27\\%\\] {\r\n    bottom: 27%\r\n}\r\n\r\n.right-0 {\r\n    right: 0\r\n}\r\n\r\n.top-\\[5\\%\\] {\r\n    top: 5%\r\n}\r\n\r\n.top-\\[21\\%\\] {\r\n    top: 21%\r\n}\r\n\r\n.top-\\[61\\%\\] {\r\n    top: 61%\r\n}\r\n\r\n.top-\\[58\\%\\] {\r\n    top: 58%\r\n}\r\n\r\n.-left-28 {\r\n    left: -14rem\r\n}\r\n\r\n.top-\\[25\\%\\] {\r\n    top: 25%\r\n}\r\n\r\n.-left-5 {\r\n    left: -2.5rem\r\n}\r\n\r\n.top-\\[60\\%\\] {\r\n    top: 60%\r\n}\r\n\r\n.left-0 {\r\n    left: 0\r\n}\r\n\r\n.top-\\[95\\%\\] {\r\n    top: 95%\r\n}\r\n\r\n.z-\\[0\\] {\r\n    z-index: 0\r\n}\r\n\r\n.z-10 {\r\n    z-index: 10\r\n}\r\n\r\n.m-1 {\r\n    margin: .5rem\r\n}\r\n\r\n.mx-auto {\r\n    margin-left: auto;\r\n    margin-right: auto\r\n}\r\n\r\n.mx-2 {\r\n    margin-left: 1rem;\r\n    margin-right: 1rem\r\n}\r\n\r\n.mt-6 {\r\n    margin-top: 3rem\r\n}\r\n\r\n.mt-2 {\r\n    margin-top: 1rem\r\n}\r\n\r\n.mt-5 {\r\n    margin-top: 2.5rem\r\n}\r\n\r\n.mb-4 {\r\n    margin-bottom: 2rem\r\n}\r\n\r\n.mt-10 {\r\n    margin-top: 5rem\r\n}\r\n\r\n.mt-3 {\r\n    margin-top: 1.5rem\r\n}\r\n\r\n.mb-2 {\r\n    margin-bottom: 1rem\r\n}\r\n\r\n.mb-10 {\r\n    margin-bottom: 5rem\r\n}\r\n\r\n.mt-4 {\r\n    margin-top: 2rem\r\n}\r\n\r\n.mb-8 {\r\n    margin-bottom: 4rem\r\n}\r\n\r\n.mt-14 {\r\n    margin-top: 7rem\r\n}\r\n\r\n.mr-0 {\r\n    margin-right: 0\r\n}\r\n\r\n.ml-auto {\r\n    margin-left: auto\r\n}\r\n\r\n.mb-1 {\r\n    margin-bottom: .5rem\r\n}\r\n\r\n.mt-1 {\r\n    margin-top: .5rem\r\n}\r\n\r\n.block {\r\n    display: block\r\n}\r\n\r\n.flex {\r\n    display: flex\r\n}\r\n\r\n.h-full {\r\n    height: 100%\r\n}\r\n\r\n.h-auto {\r\n    height: auto\r\n}\r\n\r\n.h-6 {\r\n    height: 3rem\r\n}\r\n\r\n.\\!h-4 {\r\n    height: 2rem !important\r\n}\r\n\r\n.w-full {\r\n    width: 100%\r\n}\r\n\r\n.w-30 {\r\n    width: 15rem\r\n}\r\n\r\n.w-\\[calc\\(50\\%-0\\.5rem\\)\\] {\r\n    width: calc(50% - .5rem)\r\n}\r\n\r\n.\\!w-4 {\r\n    width: 2rem !important\r\n}\r\n\r\n.w-\\[220px\\] {\r\n    width: 220px\r\n}\r\n\r\n.max-w-\\[2048px\\] {\r\n    max-width: 2048px\r\n}\r\n\r\n.max-w-\\[150px\\] {\r\n    max-width: 150px\r\n}\r\n\r\n.max-w-\\[70px\\] {\r\n    max-width: 70px\r\n}\r\n\r\n.max-w-\\[100px\\] {\r\n    max-width: 100px\r\n}\r\n\r\n.max-w-\\[250px\\] {\r\n    max-width: 250px\r\n}\r\n\r\n.max-w-\\[300px\\] {\r\n    max-width: 300px\r\n}\r\n\r\n.max-w-\\[200px\\] {\r\n    max-width: 200px\r\n}\r\n\r\n.max-w-\\[1280px\\] {\r\n    max-width: 1280px\r\n}\r\n\r\n.flex-1 {\r\n    flex: 1 1 0%\r\n}\r\n\r\n.-translate-x-1\\/2 {\r\n    --tw-translate-x: -50%;\r\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\r\n}\r\n\r\n.-translate-x-\\[0\\] {\r\n    --tw-translate-x: 0;\r\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\r\n}\r\n\r\n.translate-x-\\[45\\%\\] {\r\n    --tw-translate-x: 45%;\r\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\r\n}\r\n\r\n.translate-x-\\[35\\%\\] {\r\n    --tw-translate-x: 35%;\r\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\r\n}\r\n\r\n.-translate-y-1\\/2 {\r\n    --tw-translate-y: -50%;\r\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\r\n}\r\n\r\n.-translate-x-\\[20\\%\\] {\r\n    --tw-translate-x: -20%;\r\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\r\n}\r\n\r\n.-translate-y-2\\/3 {\r\n    --tw-translate-y: -66.666667%;\r\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\r\n}\r\n\r\n.transform {\r\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\r\n}\r\n\r\n.cursor-pointer {\r\n    cursor: pointer\r\n}\r\n\r\n.flex-row {\r\n    flex-direction: row\r\n}\r\n\r\n.flex-col {\r\n    flex-direction: column\r\n}\r\n\r\n.flex-wrap {\r\n    flex-wrap: wrap\r\n}\r\n\r\n.items-center {\r\n    align-items: center\r\n}\r\n\r\n.items-stretch {\r\n    align-items: stretch\r\n}\r\n\r\n.justify-center {\r\n    justify-content: center\r\n}\r\n\r\n.justify-between {\r\n    justify-content: space-between\r\n}\r\n\r\n.gap-1 {\r\n    gap: .5rem\r\n}\r\n\r\n.overflow-hidden {\r\n    overflow: hidden\r\n}\r\n\r\n.rounded-md {\r\n    border-radius: .375rem\r\n}\r\n\r\n.rounded-full {\r\n    border-radius: 9999px\r\n}\r\n\r\n.rounded-\\[2px\\] {\r\n    border-radius: 2px\r\n}\r\n\r\n.border {\r\n    border-width: 1px\r\n}\r\n\r\n.border-l-4 {\r\n    border-left-width: 4px\r\n}\r\n\r\n.border-solid {\r\n    border-style: solid\r\n}\r\n\r\n.border-purple-600 {\r\n    --tw-border-opacity: 1;\r\n    border-color: rgb(147 51 234 / var(--tw-border-opacity))\r\n}\r\n\r\n.border-\\[\\#F1F1F1\\] {\r\n    --tw-border-opacity: 1;\r\n    border-color: rgb(241 241 241 / var(--tw-border-opacity))\r\n}\r\n\r\n.border-l-\\[\\#B1B1B1\\] {\r\n    --tw-border-opacity: 1;\r\n    border-left-color: rgb(177 177 177 / var(--tw-border-opacity))\r\n}\r\n\r\n.bg-white {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(255 255 255 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-\\[\\#f1f1f1\\] {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(241 241 241 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-black\\/40 {\r\n    background-color: #0006\r\n}\r\n\r\n.object-cover {\r\n    -o-object-fit: cover;\r\n    object-fit: cover\r\n}\r\n\r\n.p-4 {\r\n    padding: 2rem\r\n}\r\n\r\n.p-1 {\r\n    padding: .5rem\r\n}\r\n\r\n.py-2 {\r\n    padding-top: 1rem;\r\n    padding-bottom: 1rem\r\n}\r\n\r\n.px-4 {\r\n    padding-left: 2rem;\r\n    padding-right: 2rem\r\n}\r\n\r\n.px-1 {\r\n    padding-left: .5rem;\r\n    padding-right: .5rem\r\n}\r\n\r\n.px-2 {\r\n    padding-left: 1rem;\r\n    padding-right: 1rem\r\n}\r\n\r\n.py-\\[0\\.25rem\\] {\r\n    padding-top: .25rem;\r\n    padding-bottom: .25rem\r\n}\r\n\r\n.pb-10 {\r\n    padding-bottom: 5rem\r\n}\r\n\r\n.pt-10 {\r\n    padding-top: 5rem\r\n}\r\n\r\n.pt-1 {\r\n    padding-top: .5rem\r\n}\r\n\r\n.pt-3 {\r\n    padding-top: 1.5rem\r\n}\r\n\r\n.pb-2 {\r\n    padding-bottom: 1rem\r\n}\r\n\r\n.pl-4 {\r\n    padding-left: 2rem\r\n}\r\n\r\n.pr-0 {\r\n    padding-right: 0\r\n}\r\n\r\n.pb-6 {\r\n    padding-bottom: 3rem\r\n}\r\n\r\n.text-left {\r\n    text-align: left\r\n}\r\n\r\n.text-center {\r\n    text-align: center\r\n}\r\n\r\n.text-4xl {\r\n    font-size: 2.25rem;\r\n    line-height: 2.5rem\r\n}\r\n\r\n.text-xl {\r\n    font-size: 1.25rem;\r\n    line-height: 1.75rem\r\n}\r\n\r\n.text-lg {\r\n    font-size: 1.125rem;\r\n    line-height: 1.75rem\r\n}\r\n\r\n.text-2xl {\r\n    font-size: 1.5rem;\r\n    line-height: 2rem\r\n}\r\n\r\n.text-5xl {\r\n    font-size: 3rem;\r\n    line-height: 1\r\n}\r\n\r\n.text-3xl {\r\n    font-size: 1.875rem;\r\n    line-height: 2.25rem\r\n}\r\n\r\n.text-sm {\r\n    font-size: .875rem;\r\n    line-height: 1.25rem\r\n}\r\n\r\n.text-base {\r\n    font-size: 1rem;\r\n    line-height: 1.5rem\r\n}\r\n\r\n.font-bold {\r\n    font-weight: 700\r\n}\r\n\r\n.font-normal {\r\n    font-weight: 400\r\n}\r\n\r\n.font-medium {\r\n    font-weight: 500\r\n}\r\n\r\n.uppercase {\r\n    text-transform: uppercase\r\n}\r\n\r\n.text-white {\r\n    --tw-text-opacity: 1;\r\n    color: rgb(255 255 255 / var(--tw-text-opacity))\r\n}\r\n\r\n.text-black {\r\n    --tw-text-opacity: 1;\r\n    color: rgb(0 0 0 / var(--tw-text-opacity))\r\n}\r\n\r\n.text-red-500 {\r\n    --tw-text-opacity: 1;\r\n    color: rgb(239 68 68 / var(--tw-text-opacity))\r\n}\r\n\r\n.shadow-md {\r\n    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);\r\n    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);\r\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\r\n}\r\n\r\n.filter {\r\n    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\r\n}\r\n\r\n.transition-transform {\r\n    transition-property: transform;\r\n    transition-timing-function: cubic-bezier(.4, 0, .2, 1);\r\n    transition-duration: .15s\r\n}\r\n\r\n.transition-opacity {\r\n    transition-property: opacity;\r\n    transition-timing-function: cubic-bezier(.4, 0, .2, 1);\r\n    transition-duration: .15s\r\n}\r\n\r\ndetails {\r\n    list-style: none\r\n}\r\n\r\ndetails summary::-webkit-details-marker {\r\n    display: none\r\n}\r\n\r\n.displaynone {\r\n    display: none\r\n}\r\n\r\n.page-wrapper {\r\n    margin: 0;\r\n    background-color: #081433\r\n}\r\n\r\n.gradient-bg {\r\n    background: rgb(50, 106, 204);\r\n    background: linear-gradient(180deg, rgba(50, 106, 204, 1) 0%, rgba(9, 29, 50, 1) 100%);\r\n    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=\"#326acc\", endColorstr=\"#091d32\", GradientType=1)\r\n}\r\n\r\n.gradient-bg-transparent {\r\n    background: rgb(50, 106, 204);\r\n    background: linear-gradient(180deg, rgba(50, 106, 204, .9) 0%, rgba(9, 29, 50, .8) 100%);\r\n    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=\"#326acc\", endColorstr=\"#091d32\", GradientType=1);\r\n    background: radial-gradient(80.84% 73.97% at 97.87% 94.17%, rgba(218, 36, 139, .2) 0%, rgba(255, 70, 138, 0) 100%), radial-gradient(37.91% 39.97% at 17.49% 99.76%, rgba(56, 255, 242, .2) 0%, rgba(73, 219, 255, 0) 100%), linear-gradient(180deg, rgba(9, 29, 50, .85) 0%, rgba(9, 45, 106, .85) 100%)\r\n}\r\n\r\n.gradient-border-bottom {\r\n    display: inline-block;\r\n    position: relative;\r\n    padding-bottom: 5px\r\n}\r\n\r\n.gradient-border-bottom:after {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    margin-left: 30px;\r\n    margin-right: 30px;\r\n    height: 1.5px;\r\n    border-radius: 30px;\r\n    background: linear-gradient(to right, #71C1FF, #447499)\r\n}\r\n\r\n.border-gray {\r\n    border: 1px solid rgba(255, 255, 255, .35)\r\n}\r\n\r\n.steps:hover {\r\n    box-shadow: 0 0 70px #7ab1ff\r\n}\r\n\r\n.purple-card {\r\n    border: 6px solid;\r\n    -o-border-image: linear-gradient(to bottom, #5500FF, #7563fe00) 1;\r\n    border-image: linear-gradient(to bottom, #5500FF, #7563fe00) 1;\r\n    font-weight: 700;\r\n    height: 95px;\r\n    width: 90px;\r\n    border-radius: 15px\r\n}\r\n\r\n.purple-textcard {\r\n    border: 6px solid;\r\n    -o-border-image: linear-gradient(to bottom, #5500FF, #7563fe00) 1;\r\n    border-image: linear-gradient(to bottom, #5500FF, #7563fe00) 1;\r\n    border-radius: 15px\r\n}\r\n\r\n.faq_section {\r\n    background-color: #ffffffe6\r\n}\r\n\r\n.steps {\r\n    width: 300px;\r\n    height: 200px\r\n}\r\n\r\n.steps img {\r\n    -o-object-fit: fill;\r\n    object-fit: fill;\r\n    width: 300px;\r\n    height: 200px;\r\n    transition: opacity .3s ease-in-out\r\n}\r\n\r\n.card_image {\r\n    width: 70px;\r\n    height: 70px\r\n}\r\n\r\n.swiper-button-prev,\r\n.swiper-button-next {\r\n    color: #000;\r\n    background-color: #fff;\r\n    border-radius: 30px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 13px;\r\n    box-shadow: 0 0 6px #0003;\r\n    padding: 10px;\r\n    border: none\r\n}\r\n\r\n.swiper-button-prev:after {\r\n    font-size: 13px !important;\r\n    color: #000\r\n}\r\n\r\n.swiper-button-next:after {\r\n    font-size: 13px !important;\r\n    color: #000\r\n}\r\n\r\n.swiper-slide {\r\n    display: flex;\r\n    flex-direction: column;\r\n    width: 100%\r\n}\r\n\r\n#recent-games-slider::-webkit-scrollbar {\r\n    display: none\r\n}\r\n\r\n#recent-games-slider {\r\n    scrollbar-width: none;\r\n    -ms-overflow-style: none\r\n}\r\n\r\n#prev-arrow,\r\n#next-arrow {\r\n    width: 30px;\r\n    height: 30px;\r\n    background-color: #fff;\r\n    border-radius: 50%;\r\n    box-shadow: 0 2px 6px #0003;\r\n    cursor: pointer;\r\n    transition: opacity .3s ease;\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    z-index: 10;\r\n    border: none\r\n}\r\n\r\n#prev-arrow {\r\n    margin-right: -10px\r\n}\r\n\r\n#next-arrow {\r\n    margin-left: -10px\r\n}\r\n\r\n#prev-arrow:before,\r\n#next-arrow:before {\r\n    position: absolute;\r\n    content: \"\";\r\n    width: 15px;\r\n    height: 15px;\r\n    background-image: url(/library/daily-games-landing/next.webp);\r\n    background-size: contain;\r\n    background-repeat: no-repeat;\r\n    background-position: center\r\n}\r\n\r\n#prev-arrow:before {\r\n    transform: rotate(180deg)\r\n}\r\n\r\n#prev-arrow:hover,\r\n#next-arrow:hover {\r\n    opacity: .8\r\n}\r\n\r\n.scroll-float {\r\n    will-change: transform;\r\n    transition: transform .5s ease-out\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n\r\n    .steps,\r\n    .steps img {\r\n        width: 430px;\r\n        height: 280px\r\n    }\r\n\r\n    .lg\\:w-50 {\r\n        width: 25rem\r\n    }\r\n}\r\n\r\n.hover\\:text-white:hover {\r\n    --tw-text-opacity: 1;\r\n    color: rgb(255 255 255 / var(--tw-text-opacity))\r\n}\r\n\r\n.hover\\:opacity-80:hover {\r\n    opacity: .8\r\n}\r\n\r\n.hover\\:opacity-90:hover {\r\n    opacity: .9\r\n}\r\n\r\n.group[open] .group-open\\:rotate-180 {\r\n    --tw-rotate: 180deg;\r\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\r\n}\r\n\r\n@media (min-width: 640px) {\r\n    .sm\\:w-\\[200px\\] {\r\n        width: 200px\r\n    }\r\n}\r\n\r\n@media (min-width: 768px) {\r\n    .md\\:w-\\[240px\\] {\r\n        width: 240px\r\n    }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .lg\\:bottom-auto {\r\n        bottom: auto\r\n    }\r\n\r\n    .lg\\:top-3 {\r\n        top: 1.5rem\r\n    }\r\n\r\n    .lg\\:top-\\[30\\%\\] {\r\n        top: 30%\r\n    }\r\n\r\n    .lg\\:top-\\[45\\%\\] {\r\n        top: 45%\r\n    }\r\n\r\n    .lg\\:top-\\[60\\%\\] {\r\n        top: 60%\r\n    }\r\n\r\n    .lg\\:-left-15 {\r\n        left: -7.5rem\r\n    }\r\n\r\n    .lg\\:top-\\[40\\%\\] {\r\n        top: 40%\r\n    }\r\n\r\n    .lg\\:top-\\[70\\%\\] {\r\n        top: 70%\r\n    }\r\n\r\n    .lg\\:mx-1 {\r\n        margin-left: .5rem;\r\n        margin-right: .5rem\r\n    }\r\n\r\n    .lg\\:mx-auto {\r\n        margin-left: auto;\r\n        margin-right: auto\r\n    }\r\n\r\n    .lg\\:mt-8 {\r\n        margin-top: 4rem\r\n    }\r\n\r\n    .lg\\:mt-10 {\r\n        margin-top: 5rem\r\n    }\r\n\r\n    .lg\\:ml-2 {\r\n        margin-left: 1rem\r\n    }\r\n\r\n    .lg\\:mt-20 {\r\n        margin-top: 10rem\r\n    }\r\n\r\n    .lg\\:block {\r\n        display: block\r\n    }\r\n\r\n    .lg\\:hidden {\r\n        display: none\r\n    }\r\n\r\n    .lg\\:h-7 {\r\n        height: 3.5rem\r\n    }\r\n\r\n    .lg\\:w-40 {\r\n        width: 20rem\r\n    }\r\n\r\n    .lg\\:w-1\\/4 {\r\n        width: 25%\r\n    }\r\n\r\n    .lg\\:max-w-\\[450px\\] {\r\n        max-width: 450px\r\n    }\r\n\r\n    .lg\\:max-w-\\[100px\\] {\r\n        max-width: 100px\r\n    }\r\n\r\n    .lg\\:max-w-\\[500px\\] {\r\n        max-width: 500px\r\n    }\r\n\r\n    .lg\\:max-w-\\[630px\\] {\r\n        max-width: 630px\r\n    }\r\n\r\n    .lg\\:max-w-\\[350px\\] {\r\n        max-width: 350px\r\n    }\r\n\r\n    .lg\\:-translate-x-\\[200px\\] {\r\n        --tw-translate-x: -200px;\r\n        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\r\n    }\r\n\r\n    .lg\\:translate-x-\\[50\\%\\] {\r\n        --tw-translate-x: 50%;\r\n        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\r\n    }\r\n\r\n    .lg\\:translate-y-0 {\r\n        --tw-translate-y: 0;\r\n        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\r\n    }\r\n\r\n    .lg\\:-translate-x-\\[50px\\] {\r\n        --tw-translate-x: -50px;\r\n        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\r\n    }\r\n\r\n    .lg\\:translate-x-\\[400px\\] {\r\n        --tw-translate-x: 400px;\r\n        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\r\n    }\r\n\r\n    .lg\\:flex-row {\r\n        flex-direction: row\r\n    }\r\n\r\n    .lg\\:flex-nowrap {\r\n        flex-wrap: nowrap\r\n    }\r\n\r\n    .lg\\:gap-25 {\r\n        gap: 12.5rem\r\n    }\r\n\r\n    .lg\\:gap-0 {\r\n        gap: 0\r\n    }\r\n\r\n    .lg\\:py-3 {\r\n        padding-top: 1.5rem;\r\n        padding-bottom: 1.5rem\r\n    }\r\n\r\n    .lg\\:px-0 {\r\n        padding-left: 0;\r\n        padding-right: 0\r\n    }\r\n\r\n    .lg\\:pt-10 {\r\n        padding-top: 5rem\r\n    }\r\n\r\n    .lg\\:pb-2 {\r\n        padding-bottom: 1rem\r\n    }\r\n\r\n    .lg\\:pt-3 {\r\n        padding-top: 1.5rem\r\n    }\r\n\r\n    .lg\\:pl-0 {\r\n        padding-left: 0\r\n    }\r\n\r\n    .lg\\:text-6xl {\r\n        font-size: 3.75rem;\r\n        line-height: 1\r\n    }\r\n\r\n    .lg\\:text-2xl {\r\n        font-size: 1.5rem;\r\n        line-height: 2rem\r\n    }\r\n\r\n    .lg\\:text-3xl {\r\n        font-size: 1.875rem;\r\n        line-height: 2.25rem\r\n    }\r\n\r\n    .lg\\:text-4xl {\r\n        font-size: 2.25rem;\r\n        line-height: 2.5rem\r\n    }\r\n\r\n    .lg\\:text-5xl {\r\n        font-size: 3rem;\r\n        line-height: 1\r\n    }\r\n\r\n    .lg\\:text-xl {\r\n        font-size: 1.25rem;\r\n        line-height: 1.75rem\r\n    }\r\n}\r\n\r\n@media (min-width: 1860px) {\r\n    .xxl\\:right-0 {\r\n        right: 0\r\n    }\r\n\r\n    .xxl\\:left-0 {\r\n        left: 0\r\n    }\r\n\r\n    .xxl\\:translate-x-\\[0\\%\\] {\r\n        --tw-translate-x: 0%;\r\n        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\r\n    }\r\n\r\n    .xxl\\:translate-x-0 {\r\n        --tw-translate-x: 0;\r\n        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\r\n    }\r\n}\r\n</style>","beforeEndBody":""},"conditionIds":["aedeac84-e180-45af-87a4-9a5ddeef5fed","536a0342-c6ec-4919-b04d-5f1c0c5c683d"]},{"tagId":"b27c2a42-e5b5-4dc0-a6d0-6cd1ca4ccd1d","tagTypeId":"custom_tag_type","name":"Before render CSS /spc","description":"Before render CSS /spc","config":{"beforeEndHead":"<style>\r\n.absolute {  \r\n    position: absolute\r\n}\r\n\r\n.relative {\r\n    position: relative\r\n}\r\n\r\n.-z-\\[1\\] {\r\n    z-index: -1\r\n}\r\n\r\n.z-0 {\r\n    z-index: 0\r\n}\r\n\r\n.z-10 {\r\n    z-index: 10\r\n}\r\n\r\n.m-1 {\r\n    margin: .5rem\r\n}\r\n\r\n.mx-1 {\r\n    margin-left: .5rem;\r\n    margin-right: .5rem\r\n}\r\n\r\n.mx-\\[0\\.25rem\\] {\r\n    margin-left: .25rem;\r\n    margin-right: .25rem\r\n}\r\n\r\n.mx-auto {\r\n    margin-left: auto;\r\n    margin-right: auto\r\n}\r\n\r\n.my-0 {\r\n    margin-top: 0;\r\n    margin-bottom: 0\r\n}\r\n\r\n.my-1 {\r\n    margin-top: .5rem;\r\n    margin-bottom: .5rem\r\n}\r\n\r\n.-mb-10 {\r\n    margin-bottom: -5rem\r\n}\r\n\r\n.-mt-7 {\r\n    margin-top: -3.5rem\r\n}\r\n\r\n.mb-1 {\r\n    margin-bottom: .5rem\r\n}\r\n\r\n.mb-13 {\r\n    margin-bottom: 6.5rem\r\n}\r\n\r\n.mb-14 {\r\n    margin-bottom: 7rem\r\n}\r\n\r\n.mb-2 {\r\n    margin-bottom: 1rem\r\n}\r\n\r\n.mb-20 {\r\n    margin-bottom: 10rem\r\n}\r\n\r\n.mb-3 {\r\n    margin-bottom: 1.5rem\r\n}\r\n\r\n.mb-4 {\r\n    margin-bottom: 2rem\r\n}\r\n\r\n.mb-5 {\r\n    margin-bottom: 2.5rem\r\n}\r\n\r\n.mb-\\[0\\.25rem\\] {\r\n    margin-bottom: .25rem\r\n}\r\n\r\n.mb-\\[2px\\] {\r\n    margin-bottom: 2px\r\n}\r\n\r\n.mt-1 {\r\n    margin-top: .5rem\r\n}\r\n\r\n.mt-13 {\r\n    margin-top: 6.5rem\r\n}\r\n\r\n.mt-15 {\r\n    margin-top: 7.5rem\r\n}\r\n\r\n.mt-2 {\r\n    margin-top: 1rem\r\n}\r\n\r\n.mt-20 {\r\n    margin-top: 10rem\r\n}\r\n\r\n.mt-3 {\r\n    margin-top: 1.5rem\r\n}\r\n\r\n.mt-4 {\r\n    margin-top: 2rem\r\n}\r\n\r\n.mt-5 {\r\n    margin-top: 2.5rem\r\n}\r\n\r\n.mt-6 {\r\n    margin-top: 3rem\r\n}\r\n\r\n.box-content {\r\n    box-sizing: content-box\r\n}\r\n\r\n.block {\r\n    display: block\r\n}\r\n\r\n.inline-block {\r\n    display: inline-block\r\n}\r\n\r\n.flex {\r\n    display: flex\r\n}\r\n\r\n.table {\r\n    display: table\r\n}\r\n\r\n.table-row {\r\n    display: table-row\r\n}\r\n\r\n.hidden {\r\n    display: none\r\n}\r\n\r\n.aspect-square {\r\n    aspect-ratio: 1 / 1\r\n}\r\n\r\n.h-5 {\r\n    height: 2.5rem\r\n}\r\n\r\n.h-6 {\r\n    height: 3rem\r\n}\r\n\r\n.h-7 {\r\n    height: 3.5rem\r\n}\r\n\r\n.h-\\[15rem\\] {\r\n    height: 15rem\r\n}\r\n\r\n.h-\\[180px\\] {\r\n    height: 180px\r\n}\r\n\r\n.h-auto {\r\n    height: auto\r\n}\r\n\r\n.max-h-0 {\r\n    max-height: 0\r\n}\r\n\r\n.min-h-30 {\r\n    min-height: 15rem\r\n}\r\n\r\n.w-1\\/4 {\r\n    width: 25%\r\n}\r\n\r\n.w-6\\/12 {\r\n    width: 50%\r\n}\r\n\r\n.w-\\[0\\.4rem\\] {\r\n    width: .4rem\r\n}\r\n\r\n.w-\\[100px\\] {\r\n    width: 100px\r\n}\r\n\r\n.w-\\[25\\.5rem\\] {\r\n    width: 25.5rem\r\n}\r\n\r\n.w-full {\r\n    width: 100%\r\n}\r\n\r\n.min-w-0 {\r\n    min-width: 0\r\n}\r\n\r\n.min-w-full {\r\n    min-width: 100%\r\n}\r\n\r\n.max-w-screen-xl {\r\n    max-width: 1280px\r\n}\r\n\r\n.cursor-pointer {\r\n    cursor: pointer\r\n}\r\n\r\n.list-decimal {\r\n    list-style-type: decimal\r\n}\r\n\r\n.list-disc {\r\n    list-style-type: disc\r\n}\r\n\r\n.list-none {\r\n    list-style-type: none\r\n}\r\n\r\n.appearance-none {\r\n    -webkit-appearance: none;\r\n    -moz-appearance: none;\r\n    appearance: none\r\n}\r\n\r\n.flex-row {\r\n    flex-direction: row\r\n}\r\n\r\n.flex-col {\r\n    flex-direction: column\r\n}\r\n\r\n.flex-wrap {\r\n    flex-wrap: wrap\r\n}\r\n\r\n.items-start {\r\n    align-items: flex-start\r\n}\r\n\r\n.items-center {\r\n    align-items: center\r\n}\r\n\r\n.justify-center {\r\n    justify-content: center\r\n}\r\n\r\n.justify-between {\r\n    justify-content: space-between\r\n}\r\n\r\n.gap-4 {\r\n    gap: 2rem\r\n}\r\n\r\n.overflow-auto {\r\n    overflow: auto\r\n}\r\n\r\n.overflow-hidden {\r\n    overflow: hidden\r\n}\r\n\r\n.overflow-x-auto {\r\n    overflow-x: auto\r\n}\r\n\r\n.overflow-x-hidden {\r\n    overflow-x: hidden\r\n}\r\n\r\n.whitespace-normal {\r\n    white-space: normal\r\n}\r\n\r\n.whitespace-nowrap {\r\n    white-space: nowrap\r\n}\r\n\r\n.rounded {\r\n    border-radius: .25rem\r\n}\r\n\r\n.rounded-xl {\r\n    border-radius: .75rem\r\n}\r\n\r\n.border {\r\n    border-width: 1px\r\n}\r\n\r\n.border-b-\\[1\\.25rem\\] {\r\n    border-bottom-width: 1.25rem\r\n}\r\n\r\n.border-l-4 {\r\n    border-left-width: 4px\r\n}\r\n\r\n.border-solid {\r\n    border-style: solid\r\n}\r\n\r\n.border-dashed {\r\n    border-style: dashed\r\n}\r\n\r\n.border-\\[\\#F1F1F1\\] {\r\n    border-color: #f1f1f1\r\n}\r\n\r\n.border-y-chinese-yellow {\r\n    border-top-color: #f9b000;\r\n    border-bottom-color: #f9b000\r\n}\r\n\r\n.border-b-black {\r\n    border-bottom-color: #000\r\n}\r\n\r\n.border-l-\\[\\#B1B1B1\\] {\r\n    border-left-color: #b1b1b1\r\n}\r\n\r\n.bg-\\[\\#2F577E\\] {\r\n    background-color: #2f577e\r\n}\r\n\r\n.bg-\\[\\#F1F1F1\\] {\r\n    background-color: #f1f1f1\r\n}\r\n\r\n.bg-\\[\\#F8F8F8\\] {\r\n    background-color: #f8f8f8\r\n}\r\n\r\n.bg-\\[\\#F9B002\\] {\r\n    background-color: #f9b002\r\n}\r\n\r\n.bg-\\[\\#FFFFFF\\] {\r\n    background-color: #fff\r\n}\r\n\r\n.bg-black {\r\n    background-color: #000\r\n}\r\n\r\n.bg-white {\r\n    background-color: #fff\r\n}\r\n\r\n.object-contain {\r\n    -o-object-fit: contain;\r\n    object-fit: contain\r\n}\r\n\r\n.p-3 {\r\n    padding: 1.5rem\r\n}\r\n\r\n.px-0 {\r\n    padding-left: 0;\r\n    padding-right: 0\r\n}\r\n\r\n.px-1 {\r\n    padding-left: .5rem;\r\n    padding-right: .5rem\r\n}\r\n\r\n.px-2 {\r\n    padding-left: 1rem;\r\n    padding-right: 1rem\r\n}\r\n\r\n.px-3 {\r\n    padding-left: 1.5rem;\r\n    padding-right: 1.5rem\r\n}\r\n\r\n.px-4 {\r\n    padding-left: 2rem;\r\n    padding-right: 2rem\r\n}\r\n\r\n.px-\\[1\\.25rem\\] {\r\n    padding-left: 1.25rem;\r\n    padding-right: 1.25rem\r\n}\r\n\r\n.px-\\[2\\.25rem\\] {\r\n    padding-left: 2.25rem;\r\n    padding-right: 2.25rem\r\n}\r\n\r\n.py-1 {\r\n    padding-top: .5rem;\r\n    padding-bottom: .5rem\r\n}\r\n\r\n.py-2 {\r\n    padding-top: 1rem;\r\n    padding-bottom: 1rem\r\n}\r\n\r\n.py-4 {\r\n    padding-top: 2rem;\r\n    padding-bottom: 2rem\r\n}\r\n\r\n.py-6 {\r\n    padding-top: 3rem;\r\n    padding-bottom: 3rem\r\n}\r\n\r\n.py-7 {\r\n    padding-top: 3.5rem;\r\n    padding-bottom: 3.5rem\r\n}\r\n\r\n.pb-3 {\r\n    padding-bottom: 1.5rem\r\n}\r\n\r\n.pb-9 {\r\n    padding-bottom: 4.5rem\r\n}\r\n\r\n.pl-1 {\r\n    padding-left: .5rem\r\n}\r\n\r\n.pl-3 {\r\n    padding-left: 1.5rem\r\n}\r\n\r\n.pl-4 {\r\n    padding-left: 2rem\r\n}\r\n\r\n.pl-8 {\r\n    padding-left: 4rem\r\n}\r\n\r\n.pt-14 {\r\n    padding-top: 7rem\r\n}\r\n\r\n.pt-3 {\r\n    padding-top: 1.5rem\r\n}\r\n\r\n.pt-4 {\r\n    padding-top: 2rem\r\n}\r\n\r\n.pt-7 {\r\n    padding-top: 3.5rem\r\n}\r\n\r\n.text-left {\r\n    text-align: left\r\n}\r\n\r\n.text-center {\r\n    text-align: center\r\n}\r\n\r\n.text-2xl {\r\n    font-size: 1.5rem;\r\n    line-height: 2rem\r\n}\r\n\r\n.text-3xl {\r\n    font-size: 1.875rem;\r\n    line-height: 2.25rem\r\n}\r\n\r\n.text-4xl {\r\n    font-size: 2.25rem;\r\n    line-height: 2.5rem\r\n}\r\n\r\n.text-5xl {\r\n    font-size: 3rem;\r\n    line-height: 1\r\n}\r\n\r\n.text-base {\r\n    font-size: 1rem;\r\n    line-height: 1.5rem\r\n}\r\n\r\n.text-lg {\r\n    font-size: 1.125rem;\r\n    line-height: 1.75rem\r\n}\r\n\r\n.text-sm {\r\n    font-size: .875rem;\r\n    line-height: 1.25rem\r\n}\r\n\r\n.text-xl {\r\n    font-size: 1.25rem;\r\n    line-height: 1.75rem\r\n}\r\n\r\n.text-xs {\r\n    font-size: .75rem;\r\n    line-height: 1rem\r\n}\r\n\r\n.font-bold {\r\n    font-weight: 700\r\n}\r\n\r\n.font-extrabold {\r\n    font-weight: 800\r\n}\r\n\r\n.font-medium {\r\n    font-weight: 500\r\n}\r\n\r\n.font-normal {\r\n    font-weight: 400\r\n}\r\n\r\n.font-semibold {\r\n    font-weight: 600\r\n}\r\n\r\n.uppercase {\r\n    text-transform: uppercase\r\n}\r\n\r\n.leading-7 {\r\n    line-height: 1.75rem\r\n}\r\n\r\n.text-\\[\\#F9B002\\] {\r\n    color: #f9b002\r\n}\r\n\r\n.text-\\[\\#FFCC00\\] {\r\n    color: #fc0\r\n}\r\n\r\n.text-\\[\\#FFCC02\\] {\r\n    color: #ffcc02\r\n}\r\n\r\n.text-black {\r\n    color: #000\r\n}\r\n\r\n.text-white {\r\n    color: #fff\r\n}\r\n\r\n.underline {\r\n    text-decoration-line: underline\r\n}\r\n\r\n.filter {\r\n    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\r\n}\r\n\r\n.transition-all {\r\n    transition-property: all;\r\n    transition-timing-function: cubic-bezier(.4, 0, .2, 1);\r\n    transition-duration: .15s\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .button-base {\r\n        font-size: 1.125rem;\r\n        line-height: 1.75rem\r\n    }\r\n}\r\n\r\n@media (min-width: 1280px) {\r\n    .button-base {\r\n        font-size: 1.25rem;\r\n        line-height: 1.75rem\r\n    }\r\n}\r\n\r\n.button-base {\r\n    cursor: pointer;\r\n    font-size: 1rem;\r\n    line-height: 1.5rem;\r\n    border-radius: .125rem;\r\n    text-align: center;\r\n    font-weight: 400;\r\n    color: #202020;\r\n    text-decoration-thickness: 0px\r\n}\r\n\r\n.button-base-bg {\r\n    border-width: 2px;\r\n    border-style: solid;\r\n    border-color: rgba(255, 204, 2, var(--tw-border-opacity))\r\n}\r\n\r\n.button-base-bg:hover {\r\n    border-color: rgba(249, 176, 0, var(--tw-border-opacity))\r\n}\r\n\r\n.button-base-bg {\r\n    background-color: #ffcc02\r\n}\r\n\r\n.button-base-bg:hover {\r\n    background-color: transparent;\r\n    color: #fff\r\n}\r\n\r\n.button-white-bg {\r\n    border-width: 2px;\r\n    border-style: solid;\r\n    border-color: rgba(255, 204, 2, var(--tw-border-opacity))\r\n}\r\n\r\n.button-white-bg:hover {\r\n    border-color: rgba(249, 176, 0, var(--tw-border-opacity))\r\n}\r\n\r\n.button-white-bg {\r\n    background-color: #fff\r\n}\r\n\r\n.button-white-bg:hover {\r\n    background-color: transparent;\r\n    color: #fff\r\n}\r\n\r\n.border-y-chinese-yellow {\r\n    border-top-color: rgba(249, 176, 0, var(--tw-border-opacity));\r\n    border-bottom-color: rgba(249, 176, 0, var(--tw-border-opacity))\r\n}\r\n\r\n.box-style {\r\n    background: #242c39;\r\n    background: linear-gradient(180deg, #242c39, #000);\r\n    border: 2px solid transparent;\r\n    background-clip: padding-box;\r\n    -o-border-image: linear-gradient(180deg, rgba(37, 46, 59, 1) 0%, rgba(249, 176, 0, 1) 100%);\r\n    border-image: linear-gradient(180deg, #252e3b, #f9b000);\r\n    border-image-slice: 1\r\n}\r\n\r\n.box-style-yellow-glow {\r\n    background: #242c39;\r\n    background: linear-gradient(180deg, #ffba00, #a97c00);\r\n    box-shadow: 0 12px 200px #f9b0027f;\r\n    border: 2px solid transparent;\r\n    background-clip: padding-box;\r\n    -o-border-image: linear-gradient(180deg, rgba(249, 176, 0, 1) 0%, rgba(249, 176, 0, 1) 100%);\r\n    border-image: linear-gradient(180deg, #f9b000, #f9b000);\r\n    border-image-slice: 1\r\n}\r\n\r\n#show-more-btn:after {\r\n    content: \"❯\";\r\n    transform: rotate(90deg);\r\n    display: inline-block;\r\n    margin-left: 1.5rem;\r\n    margin-right: .5rem\r\n}\r\n\r\n#show-less-btn:after {\r\n    content: \"❯\";\r\n    transform: rotate(-90deg);\r\n    display: inline-block;\r\n    margin-left: 1.5rem;\r\n    margin-right: .5rem\r\n}\r\n\r\n.ticket-icon:before {\r\n    content: \"\";\r\n    display: flex;\r\n    align-items: center;\r\n    min-width: 25px;\r\n    min-height: 18px;\r\n    max-width: 25px;\r\n    max-height: 18px;\r\n    background-image: url(/library/Poker/poker-spc/images/Buy-in.webp);\r\n    background-size: contain;\r\n    background-repeat: no-repeat;\r\n    margin-right: 10px\r\n}\r\n\r\n.win-icon:before {\r\n    content: \"\";\r\n    display: flex;\r\n    min-width: 25px;\r\n    min-height: 18px;\r\n    max-width: 25px;\r\n    max-height: 18px;\r\n    background-image: url(/library/Poker/poker-spc/images/Auszahlung.webp);\r\n    background-size: contain;\r\n    background-repeat: no-repeat;\r\n    margin-right: 10px\r\n}\r\n\r\n.date-icon:before {\r\n    content: \"\";\r\n    display: flex;\r\n    min-width: 24px;\r\n    min-height: 24px;\r\n    max-width: 24px;\r\n    max-height: 24px;\r\n    background-image: url(/library/Poker/poker-spc/images/Kalender.webp);\r\n    background-size: contain;\r\n    background-repeat: no-repeat;\r\n    margin-right: 10px\r\n}\r\n\r\n.final-cup-icon:before {\r\n    content: \"\";\r\n    display: flex;\r\n    min-width: 24px;\r\n    min-height: 24px;\r\n    max-width: 24px;\r\n    max-height: 24px;\r\n    background-image: url(/library/Poker/poker-spc/images/Pokal.webp);\r\n    background-size: contain;\r\n    background-repeat: no-repeat;\r\n    margin-right: 10px\r\n}\r\n\r\n.final-money-icon:before {\r\n    content: \"\";\r\n    display: flex;\r\n    min-width: 25px;\r\n    min-height: 18px;\r\n    max-width: 25px;\r\n    max-height: 18px;\r\n    background-image: url(/library/Poker/poker-spc/images/money_bb.webp);\r\n    background-size: contain;\r\n    background-repeat: no-repeat;\r\n    margin-right: 10px\r\n}\r\n\r\n.final-calendar-icon:before {\r\n    content: \"\";\r\n    display: flex;\r\n    min-width: 24px;\r\n    min-height: 24px;\r\n    max-width: 24px;\r\n    max-height: 24px;\r\n    background-image: url(/library/Poker/poker-spc/images/calendar_bb.webp);\r\n    background-size: contain;\r\n    background-repeat: no-repeat;\r\n    margin-right: 10px\r\n}\r\n\r\n.final-ticket-icon:before {\r\n    content: \"\";\r\n    display: flex;\r\n    min-width: 25px;\r\n    min-height: 18px;\r\n    max-width: 25px;\r\n    max-height: 18px;\r\n    background-image: url(/library/Poker/poker-spc/images/ticket_bb.webp);\r\n    background-size: contain;\r\n    background-repeat: no-repeat;\r\n    margin-right: 10px\r\n}\r\n\r\n.box-container-final {\r\n    background: linear-gradient(180deg, #f9b002, #f9b002 65%, #fff0 65%);\r\n    min-height: 400px\r\n}\r\n\r\n.box-container-final:after {\r\n    display: none\r\n}\r\n\r\n.box-container-final .box-content:before {\r\n    display: none\r\n}\r\n\r\n.box-container-final .box-content {\r\n    left: -195px !important;\r\n    top: 200px;\r\n    width: 350px\r\n}\r\n\r\n.box-container:after {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: 50%;\r\n    top: 52%;\r\n    transform: translate(-50%);\r\n    width: 35px;\r\n    height: 35px;\r\n    border-radius: 50%;\r\n    background: #f9b002;\r\n    z-index: 1\r\n}\r\n\r\n.box-container-special:after {\r\n    top: 51%\r\n}\r\n\r\n.box-content:before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 50%;\r\n    width: 0;\r\n    height: 0;\r\n    border-style: solid\r\n}\r\n\r\n.box-container:nth-child(odd) .box-content {\r\n    left: 120px\r\n}\r\n\r\n.box-container:nth-child(odd) .box-content:before {\r\n    left: -60px;\r\n    border-width: 2px;\r\n    width: 15%;\r\n    border-style: dashed;\r\n    border-color: #fff;\r\n    top: 50%;\r\n    z-index: 0\r\n}\r\n\r\n.box-container:nth-child(2n) .box-content {\r\n    left: -480px\r\n}\r\n\r\n.box-container:nth-child(2n) .box-content:before {\r\n    right: -60px;\r\n    border-width: 2px;\r\n    width: 15%;\r\n    border-style: dashed;\r\n    border-color: #fff;\r\n    top: 50%;\r\n    z-index: 0\r\n}\r\n\r\n.box-container:after {\r\n    transition: background .5s ease-in-out;\r\n    background: #fff;\r\n    border: 8px solid #F9B002\r\n}\r\n\r\n.box-container.in-view:after {\r\n    background: #fff;\r\n    border: 8px solid #F9B002\r\n}\r\n\r\n.box-content {\r\n    visibility: hidden;\r\n    opacity: 0;\r\n    transition: all .5s ease-in-out\r\n}\r\n\r\n.box-container:nth-child(odd) .box-content {\r\n    transform: translate3d(200px, 0, 0)\r\n}\r\n\r\n.box-container:nth-child(2n) .box-content {\r\n    transform: translate3d(-200px, 0, 0)\r\n}\r\n\r\n.box-container.in-view .box-content {\r\n    transform: none;\r\n    visibility: visible;\r\n    opacity: 1\r\n}\r\n\r\n@media screen and (max-width: 900px) {\r\n    .box-content {\r\n        width: 250px\r\n    }\r\n\r\n    .box-container:nth-child(2n) .box-content {\r\n        left: -350px\r\n    }\r\n\r\n    .box-container:nth-child(odd) .box-content {\r\n        left: 50px\r\n    }\r\n\r\n    .box-container:nth-child(2n) .box-content:before {\r\n        right: -50px;\r\n        width: 15%;\r\n        top: 50%\r\n    }\r\n\r\n    .box-container:nth-child(odd) .box-content:before {\r\n        left: -50px;\r\n        width: 15%;\r\n        top: 50%\r\n    }\r\n}\r\n\r\n@media screen and (max-width: 600px) {\r\n    .box-container {\r\n        margin-left: 10px\r\n    }\r\n\r\n    .box-container .box-content {\r\n        width: calc(100vw - 150px)\r\n    }\r\n\r\n    .box-container:nth-child(2n) .box-content {\r\n        left: 45px\r\n    }\r\n\r\n    .box-container:nth-child(odd) .box-content {\r\n        left: 45px\r\n    }\r\n\r\n    .box-container:nth-child(2n) .box-content:before {\r\n        left: -20px;\r\n        width: 5%;\r\n        top: 50.3%\r\n    }\r\n\r\n    .box-container:nth-child(odd) .box-content:before {\r\n        left: -20px;\r\n        width: 5%;\r\n        top: 50.3%\r\n    }\r\n\r\n    .box-container-final:after {\r\n        display: block\r\n    }\r\n\r\n    .box-container-final {\r\n        background: linear-gradient(180deg, #f9b002, #f9b002 55%, #fff0 55%)\r\n    }\r\n\r\n    .box-container-final .box-content:before {\r\n        display: block\r\n    }\r\n\r\n    .box-container-final .box-content {\r\n        left: 45px !important;\r\n        top: auto;\r\n        top: initial\r\n    }\r\n}\r\n\r\n.checkbox:checked~.accrodion-content {\r\n    max-height: none\r\n}\r\n\r\n.accrodion-label:after {\r\n    content: \"+\";\r\n    width: 2rem;\r\n    height: 2rem;\r\n    font-size: 24px;\r\n    font-weight: 600;\r\n    text-align: center;\r\n    transition: all .35s\r\n}\r\n\r\n.checkbox:checked+.accrodion-label:after {\r\n    transform: rotate(45deg)\r\n}\r\n\r\n.arrow {\r\n    -webkit-appearance: none;\r\n    -moz-appearance: none;\r\n    appearance: none;\r\n    padding-right: 4rem;\r\n    background-image: url(\"data:image/svg+xml;utf8,<svg class='fill-current h-4 w-4' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path d='M5.292 7.292a1 1 0 011.414 0L10 10.586l3.294-3.294a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z'/></svg>\");\r\n    background-repeat: no-repeat;\r\n    background-position: right 1rem center;\r\n    background-size: 1.5em\r\n}\r\n\r\n.table-row:nth-child(2n) {\r\n    background-color: #d4d4d4\r\n}\r\n\r\n.table-row:nth-child(odd) {\r\n    background-color: #fff\r\n}\r\n\r\n#tournamentTable tr td {\r\n    min-width: 120px;\r\n    border: 1px solid rgba(37, 46, 59, .1)\r\n}\r\n\r\n.accrodion {\r\n    border-bottom: 1px solid #D5D8DC\r\n}\r\n\r\n.spc-road-selected {\r\n    scale: 1.02;\r\n    transition: all .2s ease-in-out;\r\n    box-shadow: #f9b002 0 0 20px;\r\n    background-color: #f9b002\r\n}\r\n\r\n.spc-road-buttons {\r\n    border: .5px solid #F9B002\r\n}\r\n\r\n.spc-road-buttons:hover {\r\n    scale: 1.02;\r\n    transition: all .2s ease-in-out;\r\n    background-color: #f9b002\r\n}\r\n\r\n#dateFilter {\r\n    box-sizing: border-box;\r\n    max-width: 100%\r\n}\r\n\r\n@supports (-webkit-touch-callout: none) {\r\n    .mobile #dateFilter {\r\n        min-width: -webkit-fill-available\r\n    }\r\n}\r\n\r\n.hover\\:\\!text-cyber-yellow:hover {\r\n    color: #ffd405 !important\r\n}\r\n\r\n.focus\\:outline-none:focus {\r\n    outline: 2px solid transparent;\r\n    outline-offset: 2px\r\n}\r\n\r\n@media (min-width: 768px) {\r\n    .md\\:mb-48 {\r\n        margin-bottom: 24rem\r\n    }\r\n\r\n    .md\\:ml-10 {\r\n        margin-left: 5rem\r\n    }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .lg\\:relative {\r\n        position: relative\r\n    }\r\n\r\n    .lg\\:-top-7 {\r\n        top: -3.5rem\r\n    }\r\n\r\n    .lg\\:-mb-19 {\r\n        margin-bottom: -9.5rem\r\n    }\r\n\r\n    .lg\\:mb-0 {\r\n        margin-bottom: 0\r\n    }\r\n\r\n    .lg\\:mb-14 {\r\n        margin-bottom: 7rem\r\n    }\r\n\r\n    .lg\\:mb-5 {\r\n        margin-bottom: 2.5rem\r\n    }\r\n\r\n    .lg\\:mb-7 {\r\n        margin-bottom: 3.5rem\r\n    }\r\n\r\n    .lg\\:ml-1 {\r\n        margin-left: .5rem\r\n    }\r\n\r\n    .lg\\:ml-11 {\r\n        margin-left: 5.5rem\r\n    }\r\n\r\n    .lg\\:mt-0 {\r\n        margin-top: 0\r\n    }\r\n\r\n    .lg\\:mt-20 {\r\n        margin-top: 10rem\r\n    }\r\n\r\n    .lg\\:mt-3 {\r\n        margin-top: 1.5rem\r\n    }\r\n\r\n    .lg\\:mt-7 {\r\n        margin-top: 3.5rem\r\n    }\r\n\r\n    .lg\\:h-6 {\r\n        height: 3rem\r\n    }\r\n\r\n    .lg\\:h-\\[28rem\\] {\r\n        height: 28rem\r\n    }\r\n\r\n    .lg\\:min-h-0 {\r\n        min-height: 0\r\n    }\r\n\r\n    .lg\\:w-1\\/2 {\r\n        width: 50%\r\n    }\r\n\r\n    .lg\\:w-1\\/4 {\r\n        width: 25%\r\n    }\r\n\r\n    .lg\\:w-1\\/6 {\r\n        width: 16.666667%\r\n    }\r\n\r\n    .lg\\:w-2\\/4 {\r\n        width: 50%\r\n    }\r\n\r\n    .lg\\:w-\\[130px\\] {\r\n        width: 130px\r\n    }\r\n\r\n    .lg\\:w-\\[140px\\] {\r\n        width: 140px\r\n    }\r\n\r\n    .lg\\:w-\\[55rem\\] {\r\n        width: 55rem\r\n    }\r\n\r\n    .lg\\:w-auto {\r\n        width: auto\r\n    }\r\n\r\n    .lg\\:min-w-31 {\r\n        min-width: 15.5rem\r\n    }\r\n\r\n    .lg\\:flex-row {\r\n        flex-direction: row\r\n    }\r\n\r\n    .lg\\:flex-wrap {\r\n        flex-wrap: wrap\r\n    }\r\n\r\n    .lg\\:flex-nowrap {\r\n        flex-wrap: nowrap\r\n    }\r\n\r\n    .lg\\:items-start {\r\n        align-items: flex-start\r\n    }\r\n\r\n    .lg\\:items-center {\r\n        align-items: center\r\n    }\r\n\r\n    .lg\\:justify-start {\r\n        justify-content: flex-start\r\n    }\r\n\r\n    .lg\\:whitespace-nowrap {\r\n        white-space: nowrap\r\n    }\r\n\r\n    .lg\\:p-2 {\r\n        padding: 1rem\r\n    }\r\n\r\n    .lg\\:px-3 {\r\n        padding-left: 1.5rem;\r\n        padding-right: 1.5rem\r\n    }\r\n\r\n    .lg\\:px-5 {\r\n        padding-left: 2.5rem;\r\n        padding-right: 2.5rem\r\n    }\r\n\r\n    .lg\\:px-6 {\r\n        padding-left: 3rem;\r\n        padding-right: 3rem\r\n    }\r\n\r\n    .lg\\:pb-2 {\r\n        padding-bottom: 1rem\r\n    }\r\n\r\n    .lg\\:pt-20 {\r\n        padding-top: 10rem\r\n    }\r\n\r\n    .lg\\:pt-4 {\r\n        padding-top: 2rem\r\n    }\r\n\r\n    .lg\\:text-2xl {\r\n        font-size: 1.5rem;\r\n        line-height: 2rem\r\n    }\r\n\r\n    .lg\\:text-3xl {\r\n        font-size: 1.875rem;\r\n        line-height: 2.25rem\r\n    }\r\n\r\n    .lg\\:text-5xl {\r\n        font-size: 3rem;\r\n        line-height: 1\r\n    }\r\n\r\n    .lg\\:text-6xl {\r\n        font-size: 3.75rem;\r\n        line-height: 1\r\n    }\r\n\r\n    .lg\\:text-7xl {\r\n        font-size: 4.5rem;\r\n        line-height: 1\r\n    }\r\n\r\n    .lg\\:text-base {\r\n        font-size: 1rem;\r\n        line-height: 1.5rem\r\n    }\r\n\r\n    .lg\\:text-lg {\r\n        font-size: 1.125rem;\r\n        line-height: 1.75rem\r\n    }\r\n\r\n    .lg\\:text-xl {\r\n        font-size: 1.25rem;\r\n        line-height: 1.75rem\r\n    }\r\n\r\n    .lg\\:leading-tight {\r\n        line-height: 1.25\r\n    }\r\n     .lg\\:hidden {\r\n       display:none;\r\n    }\r\n}\r\n</style>","beforeEndBody":""},"conditionIds":["40f30ec7-19d5-45a3-bf62-74d11b06b6ee","536a0342-c6ec-4919-b04d-5f1c0c5c683d"]},{"tagId":"d58be703-da73-41ba-905b-80ff8c81d317","tagTypeId":"custom_tag_type","name":"Before Render /lucky-day","description":"Before Render /lucky-day","config":{"beforeEndHead":"<style>\n#wheel-games-container {\n    display: flex;\n    justify-content: center;\n    width: 100%\n}\n\n.\\!container {\n    width: 100% !important\n}\n\n.container {\n    width: 100%\n}\n\n@media (min-width: 640px) {\n    .\\!container {\n        max-width: 640px !important\n    }\n\n    .container {\n        max-width: 640px\n    }\n}\n\n@media (min-width: 768px) {\n    .\\!container {\n        max-width: 768px !important\n    }\n\n    .container {\n        max-width: 768px\n    }\n}\n\n@media (min-width: 1024px) {\n    .\\!container {\n        max-width: 1024px !important\n    }\n\n    .container {\n        max-width: 1024px\n    }\n}\n\n@media (min-width: 1280px) {\n    .\\!container {\n        max-width: 1280px !important\n    }\n\n    .container {\n        max-width: 1280px\n    }\n}\n\n@media (min-width: 1536px) {\n    .\\!container {\n        max-width: 1536px !important\n    }\n\n    .container {\n        max-width: 1536px\n    }\n}\n\n.visible {\n    visibility: visible\n}\n\n.relative {\n    position: relative\n}\n\n.z-\\[1\\] {\n    z-index: 1\n}\n\n.mx-4 {\n    margin-left: 2rem;\n    margin-right: 2rem\n}\n\n.mx-auto {\n    margin-left: auto;\n    margin-right: auto\n}\n\n.mb-0 {\n    margin-bottom: 0\n}\n\n.mb-2 {\n    margin-bottom: 1rem\n}\n\n.ml-auto {\n    margin-left: auto\n}\n\n.mt-0 {\n    margin-top: 0\n}\n\n.mt-2 {\n    margin-top: 1rem\n}\n\n.mt-3 {\n    margin-top: 1.5rem\n}\n\n.flex {\n    display: flex\n}\n\n.table {\n    display: table\n}\n\n.min-h-\\[50vh\\] {\n    min-height: 50vh\n}\n\n.w-auto {\n    width: auto\n}\n\n.w-full {\n    width: 100%\n}\n\n.max-w-3xl {\n    max-width: 48rem\n}\n\n.max-w-5xl {\n    max-width: 64rem\n}\n\n.cursor-pointer {\n    cursor: pointer\n}\n\n.flex-col {\n    flex-direction: column\n}\n\n.items-center {\n    align-items: center\n}\n\n.justify-center {\n    justify-content: center\n}\n\n.justify-between {\n    justify-content: space-between\n}\n\n.overflow-x-hidden {\n    overflow-x: hidden\n}\n\n.px-2 {\n    padding-left: 1rem;\n    padding-right: 1rem\n}\n\n.px-3 {\n    padding-left: 1.5rem;\n    padding-right: 1.5rem\n}\n\n.px-4 {\n    padding-left: 2rem;\n    padding-right: 2rem\n}\n\n.py-0 {\n    padding-top: 0;\n    padding-bottom: 0\n}\n\n.py-1 {\n    padding-top: .5rem;\n    padding-bottom: .5rem\n}\n\n.py-\\[0\\.25rem\\] {\n    padding-top: .25rem;\n    padding-bottom: .25rem\n}\n\n.pb-6 {\n    padding-bottom: 3rem\n}\n\n.pb-7 {\n    padding-bottom: 3.5rem\n}\n\n.pt-40 {\n    padding-top: 20rem\n}\n\n.pt-\\[10rem\\] {\n    padding-top: 10rem;\n}\n\n.pt-6 {\n    padding-top: 3rem\n}\n\n.text-center {\n    text-align: center\n}\n\n.text-2xl {\n    font-size: 1.5rem;\n    line-height: 2rem\n}\n\n.text-lg {\n    font-size: 1.125rem;\n    line-height: 1.75rem\n}\n\n.text-xl {\n    font-size: 1.25rem;\n    line-height: 1.75rem\n}\n\n.font-bold {\n    font-weight: 700\n}\n\n.font-normal {\n    font-weight: 400\n}\n\n.uppercase {\n    text-transform: uppercase\n}\n\n.text-\\[\\#006503\\] {\n    color: #006503\n}\n\n.underline {\n    text-decoration-line: underline\n}\n\n.filter {\n    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n\n.transition {\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n    transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n    transition-duration: .15s\n}\n\n.transition-transform {\n    transition-property: transform;\n    transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n    transition-duration: .15s\n}\n\nhtml {\n    scroll-behavior: smooth\n}\n\n.wheel-page {\n    --wp-wheel-size: 75vw;\n    --wp-gold: #F7D302;\n    --wp-gold-light: #FFEB3B;\n    --wp-gold-dark: #C9A902;\n    --wp-red: #8B0000;\n    --wp-red-light: #C41E3A;\n    --wp-bg: #0A1F0D;\n    --wp-bg-light: #0D2818;\n    --wp-bg-lighter: #1A3D2E\n}\n\n.page-background {\n  background:\n    url('/library/landing-pages/lucky-day/images/background-image.webp') center 30% / 100% no-repeat,\n    radial-gradient(50% 50% at 50% 50%, #05512B 63.46%, #132D20 90.38%, #1A1B1B 100%);\n  min-height: 100vh;\n}\n\n@media (min-width: 768px) {\n  .page-background {\n    background:\n      url('/library/landing-pages/lucky-day/images/background-image.webp') center 45% / 100% no-repeat,\n      radial-gradient(50% 50% at 50% 50%, #05512B 63.46%, #132D20 90.38%, #1A1B1B 100%);\n  }\n}\n\n.hero-section {\n    background: transparent;\n    position: relative;\n    overflow: hidden\n}\n\n.hero-section:before {\n    content: none\n}\n\n.hero-section:after {\n    content: none\n}\n\n.hero-glow {\n    display: none\n}\n\n.hero-logo {\n    max-width: 770px;\n    width: 90%;\n    height: auto;\n    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, .5))\n}\n\n.hero-subtitle {\n    color: #ffffffe6;\n    line-height: 1.7;\n    text-shadow: 0 2px 4px rgba(0, 0, 0, .5)\n}\n\n.hero-highlight {\n    color: var(--wp-gold)\n}\n\n.scroll-indicator {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 4px;\n    margin-top: 2rem;\n    cursor: pointer;\n    z-index: 2;\n    -webkit-text-decoration: none;\n    text-decoration: none\n}\n\n.scroll-arrow {\n    width: 12px;\n    height: 12px;\n    border-right: 2px solid var(--wp-gold);\n    border-bottom: 2px solid var(--wp-gold);\n    transform: rotate(45deg);\n    opacity: 0;\n    animation: scrollFade 1.5s ease-in-out infinite\n}\n\n.scroll-arrow:nth-child(1) {\n    animation-delay: 0s\n}\n\n.scroll-arrow:nth-child(2) {\n    animation-delay: .2s\n}\n\n@keyframes scrollFade {\n    0% {\n        opacity: 0;\n        transform: rotate(45deg) translate(-4px, -4px)\n    }\n\n    50% {\n        opacity: 1\n    }\n\n    to {\n        opacity: 0;\n        transform: rotate(45deg) translate(4px, 4px)\n    }\n}\n\n.wheel-section {\n    position: relative;\n    background: transparent\n}\n\n.wheel-section:before {\n    content: none\n}\n\n.wheel-section:after {\n    content: none\n}\n\n.wheel-section-header {\n    text-align: center;\n    padding: 1rem 1rem 0;\n    position: relative\n}\n\n.wheel-section-title {\n    font-size: max(2rem, min(5vw, 3.5rem));\n    font-weight: 900;\n    color: var(--wp-gold);\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    margin: 0 0 .5rem;\n    position: relative;\n    z-index: 1;\n    text-shadow: 0 0 15px rgba(247, 176, 0, .4), 0 2px 4px rgba(0, 0, 0, .5)\n}\n\n.wheel-section-subtitle {\n    font-size: max(1rem, min(2.5vw, 1.3rem));\n    color: #fff;\n    margin: 0;\n    position: relative;\n    z-index: 1;\n    text-shadow: 0 2px 4px rgba(0, 0, 0, .5)\n}\n\n.faq-wrapper {\n    position: relative\n}\n\n.faq-wrapper:before {\n    content: none\n}\n\n.faq-section {\n    background: #f5f8c4;\n    border: none;\n    box-shadow: none;\n    margin-top: 0;\n    border-radius: 0;\n    position: relative;\n    padding-top: 20px;\n    overflow: visible\n}\n\n.faq-section:before {\n    content: \"\";\n    position: absolute;\n    bottom: 100%;\n    left: 0;\n    right: 0;\n    height: 200px;\n    background: url(/library/landing-pages/lucky-day/images/faq-vector.webp) center bottom / contain no-repeat;\n    z-index: 10\n}\n\n.faq-title {\n    font-size: max(2rem, min(5vw, 3rem));\n    font-weight: 900;\n    color: #006503;\n    text-transform: uppercase;\n    margin: 0 0 1rem\n}\n\n.faq-item {\n    background: #eef7ff80;\n    border: none;\n    border-left: 4px solid #006503;\n    border-radius: 4px;\n    transition: all .3s ease;\n    color: #006503\n}\n\n.faq-item:hover {\n    background: #eef7ffb3\n}\n\n.faq-item[open] {\n    border-left-color: #006503\n}\n\n.faq-answer {\n    color: #006503;\n    line-height: 1.6\n}\n\n.faq-link {\n    color: var(--wp-gold);\n    -webkit-text-decoration: underline;\n    text-decoration: underline;\n    transition: color .2s ease\n}\n\n.faq-link:hover {\n    color: var(--wp-gold-light)\n}\n\n.accordion summary::-webkit-details-marker {\n    display: none\n}\n\n.faq-item[open] summary span span:last-child {\n    transform: rotate(45deg);\n    color: #006503\n}\n\n.faq-item summary span span:last-child {\n    transition: transform .3s ease, color .3s ease;\n    color: #006503\n}\n\n.wheel-container {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 2rem .5rem 3rem;\n    min-height: auto;\n    margin: 0;\n    position: relative;\n    overflow: hidden;\n    width: 100%\n}\n\n.wheel-section .wheel-section-header:before,\n.wheel-container:before {\n    content: none\n}\n\n@keyframes sparkle {\n\n    0%,\n    to {\n        opacity: .7\n    }\n\n    50% {\n        opacity: 1\n    }\n}\n\n.wheel-wrapper {\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 3rem;\n    width: calc(var(--wp-wheel-size) + 80px);\n    height: calc(var(--wp-wheel-size) + 80px);\n    perspective: 1000px;\n    transform-style: preserve-3d\n}\n\n.wheel-outer-glow {\n    position: absolute;\n    width: calc(var(--wp-wheel-size) + 70px);\n    height: calc(var(--wp-wheel-size) + 70px);\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    border-radius: 50%;\n    background: conic-gradient(from 0deg, var(--wp-gold), var(--wp-red), var(--wp-gold-light), var(--wp-gold));\n    animation: rotateGlow 4s linear infinite;\n    filter: blur(30px);\n    opacity: .6\n}\n\n@keyframes rotateGlow {\n    0% {\n        transform: translate(-50%, -50%) rotate(0)\n    }\n\n    to {\n        transform: translate(-50%, -50%) rotate(360deg)\n    }\n}\n\n.wheel-border-ring {\n    position: absolute;\n    width: calc(var(--wp-wheel-size) + 45px);\n    height: calc(var(--wp-wheel-size) + 45px);\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    border-radius: 50%;\n    background: linear-gradient(180deg, #2D5A3D 0%, var(--wp-bg-lighter) 50%, #0A1F0D 100%);\n    box-shadow: 0 15px 35px #000000b3, 0 8px 15px #00000080, inset 0 3px 10px #ffffff1a, inset 0 -8px 25px #0009\n}\n\n.wheel-leds {\n    position: absolute;\n    width: calc(var(--wp-wheel-size) + 60px);\n    height: calc(var(--wp-wheel-size) + 60px);\n    top: 49%;\n    left: 49%;\n    transform: translate(-50%, -50%);\n    border-radius: 50%\n}\n\n.wheel-led {\n    position: absolute;\n    width: 8px;\n    height: 8px;\n    background: var(--wp-gold-light);\n    border-radius: 50%;\n    box-shadow: 0 0 8px var(--wp-gold), 0 0 15px var(--wp-gold);\n    animation: ledBlink .6s ease-in-out infinite alternate\n}\n\n.wheel-led:nth-child(odd) {\n    animation-delay: .3s;\n    background: var(--wp-gold);\n    box-shadow: 0 0 8px var(--wp-gold-light), 0 0 15px var(--wp-gold-light)\n}\n\n@keyframes ledBlink {\n    0% {\n        opacity: .4;\n        transform: scale(.8)\n    }\n\n    to {\n        opacity: 1;\n        transform: scale(1.1)\n    }\n}\n\n.wheel {\n    width: var(--wp-wheel-size);\n    height: var(--wp-wheel-size);\n    border-radius: 50%;\n    position: relative;\n    box-shadow: 0 0 0 8px var(--wp-bg-lighter), 0 0 0 12px #2d5a3d, 0 0 0 16px var(--wp-bg-lighter), 0 15px 35px #000000b3, 0 5px 15px #00000080, inset 0 5px 20px #ffffff1a, inset 0 -5px 20px #0006;\n    transition: transform 5s cubic-bezier(0, 0, .2, 1);\n    will-change: transform;\n    z-index: 10;\n    transform-style: preserve-3d\n}\n\n.wheel.spinning {\n    transition: transform 5s cubic-bezier(0, 0, .2, 1)\n}\n\n.wheel-segments {\n    width: 100%;\n    height: 100%;\n    border-radius: 50%;\n    position: relative;\n    overflow: hidden\n}\n\n.wheel-segments-svg {\n    width: 100%;\n    height: 100%;\n    display: block\n}\n\n.wheel-dividers {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    border-radius: 50%;\n    pointer-events: none;\n    z-index: 2\n}\n\n.wheel-divider {\n    position: absolute;\n    top: 0;\n    left: 50%;\n    width: 3px;\n    height: 50%;\n    background: linear-gradient(to bottom, var(--wp-gold-light), var(--wp-gold));\n    transform-origin: bottom center;\n    box-shadow: 0 0 8px #f7b00099\n}\n\n.wheel-3d-overlay {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    border-radius: 50%;\n    background: radial-gradient(circle at 35% 35%, rgba(255, 255, 255, .1) 0%, transparent 40%, transparent 60%, rgba(0, 0, 0, .15) 100%);\n    pointer-events: none;\n    z-index: 3\n}\n\n.wheel-labels {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    pointer-events: none\n}\n\n.wheel-label {\n    position: absolute;\n    font-weight: 900;\n    font-size: .65rem;\n    color: var(--wp-gold);\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    white-space: nowrap;\n    text-align: center;\n    padding: .3rem .6rem;\n    border-radius: 6px;\n    background: linear-gradient(160deg, #1a3d2e, #0d2818);\n    box-shadow: 0 4px 15px #0009, 0 2px 6px #0006, inset 0 1px 1px #ffffff1a, inset 0 -1px 2px #0000004d;\n    writing-mode: horizontal-tb;\n    will-change: transform;\n    border: 1.5px solid var(--wp-gold);\n    text-shadow: 0 0 8px rgba(247, 176, 0, .4);\n    transform: translate(-50%, -50%)\n}\n\n.wheel-center {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: max(70px, min(18vw, 120px));\n    height: max(70px, min(18vw, 120px));\n    background: linear-gradient(160deg, #2D5A3D 0%, var(--wp-bg-lighter) 40%, #0A1F0D 100%);\n    border-radius: 50%;\n    box-shadow: 0 10px 30px #000000b3, 0 5px 15px #00000080, 0 0 0 4px var(--wp-gold), 0 0 0 6px var(--wp-gold-dark), 0 0 0 10px var(--wp-bg-lighter), inset 0 3px 15px #ffffff26, inset 0 -5px 20px #00000080;\n    z-index: 20;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n    cursor: pointer;\n    transition: transform .2s ease, box-shadow .2s ease\n}\n\n.wheel-center:hover {\n    transform: translate(-50%, -50%) scale(1.08);\n    box-shadow: 0 10px 30px #000000b3, 0 5px 15px #00000080, 0 0 0 4px var(--wp-gold), 0 0 0 6px var(--wp-gold-dark), 0 0 0 10px var(--wp-bg-lighter), 0 0 20px #f7b00080, inset 0 3px 15px #ffffff26, inset 0 -5px 20px #00000080\n}\n\n.wheel-center:active {\n    transform: translate(-50%, -50%) scale(.95)\n}\n\n.wheel-center-logo {\n    width: 75%;\n    height: 75%;\n    -o-object-fit: contain;\n    object-fit: contain;\n    border-radius: 50%\n}\n\n.wheel-pointer {\n    position: absolute;\n    top: 0;\n    left: 50%;\n    transform: translate(-50%);\n    z-index: 30\n}\n\n.wheel-pointer svg {\n    width: 35px;\n    height: 50px;\n    filter: drop-shadow(0 8px 12px rgba(0, 0, 0, .5))\n}\n\n.wheel-pointer .pointer-main {\n    fill: url(#pointerGradient);\n    stroke: #c9a902;\n    stroke-width: 1.5\n}\n\n.wheel-pointer .pointer-shine {\n    fill: #ffffff80\n}\n\n.spin-button {\n    padding: 1rem 2.5rem;\n    font-size: 1rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    color: #000;\n    background: #f7d302;\n    border: none;\n    border-radius: 3px;\n    cursor: pointer;\n    transition: opacity .2s ease;\n    z-index: 10\n}\n\n.spin-button:hover {\n    opacity: .9\n}\n\n.spin-button:active {\n    opacity: .8\n}\n\n.spin-button:disabled {\n    opacity: .5;\n    cursor: not-allowed\n}\n\n.spin-button:disabled:hover {\n    opacity: .5\n}\n\n.wheel-result {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%) scale(.8);\n    width: 85%;\n    max-width: 380px;\n    padding: 1.2rem 1rem;\n    background: linear-gradient(160deg, #1a1a2ef2, #0f0f1af2);\n    border-radius: 12px;\n    border: 2px solid var(--wp-gold);\n    text-align: center;\n    opacity: 0;\n    pointer-events: none;\n    transition: all .5s cubic-bezier(.34, 1.56, .64, 1);\n    z-index: 100;\n    box-shadow: 0 0 30px #f7b00066, 0 0 60px #f7b00033, 0 10px 30px #0009, inset 0 1px 2px #ffffff1a\n}\n\n.wheel-result.visible {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n    pointer-events: auto\n}\n\n.wheel-result-title {\n    font-size: max(1.1rem, min(3vw, 1.4rem));\n    color: #fff;\n    text-transform: uppercase;\n    letter-spacing: 3px;\n    margin-bottom: .75rem;\n    font-weight: 700;\n    text-shadow: 0 0 10px rgba(255, 255, 255, .3)\n}\n\n.wheel-result-prize {\n    font-size: max(2.2rem, min(7vw, 3.2rem));\n    font-weight: 900;\n    color: var(--wp-gold);\n    text-transform: uppercase\n}\n\n.wheel-result-button {\n    display: inline-block;\n    margin-top: 2rem;\n    padding: .75rem 1rem;\n    min-width: 120px;\n    font-size: 1.15rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    text-align: center;\n    color: #000;\n    background: var(--wp-gold);\n    border: none;\n    border-radius: 3px;\n    -webkit-text-decoration: none;\n    text-decoration: none;\n    cursor: pointer;\n    transition: opacity .2s ease\n}\n\n.wheel-result-button:hover {\n    opacity: .9\n}\n\n.wheel-result-button:active {\n    opacity: .8\n}\n\n.eligibility-overlay {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 50;\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity .3s ease\n}\n\n.eligibility-overlay.visible {\n    opacity: 1;\n    pointer-events: auto\n}\n\n.eligibility-message {\n    width: 85%;\n    max-width: 320px;\n    padding: 1.5rem 1.25rem;\n    background: linear-gradient(160deg, #1a1a2ef2, #0f0f1af2);\n    border-radius: 12px;\n    font-size: 1.25rem;\n    font-weight: 400;\n    text-align: center;\n    line-height: 1.6;\n    color: #fff;\n    opacity: 0;\n    transform: scale(.8);\n    transition: all .5s cubic-bezier(.34, 1.56, .64, 1);\n    box-shadow: 0 0 30px #0006, 0 10px 30px #0009, inset 0 1px 2px #ffffff1a\n}\n\n.eligibility-message.visible {\n    opacity: 1;\n    transform: scale(1)\n}\n\n.eligibility-message.error {\n    border: 2px solid rgba(196, 30, 58, .6);\n    text-shadow: 0 0 10px rgba(255, 255, 255, .3)\n}\n\n.eligibility-message.info {\n    border: 2px solid rgba(247, 176, 0, .5);\n    text-shadow: 0 0 10px rgba(255, 255, 255, .3)\n}\n\n.eligibility-buttons {\n    display: flex;\n    gap: .75rem;\n    justify-content: center;\n    margin-top: 2rem;\n    flex-wrap: wrap;\n    flex-direction: column;\n}\n\n.eligibility-button {\n    flex: 1;\n    min-width: 120px;\n    max-width: 100%;\n    padding: .75rem 1rem;\n    background: var(--wp-gold);\n    color: #000;\n    font-size: 1rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    -webkit-text-decoration: none;\n    text-decoration: none;\n    text-align: center;\n    border-radius: 3px;\n    border: none;\n    cursor: pointer;\n    transition: opacity .2s ease\n}\n\n.eligibility-button:hover {\n    opacity: .9\n}\n\n.eligibility-button:active {\n    opacity: .8\n}\n\n.wheel-wrapper.blurred .wheel,\n.wheel-wrapper.blurred .wheel-outer-glow,\n.wheel-wrapper.blurred .wheel-border-ring,\n.wheel-wrapper.blurred .wheel-leds,\n.wheel-wrapper.blurred .wheel-center {\n    filter: blur(8px);\n    transition: filter .3s ease\n}\n\n.wheel-wrapper.blurred .wheel-pointer {\n    filter: blur(4px);\n    transition: filter .3s ease\n}\n\n.wheel-wrapper.blurred-mild .wheel,\n.wheel-wrapper.blurred-mild .wheel-outer-glow,\n.wheel-wrapper.blurred-mild .wheel-border-ring,\n.wheel-wrapper.blurred-mild .wheel-leds,\n.wheel-wrapper.blurred-mild .wheel-center {\n    filter: blur(3px);\n    transition: filter .3s ease\n}\n\n.wheel-wrapper.blurred-mild .wheel-pointer {\n    filter: blur(2px);\n    transition: filter .3s ease\n}\n\n.confetti {\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    pointer-events: none;\n    z-index: 1000;\n    overflow: hidden\n}\n\n.confetti-piece {\n    position: absolute;\n    top: -20px;\n    animation: confettiFall 4s ease-out forwards\n}\n\n@keyframes confettiFall {\n    0% {\n        transform: translateY(0) rotate(0) scale(1);\n        opacity: 1\n    }\n\n    to {\n        transform: translateY(100vh) rotate(1080deg) scale(.5);\n        opacity: 0\n    }\n}\n\n@media (min-width: 375px) {\n    .wheel-page {\n        --wp-wheel-size: min(80vw, 320px)\n    }\n\n    .wheel-container {\n        padding: 2.5rem 1rem 3.5rem\n    }\n\n    .wheel-wrapper {\n        width: calc(var(--wp-wheel-size) + 90px);\n        height: calc(var(--wp-wheel-size) + 90px);\n        margin-bottom: 4rem\n    }\n\n    .wheel-outer-glow {\n        width: calc(var(--wp-wheel-size) + 80px);\n        height: calc(var(--wp-wheel-size) + 80px)\n    }\n\n    .wheel-led {\n        width: 10px;\n        height: 10px\n    }\n\n    .spin-button {\n        padding: 1rem 3rem;\n        font-size: 1rem\n    }\n\n    .wheel-label {\n        font-size: .75rem;\n        padding: .25rem .5rem\n    }\n\n    .wheel-pointer svg {\n        width: 40px;\n        height: 58px\n    }\n}\n\n@media (min-width: 640px) {\n    .wheel-page {\n        --wp-wheel-size: min(65vw, 400px)\n    }\n\n    .wheel-container {\n        padding: 3rem 1.5rem 4rem\n    }\n\n    .wheel-wrapper {\n        width: calc(var(--wp-wheel-size) + 100px);\n        height: calc(var(--wp-wheel-size) + 100px);\n        margin-bottom: 5rem\n    }\n\n    .wheel-outer-glow {\n        width: calc(var(--wp-wheel-size) + 100px);\n        height: calc(var(--wp-wheel-size) + 100px)\n    }\n\n    .wheel-led {\n        width: 12px;\n        height: 12px\n    }\n\n    .spin-button {\n        padding: 1rem 3.5rem;\n        font-size: 1.1rem\n    }\n\n    .wheel-label {\n        font-size: .85rem;\n        padding: .3rem .6rem;\n        border-width: 2px\n    }\n\n    .wheel-result,\n    .eligibility-message {\n        width: 75%;\n        max-width: 450px;\n        padding: 2rem 2.5rem;\n        border-radius: 16px;\n        border-width: 3px\n    }\n\n    .eligibility-message {\n        font-size: 1.45rem\n    }\n\n    .wheel-pointer {\n        top: -10px\n    }\n\n    .wheel-pointer svg {\n        width: 50px;\n        height: 72px\n    }\n}\n\n@media (min-width: 768px) {\n    .wheel-page {\n        --wp-wheel-size: min(55vw, 450px)\n    }\n\n    .wheel-container {\n        padding: 4rem 2rem 5rem\n    }\n\n    .wheel-led {\n        width: 14px;\n        height: 14px\n    }\n\n    .wheel-label {\n        font-size: .95rem\n    }\n\n    .wheel-pointer {\n        top: -15px\n    }\n\n    .wheel-pointer svg {\n        width: 55px;\n        height: 80px\n    }\n\n    .eligibility-message {\n        font-size: 1.55rem;\n        max-width: 500px\n    }\n}\n\n@media (min-width: 1024px) {\n    .wheel-page {\n        --wp-wheel-size: 500px\n    }\n\n    .wheel-container {\n        padding: 5rem 2rem 6rem\n    }\n\n    .wheel-led {\n        width: 16px;\n        height: 16px\n    }\n\n    .spin-button {\n        padding: 1.1rem 4rem;\n        font-size: 1.2rem\n    }\n\n    .wheel-label {\n        font-size: 1.05rem;\n        padding: .35rem .7rem\n    }\n\n    .wheel-pointer {\n        top: -25px\n    }\n\n    .wheel-pointer svg {\n        width: 65px;\n        height: 95px\n    }\n\n    .wheel-result {\n        min-width: 490px\n    }\n\n    .eligibility-message {\n        font-size: 1.7rem;\n        max-width: 550px\n    }\n}\n\n@media (min-width: 1280px) {\n    .wheel-page {\n        --wp-wheel-size: 550px\n    }\n\n    .wheel-container {\n        padding: 6rem 2rem 7rem\n    }\n\n    .wheel-label {\n        font-size: 1.15rem\n    }\n\n    .wheel-pointer svg {\n        width: 70px;\n        height: 100px\n    }\n}\n\n.displaynone {\n    display: none\n}\n\n@media (min-width: 1024px) {\n    .lg\\:mx-auto {\n        margin-left: auto;\n        margin-right: auto\n    }\n\n    .lg\\:min-h-\\[60vh\\] {\n        min-height: 60vh\n    }\n\n    .lg\\:w-\\[60\\%\\] {\n        width: 60%\n    }\n\n    .lg\\:text-2xl {\n        font-size: 1.5rem;\n        line-height: 2rem\n    }\n\n    .lg\\:text-xl {\n        font-size: 1.25rem;\n        line-height: 1.75rem\n    }\n    \n    .lg\\:pt-40 {\n        padding-top: 20rem;\n    }\n    \n    .eligibility-button {\n      font-size: 1.15rem;\n    }\n    \n    .eligibility-buttons {\n      flex-direction: row;\n    }\n\n}\n</style>","beforeEndBody":""},"conditionIds":["46b77f79-9cdf-4c7e-bb94-108cceaa5f6d","536a0342-c6ec-4919-b04d-5f1c0c5c683d"]},{"tagId":"0653180f-4f37-4c2c-b8df-c2799c38df04","tagTypeId":"custom_tag_type","name":"CSS /age-of-the-dogs-game","description":"CSS /age-of-the-dogs-game","config":{"beforeEndHead":"<style>\r\n.pointer-events-none {\r\n    pointer-events: none\r\n}\r\n\r\n.absolute {\r\n    position: absolute\r\n}\r\n\r\n.relative {\r\n    position: relative\r\n}\r\n\r\n.bottom-0 {\r\n    bottom: 0\r\n}\r\n\r\n.bottom-2 {\r\n    bottom: 1rem\r\n}\r\n\r\n.bottom-\\[-10px\\] {\r\n    bottom: -10px\r\n}\r\n\r\n.bottom-\\[-12px\\] {\r\n    bottom: -12px\r\n}\r\n\r\n.bottom-\\[-15px\\] {\r\n    bottom: -15px\r\n}\r\n\r\n.bottom-\\[-18px\\] {\r\n    bottom: -18px\r\n}\r\n\r\n.bottom-\\[-20\\%\\] {\r\n    bottom: -20%\r\n}\r\n\r\n.bottom-\\[-20px\\] {\r\n    bottom: -20px\r\n}\r\n\r\n.bottom-\\[-30px\\] {\r\n    bottom: -30px\r\n}\r\n\r\n.left-0 {\r\n    left: 0\r\n}\r\n\r\n.left-1\\/2 {\r\n    left: 50%\r\n}\r\n\r\n.left-\\[-15\\%\\] {\r\n    left: -15%\r\n}\r\n\r\n.left-\\[-20\\%\\] {\r\n    left: -20%\r\n}\r\n\r\n.left-\\[-5\\%\\] {\r\n    left: -5%\r\n}\r\n\r\n.left-\\[15\\%\\] {\r\n    left: 15%\r\n}\r\n\r\n.left-\\[40\\%\\] {\r\n    left: 40%\r\n}\r\n\r\n.left-\\[65\\%\\] {\r\n    left: 65%\r\n}\r\n\r\n.right-0 {\r\n    right: 0\r\n}\r\n\r\n.right-\\[-12\\%\\] {\r\n    right: -12%\r\n}\r\n\r\n.right-\\[-5\\%\\] {\r\n    right: -5%\r\n}\r\n\r\n.right-\\[-90px\\] {\r\n    right: -90px\r\n}\r\n\r\n.top-0 {\r\n    top: 0\r\n}\r\n\r\n.top-\\[2\\%\\] {\r\n    top: 2%\r\n}\r\n\r\n.top-\\[25\\%\\] {\r\n    top: 25%\r\n}\r\n\r\n.top-\\[30\\%\\] {\r\n    top: 30%\r\n}\r\n\r\n.top-\\[60\\%\\] {\r\n    top: 60%\r\n}\r\n\r\n.-z-\\[1\\] {\r\n    z-index: -1\r\n}\r\n\r\n.z-0 {\r\n    z-index: 0\r\n}\r\n\r\n.z-10 {\r\n    z-index: 10\r\n}\r\n\r\n.z-\\[1\\] {\r\n    z-index: 1\r\n}\r\n\r\n.z-\\[2\\] {\r\n    z-index: 2\r\n}\r\n\r\n.mx-1 {\r\n    margin-left: .5rem;\r\n    margin-right: .5rem\r\n}\r\n\r\n.mx-auto {\r\n    margin-left: auto;\r\n    margin-right: auto\r\n}\r\n\r\n.my-0 {\r\n    margin-top: 0;\r\n    margin-bottom: 0\r\n}\r\n\r\n.mb-0 {\r\n    margin-bottom: 0\r\n}\r\n\r\n.mb-1 {\r\n    margin-bottom: .5rem\r\n}\r\n\r\n.mb-2 {\r\n    margin-bottom: 1rem\r\n}\r\n\r\n.mb-\\[2px\\] {\r\n    margin-bottom: 2px\r\n}\r\n\r\n.ml-\\[-50\\%\\] {\r\n    margin-left: -50%\r\n}\r\n\r\n.ml-auto {\r\n    margin-left: auto\r\n}\r\n\r\n.mr-4 {\r\n    margin-right: 2rem\r\n}\r\n\r\n.mt-0 {\r\n    margin-top: 0\r\n}\r\n\r\n.mt-1 {\r\n    margin-top: .5rem\r\n}\r\n\r\n.mt-2 {\r\n    margin-top: 1rem\r\n}\r\n\r\n.mt-3 {\r\n    margin-top: 1.5rem\r\n}\r\n\r\n.mt-4 {\r\n    margin-top: 2rem\r\n}\r\n\r\n.mt-42 {\r\n    margin-top: 21rem\r\n}\r\n\r\n.mt-6 {\r\n    margin-top: 3rem\r\n}\r\n\r\n.mt-\\[-110px\\] {\r\n    margin-top: -110px\r\n}\r\n\r\n.mt-\\[-57\\%\\] {\r\n    margin-top: -57%\r\n}\r\n\r\n.mt-\\[-60px\\] {\r\n    margin-top: -60px\r\n}\r\n\r\n.flex {\r\n    display: flex\r\n}\r\n\r\n.table {\r\n    display: table\r\n}\r\n\r\n.hidden {\r\n    display: none\r\n}\r\n\r\n.h-\\[70\\%\\] {\r\n    height: 70%\r\n}\r\n\r\n.h-\\[90\\%\\] {\r\n    height: 90%\r\n}\r\n\r\n.h-auto {\r\n    height: auto\r\n}\r\n\r\n.h-full {\r\n    height: 100%\r\n}\r\n\r\n.w-\\[10rem\\] {\r\n    width: 10rem\r\n}\r\n\r\n.w-\\[160px\\] {\r\n    width: 160px\r\n}\r\n\r\n.w-\\[30px\\] {\r\n    width: 30px\r\n}\r\n\r\n.w-\\[70\\%\\] {\r\n    width: 70%\r\n}\r\n\r\n.w-\\[72\\%\\] {\r\n    width: 72%\r\n}\r\n\r\n.w-\\[75\\%\\] {\r\n    width: 75%\r\n}\r\n\r\n.w-\\[80px\\] {\r\n    width: 80px\r\n}\r\n\r\n.w-\\[8rem\\] {\r\n    width: 8rem\r\n}\r\n\r\n.w-auto {\r\n    width: auto\r\n}\r\n\r\n.w-full {\r\n    width: 100%\r\n}\r\n\r\n.max-w-7xl {\r\n    max-width: 80rem\r\n}\r\n\r\n.max-w-none {\r\n    max-width: none\r\n}\r\n\r\n.cursor-pointer {\r\n    cursor: pointer\r\n}\r\n\r\n.list-decimal {\r\n    list-style-type: decimal\r\n}\r\n\r\n.flex-col {\r\n    flex-direction: column\r\n}\r\n\r\n.items-center {\r\n    align-items: center\r\n}\r\n\r\n.justify-start {\r\n    justify-content: flex-start\r\n}\r\n\r\n.justify-center {\r\n    justify-content: center\r\n}\r\n\r\n.justify-between {\r\n    justify-content: space-between\r\n}\r\n\r\n.overflow-hidden {\r\n    overflow: hidden\r\n}\r\n\r\n.overflow-x-hidden {\r\n    overflow-x: hidden\r\n}\r\n\r\n.rounded-xl {\r\n    border-radius: .75rem\r\n}\r\n\r\n.border {\r\n    border-width: 1px\r\n}\r\n\r\n.border-l-4 {\r\n    border-left-width: 4px\r\n}\r\n\r\n.border-solid {\r\n    border-style: solid\r\n}\r\n\r\n.border-l-white {\r\n    border-left-color: #fff\r\n}\r\n\r\n.bg-\\[\\#0E1720\\] {\r\n    background-color: #0e1720\r\n}\r\n\r\n.object-contain {\r\n    -o-object-fit: contain;\r\n    object-fit: contain\r\n}\r\n\r\n.px-2 {\r\n    padding-left: 1rem;\r\n    padding-right: 1rem\r\n}\r\n\r\n.px-3 {\r\n    padding-left: 1.5rem;\r\n    padding-right: 1.5rem\r\n}\r\n\r\n.px-4 {\r\n    padding-left: 2rem;\r\n    padding-right: 2rem\r\n}\r\n\r\n.py-1 {\r\n    padding-top: .5rem;\r\n    padding-bottom: .5rem\r\n}\r\n\r\n.py-\\[0\\.25rem\\] {\r\n    padding-top: .25rem;\r\n    padding-bottom: .25rem\r\n}\r\n\r\n.pb-10 {\r\n    padding-bottom: 5rem\r\n}\r\n\r\n.pb-6 {\r\n    padding-bottom: 3rem\r\n}\r\n\r\n.pl-5 {\r\n    padding-left: 2.5rem\r\n}\r\n\r\n.pt-28 {\r\n    padding-top: 14rem\r\n}\r\n\r\n.pt-6 {\r\n    padding-top: 3rem\r\n}\r\n\r\n.pt-8 {\r\n    padding-top: 4rem\r\n}\r\n\r\n.text-center {\r\n    text-align: center\r\n}\r\n\r\n.text-2xl {\r\n    font-size: 1.5rem;\r\n    line-height: 2rem\r\n}\r\n\r\n.text-5xl {\r\n    font-size: 3rem;\r\n    line-height: 1\r\n}\r\n\r\n.text-base {\r\n    font-size: 1rem;\r\n    line-height: 1.5rem\r\n}\r\n\r\n.text-lg {\r\n    font-size: 1.125rem;\r\n    line-height: 1.75rem\r\n}\r\n\r\n.text-xl {\r\n    font-size: 1.25rem;\r\n    line-height: 1.75rem\r\n}\r\n\r\n.font-bold {\r\n    font-weight: 700\r\n}\r\n\r\n.font-extrabold {\r\n    font-weight: 800\r\n}\r\n\r\n.font-medium {\r\n    font-weight: 500\r\n}\r\n\r\n.font-normal {\r\n    font-weight: 400\r\n}\r\n\r\n.font-semibold {\r\n    font-weight: 600\r\n}\r\n\r\n.uppercase {\r\n    text-transform: uppercase\r\n}\r\n\r\n.text-white {\r\n    color: #fff\r\n}\r\n\r\n.underline {\r\n    text-decoration-line: underline\r\n}\r\n\r\n.transition-transform {\r\n    transition-property: transform;\r\n    transition-timing-function: cubic-bezier(.4, 0, .2, 1);\r\n    transition-duration: .15s\r\n}\r\n\r\n.main-bg-color {\r\n    background: linear-gradient(180deg, #0972ff 4.46%, #1c7bfad4 14.46%, #fbe1dd 25%, #e2d5e0f0 36.54%, #3a88f394 49.04%, #1678fce0)\r\n}\r\n\r\n.displaynone {\r\n    display: none\r\n}\r\n\r\n.bone-rotate-1 {\r\n    transform: rotate(-25deg)\r\n}\r\n\r\n.bone-rotate-2 {\r\n    transform: rotate(40deg)\r\n}\r\n\r\n.bone-rotate-3 {\r\n    transform: rotate(45deg)\r\n}\r\n\r\n.aod-cta-button {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 10px 25px;\r\n    line-height: 1.2;\r\n    background: #ffcc02;\r\n    border: none;\r\n    border-radius: 3px;\r\n    color: #000;\r\n    font-weight: 700;\r\n    font-size: 1.5rem;\r\n    -webkit-text-decoration: none;\r\n    text-decoration: none;\r\n    cursor: pointer;\r\n    transition: background-color .2s ease\r\n}\r\n\r\n.aod-cta-button:hover {\r\n    background: #e6b800\r\n}\r\n\r\n.scroll-arrow {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: #fc0;\r\n    cursor: pointer;\r\n    animation: bounceArrow 2s ease-in-out infinite;\r\n    transition: color .2s ease\r\n}\r\n\r\n.scroll-arrow:hover {\r\n    color: #fff\r\n}\r\n\r\n.scroll-arrow.hidden {\r\n    display: none\r\n}\r\n\r\n@keyframes bounceArrow {\r\n\r\n    0%,\r\n    to {\r\n        transform: translateY(0)\r\n    }\r\n\r\n    50% {\r\n        transform: translateY(10px)\r\n    }\r\n}\r\n\r\n.bg-gradient-custom {\r\n    background: linear-gradient(0deg, #2b435e, #0f1e2f)\r\n}\r\n\r\n.dog-cloud-float {\r\n    animation: dogCloudFloat 6s ease-in-out infinite\r\n}\r\n\r\n.dog-cloud-float-slow {\r\n    animation: dogCloudFloat 8s ease-in-out infinite\r\n}\r\n\r\n.dog-cloud-float-delayed {\r\n    animation: dogCloudFloat 7s ease-in-out infinite 1s\r\n}\r\n\r\n.dog-cloud-float-delayed-2 {\r\n    animation: dogCloudFloat 6.5s ease-in-out infinite 2s\r\n}\r\n\r\n@keyframes dogCloudFloat {\r\n\r\n    0%,\r\n    to {\r\n        transform: translateY(0) rotate(0)\r\n    }\r\n\r\n    25% {\r\n        transform: translateY(-8px) rotate(.5deg)\r\n    }\r\n\r\n    50% {\r\n        transform: translateY(-4px) rotate(0)\r\n    }\r\n\r\n    75% {\r\n        transform: translateY(-10px) rotate(-.5deg)\r\n    }\r\n}\r\n\r\n.wind-lines {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    overflow: hidden;\r\n    pointer-events: none;\r\n    z-index: 1\r\n}\r\n\r\n.wind-svg {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%\r\n}\r\n\r\n.wind-path {\r\n    fill: none;\r\n    stroke: #fff3;\r\n    stroke-width: 1;\r\n    stroke-linecap: round;\r\n    stroke-dasharray: 80 1000;\r\n    stroke-dashoffset: 1080;\r\n    animation: windFlow 4s linear infinite\r\n}\r\n\r\n.wind-path-faint {\r\n    stroke-width: .8;\r\n    stroke: #ffffff26\r\n}\r\n\r\n.wind-path-subtle {\r\n    stroke-width: 1;\r\n    stroke: #ffffff38\r\n}\r\n\r\n.wind-path-visible {\r\n    stroke-width: 1.5;\r\n    stroke: #ffffff59\r\n}\r\n\r\n.wind-path-strong {\r\n    stroke-width: 2;\r\n    stroke: #ffffff73\r\n}\r\n\r\n.wind-path:nth-child(1) {\r\n    animation: windFlow 3.5s linear infinite\r\n}\r\n\r\n.wind-path:nth-child(2) {\r\n    animation: windFlow 4s linear infinite .5s\r\n}\r\n\r\n.wind-path:nth-child(3) {\r\n    animation: windFlow 3s linear infinite 1s\r\n}\r\n\r\n.wind-path:nth-child(4) {\r\n    animation: windFlow 4.5s linear infinite .3s\r\n}\r\n\r\n.wind-path:nth-child(5) {\r\n    animation: windFlow 3.8s linear infinite 1.2s\r\n}\r\n\r\n.wind-path:nth-child(6) {\r\n    animation: windFlow 4.2s linear infinite .8s\r\n}\r\n\r\n.wind-path:nth-child(7) {\r\n    animation: windFlow 3.2s linear infinite 1.5s\r\n}\r\n\r\n.wind-path:nth-child(8) {\r\n    animation: windFlow 4s linear infinite .2s\r\n}\r\n\r\n@keyframes windFlow {\r\n    0% {\r\n        stroke-dasharray: 80 1000;\r\n        stroke-dashoffset: 1080\r\n    }\r\n\r\n    to {\r\n        stroke-dasharray: 80 1000;\r\n        stroke-dashoffset: 0\r\n    }\r\n}\r\n\r\n.wind-effect {\r\n    animation: windBlow 20s ease-in-out infinite\r\n}\r\n\r\n@keyframes windBlow {\r\n\r\n    0%,\r\n    to {\r\n        transform: translate(0) skew(0)\r\n    }\r\n\r\n    25% {\r\n        transform: translate(25px) skew(-.5deg)\r\n    }\r\n\r\n    50% {\r\n        transform: translate(10px) skew(.3deg)\r\n    }\r\n\r\n    75% {\r\n        transform: translate(35px) skew(-.3deg)\r\n    }\r\n}\r\n\r\n.cloud-float {\r\n    animation: cloudFloat 8s ease-in-out infinite, cloudDrift 15s linear infinite\r\n}\r\n\r\n.cloud-float-slow {\r\n    animation: cloudFloat 12s ease-in-out infinite, cloudDrift 20s linear infinite\r\n}\r\n\r\n.cloud-float-fast {\r\n    animation: cloudFloat 6s ease-in-out infinite, cloudDrift 12s linear infinite\r\n}\r\n\r\n.delay-1 {\r\n    animation-delay: -2s\r\n}\r\n\r\n.delay-2 {\r\n    animation-delay: -4s\r\n}\r\n\r\n.delay-3 {\r\n    animation-delay: -1s\r\n}\r\n\r\n.delay-4 {\r\n    animation-delay: -5s\r\n}\r\n\r\n.delay-5 {\r\n    animation-delay: -3s\r\n}\r\n\r\n.delay-6 {\r\n    animation-delay: -6s\r\n}\r\n\r\n@keyframes cloudFloat {\r\n\r\n    0%,\r\n    to {\r\n        transform: translate(0) translateY(0)\r\n    }\r\n\r\n    25% {\r\n        transform: translate(10px) translateY(-3px)\r\n    }\r\n\r\n    50% {\r\n        transform: translate(20px) translateY(2px)\r\n    }\r\n\r\n    75% {\r\n        transform: translate(8px) translateY(-2px)\r\n    }\r\n}\r\n\r\n@keyframes cloudDrift {\r\n\r\n    0%,\r\n    to {\r\n        opacity: .95\r\n    }\r\n\r\n    50% {\r\n        opacity: 1\r\n    }\r\n}\r\n\r\n.house-container {\r\n    position: relative;\r\n    overflow: visible;\r\n    transition: transform .3s ease\r\n}\r\n\r\n.house-container:before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    width: 0;\r\n    height: 0;\r\n    background: radial-gradient(circle, rgba(255, 204, 0, .9) 0%, rgba(255, 255, 255, .8) 30%, transparent 70%);\r\n    border-radius: 50%;\r\n    transform: translate(-50%, -50%);\r\n    z-index: 10;\r\n    pointer-events: none;\r\n    opacity: 0\r\n}\r\n\r\n.house-container.revealing:before {\r\n    animation: flashBurstMobile .5s ease-out forwards\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .house-container.revealing:before {\r\n        animation: flashBurst .6s ease-out forwards\r\n    }\r\n}\r\n\r\n@keyframes flashBurstMobile {\r\n    0% {\r\n        width: 0;\r\n        height: 0;\r\n        opacity: 1\r\n    }\r\n\r\n    50% {\r\n        width: 160px;\r\n        height: 160px;\r\n        opacity: .8\r\n    }\r\n\r\n    to {\r\n        width: 220px;\r\n        height: 220px;\r\n        opacity: 0\r\n    }\r\n}\r\n\r\n@keyframes flashBurst {\r\n    0% {\r\n        width: 0;\r\n        height: 0;\r\n        opacity: 1\r\n    }\r\n\r\n    50% {\r\n        width: 500px;\r\n        height: 500px;\r\n        opacity: .8\r\n    }\r\n\r\n    to {\r\n        width: 700px;\r\n        height: 700px;\r\n        opacity: 0\r\n    }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .house-container:not(.opened):not(.loading) .house-image:hover {\r\n        transform: scale(1.05)\r\n    }\r\n}\r\n\r\n.house-image {\r\n    transition: transform .3s ease, opacity .3s ease, filter .3s ease;\r\n    will-change: transform, opacity, filter\r\n}\r\n\r\n.house-container.loading .house-image {\r\n    animation: houseShake .25s ease-in-out infinite;\r\n    filter: drop-shadow(0 0 15px rgba(255, 204, 0, .5)) drop-shadow(0 0 25px rgba(255, 204, 0, .3))\r\n}\r\n\r\n.house-container.revealing .house-image {\r\n    animation: houseExplode .5s ease-out forwards\r\n}\r\n\r\n.house-container.opened .house-image {\r\n    opacity: 0;\r\n    pointer-events: none;\r\n    transform: scale(1.5)\r\n}\r\n\r\n@keyframes houseShake {\r\n\r\n    0%,\r\n    to {\r\n        transform: translate(0) rotate(0)\r\n    }\r\n\r\n    25% {\r\n        transform: translate(-3px) rotate(-1deg)\r\n    }\r\n\r\n    75% {\r\n        transform: translate(3px) rotate(1deg)\r\n    }\r\n}\r\n\r\n@keyframes houseExplode {\r\n    0% {\r\n        transform: scale(1);\r\n        opacity: 1;\r\n        filter: drop-shadow(0 0 20px rgba(255, 204, 0, .8))\r\n    }\r\n\r\n    30% {\r\n        transform: scale(1.15);\r\n        opacity: 1;\r\n        filter: drop-shadow(0 0 40px rgba(255, 255, 255, 1))\r\n    }\r\n\r\n    to {\r\n        transform: scale(1.4);\r\n        opacity: 0;\r\n        filter: drop-shadow(0 0 0 transparent)\r\n    }\r\n}\r\n\r\n.houses-slider {\r\n    display: flex;\r\n    align-items: flex-end;\r\n    justify-content: center;\r\n    gap: 2rem\r\n}\r\n\r\n.mobile-slider-wrapper {\r\n    display: none\r\n}\r\n\r\n@media (max-width: 1023px) {\r\n    .houses-slider {\r\n        display: none\r\n    }\r\n\r\n    .mobile-slider-wrapper {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        width: 100%;\r\n        padding: 4rem 0 3rem;\r\n        gap: 0;\r\n        overflow: visible\r\n    }\r\n\r\n    .mobile-slider-left-house {\r\n        flex-shrink: 0;\r\n        margin-left: 10px\r\n    }\r\n\r\n    .mobile-slider-right-house {\r\n        flex-shrink: 0;\r\n        margin-right: 10px\r\n    }\r\n\r\n    .mobile-slider-left-house .house-container,\r\n    .mobile-slider-right-house .house-container {\r\n        transform: scale(1.4);\r\n        opacity: 1;\r\n        transition: all .4s ease\r\n    }\r\n\r\n    .mobile-slider-center-house {\r\n        flex-shrink: 0\r\n    }\r\n\r\n    .mobile-slider-center-house .house-container {\r\n        transform: scale(1.6);\r\n        filter: blur(0);\r\n        opacity: 1;\r\n        z-index: 10;\r\n        transition: all .4s ease\r\n    }\r\n}\r\n\r\n.slider-arrow {\r\n    display: none;\r\n    background: none;\r\n    border: none;\r\n    cursor: pointer;\r\n    padding: .25rem;\r\n    z-index: 20;\r\n    transition: transform .2s ease;\r\n    flex-shrink: 0\r\n}\r\n\r\n@media (max-width: 1023px) {\r\n    .slider-arrow {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center\r\n    }\r\n\r\n    .slider-arrow-left {\r\n        margin-left: 5px;\r\n        margin-right: 10px\r\n    }\r\n\r\n    .slider-arrow-right {\r\n        margin-left: 10px;\r\n        margin-right: 5px\r\n    }\r\n}\r\n\r\n.slider-arrow:hover {\r\n    transform: scale(1.1)\r\n}\r\n\r\n.slider-arrow:active {\r\n    transform: scale(.95)\r\n}\r\n\r\n.result-container {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%) scale(0);\r\n    opacity: 0;\r\n    z-index: 5;\r\n    pointer-events: none;\r\n    will-change: transform, opacity\r\n}\r\n\r\n.house-container.opened.win .win-result {\r\n    animation: resultRevealWin .8s cubic-bezier(.34, 1.56, .64, 1) forwards;\r\n    animation-delay: .2s\r\n}\r\n\r\n.house-container.opened.fail .fail-result {\r\n    animation: resultRevealFail .7s cubic-bezier(.34, 1.56, .64, 1) forwards;\r\n    animation-delay: .2s\r\n}\r\n\r\n@keyframes resultRevealWin {\r\n    0% {\r\n        opacity: 0;\r\n        transform: translate(-50%, -50%) scale(0) rotate(-10deg);\r\n        filter: drop-shadow(0 0 0 transparent)\r\n    }\r\n\r\n    50% {\r\n        opacity: 1;\r\n        transform: translate(-50%, -50%) scale(1.15) rotate(3deg);\r\n        filter: drop-shadow(0 0 30px rgba(255, 204, 0, .8))\r\n    }\r\n\r\n    70% {\r\n        transform: translate(-50%, -50%) scale(.95) rotate(-2deg);\r\n        filter: drop-shadow(0 0 20px rgba(255, 204, 0, .6))\r\n    }\r\n\r\n    85% {\r\n        transform: translate(-50%, -50%) scale(1.05) rotate(1deg)\r\n    }\r\n\r\n    to {\r\n        opacity: 1;\r\n        transform: translate(-50%, -50%) scale(1) rotate(0);\r\n        filter: drop-shadow(0 0 15px rgba(255, 204, 0, .4))\r\n    }\r\n}\r\n\r\n@keyframes resultRevealFail {\r\n    0% {\r\n        opacity: 0;\r\n        transform: translate(-50%, -80%) scale(.8)\r\n    }\r\n\r\n    60% {\r\n        opacity: 1;\r\n        transform: translate(-50%, -45%) scale(1.05)\r\n    }\r\n\r\n    80% {\r\n        transform: translate(-50%, -52%) scale(.98)\r\n    }\r\n\r\n    to {\r\n        opacity: 1;\r\n        transform: translate(-50%, -50%) scale(1)\r\n    }\r\n}\r\n\r\n.fail-result {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center\r\n}\r\n\r\n.fail-house-image {\r\n    position: relative;\r\n    z-index: 1\r\n}\r\n\r\n.fail-bone-animation {\r\n    position: absolute;\r\n    bottom: 15%;\r\n    left: 50%;\r\n    transform: translate(-50%);\r\n    width: 55px;\r\n    height: auto;\r\n    z-index: 2;\r\n    animation: boneBounce 1s ease-out .3s forwards, boneSway 2s ease-in-out 1.3s infinite;\r\n    opacity: 0\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .fail-bone-animation {\r\n        width: 120px\r\n    }\r\n}\r\n\r\n@keyframes boneBounce {\r\n    0% {\r\n        opacity: 0;\r\n        transform: translate(-50%) translateY(-100px) scale(.5) rotate(-20deg)\r\n    }\r\n\r\n    50% {\r\n        opacity: 1;\r\n        transform: translate(-50%) translateY(10px) scale(1.1) rotate(10deg)\r\n    }\r\n\r\n    70% {\r\n        transform: translate(-50%) translateY(-5px) scale(.95) rotate(-5deg)\r\n    }\r\n\r\n    to {\r\n        opacity: 1;\r\n        transform: translate(-50%) translateY(0) scale(1) rotate(0)\r\n    }\r\n}\r\n\r\n@keyframes boneSway {\r\n\r\n    0%,\r\n    to {\r\n        transform: translate(-50%) rotate(0)\r\n    }\r\n\r\n    25% {\r\n        transform: translate(-50%) rotate(3deg)\r\n    }\r\n\r\n    75% {\r\n        transform: translate(-50%) rotate(-3deg)\r\n    }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    *,\r\n    *:before,\r\n    *:after {\r\n        animation-duration: .01ms !important;\r\n        animation-iteration-count: 1 !important;\r\n        transition-duration: .01ms !important\r\n    }\r\n}\r\n\r\n.game-overlay {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: #0000;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    z-index: 100;\r\n    backdrop-filter: blur(4px);\r\n    -webkit-backdrop-filter: blur(4px);\r\n    padding: 10px;\r\n    box-sizing: border-box\r\n}\r\n\r\n.game-overlay.hidden {\r\n    display: none\r\n}\r\n\r\n.game-overlay-content {\r\n    background: linear-gradient(135deg, #141e32f2, #0a1423f2);\r\n    border: 2px solid #FFCC00;\r\n    border-radius: 12px;\r\n    padding: 1.25rem;\r\n    width: 100%;\r\n    max-width: 320px;\r\n    text-align: center;\r\n    box-shadow: 0 0 30px #ffcc004d\r\n}\r\n\r\n.game-overlay-content p {\r\n    color: #fff;\r\n    font-size: 1.1rem;\r\n    line-height: 1.5;\r\n    margin: 0\r\n}\r\n\r\n.game-overlay-content h3 {\r\n    padding: 0\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .game-overlay {\r\n        padding: 0\r\n    }\r\n\r\n    .game-overlay-content {\r\n        padding: 3rem;\r\n        max-width: 600px;\r\n        border-radius: 15px\r\n    }\r\n\r\n    .game-overlay-content p {\r\n        font-size: 1.5rem;\r\n        line-height: 1.6\r\n    }\r\n}\r\n\r\n.game-overlay-title {\r\n    color: #fff;\r\n    font-size: 1.25rem;\r\n    font-weight: 700;\r\n    margin: 0 0 .5rem;\r\n    line-height: 1.3\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .game-overlay-title {\r\n        font-size: 2rem;\r\n        margin: 0 0 1rem\r\n    }\r\n}\r\n\r\n.overlay-buttons {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 6px;\r\n    margin-top: 1.5rem\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .overlay-buttons {\r\n        flex-direction: row;\r\n        margin-top: 1.5rem;\r\n        justify-content: center;\r\n        gap: 8px\r\n    }\r\n}\r\n\r\n.overlay-btn-primary {\r\n    width: 100%;\r\n    background-color: #fc0;\r\n    color: #000;\r\n    text-align: center;\r\n    font-size: 16px;\r\n    font-weight: 400;\r\n    padding: 10px 16px;\r\n    border: 1px solid #FFCC00;\r\n    border-radius: 2px;\r\n    cursor: pointer\r\n}\r\n\r\n.overlay-btn-primary:hover {\r\n    background-color: #eeb23e;\r\n    border-color: #eeb23e\r\n}\r\n\r\n.overlay-btn-secondary {\r\n    width: 100%;\r\n    background-color: transparent;\r\n    color: #fff;\r\n    text-align: center;\r\n    font-size: 16px;\r\n    font-weight: 400;\r\n    padding: 10px 16px;\r\n    border: 1px solid #FFCC00;\r\n    border-radius: 2px;\r\n    cursor: pointer\r\n}\r\n\r\n.overlay-btn-secondary:hover {\r\n    border-color: #eeb23e;\r\n    color: #fff\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n\r\n    .overlay-btn-primary,\r\n    .overlay-btn-secondary {\r\n        width: auto;\r\n        font-size: 22px;\r\n        padding: 12px 24px\r\n    }\r\n}\r\n\r\n.popup-overlay {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: #000000d4;\r\n    -webkit-backdrop-filter: blur(2px);\r\n    backdrop-filter: blur(2px);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    z-index: 1000\r\n}\r\n\r\n.popup-overlay.hidden {\r\n    display: none\r\n}\r\n\r\n.popup-wrapper {\r\n    position: relative;\r\n    width: 92vw;\r\n    max-width: 640px;\r\n    max-height: 90vh;\r\n    background: radial-gradient(59.38% 59.4% at 50% 50%, #2581fd 78.37%, #4996ff);\r\n    border-radius: 16px;\r\n    overflow: hidden;\r\n    overflow-y: auto;\r\n    box-shadow: 0 25px 50px -12px #00000080;\r\n    padding-bottom: 8px\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .popup-wrapper {\r\n        width: 95vw;\r\n        border-radius: 24px;\r\n        padding-bottom: 16px\r\n    }\r\n}\r\n\r\n.popup-wrapper {\r\n    scrollbar-width: thin;\r\n    scrollbar-color: #032e2e #0c2035\r\n}\r\n\r\n.popup-wrapper::-webkit-scrollbar {\r\n    width: 8px\r\n}\r\n\r\n.popup-wrapper::-webkit-scrollbar-track {\r\n    background: #0c2035\r\n}\r\n\r\n.popup-wrapper::-webkit-scrollbar-thumb {\r\n    background-color: #032e2e;\r\n    border-radius: 20px\r\n}\r\n\r\n.popup-close {\r\n    position: absolute;\r\n    top: 8px;\r\n    right: 8px;\r\n    background: transparent;\r\n    border: none;\r\n    color: #fff;\r\n    font-size: 30px;\r\n    font-weight: 700;\r\n    cursor: pointer;\r\n    z-index: 10;\r\n    transition: color .2s ease\r\n}\r\n\r\n.popup-close:hover {\r\n    color: #fc0\r\n}\r\n\r\n.popup-image-container {\r\n    position: relative;\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    padding: 16px 0 8px\r\n}\r\n\r\n.popup-image-container img {\r\n    width: 100px;\r\n    height: 100px;\r\n    -o-object-fit: contain;\r\n    object-fit: contain\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .popup-image-container {\r\n        padding: 24px 0 16px\r\n    }\r\n\r\n    .popup-image-container img {\r\n        width: 180px;\r\n        height: 180px\r\n    }\r\n}\r\n\r\n.popup-image-gradient {\r\n    display: none\r\n}\r\n\r\n.popup-content {\r\n    z-index: 2;\r\n    padding: 4px 16px 8px\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .popup-content {\r\n        padding: 8px 64px 16px\r\n    }\r\n}\r\n\r\n.popup-date {\r\n    display: block;\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    color: #ffffffb3;\r\n    margin-bottom: 0\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .popup-date {\r\n        font-size: 16px\r\n    }\r\n}\r\n\r\n.popup-content h3 {\r\n    font-size: 28px;\r\n    font-weight: 600;\r\n    color: #d3b56a;\r\n    margin: 0;\r\n    padding-bottom: 4px;\r\n    padding-top: 0\r\n}\r\n\r\n.popup-content p {\r\n    font-size: 16px;\r\n    font-weight: 400;\r\n    line-height: 1.5;\r\n    color: #fff;\r\n    margin: 0;\r\n    padding: 4px 0\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .popup-content h3 {\r\n        font-size: 40px;\r\n        padding-bottom: 8px\r\n    }\r\n\r\n    .popup-content p {\r\n        font-size: 18px;\r\n        line-height: 1.625;\r\n        padding: 8px 0\r\n    }\r\n}\r\n\r\n.popup-terms {\r\n    padding-top: 4px\r\n}\r\n\r\n.popup-terms-header {\r\n    display: flex;\r\n    align-items: center;\r\n    font-size: 16px;\r\n    color: #d3b56a;\r\n    cursor: pointer;\r\n    padding: 4px 0;\r\n    transition: color .2s ease\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .popup-terms-header {\r\n        font-size: 18px\r\n    }\r\n}\r\n\r\n.popup-terms-header:hover {\r\n    color: #eeb23e\r\n}\r\n\r\n.popup-terms-arrow {\r\n    display: inline-block;\r\n    width: 7px;\r\n    height: 7px;\r\n    border: solid #d3b56a;\r\n    border-width: 0 1px 1px 0;\r\n    margin-left: 4px;\r\n    transform: rotate(45deg);\r\n    transition: transform .3s ease\r\n}\r\n\r\n.popup-terms.expanded .popup-terms-arrow {\r\n    transform: rotate(-135deg)\r\n}\r\n\r\n.popup-terms-content {\r\n    font-size: 12px;\r\n    color: #d1d5db;\r\n    max-height: 100px;\r\n    overflow-y: auto;\r\n    padding: 4px 0;\r\n    line-height: 1.4;\r\n    scrollbar-width: thin;\r\n    scrollbar-color: #d3b56a #1a3a5c\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .popup-terms-content {\r\n        font-size: 14px;\r\n        max-height: 150px;\r\n        line-height: 1.5\r\n    }\r\n}\r\n\r\n.popup-terms-content.hidden {\r\n    display: none\r\n}\r\n\r\n.popup-terms-content::-webkit-scrollbar {\r\n    width: 6px\r\n}\r\n\r\n.popup-terms-content::-webkit-scrollbar-track {\r\n    background: #1a3a5c;\r\n    border-radius: 3px\r\n}\r\n\r\n.popup-terms-content::-webkit-scrollbar-thumb {\r\n    background-color: #d3b56a;\r\n    border-radius: 3px\r\n}\r\n\r\n.popup-buttons {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 6px;\r\n    z-index: 3;\r\n    padding: 12px 16px\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .popup-buttons {\r\n        flex-direction: row;\r\n        gap: 8px;\r\n        padding: 20px 64px\r\n    }\r\n}\r\n\r\n.popup-btn-primary {\r\n    width: 100%;\r\n    background-color: #fc0;\r\n    color: #000;\r\n    text-align: center;\r\n    font-size: 16px;\r\n    font-weight: 400;\r\n    padding: 10px 16px;\r\n    border: 1px solid #FFCC00;\r\n    border-radius: 2px;\r\n    cursor: pointer\r\n}\r\n\r\n.popup-btn-primary:hover {\r\n    background-color: #eeb23e;\r\n    border-color: #eeb23e\r\n}\r\n\r\n.popup-btn-primary:disabled {\r\n    opacity: .6;\r\n    cursor: not-allowed\r\n}\r\n\r\n.popup-btn-secondary {\r\n    width: 100%;\r\n    background-color: transparent;\r\n    color: #fff;\r\n    text-align: center;\r\n    font-size: 16px;\r\n    font-weight: 400;\r\n    padding: 10px 16px;\r\n    border: 1px solid #FFCC00;\r\n    border-radius: 2px;\r\n    cursor: pointer\r\n}\r\n\r\n.popup-btn-secondary:hover {\r\n    border-color: #eeb23e;\r\n    color: #fff\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n\r\n    .popup-btn-primary,\r\n    .popup-btn-secondary {\r\n        width: 50%;\r\n        font-size: 22px;\r\n        padding: 12px 24px\r\n    }\r\n}\r\n\r\n.popup-btn-primary.loading,\r\n.popup-btn-secondary.loading {\r\n    opacity: .6;\r\n    cursor: not-allowed\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .lg\\:bottom-0 {\r\n        bottom: 0\r\n    }\r\n\r\n    .lg\\:bottom-\\[-10\\%\\] {\r\n        bottom: -10%\r\n    }\r\n\r\n    .lg\\:bottom-\\[-12px\\] {\r\n        bottom: -12px\r\n    }\r\n\r\n    .lg\\:bottom-\\[-30px\\] {\r\n        bottom: -30px\r\n    }\r\n\r\n    .lg\\:bottom-\\[-40px\\] {\r\n        bottom: -40px\r\n    }\r\n\r\n    .lg\\:bottom-\\[-5px\\] {\r\n        bottom: -5px\r\n    }\r\n\r\n    .lg\\:left-\\[-10\\%\\] {\r\n        left: -10%\r\n    }\r\n\r\n    .lg\\:left-\\[-15\\%\\] {\r\n        left: -15%\r\n    }\r\n\r\n    .lg\\:left-\\[-5\\%\\] {\r\n        left: -5%\r\n    }\r\n\r\n    .lg\\:left-\\[10\\%\\] {\r\n        left: 10%\r\n    }\r\n\r\n    .lg\\:left-\\[18\\%\\] {\r\n        left: 18%\r\n    }\r\n\r\n    .lg\\:left-\\[20\\%\\] {\r\n        left: 20%\r\n    }\r\n\r\n    .lg\\:left-\\[40\\%\\] {\r\n        left: 40%\r\n    }\r\n\r\n    .lg\\:left-\\[70\\%\\] {\r\n        left: 70%\r\n    }\r\n\r\n    .lg\\:left-\\[92\\%\\] {\r\n        left: 92%\r\n    }\r\n\r\n    .lg\\:right-\\[-15\\%\\] {\r\n        right: -15%\r\n    }\r\n\r\n    .lg\\:right-\\[10\\%\\] {\r\n        right: 10%\r\n    }\r\n\r\n    .lg\\:right-\\[12\\%\\] {\r\n        right: 12%\r\n    }\r\n\r\n    .lg\\:right-auto {\r\n        right: auto\r\n    }\r\n\r\n    .lg\\:top-\\[35\\%\\] {\r\n        top: 35%\r\n    }\r\n\r\n    .lg\\:mx-auto {\r\n        margin-left: auto;\r\n        margin-right: auto\r\n    }\r\n\r\n    .lg\\:ml-\\[-205px\\] {\r\n        margin-left: -205px\r\n    }\r\n\r\n    .lg\\:mt-1 {\r\n        margin-top: .5rem\r\n    }\r\n\r\n    .lg\\:mt-\\[-100px\\] {\r\n        margin-top: -100px\r\n    }\r\n\r\n    .lg\\:mt-\\[-160px\\] {\r\n        margin-top: -160px\r\n    }\r\n\r\n    .lg\\:mt-\\[-207px\\] {\r\n        margin-top: -207px\r\n    }\r\n\r\n    .lg\\:block {\r\n        display: block\r\n    }\r\n\r\n    .lg\\:flex {\r\n        display: flex\r\n    }\r\n\r\n    .lg\\:h-\\[95\\%\\] {\r\n        height: 95%\r\n    }\r\n\r\n    .lg\\:h-\\[calc\\(100vh-25vh\\)\\] {\r\n        height: 75vh\r\n    }\r\n\r\n    .lg\\:min-h-0 {\r\n        min-height: 0\r\n    }\r\n\r\n    .lg\\:w-\\[120px\\] {\r\n        width: 120px\r\n    }\r\n\r\n    .lg\\:w-\\[20rem\\] {\r\n        width: 20rem\r\n    }\r\n\r\n    .lg\\:w-\\[380px\\] {\r\n        width: 380px\r\n    }\r\n\r\n    .lg\\:w-\\[410px\\] {\r\n        width: 410px\r\n    }\r\n\r\n    .lg\\:w-\\[500px\\] {\r\n        width: 500px\r\n    }\r\n\r\n    .lg\\:w-\\[60\\%\\] {\r\n        width: 60%\r\n    }\r\n\r\n    .lg\\:w-\\[600px\\] {\r\n        width: 600px\r\n    }\r\n\r\n    .lg\\:w-\\[60rem\\] {\r\n        width: 60rem\r\n    }\r\n\r\n    .lg\\:w-\\[65px\\] {\r\n        width: 65px\r\n    }\r\n\r\n    .lg\\:w-\\[700px\\] {\r\n        width: 700px\r\n    }\r\n\r\n    .lg\\:w-\\[70px\\] {\r\n        width: 70px\r\n    }\r\n\r\n    .lg\\:w-\\[800px\\] {\r\n        width: 800px\r\n    }\r\n\r\n    .lg\\:w-\\[80px\\] {\r\n        width: 80px\r\n    }\r\n\r\n    .lg\\:justify-center {\r\n        justify-content: center\r\n    }\r\n\r\n    .lg\\:py-6 {\r\n        padding-top: 3rem;\r\n        padding-bottom: 3rem\r\n    }\r\n\r\n    .lg\\:pb-4 {\r\n        padding-bottom: 2rem\r\n    }\r\n\r\n    .lg\\:pt-0 {\r\n        padding-top: 0\r\n    }\r\n\r\n    .lg\\:pt-48 {\r\n        padding-top: 24rem\r\n    }\r\n\r\n    .lg\\:text-3xl {\r\n        font-size: 1.875rem;\r\n        line-height: 2.25rem\r\n    }\r\n\r\n    .lg\\:text-lg {\r\n        font-size: 1.125rem;\r\n        line-height: 1.75rem\r\n    }\r\n\r\n    .lg\\:text-xl {\r\n        font-size: 1.25rem;\r\n        line-height: 1.75rem\r\n    }\r\n}\r\n</style>","beforeEndBody":""},"conditionIds":["72e5733c-5c1a-42bc-a421-cbe7b567d840","536a0342-c6ec-4919-b04d-5f1c0c5c683d"]},{"tagId":"561de9f3-d2bc-447c-afac-810ae19d1594","tagTypeId":"custom_tag_type","name":"Before Render /golden-games","description":"Before Render /golden-games","config":{"beforeEndHead":"<style>\n.\\!container {\n    width: 100% !important\n}\n\n.container {\n    width: 100%\n}\n\n@media (min-width: 640px) {\n    .\\!container {\n        max-width: 640px !important\n    }\n\n    .container {\n        max-width: 640px\n    }\n}\n\n@media (min-width: 768px) {\n    .\\!container {\n        max-width: 768px !important\n    }\n\n    .container {\n        max-width: 768px\n    }\n}\n\n@media (min-width: 1024px) {\n    .\\!container {\n        max-width: 1024px !important\n    }\n\n    .container {\n        max-width: 1024px\n    }\n}\n\n@media (min-width: 1280px) {\n    .\\!container {\n        max-width: 1280px !important\n    }\n\n    .container {\n        max-width: 1280px\n    }\n}\n\n@media (min-width: 1536px) {\n    .\\!container {\n        max-width: 1536px !important\n    }\n\n    .container {\n        max-width: 1536px\n    }\n}\n\n.fixed {\n    position: fixed\n}\n\n.absolute {\n    position: absolute\n}\n\n.relative {\n    position: relative\n}\n\n.inset-0 {\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0\n}\n\n.-right-1 {\n    right: -.5rem\n}\n\n.-top-1 {\n    top: -.5rem\n}\n\n.bottom-0 {\n    bottom: 0\n}\n\n.bottom-1 {\n    bottom: .5rem\n}\n\n.left-0 {\n    left: 0\n}\n\n.left-2 {\n    left: 1rem\n}\n\n.right-0 {\n    right: 0\n}\n\n.right-2 {\n    right: 1rem\n}\n\n.top-0 {\n    top: 0\n}\n\n.top-2 {\n    top: 1rem\n}\n\n.-z-\\[1\\] {\n    z-index: -1\n}\n\n.z-10 {\n    z-index: 10\n}\n\n.z-20 {\n    z-index: 20\n}\n\n.z-\\[\\+2\\] {\n    z-index: +2\n}\n\n.z-\\[\\+3\\] {\n    z-index: +3\n}\n\n.z-\\[10\\] {\n    z-index: 10\n}\n\n.z-\\[1\\] {\n    z-index: 1\n}\n\n.z-\\[3\\] {\n    z-index: 3\n}\n\n.m-0 {\n    margin: 0\n}\n\n.mx-1 {\n    margin-left: .5rem;\n    margin-right: .5rem\n}\n\n.mx-2 {\n    margin-left: 1rem;\n    margin-right: 1rem\n}\n\n.mx-auto {\n    margin-left: auto;\n    margin-right: auto\n}\n\n.my-0 {\n    margin-top: 0;\n    margin-bottom: 0\n}\n\n.mb-1 {\n    margin-bottom: .5rem\n}\n\n.mb-10 {\n    margin-bottom: 5rem\n}\n\n.mb-2 {\n    margin-bottom: 1rem\n}\n\n.mb-5 {\n    margin-bottom: 2.5rem\n}\n\n.mb-6 {\n    margin-bottom: 3rem\n}\n\n.ml-1 {\n    margin-left: .5rem\n}\n\n.ml-auto {\n    margin-left: auto\n}\n\n.mr-4 {\n    margin-right: 2rem\n}\n\n.mt-0 {\n    margin-top: 0\n}\n\n.mt-1 {\n    margin-top: .5rem\n}\n\n.mt-10 {\n    margin-top: 5rem\n}\n\n.mt-2 {\n    margin-top: 1rem\n}\n\n.mt-3 {\n    margin-top: 1.5rem\n}\n\n.mt-4 {\n    margin-top: 2rem\n}\n\n.flex {\n    display: flex\n}\n\n.grid {\n    display: grid\n}\n\n.h-3 {\n    height: 1.5rem\n}\n\n.h-\\[200px\\] {\n    height: 200px\n}\n\n.h-\\[80px\\] {\n    height: 80px\n}\n\n.h-\\[90px\\] {\n    height: 90px\n}\n\n.h-auto {\n    height: auto\n}\n\n.h-full {\n    height: 100%\n}\n\n.max-h-\\[150px\\] {\n    max-height: 150px\n}\n\n.max-h-\\[95vh\\] {\n    max-height: 95vh\n}\n\n.w-4 {\n    width: 2rem\n}\n\n.w-5 {\n    width: 2.5rem\n}\n\n.w-\\[320px\\] {\n    width: 320px\n}\n\n.w-\\[95vw\\] {\n    width: 95vw\n}\n\n.w-auto {\n    width: auto\n}\n\n.w-fit {\n    width: -moz-fit-content;\n    width: fit-content\n}\n\n.w-full {\n    width: 100%\n}\n\n.w-screen {\n    width: 100vw\n}\n\n.max-w-5xl {\n    max-width: 64rem\n}\n\n.max-w-\\[100px\\] {\n    max-width: 100px\n}\n\n.max-w-\\[320px\\] {\n    max-width: 320px\n}\n\n.max-w-screen-xl {\n    max-width: 1280px\n}\n\n.cursor-pointer {\n    cursor: pointer\n}\n\n.grid-cols-3 {\n    grid-template-columns: repeat(3, minmax(0, 1fr))\n}\n\n.flex-col {\n    flex-direction: column\n}\n\n.items-center {\n    align-items: center\n}\n\n.justify-center {\n    justify-content: center\n}\n\n.justify-between {\n    justify-content: space-between\n}\n\n.gap-2 {\n    gap: 1rem\n}\n\n.overflow-hidden {\n    overflow: hidden\n}\n\n.overflow-y-auto {\n    overflow-y: auto\n}\n\n.overflow-x-hidden {\n    overflow-x: hidden\n}\n\n.rounded-3xl {\n    border-radius: 1.5rem\n}\n\n.rounded-\\[11px\\] {\n    border-radius: 11px\n}\n\n.rounded-sm {\n    border-radius: .125rem\n}\n\n.rounded-xl {\n    border-radius: .75rem\n}\n\n.border {\n    border-width: 1px\n}\n\n.border-y-0 {\n    border-top-width: 0px;\n    border-bottom-width: 0px\n}\n\n.border-l-4 {\n    border-left-width: 4px\n}\n\n.border-r-0 {\n    border-right-width: 0px\n}\n\n.border-solid {\n    border-style: solid\n}\n\n.border-none {\n    border-style: none\n}\n\n.border-\\[\\#FFCC00\\] {\n    border-color: #fc0\n}\n\n.border-l-white {\n    border-left-color: #fff\n}\n\n.bg-\\[\\#08101F\\] {\n    background-color: #08101f\n}\n\n.bg-\\[\\#0E1720\\] {\n    background-color: #0e1720\n}\n\n.bg-\\[\\#21354D\\] {\n    background-color: #21354d\n}\n\n.bg-\\[\\#FFCC00\\] {\n    background-color: #fc0\n}\n\n.bg-transparent {\n    background-color: transparent\n}\n\n.object-cover {\n    -o-object-fit: cover;\n    object-fit: cover\n}\n\n.object-fill {\n    -o-object-fit: fill;\n    object-fit: fill\n}\n\n.object-center {\n    -o-object-position: center;\n    object-position: center\n}\n\n.px-2 {\n    padding-left: 1rem;\n    padding-right: 1rem\n}\n\n.px-3 {\n    padding-left: 1.5rem;\n    padding-right: 1.5rem\n}\n\n.px-4 {\n    padding-left: 2rem;\n    padding-right: 2rem\n}\n\n.px-\\[16px\\] {\n    padding-left: 16px;\n    padding-right: 16px\n}\n\n.py-1 {\n    padding-top: .5rem;\n    padding-bottom: .5rem\n}\n\n.py-2 {\n    padding-top: 1rem;\n    padding-bottom: 1rem\n}\n\n.py-\\[0\\.25rem\\] {\n    padding-top: .25rem;\n    padding-bottom: .25rem\n}\n\n.pb-16 {\n    padding-bottom: 8rem\n}\n\n.pb-2 {\n    padding-bottom: 1rem\n}\n\n.pb-3 {\n    padding-bottom: 1.5rem\n}\n\n.pb-4 {\n    padding-bottom: 2rem\n}\n\n.pb-6 {\n    padding-bottom: 3rem\n}\n\n.pb-\\[8px\\] {\n    padding-bottom: 8px\n}\n\n.pt-0 {\n    padding-top: 0\n}\n\n.pt-2 {\n    padding-top: 1rem\n}\n\n.pt-3 {\n    padding-top: 1.5rem\n}\n\n.pt-5 {\n    padding-top: 2.5rem\n}\n\n.pt-6 {\n    padding-top: 3rem\n}\n\n.pt-\\[8px\\] {\n    padding-top: 8px\n}\n\n.text-left {\n    text-align: left\n}\n\n.text-center {\n    text-align: center\n}\n\n.text-2xl {\n    font-size: 1.5rem;\n    line-height: 2rem\n}\n\n.text-3xl {\n    font-size: 1.875rem;\n    line-height: 2.25rem\n}\n\n.text-5xl {\n    font-size: 3rem;\n    line-height: 1\n}\n\n.text-\\[40px\\] {\n    font-size: 40px\n}\n\n.text-lg {\n    font-size: 1.125rem;\n    line-height: 1.75rem\n}\n\n.text-sm {\n    font-size: .875rem;\n    line-height: 1.25rem\n}\n\n.text-xl {\n    font-size: 1.25rem;\n    line-height: 1.75rem\n}\n\n.font-black {\n    font-weight: 900\n}\n\n.font-bold {\n    font-weight: 700\n}\n\n.font-extrabold {\n    font-weight: 800\n}\n\n.font-medium {\n    font-weight: 500\n}\n\n.font-normal {\n    font-weight: 400\n}\n\n.font-semibold {\n    font-weight: 600\n}\n\n.uppercase {\n    text-transform: uppercase\n}\n\n.leading-normal {\n    line-height: 1.5\n}\n\n.leading-relaxed {\n    line-height: 1.625\n}\n\n.text-\\[\\#02437F\\] {\n    color: #02437f\n}\n\n.text-\\[\\#223151\\] {\n    color: #223151\n}\n\n.text-\\[\\#32427f\\] {\n    color: #32427f\n}\n\n.text-\\[\\#FEC551\\] {\n    color: #fec551\n}\n\n.text-\\[\\#FFF5D2\\] {\n    color: #fff5d2\n}\n\n.text-\\[\\#d3b56a\\] {\n    color: #d3b56a\n}\n\n.text-black {\n    color: #000\n}\n\n.text-white {\n    color: #fff\n}\n\n.filter {\n    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n\n.transition-all {\n    transition-property: all;\n    transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n    transition-duration: .15s\n}\n\n.transition-transform {\n    transition-property: transform;\n    transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n    transition-duration: .15s\n}\n\n.duration-500 {\n    transition-duration: .5s\n}\n\n.ease-in-out {\n    transition-timing-function: cubic-bezier(.4, 0, .2, 1)\n}\n\n.displaynone {\n    display: none\n}\n\n.accordion-content {\n    max-height: 1000px;\n    overflow: hidden;\n    transition: max-height .3s ease\n}\n\ninput:not(:checked)~.accordion-content {\n    max-height: 0\n}\n\ninput:checked+.accordion-header:after {\n    transform: rotate(180deg)\n}\n\n.bg-main-image {\n    position: relative;\n    background-image: url(/library/landing-pages/golden-games/images/main-bg-image.webp);\n    background-repeat: no-repeat;\n    background-position: left bottom;\n    background-size: cover;\n    display: flex;\n    width: 100vw\n}\n\n@media (min-width: 1024px) {\n    .bg-main-image {\n        background-position: center bottom\n    }\n}\n\n.ticket-img {\n    border-radius: 3px;\n    box-shadow: 3px 4px 9.3px 5px #26282e52\n}\n\n.prizes-bg {\n    position: relative;\n    background: transparent;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border: 6px solid rgba(255, 180, 0, .6);\n    border-radius: 11px;\n    box-shadow: 0 0 8px 2px #ffb4004d\n}\n\n#leaderboard {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    grid-row-gap: 1rem;\n    row-gap: 1rem;\n    grid-column-gap: 1rem;\n    -moz-column-gap: 1rem;\n    column-gap: 1rem\n}\n\n@media (min-width: 640px) {\n    #leaderboard {\n        grid-template-columns: repeat(3, 1fr);\n        row-gap: 1.5rem;\n        -moz-column-gap: 1.5rem;\n        column-gap: 1.5rem\n    }\n\n    .prizes-bg {\n        border-width: 6px\n    }\n}\n\n@media (min-width: 1024px) {\n    .prizes-bg {\n        border-width: 6px\n    }\n}\n\n.game-bg-shadow {\n    box-shadow: -5px 14px 27.3px 21px #485169ab;\n    border-radius: 13px\n}\n\n.progress-bar-bg {\n    background: linear-gradient(180deg, #ffffff85 -8.98%, #617da585 24.05%, #a4afcd85 77.13%, #ffffff85 100.72%);\n    box-shadow: 3px 4px 9.3px 5px #26282e80\n}\n\n.progress-bar-track {\n    background: linear-gradient(87deg, #5c7d9a 24.35%, #9ba9c1 59.6%, #46484e 98.92%);\n    box-shadow: 3px 4px 9.3px 1px #7c360099\n}\n\n.progress-bar-fill {\n    background: linear-gradient(87deg, #ecba03 23%, #ffdd67 69.1%, #fff2b5 98.92%);\n    box-shadow: 0 0 10px #ffd70099, inset 0 -2px 4px #0003\n}\n\n.verlosung-bg {\n    background: linear-gradient(180deg, #ffffff85 -8.98%, #617da585 24.05%, #a4afcd85 77.13%, #ffffff85 100.72%);\n    box-shadow: 3px 4px 9.3px 5px #26282e80\n}\n\n#custom-popup-overlay {\n    -webkit-backdrop-filter: blur(2px);\n    backdrop-filter: blur(2px)\n}\n\n.popup-available-wrapper {\n    background-image: radial-gradient(circle at 50% 50%, #1a3a5c, #0d1f33 74%)\n}\n\n.popup-too_early-wrapper,\n.popup-too_late-wrapper {\n    background-image: radial-gradient(circle at 50% 50%, #0f2f4b, #0d273f 70%)\n}\n\n.popup-self_exclusion-wrapper {\n    background-image: radial-gradient(circle at 50% 50%, #3d1a1a, #2a1212 70%)\n}\n\n.popup-not_verified-wrapper,\n.popup-not_verified_no_first_deposit-wrapper,\n.popup-no_first_deposit-wrapper {\n    background-image: linear-gradient(to bottom, #00000059, #00000059), radial-gradient(circle at 50% 50%, #093d3d, #043232 49%)\n}\n\n.popup-already_claimed-wrapper {\n    background-image: radial-gradient(circle at 50% 50%, #2a4d1a, #1a3312 70%)\n}\n\n.popup-not_logged_in-wrapper {\n    background-image: radial-gradient(circle at 50% 50%, #1a3a5c, #0d1f33 74%)\n}\n\n.popup-golden-wrapper {\n    background-image: linear-gradient(to bottom, #d3b56a59, #d3b56a59), radial-gradient(circle at 50% 10%, #d3b56a, #6d5e37 49%)\n}\n\n#custom-popup {\n    scrollbar-width: thin;\n    scrollbar-color: #0c2035 #032e2e\n}\n\n#custom-popup::-webkit-scrollbar {\n    width: 8px\n}\n\n#custom-popup::-webkit-scrollbar-track {\n    background: #0c2035\n}\n\n#custom-popup::-webkit-scrollbar-thumb {\n    background-color: #032e2e;\n    border-radius: 20px\n}\n\n.arrow-icon {\n    width: 7px;\n    height: 7px;\n    border: solid #d3b56a;\n    border-width: 0 1px 1px 0;\n    display: inline-block;\n    padding: 0;\n    transform: rotate(45deg);\n    transition: transform .3s ease\n}\n\n.rotate-icon {\n    transform: rotate(-135deg)\n}\n\n.terms-content {\n    scrollbar-width: thin;\n    scrollbar-color: #d3b56a #1a3a5c\n}\n\n.terms-content::-webkit-scrollbar {\n    width: 6px\n}\n\n.terms-content::-webkit-scrollbar-track {\n    background: #1a3a5c;\n    border-radius: 3px\n}\n\n.terms-content::-webkit-scrollbar-thumb {\n    background-color: #d3b56a;\n    border-radius: 3px\n}\n\n.popup-primary-button:disabled {\n    opacity: .6;\n    cursor: not-allowed\n}\n\n.ticket-item {\n    transition: transform .2s ease\n}\n\n.ticket-item:active {\n    transform: scale(.98)\n}\n\n@keyframes shimmer {\n    0% {\n        left: -100%\n    }\n\n    to {\n        left: 200%\n    }\n}\n\n@keyframes glowPulse {\n\n    0%,\n    to {\n        box-shadow: 0 0 8px #d3b56a66, 0 0 16px #d3b56a33, 0 0 24px #d3b56a1a, inset 0 0 8px #d3b56a0d\n    }\n\n    50% {\n        box-shadow: 0 0 12px #fc09, 0 0 24px #ffcc004d, 0 0 36px #ffcc0026, inset 0 0 12px #ffcc0014\n    }\n}\n\n.raffle-overlay {\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: linear-gradient(180deg, #0d273f, #08101f);\n    border-radius: 13px;\n    padding: 2rem 1rem;\n    margin: 1rem\n}\n\n@media (min-width: 640px) {\n    .raffle-overlay {\n        padding: 3rem 2rem;\n        margin: 1.5rem\n    }\n}\n\n@media (min-width: 1024px) {\n    .raffle-overlay {\n        padding: 4rem 3rem;\n        margin: 2rem\n    }\n}\n\n.raffle-winner {\n    background: linear-gradient(180deg, #0d273f, #08101f);\n    border: 3px solid;\n    -o-border-image: linear-gradient(135deg, #d3b56a 0%, #FFCC00 25%, #FFE566 50%, #FFCC00 75%, #d3b56a 100%) 1;\n    border-image: linear-gradient(135deg, #d3b56a, #fc0, #ffe566, #fc0, #d3b56a) 1;\n    border-radius: 13px;\n    position: relative;\n    overflow: hidden;\n    animation: glowPulse 2.5s ease-in-out infinite\n}\n\n.raffle-winner:before {\n    content: \"\";\n    position: absolute;\n    top: -3px;\n    right: -3px;\n    bottom: -3px;\n    left: -3px;\n    border-radius: 13px;\n    padding: 3px;\n    background: linear-gradient(135deg, #d3b56a, #fc0, #ffe566, #fc0, #d3b56a);\n    -webkit-mask: linear-gradient(#fff 0, #fff 0) content-box, linear-gradient(#fff 0, #fff 0);\n    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n    -webkit-mask-composite: xor;\n    mask-composite: exclude;\n    pointer-events: none\n}\n\n.raffle-winner:after {\n    content: \"\";\n    position: absolute;\n    top: -50%;\n    left: -100%;\n    width: 60%;\n    height: 200%;\n    background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, .03) 25%, rgba(255, 255, 255, .12) 50%, rgba(255, 255, 255, .03) 75%, transparent 100%);\n    transform: skew(-20deg);\n    animation: shimmer 4s ease-in-out infinite;\n    pointer-events: none\n}\n\n.raffle-loser {\n    border: 2px solid rgba(255, 255, 255, .2)\n}\n\n.raffle-overlay-content {\n    text-align: center;\n    max-width: 600px;\n    padding: 1rem\n}\n\n@media (min-width: 640px) {\n    .raffle-overlay-content {\n        padding: 1.5rem\n    }\n}\n\n.raffle-congrats {\n    font-size: 1.5rem;\n    font-weight: 700;\n    color: #fc0;\n    margin-bottom: .75rem\n}\n\n@media (min-width: 640px) {\n    .raffle-congrats {\n        font-size: 2rem\n    }\n}\n\n@media (min-width: 1024px) {\n    .raffle-congrats {\n        font-size: 2.5rem\n    }\n}\n\n.raffle-title {\n    font-size: 1.125rem;\n    font-weight: 500;\n    color: #fff;\n    margin-bottom: 1.5rem;\n    line-height: 1.4\n}\n\n@media (min-width: 640px) {\n    .raffle-title {\n        font-size: 1.25rem\n    }\n}\n\n@media (min-width: 1024px) {\n    .raffle-title {\n        font-size: 1.5rem\n    }\n}\n\n.raffle-prize-label {\n    font-size: 1.125rem;\n    font-weight: 600;\n    color: #fff;\n    margin-bottom: .5rem\n}\n\n@media (min-width: 640px) {\n    .raffle-prize-label {\n        font-size: 1.25rem\n    }\n}\n\n@media (min-width: 1024px) {\n    .raffle-prize-label {\n        font-size: 1.5rem\n    }\n}\n\n.raffle-prize-value {\n    font-size: 1.5rem;\n    font-weight: 700;\n    color: #fc0;\n    margin-bottom: 1.5rem\n}\n\n@media (min-width: 640px) {\n    .raffle-prize-value {\n        font-size: 1.75rem\n    }\n}\n\n@media (min-width: 1024px) {\n    .raffle-prize-value {\n        font-size: 2rem;\n        margin-bottom: 2rem\n    }\n}\n\n.raffle-message {\n    font-size: 1rem;\n    font-weight: 400;\n    color: #fff;\n    line-height: 1.6\n}\n\n@media (min-width: 640px) {\n    .raffle-message {\n        font-size: 1.125rem\n    }\n}\n\n@media (min-width: 1024px) {\n    .raffle-message {\n        font-size: 1.25rem\n    }\n}\n\n.hover\\:border-\\[\\#EEB23E\\]:hover {\n    border-color: #eeb23e\n}\n\n.hover\\:bg-\\[\\#EEB23E\\]:hover {\n    background-color: #eeb23e\n}\n\n.hover\\:text-\\[\\#EEB23E\\]:hover {\n    color: #eeb23e\n}\n\n.hover\\:text-\\[\\#FFCC00\\]:hover {\n    color: #fc0\n}\n\n.hover\\:text-chinese-yellow:hover {\n    color: #f9b000\n}\n\n.hover\\:text-white:hover {\n    color: #fff\n}\n\n@media (min-width: 640px) {\n    .sm\\:left-5 {\n        left: 2.5rem\n    }\n\n    .sm\\:mb-4 {\n        margin-bottom: 2rem\n    }\n\n    .sm\\:mt-4 {\n        margin-top: 2rem\n    }\n\n    .sm\\:h-\\[120px\\] {\n        height: 120px\n    }\n\n    .sm\\:w-10 {\n        width: 5rem\n    }\n\n    .sm\\:w-6 {\n        width: 3rem\n    }\n\n    .sm\\:max-w-\\[120px\\] {\n        max-width: 120px\n    }\n\n    .sm\\:max-w-xl {\n        max-width: 36rem\n    }\n\n    .sm\\:grid-cols-4 {\n        grid-template-columns: repeat(4, minmax(0, 1fr))\n    }\n\n    .sm\\:px-0 {\n        padding-left: 0;\n        padding-right: 0\n    }\n\n    .sm\\:px-8 {\n        padding-left: 4rem;\n        padding-right: 4rem\n    }\n\n    .sm\\:py-6 {\n        padding-top: 3rem;\n        padding-bottom: 3rem\n    }\n\n    .sm\\:pb-10 {\n        padding-bottom: 5rem\n    }\n\n    .sm\\:pt-2 {\n        padding-top: 1rem\n    }\n\n    .sm\\:text-2xl {\n        font-size: 1.5rem;\n        line-height: 2rem\n    }\n\n    .sm\\:text-3xl {\n        font-size: 1.875rem;\n        line-height: 2.25rem\n    }\n\n    .sm\\:text-lg {\n        font-size: 1.125rem;\n        line-height: 1.75rem\n    }\n\n    .sm\\:text-xl {\n        font-size: 1.25rem;\n        line-height: 1.75rem\n    }\n}\n\n@media (min-width: 1024px) {\n    .lg\\:mx-auto {\n        margin-left: auto;\n        margin-right: auto\n    }\n\n    .lg\\:mb-10 {\n        margin-bottom: 5rem\n    }\n\n    .lg\\:mt-12 {\n        margin-top: 6rem\n    }\n\n    .lg\\:mt-4 {\n        margin-top: 2rem\n    }\n\n    .lg\\:block {\n        display: block\n    }\n\n    .lg\\:hidden {\n        display: none\n    }\n\n    .lg\\:h-\\[160px\\] {\n        height: 160px\n    }\n\n    .lg\\:h-\\[250px\\] {\n        height: 250px\n    }\n\n    .lg\\:h-\\[30px\\] {\n        height: 30px\n    }\n\n    .lg\\:w-7 {\n        width: 3.5rem\n    }\n\n    .lg\\:w-\\[50\\%\\] {\n        width: 50%\n    }\n\n    .lg\\:w-\\[50px\\] {\n        width: 50px\n    }\n\n    .lg\\:w-\\[550px\\] {\n        width: 550px\n    }\n\n    .lg\\:w-\\[60\\%\\] {\n        width: 60%\n    }\n\n    .lg\\:w-\\[640px\\] {\n        width: 640px\n    }\n\n    .lg\\:max-w-5xl {\n        max-width: 64rem\n    }\n\n    .lg\\:max-w-\\[150px\\] {\n        max-width: 150px\n    }\n\n    .lg\\:grid-cols-5 {\n        grid-template-columns: repeat(5, minmax(0, 1fr))\n    }\n\n    .lg\\:flex-row {\n        flex-direction: row\n    }\n\n    .lg\\:gap-3 {\n        gap: 1.5rem\n    }\n\n    .lg\\:px-16 {\n        padding-left: 8rem;\n        padding-right: 8rem\n    }\n\n    .lg\\:px-2 {\n        padding-left: 1rem;\n        padding-right: 1rem\n    }\n\n    .lg\\:px-3 {\n        padding-left: 1.5rem;\n        padding-right: 1.5rem\n    }\n\n    .lg\\:px-\\[40px\\] {\n        padding-left: 40px;\n        padding-right: 40px\n    }\n\n    .lg\\:px-\\[64px\\] {\n        padding-left: 64px;\n        padding-right: 64px\n    }\n\n    .lg\\:py-\\[30px\\] {\n        padding-top: 30px;\n        padding-bottom: 30px\n    }\n\n    .lg\\:pb-2 {\n        padding-bottom: 1rem\n    }\n\n    .lg\\:pb-20 {\n        padding-bottom: 10rem\n    }\n\n    .lg\\:pt-2 {\n        padding-top: 1rem\n    }\n\n    .lg\\:pt-5 {\n        padding-top: 2.5rem\n    }\n\n    .lg\\:text-2xl {\n        font-size: 1.5rem;\n        line-height: 2rem\n    }\n\n    .lg\\:text-3xl {\n        font-size: 1.875rem;\n        line-height: 2.25rem\n    }\n\n    .lg\\:text-4xl {\n        font-size: 2.25rem;\n        line-height: 2.5rem\n    }\n\n    .lg\\:text-5xl {\n        font-size: 3rem;\n        line-height: 1\n    }\n\n    .lg\\:text-6xl {\n        font-size: 3.75rem;\n        line-height: 1\n    }\n\n    .lg\\:text-xl {\n        font-size: 1.25rem;\n        line-height: 1.75rem\n    }\n}\n</style>","beforeEndBody":""},"conditionIds":["13b1777d-e876-41ac-9fdf-b91927b4f37b","536a0342-c6ec-4919-b04d-5f1c0c5c683d"]},{"tagId":"d2001cd8-ebb2-4331-a8ec-67cf203ac6fa","tagTypeId":"custom_tag_type","name":"Zendesk Messaging Integration Script","description":"Zendesk Messaging Integration Script","config":{"beforeEndHead":"<script>\n  if (window.self === window.top) {\n    var s = document.createElement('script');\n    s.id = 'ze-snippet';\n    s.src = 'https://static.zdassets.com/ekr/snippet.js?key=dae9a808-2e7b-4162-a6b6-7066939bcd6e';\n    document.head.appendChild(s);\n  }\n</script>","beforeEndBody":"window.zESettings = {    messaging: {      title: {        'en-US': 'Search for help'      },      chat: {        departments: {          enabled: [''],          select: 'GRP-ZD-SEC-CS'        }      },      helpCenter: {        originalArticleButton: false      },      contactForm: {        title: {          de: 'Anfrage einreichen',          \"de-CH\": 'Anfrage einreichen',          \"de-DE\": 'Anfrage einreichen',          fr: 'Soumettre une demande',          \"fr-FR\": 'Soumettre une demande',          \"fr-CH\": 'Soumettre une demande',          it: 'Invia una richiesta',          \"it-CH\": 'Invia una richiesta',          \"it-IT\": 'Invia una richiesta',          en: 'Submit a request',          \"en-US\": 'Submit a request'        },        selectTicketForm: {          de: 'Thema wählen',          \"de-CH\": 'Thema wählen',          \"de-DE\": 'Thema wählen',          fr: 'Choisissez le sujet',          \"fr-FR\": 'Choisissez le sujet',          \"fr-CH\": 'Choisissez le sujet',          it: 'Scegliere tema',          \"it-CH\": 'Scegliere tema',          \"it-IT\": 'Scegliere tema',          en: 'Choose topic',          \"en-US\": 'Choose topic'        }      },      contactOptions: {        enabled: true,        contactFormLabel: {          de: 'Anfrage einreichen',          \"de-CH\": 'Anfrage einreichen',          \"de-DE\": 'Anfrage einreichen',          fr: 'Soumettre une demande',          \"fr-FR\": 'Soumettre une demande',          \"fr-CH\": 'Soumettre une demande',          it: 'Invia una richiesta',          \"it-CH\": 'Invia una richiesta',          \"it-IT\": 'Invia una richiesta',          en: 'Submit a request',          \"en-US\": 'Submit a request'        }      },      answerBot: {        suppress: false,        title: {          '*': 'Swiss Casinos'        }      }    }  };\r\n"},"conditionIds":["536a0342-c6ec-4919-b04d-5f1c0c5c683d"]},{"tagId":"89f67a93-f7fe-42f3-80ba-68db3d77329f","tagTypeId":"custom_js","name":"After page Render JS  Zendesk","description":"After page Render JS  Zendesk","config":{"code":"zE('messenger:set', 'conversationFields', [ { id: '43806751225361', value: Playtech.API.device.formFactor } ]);"},"conditionIds":["4eaa767f-38ed-46ce-aea0-afceba7315fd"]},{"tagId":"1cc2abeb-c787-48ad-8aee-b396fe405ced","tagTypeId":"custom_js","name":"After Page render all pages","description":"After Page render all pages","config":{"code":"(() => {\r\n    /* mobile menu - close not active tabs */\r\n    document.addEventListener('click', (e) => {\r\n      const target = e.target.closest('.slide-menu__container > li');\r\n      \r\n      if (target && target.hasAttribute('data-url')) {\r\n        const opened = target.getAttribute('data-url');\r\n        const siblings = target.parentElement.querySelectorAll('li');\r\n        \r\n        siblings.forEach(sibling => {\r\n          if (sibling.getAttribute('data-url') !== opened) {\r\n            sibling.classList.remove('accordion_expanded', 'opened');\r\n            \r\n            const header = sibling.querySelector('.slide-menu__list__header');\r\n            if (header) {\r\n              header.classList.remove('fn-accordion-header_expanded', 'slide-menu__list__header_expanded');\r\n            }\r\n            \r\n            const body = sibling.querySelector('.slide-menu__list__body');\r\n            if (body) {\r\n              body.classList.remove('fn-accordion-body_expanded', 'slide-menu__list__body_expanded');\r\n            }\r\n          }\r\n        });\r\n      }\r\n    });\r\n\r\n    /* SC-1423 */\r\n    const aElement = document.querySelector('li[data-url=\"/helpcenter\"] a');\r\n    if (aElement) {\r\n      aElement.setAttribute('target', '_blank');\r\n    }\r\n\r\n    /* register service worker */\r\n    const isSafari = !!navigator.userAgent.match(/Version\\/[\\d\\.]+.*Safari/);\r\n    const isWorker = 'serviceWorker' in navigator;\r\n    \r\n    if (!isSafari && isWorker) {\r\n      navigator.serviceWorker\r\n        .register('/library/service-worker.js', { scope: '/' })\r\n        .then(reg => {\r\n          // Service worker registered successfully\r\n        })\r\n        .catch(err => {\r\n          console.log('Service worker error: ', err);\r\n        });\r\n    }\r\n})();"},"conditionIds":["4eaa767f-38ed-46ce-aea0-afceba7315fd"]},{"tagId":"614ce016-aa8a-469f-991b-a25970d1608e","tagTypeId":"custom_tag_type","name":"Before Render /lucky-weekend","description":"Before Render /lucky-weekend","config":{"beforeEndHead":"<style>\n#wheel-games-container {\n    display: flex;\n    justify-content: center;\n    width: 100%\n}\n\n.\\!container {\n    width: 100% !important\n}\n\n.container {\n    width: 100%\n}\n\n@media (min-width: 640px) {\n    .\\!container {\n        max-width: 640px !important\n    }\n\n    .container {\n        max-width: 640px\n    }\n}\n\n@media (min-width: 768px) {\n    .\\!container {\n        max-width: 768px !important\n    }\n\n    .container {\n        max-width: 768px\n    }\n}\n\n@media (min-width: 1024px) {\n    .\\!container {\n        max-width: 1024px !important\n    }\n\n    .container {\n        max-width: 1024px\n    }\n}\n\n@media (min-width: 1280px) {\n    .\\!container {\n        max-width: 1280px !important\n    }\n\n    .container {\n        max-width: 1280px\n    }\n}\n\n@media (min-width: 1536px) {\n    .\\!container {\n        max-width: 1536px !important\n    }\n\n    .container {\n        max-width: 1536px\n    }\n}\n\n.visible {\n    visibility: visible\n}\n\n.relative {\n    position: relative\n}\n\n.z-\\[1\\] {\n    z-index: 1\n}\n\n.mx-4 {\n    margin-left: 2rem;\n    margin-right: 2rem\n}\n\n.mx-auto {\n    margin-left: auto;\n    margin-right: auto\n}\n\n.mb-10 {\n    margin-bottom: 5rem\n}\n\n.mb-2 {\n    margin-bottom: 1rem\n}\n\n.ml-auto {\n    margin-left: auto\n}\n\n.mt-2 {\n    margin-top: 1rem\n}\n\n.mt-3 {\n    margin-top: 1.5rem\n}\n\n.flex {\n    display: flex\n}\n\n.min-h-\\[50vh\\] {\n    min-height: 50vh\n}\n\n.w-auto {\n    width: auto\n}\n\n.w-full {\n    width: 100%\n}\n\n.max-w-3xl {\n    max-width: 48rem\n}\n\n.max-w-5xl {\n    max-width: 64rem\n}\n\n.cursor-pointer {\n    cursor: pointer\n}\n\n.flex-col {\n    flex-direction: column\n}\n\n.items-center {\n    align-items: center\n}\n\n.justify-center {\n    justify-content: center\n}\n\n.justify-between {\n    justify-content: space-between\n}\n\n.overflow-x-hidden {\n    overflow-x: hidden\n}\n\n.rounded-xl {\n    border-radius: .75rem\n}\n\n.px-2 {\n    padding-left: 1rem;\n    padding-right: 1rem\n}\n\n.px-3 {\n    padding-left: 1.5rem;\n    padding-right: 1.5rem\n}\n\n.px-4 {\n    padding-left: 2rem;\n    padding-right: 2rem\n}\n\n.py-1 {\n    padding-top: .5rem;\n    padding-bottom: .5rem\n}\n\n.py-12 {\n    padding-top: 6rem;\n    padding-bottom: 6rem\n}\n\n.py-\\[0\\.25rem\\] {\n    padding-top: .25rem;\n    padding-bottom: .25rem\n}\n\n.pb-6 {\n    padding-bottom: 3rem\n}\n\n.pt-6 {\n    padding-top: 3rem\n}\n\n.text-center {\n    text-align: center\n}\n\n.text-2xl {\n    font-size: 1.5rem;\n    line-height: 2rem\n}\n\n.text-lg {\n    font-size: 1.125rem;\n    line-height: 1.75rem\n}\n\n.text-xl {\n    font-size: 1.25rem;\n    line-height: 1.75rem\n}\n\n.font-bold {\n    font-weight: 700\n}\n\n.font-normal {\n    font-weight: 400\n}\n\n.uppercase {\n    text-transform: uppercase\n}\n\n.text-white {\n    color: #fff\n}\n\n.underline {\n    text-decoration-line: underline\n}\n\n.filter {\n    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n\n.transition {\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n    transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n    transition-duration: .15s\n}\n\n.transition-transform {\n    transition-property: transform;\n    transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n    transition-duration: .15s\n}\n\nhtml {\n    scroll-behavior: smooth\n}\n\n.wheel-page {\n    --wp-wheel-size: 75vw;\n    --wp-gold: #f7b000;\n    --wp-gold-light: #ffca40;\n    --wp-gold-dark: #c48d00;\n    --wp-red: #8B0000;\n    --wp-red-light: #C41E3A;\n    --wp-bg: #0a0a0f;\n    --wp-bg-light: #0f0f1a;\n    --wp-bg-lighter: #1a1a2e\n}\n\n.page-background {\n    background: var(--wp-bg);\n    min-height: 100vh\n}\n\n.hero-section {\n    background: radial-gradient(ellipse at top, var(--wp-bg-lighter) 0%, transparent 70%), linear-gradient(180deg, var(--wp-bg-light) 0%, var(--wp-bg) 100%);\n    position: relative;\n    overflow: hidden\n}\n\n.hero-section:before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    background-image: radial-gradient(2px 2px at 20px 30px, rgba(255, 255, 255, .4), transparent), radial-gradient(2px 2px at 40px 70px, rgba(255, 255, 255, .3), transparent), radial-gradient(2px 2px at 50px 160px, rgba(255, 255, 255, .4), transparent), radial-gradient(2px 2px at 90px 40px, rgba(255, 255, 255, .3), transparent), radial-gradient(2px 2px at 130px 80px, rgba(255, 255, 255, .4), transparent), radial-gradient(2px 2px at 160px 120px, rgba(255, 255, 255, .3), transparent);\n    background-size: 200px 200px;\n    animation: sparkle 4s ease-in-out infinite;\n    pointer-events: none;\n    z-index: 0\n}\n\n.hero-section:after {\n    content: \"\";\n    position: absolute;\n    bottom: 0;\n    left: 50%;\n    transform: translate(-50%);\n    width: 80%;\n    max-width: 600px;\n    height: 1px;\n    background: linear-gradient(90deg, transparent 0%, rgba(247, 176, 0, .4) 50%, transparent 100%);\n    z-index: 1\n}\n\n.hero-glow {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 80%;\n    height: 80%;\n    background: radial-gradient(ellipse at center, rgba(247, 176, 0, .1) 0%, transparent 60%);\n    pointer-events: none;\n    z-index: 0\n}\n\n.hero-logo {\n    max-width: 770px;\n    width: 90%;\n    height: auto;\n    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, .5))\n}\n\n.hero-subtitle {\n    color: #ffffffe6;\n    line-height: 1.7;\n    text-shadow: 0 2px 4px rgba(0, 0, 0, .5)\n}\n\n.hero-highlight {\n    color: var(--wp-gold)\n}\n\n.scroll-indicator {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 4px;\n    margin-top: 2rem;\n    cursor: pointer;\n    z-index: 2;\n    -webkit-text-decoration: none;\n    text-decoration: none\n}\n\n.scroll-arrow {\n    width: 12px;\n    height: 12px;\n    border-right: 2px solid var(--wp-gold);\n    border-bottom: 2px solid var(--wp-gold);\n    transform: rotate(45deg);\n    opacity: 0;\n    animation: scrollFade 1.5s ease-in-out infinite\n}\n\n.scroll-arrow:nth-child(1) {\n    animation-delay: 0s\n}\n\n.scroll-arrow:nth-child(2) {\n    animation-delay: .2s\n}\n\n@keyframes scrollFade {\n    0% {\n        opacity: 0;\n        transform: rotate(45deg) translate(-4px, -4px)\n    }\n\n    50% {\n        opacity: 1\n    }\n\n    to {\n        opacity: 0;\n        transform: rotate(45deg) translate(4px, 4px)\n    }\n}\n\n.wheel-section {\n    position: relative;\n    background: radial-gradient(ellipse at center, #1a1a3e, #0a0a1a 70%)\n}\n\n.wheel-section:before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 200px;\n    background: linear-gradient(180deg, rgba(247, 176, 0, .03) 0%, transparent 100%);\n    pointer-events: none\n}\n\n.wheel-section:after {\n    content: \"\";\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    height: 150px;\n    background: linear-gradient(0deg, rgba(0, 0, 0, .5) 0%, transparent 100%);\n    pointer-events: none;\n    z-index: 0\n}\n\n.wheel-section-header {\n    text-align: center;\n    padding: 4rem 1rem 0;\n    position: relative\n}\n\n.wheel-section-title {\n    font-size: max(2rem, min(5vw, 3.5rem));\n    font-weight: 900;\n    color: var(--wp-gold);\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    margin: 0 0 .5rem;\n    position: relative;\n    z-index: 1;\n    text-shadow: 0 0 15px rgba(247, 176, 0, .4), 0 2px 4px rgba(0, 0, 0, .5)\n}\n\n.wheel-section-subtitle {\n    font-size: max(1rem, min(2.5vw, 1.3rem));\n    color: #fff;\n    margin: 0;\n    position: relative;\n    z-index: 1;\n    text-shadow: 0 2px 4px rgba(0, 0, 0, .5)\n}\n\n.faq-wrapper {\n    position: relative;\n    padding-top: 3rem\n}\n\n.faq-wrapper:before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 50%;\n    transform: translate(-50%);\n    width: 80%;\n    max-width: 600px;\n    height: 1px;\n    background: linear-gradient(90deg, transparent 0%, rgba(247, 176, 0, .4) 50%, transparent 100%)\n}\n\n.faq-section {\n    background: linear-gradient(160deg, #1a1a2ecc, #0f0f1ae6);\n    border: 1px solid rgba(247, 176, 0, .2);\n    box-shadow: 0 -10px 40px #0000004d, 0 10px 40px #00000080, inset 0 1px #ffffff0d;\n    -webkit-backdrop-filter: blur(10px);\n    backdrop-filter: blur(10px)\n}\n\n.faq-title {\n    font-size: max(2rem, min(5vw, 3rem));\n    font-weight: 900;\n    color: var(--wp-gold);\n    text-transform: uppercase;\n    margin: 0 0 1rem;\n    text-shadow: 0 2px 4px rgba(0, 0, 0, .5)\n}\n\n.faq-item {\n    background: linear-gradient(160deg, var(--wp-bg-lighter) 0%, var(--wp-bg-light) 100%);\n    border: 1px solid rgba(247, 176, 0, .2);\n    border-left: 4px solid var(--wp-gold);\n    border-radius: 4px;\n    transition: all .3s ease\n}\n\n.faq-item:hover {\n    border-color: #f7b00066;\n    background: linear-gradient(160deg, #22223a, #14141f)\n}\n\n.faq-item[open] {\n    border-color: var(--wp-gold)\n}\n\n.faq-answer {\n    color: #ffffffd9;\n    line-height: 1.6\n}\n\n.faq-link {\n    color: var(--wp-gold);\n    -webkit-text-decoration: underline;\n    text-decoration: underline;\n    transition: color .2s ease\n}\n\n.faq-link:hover {\n    color: var(--wp-gold-light)\n}\n\n.accordion summary::-webkit-details-marker {\n    display: none\n}\n\n.faq-item[open] summary span span:last-child {\n    transform: rotate(45deg);\n    color: var(--wp-gold)\n}\n\n.faq-item summary span span:last-child {\n    transition: transform .3s ease, color .3s ease;\n    color: var(--wp-gold)\n}\n\n.wheel-container {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 2rem .5rem 3rem;\n    min-height: auto;\n    margin: 0;\n    position: relative;\n    overflow: hidden;\n    width: 100%\n}\n\n.wheel-section .wheel-section-header:before,\n.wheel-container:before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    background-image: radial-gradient(2px 2px at 20px 30px, rgba(255, 255, 255, .6), transparent), radial-gradient(2px 2px at 40px 70px, rgba(255, 255, 255, .5), transparent), radial-gradient(2px 2px at 50px 160px, rgba(255, 255, 255, .6), transparent), radial-gradient(2px 2px at 90px 40px, rgba(255, 255, 255, .5), transparent), radial-gradient(2px 2px at 130px 80px, rgba(255, 255, 255, .6), transparent), radial-gradient(2px 2px at 160px 120px, rgba(255, 255, 255, .5), transparent);\n    background-size: 200px 200px;\n    animation: sparkle 4s ease-in-out infinite;\n    pointer-events: none;\n    z-index: 0\n}\n\n@keyframes sparkle {\n\n    0%,\n    to {\n        opacity: .7\n    }\n\n    50% {\n        opacity: 1\n    }\n}\n\n.wheel-wrapper {\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 3rem;\n    width: calc(var(--wp-wheel-size) + 80px);\n    height: calc(var(--wp-wheel-size) + 80px);\n    perspective: 1000px;\n    transform-style: preserve-3d\n}\n\n.wheel-outer-glow {\n    position: absolute;\n    width: calc(var(--wp-wheel-size) + 70px);\n    height: calc(var(--wp-wheel-size) + 70px);\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    border-radius: 50%;\n    background: conic-gradient(from 0deg, var(--wp-gold), var(--wp-red), var(--wp-gold-light), var(--wp-gold));\n    animation: rotateGlow 4s linear infinite;\n    filter: blur(30px);\n    opacity: .6\n}\n\n@keyframes rotateGlow {\n    0% {\n        transform: translate(-50%, -50%) rotate(0)\n    }\n\n    to {\n        transform: translate(-50%, -50%) rotate(360deg)\n    }\n}\n\n.wheel-border-ring {\n    position: absolute;\n    width: calc(var(--wp-wheel-size) + 45px);\n    height: calc(var(--wp-wheel-size) + 45px);\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    border-radius: 50%;\n    background: linear-gradient(180deg, #3a3a5a 0%, var(--wp-bg-lighter) 50%, #0a0a1a 100%);\n    box-shadow: 0 15px 35px #000000b3, 0 8px 15px #00000080, inset 0 3px 10px #ffffff1a, inset 0 -8px 25px #0009\n}\n\n.wheel-leds {\n    position: absolute;\n    width: calc(var(--wp-wheel-size) + 60px);\n    height: calc(var(--wp-wheel-size) + 60px);\n    top: 49%;\n    left: 49%;\n    transform: translate(-50%, -50%);\n    border-radius: 50%\n}\n\n.wheel-led {\n    position: absolute;\n    width: 8px;\n    height: 8px;\n    background: var(--wp-gold-light);\n    border-radius: 50%;\n    box-shadow: 0 0 8px var(--wp-gold), 0 0 15px var(--wp-gold);\n    animation: ledBlink .6s ease-in-out infinite alternate\n}\n\n.wheel-led:nth-child(odd) {\n    animation-delay: .3s;\n    background: var(--wp-gold);\n    box-shadow: 0 0 8px var(--wp-gold-light), 0 0 15px var(--wp-gold-light)\n}\n\n@keyframes ledBlink {\n    0% {\n        opacity: .4;\n        transform: scale(.8)\n    }\n\n    to {\n        opacity: 1;\n        transform: scale(1.1)\n    }\n}\n\n.wheel {\n    width: var(--wp-wheel-size);\n    height: var(--wp-wheel-size);\n    border-radius: 50%;\n    position: relative;\n    box-shadow: 0 0 0 8px var(--wp-bg-lighter), 0 0 0 12px #3a3a5a, 0 0 0 16px var(--wp-bg-lighter), 0 15px 35px #000000b3, 0 5px 15px #00000080, inset 0 5px 20px #ffffff1a, inset 0 -5px 20px #0006;\n    transition: transform 5s cubic-bezier(0, 0, .2, 1);\n    will-change: transform;\n    z-index: 10;\n    transform-style: preserve-3d\n}\n\n.wheel.spinning {\n    transition: transform 5s cubic-bezier(0, 0, .2, 1)\n}\n\n.wheel-segments {\n    width: 100%;\n    height: 100%;\n    border-radius: 50%;\n    position: relative;\n    overflow: hidden\n}\n\n.wheel-dividers {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    border-radius: 50%;\n    pointer-events: none;\n    z-index: 2\n}\n\n.wheel-divider {\n    position: absolute;\n    top: 0;\n    left: 50%;\n    width: 3px;\n    height: 50%;\n    background: linear-gradient(to bottom, var(--wp-gold-light), var(--wp-gold));\n    transform-origin: bottom center;\n    box-shadow: 0 0 8px #f7b00099\n}\n\n.wheel-3d-overlay {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    border-radius: 50%;\n    background: radial-gradient(circle at 35% 35%, rgba(255, 255, 255, .1) 0%, transparent 40%, transparent 60%, rgba(0, 0, 0, .15) 100%);\n    pointer-events: none;\n    z-index: 3\n}\n\n.wheel-labels {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    pointer-events: none\n}\n\n.wheel-label {\n    position: absolute;\n    font-weight: 900;\n    font-size: .65rem;\n    color: var(--wp-gold);\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    white-space: nowrap;\n    padding: .3rem .6rem;\n    border-radius: 6px;\n    background: linear-gradient(160deg, #1a1a2e, #0f0f1a);\n    box-shadow: 0 4px 15px #0009, 0 2px 6px #0006, inset 0 1px 1px #ffffff1a, inset 0 -1px 2px #0000004d;\n    writing-mode: horizontal-tb;\n    will-change: transform;\n    border: 1.5px solid var(--wp-gold);\n    text-shadow: 0 0 8px rgba(247, 176, 0, .4);\n    transform: translate(-50%, -50%)\n}\n\n.wheel-center {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: max(70px, min(18vw, 120px));\n    height: max(70px, min(18vw, 120px));\n    background: linear-gradient(160deg, #2a2a3e 0%, var(--wp-bg-lighter) 40%, #0a0a15 100%);\n    border-radius: 50%;\n    box-shadow: 0 10px 30px #000000b3, 0 5px 15px #00000080, 0 0 0 4px var(--wp-gold), 0 0 0 6px var(--wp-gold-dark), 0 0 0 10px var(--wp-bg-lighter), inset 0 3px 15px #ffffff26, inset 0 -5px 20px #00000080;\n    z-index: 20;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n    cursor: pointer;\n    transition: transform .2s ease, box-shadow .2s ease\n}\n\n.wheel-center:hover {\n    transform: translate(-50%, -50%) scale(1.08);\n    box-shadow: 0 10px 30px #000000b3, 0 5px 15px #00000080, 0 0 0 4px var(--wp-gold), 0 0 0 6px var(--wp-gold-dark), 0 0 0 10px var(--wp-bg-lighter), 0 0 20px #f7b00080, inset 0 3px 15px #ffffff26, inset 0 -5px 20px #00000080\n}\n\n.wheel-center:active {\n    transform: translate(-50%, -50%) scale(.95)\n}\n\n.wheel-center-logo {\n    width: 75%;\n    height: 75%;\n    -o-object-fit: contain;\n    object-fit: contain;\n    border-radius: 50%\n}\n\n.wheel-pointer {\n    position: absolute;\n    top: 0;\n    left: 50%;\n    transform: translate(-50%);\n    z-index: 30\n}\n\n.wheel-pointer svg {\n    width: 35px;\n    height: 50px;\n    filter: drop-shadow(0 8px 12px rgba(0, 0, 0, .5))\n}\n\n.wheel-pointer .pointer-main {\n    fill: url(#pointerGradient);\n    stroke: #6a4a00;\n    stroke-width: 1.5\n}\n\n.wheel-pointer .pointer-shine {\n    fill: #ffffff80\n}\n\n.spin-button {\n    padding: 1rem 2.5rem;\n    font-size: 1rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    color: #000;\n    background: #f7b000;\n    border: none;\n    border-radius: 3px;\n    cursor: pointer;\n    transition: opacity .2s ease;\n    z-index: 10\n}\n\n.spin-button:hover {\n    opacity: .9\n}\n\n.spin-button:active {\n    opacity: .8\n}\n\n.spin-button:disabled {\n    opacity: .5;\n    cursor: not-allowed\n}\n\n.spin-button:disabled:hover {\n    opacity: .5\n}\n\n.wheel-result {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%) scale(.8);\n    width: 75%;\n    max-width: 280px;\n    padding: 1.2rem 1rem;\n    background: linear-gradient(160deg, #1a1a2ef2, #0f0f1af2);\n    border-radius: 12px;\n    border: 2px solid var(--wp-gold);\n    text-align: center;\n    opacity: 0;\n    pointer-events: none;\n    transition: all .5s cubic-bezier(.34, 1.56, .64, 1);\n    z-index: 100;\n    box-shadow: 0 0 30px #f7b00066, 0 0 60px #f7b00033, 0 10px 30px #0009, inset 0 1px 2px #ffffff1a\n}\n\n.wheel-result.visible {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n    pointer-events: auto\n}\n\n.wheel-result-title {\n    font-size: max(1.1rem, min(3vw, 1.4rem));\n    color: #fff;\n    text-transform: uppercase;\n    letter-spacing: 3px;\n    margin-bottom: .75rem;\n    font-weight: 700;\n    text-shadow: 0 0 10px rgba(255, 255, 255, .3)\n}\n\n.wheel-result-prize {\n    font-size: max(2.5rem, min(8vw, 4rem));\n    font-weight: 900;\n    color: var(--wp-gold);\n    text-transform: uppercase\n}\n\n.wheel-result-button {\n    display: inline-block;\n    margin-top: 1rem;\n    padding: .75rem 2rem;\n    font-size: 1rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    color: #000;\n    background: var(--wp-gold);\n    border: none;\n    border-radius: 3px;\n    -webkit-text-decoration: none;\n    text-decoration: none;\n    cursor: pointer;\n    transition: opacity .2s ease\n}\n\n.wheel-result-button:hover {\n    opacity: .9\n}\n\n.wheel-result-button:active {\n    opacity: .8\n}\n\n.eligibility-overlay {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 50;\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity .3s ease\n}\n\n.eligibility-overlay.visible {\n    opacity: 1;\n    pointer-events: auto\n}\n\n.eligibility-message {\n    width: 75%;\n    max-width: 280px;\n    padding: 1.2rem 1rem;\n    background: linear-gradient(160deg, #1a1a2ef2, #0f0f1af2);\n    border-radius: 12px;\n    font-size: max(1.1rem, min(3vw, 1.4rem));\n    font-weight: 700;\n    text-align: center;\n    text-transform: uppercase;\n    letter-spacing: 3px;\n    line-height: 1.4;\n    color: #fff;\n    opacity: 0;\n    transform: scale(.8);\n    transition: all .5s cubic-bezier(.34, 1.56, .64, 1);\n    box-shadow: 0 0 30px #0006, 0 10px 30px #0009, inset 0 1px 2px #ffffff1a\n}\n\n.eligibility-message.visible {\n    opacity: 1;\n    transform: scale(1)\n}\n\n.eligibility-message.error {\n    border: 2px solid rgba(196, 30, 58, .6);\n    text-shadow: 0 0 10px rgba(255, 255, 255, .3)\n}\n\n.eligibility-message.info {\n    border: 2px solid rgba(247, 176, 0, .5);\n    text-shadow: 0 0 10px rgba(255, 255, 255, .3)\n}\n\n.wheel-wrapper.blurred .wheel,\n.wheel-wrapper.blurred .wheel-outer-glow,\n.wheel-wrapper.blurred .wheel-border-ring,\n.wheel-wrapper.blurred .wheel-leds,\n.wheel-wrapper.blurred .wheel-center {\n    filter: blur(8px);\n    transition: filter .3s ease\n}\n\n.wheel-wrapper.blurred .wheel-pointer {\n    filter: blur(4px);\n    transition: filter .3s ease\n}\n\n.wheel-wrapper.blurred-mild .wheel,\n.wheel-wrapper.blurred-mild .wheel-outer-glow,\n.wheel-wrapper.blurred-mild .wheel-border-ring,\n.wheel-wrapper.blurred-mild .wheel-leds,\n.wheel-wrapper.blurred-mild .wheel-center {\n    filter: blur(3px);\n    transition: filter .3s ease\n}\n\n.wheel-wrapper.blurred-mild .wheel-pointer {\n    filter: blur(2px);\n    transition: filter .3s ease\n}\n\n.confetti {\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    pointer-events: none;\n    z-index: 1000;\n    overflow: hidden\n}\n\n.confetti-piece {\n    position: absolute;\n    top: -20px;\n    animation: confettiFall 4s ease-out forwards\n}\n\n@keyframes confettiFall {\n    0% {\n        transform: translateY(0) rotate(0) scale(1);\n        opacity: 1\n    }\n\n    to {\n        transform: translateY(100vh) rotate(1080deg) scale(.5);\n        opacity: 0\n    }\n}\n\n@media (min-width: 375px) {\n    .wheel-page {\n        --wp-wheel-size: min(80vw, 320px)\n    }\n\n    .wheel-container {\n        padding: 2.5rem 1rem 3.5rem\n    }\n\n    .wheel-wrapper {\n        width: calc(var(--wp-wheel-size) + 90px);\n        height: calc(var(--wp-wheel-size) + 90px);\n        margin-bottom: 4rem\n    }\n\n    .wheel-outer-glow {\n        width: calc(var(--wp-wheel-size) + 80px);\n        height: calc(var(--wp-wheel-size) + 80px)\n    }\n\n    .wheel-led {\n        width: 10px;\n        height: 10px\n    }\n\n    .spin-button {\n        padding: 1rem 3rem;\n        font-size: 1rem\n    }\n\n    .wheel-label {\n        font-size: .75rem;\n        padding: .25rem .5rem\n    }\n\n    .wheel-pointer svg {\n        width: 40px;\n        height: 58px\n    }\n}\n\n@media (min-width: 640px) {\n    .wheel-page {\n        --wp-wheel-size: min(65vw, 400px)\n    }\n\n    .wheel-container {\n        padding: 3rem 1.5rem 4rem\n    }\n\n    .wheel-wrapper {\n        width: calc(var(--wp-wheel-size) + 100px);\n        height: calc(var(--wp-wheel-size) + 100px);\n        margin-bottom: 5rem\n    }\n\n    .wheel-outer-glow {\n        width: calc(var(--wp-wheel-size) + 100px);\n        height: calc(var(--wp-wheel-size) + 100px)\n    }\n\n    .wheel-led {\n        width: 12px;\n        height: 12px\n    }\n\n    .spin-button {\n        padding: 1rem 3.5rem;\n        font-size: 1.1rem\n    }\n\n    .wheel-label {\n        font-size: .85rem;\n        padding: .3rem .6rem;\n        border-width: 2px\n    }\n\n    .wheel-result,\n    .eligibility-message {\n        width: 70%;\n        max-width: 420px;\n        padding: 1.5rem 2rem;\n        border-radius: 16px;\n        border-width: 3px\n    }\n\n    .wheel-pointer {\n        top: -10px\n    }\n\n    .wheel-pointer svg {\n        width: 50px;\n        height: 72px\n    }\n}\n\n@media (min-width: 768px) {\n    .wheel-page {\n        --wp-wheel-size: min(55vw, 450px)\n    }\n\n    .wheel-container {\n        padding: 4rem 2rem 5rem\n    }\n\n    .wheel-led {\n        width: 14px;\n        height: 14px\n    }\n\n    .wheel-label {\n        font-size: .95rem\n    }\n\n    .wheel-pointer {\n        top: -15px\n    }\n\n    .wheel-pointer svg {\n        width: 55px;\n        height: 80px\n    }\n}\n\n@media (min-width: 1024px) {\n    .wheel-page {\n        --wp-wheel-size: 500px\n    }\n\n    .wheel-container {\n        padding: 5rem 2rem 6rem\n    }\n\n    .wheel-led {\n        width: 16px;\n        height: 16px\n    }\n\n    .spin-button {\n        padding: 1.1rem 4rem;\n        font-size: 1.2rem\n    }\n\n    .wheel-label {\n        font-size: 1.05rem;\n        padding: .35rem .7rem\n    }\n\n    .wheel-pointer {\n        top: -25px\n    }\n\n    .wheel-pointer svg {\n        width: 65px;\n        height: 95px\n    }\n}\n\n@media (min-width: 1280px) {\n    .wheel-page {\n        --wp-wheel-size: 550px\n    }\n\n    .wheel-container {\n        padding: 6rem 2rem 7rem\n    }\n\n    .wheel-label {\n        font-size: 1.15rem\n    }\n\n    .wheel-pointer svg {\n        width: 70px;\n        height: 100px\n    }\n}\n\n.displaynone {\n    display: none\n}\n\n.hover\\:\\!text-white:hover {\n    color: #fff !important\n}\n\n@media (min-width: 1024px) {\n    .lg\\:mx-auto {\n        margin-left: auto;\n        margin-right: auto\n    }\n\n    .lg\\:min-h-\\[60vh\\] {\n        min-height: 60vh\n    }\n\n    .lg\\:w-\\[60\\%\\] {\n        width: 60%\n    }\n\n    .lg\\:text-2xl {\n        font-size: 1.5rem;\n        line-height: 2rem\n    }\n\n    .lg\\:text-xl {\n        font-size: 1.25rem;\n        line-height: 1.75rem\n    }\n}\n</style>","beforeEndBody":""},"conditionIds":["3f2232eb-487c-4c79-97ac-0c99c41aba75","536a0342-c6ec-4919-b04d-5f1c0c5c683d"]},{"tagId":"278a98b5-38d4-4015-9fbe-981bfbe072e7","tagTypeId":"custom_js","name":"Visibility Condition of /lucky-weekend","description":"Visibility Condition of /lucky-weekend","config":{"code":"(async () => {\r\n  try {\r\n    const isLuckyWeekendPage = window.location.pathname.includes('/lucky-weekend');\r\n    \r\n    const loggedIn = await Playtech.API.auth.isLoggedIn;\r\n    \r\n    if (!loggedIn) {\r\n      if (isLuckyWeekendPage) {\r\n        Playtech.API.common.redirect('lobby');\r\n      }\r\n      return;\r\n    }\r\n    \r\n    const userTags = await Playtech.API.user.getPlayerTags();\r\n    const tags = userTags.data.tags || [];\r\n    \r\n    const isInTestGroup = tags.some(\r\n      tag => tag.name === \"sc/segmentation/lucky_weekend_group\" && \r\n             tag.value === \"test_group\"\r\n    );\r\n    \r\n    if (isInTestGroup) {\r\n      const hiddenMenuItem = document.querySelector('li.hidden-menu-item');\r\n      if (hiddenMenuItem) {\r\n        hiddenMenuItem.style.display = 'inline';\r\n      }\r\n    } else if (isLuckyWeekendPage) {\r\n      Playtech.API.common.redirect('/lobby');\r\n    }\r\n    \r\n  } catch (error) {\r\n    console.error(`ERROR: ${error}`);\r\n  }\r\n})();"},"conditionIds":["4eaa767f-38ed-46ce-aea0-afceba7315fd"]},{"tagId":"555f7d89-70af-4bdd-96a9-0eb2637fa0a6","tagTypeId":"custom_js","name":"After Render /lucky-weekend","description":"After Render /lucky-weekend","config":{"code":"(function () {\r\n\r\n  const PRIZE_SCHEDULE = [\r\n    {\r\n      dates: ['2026-01-30'],\r\n      tags: {\r\n        play: 'sc/promo/lucky_wheel_1',\r\n        result: 'sc/promo/lucky_wheel_result_1'\r\n      },\r\n      prizes: {\r\n        '10': {\r\n          en_US: '10 Free Spins',\r\n          de_DE: '10 Free Spins',\r\n          fr_FR: '10 Free Spins',\r\n          it_IT: '10 Free Spins'\r\n        },\r\n        '20': {\r\n          en_US: '20 Free Spins',\r\n          de_DE: '20 Free Spins',\r\n          fr_FR: '20 Free Spins',\r\n          it_IT: '20 Free Spins'\r\n        },\r\n        '0': {\r\n          en_US: 'No Win',\r\n          de_DE: 'Kein Gewinn',\r\n          fr_FR: 'Pas de gain',\r\n          it_IT: 'Nessuna vincita'\r\n        }\r\n      },\r\n      segments: [\r\n        { value: '10', color: '#C41E3A' },\r\n        { value: '20', color: '#1a1a2e' },\r\n        { value: '0', color: '#f7b000' },\r\n      ]\r\n    },\r\n    {\r\n      dates: ['2026-01-31'],\r\n      tags: {\r\n        play: 'sc/promo/lucky_wheel_2',\r\n        result: 'sc/promo/lucky_wheel_result_2'\r\n      },\r\n      prizes: {\r\n        '10': {\r\n          en_US: '10 Free Spins',\r\n          de_DE: '10 Free Spins',\r\n          fr_FR: '10 Free Spins',\r\n          it_IT: '10 Free Spins'\r\n        },\r\n        '20': {\r\n          en_US: '20 Free Spins',\r\n          de_DE: '20 Free Spins',\r\n          fr_FR: '20 Free Spins',\r\n          it_IT: '20 Free Spins'\r\n        },\r\n        '0': {\r\n          en_US: 'No Win',\r\n          de_DE: 'Kein Gewinn',\r\n          fr_FR: 'Pas de gain',\r\n          it_IT: 'Nessuna vincita'\r\n        }\r\n      },\r\n      segments: [\r\n        { value: '10', color: '#C41E3A' },\r\n        { value: '20', color: '#1a1a2e' },\r\n        { value: '0', color: '#f7b000' },\r\n      ]\r\n    },\r\n    {\r\n      dates: ['2026-02-01'],\r\n      tags: {\r\n        play: 'sc/promo/lucky_wheel_3',\r\n        result: 'sc/promo/lucky_wheel_result_3'\r\n      },\r\n      prizes: {\r\n        '15': {\r\n          en_US: '15 Free Spins',\r\n          de_DE: '15 Free Spins',\r\n          fr_FR: '15 Free Spins',\r\n          it_IT: '15 Free Spins'\r\n        },\r\n        '30': {\r\n          en_US: '30 Free Spins',\r\n          de_DE: '30 Free Spins',\r\n          fr_FR: '30 Free Spins',\r\n          it_IT: '30 Free Spins'\r\n        },\r\n        '0': {\r\n          en_US: 'No Win',\r\n          de_DE: 'Kein Gewinn',\r\n          fr_FR: 'Pas de gain',\r\n          it_IT: 'Nessuna vincita'\r\n        }\r\n      },\r\n      segments: [\r\n        { value: '15', color: '#C41E3A' },\r\n        { value: '30', color: '#1a1a2e' },\r\n        { value: '0', color: '#f7b000' },\r\n      ]\r\n    },\r\n  ];\r\n\r\n  const DEFAULT_CONFIG = {\r\n    tags: {\r\n      play: 'sc/promo/lucky_wheel_1',\r\n      result: 'sc/promo/lucky_wheel_result_1'\r\n    },\r\n    prizes: {\r\n      '10': {\r\n        en_US: '10 Free Spins',\r\n        de_DE: '10 Free Spins',\r\n        fr_FR: '10 Free Spins',\r\n        it_IT: '10 Free Spins'\r\n      },\r\n      '20': {\r\n        en_US: '20 Free Spins',\r\n        de_DE: '20 Free Spins',\r\n        fr_FR: '20 Free Spins',\r\n        it_IT: '20 Free Spins'\r\n      },\r\n      '0': {\r\n        en_US: 'No Win',\r\n        de_DE: 'Kein Gewinn',\r\n        fr_FR: 'Pas de gain',\r\n        it_IT: 'Nessuna vincita'\r\n      }\r\n    },\r\n    segments: [\r\n      { value: '10', color: '#C41E3A' },\r\n      { value: '20', color: '#1a1a2e' },\r\n      { value: '0', color: '#f7b000' },\r\n    ]\r\n  };\r\n\r\n  const SERVER_TIMEZONE = 'Europe/Zurich';\r\n\r\n  const getServerDate = () => {\r\n    return new Date().toLocaleDateString('en-CA', { timeZone: SERVER_TIMEZONE });\r\n  };\r\n\r\n  const getTodayConfig = () => {\r\n    const today = getServerDate();\r\n\r\n    for (const schedule of PRIZE_SCHEDULE) {\r\n      if (schedule.dates && schedule.dates.includes(today)) {\r\n        return {\r\n          tags: schedule.tags,\r\n          prizes: schedule.prizes,\r\n          segments: schedule.segments\r\n        };\r\n      }\r\n\r\n      if (schedule.startDate && schedule.endDate) {\r\n        if (today >= schedule.startDate && today <= schedule.endDate) {\r\n          return {\r\n            tags: schedule.tags,\r\n            prizes: schedule.prizes,\r\n            segments: schedule.segments\r\n          };\r\n        }\r\n      }\r\n    }\r\n\r\n    return DEFAULT_CONFIG;\r\n  };\r\n\r\n  const todayConfig = getTodayConfig();\r\n\r\n  const CONFIG = {\r\n    prizes: todayConfig.prizes,\r\n    segments: todayConfig.segments,\r\n    tags: todayConfig.tags,\r\n    spinDuration: 5000,\r\n    ledCount: 24,\r\n    centerLogo: '/library/landing-pages/lucky-wheel/images/Dancing-Symbol.webp',\r\n    requiredRegulation: 'CHE-2',\r\n    campaign: {\r\n      startDate: '2026-01-30',\r\n      endDate: '2026-02-01'\r\n    }\r\n  };\r\n\r\n  const isCampaignStarted = () => {\r\n    const today = getServerDate();\r\n    return today >= CONFIG.campaign.startDate;\r\n  };\r\n\r\n  const isCampaignLastDay = () => {\r\n    const today = getServerDate();\r\n    return today === CONFIG.campaign.endDate;\r\n  };\r\n\r\n  const isCampaignEnded = () => {\r\n    const today = getServerDate();\r\n    return today > CONFIG.campaign.endDate;\r\n  };\r\n\r\n  const VALID_PRIZES = Object.keys(CONFIG.prizes);\r\n\r\n  const TRANSLATIONS = {\r\n    en_US: {\r\n      loginToPlay: \"LOGIN TO PLAY\",\r\n      spin: \"SPIN\",\r\n      spinning: \"SPINNING...\",\r\n      loading: \"LOADING...\",\r\n      played: \"PLAYED\",\r\n      unavailable: \"UNAVAILABLE\",\r\n      loginMessage: \"Please log in to play\",\r\n      selfExcludedMessage: \"<strong>You currently have a gaming break activated</strong>.<br>During this time, the Lucky Weekend wheel of fortune is not available. \",\r\n      notEligibleMessage: \"Your account is not eligible to play\",\r\n      alreadyPlayedMessage: \"<strong>You have already spun once today and received your Free Spins</strong>.<br>Come back tomorrow and take advantage of your next chance. \",\r\n      congratulations: \"Congratulations!<br>Your prize:\",\r\n      timeoutError: \"<strong>The wheel of fortune is currently not available</strong>.<br>Please try again later.\",\r\n      notStartedYet: \"<strong>The Lucky Weekend is starting soon</strong>.<br>The wheel of fortune will be available to you from <br><strong>30.01.2026 at 00:00. </strong>\",\r\n      alreadyPlayedTodayLastDay: \"<strong>You have already spun once today and received your Free Spins</strong>.<br>Thank you for taking part in the Lucky Weekend. \",\r\n      campaignEnded: \"<strong>The Lucky Weekend has ended</strong>.<br>Thank you for participating!\",\r\n      acceptButton: \"Accept\"\r\n    },\r\n    de_DE: {\r\n      loginToPlay: \"EINLOGGEN\",\r\n      spin: \"DREHEN\",\r\n      spinning: \"DREHT...\",\r\n      loading: \"LADEN...\",\r\n      played: \"GESPIELT\",\r\n      unavailable: \"NICHT VERFÜGBAR\",\r\n      loginMessage: \"Bitte melden Sie sich an, um zu spielen\",\r\n      selfExcludedMessage: \"<strong>Du hast aktuell eine Spielpause aktiviert</strong><br>. Während dieser Zeit ist das Lucky Weekend Glücksrad nicht verfügbar.\",\r\n      notEligibleMessage: \"Ihr Konto ist nicht berechtigt zu spielen\",\r\n      alreadyPlayedMessage: \"<strong>Du hast heute bereits einmal gedreht und deine Free Spins erhalten</strong>.<br> Komm morgen wieder und nutze deine nächste Chance.\",\r\n      congratulations: \"Glückwunsch!<br>Dein Gewinn:\",\r\n      timeoutError: \"<strong>Das Glücksrad ist aktuell nicht verfügbar</strong>.<br>Bitte versuche es später erneut.\",\r\n      notStartedYet: \"<strong>Das Lucky Weekend startet bald</strong>.<br>Das Glücksrad ist ab <strong>30.01.2026 um 00:00 Uhr</strong> für dich verfügbar. \",\r\n      alreadyPlayedTodayLastDay: \"<strong>Du hast heute bereits einmal gedreht und deine Free Spins erhalten</strong>.<br>Vielen Dank, dass du am Lucky Weekend teilgenommen hast. \",\r\n      campaignEnded: \"<strong>Das Lucky Weekend ist beendet</strong>.<br>Vielen Dank für deine Teilnahme!\",\r\n      acceptButton: \"Annehmen\"\r\n    },\r\n    fr_FR: {\r\n      loginToPlay: \"SE CONNECTER\",\r\n      spin: \"TOURNER\",\r\n      spinning: \"TOURNE...\",\r\n      loading: \"CHARGEMENT...\",\r\n      played: \"JOUÉ\",\r\n      unavailable: \"INDISPONIBLE\",\r\n      loginMessage: \"Veuillez vous connecter pour jouer\",\r\n      selfExcludedMessage: \"<strong>Vous avez actuellement activé une pause de jeu.</strong><br>Pendant cette période, la roue de la chance du Lucky Weekend n’est pas disponible.\",\r\n      notEligibleMessage: \"Votre compte n\\'est pas éligible pour jouer\",\r\n      alreadyPlayedMessage: \"<strong>Vous avez déjà fait tourner la roue aujourd’hui et reçu vos Free Spins</strong>.<br>Revenez demain pour profiter de votre prochaine chance.\",\r\n      congratulations: \"Félicitations !<br>Votre gain:\",\r\n      timeoutError: \"<strong>La roue de la chance n'est actuellement pas disponible</strong>.<br>Veuillez réessayer plus tard.\",\r\n      notStartedYet: \"<strong>Le Lucky Weekend commence bientôt</strong>.<br>La roue de la chance sera disponible pour vous à partir du <strong>30.01.2026 à 00:00</strong>. \",\r\n      alreadyPlayedTodayLastDay: \"<strong>Vous avez déjà fait tourner la roue aujourd'hui et reçu vos Free Spins</strong>.<br>Merci d'avoir participé au Lucky Weekend. \",\r\n      campaignEnded: \"<strong>Le Lucky Weekend est terminé</strong>.<br>Merci de votre participation!\",\r\n      acceptButton: \"Accepter\"\r\n    },\r\n    it_IT: {\r\n      loginToPlay: \"ACCEDI\",\r\n      spin: \"GIRA\",\r\n      spinning: \"GIRANDO...\",\r\n      loading: \"CARICAMENTO...\",\r\n      played: \"GIOCATO\",\r\n      unavailable: \"NON DISPONIBILE\",\r\n      loginMessage: \"Effettua il login per giocare\",\r\n      selfExcludedMessage: \"<strong>Al momento hai attivato una pausa di gioco</strong>.<br>Durante questo periodo, la ruota della fortuna del Lucky Weekend non è disponibile.\",\r\n      notEligibleMessage: \"Il tuo account non è idoneo a giocare\",\r\n      alreadyPlayedMessage: \"<strong>Hai già girato la ruota oggi e ricevuto i tuoi Free Spins</strong>.<br>Torna domani e sfrutta la tua prossima possibilità.\",\r\n      congratulations: \"Congratulazioni!<br>La tua vincita:\",\r\n      timeoutError: \"<strong>La ruota della fortuna non è attualmente disponibile</strong>.<br>Per favore riprova più tardi.\",\r\n      notStartedYet: \"<strong>Il Lucky Weekend inizia presto</strong>.<br>La ruota della fortuna sarà disponibile per te a partire dal <strong>30.01.2026 alle ore 00:00</strong>.\",\r\n      alreadyPlayedTodayLastDay: \"<strong>Hai già girato la ruota oggi e ricevuto i tuoi Free Spins</strong>.<br>Grazie per aver partecipato al Lucky Weekend.\",\r\n      campaignEnded: \"<strong>Il Lucky Weekend è terminato</strong>.<br>Grazie per aver partecipato!\",\r\n      acceptButton: \"Accetta\"\r\n    }\r\n  };\r\n\r\n  const getCurrentLang = () => Playtech.API.language.getCurrentLanguage() || 'en_US';\r\n\r\n  const t = (key) => TRANSLATIONS[getCurrentLang()]?.[key] || TRANSLATIONS.en_US[key] || key;\r\n\r\n  const getPrizeLabel = (value) => {\r\n    const lang = getCurrentLang();\r\n    return CONFIG.prizes[value]?.[lang] || CONFIG.prizes[value]?.en_US || value;\r\n  };\r\n\r\n  const SPIN_TIMEOUT_MS = 20000; // 20 seconds\r\n\r\n  let wheelState = {\r\n    isSpinning: false,\r\n    currentRotation: 0,\r\n    selectedSegment: null,\r\n    continuousSpinInterval: null,\r\n    spinTimeoutId: null,\r\n    playerEligible: false,\r\n    hasPlayed: false,\r\n    pendingResult: null\r\n  };\r\n\r\n  const PlaytechAPI = {\r\n    isLoggedIn: () => {\r\n      return Playtech?.API.auth.isLoggedIn ?? false;\r\n    },\r\n\r\n    showLoginPopup: () => {\r\n      Playtech.API.popup.showPopup('login');\r\n    },\r\n\r\n    getPlayerTags: async () => {\r\n      try {\r\n        const response = await Playtech.API.user.getPlayerTags();\r\n        return response.data.tags || [];\r\n      } catch (error) {\r\n        console.error('Failed to get player tags:', error);\r\n        return [];\r\n      }\r\n    },\r\n\r\n    hasTag: async (tagName) => {\r\n      const tags = await PlaytechAPI.getPlayerTags();\r\n      return tags.some(tag => tag.name === tagName);\r\n    },\r\n\r\n    isSelfExcluded: async () => {\r\n      try {\r\n        const response = await Playtech.API.responsibleGaming.getPlayerSelfExclusion();\r\n        return response.productSettings && response.productSettings.length > 0;\r\n      } catch (error) {\r\n        console.error('Failed to check self-exclusion:', error);\r\n        return false;\r\n      }\r\n    },\r\n\r\n    getRegulationStatus: async () => {\r\n      try {\r\n        const response = await Playtech.sendUserRegulationStatusRequest();\r\n        return response.data.playerRegulationStatusHistory[0].code || null;\r\n      } catch (error) {\r\n        console.error('Failed to get regulation status:', error);\r\n        return null;\r\n      }\r\n    },\r\n\r\n    setPlayerTag: async (tagName, value) => {\r\n      try {\r\n        await Playtech.API.user.setPlayerTags([{\r\n          name: tagName,\r\n          value: value,\r\n          type: 'text'\r\n        }]);\r\n        return true;\r\n      } catch (error) {\r\n        console.error('Failed to set player tag:', error);\r\n        return false;\r\n      }\r\n    },\r\n\r\n    onTagChange: (callback) => {\r\n      Playtech.on('player-tag-change', callback);\r\n    }\r\n  };\r\n\r\n  const checkEligibility = async () => {\r\n    const spinButton = document.getElementById('spin-button');\r\n    const messageEl = document.getElementById('eligibility-message');\r\n    const overlayEl = document.getElementById('eligibility-overlay');\r\n    const wheelWrapper = document.querySelector('.wheel-wrapper');\r\n\r\n    const showMessage = (text, type = 'error') => {\r\n      if (messageEl) {\r\n        messageEl.innerHTML = text;\r\n        messageEl.className = `eligibility-message ${type} visible`;\r\n      }\r\n      if (overlayEl) {\r\n        overlayEl.classList.add('visible');\r\n      }\r\n      if (wheelWrapper) {\r\n        wheelWrapper.classList.add('blurred');\r\n      }\r\n      if (spinButton) {\r\n        spinButton.disabled = true;\r\n        spinButton.textContent = t('unavailable');\r\n      }\r\n    };\r\n\r\n    const hideMessage = () => {\r\n      if (messageEl) {\r\n        messageEl.classList.remove('visible');\r\n      }\r\n      if (overlayEl) {\r\n        overlayEl.classList.remove('visible');\r\n      }\r\n      if (wheelWrapper) {\r\n        wheelWrapper.classList.remove('blurred');\r\n      }\r\n    };\r\n\r\n    // 1. Check if campaign has started\r\n    if (!isCampaignStarted()) {\r\n      showMessage(t('notStartedYet'), 'info');\r\n      return false;\r\n    }\r\n\r\n    // 2. Check if campaign has ended\r\n    if (isCampaignEnded()) {\r\n      showMessage(t('campaignEnded'), 'info');\r\n      return false;\r\n    }\r\n\r\n    // 3. Check if logged in\r\n    if (!PlaytechAPI.isLoggedIn()) {\r\n      showMessage(t('loginMessage'), 'info');\r\n      if (spinButton) {\r\n        spinButton.textContent = t('loginToPlay');\r\n        spinButton.disabled = false;\r\n      }\r\n      return false;\r\n    }\r\n\r\n    // 4. Check self-exclusion\r\n    const selfExcluded = await PlaytechAPI.isSelfExcluded();\r\n    if (selfExcluded) {\r\n      showMessage(t('selfExcludedMessage'), 'error');\r\n      return false;\r\n    }\r\n\r\n    // 5. Check regulation status (must be CHE-2)\r\n    const regulationStatus = await PlaytechAPI.getRegulationStatus();\r\n    if (regulationStatus !== CONFIG.requiredRegulation) {\r\n      showMessage(t('notEligibleMessage'), 'error');\r\n      return false;\r\n    }\r\n\r\n    // 6. Check if already played today\r\n    const hasPlayedTag = await PlaytechAPI.hasTag(CONFIG.tags.play);\r\n    if (hasPlayedTag) {\r\n      wheelState.hasPlayed = true;\r\n      const message = isCampaignLastDay() ? t('alreadyPlayedTodayLastDay') : t('alreadyPlayedMessage');\r\n      showMessage(message, 'info');\r\n      return false;\r\n    }\r\n\r\n    // All checks passed\r\n    hideMessage();\r\n    wheelState.playerEligible = true;\r\n    if (spinButton) {\r\n      spinButton.disabled = false;\r\n      spinButton.textContent = t('spin');\r\n    }\r\n\r\n    return true;\r\n  };\r\n\r\n  const createLEDs = () => {\r\n    return Array.from({ length: CONFIG.ledCount }, (_, i) => {\r\n      const angle = (i * 360) / CONFIG.ledCount;\r\n      const radius = 50;\r\n      const x = 50 + radius * Math.cos((angle - 90) * Math.PI / 180);\r\n      const y = 50 + radius * Math.sin((angle - 90) * Math.PI / 180);\r\n      return `<div class=\"wheel-led\" style=\"left: ${x}%; top: ${y}%; transform: translate(-50%, -50%);\"></div>`;\r\n    }).join('');\r\n  };\r\n\r\n  const createLabels = () => {\r\n    const segmentCount = CONFIG.segments.length;\r\n    const segmentAngle = 360 / segmentCount;\r\n    const labelRadius = 32; // % from center\r\n\r\n    return CONFIG.segments.map((seg, i) => {\r\n      // Position label at center of each segment\r\n      const angle = (segmentAngle * i + segmentAngle / 2 - 90) * Math.PI / 180;\r\n      const x = 50 + labelRadius * Math.cos(angle);\r\n      const y = 50 + labelRadius * Math.sin(angle);\r\n      return `<div class=\"wheel-label\" style=\"left: ${x}%; top: ${y}%;\">${getPrizeLabel(seg.value)}</div>`;\r\n    }).join('');\r\n  };\r\n\r\n  const getSegmentsGradient = () => {\r\n    const segmentCount = CONFIG.segments.length;\r\n    const segmentAngle = 360 / segmentCount;\r\n\r\n    const stops = CONFIG.segments.map((seg, i) => {\r\n      const start = segmentAngle * i;\r\n      const end = segmentAngle * (i + 1);\r\n      return `${seg.color} ${start}deg ${end}deg`;\r\n    }).join(', ');\r\n\r\n    return `conic-gradient(${stops})`;\r\n  };\r\n\r\n  const createDividers = () => {\r\n    const segmentCount = CONFIG.segments.length;\r\n    const segmentAngle = 360 / segmentCount;\r\n\r\n    return Array.from({ length: segmentCount }, (_, i) => {\r\n      const rotation = segmentAngle * i;\r\n      return `<div class=\"wheel-divider\" style=\"transform: translateX(-50%) rotate(${rotation}deg);\"></div>`;\r\n    }).join('');\r\n  };\r\n\r\n  const createWheelHTML = () => {\r\n    const container = document.getElementById('wheel-games-container');\r\n    if (!container) return;\r\n\r\n    container.innerHTML = `\r\n      <div class=\"wheel-container\">\r\n        <div class=\"wheel-wrapper\">\r\n          <div class=\"wheel-outer-glow\"></div>\r\n          <div class=\"wheel-border-ring\"></div>\r\n          <div class=\"wheel-leds\">\r\n            ${createLEDs()}\r\n          </div>\r\n          <div class=\"wheel-pointer\">\r\n            <svg viewBox=\"0 0 60 80\" xmlns=\"http://www.w3.org/2000/svg\">\r\n              <defs>\r\n                <linearGradient id=\"pointerGradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">\r\n                  <stop offset=\"0%\" style=\"stop-color:#8a6000\"/>\r\n                  <stop offset=\"25%\" style=\"stop-color:#f7b000\"/>\r\n                  <stop offset=\"45%\" style=\"stop-color:#ffda60\"/>\r\n                  <stop offset=\"55%\" style=\"stop-color:#f7b000\"/>\r\n                  <stop offset=\"100%\" style=\"stop-color:#6a4a00\"/>\r\n                </linearGradient>\r\n                <filter id=\"pointerShadow\">\r\n                  <feDropShadow dx=\"0\" dy=\"3\" stdDeviation=\"2\" flood-color=\"#000\" flood-opacity=\"0.4\"/>\r\n                </filter>\r\n              </defs>\r\n              <polygon points=\"30,80 5,10 30,20 55,10\" fill=\"url(#pointerGradient)\" filter=\"url(#pointerShadow)\" stroke=\"#6a4a00\" stroke-width=\"1\"/>\r\n              <polygon points=\"30,75 10,14 30,22\" fill=\"rgba(255,255,255,0.25)\"/>\r\n            </svg>\r\n          </div>\r\n          <div class=\"wheel\" id=\"wheel\">\r\n            <div class=\"wheel-segments\" style=\"background: ${getSegmentsGradient()};\"></div>\r\n            <div class=\"wheel-dividers\">\r\n              ${createDividers()}\r\n            </div>\r\n            <div class=\"wheel-3d-overlay\"></div>\r\n            <div class=\"wheel-labels\">\r\n              ${createLabels()}\r\n            </div>\r\n          </div>\r\n          <div class=\"wheel-center\">\r\n            ${CONFIG.centerLogo ? `<img src=\"${CONFIG.centerLogo}\" alt=\"Logo\" class=\"wheel-center-logo\" />` : ''}\r\n          </div>\r\n          <div class=\"eligibility-overlay\" id=\"eligibility-overlay\">\r\n            <div class=\"eligibility-message\" id=\"eligibility-message\"></div>\r\n          </div>\r\n          <div class=\"wheel-result\" id=\"wheel-result\">\r\n            <div class=\"wheel-result-title\">${t('congratulations')}</div>\r\n            <div class=\"wheel-result-prize\" id=\"result-prize\"></div>\r\n            <a href=\"/my-promotions\" class=\"wheel-result-button\">${t('acceptButton')}</a>\r\n          </div>\r\n        </div>\r\n        <button class=\"spin-button\" id=\"spin-button\" disabled>\r\n          ${t('loading')}\r\n        </button>\r\n      </div>\r\n    `;\r\n  };\r\n\r\n  // GYROSCOPE LABELS\r\n  const updateLabelRotations = (rotation) => {\r\n    const labels = document.querySelectorAll('.wheel-label');\r\n    labels.forEach(label => {\r\n      label.style.transform = `translate(-50%, -50%) rotate(${-rotation}deg)`;\r\n    });\r\n  };\r\n\r\n  //  SPIN (while waiting for result)\r\n  const startContinuousSpin = () => {\r\n    const wheel = document.getElementById('wheel');\r\n    if (!wheel) return;\r\n\r\n    wheel.style.transition = 'none';\r\n\r\n    let rotation = wheelState.currentRotation;\r\n    const spinSpeed = 10;\r\n\r\n    const spin = () => {\r\n      rotation += spinSpeed;\r\n      wheel.style.transform = `rotate(${rotation}deg)`;\r\n      updateLabelRotations(rotation);\r\n      wheelState.currentRotation = rotation;\r\n\r\n      if (wheelState.isSpinning && !wheelState.pendingResult) {\r\n        wheelState.continuousSpinInterval = requestAnimationFrame(spin);\r\n      }\r\n    };\r\n\r\n    wheelState.continuousSpinInterval = requestAnimationFrame(spin);\r\n  };\r\n\r\n  const stopContinuousSpin = () => {\r\n    if (wheelState.continuousSpinInterval) {\r\n      cancelAnimationFrame(wheelState.continuousSpinInterval);\r\n      wheelState.continuousSpinInterval = null;\r\n    }\r\n  };\r\n\r\n  // SPIN TO RESULT\r\n  const getSegmentIndexForValue = (value) => {\r\n    const matchingIndices = CONFIG.segments\r\n      .map((seg, idx) => seg.value === value ? idx : -1)\r\n      .filter(idx => idx !== -1);\r\n    return matchingIndices[Math.floor(Math.random() * matchingIndices.length)];\r\n  };\r\n\r\n  const spinToResult = (resultValue) => {\r\n    const wheel = document.getElementById('wheel');\r\n    const spinButton = document.getElementById('spin-button');\r\n    if (!wheel) return;\r\n\r\n    stopContinuousSpin();\r\n\r\n    const targetIndex = getSegmentIndexForValue(resultValue);\r\n    if (targetIndex === undefined || targetIndex === -1) {\r\n      console.error('Invalid result value:', resultValue);\r\n      return;\r\n    }\r\n\r\n    wheelState.selectedSegment = targetIndex;\r\n\r\n    const segmentAngle = 360 / CONFIG.segments.length;\r\n    const segmentCenter = segmentAngle * targetIndex + segmentAngle / 2;\r\n    const targetRotation = 360 - segmentCenter;\r\n\r\n    const currentMod = wheelState.currentRotation % 360;\r\n    let delta = targetRotation - currentMod;\r\n    if (delta <= 0) delta += 360;\r\n\r\n    const extraSpins = 2;\r\n    const totalRotation = wheelState.currentRotation + (extraSpins * 360) + delta;\r\n\r\n    wheel.style.transition = `transform ${CONFIG.spinDuration}ms cubic-bezier(0, 0, 0.2, 1)`;\r\n    wheel.style.transform = `rotate(${totalRotation}deg)`;\r\n\r\n    const startRotation = wheelState.currentRotation;\r\n    const startTime = performance.now();\r\n    const animateLabels = (currentTime) => {\r\n      const elapsed = currentTime - startTime;\r\n      const progress = Math.min(elapsed / CONFIG.spinDuration, 1);\r\n      const easeOut = 1 - Math.pow(1 - progress, 4);\r\n      const currentRotation = startRotation + (totalRotation - startRotation) * easeOut;\r\n      updateLabelRotations(currentRotation);\r\n\r\n      if (progress < 1) {\r\n        requestAnimationFrame(animateLabels);\r\n      }\r\n    };\r\n    requestAnimationFrame(animateLabels);\r\n\r\n    wheelState.currentRotation = totalRotation;\r\n\r\n    setTimeout(() => {\r\n      wheelState.isSpinning = false;\r\n      wheelState.hasPlayed = true;\r\n      if (spinButton) {\r\n        spinButton.textContent = t('played');\r\n        spinButton.disabled = true;\r\n      }\r\n      wheel.classList.remove('spinning');\r\n      setTimeout(() => {\r\n        showResult(targetIndex);\r\n        createConfetti();\r\n      }, 300);\r\n    }, CONFIG.spinDuration);\r\n  };\r\n\r\n  // MAIN SPIN LOGIC\r\n  const spinWheel = async () => {\r\n    if (wheelState.isSpinning || wheelState.hasPlayed) return;\r\n\r\n    const spinButton = document.getElementById('spin-button');\r\n    const wheel = document.getElementById('wheel');\r\n    const resultElement = document.getElementById('wheel-result');\r\n\r\n    if (!PlaytechAPI.isLoggedIn()) {\r\n      PlaytechAPI.showLoginPopup();\r\n      return;\r\n    }\r\n\r\n    if (!wheelState.playerEligible) {\r\n      const eligible = await checkEligibility();\r\n      if (!eligible) return;\r\n    }\r\n\r\n    resultElement?.classList.remove('visible');\r\n\r\n    wheelState.isSpinning = true;\r\n    wheelState.pendingResult = null;\r\n    spinButton.disabled = true;\r\n    spinButton.textContent = t('spinning');\r\n    wheel.classList.add('spinning');\r\n\r\n    // Start timeout for no response\r\n    wheelState.spinTimeoutId = setTimeout(() => {\r\n      handleSpinTimeout();\r\n    }, SPIN_TIMEOUT_MS);\r\n\r\n    await PlaytechAPI.setPlayerTag(CONFIG.tags.play, 'start');\r\n\r\n    startContinuousSpin();\r\n  };\r\n\r\n  const handleSpinTimeout = () => {\r\n    if (!wheelState.isSpinning) return;\r\n\r\n    const wheel = document.getElementById('wheel');\r\n    const spinButton = document.getElementById('spin-button');\r\n    const eligibilityOverlay = document.getElementById('eligibility-overlay');\r\n    const eligibilityMessage = document.getElementById('eligibility-message');\r\n    const wheelWrapper = document.querySelector('.wheel-wrapper');\r\n\r\n    stopContinuousSpin();\r\n    wheel?.classList.remove('spinning');\r\n\r\n    // Reset state\r\n    wheelState.isSpinning = false;\r\n    wheelState.pendingResult = null;\r\n\r\n    // Show error message\r\n    if (eligibilityMessage) {\r\n      eligibilityMessage.innerHTML = t('timeoutError');\r\n      eligibilityMessage.className = 'eligibility-message error visible';\r\n    }\r\n    if (eligibilityOverlay) {\r\n      eligibilityOverlay.classList.add('visible');\r\n    }\r\n    if (wheelWrapper) {\r\n      wheelWrapper.classList.add('blurred');\r\n    }\r\n    if (spinButton) {\r\n      spinButton.disabled = true;\r\n      spinButton.textContent = t('unavailable');\r\n    }\r\n  };\r\n\r\n  const setupTagChangeListener = () => {\r\n    PlaytechAPI.onTagChange((event) => {\r\n      const tagName = event?.tag;\r\n      const tagValue = event?.value;\r\n\r\n      if (tagName === CONFIG.tags.result && wheelState.isSpinning) {\r\n        if (VALID_PRIZES.includes(tagValue)) {\r\n          if (wheelState.spinTimeoutId) {\r\n            clearTimeout(wheelState.spinTimeoutId);\r\n            wheelState.spinTimeoutId = null;\r\n          }\r\n          wheelState.pendingResult = tagValue;\r\n          spinToResult(tagValue);\r\n        }\r\n      }\r\n    });\r\n  };\r\n\r\n  const showResult = (segmentIndex) => {\r\n    const resultElement = document.getElementById('wheel-result');\r\n    const prizeElement = document.getElementById('result-prize');\r\n    const wheelWrapper = document.querySelector('.wheel-wrapper');\r\n\r\n    if (!resultElement || !prizeElement) return;\r\n\r\n    const prize = getPrizeLabel(CONFIG.segments[segmentIndex].value);\r\n    prizeElement.textContent = prize;\r\n    resultElement.classList.add('visible');\r\n\r\n    if (wheelWrapper) {\r\n      wheelWrapper.classList.add('blurred-mild');\r\n    }\r\n  };\r\n\r\n  const createConfetti = () => {\r\n    const confettiContainer = document.createElement('div');\r\n    confettiContainer.className = 'confetti';\r\n    document.body.appendChild(confettiContainer);\r\n\r\n    const colors = ['#f7b000', '#ffca40', '#C41E3A', '#8B0000', '#c48d00', '#2d5016', '#1a1a2e'];\r\n    const shapes = ['circle', 'square', 'triangle'];\r\n\r\n    for (let i = 0; i < 150; i++) {\r\n      const confetti = document.createElement('div');\r\n      confetti.className = 'confetti-piece';\r\n      confetti.style.left = `${Math.random() * 100}%`;\r\n      confetti.style.backgroundColor = colors[Math.floor(Math.random() * colors.length)];\r\n      confetti.style.animationDelay = `${Math.random() * 1}s`;\r\n      confetti.style.animationDuration = `${3 + Math.random() * 2}s`;\r\n\r\n      const size = 8 + Math.random() * 12;\r\n      confetti.style.width = `${size}px`;\r\n      confetti.style.height = `${size}px`;\r\n\r\n      const shape = shapes[Math.floor(Math.random() * shapes.length)];\r\n      if (shape === 'circle') {\r\n        confetti.style.borderRadius = '50%';\r\n      } else if (shape === 'triangle') {\r\n        confetti.style.width = '0';\r\n        confetti.style.height = '0';\r\n        confetti.style.borderLeft = `${size / 2}px solid transparent`;\r\n        confetti.style.borderRight = `${size / 2}px solid transparent`;\r\n        confetti.style.borderBottom = `${size}px solid ${colors[Math.floor(Math.random() * colors.length)]}`;\r\n        confetti.style.backgroundColor = 'transparent';\r\n      }\r\n\r\n      confettiContainer.appendChild(confetti);\r\n    }\r\n\r\n    setTimeout(() => confettiContainer.remove(), 5000);\r\n  };\r\n\r\n  const initEventListeners = () => {\r\n    const spinButton = document.getElementById('spin-button');\r\n    const wheelCenter = document.querySelector('.wheel-center');\r\n\r\n    spinButton?.addEventListener('click', spinWheel);\r\n    wheelCenter?.addEventListener('click', spinWheel);\r\n  };\r\n\r\n  const init = async () => {\r\n    createWheelHTML();\r\n    initEventListeners();\r\n    setupTagChangeListener();\r\n    updateLabelRotations(wheelState.currentRotation);\r\n    await checkEligibility();\r\n  };\r\n\r\n  init();\r\n})();\r\n"},"conditionIds":["3f2232eb-487c-4c79-97ac-0c99c41aba75","4eaa767f-38ed-46ce-aea0-afceba7315fd"]},{"tagId":"256b3c95-30fa-4009-9c2d-9037d4a94fa0","tagTypeId":"custom_tag_type","name":"Custom CSS /mcdonalds","description":"Custom CSS /mcdonalds","config":{"beforeEndHead":"<style>\r\n \r\n.center-image {\r\n  position: relative;\r\n  display: inline-block;\r\n  overflow: visible;\r\n}\r\n\r\n/* GOLDEN LIGHT BLOOM */\r\n.center-image::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: -180px;\r\n  background: radial-gradient(\r\n    circle,\r\n    rgba(255, 255, 230, 1) 0%,\r\n    rgba(255, 235, 170, 0.95) 18%,\r\n    rgba(255, 210, 120, 0.75) 35%,\r\n    rgba(255, 180, 90, 0.45) 50%,\r\n    rgba(255, 160, 60, 0.25) 62%,\r\n    rgba(0, 0, 0, 0) 72%\r\n  );\r\n  filter: blur(55px);\r\n  z-index: -2;\r\n}\r\n\r\n/* DARK BASE SHADOW */\r\n.center-image::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: 50%;\r\n  bottom: -40px;\r\n  width: 70%;\r\n  height: 35%;\r\n  transform: translateX(-50%);\r\n  background: radial-gradient(\r\n    ellipse,\r\n    rgba(0, 0, 0, 0.55) 0%,\r\n    rgba(0, 0, 0, 0.35) 35%,\r\n    rgba(0, 0, 0, 0) 70%\r\n  );\r\n  filter: blur(30px);\r\n  z-index: -3;\r\n}\r\n\r\n.center-image img {\r\n  display: block;\r\n  max-width: 100%;\r\n  height: auto;\r\n}\r\n\r\n\r\n  .inset-0 {\r\n    top: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    left: 0\r\n}\r\n.Hero, .faq_section, .orange-textcard, .bg-icons{\r\n  z-index: 2;\r\n}\r\n\r\n.-left-\\[2\\%\\] {\r\n    left: -2%\r\n}\r\n\r\n.-left-\\[3\\%\\] {\r\n    left: -3%\r\n}\r\n\r\n.-left-\\[6\\%\\] {\r\n    left: -6%\r\n}\r\n\r\n.-right-\\[3\\%\\] {\r\n    right: -3%\r\n}\r\n\r\n.-right-\\[5\\%\\] {\r\n    right: -5%\r\n}\r\n\r\n.left-\\[13\\%\\] {\r\n    left: 13%\r\n}\r\n\r\n.right-\\[10\\%\\] {\r\n    right: 10%\r\n}\r\n\r\n.right-\\[25\\%\\] {\r\n    right: 25%\r\n}\r\n\r\n.top-0 {\r\n    top: 0\r\n}\r\n\r\n.top-\\[15\\%\\] {\r\n    top: 15%\r\n}\r\n\r\n.top-\\[22\\%\\] {\r\n    top: 22%\r\n}\r\n\r\n.top-\\[25\\%\\] {\r\n    top: 25%\r\n}\r\n\r\n.top-\\[40\\%\\] {\r\n    top: 40%\r\n}\r\n\r\n.top-\\[45\\%\\] {\r\n    top: 45%\r\n}\r\n\r\n.top-\\[75\\%\\] {\r\n    top: 75%\r\n}\r\n\r\n.z-\\[1000\\] {\r\n    z-index: 1000\r\n}\r\n\r\n.mx-2 {\r\n    margin-left: 1rem;\r\n    margin-right: 1rem\r\n}\r\n\r\n.mx-auto {\r\n    margin-left: auto;\r\n    margin-right: auto\r\n}\r\n\r\n.mb-10 {\r\n    margin-bottom: 5rem\r\n}\r\n\r\n.mb-2 {\r\n    margin-bottom: 1rem\r\n}\r\n\r\n.mb-8 {\r\n    margin-bottom: 4rem\r\n}\r\n\r\n.ml-2 {\r\n    margin-left: 1rem\r\n}\r\n\r\n.ml-auto {\r\n    margin-left: auto\r\n}\r\n\r\n.mr-0 {\r\n    margin-right: 0\r\n}\r\n\r\n.mr-2 {\r\n    margin-right: 1rem\r\n}\r\n\r\n.mt-0 {\r\n    margin-top: 0\r\n}\r\n\r\n.mt-14 {\r\n    margin-top: 7rem\r\n}\r\n\r\n.mt-2 {\r\n    margin-top: 1rem\r\n}\r\n\r\n.mt-3 {\r\n    margin-top: 1.5rem\r\n}\r\n\r\n.mt-4 {\r\n    margin-top: 2rem\r\n}\r\n.mt-8 {\r\n    margin-top: 4rem\r\n}\r\n.block {\r\n    display: block\r\n}\r\n\r\n.flex {\r\n    display: flex\r\n}\r\n\r\n.hidden {\r\n    display: none\r\n}\r\n\r\n.h-6 {\r\n    height: 3rem\r\n}\r\n\r\n.h-auto {\r\n    height: auto\r\n}\r\n\r\n.w-30 {\r\n    width: 20rem\r\n}\r\n\r\n.w-35 {\r\n    width: 17.5rem\r\n}\r\n\r\n.w-\\[calc\\(50\\%-2rem\\)\\] {\r\n    width: calc(50% - 2rem)\r\n}\r\n\r\n.w-full {\r\n    width: 100%\r\n}\r\n\r\n.max-w-\\[100px\\] {\r\n    max-width: 100px\r\n}\r\n\r\n.max-w-\\[120px\\] {\r\n    max-width: 120px\r\n}\r\n\r\n.max-w-\\[1280px\\] {\r\n    max-width: 1280px\r\n}\r\n\r\n.max-w-\\[140px\\] {\r\n    max-width: 140px\r\n}\r\n\r\n.max-w-\\[150px\\] {\r\n    max-width: 150px\r\n}\r\n\r\n.max-w-\\[200px\\] {\r\n    max-width: 200px\r\n}\r\n\r\n.max-w-sm {\r\n    max-width: 24rem\r\n}\r\n\r\n.max-w-xl {\r\n    max-width: 36rem\r\n}\r\n\r\n.max-w-xs {\r\n    max-width: 20rem\r\n}\r\n\r\n.flex-1 {\r\n    flex: 1 1 0%\r\n}\r\n\r\n.cursor-pointer {\r\n    cursor: pointer\r\n}\r\n\r\n.flex-row {\r\n    flex-direction: row\r\n}\r\n\r\n.flex-col {\r\n    flex-direction: column\r\n}\r\n\r\n.flex-wrap {\r\n    flex-wrap: wrap\r\n}\r\n\r\n.items-center {\r\n    align-items: center\r\n}\r\n\r\n.items-stretch {\r\n    align-items: stretch\r\n}\r\n\r\n.justify-start {\r\n    justify-content: flex-start\r\n}\r\n\r\n.justify-center {\r\n    justify-content: center\r\n}\r\n\r\n.justify-between {\r\n    justify-content: space-between\r\n}\r\n\r\n.gap-1 {\r\n    gap: .5rem\r\n}\r\n\r\n.overflow-hidden {\r\n    overflow: hidden\r\n}\r\n\r\n.rounded-\\[2px\\] {\r\n    border-radius: 2px\r\n}\r\n\r\n.rounded-\\[3px\\] {\r\n    border-radius: 3px\r\n}\r\n\r\n.rounded-\\[5px\\] {\r\n    border-radius: 5px\r\n}\r\n\r\n.border {\r\n    border-width: 1px\r\n}\r\n\r\n.border-0 {\r\n    border-width: 0px\r\n}\r\n\r\n.border-l-4 {\r\n    border-left-width: 4px\r\n}\r\n\r\n.border-solid {\r\n    border-style: solid\r\n}\r\n\r\n.border-\\[\\#F1F1F1\\] {\r\n    border-color: #f1f1f1\r\n}\r\n\r\n.border-l-\\[\\#B1B1B1\\] {\r\n    border-left-color: #b1b1b1\r\n}\r\n\r\n.bg-\\[\\#FFE371\\] {\r\n    background-color: #ffe371\r\n}\r\n\r\n.bg-\\[\\#f1f1f1\\] {\r\n    background-color: #f1f1f1\r\n}\r\n\r\n.bg-black {\r\n    background-color: #000\r\n}\r\n.bg-new {\r\n  background: linear-gradient(180deg, #895A21 0%, #BD9A49 100%);\r\n  /*background-image: url(/library/McDonalds_LadinPage/bg_MC.webp);*/\r\n  background-size: cover;\r\n  background-position: right;\r\n  background-repeat: no-repeat;\r\n}\r\n\r\n.p-1 {\r\n    padding: .5rem\r\n}\r\n\r\n.px-2 {\r\n    padding-left: 1rem;\r\n    padding-right: 1rem\r\n}\r\n\r\n.py-4 {\r\n    padding-top: 2rem;\r\n    padding-bottom: 2rem\r\n}\r\n\r\n.py-6 {\r\n    padding-top: 3rem;\r\n    padding-bottom: 3rem\r\n}\r\n\r\n.py-\\[0\\.25rem\\] {\r\n    padding-top: .25rem;\r\n    padding-bottom: .25rem\r\n}\r\n\r\n.pb-14 {\r\n    padding-bottom: 7rem\r\n}\r\n\r\n.pb-2 {\r\n    padding-bottom: 1rem\r\n}\r\n\r\n.pt-3 {\r\n    padding-top: 1.5rem\r\n}\r\n\r\n.text-center {\r\n    text-align: center\r\n}\r\n\r\n.text-2xl {\r\n    font-size: 1.5rem;\r\n    line-height: 2rem\r\n}\r\n\r\n.text-3xl {\r\n    font-size: 1.875rem;\r\n    line-height: 2.25rem\r\n}\r\n\r\n.text-4xl {\r\n    font-size: 2.25rem;\r\n    line-height: 2.5rem\r\n}\r\n\r\n.text-base {\r\n    font-size: 1rem;\r\n    line-height: 1.5rem\r\n}\r\n\r\n.text-lg {\r\n    font-size: 1.125rem;\r\n    line-height: 1.75rem\r\n}\r\n\r\n.text-sm {\r\n    font-size: .875rem;\r\n    line-height: 1.25rem\r\n}\r\n\r\n.text-xl {\r\n    font-size: 1.25rem;\r\n    line-height: 1.75rem\r\n}\r\n\r\n.font-bold {\r\n    font-weight: 700\r\n}\r\n\r\n.font-normal {\r\n    font-weight: 400\r\n}\r\n\r\n.font-semibold {\r\n    font-weight: 600\r\n}\r\n\r\n.uppercase {\r\n    text-transform: uppercase\r\n}\r\n\r\n.tracking-normal {\r\n    letter-spacing: 0em\r\n}\r\n\r\n.text-\\[\\#FF0000\\] {\r\n    color: red\r\n}\r\n.text-\\[\\#F1EEA8\\] {\r\n    color: #F1EEA8;\r\n}\r\n.text-black {\r\n    color: #000\r\n}\r\n\r\n.text-white {\r\n    color: #fff\r\n}\r\n\r\n.no-underline {\r\n    text-decoration-line: none\r\n}\r\n\r\nbody {\r\n    font-family: Proxima Nova Condensed, sans-serif;\r\n    font-size: 80%\r\n}\r\n\r\n.scroll-float {\r\n    will-change: transform;\r\n    transition: transform .5s ease-out\r\n}\r\n\r\n@keyframes floatY {\r\n\r\n    0%,\r\n    to {\r\n        transform: translateY(0)\r\n    }\r\n\r\n    50% {\r\n        transform: translateY(-20px)\r\n    }\r\n}\r\n\r\n.scroll-float-y {\r\n    animation: floatY 5s ease-in-out infinite alternate\r\n}\r\n\r\n#sandwich-animation {\r\n    opacity: 0\r\n}\r\n\r\n.gradient-text {\r\n    font-weight: 800;\r\n    background: linear-gradient(to bottom, #f97316, #4b2210, #b91c1c);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-size: 100% 300%;\r\n    background-repeat: no-repeat;\r\n    animation: gradientScroll 3s ease-in-out infinite\r\n}\r\n\r\n@keyframes gradientScroll {\r\n    0% {\r\n        background-position: top\r\n    }\r\n\r\n    50% {\r\n        background-position: bottom\r\n    }\r\n\r\n    to {\r\n        background-position: top\r\n    }\r\n}\r\n\r\n.orange-textcard {\r\n    border: 6px solid transparent;\r\n    -o-border-image: linear-gradient(to bottom, #FF0000 0%, rgba(255, 0, 0, 0) 100%) 1;\r\n    border-image: linear-gradient(to bottom, red, #f000) 1;\r\n    border-radius: 15px\r\n}\r\n\r\n@keyframes spin {\r\n    0% {\r\n        transform: rotate(0)\r\n    }\r\n\r\n    to {\r\n        transform: rotate(360deg)\r\n    }\r\n}\r\n\r\n.rotating {\r\n    display: inline-block;\r\n    animation: spin 8s linear infinite\r\n}\r\n\r\n@keyframes shake {\r\n    0% {\r\n        transform: translate(0)\r\n    }\r\n\r\n    25% {\r\n        transform: translate(-5px)\r\n    }\r\n\r\n    50% {\r\n        transform: translate(5px)\r\n    }\r\n\r\n    75% {\r\n        transform: translate(-5px)\r\n    }\r\n\r\n    to {\r\n        transform: translate(0)\r\n    }\r\n}\r\n\r\n.shake {\r\n    display: inline-block;\r\n    animation: shake 2s ease-in-out infinite\r\n}\r\n\r\n.faq_section {\r\n    border: 1px solid #B3B3B3\r\n}\r\n\r\n.tracking-normal {\r\n    letter-spacing: 0em;\r\n    Padding-top: 0;\r\n    Padding-bottom: 0\r\n}\r\n\r\n.transition-transform {\r\n    transition-property: transform;\r\n    transition-timing-function: cubic-bezier(.4, 0, .2, 1);\r\n    transition-duration: .15s\r\n}\r\n\r\n.transition-opacity {\r\n    transition-property: opacity;\r\n    transition-timing-function: cubic-bezier(.4, 0, .2, 1);\r\n    transition-duration: .15s\r\n}\r\n\r\n.hover\\:bg-\\[\\#4b2210\\]:hover {\r\n    background-color: #4b2210\r\n}\r\n\r\n.hover\\:text-\\[\\#b91c1c\\]:hover {\r\n    color: #b91c1c\r\n}\r\n\r\n@media (min-width: 768px) {\r\n    .md\\:pb-12 {\r\n        padding-bottom: 6rem\r\n    }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .lg\\:mx-1 {\r\n        margin-left: .5rem;\r\n        margin-right: .5rem\r\n    }\r\n\r\n    .lg\\:mx-auto {\r\n        margin-left: auto;\r\n        margin-right: auto\r\n    }\r\n\r\n    .lg\\:ml-0 {\r\n        margin-left: 0\r\n    }\r\n\r\n    .lg\\:ml-6 {\r\n        margin-left: 3rem\r\n    }\r\n\r\n    .lg\\:mr-0 {\r\n        margin-right: 0\r\n    }\r\n\r\n    .lg\\:mt-20 {\r\n        margin-top: 10rem\r\n    }\r\n\r\n    .lg\\:flex {\r\n        display: flex\r\n    }\r\n\r\n    .lg\\:hidden {\r\n        display: none\r\n    }\r\n\r\n    .lg\\:w-1\\/4 {\r\n        width: 25%\r\n    }\r\n\r\n    .lg\\:w-40 {\r\n        width: 35rem\r\n    }\r\n\r\n    .lg\\:max-w-lg {\r\n        max-width: 32rem\r\n    }\r\n\r\n    .lg\\:max-w-xl {\r\n        max-width: 36rem\r\n    }\r\n\r\n    .lg\\:flex-nowrap {\r\n        flex-wrap: nowrap\r\n    }\r\n\r\n    .lg\\:gap-0 {\r\n        gap: 0\r\n    }\r\n\r\n    .lg\\:py-12 {\r\n        padding-top: 6rem;\r\n        padding-bottom: 6rem\r\n    }\r\n\r\n    .lg\\:pb-2 {\r\n        padding-bottom: 1rem\r\n    }\r\n\r\n    .lg\\:pt-3 {\r\n        padding-top: 1.5rem\r\n    }\r\n\r\n    .lg\\:text-2xl {\r\n        font-size: 1.5rem;\r\n        line-height: 2rem\r\n    }\r\n\r\n    .lg\\:text-3xl {\r\n        font-size: 1.875rem;\r\n        line-height: 2.25rem\r\n    }\r\n\r\n    .lg\\:text-5xl {\r\n        font-size: 3rem;\r\n        line-height: 1\r\n    }\r\n\r\n    .lg\\:text-6xl {\r\n        font-size: 3.75rem;\r\n        line-height: 1\r\n    }\r\n\r\n    .lg\\:text-base {\r\n        font-size: 1rem;\r\n        line-height: 1.5rem\r\n    }\r\n\r\n    .lg\\:text-lg {\r\n        font-size: 1.125rem;\r\n        line-height: 1.75rem\r\n    }\r\n\r\n    .lg\\:text-xl {\r\n        font-size: 1.25rem;\r\n        line-height: 1.75rem\r\n    }\r\n    .lg\\:text-4xl {\r\n        font-size: 2.25rem;\r\n        line-height: 2.5rem\r\n    }\r\n\r\n}\r\n</style>","beforeEndBody":""},"conditionIds":["27ccace8-57db-4a3c-a9de-dc90b4a450b6","536a0342-c6ec-4919-b04d-5f1c0c5c683d"]},{"tagId":"7bf53c4e-0b8f-42cc-9f3d-276b26690f87","tagTypeId":"custom_tag_type","name":"Hide Details Button - Bonus Tile","description":"Hide Details Button - Bonus Tile","config":{"beforeEndHead":"<style>\n  /* Hide buttons with specific data-bonus-code values until Heat Up January over  */\n.bonus-multiview-detailedview .bonus-multiview-detailedview__buttons .fn-get-bonus[data-bonus-code=\"125205\"],\n.bonus-multiview-detailedview .bonus-multiview-detailedview__buttons .fn-get-bonus[data-bonus-code=\"125303\"],\n.bonus-multiview-detailedview .bonus-multiview-detailedview__buttons .fn-get-bonus[data-bonus-code=\"125305\"],\n.bonus-multiview-detailedview .bonus-multiview-detailedview__buttons .fn-get-bonus[data-bonus-code=\"125308\"] {\n    display: none !important;\n}\n\n</style>","beforeEndBody":""},"conditionIds":["536a0342-c6ec-4919-b04d-5f1c0c5c683d"]},{"tagId":"329d3475-8a49-42c2-8bbb-21a8fbbd1be8","tagTypeId":"custom_js","name":"After render JS /poker-news-details","description":"After render JS /poker-news-details","config":{"code":"(() => { \r\n    async function initBlogActions() {\r\n        try {\r\n            initPokerButtons(\".poker-blog-download-button\", \".poker-blog-playnow-button\");\r\n            initializeBackButton();\r\n        } catch (error) {\r\n            console.error(\"Error initializing blog actions:\", error);\r\n        }\r\n    }\r\n\r\n    function initializeBackButton() {\r\n        const backBtn = document.querySelector(\".poker-blog-back-btn\");\r\n        if (backBtn) {\r\n            backBtn.addEventListener(\"click\", handleBackClick);\r\n        }\r\n    }\r\n\r\n    function handleBackClick() {\r\n        try {\r\n            Playtech.API.common.navigate(\"/poker-news\")\r\n        } catch (error) {\r\n            console.error(\"Error handling back click:\", error);\r\n        }\r\n    }\r\n\r\n    const NewsScrollApp = {\r\n        async scrollToSection(sectionId) {\r\n            try {\r\n                const targetElement = document.getElementById(sectionId);\r\n                if (!targetElement) {\r\n                    throw new Error(`Element with id \"${sectionId}\" not found.`);\r\n                }\r\n\r\n                targetElement.scrollIntoView({ behavior: \"smooth\", block: \"start\" });\r\n            } catch (error) {\r\n                console.error(\"Error scrolling to section:\", error.message);\r\n            }\r\n        },\r\n\r\n        init(sectionId) {\r\n            this.scrollToSection(sectionId);\r\n        },\r\n    };\r\n\r\n    function updateMetaDescription() {\r\n        try {\r\n            let metaDescription = document.querySelector('meta[name=\"description\"][data-rh=\"true\"]');\r\n            if (metaDescription) {\r\n                metaDescription.setAttribute(\"content\", \"poker news details page\");\r\n            } else {\r\n                metaDescription = document.createElement(\"meta\");\r\n                metaDescription.name = \"description\";\r\n                metaDescription.setAttribute(\"data-rh\", \"true\");\r\n                metaDescription.content = \"poker news details page\";\r\n                document.head.appendChild(metaDescription);\r\n            }\r\n        } catch (error) {\r\n            console.error(\"Error updating meta description:\", error);\r\n        }\r\n    }\r\n\r\n    function updateCanonicalLink() {\r\n        try {\r\n            const currentUrl = window.location.href;\r\n            let canonicalLink = document.querySelector('link[rel=\"canonical\"][data-rh=\"true\"]');\r\n            if (canonicalLink) {\r\n                canonicalLink.setAttribute(\"href\", currentUrl);\r\n            } else {\r\n                canonicalLink = document.createElement(\"link\");\r\n                canonicalLink.rel = \"canonical\";\r\n                canonicalLink.setAttribute(\"data-rh\", \"true\");\r\n                canonicalLink.href = currentUrl;\r\n                document.head.appendChild(canonicalLink);\r\n            }\r\n        } catch (error) {\r\n            console.error(\"Error updating canonical link:\", error);\r\n        }\r\n    }\r\n\r\n    initBlogActions();\r\n    updateMetaDescription();\r\n    updateCanonicalLink();\r\n    window.NewsScrollApp = NewsScrollApp;\r\n})();"},"conditionIds":["f89abb3e-1262-4655-9cc6-6d2a78431461","4eaa767f-38ed-46ce-aea0-afceba7315fd"]},{"tagId":"bb3fc751-6641-416d-a283-817166c788b6","tagTypeId":"custom_js","name":"After render JS /festtagsverlosung","description":"After render JS /festtagsverlosung","config":{"code":"(() => {\r\n  function showWinner() { \r\n    // Change to 'true' when you want to reveal the loser/winner message \r\n    return true;\r\n  }\r\n\r\n  // Change the active here to 'true'if the gift is finished and want to add the overlay on it \r\n  const gifts = {\r\n    gift1: { active: true },\r\n    gift2: { active: true },\r\n    gift3: { active: true },\r\n    gift4: { active: true },\r\n    gift5: { active: true }\r\n  };\r\n\r\n  //Claimed gift badge\r\n  const BADGE_TEXT = {\r\n    de_DE: \"BEREITS VERGEBEN\",\r\n    en_US: \"ALREADY CLAIMED\",\r\n    fr_FR: \"DÉJÀ ATTRIBUÉ\",\r\n    it_IT: \"GIÀ ASSEGNATO\"\r\n  };\r\n\r\n  const lang = Playtech.API.language.getCurrentLanguage();\r\n  const badgeText = BADGE_TEXT[lang];\r\n\r\n  for (let key in gifts) {\r\n    const element = document.getElementById(key);\r\n\r\n    if (element && gifts[key].active) {\r\n      element.classList.add(\"overlay-display\");\r\n      element.setAttribute(\"data-badge-text\", badgeText);\r\n    }\r\n  }\r\n\r\n  function isLoggedIn() {\r\n    return Boolean(Playtech.fetchUserDetails().userId);\r\n  }\r\n\r\n  function waitForElement(selector, timeout = 5000, interval = 100) {\r\n    return new Promise((resolve, reject) => {\r\n      const start = Date.now();\r\n\r\n      const tick = () => {\r\n        const el = document.querySelector(selector);\r\n        if (el) return resolve(el);\r\n        if (Date.now() - start >= timeout) {\r\n          return reject(\r\n            new Error(`Element ${selector} not found within ${timeout}ms`)\r\n          );\r\n        }\r\n        setTimeout(tick, interval);\r\n      };\r\n\r\n      tick();\r\n    });\r\n  }\r\n\r\n  /* Update ticket progress bar */\r\n  function updateTicketProgressbar(ticketsCount, maxTickets = 31) {\r\n    const bar = document.querySelector(\".ticket-progressbar\");\r\n    if (!bar) {\r\n      console.warn(\"ticket-progressbar element not found\");\r\n      return;\r\n    }\r\n\r\n    const ticketNo = bar.querySelector(\".ticketNo\");\r\n    const fill = bar.querySelector(\".ticket-progressbar-fill\");\r\n\r\n    if (!ticketNo || !fill) {\r\n      console.warn(\"ticketNo or ticket-progressbar-fill element missing\");\r\n      return;\r\n    }\r\n\r\n    ticketNo.textContent = ticketsCount;\r\n\r\n    const pct = Math.min(100, Math.max(0, (ticketsCount / maxTickets) * 100));\r\n    fill.style.width = pct + \"%\";\r\n  }\r\n\r\n  /* Get player name */\r\n  async function getFirstName() {\r\n    try {\r\n      const res = await Playtech.API.user.getPlayerData();\r\n      const firstName = res.data?.firstName || \"\";\r\n      return firstName;\r\n    } catch (e) {\r\n      console.error(\"Failed to fetch user first name:\", e);\r\n      return \"\";\r\n    }\r\n  }\r\n\r\n  function replaceFirstName(text, firstName) {\r\n    return text.replace(/firstname/g, firstName || \"\");\r\n  }\r\n\r\n  /* Winner + loser messages */\r\n\r\n  // New: winner templates defined once, outside the function\r\n  const WINNER_TEMPLATES = {\r\n    en_US: ({ firstName, amount }) =>\r\n      `<strong>Congratulations, ${firstName} !</strong><br>` +\r\n      `You're one of the winners of our big <strong>Festive Raffle.</strong><br>` +\r\n      `Your prize:<br>🎁 <strong>CHF ${amount}.- bonus credits</strong><br><br>` +\r\n      `The bonus credit has been credited to your player account.<br><br>` +\r\n      `<strong>We wish you a happy New Year and continued success in your gaming!`,\r\n\r\n    de_DE: ({ firstName, amount }) =>\r\n      `<strong>Herzlichen Glückwunsch, ${firstName} !</strong><br>` +\r\n      `Du gehörst zu den Gewinnerinnen und Gewinner unserer grossen <strong>Festtagsverlosung.</strong><br>` +\r\n      `Dein Gewinn:<br>🎁 <strong>CHF ${amount}.- Bonusguthaben</strong><br><br>` +\r\n      `Das Bonusguthaben wurde deinem Spielerkonto gutgeschrieben.<br><br>` +\r\n      `<strong>Wir wünschen dir ein glückliches neues Jahr und weiterhin viel Erfolg beim Spielen!`,\r\n\r\n    fr_FR: ({ firstName, amount }) =>\r\n      `<strong>Félicitations, ${firstName} !</strong><br>` +\r\n      `Vous faites partie des gagnantes et gagnants de notre grand <strong>Tirage au sort des Fêtes.</strong><br>` +\r\n      `Votre gain:<br>🎁 <strong>CHF ${amount}.- de crédit bonus</strong><br><br>` +\r\n      `Le crédit bonus a été versé sur votre compte joueur.<br><br>` +\r\n      `<strong>Nous vous souhaitons une heureuse nouvelle année et plein de succès dans vos jeux !`,\r\n\r\n    it_IT: ({ firstName, amount }) =>\r\n      `<strong>Congratulazioni, ${firstName} !</strong><br>` +\r\n      `Sei tra i vincitori della nostra grande <strong>estrazione delle Feste. </strong><br>` +\r\n      `Il tuo premio:<br>🎁 <strong>CHF ${amount}.- di credito bonus</strong><br><br>` +\r\n      `Il credito bonus è stato accreditato sul tuo conto di gioco.<br><br>` +\r\n      `<strong>Ti auguriamo un felice anno nuovo e tanto successo nei tuoi giochi!`\r\n  };\r\n\r\n  // amounts\r\n  const WINNER_ALLOWED_AMOUNTS = new Set([\"1000\", \"800\", \"700\", \"500\", \"250\", \"100\"]);\r\n\r\n  function getWinnerMessage(tagValue, currentLang, firstName) {\r\n    if (!WINNER_ALLOWED_AMOUNTS.has(tagValue)) return \"\";\r\n\r\n    const templateFn =\r\n      WINNER_TEMPLATES[currentLang] || WINNER_TEMPLATES[\"de_DE\"];\r\n      \r\n    return templateFn({ firstName: firstName || \"\", amount: tagValue });\r\n  }\r\n\r\n  function getLoserMessage(currentLang, firstName) {\r\n    const LOSER_MESSAGES = {\r\n      en_US:\r\n        \"🎅<strong>Thanks for taking part, firstname !</strong><br><br>Unfortunately, luck wasn't on your side in the Festive Raffle – but the year has only just begun! <br><br><strong>Look forward to many new promotions and bonus highlights – there's more coming soon! </strong>🎄\",\r\n      de_DE:\r\n        \"🎅<strong>Danke fürs Mitmachen, firstname !</strong><br><br>Leider hattest du bei der Festtagsverlosung kein Glück, aber das Jahr hat gerade erst begonnen! <br><br><strong>Freu dich auf viele neue Aktionen und Bonus-Highlights! Bald geht's weiter! </strong>🎄\",\r\n      fr_FR:\r\n        \"🎅<strong>Merci pour votre participation, firstname !</strong><br><br>Malheureusement, la chance n'était pas au rendez-vous pour le Tirage au sort des Fêtes, mais l'année ne fait que commencer ! <br><br><strong>Réjouissez-vous de nombreuses nouvelles actions et de bonus exclusifs – la suite arrive bientôt ! </strong>🎄\",\r\n      it_IT:\r\n        \"🎅<strong>Grazie per aver partecipato, firstname !</strong><br><br>Purtroppo non hai avuto fortuna con l'estrazione delle Feste, ma l'anno è appena iniziato! <br><br><strong>Presto arriveranno tante nuove promozioni e bonus imperdibili – resta con noi! </strong>🎄\",\r\n    };\r\n\r\n    const template = LOSER_MESSAGES[currentLang] || LOSER_MESSAGES[\"de_DE\"];\r\n    return replaceFirstName(template, firstName);\r\n  }\r\n\r\n  /* progressbar */\r\n  (async () => {\r\n    try {\r\n      await waitForElement(\".ticket-progressbar\");\r\n\r\n      if (!isLoggedIn()) return;\r\n\r\n      const {\r\n        data: { tags }\r\n      } = await Playtech.API.user.getPlayerTags();\r\n\r\n      /* Count \"opened days\"*/\r\n      const openedDays = tags.filter((t) =>\r\n        t.name.includes(\"sc/promo/advent_day_\")\r\n      ).length;\r\n\r\n      updateTicketProgressbar(openedDays, 31);\r\n\r\n      const currentLang = (() => {\r\n        try {\r\n          const stored = localStorage.getItem(\"userLang\");\r\n          return stored ? JSON.parse(stored) : \"de_DE\";\r\n        } catch (e) {\r\n          console.warn(\"Error parsing stored language, fallback to de_DE:\", e);\r\n          return \"de_DE\";\r\n        }\r\n      })();\r\n\r\n      /* When showWinner is true */\r\n      if (showWinner()) {\r\n        const messageElement = document.getElementById(\"message\");\r\n        \r\n        if (!messageElement) {\r\n          console.error(\"Message container #message not found in DOM\");\r\n          return;\r\n        }\r\n\r\n        messageElement.classList.remove(\"hidden\");\r\n\r\n        const doorOpenElement = document.getElementById(\"dooropen\");\r\n        if (doorOpenElement) {\r\n          doorOpenElement.remove();\r\n        }\r\n\r\n        const winnerTag = tags.find(\r\n          (t) => t.name === \"sc/promo/festive_raffle_winner\"\r\n        );\r\n\r\n        const firstName = await getFirstName();\r\n\r\n        if (winnerTag) {\r\n          const msg = getWinnerMessage(\r\n            winnerTag.value,\r\n            currentLang,\r\n            firstName\r\n          );\r\n          messageElement.innerHTML = msg;\r\n        } else {\r\n          const msg = getLoserMessage(currentLang, firstName);\r\n          messageElement.innerHTML = msg;\r\n        }\r\n      }\r\n    } catch (err) {\r\n      console.error(\"Initialization failed:\", err);\r\n    }\r\n  })();\r\n})();\r\n"},"conditionIds":["f6363dc6-270b-42d8-bf84-77b65203185e","4eaa767f-38ed-46ce-aea0-afceba7315fd"]},{"tagId":"8bc9bb1f-1d45-4438-b73b-24dcde54f8be","tagTypeId":"custom_js","name":"On Zendesk Login JS","description":"On Zendesk Login JS","config":{"code":"(() => {\r\n  const getUrlParameter = (name) => {\r\n    const searchParams = new URLSearchParams(window.location.search);\r\n    return searchParams.get(name);\r\n  };\r\n\r\n  const isValidReturnUrl = (url) => {\r\n    try {\r\n      const parsedUrl = new URL(url);\r\n      return parsedUrl.hostname.endsWith('helpcenter.swisscasinos.ch');\r\n    } catch (error) {\r\n      return false;\r\n    }\r\n  };\r\n\r\n  const getUserData = async () => {\r\n    try {\r\n      const userDetails = Playtech.fetchUserDetails();\r\n      \r\n      if (!userDetails || !userDetails.firstName || !userDetails.lastName || !userDetails.email) {\r\n        throw new Error('User data incomplete or invalid');\r\n      }\r\n      \r\n      const issuedAt = Math.floor(Date.now() / 1000);\r\n      \r\n      const jwtId = 'jwt-' + issuedAt;\r\n\r\n      let return_to = getUrlParameter('return_to');\r\n\r\n      if (!return_to || !isValidReturnUrl(return_to)) {\r\n        return_to = 'https://helpcenter.swisscasinos.ch/hc/de/';\r\n      }\r\n      \r\n      const userData = {\r\n        name: `${userDetails.firstName} ${userDetails.lastName}`,\r\n        email: userDetails.email,\r\n        external_id: userDetails.userId || undefined,\r\n        return_to: return_to,\r\n        iat: issuedAt,\r\n        jti: jwtId\r\n      };\r\n\r\n      return userData;\r\n    } catch (error) {\r\n      throw error;\r\n    }\r\n  };\r\n\r\n  const authenticateWithZendesk = async () => {\r\n    try {\r\n      const userData = await getUserData();\r\n      \r\n      const response = await fetch('https://zendeskjwtendusers.azurewebsites.net/api/generateToken', {\r\n        method: 'POST',\r\n        headers: { \r\n          'Content-Type': 'application/json',\r\n          'Accept': 'application/json'\r\n        },\r\n        body: JSON.stringify(userData)\r\n      });\r\n      \r\n      const data = await response.json();\r\n      \r\n      if (!response.ok) {\r\n        throw new Error(data.error || `Failed to generate token: ${response.status}`);\r\n      }\r\n      \r\n      if (!data.token || !data.zendeskUrl) {\r\n        throw new Error('Invalid token response: missing token or zendeskUrl');\r\n      }\r\n      \r\n      const zendeskUrlObj = new URL(data.zendeskUrl);\r\n      zendeskUrlObj.searchParams.append('return_to', userData.return_to);\r\n      \r\n      const form = document.createElement('form');\r\n      form.method = 'POST';\r\n      form.action = zendeskUrlObj.toString();\r\n      form.style.display = 'none';\r\n      \r\n      const input = document.createElement('input');\r\n      input.type = 'hidden';\r\n      input.name = 'jwt';\r\n      input.value = data.token;\r\n      form.appendChild(input);\r\n      \r\n      document.body.appendChild(form);\r\n      form.submit();\r\n      \r\n    } catch (error) {\r\n    }\r\n  };\r\n\r\n  const initialize = async () => {\r\n    try {\r\n      const userDetails = Playtech.fetchUserDetails();\r\n\r\n      if (userDetails && userDetails.userId) {\r\n        await authenticateWithZendesk();\r\n      } else {\r\n        Playtech.API.auth.showLoginPopup();\r\n      }\r\n    } catch (error) {\r\n      // Silent error handling for production\r\n    }\r\n  };\r\n\r\n  Playtech.on(Playtech.Events.LOGGED_IN, async () => {\r\n    try {\r\n      await authenticateWithZendesk();\r\n    } catch (error) {\r\n      // Silent error handling for production\r\n    }\r\n  });\r\n\r\n  initialize();\r\n})();"},"conditionIds":["4aa2f6c2-c6c5-49df-af42-9cc833bc02c2","4eaa767f-38ed-46ce-aea0-afceba7315fd"]},{"tagId":"10df254d-7b2e-4493-a907-371c18209e37","tagTypeId":"custom_js","name":"On Zendesk Logout JS","description":"On Zendesk Logout JS","config":{"code":"(() => {\n  const ZENDESK_LOGOUT_URL = 'https://scgroupsupport.zendesk.com/logout';\n  const HELP_CENTER_URL = 'https://helpcenter.swisscasinos.ch/hc/de/';\n\n  const signOutFromZendesk = () => {\n    try {\n      // 1. Logout from messaging widget\n      if (typeof zE !== 'undefined') {\n        zE('messenger', 'logoutUser');\n      }\n\n      // 2. Clear Zendesk session from local storage\n      if (localStorage.getItem('ZD-suid')) {\n        localStorage.removeItem('ZD-suid');\n      }\n\n      // 3. Redirect to Zendesk logout URL\n      window.location.href = ZENDESK_LOGOUT_URL;\n\n    } catch (error) {\n      // Fallback: redirect to help center\n      window.location.href = HELP_CENTER_URL;\n    }\n  };\n\n  // Auto-execute on page load\n  signOutFromZendesk();\n\n  // Expose globally for manual calls\n  window.signOutFromZendesk = signOutFromZendesk;\n})();\n"},"conditionIds":["8d64e386-c491-4637-acce-31c5851bcc71","4eaa767f-38ed-46ce-aea0-afceba7315fd"]},{"tagId":"da67e314-42f5-40b7-a566-f415c0a659ac","tagTypeId":"custom_js","name":"Zendesk global events","description":"Zendesk global events JS","config":{"code":"Playtech.on(Playtech.Events.LOGGED_OUT, () => {\n  // Logout from messaging widget\n  if (typeof zE !== 'undefined') {\n    zE(\"messenger\", \"logoutUser\");\n  }\n  \n  // Clear Zendesk Help Center session via iframe\n  const iframe = document.createElement('iframe');\n  iframe.style.display = 'none';\n  iframe.src = 'https://scgroupsupport.zendesk.com/access/logout';\n  iframe.onerror = () => {\n    // Fallback: redirect if iframe fails\n    window.location.href = 'https://scgroupsupport.zendesk.com/access/logout';\n  };\n  document.body.appendChild(iframe);\n  \n  setTimeout(() => iframe.remove(), 2000);\n});"},"conditionIds":["49c0db39-d960-4837-920f-574b7820bfe0"]},{"tagId":"27","tagTypeId":"custom_js","name":"After page render /spielregeln","description":"After page render /spielregeln","config":{"code":"\r\n(async () => {\r\n    const fetchData = async (url) => {\r\n      try {\r\n        const gamingrules_data =\r\n          document.getElementsByClassName(\"accordion-section\")[0];\r\n        const loader = document.getElementsByClassName(\"loader-section\")[0];\r\n        gamingrules_data.classList.add(\"hide\");\r\n        loader.classList.remove(\"hide\");\r\n\r\n        const response = await fetch(url);\r\n        if (!response.ok) {\r\n          throw new Error(`HTTP error! Status: ${response.status}`);\r\n        }\r\n        const dataSource = await response.json();\r\n\r\n        gamingrules_data.classList.remove(\"hide\");\r\n        loader.classList.add(\"hide\");\r\n\r\n        return dataSource;\r\n      } catch (error) {\r\n        console.error(\"An error has occurred:\", error);\r\n        const gamingrules_data =\r\n          document.getElementsByClassName(\"accordion-section\")[0];\r\n        const loader = document.getElementsByClassName(\"loader-section\")[0];\r\n        gamingrules_data.classList.add(\"hide\");\r\n        loader.classList.add(\"hide\");\r\n\r\n        throw error;\r\n      }\r\n    };\r\n\r\n    const generateTableHead = (table, content) => {\r\n      const thead = table.createTHead();\r\n      const row = thead.insertRow();\r\n\r\n      if (content.table_heads.length) {\r\n        content.table_heads.forEach((head, index) => {\r\n          const th = document.createElement(\"th\");\r\n          const text = document.createTextNode(head.table_head);\r\n          th.appendChild(text);\r\n          row.appendChild(th);\r\n        });\r\n      }\r\n    };\r\n\r\n    const generateTable = (table, content) => {\r\n      if (content.table_rows.length) {\r\n        content.table_rows.forEach((trows, index) => {\r\n          const row = table.insertRow(1);\r\n\r\n          for (let trow = 0; trow < Object.keys(trows).length; trow++) {\r\n            const cell = row.insertCell();\r\n            const text = document.createTextNode(Object.values(trows)[trow]);\r\n            cell.appendChild(text);\r\n          }\r\n        });\r\n      }\r\n    };\r\n\r\n    const createTable = (table, content) => {\r\n      generateTableHead(table, content);\r\n      generateTable(table, content);\r\n    };\r\n\r\n    const tableInit = (accordion, content) => {\r\n      accordion.innerHTML += `<div class=\"w-full table-container text-white\">\r\n                            <div class=\"text-3xl font-semibold mb-4 mt-4\">${content.head}</div>\r\n                            </div>`;\r\n      const tableContainer = document.getElementsByClassName(\"table-container\")[0];\r\n\r\n      content.sub.forEach((subContent, index) => {\r\n        tableContainer.innerHTML += `<div class=\"text-2xl font-base mb-1 mt-2\">${subContent.table_title}</div>\r\n                                    <table class=\"poker-accor-table w-full text-center text-black shadow-2xl mb-5\"></table>\r\n                                    <div class=\"text-base font-light mb-8\">${subContent.table_info}</div>`;\r\n        const table = document.getElementsByClassName(\"poker-accor-table\")[index];\r\n        createTable(table, subContent);\r\n      });\r\n    };\r\n\r\n    const buildingMobileSubAccordion = (content, index) => {\r\n      const mobileSubItems = document.getElementById(\"sub-accor-mob-\" + index);\r\n      if (content.type) {\r\n        tableInit(mobileSubItems, content);\r\n      } else {\r\n        content.sub.forEach((subContent, sub_index) => {\r\n          const [mainNumber, subNumber] = subContent.prio.split(\".\");\r\n          mobileSubItems.innerHTML += `\r\n        <div class=\"w-full\">\r\n            <input data-mobile-subtitle=\"${mainNumber}-${subNumber}\" type=\"checkbox\" name=\"sub-panel\" id=\"panel-${index}-${sub_index}\" class=\"hidden\">\r\n            <label for=\"panel-${index}-${sub_index}\" class=\"sub-accor-label font-semibold relative block sub-gradient-bg color-yellow p-4 shadow text-lg\">\r\n            ${subContent.sub_tab_head}\r\n            </label>\r\n            <div class=\"accordion-content text-base accordion-content-mobile overflow-hidden bg-grey-lighter\">\r\n            ${subContent.sub_tab_content}\r\n            </div>\r\n        </div>`;\r\n        });\r\n      }\r\n    };\r\n\r\n    const mobileAccordion = (dataSource) => {\r\n      const itemsDiv = document.getElementById(\"accordion-mobile\");\r\n\r\n      dataSource.content.forEach((content, index) => {\r\n        const prioArray = index + 1;\r\n        itemsDiv.innerHTML += `\r\n        <div class=\"w-full mob-item\" id=\"maintab-${prioArray}\">\r\n        <input data-mobile-maintitle=\"${prioArray}\" item_index=\"${index}\" type=\"checkbox\" name=\"panel\" id=\"panel-mob-${index}\" class=\"hidden\">\r\n        <label for=\"panel-mob-${index}\" class=\"flex flex-row items-center accor-label mob-accor-label relative bg-[#242C39] text-white p-4 font-bold text-2xl\">\r\n            ${content.main_tab}\r\n        </label>\r\n        <div class=\"accordion-content flex flex-col items-center overflow-hidden pt-1\">\r\n            <div class=\"w-11/12 sub-accor-mob\" id=\"sub-accor-mob-${index}\">\r\n            </div>\r\n        </div>\r\n        </div>`;\r\n        buildingMobileSubAccordion(content, index);\r\n      });\r\n    };\r\n\r\n    let desktopToggleFirstItemSub = (index) => {\r\n      if (index === 0) {\r\n        desktopToggleFirstItemSub = () => {};\r\n        return \"checked\";\r\n      }\r\n    };\r\n\r\n    const buildingDesktopAccordion = (clickedIndex) => {\r\n      const accordion = document.getElementById(\"accordion\");\r\n      accordion.innerHTML = \"\";\r\n\r\n      dataSource.content.forEach((content, mainIndex) => {\r\n        if (mainIndex == clickedIndex) {\r\n          if (content.type) {\r\n            tableInit(accordion, content);\r\n          } else {\r\n            content.sub.forEach((subContent, subIndex) => {\r\n              const [mainNumber, subNumber] = subContent.prio.split(\".\");\r\n              accordion.innerHTML += `\r\n            <div class=\"w-full\" style=\"min-width:550px\">\r\n                <input data-subtitle=\"${mainNumber}-${subNumber}\" type=\"checkbox\" name=\"panel\" id=\"panel-${subIndex}\" class=\"hidden\" ${desktopToggleFirstItemSub(\r\n                subIndex\r\n              )}>\r\n                <label for=\"panel-${subIndex}\" class=\"accor-label font-semibold sub-gradient-bg relative block text-white p-4 mb-px text-2xl ${\r\n                subIndex === 0 && clickedIndex == 0 ? \"active\" : \"\"\r\n              }\">\r\n                ${subContent.sub_tab_head}\r\n                </label>\r\n                <div class=\"accordion-content text-xl overflow-hidden bg-grey-lighter\">\r\n                ${subContent.sub_tab_content}\r\n                </div>\r\n            </div>`;\r\n            });\r\n          }\r\n        }\r\n      });\r\n\r\n      document\r\n        .querySelectorAll('input[type=\"checkbox\"][id^=\"panel-\"]')\r\n        .forEach((checkbox) => {\r\n          checkbox.addEventListener(\"change\", () => {\r\n            const label = document.querySelector(`label[for=\"${checkbox.id}\"]`);\r\n            if (checkbox.checked) {\r\n              label.classList.add(\"active\");\r\n            } else {\r\n              label.classList.remove(\"active\");\r\n            }\r\n          });\r\n        });\r\n    };\r\n\r\n    const buildingDesktopMenuItems = (itemsDiv, dataSource) => {\r\n      dataSource.content.forEach((content, index, array) => {\r\n        const prioArray = index + 1;\r\n        itemsDiv.innerHTML += `\r\n        <div item_index=\"${index}\" data-maintitle=\"${prioArray}\" class=\"relative font-semibold item general text-2xl text-white bg-[#242C39] pr-8 pt-5 pb-5 pl-3 flex items-center cursor-pointer item-not-active\">\r\n        ${content.main_tab}\r\n        </div>`;\r\n      });\r\n    };\r\n\r\n    const desktopToggleFirstItem = () => {\r\n      const items = document.querySelectorAll(\".item\");\r\n      items.forEach((item) =>\r\n        item.classList.replace(\"item-active\", \"item-not-active\")\r\n      );\r\n      items[0].classList.replace(\"item-not-active\", \"item-active\");\r\n      buildingDesktopAccordion(items[0].getAttribute(\"item_index\"));\r\n    };\r\n\r\n    const desktopItemToggleEvent = () => {\r\n      const items = document.querySelectorAll(\".item\");\r\n      items.forEach((item) => {\r\n        item.addEventListener(\"click\", () => {\r\n          const clickedIndex = item.getAttribute(\"item_index\");\r\n\r\n          items.forEach((otherItem) => {\r\n            if (otherItem.getAttribute(\"item_index\") !== clickedIndex) {\r\n              otherItem.classList.replace(\"item-active\", \"item-not-active\");\r\n            }\r\n          });\r\n          item.classList.replace(\"item-not-active\", \"item-active\");\r\n          buildingDesktopAccordion(clickedIndex);\r\n        });\r\n      });\r\n    };\r\n\r\n    const desktopAccordion = (dataSource) => {\r\n      const itemsDiv = document.getElementById(\"items\");\r\n      itemsDiv.innerHTML = \"\";\r\n      buildingDesktopMenuItems(itemsDiv, dataSource);\r\n      desktopToggleFirstItem();\r\n      desktopItemToggleEvent();\r\n    };\r\n\r\n    const formatAsTwoDigits = (number) => {\r\n      if (number !== null) {\r\n        return number < 0\r\n          ? `-${(-number).toString().padStart(2, \"0\")}`\r\n          : number.toString().padStart(2, \"0\");\r\n      } else {\r\n        return \"Null input: Please provide a valid number.\";\r\n      }\r\n    };\r\n\r\n    const GamingRuleScrollApp = {\r\n      scrollLogic: async () => {\r\n        const targetElement = document.getElementById(\"game-rules\");\r\n        if (targetElement) {\r\n          const rect = targetElement.getBoundingClientRect();\r\n          const scrollTop = window.scrollY || document.documentElement.scrollTop;\r\n          const targetTop = rect.top + scrollTop;\r\n\r\n          window.scrollTo({ top: targetTop, behavior: \"smooth\" });\r\n        } else {\r\n          throw new Error(`Element with id ${toParam} not found.`);\r\n        }\r\n      },\r\n      init: () => {\r\n        try {\r\n          GamingRuleScrollApp.scrollLogic();\r\n        } catch (error) {\r\n          console.error(error.message);\r\n        }\r\n      },\r\n    };\r\n\r\n    const targetAccordion = () => {\r\n      if (urlParams.has(\"maintab\")) {\r\n        const mainTitleOrder = urlParams.get(\"maintab\");\r\n        const subTitleOrder = formatAsTwoDigits(urlParams.get(\"subtab\"));\r\n\r\n        const desktopAccordionEl = document.querySelector(\r\n          `[data-maintitle=\"${mainTitleOrder}\"]`\r\n        );\r\n        const mobileMaintitle = document.querySelector(\r\n          `[data-mobile-maintitle=\"${mainTitleOrder}\"]`\r\n        );\r\n        const mobileSubtitle = document.querySelector(\r\n          `[data-mobile-subtitle=\"${mainTitleOrder}-${subTitleOrder}\"]`\r\n        );\r\n\r\n        // Open Desktop Accordion\r\n        if (desktopAccordionEl) {\r\n          desktopAccordionEl.classList.replace(\"item-not-active\", \"item-active\");\r\n          buildingDesktopAccordion(desktopAccordionEl.getAttribute(\"item_index\"));\r\n\r\n          // Remove 'active' class from all other items\r\n          const items = document.querySelectorAll(\".item\");\r\n          items.forEach((item) => {\r\n            if (item !== desktopAccordionEl) {\r\n              item.classList.replace(\"item-active\", \"item-not-active\");\r\n            }\r\n          });\r\n        }\r\n\r\n        // Open Accordion Subtitle\r\n        const subtitleSelector = `[data-subtitle=\"${mainTitleOrder}-${subTitleOrder}\"]`;\r\n        const subtitleElement = document.querySelector(subtitleSelector);\r\n        if (subtitleElement) {\r\n          subtitleElement.setAttribute(\"checked\", true);\r\n        }\r\n\r\n        // Open Mobile Accordion\r\n        mobileMaintitle?.setAttribute(\"checked\", true);\r\n        mobileSubtitle?.setAttribute(\"checked\", true);\r\n\r\n        // Initialize the ScrollApp\r\n        GamingRuleScrollApp.init();\r\n\r\n        // Update the accordion labels based on checkbox states\r\n        setTimeout(() => {\r\n          dataSource.content.forEach((content, mainIndex) => {\r\n            if (mainIndex == desktopAccordionEl?.getAttribute(\"item_index\")) {\r\n              if (!content.type) {\r\n                content.sub.forEach((_, subIndex) => {\r\n                  const checkbox = document.getElementById(`panel-${subIndex}`);\r\n                  const label = document.querySelector(\r\n                    `label[for=\"panel-${subIndex}\"]`\r\n                  );\r\n\r\n                  if (checkbox && label) {\r\n                    if (checkbox.checked) {\r\n                      label.classList.add(\"active\");\r\n                    } else {\r\n                      label.classList.remove(\"active\");\r\n                    }\r\n                  }\r\n                });\r\n              }\r\n            }\r\n          });\r\n        }, 0);\r\n      }\r\n    };\r\n\r\n    const getContent = async () => {\r\n      const currentLang = JSON.parse(localStorage.getItem(\"userLang\")).slice(\r\n        0,\r\n        2\r\n      );\r\n      const rulesSource = await fetchData(\r\n        `https://gamelistmiddleware.azurewebsites.net/poker-rules/?lang=${currentLang}`\r\n      );\r\n\r\n      window.dataSource = {\r\n        lang: rulesSource.lang,\r\n        content: rulesSource.content,\r\n      };\r\n\r\n      desktopAccordion(dataSource);\r\n      mobileAccordion(dataSource);\r\n      targetAccordion();\r\n\r\n      // Remove specific search parameters from the URL\r\n      const url = new URL(window.location.href);\r\n      [\"maintab\", \"subtab\"].forEach((param) => url.searchParams.delete(param));\r\n      window.history.replaceState({}, document.title, url.toString());\r\n    };\r\n\r\n    document.addEventListener(\"DOMContentLoaded\", () => {\r\n      document\r\n        .querySelectorAll('input[type=\"checkbox\"][id^=\"panel-\"]')\r\n        .forEach((checkbox) => {\r\n          checkbox.addEventListener(\"change\", () => {\r\n            const label = document.querySelector(`label[for=\"${checkbox.id}\"]`);\r\n            if (checkbox.checked) {\r\n              label.classList.add(\"active\");\r\n            } else {\r\n              label.classList.remove(\"active\");\r\n            }\r\n          });\r\n        });\r\n    });\r\n\r\n    // Initialize when accordion-section is available\r\n    const initWhenReady = () => {\r\n      const accordionSection = document.getElementsByClassName(\"accordion-section\")[0];\r\n      if (accordionSection) {\r\n        getContent();\r\n        initPokerButtons();\r\n        return true;\r\n      }\r\n      return false;\r\n    };\r\n\r\n    if (!initWhenReady()) {\r\n      const observer = new MutationObserver((mutations, obs) => {\r\n        if (initWhenReady()) {\r\n          obs.disconnect();\r\n        }\r\n      });\r\n\r\n      observer.observe(document.body, {\r\n        childList: true,\r\n        subtree: true\r\n      });\r\n    }\r\n})();\r\n"},"conditionIds":["4eaa767f-38ed-46ce-aea0-afceba7315fd","830c040b-ef32-4efe-bf3b-bf09227914e8"]},{"tagId":"25","tagTypeId":"custom_js","name":"After page render /poker","description":"After page render /poker","config":{"code":"\r\n(() => {\r\n    const fetchAndUpdatePokerStats = async () => {\r\n        try {\r\n            const response = await fetch(\"https://pokerstatistics.azurewebsites.net\");\r\n            if (!response.ok) {\r\n                throw new Error(`HTTP error! status: ${response.status}`);\r\n            }\r\n            const data = await response.json();\r\n            updatePokerStats(data);\r\n        } catch (error) {\r\n            console.error(`An error occurred while fetching poker stats: ${error.message}`);\r\n        }\r\n    };\r\n\r\n    const updatePokerStats = (data) => {\r\n        updateCounter(\"online-players\", data.onlineplayers);\r\n        updateCounter(\"active-tournaments\", data.activetournaments);\r\n        updateCounter(\"cash-games\", data.activerealtables);\r\n    };\r\n\r\n    const updateCounter = (elementId, finalValue) => {\r\n        const element = document.getElementById(elementId);\r\n        if (!element) {\r\n            console.warn(`Element with ID \"${elementId}\" not found.`);\r\n            return;\r\n        }\r\n\r\n        const duration = 4000;\r\n        let start;\r\n\r\n        const step = (timestamp) => {\r\n            if (!start) start = timestamp;\r\n            const progress = Math.min((timestamp - start) / duration, 1);\r\n            element.textContent = Math.floor(progress * finalValue);\r\n            if (progress < 1) requestAnimationFrame(step);\r\n        };\r\n\r\n        requestAnimationFrame(step);\r\n    };\r\n\r\n    const init = () => {\r\n        const targetElement = document.getElementsByClassName(\"poker-playnow\")[0];\r\n        if (targetElement) {\r\n            fetchAndUpdatePokerStats();\r\n            initPokerButtons();\r\n            return;\r\n        }\r\n\r\n        const observer = new MutationObserver((mutations, obs) => {\r\n            if (document.getElementsByClassName(\"poker-playnow\")[0]) {\r\n                obs.disconnect();\r\n                fetchAndUpdatePokerStats();\r\n                initPokerButtons();\r\n            }\r\n        });\r\n\r\n        observer.observe(document.body, {\r\n            childList: true,\r\n            subtree: true\r\n        });\r\n    };\r\n\r\n    init();\r\n})();\r\n"},"conditionIds":["4eaa767f-38ed-46ce-aea0-afceba7315fd","a7857dcd-f62a-4fd9-8ccd-e2a1e69d1332"]},{"tagId":"2290f8c7-6bd1-4ed0-b881-5451e41e5715","tagTypeId":"custom_js","name":"After page render JS /strategies","description":"After page render JS /strategies","config":{"code":"(() => {\r\n\tconst fetchData = async (url) => {\r\n\t\ttry {\r\n\t\t\tconst response = await fetch(url);\r\n\t\t\tif (!response.ok) {\r\n\t\t\t\tthrow new Error(`HTTP error! Status: ${response.status}`);\r\n\t\t\t}\r\n\t\t\tconst dataSource = await response.json();\r\n\t\t\treturn dataSource;\r\n\t\t} catch (error) {\r\n\t\t\tconsole.error(\"An error has occurred:\", error);\r\n\t\t\tthrow error;\r\n\t\t}\r\n\t};\r\n\r\n\tconst popupToggle = (popup, pageMask) => {\r\n\t\tpopup.classList.toggle(\"display-none\");\r\n\t\tpageMask.classList.toggle(\"display-none\");\r\n\t};\r\n\r\n\tconst closeToggle = (closeButton, popup, pageMask, popupContent) => {\r\n\t\tcloseButton.onclick = () => {\r\n\t\t\tpopupContent.innerHTML = \"\";\r\n\t\t\tpopup.classList.toggle(\"display-none\");\r\n\t\t\tpageMask.classList.toggle(\"display-none\");\r\n\t\t};\r\n\t};\r\n\r\n\tconst clickOutSideModalToggle = (popup, pageMask, popupContent) => {\r\n\t\tpageMask.onclick = () => {\r\n\t\t\tpopupContent.innerHTML = \"\";\r\n\t\t\tpopup.classList.toggle(\"display-none\");\r\n\t\t\tpageMask.classList.toggle(\"display-none\");\r\n\t\t};\r\n\t};\r\n\r\n\tconst accordionClickEvent = () => {\r\n\t\tconst accordionElements = document.getElementsByClassName(\"accordion-toggle\");\r\n\r\n\t\tArray.from(accordionElements).forEach((element, index) => {\r\n\t\t\telement.addEventListener(\"click\", () => {\r\n\t\t\t\tconst accordionArrow = element.getElementsByClassName(\"btn-accor\")[0];\r\n\t\t\t\tconst accordionContentElement = document.getElementById(\r\n\t\t\t\t\t`accordion-content-${index}`\r\n\t\t\t\t);\r\n\t\t\t\tconst toggleTitle = element.querySelector(\".toggletitle\");\r\n\r\n\t\t\t\tif (accordionContentElement) {\r\n\t\t\t\t\taccordionArrow.classList.toggle(\"active\");\r\n\t\t\t\t\taccordionContentElement.classList.toggle(\"active\");\r\n\r\n\t\t\t\t\tif (accordionContentElement.classList.contains(\"active\")) {\r\n\t\t\t\t\t\ttoggleTitle.classList.add(\"active\");\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\ttoggleTitle.classList.remove(\"active\");\r\n\t\t\t\t\t}\r\n\t\t\t\t} else {\r\n\t\t\t\t\tconsole.error(`Accordion content not found for index ${index}`);\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t});\r\n\t};\r\n\r\n\tconst createAccordionContentToggle = (popupContent, index) => {\r\n\t\tconst accordionToggles = popupContent.getElementsByClassName(\"accordion-toggle\");\r\n\r\n\t\tif (accordionToggles[index]) {\r\n\t\t\tconst flexCol = accordionToggles[index].getElementsByClassName(\"flex-col\")[0];\r\n\r\n\t\t\tconst existingAccordionContent = flexCol.querySelector(\".accordion-content-toggle\");\r\n\t\t\tif (existingAccordionContent) {\r\n\t\t\t\texistingAccordionContent.remove();\r\n\t\t\t}\r\n\r\n\t\t\tconst accordionContentToggle = document.createElement(\"div\");\r\n\t\t\taccordionContentToggle.classList.add(\"accordion-content-toggle\");\r\n\t\t\taccordionContentToggle.id = `accordion-content-${index}`;\r\n\t\t\taccordionContentToggle.style.paddingTop = \"5px\";\r\n\r\n\t\t\tflexCol.appendChild(accordionContentToggle);\r\n\t\t} else {\r\n\t\t\tconsole.error(`Element with class \"accordion-toggle\" not found at index ${index}`);\r\n\t\t}\r\n\t};\r\n\r\n\tconst buildSubLessons = (content, popupContent, lesson, index) => {\r\n\t\tconst lessonPopupContent = document.getElementById(\r\n\t\t\t`accordion-content-${index}`\r\n\t\t);\r\n\r\n\t\tif (lessonPopupContent) {\r\n\t\t\tlessonPopupContent.innerHTML = \"\";\r\n\r\n\t\t\tlesson.sub_lessons.forEach((sublesson) => {\r\n\t\t\t\tlessonPopupContent.innerHTML += `\r\n\t\t\t\t<div class=\"flex py-2 accor-content-border items-start md:items-center flex-col md:flex-row\">\r\n\t\t\t\t\t<div class=\"text-xl font-semibold flex-1 popup-title text-white pr-2\">${sublesson.title}</div>\r\n\t\t\t\t\t<button class=\"button-base-bg mt-3 md:mt-0 w-21 h-8\">\r\n\t\t\t\t\t\t<a class=\"text-xl font-bold uppercase\" href=\"${sublesson.link}\">\r\n\t\t\t\t\t\t\t${content.button_text}\r\n\t\t\t\t\t\t</a>\r\n\t\t\t\t\t</button>\r\n\t\t\t\t</div>`;\r\n\t\t\t});\r\n\t\t} else {\r\n\t\t\tconsole.error(`Accordion content not found for lesson at index ${index}`);\r\n\t\t}\r\n\t};\r\n\r\n\tconst lessonsSection = (popupContent, content) => {\r\n\t\tcontent.lessons.forEach((lesson, index) => {\r\n\t\t\tif (lesson.sub_lessons) {\r\n\t\t\t\tpopupContent.innerHTML += `\r\n\t\t\t\t<div class=\"flex flex-col justify-between p-2 px-0 lg:mx-6 popup-content-border accordion-toggle w-full\">\r\n\t\t\t\t\t<div class=\"flex-row flex justify-between cursor-pointer\">\r\n\t\t\t\t\t\t<div class=\"flex-col w-full\">\r\n\t\t\t\t\t\t\t<div class=\"text-xl lg:text-2xl font-bold popup-title text-white toggletitle\">${lesson.title}</div>\r\n\t\t\t\t\t\t\t<div class=\"text-lg lg:text-xl text-left numbers-of-lessons text-white\">\r\n\t\t\t\t\t\t\t\t${lesson.sub_lessons.length} ${content.number_of_lessons_text}\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<span class=\"block btn-accor w-btn-normal\"></span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"flex-col\">\r\n\t\t\t\t\t\t<div id=\"accordion-content-${index}\" class=\"accordion-content-toggle pt-5\"></div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>`;\r\n\r\n\t\t\t\tcreateAccordionContentToggle(popupContent, index);\r\n\t\t\t\tbuildSubLessons(content, popupContent, lesson, index);\r\n\t\t\t} else {\r\n\t\t\t\tpopupContent.innerHTML += `\r\n\t\t\t\t<div class=\"flex items-start md:items-center justify-between p-2 px-0 lg:mx-6 popup-content-border flex-col md:flex-row w-full\">\r\n\t\t\t\t\t<div class=\"text-xl lg:text-2xl font-bold popup-title text-white flex-1\">${lesson.title}</div>\r\n\t\t\t\t\t<button class=\"button-base-bg mt-3 lg:mt-0 w-21 h-8\">\r\n\t\t\t\t\t\t<a class=\"text-xl font-bold uppercase\" href=\"${lesson.link}\">\r\n\t\t\t\t\t\t\t${content.button_text}\r\n\t\t\t\t\t\t</a>\r\n\t\t\t\t\t</button>\r\n\t\t\t\t</div>`;\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\taccordionClickEvent();\r\n\t};\r\n\r\n\tconst buildingPopup = (jsonDataKey, popup, pageMask, dataSource, popupContent) => {\r\n\t\tpopupToggle(popup, pageMask);\r\n\t\tdataSource.content.forEach((content) => {\r\n\t\t\tif (content.type === jsonDataKey) {\r\n\t\t\t\tpopupContent.innerHTML += `\r\n\t\t\t\t<div class=\"lg:my-6 my-4 flex flex-col w-full justify-center items-center\">\r\n\t\t\t\t\t<div class=\"text-xl lg:text-2xl text-center category text-white\">${content.category}</div>\r\n\t\t\t\t\t<div class=\"mb-2 text-xl lg:text-3xl font-bold text-center text-white title\">${content.title}</div>\r\n\t\t\t\t\t<div class=\"mb-2 text-xl lg:text-xl font-italic text-center text-white title\">${content.subtitle}</div>\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<div class=\"mb-2 flex flex-col w-full justify-center items-start lg:hidden\">\r\n\t\t\t\t\t<div class=\"text-xl font-bold text-left text-white category\">${content.category}</div>\r\n\t\t\t\t\t<div class=\"text-lg text-left numbers-of-lessons text-white\"> ${content.lessons.length} ${content.number_of_lessons_text}</div>\r\n\t\t\t\t</div>`;\r\n\t\t\t\tlessonsSection(popupContent, content);\r\n\t\t\t}\r\n\t\t});\r\n\t};\r\n\r\n\tconst popupActions = (popupActionButtons, popup, pageMask, closeButton, dataSource, popupContent) => {\r\n\t\tconst imagePaths = {\r\n\t\t\tnl: {\r\n\t\t\t\tdesktop: \"/library/Poker/Poker-Strategies/__Strategie_NLH_1225x353.webp\",\r\n\t\t\t\tmobile: \"/library/Poker/Poker-Strategies/__Strategie_NHL_336x409.webp\"\r\n\t\t\t},\r\n\t\t\tsng: {\r\n\t\t\t\tdesktop: \"/library/Poker/Poker-Strategies/__Strategie_SNGs_1225x353.webp\",\r\n\t\t\t\tmobile: \"/library/Poker/Poker-Strategies/__Strategie_SNGs_336x409.webp\"\r\n\t\t\t},\r\n\t\t\tbasic: {\r\n\t\t\t\tdesktop: \"/library/Poker/Poker-Strategies/__Strategie_Grundlage_1225x353.webp\",\r\n\t\t\t\tmobile: \"/library/Poker/Poker-Strategies/__Strategie_Grundlage_336x409.webp\"\r\n\t\t\t},\r\n\t\t\tmtt: {\r\n\t\t\t\tdesktop: \"/library/Poker/Poker-Strategies/__Strategie_MTTs_1225x353.webp\",\r\n\t\t\t\tmobile: \"/library/Poker/Poker-Strategies/__Strategie_MTTs_336x409.webp\"\r\n\t\t\t},\r\n\t\t};\r\n\r\n\t\tconst setImageSource = (jsonDataKey) => {\r\n\t\t\tconst prefix = jsonDataKey.split('_')[0];\r\n\t\t\tconst headerImages = document.getElementsByClassName('header-image');\r\n\r\n\t\t\tif (headerImages.length > 0 && imagePaths[prefix]) {\r\n\t\t\t\tconst isMobile = window.innerWidth < 768;\r\n\t\t\t\theaderImages[0].src = isMobile\r\n\t\t\t\t\t? imagePaths[prefix].mobile\r\n\t\t\t\t\t: imagePaths[prefix].desktop;\r\n\t\t\t}\r\n\t\t};\r\n\r\n\t\tpopupActionButtons.forEach((button) =>\r\n\t\t\tbutton.addEventListener(\"click\", () => {\r\n\t\t\t\tconst jsonDataKey = button.getAttribute(\"json-data-key\");\r\n\t\t\t\tbuildingPopup(jsonDataKey, popup, pageMask, dataSource, popupContent);\r\n\t\t\t\tcloseToggle(closeButton, popup, pageMask, popupContent);\r\n\t\t\t\tclickOutSideModalToggle(popup, pageMask, popupContent);\r\n\r\n\t\t\t\tsetImageSource(jsonDataKey);\r\n\t\t\t\twindow.addEventListener('resize', () => setImageSource(jsonDataKey));\r\n\t\t\t})\r\n\t\t);\r\n\t};\r\n\r\n\tconst initiatePopup = (dataSource) => {\r\n\t\tconst popup = document.getElementById(\"poker-modal-popup\");\r\n\t\tconst pageMask = document.getElementById(\"page-mask\");\r\n\t\tconst closeButton = document.getElementById(\"close-button\");\r\n\t\tconst popupContent = popup.querySelector(\".popup-content\");\r\n\t\tconst popupActionButtons = document.querySelectorAll(\".popup-action-button\");\r\n\r\n\t\tpopupActions(popupActionButtons, popup, pageMask, closeButton, dataSource, popupContent);\r\n\t};\r\n\r\n\tconst getContent = async () => {\r\n\t\tconst currentLang = JSON.parse(localStorage.getItem(\"userLang\")).slice(0, 2);\r\n\r\n\t\tconst popupSource = await fetchData(\r\n\t\t\t`/library/Poker/Poker-Strategies/popup_${currentLang}.json`\r\n\t\t);\r\n\r\n\t\tconst rulesSource = await fetchData(\r\n\t\t\t`https://gamelistmiddleware.azurewebsites.net/poker-rules/?lang=${currentLang}`\r\n\t\t);\r\n\t\tconst mergedContent = [...rulesSource.content];\r\n\r\n\t\twindow.dataSource = {\r\n\t\t\tcontent: mergedContent,\r\n\t\t};\r\n\r\n\t\tinitiatePopup(popupSource);\r\n\t};\r\n\r\n\tconst initWhenReady = () => {\r\n\t\tif (document.getElementsByClassName(\"poker-playnow\")[0]) {\r\n\t\t\tinitPokerButtons();\r\n\t\t\tgetContent();\r\n\t\t\treturn true;\r\n\t\t}\r\n\t\treturn false;\r\n\t};\r\n\r\n\tif (!initWhenReady()) {\r\n\t\tconst observer = new MutationObserver((mutations, obs) => {\r\n\t\t\tif (initWhenReady()) {\r\n\t\t\t\tobs.disconnect();\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tobserver.observe(document.body, {\r\n\t\t\tchildList: true,\r\n\t\t\tsubtree: true\r\n\t\t});\r\n\t}\r\n})();\r\n"},"conditionIds":["62346deb-7123-4469-b084-a1a898b51b20","4eaa767f-38ed-46ce-aea0-afceba7315fd"]},{"tagId":"9a7bdde4-ac1b-4748-bace-cf66d150f77a","tagTypeId":"custom_js","name":"After page rencder /spc-rueckblick","description":"After page rencder /spc-rueckblick","config":{"code":"(() => {\r\n    const initializePokerFunctions = (currentLanguage) => {\r\n        initPokerButtons();\r\n        setupSwiperGallery();\r\n        setupSwiperGallery2024();\r\n        setupSwiperGallery2025();\r\n        getTableData(currentLanguage);\r\n    };\r\n\r\n    const addEventListenerToElement = (element, event, callback) => {\r\n        if (element) {\r\n            element.addEventListener(event, callback);\r\n        }\r\n    };\r\n\r\n    // Setup swiper gallery 2023\r\n    const setupSwiperGallery = () => {\r\n        setupPopup(\"show-more-btn\", \"gallery-container\", \"popup\", \"closePopup\", \".swiper-container\", \".swiper-button-next\", \".swiper-button-prev\");\r\n    };\r\n\r\n    // Setup swiper gallery for 2024\r\n    const setupSwiperGallery2024 = () => {\r\n        setupPopup(\"show-more-btn-24\", \"gallery-container-24\", \"popup-24\", \"closePopup-24\", \".swiper-container-24\", \".swiper-button-next-24\", \".swiper-button-prev-24\");\r\n    };\r\n\r\n    // Setup swiper gallery for 2025\r\n    const setupSwiperGallery2025 = () => {\r\n        setupPopup(\"show-more-btn-25\", \"gallery-container-25\", \"popup-25\", \"closePopup-25\", \".swiper-container-25\", \".swiper-button-next-25\", \".swiper-button-prev-25\");\r\n    };\r\n\r\n    // General function to setup popup and swiper\r\n    const setupPopup = (showMoreBtnId, galleryContainerId, popupId, closePopupId, swiperContainerClass, swiperNextClass, swiperPrevClass) => {\r\n        const showMoreBtn = document.getElementById(showMoreBtnId);\r\n        const galleryContainer = document.getElementById(galleryContainerId);\r\n        const closePopup = document.getElementById(closePopupId);\r\n        const popup = document.getElementById(popupId);\r\n\r\n        addEventListenerToElement(showMoreBtn, \"click\", () => triggerPopup(popup, swiperContainerClass, swiperNextClass, swiperPrevClass));\r\n        addEventListenerToElement(galleryContainer, \"click\", () => triggerPopup(popup, swiperContainerClass, swiperNextClass, swiperPrevClass));\r\n        addEventListenerToElement(closePopup, \"click\", () => triggerClosePopup(popup));\r\n        addEventListenerToElement(window, \"click\", (event) => {\r\n            if (event.target === popup) {\r\n                triggerClosePopup(popup);\r\n            }\r\n        });\r\n    };\r\n\r\n    // Show popup and initialize swiper\r\n    const triggerPopup = (popup, swiperContainerClass, swiperNextClass, swiperPrevClass) => {\r\n        popup.classList.remove('display-none');\r\n        new Swiper(swiperContainerClass, {\r\n            pagination: {\r\n                el: '.swiper-pagination',\r\n                clickable: true,\r\n            },\r\n            navigation: {\r\n                nextEl: swiperNextClass,\r\n                prevEl: swiperPrevClass,\r\n            },\r\n        });\r\n    };\r\n\r\n    // Close popup\r\n    const triggerClosePopup = (popup) => {\r\n        popup.classList.add('display-none');\r\n    };\r\n\r\n    // Fetch and display table data\r\n    const getTableData = async (lang) => {\r\n        try {\r\n            const response = await fetch(`/library/Poker/poker-retro/data_${lang}_v2.json`);\r\n            const data = await response.json();\r\n\r\n            // Build tables for each year\r\n            buildTable(data[\"2025\"], \"rank-table-2025\");\r\n            buildTable(data[\"2024\"], \"rank-table-2024\");\r\n        } catch (error) {\r\n            console.error(\"Error fetching data:\", error);\r\n        }\r\n    };\r\n\r\n    // Build table from JSON data\r\n    const buildTable = (data, tableId) => {\r\n        const tableBody = document.querySelector(`#${tableId} tbody`);\r\n        if (!tableBody) return;\r\n\r\n        tableBody.innerHTML = '';\r\n\r\n        data.forEach(row => {\r\n            const tr = document.createElement(\"tr\");\r\n            tr.innerHTML = `\r\n                <td class=\"px-4 py-1 h-12 cusotm-table-border\">${row.rank}</td>\r\n                <td class=\"px-2 lg:px-4 py-1 h-12 cusotm-table-border\">\r\n                    <span class=\"flex items-center\">\r\n                        ${row.player}\r\n                    </span>\r\n                </td>\r\n                <td class=\"px-4 py-1 h-12 cusotm-table-border\">${row.prize}</td>\r\n            `;\r\n            tableBody.appendChild(tr);\r\n        });\r\n    };\r\n\r\n    // Initialize when ready\r\n    const initializeWhenReady = async () => {\r\n        const currentLanguage = await Playtech.API.language.getCurrentLanguage() || \"de_DE\";\r\n        initializePokerFunctions(currentLanguage);\r\n    };\r\n\r\n    // Check if element already exists\r\n    const playNowButton = document.querySelector(\".poker-playnow\");\r\n    if (playNowButton) {\r\n        initializeWhenReady();\r\n        return;\r\n    }\r\n\r\n    // Otherwise, observe for DOM changes\r\n    const observer = new MutationObserver((mutations, obs) => {\r\n        const playNowButton = document.querySelector(\".poker-playnow\");\r\n        if (playNowButton) {\r\n            obs.disconnect();\r\n            initializeWhenReady();\r\n        }\r\n    });\r\n\r\n    observer.observe(document.body, {\r\n        childList: true,\r\n        subtree: true\r\n    });\r\n})();\r\n"},"conditionIds":["a94d9adc-5df8-4e36-ab83-2cccfda08694","4eaa767f-38ed-46ce-aea0-afceba7315fd"]},{"tagId":"66","tagTypeId":"custom_tag_type","name":"Custom CSS Tag /profil","description":"Custom CSS Tag /profil","config":{"beforeEndHead":"<style>\n.desktop .menu__secondlevel-wrapper {\n   display: none;\n}\n/* Heros */\n.herogrid {\n  width: 100%;\n  margin: 0 auto;\n  padding: 1em 0;\n  background-color: #fff;\n  box-shadow: 0 7px 20px rgba(0,0,0,.2) !important;\n  display: grid;\n  grid-template: \"title\" auto\n                  \"content\" auto\n                  /1fr;\n  justify-items: center;\n  align-items: center;\n}\n\n.herotitle {\n  grid-area: title;\n  text-transform: uppercase;\n  text-align: center;\n}\n\n.herocontent {\n  grid-area: content;\n  text-align: center;\n  max-width: 70%;\n  margin-bottom: 1em;\n}\n\n#p_p_id_updatemydetails_WAR_accountportlet_ {\n  background-color: transparent !important;\n}\n\n/* UPDATE DTAILS */\n#p_p_id_contactpreferences_WAR_accountportlet_INSTANCE_1DoLOeOkP2xm_{\n  background-color: transparent !important;\n}\n\n.form__actions {\n    margin: 3em 0;\n    clear: both;\n}\n\n/* LISTE */\n.desktop .ContactPreferences__container--3m5, .tablet .ContactPreferences__container--3m5 {\n    padding: 0 !important;\n}\n\n.ContactPreferences__title--2oF {\n    font-weight: 400;\n    color: #282828 !important;\n    font-size: 1.165em;\n    text-align: center;\n    padding: 2em 1.1em;\n}\n\n.ContactPreferences__list--Ad5 {\n    border-top: 1px solid #d3d3d3;\n}\n\n.InfoList__list--2UU>.InfoList__item--LxK:first-child {\n    display: none;\n}\n\n.InfoList__item--LxK {\n    margin: 0;\n    padding: 0em 1.1em;\n    overflow: hidden;\n    clear: left;\n}\n\n.Checkbox__input--2RG:checked~.Checkbox__toggleMark--3hw:after {\n    margin-left: 1.6em;\n    background-color: var(--btn-primary-success-bg-color) !important;\n    box-shadow: 0 0 0.25em rgba(0,0,0,.6);\n}\n\n.Checkbox__input--2RG:checked~.Checkbox__toggleMark--3hw {\n    background-color: var(--btn-primary-success-bg-color) !important;\n}\n\n.ContactPreferences__toggle--3m5 {\n    height: 3.5em;\n}\n\n.Checkbox__reverse--3ZP .Checkbox__label--3LH {\n    font-size: 1.165em;\n}\n\n#p_p_id_contactpreferences_WAR_accountportlet_INSTANCE_1DoLOeOkP2xm_ > form > label {\n  display: none !important;\n}\n\n\n/* Button */\n.ContactPreferences__rowButton--7eZ {\n  padding: 3em 0;\n}\n\n.mobile .ContactPreferences__rowButton--7eZ {\n    padding: 3em 0;\n}\n\n#p_p_id_contactpreferences_WAR_accountportlet_INSTANCE_1DoLOeOkP2xm_ > form > div > button {\n  -webkit-appearance: none !important;\n  -webkit-tap-highlight-color: transparent;\n  background-color: var(--btn-primary-success-bg-color) !important;\n  border-radius: 3px !important;\n  border-width: 0 !important;\n  box-shadow: transparent 0 -.15em 0 inset !important;\n  box-sizing: border-box;\n  color: #fff !important;\n  cursor: pointer !important;\n  display: inline-block !important;\n  font-family: Montserrat,Asap,\"Helvetica Neue\",Helvetica,Arial,sans-serif !important;\n  font-size: 1.4rem !important;\n  font-style: normal !important;\n  font-weight: 300 !important;\n  line-height: 2.25em !important;\n  min-width: 11em !important;\n  outline: 0 !important;\n  overflow: hidden !important;\n  padding: 0 1em !important;\n  position: relative !important;\n  text-align: center !important;\n  text-decoration: none !important;\n  text-size-adjust: none !important;\n  transition-delay: 0s !important;\n  transition-duration: 300ms !important;\n  transition-property: box-shadow !important;\n  transition-timing-function: ease !important;\n  user-select: none !important;\n  vertical-align: middle !important;\n}\n\n#p_p_id_contactpreferences_WAR_accountportlet_INSTANCE_1DoLOeOkP2xm_ > form > div > button:hover {\n  background-color: #2d6da5 !important;\n}\n\n    #newsletter-form {\n        flex-direction: column;\n        display: flex;\n        align-items: center;\n    }\n    .newsletter-error{\n      display: none;\n      margin-left: 2.1rem;\n      margin-right: 2.1rem;\n    }\n    .newsletter-toggle-section{\n        cursor: pointer;\n        background: white;\n        padding: 10px 1.1em;\n        width: 100%;\n        display: flex;\n        flex-direction: row;\n        justify-content: space-between;\n        font-size: 1.165em;\n        border-bottom: 1px solid #ccc;\n    }\n\n    .newsletter-button{\n      margin-top: 38px;\n      margin-bottom: 55px;\n    }\n    .newsletter-info-message{\n      font-weight: 400;\n    color: #282828;\n    font-size: 1.165em;\n    text-align: center;\n    line-height: 1.66;\n    }\n    #casino-toggle, #bonus-toggle, #poker-toggle {\n    position: relative;\n    width: 35px;\n    height: 15px;\n    -webkit-appearance: none;\n    background: white;\n    outline: none;\n    border-radius: 10px;\n    transition: 0.7s;\n    border: 2px solid #ccc;\n    cursor: pointer;\n}\n\ninput:checked#casino-toggle, input:checked#bonus-toggle, input:checked#poker-toggle {\n    border: 2px solid var(--btn-primary-success-bg-color);\n    cursor: pointer;\n}\n\n#casino-toggle:before, #bonus-toggle:before, #poker-toggle:before {\n  content: '';\n  position: absolute;\n  width: 17px;\n  height: 17px;\n  border-radius: 20px;\n  top: -2.5px;\n  left: -3px;\n  background: #ccc;\n  transform: scale(1.1);\n  transition: .3s;\n  box-shadow: 0 0 0.25em rgba(0,0,0,.6);\n}\n\ninput:checked#casino-toggle:before, input:checked#bonus-toggle:before, input:checked#poker-toggle:before {\n  left: 16px;\n  background: var(--btn-primary-success-bg-color);\n}\n\ninput#casino-toggle[disabled], input#bonus-toggle[disabled], input#poker-toggle[disabled] {\n    opacity: 0.5;\n}\n\n@media only screen and (max-width: 412px) {\n    .newsletter-toggle-section{\n        padding: 10px 2.1em;\n    }\n    .newsletter-info-message{\n        padding: 0px 1em;\n    }\n    .newsletter-button{\n        margin: 1em 0px;\n      }\n  }\n  \n  /*padding issue is below*/\n\n.mobile .ChangeFormField__textLabel--IGF.cms-form-field-name-contactPreferencesTitle {\n    margin: 0;\n    padding: 0 1.155rem;\n    width: 100%;\n}\n\n .newsletter-toggle-section {\n    padding: 10px 1.155rem;\n}\n\n.settings-description {\n    padding: 0 1.155rem;\n}\n\n.settings-container div.setting-item {\n    padding: 15px 1.155rem;\n}\n\n.setting-item .setting-details {\n    margin-left: 0;\n}\n</style>","beforeEndBody":""},"conditionIds":["536a0342-c6ec-4919-b04d-5f1c0c5c683d","baa1c3f8-635a-4ab9-b96e-ee8e99f8ce32"]},{"tagId":"56","tagTypeId":"custom_tag_type","name":"Custom CSS Tag /spielerschutz","description":"Custom CSS Tag /spielerschutz","config":{"beforeEndHead":"<style>\n.Popup__popup--1UC.self-exclusion-popup{\n  text-align: center;\n}\n.desktop .menu__secondlevel-wrapper {\n   display: none;\n}\n\n/* Heros */\n.herogrid {\n  width: 100%;\n  margin: 0 auto;\n  padding: 1em 0;\n  background-color: #fff;\n  box-shadow: 0 7px 20px rgba(0,0,0,.2) !important;\n  display: grid;\n  grid-template: \"title\" auto\n                  \"content\" auto\n                  /1fr;\n  justify-items: center;\n  align-items: center;\n}\n\n.herotitle {\n  grid-area: title;\n  text-transform: uppercase;\n  text-align: center;\n}\n\n.herocontent {\n  grid-area: content;\n  text-align: center;\n  max-width: 70%;\n  margin-bottom: 1em;\n}\n\n.reality-check__container .form__actions {\n  margin: 3em 0 0 0 !important;\n}\n\n/* Loss Limit */\n#p_p_id_ngresponsiblegaming_WAR_accountportlet_INSTANCE_jJN5J24p6rPd_ {\n  background-color: transparent !important;\n}\n\n#p_p_id_ngresponsiblegaming_WAR_accountportlet_INSTANCE_jJN5J24p6rPd_ div.info-list.responsible-gaming-waiting-limits.fn-waiting-limits {\n   border-width: 0px 1px 1px 1px;\n}\n\n/*.fn-limits-container {\n  margin: 3em auto auto auto !important;\n}*/\n\n/* Deposit Limit */\n#p_p_id_ngresponsiblegaming_WAR_accountportlet_INSTANCE_hhblmI1JNKxU_ h3, #p_p_id_ngresponsiblegaming_WAR_accountportlet_INSTANCE_hhblmI1JNKxU_ p {\n  display: none;\n}\n\n.dd_editable input[type=text]:focus {\n  box-shadow: none !important;\n}\n\n#p_p_id_ngresponsiblegaming_WAR_accountportlet_INSTANCE_hhblmI1JNKxU_ > div.fn-portlet.portlet__content.portlet__content_border_show.portlet__content_type_ngresponsiblegaming > div.fn-limits-container > div > form input[type=text] {\n   padding: .375em 3.25em !important;\n}\n\n.field__control[data-currency-symbol]:before {\n    color: #282828;\n}\n\n#p_p_id_ngresponsiblegaming_WAR_accountportlet_INSTANCE_hhblmI1JNKxU_ {\n   background-color: transparent;\n   margin-top: 3em;\n}\n\n/* Timer festlegen */\n#p_p_id_ngresponsiblegaming_WAR_accountportlet_INSTANCE_e8tyi2ZwkGDJ_ {\n  background-color: transparent;\n  margin-top: 3em;\n}\n\n#p_p_id_ngresponsiblegaming_WAR_accountportlet_INSTANCE_e8tyi2ZwkGDJ_ h3, #p_p_id_ngresponsiblegaming_WAR_accountportlet_INSTANCE_e8tyi2ZwkGDJ_ p {\n  display: none;\n}\n\n.reality-check__container .form__actions {\n  margin: 3em 0 0 0 !important;\n}\n\n/* Spielpause einlegen */\n#p_p_id_ngresponsiblegaming_WAR_accountportlet_INSTANCE_8LP3YgKJg8eu_ {\n   background-color: transparent;\n}\n\n#p_p_id_ngresponsiblegaming_WAR_accountportlet_INSTANCE_8LP3YgKJg8eu_ h3, #p_p_id_ngresponsiblegaming_WAR_accountportlet_INSTANCE_8LP3YgKJg8eu_ .fn-self-exclusion-container > div > div > div > p {\n  display: none;\n}\n\n#p_p_id_ngresponsiblegaming_WAR_accountportlet_INSTANCE_8LP3YgKJg8eu_ .field_name_self-exclusion-product {\n  margin-top: 3.0em !important;\n}\n\n.desktop .self_exclusion__container .info-list__field {\n  line-height: 2.0em !important\n}\n\n.fn-self-exclusion-container .form__actions {\n  margin: 3em 0 0 0 !important;\n}\n\n\n/* Schweizweite Spielsperre beantragen */\n#p_p_id_56_INSTANCE_BFr9N57vLBUi_ {\n  background-color: transparent;\n  margin: 2em auto;\n}\n\n\n\n.self_exclusion__container .info-list .gamesinfo__list-row, .self_exclusion__container .info-list .info-list__row {\n  justify-content: unset;\n}\n\n</style>","beforeEndBody":""},"conditionIds":["536a0342-c6ec-4919-b04d-5f1c0c5c683d","fb7a80b8-a2b2-4015-bdb2-db97fe690882"]},{"tagId":"cf89042e-e66f-47c5-8b7a-784d7beadc79","tagTypeId":"custom_js","name":"Before render JS /adventskalender","description":"Before page render /adventskalender","config":{"code":"var extendedDoors = [];\r\nvar currentLang = JSON.parse(localStorage.getItem(\"userLang\")) || 'de_DE';\r\nvar jsonPath = `/library/Adventskalender/generic_assets/translations/content_${currentLang}_v3.json`;\r\nvar closeButtonPath = \"/library/Adventskalender/generic_assets/popup/close_icon.svg\";\r\nvar scriptUrl = \"https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js\";\r\nvar userRewardChoice = null; \r\nvar CALENDAR_MONTH = 12;\r\n\r\n(async function fetchTranslations() {\r\n  try {\r\n    const response = await fetch(jsonPath);\r\n    if (!response.ok) {\r\n      throw new Error(`Failed to fetch JSON. Status: ${response.status}`);\r\n    }\r\n    window.translations = await response.json();\r\n  } catch (error) {\r\n    console.error(\"Error fetching translations JSON:\", error);\r\n  }\r\n})();\r\n\r\n(function loadLottieScript() {\r\n  if (!document.querySelector(`script[src=\"${scriptUrl}\"]`)) {\r\n    const scriptElement = document.createElement(\"script\");\r\n    scriptElement.src = scriptUrl;\r\n    scriptElement.async = true;\r\n    document.head.appendChild(scriptElement);\r\n  }\r\n})();\r\n\r\n\r\n// Define a singleton for the available door value\r\n(function initializeDoorValue() {\r\n  if (typeof window._doorValue === 'undefined') {\r\n    (function () {\r\n      let availableDoor = parseInt(new Date().getDate());\r\n      function updateDoor() {\r\n        availableDoor = parseInt(new Date().getDate());\r\n      }\r\n\r\n      Object.defineProperty(window, '_doorValue', {\r\n        get: function () {\r\n          return availableDoor;\r\n        },\r\n        configurable: false,\r\n        enumerable: false\r\n      });\r\n\r\n      // Expose update method in (controlled)\r\n      window._updateDoorValue = updateDoor;\r\n    })();\r\n  }\r\n})();\r\n\r\nPlaytech.on('navigate', ({ pathname }) => {\r\n  if (pathname.includes('adventskalender') && window._updateDoorValue) {\r\n    window._updateDoorValue();\r\n  }\r\n});\r\n\r\nfunction getAvailableDoor() {\r\n  const currentMonth = new Date().getMonth() + 1;\r\n\r\n  if (currentMonth < CALENDAR_MONTH) {\r\n    return 0;\r\n  }\r\n\r\n  if (currentMonth > CALENDAR_MONTH) {\r\n    return 32;\r\n  }\r\n\r\n  const currentDoor = window._doorValue;\r\n  return currentDoor >= 1 && currentDoor <= 31 ? currentDoor : 0;\r\n}"},"conditionIds":["fbd30e2c-806a-45bb-b7b2-d4f2fb79f8af","536a0342-c6ec-4919-b04d-5f1c0c5c683d"]},{"tagId":"11","tagTypeId":"custom_tag_type","name":"Custom CSS Tag /poker-events","description":"Custom CSS Tag /poker-events","config":{"beforeEndHead":"<style>\r\n  .font-size-huge-extra-variant {\r\n    font-size: 2.25rem;\r\n    line-height: 2.5rem\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .font-size-huge-extra-variant {\r\n        font-size: 3.75rem;\r\n        line-height: 1\r\n    }\r\n}\r\n\r\n@media (min-width: 1280px) {\r\n    .font-size-huge-extra-variant {\r\n        font-size: 4.5rem;\r\n        line-height: 1\r\n    }\r\n}\r\n\r\n.font-size-large {\r\n    font-size: 1.5rem;\r\n    line-height: 2rem\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .font-size-large {\r\n        font-size: 1.875rem;\r\n        line-height: 2.25rem\r\n    }\r\n}\r\n\r\n@media (min-width: 1280px) {\r\n    .font-size-large {\r\n        font-size: 2.25rem;\r\n        line-height: 2.5rem\r\n    }\r\n}\r\n\r\n.font-size-medium-extra {\r\n    font-size: 1.25rem;\r\n    line-height: 1.75rem\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .font-size-medium-extra {\r\n        font-size: 1.5rem;\r\n        line-height: 2rem\r\n    }\r\n}\r\n\r\n@media (min-width: 1280px) {\r\n    .font-size-medium-extra {\r\n        font-size: 1.875rem;\r\n        line-height: 2.25rem\r\n    }\r\n}\r\n\r\n.font-size-medium {\r\n    font-size: 1.125rem;\r\n    line-height: 1.75rem\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .font-size-medium {\r\n        font-size: 1.25rem;\r\n        line-height: 1.75rem\r\n    }\r\n}\r\n\r\n@media (min-width: 1280px) {\r\n    .font-size-medium {\r\n        font-size: 1.5rem;\r\n        line-height: 2rem\r\n    }\r\n}\r\n\r\n.font-size-base {\r\n    font-size: 1rem;\r\n    line-height: 1.5rem\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .font-size-base {\r\n        font-size: 1.125rem;\r\n        line-height: 1.75rem\r\n    }\r\n}\r\n\r\n@media (min-width: 1280px) {\r\n    .font-size-base {\r\n        font-size: 1.25rem;\r\n        line-height: 1.75rem\r\n    }\r\n}\r\n\r\n.page-container {\r\n    margin: 0 auto;\r\n    max-width: 1200px;\r\n    padding-left: calc(18px + 1.5625vw);\r\n    padding-right: calc(18px + 1.5625vw);\r\n    padding-top: 5rem\r\n}\r\n\r\n.poker-button-animation:hover {\r\n    border-width: 1px;\r\n    border-style: solid;\r\n    --tw-border-opacity: 1;\r\n    border-color: rgb(241 241 241 / var(--tw-border-opacity));\r\n    --tw-shadow: inset 0 0 20px rgb(80 33 1), 0 0 20px rgb(255 255 255);\r\n    --tw-shadow-colored: inset 0 0 20px var(--tw-shadow-color), 0 0 20px var(--tw-shadow-color);\r\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\r\n    outline-style: solid;\r\n    outline-width: 1px;\r\n    outline-offset: 30px;\r\n    outline-color: #fff0\r\n}\r\n\r\n.button-poker-yellow-rounded {\r\n    height: 5rem;\r\n    width: 20rem;\r\n    border-radius: 23px;\r\n    border-style: none;\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(249 176 0 / var(--tw-bg-opacity))\r\n}\r\n\r\n.button-poker-yellow-rounded:hover {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(249 176 0 / var(--tw-bg-opacity))\r\n}\r\n\r\n@media (min-width: 640px) {\r\n    .button-poker-yellow-rounded-span {\r\n        font-size: 1.875rem;\r\n        line-height: 2.25rem\r\n    }\r\n}\r\n\r\n@media (min-width: 768px) {\r\n    .button-poker-yellow-rounded-span {\r\n        line-height: 2rem\r\n    }\r\n}\r\n\r\n.relative {\r\n    position: relative\r\n}\r\n\r\n.mx-auto {\r\n    margin-left: auto;\r\n    margin-right: auto\r\n}\r\n\r\n.my-0 {\r\n    margin-top: 0;\r\n    margin-bottom: 0\r\n}\r\n\r\n.my-2 {\r\n    margin-top: 1rem;\r\n    margin-bottom: 1rem\r\n}\r\n\r\n.my-5 {\r\n    margin-top: 2.5rem;\r\n    margin-bottom: 2.5rem\r\n}\r\n\r\n.mb-0 {\r\n    margin-bottom: 0\r\n}\r\n\r\n.mb-1 {\r\n    margin-bottom: .5rem\r\n}\r\n\r\n.mb-2 {\r\n    margin-bottom: 1rem\r\n}\r\n\r\n.ml-0 {\r\n    margin-left: 0\r\n}\r\n\r\n.ml-1 {\r\n    margin-left: .5rem\r\n}\r\n\r\n.mr-2 {\r\n    margin-right: 1rem\r\n}\r\n\r\n.mr-1 {\r\n    margin-right: .5rem\r\n}\r\n\r\n.mr-auto {\r\n    margin-right: auto\r\n}\r\n\r\n.mt-0 {\r\n    margin-top: 0\r\n}\r\n\r\n.mt-10 {\r\n    margin-top: 5rem\r\n}\r\n\r\n.mt-14 {\r\n    margin-top: 7rem\r\n}\r\n\r\n.mt-2 {\r\n    margin-top: 1rem\r\n}\r\n\r\n.mt-4 {\r\n    margin-top: 2rem\r\n}\r\n\r\n.box-content {\r\n    box-sizing: content-box\r\n}\r\n\r\n.flex {\r\n    display: flex\r\n}\r\n\r\n.hidden {\r\n    display: none\r\n}\r\n\r\n.h-2 {\r\n    height: 1rem\r\n}\r\n\r\n.h-3 {\r\n    height: 1.5rem;\r\n}\r\n\r\n.h-5 {\r\n    height: 2.5rem\r\n}\r\n\r\n.w-10\\/12 {\r\n    width: 83.333333%\r\n}\r\n\r\n.w-2 {\r\n    width: 1rem\r\n}\r\n\r\n.w-\\[26rem\\] {\r\n    width: 26rem\r\n}\r\n\r\n.w-\\[24rem\\] {\r\n    width: 24rem;\r\n}\r\n\r\n.w-full {\r\n    width: 100%\r\n}\r\n\r\n.appearance-none {\r\n    -webkit-appearance: none;\r\n    -moz-appearance: none;\r\n    appearance: none\r\n}\r\n\r\n.flex-row {\r\n    flex-direction: row\r\n}\r\n\r\n.flex-col {\r\n    flex-direction: column\r\n}\r\n\r\n.flex-wrap {\r\n    flex-wrap: wrap\r\n}\r\n\r\n.items-center {\r\n    align-items: center\r\n}\r\n\r\n.items-stretch {\r\n    align-items: stretch\r\n}\r\n\r\n.justify-center {\r\n    justify-content: center\r\n}\r\n\r\n.gap-4 {\r\n    gap: 2rem\r\n}\r\n\r\n.rounded {\r\n    border-radius: .25rem\r\n}\r\n\r\n.border {\r\n    border-width: 1px\r\n}\r\n\r\n.border-solid {\r\n    border-style: solid\r\n}\r\n\r\n.border-normal-gray {\r\n    --tw-border-opacity: 1;\r\n    border-color: rgb(128 128 128 / var(--tw-border-opacity))\r\n}\r\n\r\n.bg-white {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(255 255 255 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-\\[length\\:0\\.75rem\\] {\r\n    background-size: .75rem\r\n}\r\n\r\n.bg-\\[calc\\(100\\%-1\\.25rem\\)_center\\] {\r\n    background-position: calc(100% - 1.25rem) center\r\n}\r\n\r\n.bg-no-repeat {\r\n    background-repeat: no-repeat\r\n}\r\n\r\n.p-3 {\r\n    padding: 1.5rem\r\n}\r\n\r\n.p-4 {\r\n    padding: 2rem\r\n}\r\n\r\n.p-6 {\r\n    padding: 3rem\r\n}\r\n\r\n.py-1 {\r\n    padding-top: .5rem;\r\n    padding-bottom: .5rem\r\n}\r\n\r\n.py-8 {\r\n    padding-top: 4rem;\r\n    padding-bottom: 4rem\r\n}\r\n\r\n.pb-2 {\r\n    padding-bottom: 1rem\r\n}\r\n\r\n.pb-20 {\r\n    padding-bottom: 10rem\r\n}\r\n\r\n.pl-2 {\r\n    padding-left: 1rem\r\n}\r\n\r\n.pr-2 {\r\n    padding-right: 1rem\r\n}\r\n\r\n.pr-3 {\r\n    padding-right: 1.5rem\r\n}\r\n\r\n.text-left {\r\n    text-align: left\r\n}\r\n\r\n.text-center {\r\n    text-align: center\r\n}\r\n\r\n.text-2xl {\r\n    font-size: 1.5rem;\r\n    line-height: 2rem\r\n}\r\n\r\n.text-base {\r\n    font-size: 1rem;\r\n    line-height: 1.5rem\r\n}\r\n\r\n.text-lg {\r\n    font-size: 1.125rem;\r\n    line-height: 1.75rem\r\n}\r\n\r\n.text-sm {\r\n    font-size: .875rem;\r\n    line-height: 1.25rem\r\n}\r\n\r\n.text-xl {\r\n    font-size: 1.25rem;\r\n    line-height: 1.75rem\r\n}\r\n\r\n.font-bold {\r\n    font-weight: 700\r\n}\r\n\r\n.font-medium {\r\n    font-weight: 500\r\n}\r\n\r\n.font-normal {\r\n    font-weight: 400\r\n}\r\n\r\n.uppercase {\r\n    text-transform: uppercase\r\n}\r\n\r\n.text-black {\r\n    --tw-text-opacity: 1;\r\n    color: rgb(0 0 0 / var(--tw-text-opacity))\r\n}\r\n\r\n.text-chinese-yellow {\r\n    --tw-text-opacity: 1;\r\n    color: rgb(249 176 0 / var(--tw-text-opacity))\r\n}\r\n\r\n.text-cyber-yellow {\r\n    --tw-text-opacity: 1;\r\n    color: rgb(255 212 5 / var(--tw-text-opacity))\r\n}\r\n\r\n.text-davy-grey {\r\n    --tw-text-opacity: 1;\r\n    color: rgb(87 87 87 / var(--tw-text-opacity))\r\n}\r\n\r\n.text-white {\r\n    --tw-text-opacity: 1;\r\n    color: rgb(255 255 255 / var(--tw-text-opacity))\r\n}\r\n\r\n.opacity-0 {\r\n    opacity: 0\r\n}\r\n\r\n.shadow-sm {\r\n    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);\r\n    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);\r\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\r\n}\r\n\r\n.shadow-white {\r\n    --tw-shadow-color: #FFFFFF;\r\n    --tw-shadow: var(--tw-shadow-colored)\r\n}\r\n\r\n.outline {\r\n    outline-style: solid\r\n}\r\n\r\n.filter {\r\n    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\r\n}\r\n\r\n.transition {\r\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\r\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\r\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\r\n    transition-timing-function: cubic-bezier(.4, 0, .2, 1);\r\n    transition-duration: .15s\r\n}\r\n\r\n.events-readmore-link {\r\n    color: #2d6aa0;\r\n    font-weight: 700\r\n}\r\n\r\n#show-more-btn:after {\r\n    transform: rotate(90deg)\r\n}\r\n\r\n#show-less-btn:after {\r\n    transform: rotate(-90deg)\r\n}\r\n\r\n#show-more-btn:after,\r\n#show-less-btn:after {\r\n    content: \"❯\";\r\n    display: inline-block;\r\n    margin-left: 1.5rem;\r\n    margin-right: .5rem\r\n}\r\n\r\n.seo-link:hover {\r\n    color: #fff !important\r\n}\r\n\r\n.button-base-bg {\r\n    color: #000;\r\n    border-width: 4px;\r\n    border-style: solid;\r\n    --tw-border-opacity: 1;\r\n    border-color: rgb(249 176 0 / var(--tw-border-opacity))\r\n}\r\n\r\n.button-base-bg:hover {\r\n    border-color: rgb(255 204 0 / var(--tw-border-opacity));\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(255 204 0 / var(--tw-bg-opacity));\r\n    color: #000\r\n}\r\n\r\n.button-base-bg {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(249 176 0 / var(--tw-bg-opacity));\r\n    border-color: rgb(249 176 0 / var(--tw-border-opacity))\r\n}\r\n\r\n.bg-transparent {\r\n    background-color: transparent\r\n}\r\n\r\n.Layout__layout-column-1--38m {\r\n    background-color: #000\r\n}\r\n\r\n.desktop .Footer__footer--3HL {\r\n    margin: 0;\r\n    max-width: 100%\r\n}\r\n\r\n.desktop .layout-100-1200px .layout-100-1200px-navigation-wrapper {\r\n    display: block;\r\n    max-width: 100% !important;\r\n    margin: 0 auto\r\n}\r\n\r\n.desktop .page-layout {\r\n    max-width: 100% !important;\r\n    margin-top: 0 !important\r\n}\r\n\r\n.Footer__footer--14A {\r\n    max-width: 100% !important;\r\n    margin: 0 !important\r\n}\r\n\r\n.tablet .page-layout {\r\n    margin: auto !important\r\n}\r\n\r\n.desktop .footer-wrapper {\r\n    max-width: 100% !important;\r\n    margin: 0 !important\r\n}\r\n\r\n.widefooter {\r\n    display: block;\r\n    max-width: 1200px;\r\n    margin: 0 auto\r\n}\r\n\r\n.Layout__navigation--3Kw {\r\n    display: none\r\n}\r\n\r\n.Layout__column--21e {\r\n    background-color: #000\r\n}\r\n\r\n.page-container {\r\n    margin: 0 auto;\r\n    max-width: 1200px;\r\n    padding-left: 1rem;\r\n    padding-right: 1rem;\r\n    padding-top: 5rem\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .page-container {\r\n        padding-left: 4rem;\r\n        padding-right: 4rem\r\n    }\r\n}\r\n\r\n@media (min-width: 1280px) {\r\n    .page-container {\r\n        padding-left: 0;\r\n        padding-right: 0\r\n    }\r\n}\r\n\r\n.poker-button-animation {\r\n    height: 50px;\r\n    width: 240px;\r\n    border-width: 1px;\r\n    border-style: solid;\r\n    --tw-border-opacity: 1;\r\n    border-color: rgb(255 255 255 / var(--tw-border-opacity));\r\n    --tw-shadow: 0 0 20px rgb(255 255 255/0);\r\n    --tw-shadow-colored: 0 0 20px var(--tw-shadow-color);\r\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\r\n    outline-style: solid;\r\n    outline-width: 1px;\r\n    outline-offset: 0px;\r\n    outline-color: #fffc;\r\n    transition-property: all;\r\n    transition-timing-function: cubic-bezier(.4, 0, .2, 1);\r\n    transition-delay: 0ms;\r\n    transition-duration: 1s;\r\n    transition-timing-function: cubic-bezier(.19, 1, .22, 1)\r\n}\r\n\r\n.poker-button-animation:hover {\r\n    border-width: 1px;\r\n    border-style: solid;\r\n    --tw-border-opacity: 1;\r\n    border-color: rgb(241 241 241 / var(--tw-border-opacity));\r\n    --tw-shadow: inset 0 0 20px rgb(80 33 1), 0 0 20px rgb(255 255 255);\r\n    --tw-shadow-colored: inset 0 0 20px var(--tw-shadow-color), 0 0 20px var(--tw-shadow-color);\r\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\r\n    outline-style: solid;\r\n    outline-width: 1px;\r\n    outline-offset: 30px;\r\n    outline-color: #fff0\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .poker-button-animation {\r\n        height: 66px;\r\n        width: 258px\r\n    }\r\n}\r\n\r\n.poker-button-animation-span {\r\n    font-size: 1.5rem;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    line-height: 1.5rem;\r\n    --tw-text-opacity: 1;\r\n    color: rgb(255 255 255 / var(--tw-text-opacity));\r\n    --tw-drop-shadow: drop-shadow(0 3px 6px rgb(0 0 0/.49));\r\n    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\r\n}\r\n\r\n.button-poker-yellow-rounded {\r\n    height: 5rem;\r\n    width: 20rem;\r\n    border-radius: .234em;\r\n    border-style: none;\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(249 176 0 / var(--tw-bg-opacity))\r\n}\r\n\r\n.button-poker-yellow-rounded:hover {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(255 204 0 / var(--tw-bg-opacity))\r\n}\r\n\r\n.button-poker-yellow-rounded-span {\r\n    font-size: 1.5rem;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    line-height: 1.5rem;\r\n    --tw-text-opacity: 1;\r\n    color: rgb(0 0 0 / var(--tw-text-opacity))\r\n}\r\n\r\n@media (min-width: 640px) {\r\n\r\n    .poker-button-animation-span,\r\n    .button-poker-yellow-rounded-span {\r\n        font-size: 1.875rem;\r\n        line-height: 2.25rem\r\n    }\r\n}\r\n\r\n@media (min-width: 768px) {\r\n\r\n    .poker-button-animation-span,\r\n    .button-poker-yellow-rounded-span {\r\n        line-height: 2rem\r\n    }\r\n}\r\n\r\n.button-base {\r\n    font-size: 1rem;\r\n    line-height: 1.5rem\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .button-base {\r\n        font-size: 1.125rem;\r\n        line-height: 1.75rem\r\n    }\r\n}\r\n\r\n@media (min-width: 1280px) {\r\n    .button-base {\r\n        font-size: 1.25rem;\r\n        line-height: 1.75rem\r\n    }\r\n}\r\n\r\n.button-base {\r\n    min-width: 10rem;\r\n    cursor: pointer;\r\n    border-radius: .125rem;\r\n    padding: .5rem;\r\n    text-align: center;\r\n    font-weight: 400;\r\n    --tw-text-opacity: 1;\r\n    color: rgb(32 32 32 / var(--tw-text-opacity));\r\n    text-decoration-thickness: 0px\r\n}\r\n\r\n.event_card_filters_title_icon {\r\n    background-image: url(/library/events_calendar_assets/settings.svg)\r\n}\r\n\r\n.event_card_details_date_icon {\r\n    background-image: url(/library/events_calendar_assets/calendar.webp)\r\n}\r\n\r\n.event_card_filter_arrow {\r\n    background-image: url(/library/events_calendar_assets/filter_arrow_down.webp)\r\n}\r\n\r\n.event_page_container {\r\n    background-image: url(/library/events_calendar_assets/SWISSCASINOS_381-032008_Website_Poker_Bonus_Desktop_Bkg_5000pxW_v2.webp)\r\n}\r\n\r\n.event_card_data {\r\n    transition: opacity .3s ease\r\n}\r\n\r\n.custom-loader,\r\n.custom-loader:before,\r\n.custom-loader:after {\r\n    border-radius: 50%;\r\n    width: 2.5em;\r\n    height: 2.5em;\r\n    animation-fill-mode: both;\r\n    animation: bblFadInOut 1.8s infinite ease-in-out\r\n}\r\n\r\n.custom-loader {\r\n    color: #f9b000;\r\n    font-size: 7px;\r\n    position: absolute;\r\n    text-indent: -9999em;\r\n    transform: translateZ(0);\r\n    animation-delay: -.16s\r\n}\r\n\r\n.custom-loader:before,\r\n.custom-loader:after {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0\r\n}\r\n\r\n.custom-loader:before {\r\n    left: -3.5em;\r\n    animation-delay: -.32s\r\n}\r\n\r\n.custom-loader:after {\r\n    left: 3.5em\r\n}\r\n\r\n@keyframes bblFadInOut {\r\n\r\n    0%,\r\n    80%,\r\n    to {\r\n        box-shadow: 0 2.5em 0 -1.3em\r\n    }\r\n\r\n    40% {\r\n        box-shadow: 0 2.5em\r\n    }\r\n}\r\n\r\n.ticket-icon:before {\r\n    content: \"\";\r\n    display: flex;\r\n    align-items: center;\r\n    min-width: 25px;\r\n    min-height: 18px;\r\n    max-width: 25px;\r\n    max-height: 18px;\r\n    background-image: url(/library/events_calendar_assets/Buy-in.webp);\r\n    background-size: contain;\r\n    background-repeat: no-repeat;\r\n    margin-right: 10px\r\n}\r\n\r\n.date-icon:before {\r\n    content: \"\";\r\n    display: flex;\r\n    min-width: 24px;\r\n    min-height: 24px;\r\n    max-width: 24px;\r\n    max-height: 24px;\r\n    background-image: url(/library/events_calendar_assets/Kalender.webp);\r\n    background-size: contain;\r\n    background-repeat: no-repeat;\r\n    margin-right: 10px\r\n}\r\n\r\n.box-style {\r\n    background: #242c39;\r\n    background: linear-gradient(180deg, #242c39, #000);\r\n    border: 2px solid transparent;\r\n    background-clip: padding-box;\r\n    -o-border-image: linear-gradient(180deg, rgba(37, 46, 59, 1) 0%, rgba(249, 176, 0, 1) 100%);\r\n    border-image: linear-gradient(180deg, #252e3b, #f9b000);\r\n    border-image-slice: 1\r\n}\r\n\r\n\r\n#tournament_select option {\r\n\tpadding: 8px;\r\n\tmargin: 2px;\r\n\tcursor: pointer;\r\n}\r\n\r\n#tournament_select option:checked {\r\n\tbackground: #ffd700 linear-gradient(0deg, #ffd700 0%, #ffd700 100%);\r\n\tcolor: #000;\r\n}\r\n\r\n#tournament_select option:hover {\r\n\tbackground-color: #fff3b0;\r\n}\r\n\r\n.event_card_filter_tournament select[multiple] {\r\n\tbackground-image: none;\r\n}\r\n\r\n.custom-dropdown {\r\n\tposition: relative;\r\n\twidth: 100%;\r\n}\r\n\r\n.dropdown-header {\r\n\tcursor: pointer;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tbackground-color: white;\r\n\tmin-height: 32px;\r\n  /*width: 215px;*/\r\n\tpadding: 4px 8px;\r\n\toverflow: hidden;\r\n}\r\n\r\n.selected-text {\r\n\twhite-space: nowrap;\r\n\toverflow: hidden;\r\n\ttext-overflow: ellipsis;\r\n\tmax-width: 100%;\r\n\tdisplay: block;\r\n\tline-height: 24px;\r\n}\r\n\r\n.dropdown-options {\r\n\tposition: absolute;\r\n\ttop: 100%;\r\n\tleft: 0;\r\n\tright: 0;\r\n\tbackground: white;\r\n\tborder: 1px solid #ccc;\r\n\tborder-radius: 4px;\r\n\tmax-height: 300px;\r\n\toverflow-y: auto;\r\n\tz-index: 1000;\r\n\tbox-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.dropdown-option {\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tpadding: 8px 12px;\r\n\tcursor: pointer;\r\n\ttransition: background-color 0.2s;\r\n\tcolor: #666;\r\n}\r\n\r\n.dropdown-option:hover {\r\n\tbackground-color: #f5f5f5;\r\n}\r\n\r\n.dropdown-option input[type=\"checkbox\"] {\r\n\tmargin-right: 8px;\r\n}\r\n\r\n.dropdown-option input[type=\"checkbox\"]:checked+span {\r\n\tfont-weight: 600;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .lg\\:\\!font-size-small {\r\n        font-size: .75rem;\r\n        line-height: 1rem\r\n    }\r\n\r\n    .lg\\:\\!font-size-small {\r\n        font-size: .875rem;\r\n        line-height: 1.25rem\r\n    }\r\n\r\n    @media (min-width: 1280px) {\r\n        .lg\\:\\!font-size-small {\r\n            font-size: 1rem;\r\n            line-height: 1.5rem\r\n        }\r\n    }\r\n}\r\n\r\n@media (min-width: 640px) {\r\n    .sm\\:mb-0 {\r\n        margin-bottom: 0\r\n    }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .lg\\:mb-0 {\r\n        margin-bottom: 0\r\n    }\r\n\r\n    .lg\\:mr-0 {\r\n        margin-right: 0\r\n    }\r\n\r\n    .lg\\:mr-2 {\r\n        margin-right: 1rem\r\n    }\r\n\r\n    .lg\\:mt-0 {\r\n        margin-top: 0\r\n    }\r\n\r\n    .lg\\:w-30 {\r\n        width: 15rem\r\n    }\r\n\r\n    .lg\\:w-35 {\r\n        width: 17.5rem\r\n    }\r\n\r\n    .lg\\:w-auto {\r\n        width: auto\r\n    }\r\n\r\n    .lg\\:flex-row {\r\n        flex-direction: row\r\n    }\r\n\r\n    .lg\\:text-base {\r\n        font-size: 1rem;\r\n        line-height: 1.5rem\r\n    }\r\n\r\n    .lg\\:text-xl {\r\n        font-size: 1.25rem;\r\n        line-height: 1.75rem\r\n    }\r\n    \r\n    .lg\\:w-\\[280px\\] {\r\n        width: 280px;\r\n    }\r\n}\r\n\r\n@media (min-width: 1280px) {\r\n    .xl\\:pb-2 {\r\n        padding-bottom: 1rem\r\n    }\r\n}\r\n\r\n.mobile #sticky_search {\r\n  bottom: 55px;\r\n}\r\n</style>","beforeEndBody":""},"conditionIds":["536a0342-c6ec-4919-b04d-5f1c0c5c683d","e6d9dc6e-0df3-4e83-84ab-c0ad7e9bfa74"]},{"tagId":"b14b6896-8549-44d6-aa0a-716b5e207d62","tagTypeId":"custom_js","name":"After page render /poker-events","description":"Poker Tournament Page","config":{"code":"(() => { \r\n  const existingElement = document.getElementById(\"dy_Poker_Tournaments_-_XML_Feed\");\r\n  if (!existingElement) {\r\n    console.warn(\"dy_Poker_Tournaments_-_XML_Feed\");\r\n    const interval = setInterval(() => {\r\n      const targetElement = document.getElementById(\"event_card_container\");\r\n      if (targetElement) {\r\n        targetElement.innerHTML = \"\";\r\n        DYO.smartObject(\"Poker Tournaments - XML Feed\", {\r\n          target: \"event_card_container\",\r\n          inline: true,\r\n        });\r\n        \r\n        // Macintosh outline fix\r\n        if (Playtech.API.device.os === 'macintosh') {\r\n          const pokerButtons = document.getElementsByClassName('poker-button-animation');\r\n          Array.from(pokerButtons).forEach(btn => btn.style.outline = 'none');\r\n        }\r\n\r\n        initPokerButtons(\".poker-events-download-button\", \".poker-events-playnow-button\");\r\n        \r\n        clearInterval(interval);\r\n      } else {\r\n        console.log(\"Target element not found!\");\r\n      }\r\n    }, 300);\r\n  } else {\r\n    console.log(\"Element with ID 'dy_Poker_Tournaments_-_XML_Feed' already exists.\");\r\n  }\r\n})();"},"conditionIds":["e6d9dc6e-0df3-4e83-84ab-c0ad7e9bfa74","4eaa767f-38ed-46ce-aea0-afceba7315fd"]},{"tagId":"85edf4b9-b783-44e1-ad4c-262b510c6881","tagTypeId":"custom_js","name":"After render JS /adventskalender","description":"After page render /adventskalender","config":{"code":"(async () => {\r\n  try {\r\n    window.isLoggedIn = Playtech.fetchUserDetails().userId ? true : false;\r\n    if (isLoggedIn) {\r\n      await getPlayerTags();\r\n      window.contactPrefences = await getContactPreferences();\r\n      window.selfExclusion = await getSelfExclusionStatus();\r\n      window.firstName = await getFirstName();\r\n      let response = await Playtech.sendUserRegulationStatusRequest();\r\n      window.regulationStatus =\r\n        response.data.playerRegulationStatusHistory[0].code;\r\n    }\r\n  } catch (error) {\r\n    console.error(\"Failed to fetch user details:\", error);\r\n  }\r\n})();\r\n\r\n(() => {\r\n  let adventskalendar = setInterval(function () {\r\n    if (document.getElementsByClassName(\"section-doors\")[0]) {\r\n      disableDoorsDragAndRightClickOnTouchScreens();\r\n      positioningOfDoor06and15();\r\n      doorsLogic();\r\n      calculatePosition();\r\n      replaceSvgPath();\r\n      scrollPath();\r\n      AutoplayLottieAnimationOnMobile();\r\n      clearInterval(adventskalendar);\r\n    }\r\n  }, 500);\r\n})();\r\n\r\nasync function getContactPreferences() {\r\n  try {\r\n    const contactPreferences = await Playtech.API.user.getPlayerData();\r\n    return await contactPreferences.data.contactPreferences.filter(\r\n      (setting) =>\r\n        setting.channel === \"email\" &&\r\n        setting.preference === true &&\r\n        setting.type === \"promotional\"\r\n    );\r\n  } catch (error) {\r\n    console.error(\"Failed to fetch user details:\", error);\r\n  }\r\n}\r\n\r\nasync function getSelfExclusionStatus() {\r\n  try {\r\n    const selfExclusion = await Playtech.API.responsibleGaming.getPlayerSelfExclusion();\r\n\r\n    if (selfExclusion.productSettings && selfExclusion.productSettings.length > 0) {\r\n      return \"selfExclusion\";\r\n    } else {\r\n      return false;\r\n    }\r\n  } catch (error) {\r\n    console.error(\"Failed to fetch user self exclusion status:\", error);\r\n  }\r\n}\r\n\r\nasync function getFirstName() {\r\n  try {\r\n    const firstName = await Playtech.API.user.getPlayerData();\r\n    return firstName.data.firstName;\r\n  } catch (error) {\r\n    console.error(\"Failed to fetch user first name:\", error);\r\n  }\r\n}\r\n\r\nfunction replaceFirstName(text) {\r\n  return text.replace(/first_name/g, window.firstName || '');\r\n}\r\n\r\nfunction replaceGoldenTicketPrize(text, weekNumber) {\r\n  const prizeIndex = weekNumber - 1; // Week 1 = index 0\r\n  const prize = translations.golden_ticket.prizes[prizeIndex];\r\n  return text.replace(/golden_ticket_prize/g, prize);\r\n}\r\n\r\nasync function doorsLogic() {\r\n  window.unsortedDoors = document.body.querySelectorAll(\"[data-day]\");\r\n  window.doors = Array.from(unsortedDoors).sort(\r\n    (a, b) => parseInt(a.dataset.day) - parseInt(b.dataset.day)\r\n  );\r\n\r\n  doors.forEach((door) =>\r\n    door.addEventListener(\"click\", (event) => {\r\n      event.preventDefault();\r\n      const day = event.currentTarget.dataset.day;\r\n      triggerDoorAction(day);\r\n    })\r\n  );\r\n\r\n  if (isLoggedIn) {\r\n    changeDoorStatus(adventTags, \".door-opened\");\r\n  }\r\n}\r\n\r\nasync function getPlayerTags() {\r\n  const allTags = await getPlayerTagsRequest();\r\n  window.adventTags = getPlayerAdventTags(allTags);\r\n  window.firstDeposit = checkFirstDeposit(allTags);\r\n  window.goldenTicketTags = getGoldenTicketTags(allTags);\r\n}\r\n\r\nasync function getPlayerTagsRequest() {\r\n  const allTags = await Playtech.API.user.getPlayerTags();\r\n  return allTags;\r\n}\r\n\r\nfunction getGoldenTicketTags(playerTags) {\r\n  return playerTags.data.tags.filter((tag) => {\r\n    return tag.name && tag.name.includes('sc/promo/golden_ticket_');\r\n  });\r\n}\r\n\r\nfunction getGoldenTicketWeek(doorNumber) {\r\n  if (doorNumber >= 1 && doorNumber <= 7) return 1;\r\n  if (doorNumber >= 8 && doorNumber <= 14) return 2;\r\n  if (doorNumber >= 15 && doorNumber <= 21) return 3;\r\n  if (doorNumber >= 22 && doorNumber <= 28) return 4;\r\n  if (doorNumber >= 29 && doorNumber <= 31) return 5;\r\n  return null;\r\n}\r\n\r\nfunction hasGoldenTicketWithStart(doorNumber) {\r\n  const weekNumber = getGoldenTicketWeek(doorNumber);\r\n  if (!weekNumber) return false;\r\n\r\n  const goldenTicketName = `sc/promo/golden_ticket_${weekNumber}`;\r\n  const ticket = goldenTicketTags.find(tag => tag.name === goldenTicketName);\r\n\r\n  return ticket && ticket.value === \"start\";\r\n}\r\n\r\nfunction getPlayerAdventTags(playerTags) {\r\n  return playerTags.data.tags\r\n    .filter((tag) => {\r\n      const regex = /^sc\\/promo\\/advent_day_\\d+$/;\r\n      return regex.test(tag.name);\r\n    })\r\n    .map((tag) => {\r\n      return Number(tag.name.split(\"_\").pop());\r\n    });\r\n}\r\n\r\nfunction checkFirstDeposit(allTags) {\r\n  if (allTags.data.tags.filter((tag) => tag.name.includes(\"sc/deposit/r1d\")).length === 0) {\r\n    return false;\r\n  }\r\n\r\n  return true;\r\n}\r\n\r\nfunction changeDoorStatus(elements, toStatus) {\r\n  elements.forEach((element) => {\r\n    const door = document.querySelector(`[data-day=\"${element}\"]`);\r\n    if (!door) {\r\n      return;\r\n    }\r\n\r\n    const activeElement = door.querySelector(\".door-active\");\r\n    const statusElement = door.querySelector(toStatus);\r\n\r\n    if (activeElement) {\r\n      activeElement.classList.add(\"hidden\");\r\n    } else {\r\n      console.warn(`Active element not found for door ${element}`);\r\n    }\r\n\r\n    if (statusElement) {\r\n      statusElement.classList.remove(\"hidden\", \"[display:none]\");\r\n      statusElement.classList.add(\"flex\");\r\n    } else {\r\n      console.warn(`Status element \"${toStatus}\" not found for door ${element}`);\r\n    }\r\n  });\r\n}\r\n\r\nfunction returnSmallerOrEqual(arr, num) {\r\n  return arr.filter(curr => curr <= num);\r\n}\r\n\r\nasync function triggerDoorAction(selectedDoor) {\r\n  selectedDoor = parseInt(selectedDoor);\r\n\r\n  if (!isLoggedIn) {\r\n    Playtech.API.popup.showPopup(\"login\");\r\n    return;\r\n  }\r\n\r\n  const doorStatuses = {\r\n    selfExclusion: () => \"self_exclusion\",\r\n    \"CHE-2\": () => {\r\n      if (!firstDeposit) return \"no_first_deposit\";\r\n      if (adventTags.includes(selectedDoor) && selectedDoor === getAvailableDoor()) return \"available\";\r\n      if (adventTags.includes(selectedDoor)) return \"disabled\";\r\n      if (getAvailableDoor() < selectedDoor) return \"too_early\";\r\n      if (getAvailableDoor() === selectedDoor) return \"available\";\r\n      return \"too_late\";\r\n    },\r\n    \"CHE-1\": () => {\r\n      if (!firstDeposit) return \"not_verified_no_first_deposit\";\r\n      if (getAvailableDoor() < selectedDoor) return \"too_early\";\r\n      if (getAvailableDoor() > selectedDoor) return \"too_late\";\r\n      return \"not_verified\";\r\n    },\r\n    default: () => \"not_verified\"\r\n  };\r\n\r\n  const getStatus = doorStatuses[selfExclusion] || doorStatuses[regulationStatus] || doorStatuses.default;\r\n  const status = getStatus();\r\n\r\n  if (!status) {\r\n    console.error(\"Invalid status determined for door:\", selectedDoor);\r\n    return;\r\n  }\r\n\r\n  if (status === \"disabled\") {\r\n    return;\r\n  }\r\n\r\n  if (status === \"available\" && hasGoldenTicketWithStart(selectedDoor)) {\r\n    showGoldenTicketPopup(selectedDoor);\r\n    return;\r\n  }\r\n\r\n  triggerPopupAction(selectedDoor, status);\r\n}\r\n\r\nasync function triggerPopupAction(selectedDoor, status) {\r\n  buildPopup(translations, selectedDoor, status);\r\n}\r\n\r\nfunction buildPopup(translations, selectedDoor, status) {\r\n  window.customPopup = document.getElementById(\"custom-popup\");\r\n  window.pageOverlay = document.getElementById(\"custom-popup-overlay\");\r\n  customPopup.setAttribute(\"style\", \"display: flex\");\r\n  pageOverlay.setAttribute(\"style\", \"display: flex\");\r\n\r\n  const popupMainImagePath = `/library/Adventskalender/generic_assets/popup/${status}.webp`;\r\n  const popupBgImagePath = window.innerWidth >= 768\r\n    ? `/library/Adventskalender/generic_assets/popup/bg_${status}.webp`\r\n    : `/library/Adventskalender/generic_assets/popup/bg_${status}_mobile.webp`;\r\n\r\n  const notUsedDoor = !adventTags.includes(getAvailableDoor()) ? getAvailableDoor() : null;\r\n\r\n  const additionalBgStyles = popupBgImagePath === '/library/Adventskalender/generic_assets/popup/bg_too_early.webp'\r\n    ? 'background-position: center; background-size: auto;'\r\n    : '';\r\n\r\n  const popupSharedElements = `\r\n\t  <div class=\"popup-${status}-wrapper fixed flex flex-col pb-4 z-20 lg:w-[640px] max-h-[95vh] w-[95vw] top-1/2 left-1/2 transform popup-status-wrapper text-white rounded-3xl\">\r\n\t\t<div class=\"overflow-y-auto flex flex-col\">\r\n\t\t  <div class=\"h-[35%] lg:h-[45%] flex justify-center items-center pt-11 pb-3 bg-cover bg-no-repeat\" style=\"background-image: url('${popupBgImagePath}'); ${additionalBgStyles}\">\r\n\t\t\t<img src=\"${closeButtonPath}\" class=\"z-[3] absolute top-[16px] right-[16px] ml-auto mr-0 cursor-pointer\" onclick=\"closePopup()\">\r\n\t\t\t<img src=\"${popupMainImagePath}\" class=\"relative h-[200px]\">\r\n\t\t  </div>  \r\n\t`;\r\n\r\n  const createContent = (content) => `\r\n\t  ${popupSharedElements}\r\n\t\t<div class=\"z-[+2] h-[65%] lg:h-[55%] px-[16px] lg:px-[64px]\">\r\n\t\t  ${content}\r\n\t\t</div>\r\n\t  </div>\r\n\t`;\r\n\r\n  const isDoorOpened = adventTags.includes(selectedDoor);\r\n\r\n  const contentGenerators = {\r\n    available: () => `\r\n\t\t<div class=\"text-base pt-2 text-darker-yellow uppercase font-semibold\">${translations.door_text} ${selectedDoor}</div>\r\n\t\t<div class=\"text-4xl font-semibold py-2 text-darker-yellow\">${replaceFirstName(translations[status][selectedDoor].title)}</div>\r\n\t\t<div class=\"text-xl font-normal pt-[8px] pb-[8px]\">${replaceFirstName(translations[status][selectedDoor].description)}</div>\r\n\t\t<div class=\"text-xl py-1 flex items-center terms-title cursor-pointer\">${translations[status][selectedDoor].terms_title}<span class=\"arrow-icon\"></span></div>\r\n\t\t<div class=\"text-sm py-1 min-h-[50px] max-h-[125px] terms-content hidden\">${translations[status][selectedDoor].terms}</div>\r\n\t  `,\r\n    not_verified_no_first_deposit: () => `\r\n\t\t<div class=\"text-base pt-2 text-darker-yellow uppercase font-semibold\">${translations.door_text} ${selectedDoor}</div>\r\n\t\t<div class=\"text-4xl font-semibold py-2 text-darker-yellow\">${replaceFirstName(translations[status].title)}</div>\r\n\t\t<div class=\"text-xl font-normal pt-[8px] pb-[8px]\">${replaceFirstName(translations[status].description)}</div>\r\n\t  `,\r\n    no_first_deposit: () => `\r\n\t\t<div class=\"text-base pt-2 text-darker-yellow uppercase font-semibold\">${translations.door_text} ${selectedDoor}</div>\r\n\t\t<div class=\"text-4xl font-semibold py-2 text-darker-yellow\">${replaceFirstName(translations[status].title)}</div>\r\n\t\t<div class=\"text-xl font-normal pt-[8px] pb-[8px]\">${replaceFirstName(translations[status].description)}</div>\r\n\t  `,\r\n    self_exclusion: () => `\r\n\t\t<div class=\"text-base pt-2 text-darker-yellow uppercase font-semibold\">${translations.door_text} ${selectedDoor}</div>\r\n\t\t<div class=\"text-4xl font-semibold py-2 text-darker-yellow\">${replaceFirstName(translations[status].title)}</div>\r\n\t\t<div class=\"text-xl font-normal pt-[8px] pb-[8px]\">${replaceFirstName(translations[status].description)}</div>\r\n\t  `,\r\n    default: () => {\r\n      const newsletterContent = (contactPrefences.length !== 0 || regulationStatus !== \"CHE-2\") ? \"\" : translations.newsletter;\r\n      return `\r\n\t\t  <div class=\"text-base pt-2 text-darker-yellow uppercase font-semibold\">${translations.door_text} ${selectedDoor}</div>\r\n\t\t  <div class=\"text-4xl font-semibold py-2 text-darker-yellow\">${replaceFirstName(translations[status].title)}</div>\r\n\t\t  <div class=\"text-xl font-normal pt-[8px] pb-[8px]\">${replaceFirstName(translations[status].description)}</div>\r\n\t\t  ${displayAvailableDoor(translations, notUsedDoor)}\r\n\t\t  <div class=\"text-xl pt-[8px] pb-[16px]\">${newsletterContent}</div>\r\n\t\t`;\r\n    }\r\n  };\r\n\r\n  const content = (contentGenerators[status] || contentGenerators.default)();\r\n\r\n  customPopup.innerHTML = createContent(content) +\r\n    (status === \"available\" && !isDoorOpened ? createDynamicButtons(translations[status][selectedDoor].primary_button, translations[status][selectedDoor].secondary_button, selectedDoor) : '') +\r\n    (status === \"no_first_deposit\" || status === \"not_verified_no_first_deposit\" ? createDynamicButtons(translations[status].primary_button, translations[status].secondary_button, null) : '') +\r\n    (status !== \"available\" && status !== \"no_first_deposit\" && status !== \"self_exclusion\" && status !== \"not_verified_no_first_deposit\" ? createDynamicButtons(translations[status].primary_button, translations[status].secondary_button, null) : '');\r\n\r\n  if (status === \"available\") {\r\n    termsAndConditionAccordion();\r\n  }\r\n\r\n  addClickEventListeners(selectedDoor, status);\r\n}\r\n\r\nfunction termsAndConditionAccordion() {\r\n  let termsTitle = document.querySelector(\".terms-title\");\r\n  let termsContent = document.querySelector(\".terms-content\");\r\n  let arrowIcon = document.querySelector('.arrow-icon');\r\n\r\n  if (termsTitle && termsContent) {\r\n    termsTitle.addEventListener(\"click\", () => {\r\n      termsContent.classList.toggle(\"hidden\");\r\n      arrowIcon.classList.toggle('rotate-icon');\r\n    });\r\n  }\r\n}\r\n\r\nfunction addClickEventListeners(number, status) {\r\n  const bButton = document.querySelector(\"#backgrounds-none\");\r\n  if (bButton) {\r\n    bButton.addEventListener(\"click\", () => adventDay(number, status));\r\n  }\r\n}\r\n\r\nfunction displayAvailableDoor(translations, notUsedDoor) {\r\n  if (notUsedDoor && regulationStatus === \"CHE-2\") {\r\n    return `\r\n\t  <div class=\"text-xl pt-[8px] pb-[16px]\">${translations.door_availability_single} ${notUsedDoor}</div>\r\n\t  `;\r\n  }\r\n  return '<div> </div>';\r\n}\r\n\r\nfunction isChoiceDay(doorNumber) {\r\n  return [1, 12, 23].includes(doorNumber);\r\n}\r\n\r\nfunction createDynamicButtons(primary_button, secondary_button, selectedDoor = null) {\r\n  if (selectedDoor && isChoiceDay(selectedDoor) && userRewardChoice === null) {\r\n    return createChoiceButtons(selectedDoor);\r\n  }\r\n\r\n  const buttonConfigs = {\r\n    notVerified: {\r\n      action: `onClick=\"navigateTo('/verifizierung'); closePopup();\"`,\r\n      primaryButtonText: translations[\"not_verified\"].primary_button,\r\n      secondaryButtonText: translations[\"not_verified\"].secondary_button,\r\n    },\r\n    notVerifiedNoFirstDeposit: {\r\n      action: `onClick=\"navigateTo('/verifizierung'); closePopup()\"`,\r\n      primaryButtonText: translations[\"not_verified_no_first_deposit\"].primary_button,\r\n      secondaryButtonText: translations[\"not_verified_no_first_deposit\"].secondary_button,\r\n    },\r\n    noFirstDeposit: {\r\n      action: `onClick=\"navigateTo('/deposit'); closePopup()\"`,\r\n      primaryButtonText: translations[\"no_first_deposit\"].primary_button,\r\n    },\r\n    selectedDoor: {\r\n      action: `id=\"backgrounds-none\" onclick=\"closePopup()\"`,\r\n    },\r\n    noContactPreferences: {\r\n      action: `onclick=\"setContactPreferences();displaySuccessfullySubscribed()\"`,\r\n    },\r\n    default: {\r\n      buttonsDisplay: \"hidden\",\r\n    }\r\n  };\r\n\r\n  let config;\r\n\r\n  if (selectedDoor === null && regulationStatus !== \"CHE-2\") {\r\n    config = buttonConfigs.notVerified;\r\n  } else if (!firstDeposit) {\r\n    config = buttonConfigs.noFirstDeposit;\r\n  } else if (selectedDoor) {\r\n    config = buttonConfigs.selectedDoor;\r\n  } else if (contactPrefences.length === 0) {\r\n    config = buttonConfigs.noContactPreferences;\r\n  } else {\r\n    config = buttonConfigs.default;\r\n  }\r\n\r\n  const buttonsDisplay = config.buttonsDisplay || \"flex\";\r\n  const action = config.action || \"\";\r\n  const primaryButtonText = config.primaryButtonText || primary_button;\r\n  const secondaryButtonText = config.secondaryButtonText || secondary_button;\r\n\r\n  return `\r\n\t  <div class=\"${buttonsDisplay} flex-col mt-4 lg:flex-row gap-2 z-[+3] lg:pb-2 px-[16px] lg:px-[64px] popup-buttons\">\r\n\t\t<button ${action} class=\"popup-primary-button w-full lg:w-[50%] bg-tangerine-yellow hover:bg-active-yellow text-center text-black text-xl py-2 px-4 border font-normal border-solid border-tangerine-yellow hover:border-active-yellow rounded-sm cursor-pointer\">${primaryButtonText}</button>\r\n\t\t<button class=\"w-full lg:w-[50%] bg-transparent hover:border-active-yellow text-center hover:!text-white text-white text-xl py-2 px-4 border border-solid font-normal border-tangerine-yellow rounded-sm cursor-pointer\" onclick=\"closePopup()\">${secondaryButtonText}</button>\r\n\t  </div>\r\n\t`;\r\n}\r\n\r\nfunction createChoiceButtons(selectedDoor) {\r\n  return `\r\n\t  <div class=\"flex flex-col mt-4 gap-2 z-[+3] lg:pb-2 px-[16px] lg:px-[64px] popup-buttons\">\r\n\t\t<div class=\"text-center text-white text-lg font-semibold mb-2\">${translations.choose_reward}</div>\r\n\t\t<div class=\"flex flex-row gap-2 w-full\">\r\n\t\t  <button onclick=\"selectReward('fs', ${selectedDoor})\" class=\"w-1/2 bg-tangerine-yellow hover:bg-active-yellow text-center text-black text-xl py-2 px-4 border font-normal border-solid border-tangerine-yellow hover:border-active-yellow rounded-sm cursor-pointer\">\r\n\t\t    Free Spins\r\n\t\t  </button>\r\n\t\t  <button onclick=\"selectReward('gc', ${selectedDoor})\" class=\"w-1/2 bg-tangerine-yellow hover:bg-active-yellow text-center text-black text-xl py-2 px-4 border font-normal border-solid border-tangerine-yellow hover:border-active-yellow rounded-sm cursor-pointer\">\r\n\t\t    Golden Chips\r\n\t\t  </button>\r\n\t\t</div>\r\n\t\t<button class=\"w-full bg-transparent hover:border-active-yellow text-center hover:!text-white text-white text-xl py-2 px-4 border border-solid font-normal border-tangerine-yellow rounded-sm cursor-pointer mt-2\" onclick=\"closePopup()\">\r\n\t\t  ${translations[\"available\"][selectedDoor].secondary_button}\r\n\t\t</button>\r\n\t  </div>\r\n\t`;\r\n}\r\n\r\nfunction displaySuccessfullySubscribed() {\r\n  const buttons = document.querySelector(\".popup-buttons\");\r\n  if (buttons) {\r\n    buttons.innerHTML = `<p class=\"text-white text-xl text-center\">${translations.subscribed}</p>`;\r\n  }\r\n}\r\n\r\nfunction selectReward(choice, doorNumber) {\r\n  userRewardChoice = choice;\r\n  adventDay(doorNumber, \"available\");\r\n}\r\n\r\nfunction closePopup() {\r\n  customPopup.style.display = \"none\";\r\n  pageOverlay.style.display = \"none\";\r\n\r\n  userRewardChoice = null;\r\n\r\n  AutoplayLottieAnimationOnMobile();\r\n}\r\n\r\nasync function adventDay(param, status) {\r\n  const newParam = `/sc/promo/advent_day_${param}`;\r\n\r\n  const selectedChoice = userRewardChoice;\r\n\r\n  closePopup();\r\n\r\n  try {\r\n    const tagsToSet = [{ name: newParam }];\r\n\r\n    if (isChoiceDay(param) && selectedChoice !== null) {\r\n      const choiceTag = `sc/promo/${selectedChoice}_day_${param}`;\r\n      tagsToSet.push({ name: choiceTag });\r\n      console.log(`Setting choice tag: ${choiceTag}`);\r\n    }\r\n\r\n    await Playtech.API.user.setPlayerTags(tagsToSet);\r\n\r\n    buttonAction(param, status);\r\n    const playerTags = await getPlayerTagsRequest();\r\n    adventTags = await getPlayerAdventTags(playerTags);\r\n    changeDoorStatus(adventTags, \".door-opened\");\r\n  } catch (error) {\r\n    console.error(\"Error in adventDay function:\", error);\r\n  }\r\n}\r\n\r\nfunction buttonAction(param, status) {\r\n  const actionType = translations[status][param].actionType;\r\n  const action = translations[status][param].action;\r\n\r\n  if ([\"gameLaunch\", \"myBonus\", \"deposit\"].includes(actionType)) {\r\n    navigateTo(action);\r\n  }\r\n}\r\n\r\nfunction navigateTo(url) {\r\n  Playtech.API.common.navigate(url);\r\n}\r\n\r\n\r\nfunction showGoldenTicketPopup(selectedDoor) {\r\n  window.customPopup = document.getElementById(\"custom-popup\");\r\n  window.pageOverlay = document.getElementById(\"custom-popup-overlay\");\r\n\r\n  customPopup.setAttribute(\"style\", \"display: flex\");\r\n  pageOverlay.setAttribute(\"style\", \"display: flex\");\r\n\r\n  const weekNumber = getGoldenTicketWeek(selectedDoor);\r\n\r\n  const popupMainImagePath = `/library/Adventskalender/generic_assets/popup/golden_ticket.webp`;\r\n  const popupBgImagePath = window.innerWidth >= 768\r\n    ? `/library/Adventskalender/generic_assets/popup/bg_golden_ticket.webp`\r\n    : `/library/Adventskalender/generic_assets/popup/bg_golden_ticket_mobile.webp`;\r\n\r\n  const popupSharedElements = `\r\n    <div class=\"popup-golden-ticket-wrapper fixed flex flex-col pb-4 z-20 lg:w-[640px] max-h-[95vh] w-[95vw] top-1/2 left-1/2 transform popup-status-wrapper text-white rounded-3xl\">\r\n      <div class=\"overflow-y-auto flex flex-col\">\r\n        <div class=\"h-[35%] lg:h-[45%] flex justify-center items-center pt-11 pb-3 bg-cover bg-no-repeat\" style=\"background-image: url('${popupBgImagePath}');\">\r\n          <img src=\"${closeButtonPath}\" class=\"z-[3] absolute top-[16px] right-[16px] ml-auto mr-0 cursor-pointer\" onclick=\"closePopup()\">\r\n          <img src=\"${popupMainImagePath}\" class=\"relative h-[200px]\">\r\n        </div>\r\n  `;\r\n\r\n  const goldenTicketContent = `\r\n    <div class=\"text-base pt-2 text-white uppercase font-semibold\">${translations.door_text} ${selectedDoor}</div>\r\n    <div class=\"text-4xl font-semibold py-2 text-white golden-ticket-title\">${replaceFirstName(translations.golden_ticket.title)}</div>\r\n    <div class=\"text-xl font-normal pt-[8px] pb-[8px] golden-ticket-description\">${replaceGoldenTicketPrize(replaceFirstName(translations.golden_ticket.description), weekNumber)}</div>\r\n    <div class=\"text-sm pt-[8px] pb-[8px] terms-wrapper\">\r\n      <div class=\"terms-title flex justify-between items-center cursor-pointer\">\r\n        <strong>${translations.golden_ticket.terms_title}</strong>\r\n        <svg class=\"arrow-icon w-4 h-4 transform transition-transform duration-300\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n          <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"></path>\r\n        </svg>\r\n      </div>\r\n      <div class=\"terms-content hidden pt-2\">${translations.golden_ticket.terms}</div>\r\n    </div>\r\n  `;\r\n\r\n  const createGoldenTicketContent = (content) => `\r\n    ${popupSharedElements}\r\n      <div class=\"z-[+2] h-[65%] lg:h-[55%] px-[16px] lg:px-[64px]\">\r\n        ${content}\r\n      </div>\r\n    </div>\r\n  `;\r\n\r\n  customPopup.innerHTML = createGoldenTicketContent(goldenTicketContent) + createGoldenTicketButton(selectedDoor);\r\n\r\n  termsAndConditionAccordion();\r\n  addGoldenTicketClickListener(selectedDoor);\r\n}\r\n\r\nfunction createGoldenTicketButton(selectedDoor) {\r\n  return `\r\n    <div class=\"flex flex-col mt-4 lg:flex-row gap-2 z-[+3] lg:pb-2 px-[16px] lg:px-[64px] popup-buttons\">\r\n      <button id=\"golden-ticket-accept\" class=\"popup-primary-button w-full lg:w-[50%] bg-tangerine-yellow hover:bg-active-yellow text-center text-black text-xl py-2 px-4 border font-normal border-solid border-tangerine-yellow hover:border-active-yellow rounded-sm cursor-pointer\">\r\n        ${translations.golden_ticket.primary_button}\r\n      </button>\r\n      <button class=\"w-full lg:w-[50%] bg-transparent hover:border-active-yellow text-center hover:!text-white text-white text-xl py-2 px-4 border border-solid font-normal border-tangerine-yellow rounded-sm cursor-pointer\" onclick=\"closePopup()\">\r\n        ${translations.golden_ticket.secondary_button}\r\n      </button>\r\n    </div>\r\n  `;\r\n}\r\n\r\nfunction addGoldenTicketClickListener(selectedDoor) {\r\n  const acceptButton = document.querySelector(\"#golden-ticket-accept\");\r\n  if (acceptButton) {\r\n    acceptButton.addEventListener(\"click\", () => acceptGoldenTicket(selectedDoor));\r\n  }\r\n}\r\n\r\nasync function acceptGoldenTicket(selectedDoor) {\r\n  const weekNumber = getGoldenTicketWeek(selectedDoor);\r\n  const goldenTicketName = `/sc/promo/golden_ticket_${weekNumber}`;\r\n\r\n  closePopup();\r\n\r\n  try {\r\n    // Update the golden ticket tag from \"start\" to \"open\"\r\n    await Playtech.API.user.setPlayerTags([\r\n      { name: goldenTicketName, type: 'text', value: \"open\" }\r\n    ]);\r\n\r\n    console.log(`[GOLDEN TICKET] Updated ${goldenTicketName} from \"start\" to \"open\"`);\r\n\r\n    // Refresh player tags\r\n    const playerTags = await getPlayerTagsRequest();\r\n    goldenTicketTags = getGoldenTicketTags(playerTags);\r\n\r\n    navigateTo(translations.golden_ticket.action);\r\n\r\n  } catch (error) {\r\n    console.error(\"Error accepting golden ticket:\", error);\r\n  }\r\n}\r\n\r\nasync function setContactPreferences() {\r\n  const request = {\r\n    ID: 35513,\r\n    responses: [35514, 35515],\r\n    description: \"Set user contact preferences\",\r\n    contactPreferences: [\r\n      {\r\n        type: \"promotional\",\r\n        channel: \"email\",\r\n        preference: true,\r\n      },\r\n    ],\r\n  };\r\n\r\n  try {\r\n    await Playtech.callOAPI(request);\r\n    contactPrefences = await getContactPreferences();\r\n    return true;\r\n  } catch (error) {\r\n    console.error(\"Error setting contact preferences:\", error);\r\n    return false;\r\n  }\r\n}\r\n\r\n// Start of SVG Path drawing logic\r\nfunction calculatePosition() {\r\n  for (var i = 0; i < doors.length; i++) {\r\n    extendedDoors.push({\r\n      x: calculateCoordinate(doors[i].getBoundingClientRect()).x,\r\n      y: calculateCoordinate(doors[i].getBoundingClientRect()).y,\r\n      width: calculateWidth(doors[i]),\r\n      position: comparePositions(doors[i], doors[i + 1]),\r\n    });\r\n  }\r\n}\r\n\r\nfunction calculateWidth(door) {\r\n  let width = door.getBoundingClientRect().width;\r\n  return width;\r\n}\r\n\r\nfunction calculateCoordinate(arg) {\r\n  let xy = {\r\n    x: \"\",\r\n    y: \"\",\r\n  };\r\n  xy.y = arg.y + arg.height / 2 + window.pageYOffset;\r\n  xy.x = Math.round(arg.x + arg.width / 2);\r\n\r\n  return xy;\r\n}\r\n\r\nfunction comparePositions(element, nextElement) {\r\n  let coordinate = \"\";\r\n  let or = \" q0,15 -15 15 \";\r\n  let ol = \" q-15,0 -15 15 \";\r\n  let ul = \" q0,15 15 15 \";\r\n  let ur = \" q15,0 15 15 \";\r\n\r\n  if (typeof nextElement !== \"undefined\") {\r\n    let current = calculateCoordinate(element.getBoundingClientRect());\r\n    let following = calculateCoordinate(nextElement.getBoundingClientRect());\r\n    if (current.y === following.y) {\r\n      if (current.x > following.x) {\r\n        coordinate = \"h-\" + (current.x - following.x);\r\n      } else {\r\n        coordinate = \"h\" + (following.x - current.x);\r\n      }\r\n    } else {\r\n      if (current.x === following.x) {\r\n        coordinate = \"v\" + (following.y - current.y);\r\n      } else if (current.x > following.x) {\r\n        coordinate += \"v\" + 0.5 * (following.y - current.y - 30);\r\n        coordinate += or + \" h-\" + (current.x - following.x - 30) + ol;\r\n        coordinate += \" v\" + 0.5 * (following.y - current.y - 30);\r\n      } else if (current.x < following.x) {\r\n        coordinate = \"v\" + 0.5 * (following.y - current.y - 30);\r\n        coordinate += ul + \" h\" + (following.x - current.x - 30) + ur;\r\n        coordinate += \" v\" + 0.5 * (following.y - current.y - 30);\r\n      }\r\n    }\r\n  }\r\n\r\n  return coordinate;\r\n}\r\n\r\nfunction replaceSvgPath() {\r\n  let actualInnerWidth = document.body.clientWidth;\r\n  let box = document.querySelector(\".section-doors\");\r\n  let unusedBox = document.querySelector(\".final-door-bg-vector\");\r\n\r\n  // Calculate viewBox height dynamically based on the last door's position\r\n  let baseHeight = box.offsetHeight - unusedBox.offsetHeight;\r\n\r\n  // Get the last door's Y position from extendedDoors array\r\n  let viewBoxHeight = baseHeight + 10;\r\n  if (extendedDoors.length > 0) {\r\n    const lastDoorY = extendedDoors[extendedDoors.length - 1].y - pageHeader();\r\n    // Ensure viewBox is tall enough to include the last door\r\n    viewBoxHeight = Math.max(viewBoxHeight, lastDoorY + 100);\r\n  }\r\n\r\n  let svg = document.getElementsByTagName(\"svg\")[0];\r\n  svg.setAttributeNS(\r\n    null,\r\n    \"viewBox\",\r\n    \"0 0 \" + actualInnerWidth + \" \" + viewBoxHeight\r\n  );\r\n\r\n  let path = document.createElementNS(\"http://www.w3.org/2000/svg\", \"path\");\r\n  let pathblue = document.createElementNS(\"http://www.w3.org/2000/svg\", \"path\");\r\n  let pathwhite = document.createElementNS(\r\n    \"http://www.w3.org/2000/svg\",\r\n    \"path\"\r\n  );\r\n\r\n  setPathAttributes(path);\r\n\r\n  path.setAttributeNS(null, \"id\", \"newPath\");\r\n  path.setAttributeNS(null, \"stroke\", \"#ffd700\");\r\n  path.setAttributeNS(null, \"stroke-width\", 4);\r\n  path.setAttributeNS(null, \"opacity\", 1);\r\n  path.setAttributeNS(null, \"fill\", \"none\");\r\n\r\n  setPathAttributes(pathblue);\r\n\r\n  pathblue.setAttributeNS(null, \"id\", \"pathblue\");\r\n  pathblue.setAttributeNS(null, \"stroke\", \"#143351\");\r\n  pathblue.setAttributeNS(null, \"stroke-width\", 4);\r\n  pathblue.setAttributeNS(null, \"opacity\", 1);\r\n  pathblue.setAttributeNS(null, \"fill\", \"none\");\r\n\r\n  setPathAttributes(pathwhite);\r\n\r\n  pathwhite.setAttributeNS(null, \"id\", \"pathwhite\");\r\n  pathwhite.setAttributeNS(null, \"stroke\", \"#ffffff\");\r\n  pathwhite.setAttributeNS(null, \"stroke-width\", 1.5);\r\n  pathwhite.setAttributeNS(null, \"opacity\", 1);\r\n  pathwhite.setAttributeNS(null, \"fill\", \"none\");\r\n\r\n  svg.replaceChildren(path);\r\n  svg.appendChild(pathblue);\r\n  svg.appendChild(newPath);\r\n  svg.appendChild(pathwhite);\r\n}\r\n\r\nfunction setPositions(extendedDoors) {\r\n  let positions = \"\";\r\n  for (let i = 1; i < extendedDoors.length; i++) {\r\n    positions += extendedDoors[i].position + \" \";\r\n  }\r\n  return positions;\r\n}\r\n\r\nfunction setPathAttributes(path) {\r\n  // Build the path string with all door positions\r\n  let pathString = \"M \" +\r\n    extendedDoors[0].x +\r\n    \",\" +\r\n    (extendedDoors[0].y - pageHeader()) +\r\n    extendedDoors[0].position +\r\n    \" \" +\r\n    setPositions(extendedDoors);\r\n\r\n  // Add final line to center of last door if there are multiple doors\r\n  if (extendedDoors.length > 1) {\r\n    const lastDoor = extendedDoors[extendedDoors.length - 1];\r\n    // Draw a line to the center of the last door\r\n    pathString += \" L \" + lastDoor.x + \",\" + (lastDoor.y - pageHeader());\r\n  }\r\n\r\n  path.setAttributeNS(null, \"d\", pathString);\r\n}\r\n\r\nfunction pageHeader() {\r\n  let header = document.querySelector(\".header\");\r\n\r\n  if (header) {\r\n    return header.offsetHeight;\r\n  }\r\n\r\n  return 0;\r\n}\r\n\r\nfunction scrollPath() {\r\n  let path = document.getElementById(\"newPath\");\r\n  let pathwhite = document.getElementById(\"pathwhite\");\r\n  let pathLength = path.getTotalLength();\r\n\r\n  path.style.strokeDasharray = pathLength + \" \" + pathLength;\r\n  pathwhite.style.strokeDasharray = pathLength + \" \" + pathLength;\r\n  path.style.strokeDashoffset = pathLength;\r\n  pathwhite.style.strokeDashoffset = pathLength;\r\n  window.addEventListener(\"scroll\", function (e) {\r\n    // Calculate scroll percentage\r\n    let scrollPercentage =\r\n      (document.documentElement.scrollTop + document.body.scrollTop) /\r\n      (document.documentElement.scrollHeight -\r\n        document.documentElement.clientHeight);\r\n\r\n    // Calculate how much of the path to draw based on scroll\r\n    // Use a smaller multiplier to prevent path from racing ahead\r\n    let drawLength = pathLength * scrollPercentage;\r\n    drawLength = drawLength + (20 / 100) * drawLength; // 10% speed boost\r\n\r\n    path.style.strokeDashoffset = pathLength - drawLength;\r\n    pathwhite.style.strokeDashoffset = pathLength - drawLength;\r\n  });\r\n}\r\n\r\nif (window.innerWidth >= \"1024\") {\r\n  window.addEventListener(\"resize\", () => {\r\n    extendedDoors = [];\r\n    positioningOfDoor06and15();\r\n    calculatePosition();\r\n    replaceSvgPath();\r\n    scrollPath();\r\n  });\r\n}\r\n\r\nfunction positioningOfDoor06and15() {\r\n  let sectionDoor = document.querySelectorAll(\".section-doors\")[0];\r\n  let door06Container = document.querySelectorAll(\".doors-bulk\")[2];\r\n  let door15Container = document.querySelectorAll(\".doors-bulk\")[5];\r\n  let door06 = document.querySelector('[data-day=\"6\"]');\r\n  let door07 = document.querySelector('[data-day=\"7\"]');\r\n  let door15 = document.querySelector('[data-day=\"15\"]');\r\n  let door16 = document.querySelector('[data-day=\"16\"]');\r\n  door06Container.style = `padding-left: unset; padding-right: unset`;\r\n  door15Container.style = `padding-left: unset; padding-right: unset`;\r\n\r\n  if (window.innerWidth < \"1024\") {\r\n    return;\r\n  }\r\n\r\n  if (window.innerWidth >= \"1024\" && window.innerWidth <= \"1029\") {\r\n    door06Container.style = \"padding-left: 100px\";\r\n    door15Container.style = \"padding-right: 100px\";\r\n    return;\r\n  }\r\n\r\n  let x06 = Math.abs(\r\n    calculateCoordinate(door06.getBoundingClientRect()).x -\r\n    sectionDoor.getBoundingClientRect().left\r\n  );\r\n\r\n  let x07 = Math.abs(\r\n    calculateCoordinate(door07.getBoundingClientRect()).x -\r\n    sectionDoor.getBoundingClientRect().left\r\n  );\r\n\r\n  let x15 = Math.abs(\r\n    calculateCoordinate(door15.getBoundingClientRect()).x -\r\n    sectionDoor.getBoundingClientRect().right\r\n  );\r\n\r\n  let x16 = Math.abs(\r\n    calculateCoordinate(door16.getBoundingClientRect()).x -\r\n    sectionDoor.getBoundingClientRect().right\r\n  );\r\n\r\n  door06Container.style = `padding-left: ${Math.round(x07 - x06)}px`;\r\n  door15Container.style = `padding-right: ${Math.round(x16 - x15)}px`;\r\n}\r\n\r\nfunction disableDoorsDragAndRightClickOnTouchScreens() {\r\n  if (window.innerWidth <= \"1024\") {\r\n    document.querySelectorAll(\".door-image\").forEach((image) => {\r\n      image.style = \"transform: translateZ(0)\";\r\n    });\r\n    document\r\n      .querySelectorAll(\".page-wrapper\")[0]\r\n      .addEventListener(\"contextmenu\", (e) => {\r\n        e.preventDefault();\r\n        return false;\r\n      });\r\n  }\r\n}\r\n// End of SVG Path drawing logic\r\n\r\nfunction AutoplayLottieAnimationOnMobile() {\r\n  if (isMobile()) {\r\n    const door = document.querySelector(\r\n      `[data-day=\"${getAvailableDoor()}\"] lottie-player`\r\n    );\r\n    if (door) {\r\n      door.play();\r\n      door.setLooping(true);\r\n      door.setSpeed(0.7);\r\n    }\r\n  }\r\n}\r\n\r\nfunction isMobile() {\r\n  return Playtech.API.device.clientPlatform === \"mobile\" ? true : false;\r\n}"},"conditionIds":["fbd30e2c-806a-45bb-b7b2-d4f2fb79f8af","4eaa767f-38ed-46ce-aea0-afceba7315fd"]},{"tagId":"d0c7890c-6883-486c-b760-0cccac0a99fa","tagTypeId":"custom_tag_type","name":"Before render CSS /festtagsverlosung","description":"Before render CSS /festtagsverlosung","config":{"beforeEndHead":"<style>\r\nsection {\r\n    margin-top: 4rem; \r\n    margin-bottom: 4rem \r\n}\r\n.overlay-display {\r\n  position: relative;\r\n}\r\n\r\n/* Grayscale ALL direct children inside the gift box */\r\n.overlay-display > * {\r\n  filter: grayscale(100%);\r\n  opacity: 0.4;\r\n  pointer-events: none; \r\n}\r\n\r\n/* Badge */\r\n.overlay-display::after {\r\n  content: attr(data-badge-text);\r\n    position: absolute;\r\n    top: 50px;\r\n    left: 50%;\r\n    transform: translateX(-50%) rotate(-8deg);\r\n    background: #b79a41;\r\n    color: #fff;\r\n    font-weight: 700;\r\n    padding: 6px;\r\n    border-radius: 6px;\r\n    font-size: 14px;\r\n    width: 90%;\r\n    text-align: center;\r\n    z-index: 10;\r\n    text-transform: uppercase;\r\n    pointer-events: none;\r\n}\r\n.container {\r\n    width: 100%\r\n}\r\n\r\n@media (min-width: 640px) {\r\n    .container {\r\n        max-width: 640px\r\n    }\r\n}\r\n\r\n@media (min-width: 768px) {\r\n    .container {\r\n        max-width: 768px\r\n    }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .container {\r\n        max-width: 1024px\r\n    }\r\n}\r\n\r\n@media (min-width: 1280px) {\r\n    .container {\r\n        max-width: 1280px\r\n    }\r\n}\r\n\r\n@media (min-width: 1536px) {\r\n    .container {\r\n        max-width: 1536px\r\n    }\r\n}\r\n\r\n.pointer-events-none {\r\n    pointer-events: none\r\n}\r\n\r\n.visible {\r\n    visibility: visible\r\n}\r\n\r\n.absolute {\r\n    position: absolute\r\n}\r\n\r\n.relative {\r\n    position: relative\r\n}\r\n\r\n.-left-\\[7\\%\\] {\r\n    left: -7%\r\n}\r\n\r\n.-left-\\[8\\%\\] {\r\n    left: -8%\r\n}\r\n\r\n.bottom-0 {\r\n    bottom: 0\r\n}\r\n\r\n.left-1\\/2 {\r\n    left: 50%\r\n}\r\n\r\n.left-\\[35\\%\\] {\r\n    left: 35%\r\n}\r\n\r\n.right-0 {\r\n    right: 0\r\n}\r\n\r\n.right-\\[5\\%\\] {\r\n    right: 5%\r\n}\r\n\r\n.top-0 {\r\n    top: 0\r\n}\r\n\r\n.top-\\[50\\%\\] {\r\n    top: 50%\r\n}\r\n\r\n.top-\\[65\\%\\] {\r\n    top: 65%\r\n}\r\n\r\n.top-\\[67\\%\\] {\r\n    top: 67%\r\n}\r\n\r\n.z-10 {\r\n    z-index: 10\r\n}\r\n\r\n.z-\\[0\\] {\r\n    z-index: 0\r\n}\r\n\r\n.m-1 {\r\n    margin: .5rem\r\n}\r\n\r\n.m-auto {\r\n    margin: auto\r\n}\r\n\r\n.mx-2 {\r\n    margin-left: 1rem;\r\n    margin-right: 1rem\r\n}\r\n\r\n.my-0 {\r\n    margin-top: 0;\r\n    margin-bottom: 0\r\n}\r\n\r\n.-mt-13 {\r\n    margin-top: -6.5rem\r\n}\r\n\r\n.-mt-7 {\r\n    margin-top: -3.5rem\r\n}\r\n\r\n.-mt-2 {\r\n   margin-top: -1rem\r\n} \r\n\r\n.mb-0 {\r\n    margin-bottom: 0\r\n}\r\n\r\n.mb-1 {\r\n    margin-bottom: .5rem\r\n}\r\n\r\n.mb-14 {\r\n    margin-bottom: 7rem\r\n}\r\n\r\n.mb-2 {\r\n    margin-bottom: 1rem\r\n}\r\n\r\n.mb-3 {\r\n    margin-bottom: 1.5rem\r\n}\r\n\r\n.mb-5 {\r\n    margin-bottom: 2.5rem\r\n}\r\n\r\n.mb-6 {\r\n    margin-bottom: 3rem\r\n}\r\n\r\n.mb-8 {\r\n    margin-bottom: 4rem\r\n}\r\n\r\n.mb-\\[0\\.5rem\\] {\r\n    margin-bottom: .5rem\r\n}\r\n\r\n.ml-1 {\r\n    margin-left: .5rem\r\n}\r\n\r\n.ml-2 {\r\n    margin-left: 1rem\r\n}\r\n\r\n.ml-auto {\r\n    margin-left: auto\r\n}\r\n\r\n.mr-0 {\r\n    margin-right: 0\r\n}\r\n\r\n.mr-2 {\r\n    margin-right: 1rem\r\n}\r\n\r\n.mr-4 {\r\n    margin-right: 2rem\r\n}\r\n\r\n.mr-auto {\r\n    margin-right: auto\r\n}\r\n\r\n.mt-0 {\r\n    margin-top: 0\r\n}\r\n\r\n.mt-1 {\r\n    margin-top: .5rem\r\n}\r\n\r\n.mt-10 {\r\n    margin-top: 5rem\r\n}\r\n\r\n.mt-12 {\r\n    margin-top: 6rem\r\n}\r\n\r\n.mt-15 {\r\n    margin-top: 7.5rem\r\n}\r\n\r\n.mt-2 {\r\n    margin-top: 1rem\r\n}\r\n\r\n.mt-3 {\r\n    margin-top: 1.5rem\r\n}\r\n\r\n.mt-4 {\r\n    margin-top: 2rem\r\n}\r\n\r\n.mt-5 {\r\n    margin-top: 2.5rem\r\n}\r\n\r\n.mt-6 {\r\n    margin-top: 3rem\r\n}\r\n\r\n.box-content {\r\n    box-sizing: content-box\r\n}\r\n\r\n.block {\r\n    display: block\r\n}\r\n\r\n.flex {\r\n    display: flex\r\n}\r\n\r\n.hidden {\r\n    display: none\r\n}\r\n\r\n.aspect-square {\r\n    aspect-ratio: 1 / 1\r\n}\r\n\r\n.\\!h-4 {\r\n    height: 2rem !important\r\n}\r\n\r\n.h-6 {\r\n    height: 3rem\r\n}\r\n\r\n.h-\\[100px\\] {\r\n    height: 100px\r\n}\r\n\r\n.h-\\[120px\\] {\r\n    height: 120px\r\n}\r\n\r\n.h-\\[130px\\] {\r\n    height: 130px\r\n}\r\n\r\n.h-\\[135px\\] {\r\n    height: 135px\r\n}\r\n\r\n.h-\\[137px\\] {\r\n    height: 137px\r\n}\r\n\r\n.h-\\[150px\\] {\r\n    height: 150px\r\n}\r\n\r\n.h-\\[178px\\] {\r\n    height: 178px\r\n}\r\n\r\n.h-\\[30px\\] {\r\n    height: 30px\r\n}\r\n\r\n.h-\\[40px\\] {\r\n    height: 40px\r\n}\r\n\r\n.h-\\[600px\\] {\r\n    height: 600px\r\n}\r\n\r\n.h-\\[650px\\] {\r\n    height: 650px\r\n}\r\n\r\n.h-\\[7px\\] {\r\n    height: 7px\r\n}\r\n\r\n.h-\\[90px\\] {\r\n    height: 90px\r\n}\r\n\r\n.h-auto {\r\n    height: auto\r\n}\r\n\r\n.h-full {\r\n    height: 100%\r\n}\r\n\r\n.min-h-30 {\r\n    min-height: 15rem\r\n}\r\n\r\n.\\!w-4 {\r\n    width: 2rem !important\r\n}\r\n\r\n.w-30 {\r\n    width: 15rem\r\n}\r\n\r\n.w-35 {\r\n    width: 17.5rem\r\n}\r\n\r\n.w-6\\/12 {\r\n    width: 50%\r\n}\r\n\r\n.w-\\[100px\\] {\r\n    width: 100px\r\n}\r\n\r\n.w-\\[135px\\] {\r\n    width: 135px\r\n}\r\n\r\n.w-\\[150px\\] {\r\n    width: 150px\r\n}\r\n\r\n.w-\\[180px\\] {\r\n    width: 180px\r\n}\r\n\r\n.w-\\[200px\\] {\r\n    width: 200px\r\n}\r\n\r\n.w-\\[220px\\] {\r\n    width: 220px\r\n}\r\n\r\n.w-\\[25\\.5rem\\] {\r\n    width: 25.5rem\r\n}\r\n\r\n.w-\\[250px\\] {\r\n    width: 250px\r\n}\r\n\r\n.w-\\[400px\\] {\r\n    width: 400px\r\n}\r\n.w-\\[520px\\] {\r\n    width: 520px\r\n}\r\n.w-\\[60\\%\\] {\r\n    width: 60%\r\n}\r\n\r\n.w-\\[80\\%\\] {\r\n    width: 80%\r\n}\r\n\r\n.w-\\[90\\%\\] {\r\n    width: 90%\r\n}\r\n\r\n.w-\\[calc\\(50\\%-3rem\\)\\] {\r\n    width: calc(50% - 3rem)\r\n}\r\n\r\n.w-auto {\r\n    width: auto\r\n}\r\n\r\n.w-full {\r\n    width: 100%\r\n}\r\n\r\n.max-w-\\[1200px\\] {\r\n    max-width: 1200px\r\n}\r\n\r\n.max-w-\\[1280px\\] {\r\n    max-width: 1280px\r\n}\r\n\r\n.max-w-\\[150px\\] {\r\n    max-width: 150px\r\n}\r\n\r\n.max-w-\\[2048px\\] {\r\n    max-width: 2048px\r\n}\r\n\r\n.max-w-\\[70px\\] {\r\n    max-width: 70px\r\n}\r\n\r\n.max-w-sm {\r\n    max-width: 24rem\r\n}\r\n\r\n.max-w-xl {\r\n    max-width: 36rem\r\n}\r\n.max-w-4xl {\r\n    max-width: 56rem\r\n}\r\n.flex-1 {\r\n    flex: 1 1 0%\r\n}\r\n\r\n.cursor-pointer {\r\n    cursor: pointer\r\n}\r\n\r\n.flex-row {\r\n    flex-direction: row\r\n}\r\n\r\n.flex-col {\r\n    flex-direction: column\r\n}\r\n\r\n.flex-wrap {\r\n    flex-wrap: wrap\r\n}\r\n\r\n.items-center {\r\n    align-items: center\r\n}\r\n\r\n.justify-start {\r\n    justify-content: flex-start\r\n}\r\n\r\n.justify-center {\r\n    justify-content: center\r\n}\r\n\r\n.justify-between {\r\n    justify-content: space-between\r\n}\r\n\r\n.gap-1 {\r\n    gap: 0.5rem\r\n}\r\n\r\n.gap-4 {\r\n    gap: 2rem\r\n}\r\n\r\n.gap-6 {\r\n    gap: 3rem\r\n}\r\n\r\n.overflow-hidden {\r\n    overflow: hidden\r\n}\r\n\r\n.rounded-\\[2px\\] {\r\n    border-radius: 2px\r\n}\r\n\r\n.rounded-\\[3px\\] {\r\n    border-radius: 3px\r\n}\r\n\r\n.rounded-full {\r\n    border-radius: 9999px\r\n}\r\n\r\n.rounded-lg {\r\n    border-radius: .5rem\r\n}\r\n\r\n.rounded-md {\r\n    border-radius: .375rem\r\n}\r\n\r\n.rounded-xl {\r\n    border-radius: .75rem\r\n}\r\n\r\n.border {\r\n    border-width: 1px\r\n}\r\n\r\n.border-0 {\r\n    border-width: 0px\r\n}\r\n\r\n.border-l-2 {\r\n    border-left-width: 2px\r\n}\r\n\r\n.border-l-4 {\r\n    border-left-width: 4px\r\n}\r\n\r\n.border-solid {\r\n    border-style: solid\r\n}\r\n\r\n.border-\\[\\#F1F1F1\\] {\r\n    border-color: #f1f1f1\r\n}\r\n\r\n.border-l-\\[\\#B1B1B1\\] {\r\n    border-left-color: #b1b1b1\r\n}\r\n\r\n.border-l-\\[\\#f9b000\\] {\r\n    border-left-color: #f9b000\r\n}\r\n\r\n.border-l-\\[\\#fff\\] {\r\n    border-left-color: #fff\r\n}\r\n\r\n.bg-\\[\\#081332\\] {\r\n    background-color: #081332\r\n}\r\n\r\n.bg-\\[\\#0C2236\\] {\r\n    background-color: #0c2236\r\n}\r\n\r\n.bg-\\[\\#0E1720\\] {\r\n    background-color: #0e1720\r\n}\r\n\r\n.bg-\\[\\#26313A\\] {\r\n    background-color: #26313a\r\n}\r\n\r\n.bg-\\[\\#41505C\\] {\r\n    background-color: #41505c\r\n}\r\n\r\n.bg-\\[\\#FFCC02\\] {\r\n    background-color: #ffcc02\r\n}\r\n\r\n.bg-\\[\\#dfdfdf\\] {\r\n    background-color: #dfdfdf\r\n}\r\n\r\n.bg-\\[\\#e1e1e1\\] {\r\n    background-color: #e1e1e1\r\n}\r\n\r\n.bg-\\[\\#fff\\] {\r\n    background-color: #fff\r\n}\r\n\r\n.bg-black {\r\n    background-color: #000\r\n}\r\n\r\n.bg-white {\r\n    background-color: #fff\r\n}\r\n\r\n.object-contain {\r\n    -o-object-fit: contain;\r\n    object-fit: contain\r\n}\r\n\r\n.object-cover {\r\n    -o-object-fit: cover;\r\n    object-fit: cover\r\n}\r\n\r\n.p-1 {\r\n    padding: .5rem\r\n}\r\n\r\n.p-2 {\r\n    padding: 1rem\r\n}\r\n\r\n.p-3 {\r\n    padding: 1.5rem\r\n}\r\n\r\n.p-4 {\r\n    padding: 2rem\r\n}\r\n\r\n.p-8 {\r\n    padding: 4rem\r\n}\r\n\r\n.px-2 {\r\n    padding-left: 1rem;\r\n    padding-right: 1rem\r\n}\r\n\r\n.px-3 {\r\n    padding-left: 1.5rem;\r\n    padding-right: 1.5rem\r\n}\r\n\r\n.px-4 {\r\n    padding-left: 2rem;\r\n    padding-right: 2rem\r\n}\r\n\r\n.px-8 {\r\n    padding-left: 4rem;\r\n    padding-right: 4rem\r\n}\r\n\r\n.px-\\[1\\.25rem\\] {\r\n    padding-left: 1.25rem;\r\n    padding-right: 1.25rem\r\n}\r\n\r\n.px-\\[2\\.25rem\\] {\r\n    padding-left: 2.25rem;\r\n    padding-right: 2.25rem\r\n}\r\n\r\n.py-1 {\r\n    padding-top: .5rem;\r\n    padding-bottom: .5rem\r\n}\r\n\r\n.py-2 {\r\n    padding-top: 1rem;\r\n    padding-bottom: 1rem\r\n}\r\n\r\n.py-6 {\r\n    padding-top: 3rem;\r\n    padding-bottom: 3rem\r\n}\r\n\r\n.px-1 {\r\n    padding-left: 0.5rem;\r\n    padding-right: 0.5rem\r\n}\r\n.py-\\[0\\.25rem\\] {\r\n    padding-top: .25rem;\r\n    padding-bottom: .25rem\r\n}\r\n\r\n.pb-0 {\r\n    padding-bottom: 0\r\n}\r\n\r\n.pb-14 {\r\n    padding-bottom: 7rem\r\n}\r\n\r\n.pb-2 {\r\n    padding-bottom: 1rem\r\n}\r\n\r\n.pb-3 {\r\n    padding-bottom: 1.5rem\r\n}\r\n\r\n.pb-6 {\r\n    padding-bottom: 3rem\r\n}\r\n\r\n.pb-8 {\r\n    padding-bottom: 4rem\r\n}\r\n\r\n.pt-0 {\r\n    padding-top: 0\r\n}\r\n\r\n.pt-3 {\r\n    padding-top: 1.5rem\r\n}\r\n\r\n.pt-6 {\r\n    padding-top: 3rem\r\n}\r\n\r\n.pt-7 {\r\n    padding-top: 3.5rem\r\n}\r\n\r\n.text-left {\r\n    text-align: left\r\n}\r\n\r\n.text-center {\r\n    text-align: center\r\n}\r\n\r\n.text-2xl {\r\n    font-size: 1.5rem;\r\n    line-height: 2rem\r\n}\r\n\r\n.text-3xl {\r\n    font-size: 1.875rem;\r\n    line-height: 2.25rem\r\n}\r\n\r\n.text-4xl {\r\n    font-size: 2.25rem;\r\n    line-height: 2.5rem\r\n}\r\n\r\n.text-8xl {\r\n    font-size: 6rem;\r\n    line-height: 1\r\n}\r\n\r\n.text-base {\r\n    font-size: 1rem;\r\n    line-height: 1.5rem\r\n}\r\n\r\n.text-lg {\r\n    font-size: 1.125rem;\r\n    line-height: 1.75rem\r\n}\r\n\r\n.text-sm {\r\n    font-size: .875rem;\r\n    line-height: 1.25rem\r\n}\r\n\r\n.text-xl {\r\n    font-size: 1.25rem;\r\n    line-height: 1.75rem\r\n}\r\n\r\n.font-bold {\r\n    font-weight: 700\r\n}\r\n\r\n.font-extrabold {\r\n    font-weight: 800\r\n}\r\n\r\n.font-light {\r\n    font-weight: 300\r\n}\r\n\r\n.font-medium {\r\n    font-weight: 500\r\n}\r\n\r\n.font-normal {\r\n    font-weight: 400\r\n}\r\n\r\n.font-semibold {\r\n    font-weight: 600\r\n}\r\n\r\n.font-black {\r\n    font-weight: 900;\r\n}\r\n\r\n.uppercase {\r\n    text-transform: uppercase\r\n}\r\n\r\n.leading-6 {\r\n    line-height: 1.5rem\r\n}\r\n\r\n.leading-7 {\r\n    line-height: 1.75rem\r\n}\r\n\r\n.tracking-normal {\r\n    letter-spacing: 0em\r\n}\r\n\r\n.text-\\[\\#D4B565\\] {\r\n    color: #d4b565\r\n}\r\n\r\n.text-\\[\\#FF0000\\] {\r\n    color: red\r\n}\r\n\r\n.text-\\[\\#FFCC02\\] {\r\n    color: #ffcc02\r\n}\r\n\r\n.text-black {\r\n    color: #000\r\n}\r\n\r\n.text-white {\r\n    color: #fff\r\n}\r\n\r\n.underline {\r\n    text-decoration-line: underline\r\n}\r\n\r\n.no-underline {\r\n    text-decoration-line: none\r\n}\r\n\r\n.filter {\r\n    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\r\n}\r\n\r\n.transition {\r\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\r\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\r\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\r\n    transition-timing-function: cubic-bezier(.4, 0, .2, 1);\r\n    transition-duration: .15s\r\n}\r\n\r\n.transition-all {\r\n    transition-property: all;\r\n    transition-timing-function: cubic-bezier(.4, 0, .2, 1);\r\n    transition-duration: .15s\r\n}\r\n\r\n.transition-opacity {\r\n    transition-property: opacity;\r\n    transition-timing-function: cubic-bezier(.4, 0, .2, 1);\r\n    transition-duration: .15s\r\n}\r\n\r\n.duration-500 {\r\n    transition-duration: .5s\r\n}\r\n\r\n.\\[text-shadow\\:2px_2px_4px_rgba\\(0\\,0\\,0\\,0\\.4\\)\\] {\r\n    text-shadow: 2px 2px 4px rgba(0, 0, 0, .4)\r\n}\r\n\r\n:root {\r\n    --base-multiplier: 1.17647;\r\n    --spacing-mob: calc(clamp(1rem, -.786rem + 7.619vw, 1.5rem) * var(--base-multiplier));\r\n    --spacing-tab: calc(clamp(1.5rem, -1.014rem + 8.362vw, 3rem) * var(--base-multiplier));\r\n    --spacing-des: calc(clamp(3rem, -2.157rem + 10.73vw, 7.5rem) * var(--base-multiplier));\r\n    --spacing-gap: calc(clamp(4rem, 3.296rem + 3.005vw, 6rem) * var(--base-multiplier));\r\n    --spacing-section: calc(clamp(5.5rem, 3.563rem + 8.263vw, 11rem) * var(--base-multiplier));\r\n    --grid-column-gap: calc(clamp(1rem, .648rem + 1.502vw, 2rem) * var(--base-multiplier));\r\n    --font-size-h1: calc(clamp(2rem, 1.296rem + 3.005vw, 4rem) * var(--base-multiplier));\r\n    --font-size-h2: calc(clamp(1.5rem, .84rem + 2.817vw, 3.375rem) * var(--base-multiplier));\r\n    --font-size-h3: calc(clamp(1rem, .912rem + .376vw, 1.25rem) * var(--base-multiplier));\r\n    --font-size-p: calc(clamp(1rem, .875rem + .4vw, 1.125rem) * var(--base-multiplier));\r\n    --border-radius-sm: .25rem;\r\n    --border-radius-md: .5rem;\r\n    --border-radius-lg: 1rem;\r\n    --transition-duration-fast: .15s;\r\n    --transition-duration-medium: .3s;\r\n    --transition-duration-slow: .45s;\r\n    --transition-easing-standard: cubic-bezier(.4, 0, .2, 1)\r\n}\r\n\r\n@supports (top: 1vi) {\r\n    :root {\r\n        --font-size-p: calc(clamp(1rem, .875rem + .4vi, 1.125rem) * var(--base-multiplier))\r\n    }\r\n}\r\n\r\n.font-size-huge-extra {\r\n    font-size: 3rem;\r\n    line-height: 1\r\n}\r\n\r\n.font-size-huge {\r\n    font-size: 2.25rem;\r\n    line-height: 2.5rem\r\n}\r\n\r\n.font-size-large-extra {\r\n    font-size: 1.875rem;\r\n    line-height: 2.25rem\r\n}\r\n\r\n.\\!font-size-large,\r\n.font-size-large {\r\n    font-size: 1.5rem;\r\n    line-height: 2rem\r\n}\r\n\r\n.font-size-medium-extra {\r\n    font-size: 1.25rem;\r\n    line-height: 1.75rem\r\n}\r\n\r\n.font-size-medium {\r\n    font-size: 1.125rem;\r\n    line-height: 1.75rem\r\n}\r\n\r\n.font-size-base {\r\n    font-size: 1rem;\r\n    line-height: 1.5rem\r\n}\r\n\r\n.font-size-small-extra {\r\n    font-size: .875rem;\r\n    line-height: 1.25rem\r\n}\r\n\r\n.font-size-small {\r\n    font-size: .75rem;\r\n    line-height: 1rem\r\n}\r\n\r\nstrong {\r\n    font-weight: 900\r\n}\r\n\r\na {\r\n    text-decoration: none;\r\n    -webkit-text-decoration: none solid currentColor;\r\n    text-decoration: none solid currentColor;\r\n    text-decoration-thickness: auto;\r\n    -webkit-text-decoration: auto;\r\n    text-decoration: auto\r\n}\r\n\r\n.mx-auto {\r\n    margin-left: auto;\r\n    margin-right: auto\r\n}\r\n\r\n.my-8 {\r\n    margin-top: 4rem;\r\n    margin-bottom: 4rem\r\n}\r\n\r\nh2 {\r\n    font-size: 2.4375rem;\r\n    letter-spacing: 0.32px;\r\n    line-height: 1;\r\n    margin-bottom: 16px;\r\n    margin-top: 0\r\n}\r\n\r\n.bg-darkblue {\r\n    background-color: #26313a\r\n}\r\n\r\n.bg-gradient {\r\n    background: linear-gradient(180deg, #010e1a, #010e1a 36.12%, #032e2e 54.39%, #c8ab65 81.59%);\r\n    min-height: 100vh;\r\n    width: 100%\r\n}\r\n\r\n.border-blue {\r\n    border-color: #081433\r\n}\r\n\r\n.font-bold {\r\n    font-weight: 800\r\n}\r\n\r\n.font-bolder {\r\n    font-weight: 900\r\n}\r\n\r\n.main {\r\n    position: relative;\r\n    min-height: 100svh;\r\n    isolation: isolate\r\n}\r\n\r\n.main:before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n    z-index: -2;\r\n    pointer-events: none;\r\n    background-image: url(/library/RafflePage/Stars.webp);\r\n    background-repeat: repeat;\r\n    background-size: 600px auto;\r\n    background-position: 0 0;\r\n    filter: brightness(1.35) contrast(1.1);\r\n    animation: drift-diagonal 160s linear infinite, sparkle 9s ease-in-out infinite\r\n}\r\n\r\n.icons {\r\n    position: absolute;\r\n    z-index: -1;\r\n    height: 100%;\r\n    width: 100%\r\n}\r\n\r\n.btn-lighter:hover {\r\n    box-shadow: 0 0 10px #c8ab65;\r\n    cursor: pointer\r\n}\r\n\r\n.lighter {\r\n    box-shadow: 0 2px 3px 1px #00000040\r\n}\r\n\r\n.lighter:hover {\r\n    box-shadow: 0 0 50px #c8ab65;\r\n    cursor: pointer\r\n}\r\n\r\n@keyframes drift-diagonal {\r\n    0% {\r\n        background-position: 0 0\r\n    }\r\n\r\n    to {\r\n        background-position: -900px 1200px\r\n    }\r\n}\r\n\r\n@keyframes sparkle {\r\n    0% {\r\n        filter: brightness(1.15);\r\n        opacity: .75\r\n    }\r\n\r\n    12% {\r\n        filter: brightness(1.3);\r\n        opacity: .92\r\n    }\r\n\r\n    27% {\r\n        filter: brightness(1.1);\r\n        opacity: .85\r\n    }\r\n\r\n    45% {\r\n        filter: brightness(1.4);\r\n        opacity: .98\r\n    }\r\n\r\n    63% {\r\n        filter: brightness(1.2);\r\n        opacity: .82\r\n    }\r\n\r\n    81% {\r\n        filter: brightness(1.45);\r\n        opacity: 1\r\n    }\r\n\r\n    to {\r\n        filter: brightness(1.15);\r\n        opacity: .78\r\n    }\r\n}\r\n\r\n.Hero-container {\r\n    background-color: #ffe371\r\n}\r\n\r\n.gradient-text {\r\n    font-weight: 800;\r\n    background: linear-gradient(to bottom, #f97316, #4b2210, #b91c1c);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-size: 100% 300%;\r\n    background-repeat: no-repeat;\r\n    animation: gradientScroll 3s ease-in-out infinite\r\n}\r\n\r\n.scroll-float {\r\n    will-change: transform;\r\n    transition: transform .5s ease-out\r\n}\r\n\r\n@keyframes floatY {\r\n\r\n    0%,\r\n    to {\r\n        transform: translateY(0)\r\n    }\r\n\r\n    50% {\r\n        transform: translateY(-20px)\r\n    }\r\n}\r\n\r\n.scroll-float-y {\r\n    animation: floatY 5s ease-in-out infinite alternate\r\n}\r\n\r\n.tracking-normal {\r\n    letter-spacing: 0em;\r\n    Padding-top: 0;\r\n    Padding-bottom: 0\r\n}\r\n\r\n.orange-textcard {\r\n    border: 6px solid transparent;\r\n    -o-border-image: linear-gradient(to bottom, #FF0000 0%, rgba(255, 0, 0, 0) 100%) 1;\r\n    border-image: linear-gradient(to bottom, red, #f000) 1;\r\n    border-radius: 15px\r\n}\r\n\r\n.button-base-bg {\r\n    background-color: #f9b000;\r\n    border-width: 4px;\r\n    border-style: solid;\r\n    border-color: #f9b000\r\n}\r\n\r\n.button-base-bg:hover {\r\n    background-color: #fc0;\r\n    border-color: #fc0\r\n}\r\n\r\n.button-base {\r\n    cursor: pointer;\r\n    border-radius: .125rem;\r\n    padding: .5rem;\r\n    text-align: center;\r\n    font-weight: 400;\r\n    color: #202020;\r\n    text-decoration-thickness: 0px\r\n}\r\n\r\n.button-outline {\r\n    cursor: pointer;\r\n    border-radius: .125rem;\r\n    padding: .5rem;\r\n    text-align: center;\r\n    font-weight: 400;\r\n    color: #202020;\r\n    text-decoration-thickness: 0px;\r\n    border-width: 1px;\r\n    border-style: solid;\r\n    border-color: #b9b9b9\r\n}\r\n\r\n.button-outline:hover {\r\n    background-color: #b9b9b926\r\n}\r\n\r\n.button-base-border {\r\n    border-width: 4px;\r\n    border-style: solid;\r\n    border-color: #f9b000\r\n}\r\n\r\n.morebtn {\r\n    -webkit-text-decoration: none;\r\n    text-decoration: none\r\n}\r\n\r\n.blue-button {\r\n    background-color: #2d6aa0;\r\n    color: #fff;\r\n    border-width: 1px;\r\n    border-style: solid;\r\n    border-color: #b9b9b9;\r\n    cursor: pointer\r\n}\r\n\r\n.bg-lightgray {\r\n    background-color: #e2e2e2\r\n}\r\n\r\n.details {\r\n    list-style: none\r\n}\r\n\r\n.transition-transform {\r\n    transition-property: transform;\r\n    transition-timing-function: cubic-bezier(.4, 0, .2, 1);\r\n    transition-duration: .15s\r\n}\r\n\r\n.section__heading,\r\n.section__description {\r\n    text-align: center;\r\n    letter-spacing: 0px\r\n}\r\n\r\n.section__heading {\r\n    color: #f9b000\r\n}\r\n\r\n.section__description {\r\n    color: #fff\r\n}\r\n\r\n.bonus__list {\r\n    padding-left: 0;\r\n    margin-top: var(--spacing-gap);\r\n    display: grid;\r\n    justify-content: center;\r\n    grid-template-columns: minmax(200px, 70%);\r\n    grid-template-rows: min-content;\r\n    grid-row-gap: 32px;\r\n    row-gap: 32px;\r\n    grid-column-gap: var(--grid-column-gap);\r\n    -moz-column-gap: var(--grid-column-gap);\r\n    column-gap: var(--grid-column-gap);\r\n    list-style: none\r\n}\r\n\r\n.bonus__item {\r\n    display: grid;\r\n    justify-items: center;\r\n    align-content: start;\r\n    grid-row-gap: 16px;\r\n    row-gap: 16px;\r\n    border: 1px solid #4f5153;\r\n    border-radius: 15px;\r\n    position: relative;\r\n    background-color: #081433;\r\n    padding: 16px;\r\n    transition: transform var(--transition-duration-medium) ease\r\n}\r\n\r\n.bonus__item:hover {\r\n    transform: scale(1.05);\r\n    border: 1px solid #ffcc00;\r\n    box-shadow: 0 4px 10px #ffcc0078\r\n}\r\n\r\n.bonus__item:hover .bonus-card__title {\r\n    transform: translateY(-5px)\r\n}\r\n\r\n.bonus__item:hover .bonus-card__step-number {\r\n    transform: translateY(-20px);\r\n    width: 60px;\r\n    height: 60px\r\n}\r\n\r\n.bonus-card__content {\r\n    display: grid;\r\n    grid-gap: 16px;\r\n    gap: 16px\r\n}\r\n\r\n.bonus-card__title,\r\n.bonus-card__description {\r\n    text-align: center;\r\n    transition: transform var(--transition-duration-medium) ease\r\n}\r\n\r\n.bonus-card__title {\r\n    color: #fc0\r\n}\r\n\r\np.bonus-card__description {\r\n    color: #fff\r\n}\r\n\r\n.bonus-card__step-number {\r\n    position: absolute;\r\n    display: grid;\r\n    align-items: center;\r\n    justify-items: center;\r\n    place-items: center;\r\n    align-self: center;\r\n    border-radius: 50%;\r\n    background-color: #f9b000;\r\n    z-index: 10;\r\n    width: 40px;\r\n    height: 40px;\r\n    color: #081433;\r\n    font-size: 20px;\r\n    font-weight: 700;\r\n    top: -20px;\r\n    transition: transform var(--transition-duration-medium) ease\r\n}\r\n\r\n.lottie-Images {\r\n    margin-top: 3rem\r\n}\r\n\r\n.gradient-bg {\r\n    background: #326acc;\r\n    cursor: pointer;\r\n    background: linear-gradient(180deg, #326acc, #091d32);\r\n    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=\"#326acc\", endColorstr=\"#091d32\", GradientType=1)\r\n}\r\n\r\n.gradient-bg-transparent {\r\n    background: #326acc;\r\n    background: linear-gradient(180deg, #326acce6, #091d32cc);\r\n    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=\"#326acc\", endColorstr=\"#091d32\", GradientType=1);\r\n    background: radial-gradient(80.84% 73.97% at 97.87% 94.17%, #da248b33, #ff468a00), radial-gradient(37.91% 39.97% at 17.49% 99.76%, #38fff233, #49dbff00), linear-gradient(180deg, #091d32d9, #092d6ad9)\r\n}\r\n\r\n.gradient-border-bottom {\r\n    display: inline-block;\r\n    position: relative;\r\n    padding-bottom: 5px\r\n}\r\n\r\n.gradient-border-bottom:after {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    margin-left: 30px;\r\n    margin-right: 30px;\r\n    height: 1.5px;\r\n    border-radius: 30px;\r\n    background: linear-gradient(to right, #71c1ff, #447499)\r\n}\r\n\r\n.border-gray {\r\n    border: 1px solid rgba(255, 255, 255, .35)\r\n}\r\n\r\n.steps:hover {\r\n    box-shadow: 0 0 70px #7ab1ff;\r\n    transform: scale(1.05)\r\n}\r\n\r\n.steps {\r\n    width: 300px;\r\n    height: 200px;\r\n    transition: transform var(--transition-duration-medium) ease\r\n}\r\n\r\n.steps img {\r\n    -o-object-fit: fill;\r\n    object-fit: fill;\r\n    width: 300px;\r\n    height: 200px;\r\n    transition: opacity .3s ease-in-out\r\n}\r\n\r\n.mobile-icon {\r\n    width: 400px;\r\n    opacity: .5\r\n}\r\n\r\n.box-style {\r\n    background: #242c39;\r\n    background: linear-gradient(180deg, #242c39, #000);\r\n    border: 2px solid transparent;\r\n    background-clip: padding-box;\r\n    -o-border-image: linear-gradient(180deg, rgba(37, 46, 59, 1) 0%, rgba(249, 176, 0, 1) 100%);\r\n    border-image: linear-gradient(180deg, #252e3b, #f9b000);\r\n    border-image-slice: 1\r\n}\r\n\r\n.banner-section {\r\n    position: relative;\r\n    border: 5px solid #f7a600;\r\n    border-radius: 25px;\r\n    overflow: hidden;\r\n    text-align: center;\r\n    max-width: 80%;\r\n    margin: 4rem auto\r\n}\r\n\r\n.banner-section img {\r\n    width: 100%;\r\n    height: 320px;\r\n    display: block\r\n}\r\n\r\n.banner-title {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 50%;\r\n    transform: translate(-50%);\r\n    background: #f7a600;\r\n    color: #fff;\r\n    font-weight: 700;\r\n    padding: 3px 80px;\r\n    font-size: 18px;\r\n    text-transform: uppercase;\r\n    clip-path: polygon(0 0, 100% 0, 90% 100%, 10% 100%)\r\n}\r\n\r\n.box-style-dark {\r\n    background: #242c39;\r\n    background: linear-gradient(180deg, #242c39, #000);\r\n    border: 4px solid transparent;\r\n    background-clip: padding-box;\r\n    -o-border-image: linear-gradient(180deg, rgba(37, 46, 59, 1) 0%, rgba(249, 176, 0, 1) 100%);\r\n    border-image: linear-gradient(180deg, #252e3b, #f9b000);\r\n    border-image-slice: 1\r\n}\r\n\r\n.EVENT {\r\n    border: 1px solid #6CB3F1;\r\n    background-color: #e2f6ff;\r\n    color: #6cb3f1\r\n}\r\n\r\n.box-style-green {\r\n    background: #0fb768;\r\n    background: linear-gradient(0deg, #0b7343 10%, #151b21 50%);\r\n    border: 4px solid transparent;\r\n    background-clip: padding-box;\r\n    -o-border-image: linear-gradient(0deg, rgba(11, 115, 67, 1) 0%, rgba(21, 27, 33, 1) 100%);\r\n    border-image: linear-gradient(0deg, #0b7343, #151b21);\r\n    border-image-slice: 1\r\n}\r\n\r\n.tab {\r\n    position: relative\r\n}\r\n\r\n.tab input {\r\n    position: absolute;\r\n    opacity: 0;\r\n    z-index: -1\r\n}\r\n\r\n.tab__content {\r\n    max-height: 0;\r\n    overflow: hidden;\r\n    transition: all .35s\r\n}\r\n\r\n.tab input:checked~.tab__content {\r\n    max-height: 10rem\r\n}\r\n\r\n.tab__label,\r\n.tab__close {\r\n    display: flex;\r\n    color: #fff;\r\n    background: #081433;\r\n    cursor: pointer\r\n}\r\n\r\n.tab__label {\r\n    justify-content: space-between;\r\n    padding: 1rem;\r\n    font-weight: 700\r\n}\r\n\r\n.tab__label:after {\r\n    content: \"❯\";\r\n    width: 1em;\r\n    height: 1em;\r\n    text-align: center;\r\n    transform: rotate(90deg);\r\n    transition: all .35s\r\n}\r\n\r\n.tab input:checked+.tab__label:after {\r\n    transform: rotate(270deg)\r\n}\r\n\r\n.tab__content p {\r\n    margin: 0;\r\n    padding: 1rem;\r\n    color: #081433\r\n}\r\n\r\n.tab__close {\r\n    justify-content: flex-end;\r\n    padding: .5rem 1rem;\r\n    font-size: .75rem\r\n}\r\n\r\n.box-container:after {\r\n    transition: background .5s ease-in-out;\r\n    background: #fff;\r\n    border: 8px solid #F9B002\r\n}\r\n\r\n.box-container-final {\r\n    background: linear-gradient(180deg, #f9b002, #f9b002 65%, #fff0 65%);\r\n    min-height: 400px\r\n}\r\n\r\n.ticket-icon:before {\r\n    content: \"\";\r\n    display: flex;\r\n    align-items: center;\r\n    min-width: 25px;\r\n    min-height: 18px;\r\n    max-width: 25px;\r\n    max-height: 18px;\r\n    background-image: url(/public/library/projectname/images/Buy-in.webp);\r\n    background-size: contain;\r\n    background-repeat: no-repeat;\r\n    margin-right: 10px\r\n}\r\n\r\n.win-icon:before {\r\n    content: \"\";\r\n    display: flex;\r\n    min-width: 25px;\r\n    min-height: 18px;\r\n    max-width: 25px;\r\n    max-height: 18px;\r\n    background-image: url(/public/library/projectname/images/Auszahlung.webp);\r\n    background-size: contain;\r\n    background-repeat: no-repeat;\r\n    margin-right: 10px\r\n}\r\n\r\n.date-icon:before {\r\n    content: \"\";\r\n    display: flex;\r\n    min-width: 24px;\r\n    min-height: 24px;\r\n    max-width: 24px;\r\n    max-height: 24px;\r\n    background-image: url(/public/library/projectname/images/Kalender.webp);\r\n    background-size: contain;\r\n    background-repeat: no-repeat;\r\n    margin-right: 10px\r\n}\r\n\r\n.tab input:not(:checked)+.tab__label:hover:after {\r\n    animation: bounce .5s infinite\r\n}\r\n\r\n@keyframes bounce {\r\n    25% {\r\n        transform: rotate(90deg) translate(.25rem)\r\n    }\r\n\r\n    75% {\r\n        transform: rotate(90deg) translate(-.25rem)\r\n    }\r\n}\r\n\r\n#recent-games-slider {\r\n    scrollbar-width: none;\r\n    -ms-overflow-style: none\r\n}\r\n\r\n.swiper-button-prev,\r\n.swiper-button-next {\r\n    color: #000;\r\n    background-color: #fff;\r\n    border-radius: 30px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    box-shadow: 0 0 6px #0003;\r\n    padding: 6px;\r\n    border: none\r\n}\r\n\r\n\r\n@media only screen and (max-width: 768px) {\r\n    .payment-methods__list {\r\n        grid-template-columns: repeat(3, 100px)\r\n    }\r\n\r\n    .bg-icons {\r\n        display: none\r\n    }\r\n}\r\n\r\n@media only screen and (min-width: 481px) and (max-width: 769px) {\r\n    .bonus__list {\r\n        margin-top: var(--spacing-gap);\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr 1fr 1fr;\r\n        grid-template-rows: min-content;\r\n        grid-template-areas: \"card1 card1 card2 card2\" \".     card3 card3 .\";\r\n        grid-row-gap: 32px;\r\n        row-gap: 32px;\r\n        grid-column-gap: var(--grid-column-gap);\r\n        -moz-column-gap: var(--grid-column-gap);\r\n        column-gap: var(--grid-column-gap);\r\n        list-style: none\r\n    }\r\n\r\n    .bonus-card1 {\r\n        grid-area: card1\r\n    }\r\n\r\n    .bonus-card2 {\r\n        grid-area: card2\r\n    }\r\n\r\n    .bonus-card3 {\r\n        grid-area: card3\r\n    }\r\n}\r\n\r\n@media only screen and (min-width: 769px) {\r\n    .bonus__list {\r\n        margin-top: var(--spacing-gap);\r\n        display: grid;\r\n        justify-self: center;\r\n        grid-template-columns: repeat(3, minmax(200px, 300px))\r\n    }\r\n\r\n    .bonus-card1,\r\n    .bonus-card2,\r\n    .bonus-card3 {\r\n        grid-area: unset\r\n    }\r\n\r\n    .payment-methods__list {\r\n        grid-template-columns: repeat(5, 100px)\r\n    }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .lg\\:\\!font-size-medium-extra {\r\n        font-size: 1.25rem !important;\r\n        line-height: 1.75rem !important\r\n    }\r\n\r\n    .lg\\:text-6xl {\r\n        font-size: 3.75rem;\r\n        line-height: 1\r\n    }\r\n\r\n    .lg\\:\\!font-size-medium-extra {\r\n        font-size: 1.5rem !important;\r\n        line-height: 2rem !important\r\n    }\r\n\r\n    .lg\\:\\!font-size-medium {\r\n        font-size: 1.25rem !important;\r\n        line-height: 1.75rem !important\r\n    }\r\n\r\n    .lg\\:font-size-small {\r\n        font-size: .75rem;\r\n        line-height: 1rem\r\n    }\r\n\r\n    .lg\\:text-3xl {\r\n        font-size: 1.875rem;\r\n        line-height: 2.25rem\r\n    }\r\n\r\n    .lg\\:\\!font-size-small {\r\n        font-size: .875rem !important;\r\n        line-height: 1.25rem !important\r\n    }\r\n\r\n    .lg\\:\\!leading-\\[3rem\\] {\r\n        line-height: 3rem !important\r\n    }\r\n\r\n    .font-size-huge {\r\n        font-size: 3rem;\r\n        line-height: 1\r\n    }\r\n\r\n    .font-size-huge-extra {\r\n        font-size: 3.75rem;\r\n        line-height: 1\r\n    }\r\n\r\n    .font-size-large-extra {\r\n        font-size: 2.25rem;\r\n        line-height: 2.5rem\r\n    }\r\n\r\n    .font-size-large,\r\n    .\\!font-size-large {\r\n        font-size: 1.875rem;\r\n        line-height: 2.25rem\r\n    }\r\n\r\n    .font-size-medium {\r\n        font-size: 1.25rem;\r\n        line-height: 1.75rem\r\n    }\r\n\r\n    .font-size-medium-extra {\r\n        font-size: 1.5rem;\r\n        line-height: 2rem\r\n    }\r\n\r\n    .font-size-base {\r\n        font-size: 1.125rem;\r\n        line-height: 1.75rem\r\n    }\r\n\r\n    .font-size-small-extra {\r\n        font-size: 1rem;\r\n        line-height: 1.5rem\r\n    }\r\n\r\n    .font-size-small {\r\n        font-size: .875rem;\r\n        line-height: 1.25rem\r\n    }\r\n\r\n    .button-base {\r\n        font-size: 1.125rem;\r\n        line-height: 1.75rem\r\n    }\r\n}\r\n\r\n@media (min-width: 1280px) {\r\n    .lg\\:\\!font-size-medium-extra {\r\n        font-size: 1.875rem !important;\r\n        line-height: 2.25rem !important\r\n    }\r\n\r\n    .lg\\:\\!font-size-medium {\r\n        font-size: 1.5rem !important;\r\n        line-height: 2rem !important\r\n    }\r\n\r\n    .lg\\:\\!font-size-small {\r\n        font-size: 1rem !important;\r\n        line-height: 1.5rem !important\r\n    }\r\n\r\n    .font-size-huge-extra {\r\n        font-size: 4.5rem;\r\n        line-height: 1\r\n    }\r\n\r\n    .font-size-huge {\r\n        font-size: 3.75rem;\r\n        line-height: 1\r\n    }\r\n\r\n    .font-size-large-extra {\r\n        font-size: 3rem;\r\n        line-height: 1\r\n    }\r\n\r\n    .font-size-large,\r\n    .\\!font-size-large {\r\n        font-size: 2.25rem;\r\n        line-height: 2.5rem\r\n    }\r\n\r\n    .font-size-medium-extra {\r\n        font-size: 1.875rem !important;\r\n        line-height: 2.25rem\r\n    }\r\n\r\n    .font-size-medium {\r\n        font-size: 1.5rem;\r\n        line-height: 2rem\r\n    }\r\n\r\n    .font-size-base {\r\n        font-size: 1.25rem;\r\n        line-height: 1.75rem\r\n    }\r\n\r\n    .font-size-small-extra {\r\n        font-size: 1.125rem;\r\n        line-height: 1.75rem\r\n    }\r\n\r\n    .font-size-small {\r\n        font-size: 1rem;\r\n        line-height: 1.5rem\r\n    }\r\n\r\n    .button-base {\r\n        font-size: 1.25rem;\r\n        line-height: 1.75rem\r\n    }\r\n}\r\n\r\n.hover\\:bg-\\[\\#4b2210\\]:hover {\r\n    background-color: #4b2210\r\n}\r\n\r\n.hover\\:text-\\[\\#b91c1c\\]:hover {\r\n    color: #b91c1c\r\n}\r\n\r\n.hover\\:text-white:hover {\r\n    color: #fff\r\n}\r\n\r\n@media (min-width: 640px) {\r\n    .sm\\:w-\\[200px\\] {\r\n        width: 200px\r\n    }\r\n}\r\n\r\n@media (min-width: 768px) {\r\n    \r\n    .md\\:mb-48 {\r\n        margin-bottom: 24rem\r\n    }\r\n\r\n    .md\\:hidden {\r\n        display: none\r\n    }\r\n\r\n    .md\\:w-\\[240px\\] {\r\n        width: 240px\r\n    }\r\n\r\n    .md\\:w-\\[70\\%\\] {\r\n        width: 70%\r\n    }\r\n\r\n    .md\\:pb-12 {\r\n        padding-bottom: 6rem\r\n    }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    section {\r\n        margin-top: 4rem;\r\n        margin-bottom: 4rem;\r\n    }\r\n    .lg\\:absolute {\r\n        position: absolute\r\n    }\r\n\r\n    .lg\\:relative {\r\n        position: relative\r\n    }\r\n\r\n    .lg\\:bottom-2 {\r\n        bottom: 1rem\r\n    }\r\n\r\n    .lg\\:left-auto {\r\n        left: auto\r\n    }\r\n\r\n    .lg\\:right-0 {\r\n        right: 0\r\n    }\r\n\r\n    .lg\\:gap-8 {\r\n    gap: 4rem\r\n    }\r\n    .lg\\:top-auto {\r\n        top: auto\r\n    }\r\n\r\n    .lg\\:m-2 {\r\n        margin: 1rem\r\n    }\r\n\r\n    .lg\\:mx-1 {\r\n        margin-left: .5rem;\r\n        margin-right: .5rem\r\n    }\r\n\r\n    .lg\\:mx-auto {\r\n        margin-left: auto;\r\n        margin-right: auto\r\n    }\r\n\r\n    .lg\\:my-8 {\r\n        margin-top: 4rem;\r\n        margin-bottom: 4rem\r\n    }\r\n\r\n    .lg\\:-mt-24 {\r\n        margin-top: -12rem\r\n    }\r\n\r\n    .lg\\:-mt-8 {\r\n        margin-top: -4rem\r\n    }\r\n\r\n    .lg\\:mb-3 {\r\n        margin-bottom: 1.5rem\r\n    }\r\n\r\n    .lg\\:mb-6 {\r\n        margin-bottom: 3rem\r\n    }\r\n    \r\n    .lg\\:mb-8 {\r\n        margin-bottom: 4rem\r\n    }\r\n   .lg\\:mb-12 {\r\n        margin-bottom: 6rem;\r\n    }\r\n    .lg\\:ml-0 {\r\n        margin-left: 0\r\n    }\r\n\r\n    .lg\\:mr-0 {\r\n        margin-right: 0\r\n    }\r\n\r\n    .lg\\:mt-0 {\r\n        margin-top: 0\r\n    }\r\n\r\n    .lg\\:mt-1 {\r\n        margin-top: .5rem\r\n    }\r\n\r\n    .lg\\:mt-20 {\r\n        margin-top: 10rem\r\n    }\r\n\r\n    .lg\\:mt-3 {\r\n        margin-top: 1.5rem\r\n    }\r\n\r\n    .lg\\:mt-8 {\r\n        margin-top: 4rem\r\n    }\r\n\r\n    .lg\\:block {\r\n        display: block\r\n    }\r\n\r\n    .lg\\:flex {\r\n        display: flex\r\n    }\r\n\r\n    .lg\\:hidden {\r\n        display: none\r\n    }\r\n\r\n    .lg\\:h-10 {\r\n        height: 5rem\r\n    }\r\n\r\n    .lg\\:h-7 {\r\n        height: 3.5rem\r\n    }\r\n\r\n    .lg\\:h-\\[215px\\] {\r\n        height: 215px\r\n    }\r\n\r\n    .lg\\:h-\\[300px\\] {\r\n        height: 300px\r\n    }\r\n    \r\n    .lg\\:w-\\[450px\\] {\r\n        width: 450px\r\n    }\r\n\r\n    .lg\\:w-\\[520px\\] {\r\n        width: 520px\r\n    }\r\n\r\n    .lg\\:min-h-0 {\r\n        min-height: 0\r\n    }\r\n\r\n    .lg\\:w-1\\/2 {\r\n        width: 50%\r\n    }\r\n\r\n    .lg\\:w-1\\/3 {\r\n        width: 33.333333%\r\n    }\r\n\r\n    .lg\\:w-40 {\r\n        width: 20rem\r\n    }\r\n\r\n    .lg\\:w-\\[30\\%\\] {\r\n        width: 30%\r\n    }\r\n\r\n    .lg\\:w-\\[300px\\] {\r\n        width: 300px\r\n    }\r\n\r\n    .lg\\:w-\\[350px\\] {\r\n        width: 350px\r\n    }\r\n\r\n     .lg\\:w-\\[465px\\] {\r\n        width: 465px\r\n    }\r\n    \r\n    .lg\\:w-\\[364px\\] {\r\n        width: 364px\r\n    }\r\n\r\n    .lg\\:w-\\[50\\%\\] {\r\n        width: 50%\r\n    }\r\n\r\n    .lg\\:w-\\[60\\%\\] {\r\n        width: 60%\r\n    }\r\n\r\n    .lg\\:w-\\[75\\%\\] {\r\n        width: 75%\r\n    }\r\n\r\n    .lg\\:w-\\[80\\%\\] {\r\n        width: 80%\r\n    }\r\n\r\n    .lg\\:w-\\[calc\\(25\\%-3rem\\)\\] {\r\n        width: calc(25% - 3rem)\r\n    }\r\n\r\n    .lg\\:w-auto {\r\n        width: auto\r\n    }\r\n\r\n    .lg\\:max-w-2xl {\r\n        max-width: 42rem\r\n    }\r\n    .lg\\:max-w-4xl {\r\n    max-width: 56rem\r\n    }\r\n    .lg\\:max-w-3xl {\r\n        max-width: 48rem\r\n    }\r\n\r\n    .lg\\:max-w-lg {\r\n        max-width: 32rem\r\n    }\r\n\r\n    .lg\\:max-w-xl {\r\n        max-width: 36rem\r\n    }\r\n\r\n    .lg\\:flex-row {\r\n        flex-direction: row\r\n    }\r\n\r\n    .lg\\:flex-wrap {\r\n        flex-wrap: wrap\r\n    }\r\n\r\n    .lg\\:items-start {\r\n        align-items: flex-start\r\n    }\r\n\r\n    .lg\\:justify-end {\r\n        justify-content: flex-end\r\n    }\r\n\r\n    .lg\\:gap-25 {\r\n        gap: 12.5rem\r\n    }\r\n\r\n    .lg\\:p-0 {\r\n        padding: 0\r\n    }\r\n\r\n    .lg\\:p-2 {\r\n        padding: 1rem\r\n    }\r\n\r\n    .lg\\:px-6 {\r\n        padding-left: 3rem;\r\n        padding-right: 3rem\r\n    }\r\n\r\n    .lg\\:py-12 {\r\n        padding-top: 6rem;\r\n        padding-bottom: 6rem\r\n    }\r\n\r\n    .lg\\:py-3 {\r\n        padding-top: 1.5rem;\r\n        padding-bottom: 1.5rem\r\n    }\r\n\r\n    .lg\\:pb-2 {\r\n        padding-bottom: 1rem\r\n    }\r\n\r\n    .lg\\:pb-4 {\r\n        padding-bottom: 2rem\r\n    }\r\n\r\n    .lg\\:pl-6 {\r\n        padding-left: 3rem\r\n    }\r\n\r\n    .lg\\:pr-4 {\r\n        padding-right: 2rem\r\n    }\r\n\r\n    .lg\\:pt-3 {\r\n        padding-top: 1.5rem\r\n    }\r\n\r\n    .lg\\:pt-4 {\r\n        padding-top: 2rem\r\n    }\r\n\r\n    .lg\\:text-2xl {\r\n        font-size: 1.5rem;\r\n        line-height: 2rem\r\n    }\r\n\r\n    .lg\\:text-3xl {\r\n        font-size: 1.875rem;\r\n        line-height: 2.25rem\r\n    }\r\n\r\n    .lg\\:text-4xl {\r\n        font-size: 2.25rem;\r\n        line-height: 2.5rem\r\n    }\r\n\r\n    .lg\\:text-5xl {\r\n        font-size: 3rem;\r\n        line-height: 1\r\n    }\r\n\r\n    .lg\\:text-6xl {\r\n        font-size: 3.75rem;\r\n        line-height: 1\r\n    }\r\n\r\n    .lg\\:text-base {\r\n        font-size: 1rem;\r\n        line-height: 1.5rem\r\n    }\r\n\r\n    .lg\\:text-lg {\r\n        font-size: 1.125rem;\r\n        line-height: 1.75rem\r\n    }\r\n\r\n    .lg\\:text-xl {\r\n        font-size: 1.25rem;\r\n        line-height: 1.75rem\r\n    }\r\n}\r\n\r\n@media (min-width: 1280px) {\r\n    .xl\\:text-2xl {\r\n        font-size: 1.5rem;\r\n        line-height: 2rem\r\n    }\r\n}\r\n</style>","beforeEndBody":""},"conditionIds":["f6363dc6-270b-42d8-bf84-77b65203185e","536a0342-c6ec-4919-b04d-5f1c0c5c683d"]},{"tagId":"d372a314-f3ec-4c55-81a5-599dd2578eba","tagTypeId":"custom_js","name":"Black Friday JS","description":"Black Friday JS","config":{"code":"(async () => {\r\n  const getDay = () => {\r\n    const now = new Date();\r\n    const day = now.getDate();\r\n    return day;\r\n  };\r\n\r\n\r\n  const SHOW_WINNERS = true;\r\n\r\n  const BLACK_FRIDAY_TAGS = [\r\n    'sc/promo/black_friday_24',\r\n    'sc/promo/black_friday_25',\r\n    'sc/promo/black_friday_26',\r\n    'sc/promo/black_friday_27',\r\n    'sc/promo/black_friday_28'\r\n  ];\r\n\r\n  const translations = {\r\n    en_US: {\r\n      selfExclusion: {\r\n        content: \"🔒 You have currently <strong>activated a gaming break</strong>. During this time, participation in the <strong>Black Friday Draw</strong> is <strong>not available</strong>. \"\r\n      },\r\n      restricted: {\r\n        content: \"🔒 To take part in the <strong>Black Friday Draw</strong>, you must <strong>verify your player account</strong>. <a class='text-white hover:text-chinese-yellow' href='/verifizierung'>Verify now and receive Free Spins!</a>\"\r\n      },\r\n      notStartedYet: {\r\n        content: \"The <strong>Black Friday draw</strong> starts on <strong>24/11/2025 at 00:00</strong>. From then on, you can collect your first ticket.\"\r\n      },\r\n      noFirstDeposit: {\r\n        content: \"To take part in the <strong>Black Friday draw</strong>, you need to make your <strong>first deposit</strong>. <a class='text-white hover:text-chinese-yellow' href='/deposit '>Deposit now, claim your Welcome Bonus - and join in! </a>\"\r\n      },\r\n      winner: {\r\n        content: \"Congratulations, <strong>{{firstName}}</strong>!<br><br>You're one of the winners of our big <strong>Black Friday Draw</strong>.<br><br>Your prize:<br><br>🎁 <strong>{{prize}}</strong><br><br>The bonus credit has been credited to your player account.<br><strong>Have fun playing – and thank you for taking part!</strong>\"\r\n      },\r\n      loser: {\r\n        content: \"Thanks for taking part, <strong>{{firstName}}</strong>!<br><br>Unfortunately, you weren't lucky in the <strong>Black Friday Draw</strong> this time.<br><br>🎄 <strong>Stay tuned</strong>! On <strong>Monday, 1 December</strong>, our highlight of the year begins: <br>The Advent Calendar – bigger than ever, with 31 doors and daily surprises!\"\r\n      },\r\n      prizes: {\r\n        \"1000\": \"CHF 1000.- bonus credit\",\r\n        \"750\": \"CHF 750.- bonus credit\",\r\n        \"500\": \"CHF 500.- bonus credit\",\r\n        \"300\": \"CHF 300.- bonus credit\",\r\n        \"100\": \"CHF 100.- bonus credit\",\r\n        \"50\": \"CHF 50.- bonus credit\",\r\n        \"20\": \"CHF 20.- bonus credit\"\r\n      }\r\n    },\r\n    de_DE: {\r\n      selfExclusion: {\r\n        content: \"🔒 Du hast aktuell eine <strong>Spielpause aktiviert</strong>. Während dieser Zeit ist die Teilnahme an der Black Friday Verlosung nicht <strong>verfügbar</strong>.\"\r\n      },\r\n      restricted: {\r\n        content: \"🔒 Um an der Black Friday Verlosung teilnehmen zu können, musst du <strong>dein Spielerkonto verifizieren</strong>. <a class='text-white hover:text-chinese-yellow' href='/verifizierung'>Jetzt verifizieren und Free Spins erhalten!</a>\"\r\n      },\r\n      notStartedYet: {\r\n        content: \"Die <strong>Black Friday Verlosung</strong> startet am <strong>24.11.2025 um 00:00 Uhr</strong>. Ab dann kannst du dein erstes Ticket sammeln.\"\r\n      },\r\n      noFirstDeposit: {\r\n        content: \"Um an der <strong>Black Friday Verlosung mitmachen</strong> zu können, fehlt noch deine <strong>erste Einzahlung</strong>. <a class='text-white hover:text-chinese-yellow' href='/deposit '>Jetzt einzahlen, Welcome Bonus sichern - und teilnehmen!</a>\"\r\n      },\r\n      winner: {\r\n        content: \"Herzlichen Glückwunsch, <strong>{{firstName}}</strong>!<br><br>Du gehörst zu den Gewinnerinnen und Gewinner unserer grossen <strong>Black Friday-Verlosung.</strong><br><br>Dein Gewinn:<br><br>🎁 <strong>{{prize}}</strong><br><br>Das Bonusguthaben wurde deinem Spielerkonto gutgeschrieben. <br><strong>Viel Spass beim Spielen – und danke fürs Mitmachen!</strong>\"\r\n      },\r\n      loser: {\r\n        content: \"Danke fürs Mitmachen, <strong>{{firstName}}</strong>!<br><br>Leider hattest du bei der <strong>Black Friday-Verlosung</strong> diesmal kein Glück!<br><br>🎄 <strong>Bleib dran!</strong> Schon am <strong>Montag, 1. Dezember</strong>, startet unser Highlight des Jahres:<br>der <strong>Adventskalender</strong> – <strong>grösser denn je mit 31 Türchen</strong> und <strong>täglichen Überraschungen!</strong>\"\r\n      },\r\n      prizes: {\r\n        \"1000\": \"CHF 1000.– Bonusguthaben\",\r\n        \"750\": \"CHF 750.– Bonusguthaben\",\r\n        \"500\": \"CHF 500.– Bonusguthaben\",\r\n        \"300\": \"CHF 300.– Bonusguthaben\",\r\n        \"100\": \"CHF 100.– Bonusguthaben\",\r\n        \"50\": \"CHF 50.– Bonusguthaben\",\r\n        \"20\": \"CHF 20.– Bonusguthaben\"\r\n      }\r\n    },\r\n    fr_FR: {\r\n      selfExclusion: {\r\n        content: \"🔒 Vous avez actuellement <strong>activé une pause de jeu</strong>. Pendant cette période, la participation au <strong>tirage au sort Black Friday</strong> n'est pas disponible. \"\r\n      },\r\n      restricted: {\r\n        content: \"🔒 Pour participer <strong>tirage au sort Black Friday</strong>, vous devez <strong>vérifier votre compte joueur</strong>. <a class='text-white hover:text-chinese-yellow' href='/verifizierung'>Vérifiez-le maintenant et recevez des Free Spins !</a>\"\r\n      },\r\n      notStartedYet: {\r\n        content: \"Le <strong>tirage Black Friday</strong> commence le <strong>24.11.2025 à 00h00</strong>. À partir de ce moment-là, vous pourrez collecter votre premier ticket. \"\r\n      },\r\n      noFirstDeposit: {\r\n        content: \"Pour participer au <strong>tirage Black Friday</strong>, il vous manque encore vos un <strong>premier dépôt</strong>. <a class='text-white hover:text-chinese-yellow' href='/deposit '>Effectuez un dépôt maintenant, profitez de votre Welcome Bonus - et participez !</a>\"\r\n      },\r\n      winner: {\r\n        content: \"Félicitations, <strong>{{firstName}}</strong> !<br><br>Vous faites partie des gagnantes et gagnants de notre grand <strong>tirage du Black Friday</strong>. <br><br>Votre gain  :<br><br>🎁 <strong>{{prize}}</strong><br><br>Le crédit bonus a été versé sur votre compte joueur.<br><strong>Amusez-vous bien – et merci de votre participation !</strong>\"\r\n      },\r\n      loser: {\r\n        content: \"Merci de votre participation, <strong>{{firstName}}</strong> !<br><br>Malheureusement, vous n'avez pas eu de chance au tirage du Black Friday cette fois-ci.<br><br>🎄 <strong>Restez à l'écoute</strong> ! Dès le <strong>lundi 1er décembre</strong>, découvrez notre grand moment de l'année :<br>le <strong>calendrier de l'Avent</strong> – <strong>plus grand que jamais, avec 31 fenêtres</strong> et <strong>des surprises quotidiennes</strong> ! \"\r\n      },\r\n      prizes: {\r\n        \"1000\": \"CHF 1000.– de crédit bonus\",\r\n        \"750\": \"CHF 750.– de crédit bonus\",\r\n        \"500\": \"CHF 500.– de crédit bonus\",\r\n        \"300\": \"CHF 300.– de crédit bonus\",\r\n        \"100\": \"CHF 100.– de crédit bonus\",\r\n        \"50\": \"CHF 50.– de crédit bonus\",\r\n        \"20\": \"CHF 20.– de crédit bonus\"\r\n      }\r\n    },\r\n    it_IT: {\r\n      selfExclusion: {\r\n        content: \"🔒 Hai <strong>attivato una pausa dal gioco</strong>. Durante questo periodo non puoi partecipare all'<strong>estrazione Black Friday</strong>.\"\r\n      },\r\n      restricted: {\r\n        content: \"🔒 Per partecipare <strong>all'estrazione Black Friday</strong>, devi <strong>verificare il tuo conto di gioco</strong>.  <a class='text-white hover:text-chinese-yellow' href='/verifizierung'>Verificalo ora e ricevi dei Free Spins!</a>\"\r\n      },\r\n      notStartedYet: {\r\n        content: \"<strong>L’estrazione Black Friday</strong> inizia il <strong>24.11.2025 alle 00:00</strong>. Da allora potrai raccogliere il tuo primo ticket.\"\r\n      },\r\n      noFirstDeposit: {\r\n        content: \"Per partecipare <strong>all’estrazione Black Friday</strong> ti mancano ancora il <strong>primo deposito</strong>. <a class='text-white hover:text-chinese-yellow' href='/deposit '>Effettua ora un deposito, ottieni l’Welcome Bonus - e raccogli le ricompense ogni giorno!</a>\"\r\n      },\r\n      winner: {\r\n        content: \"Congratulazioni, <strong>{{firstName}}</strong>!<br><br>Fai parte dei vincitori della nostra grande <strong>estrazione del Black Friday.</strong><br><br>Il tuo premio:<br><br>🎁 <strong>{{prize}}</strong><br><br>Il credito bonus è stato accreditato sul tuo conto di gioco.<br><strong>Buon divertimento – e grazie per aver partecipato!</strong>\"\r\n      },\r\n      loser: {\r\n        content: \"Grazie per aver partecipato, <strong>{{firstName}}</strong>!<br><br>Purtroppo non sei stato fortunato con <strong>l'estrazione del Black Friday</strong> questa volta. <br><br>🎄 <strong>Resta con noi</strong>! Da <strong>lunedì 1 dicembre</strong> inizia il nostro momento clou dell'anno:<br>il <strong>calendario dell'Avvento – più grande che mai, con 31 finestrelle</strong> e <strong>sorprese ogni giorno!</strong> \"\r\n      },\r\n      prizes: {\r\n        \"1000\": \"CHF 1000.– di credito bonus\",\r\n        \"750\": \"CHF 750.– di credito bonus\",\r\n        \"500\": \"CHF 500.– di credito bonus\",\r\n        \"300\": \"CHF 300.– di credito bonus\",\r\n        \"100\": \"CHF 100.– di credito bonus\",\r\n        \"50\": \"CHF 50.– di credito bonus\",\r\n        \"20\": \"CHF 20.– di credito bonus\"\r\n      }\r\n    }\r\n  };\r\n\r\n  const getCurrentLocale = () => {\r\n    return Playtech?.API?.language?.getCurrentLanguage() || 'de_DE';\r\n  };\r\n\r\n  const getTranslation = (key) => {\r\n    const locale = getCurrentLocale();\r\n    const translation = translations[locale] || translations['de_DE'];\r\n    return translation[key] || translations['de_DE'][key];\r\n  };\r\n\r\n  const retryApi = async (apiCall, maxRetries = 2) => {\r\n    let retries = 0;\r\n    while (retries <= maxRetries) {\r\n      try {\r\n        return await apiCall();\r\n      } catch (error) {\r\n        retries++;\r\n        if (retries > maxRetries) throw error;\r\n        await new Promise(resolve => setTimeout(resolve, 1000 * Math.pow(2, retries - 1)));\r\n      }\r\n    }\r\n  };\r\n\r\n  const isLoggedIn = async () => {\r\n    try {\r\n      return Playtech?.API?.auth?.isLoggedIn ? true : false;\r\n    } catch {\r\n      return false;\r\n    }\r\n  };\r\n\r\n  const getPlayerTags = async () => {\r\n    try {\r\n      const allTags = await retryApi(() => Playtech.API.user.getPlayerTags());\r\n      return allTags.data.tags || [];\r\n    } catch (error) {\r\n      console.error(\"Failed to fetch player tags:\", error);\r\n      return [];\r\n    }\r\n  };\r\n\r\n  const getSelfExclusionStatus = async () => {\r\n    try {\r\n      const selfExclusion = await Playtech.API.responsibleGaming.getPlayerSelfExclusion();\r\n      return selfExclusion.productSettings && selfExclusion.productSettings.length > 0;\r\n    } catch (error) {\r\n      console.error(\"Failed to fetch self exclusion status:\", error);\r\n      return false;\r\n    }\r\n  };\r\n\r\n  const getRegulationStatus = async () => {\r\n    try {\r\n      let response = await Playtech.sendUserRegulationStatusRequest();\r\n      return response.data.playerRegulationStatusHistory[0].code;\r\n    } catch (error) {\r\n      console.error(\"Failed to fetch regulation status:\", error);\r\n      return null;\r\n    }\r\n  };\r\n\r\n  const getPlayerFirstName = async () => {\r\n    try {\r\n      const playerInfo = await Playtech.API.user.getPlayerData();\r\n      return playerInfo.data.firstName || '';\r\n    } catch (error) {\r\n      console.error(\"Failed to fetch player info:\", error);\r\n      return '';\r\n    }\r\n  };\r\n\r\n  const getWinnerPrize = (tags) => {\r\n    const winnerTag = tags.find(tag => tag.name === 'sc/promo/black_friday_winner');\r\n    return winnerTag ? winnerTag.value : null;\r\n  };\r\n\r\n  const countBlackFridayTickets = (tags) => {\r\n    return BLACK_FRIDAY_TAGS.filter(tagName =>\r\n      tags.some(tag => tag.name === tagName)\r\n    ).length;\r\n  };\r\n\r\n  const hasFirstDeposit = (tags) => {\r\n    return tags.some(tag => tag.name === 'sc/deposit/r1d');\r\n  };\r\n\r\n  const hasCampaignStarted = () => {\r\n    const day = getDay();\r\n    return day >= 24;\r\n  };\r\n\r\n  const showOverlay = (containerId, messageKey, blur = true) => {\r\n    const container = document.getElementById(containerId);\r\n    if (!container) return;\r\n\r\n    const translation = getTranslation(messageKey);\r\n    if (!translation) return;\r\n\r\n    const overlay = document.createElement('div');\r\n    overlay.className = blur ? 'campaign-overlay campaign-overlay--blur' : 'campaign-overlay';\r\n\r\n    const messageBox = document.createElement('div');\r\n    messageBox.className = 'campaign-overlay__message';\r\n\r\n    const content = document.createElement('p');\r\n    content.className = 'campaign-overlay__content';\r\n    content.innerHTML = translation.content;\r\n\r\n    messageBox.appendChild(content);\r\n    overlay.appendChild(messageBox);\r\n\r\n    if (getComputedStyle(container).position === 'static') {\r\n      container.style.position = 'relative';\r\n    }\r\n\r\n    container.appendChild(overlay);\r\n  };\r\n\r\n  const showDualOverlay = (messageKey) => {\r\n    const ticketSection = document.getElementById('ticket-container');\r\n    if (ticketSection?.parentElement) {\r\n      showOverlay(ticketSection.parentElement.id || 'ticket-section', messageKey);\r\n    }\r\n    showOverlay('tickets-games-container', messageKey);\r\n  };\r\n\r\n  const updateTicketCounter = (count) => {\r\n    const countElement = document.getElementById('ticket-count');\r\n    if (!countElement) return;\r\n\r\n    countElement.textContent = count;\r\n  };\r\n\r\n  const initializeTicketCounter = async () => {\r\n    const loggedIn = await isLoggedIn();\r\n    if (!loggedIn) {\r\n      updateTicketCounter(0);\r\n      return;\r\n    }\r\n\r\n    const tags = await getPlayerTags();\r\n    const ticketCount = countBlackFridayTickets(tags);\r\n    updateTicketCounter(ticketCount);\r\n  };\r\n\r\n  const checkAccessRestrictions = async () => {\r\n    const loggedIn = await isLoggedIn();\r\n    if (!loggedIn) return;\r\n\r\n    // if (!hasCampaignStarted()) {\r\n    //   showDualOverlay('notStartedYet');\r\n    //   return;\r\n    // }\r\n\r\n    const [tags, isSelfExcluded, regulationStatus] = await Promise.all([\r\n      getPlayerTags(),\r\n      getSelfExclusionStatus(),\r\n      getRegulationStatus()\r\n    ]);\r\n\r\n    if (isSelfExcluded) {\r\n      showDualOverlay('selfExclusion');\r\n      return;\r\n    }\r\n\r\n    if (regulationStatus === 'CHE-4') {\r\n      showDualOverlay('restricted');\r\n      return;\r\n    }\r\n\r\n    if (!hasFirstDeposit(tags)) {\r\n      showDualOverlay('noFirstDeposit');\r\n      return;\r\n    }\r\n  };\r\n\r\n  const checkWinnerStatus = async () => {\r\n    // const day = getDay();\r\n\r\n    if (!SHOW_WINNERS) return;\r\n\r\n    const loggedIn = await isLoggedIn();\r\n    if (!loggedIn) return;\r\n\r\n    const [tags, firstName] = await Promise.all([\r\n      getPlayerTags(),\r\n      getPlayerFirstName()\r\n    ]);\r\n\r\n    const prizeValue = getWinnerPrize(tags);\r\n    const locale = getCurrentLocale();\r\n\r\n    if (prizeValue) {\r\n      const prizeText = translations[locale]?.prizes?.[prizeValue] || translations['de_DE'].prizes[prizeValue];\r\n      const messageTemplate = translations[locale]?.winner?.content || translations['de_DE'].winner.content;\r\n      const message = messageTemplate\r\n        .replace('{{firstName}}', firstName)\r\n        .replace('{{prize}}', prizeText);\r\n\r\n      showCustomOverlay('tickets-games-container', message, true);\r\n    } else {\r\n      const messageTemplate = translations[locale]?.loser?.content || translations['de_DE'].loser.content;\r\n      const message = messageTemplate.replace('{{firstName}}', firstName);\r\n\r\n      showCustomOverlay('tickets-games-container', message, false);\r\n    }\r\n  };\r\n\r\n  const showCustomOverlay = (containerId, messageContent, isWinner = false) => {\r\n    const container = document.getElementById(containerId);\r\n    if (!container) return;\r\n\r\n    const overlay = document.createElement('div');\r\n    overlay.className = 'campaign-overlay campaign-overlay--blur';\r\n\r\n    const messageBox = document.createElement('div');\r\n    messageBox.className = isWinner\r\n      ? 'campaign-overlay__message campaign-overlay__message--winner'\r\n      : 'campaign-overlay__message';\r\n\r\n    const content = document.createElement('p');\r\n    content.className = 'campaign-overlay__content';\r\n    content.innerHTML = messageContent;\r\n\r\n    messageBox.appendChild(content);\r\n    overlay.appendChild(messageBox);\r\n\r\n    if (getComputedStyle(container).position === 'static') {\r\n      container.style.position = 'relative';\r\n    }\r\n\r\n    container.appendChild(overlay);\r\n  };\r\n\r\n  // Initialize everything\r\n  await initializeTicketCounter();\r\n  await checkAccessRestrictions();\r\n  await checkWinnerStatus();\r\n})();"},"conditionIds":["634bf69c-08e3-486c-921f-5b72d5783468","4eaa767f-38ed-46ce-aea0-afceba7315fd"]},{"tagId":"aec03237-9757-4402-a5ac-7a43735303e2","tagTypeId":"custom_tag_type","name":"Before render CSS /adventskalender","description":"Before render CSS /adventskalender","config":{"beforeEndHead":"<style>\r\n[hidden] {\r\n    display: none\r\n}\r\n\r\n.font-size-medium-extra {\r\n    font-size: 1.25rem;\r\n    line-height: 1.75rem\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .font-size-medium-extra {\r\n        font-size: 1.5rem;\r\n        line-height: 2rem\r\n    }\r\n}\r\n\r\n@media (min-width: 1280px) {\r\n    .font-size-medium-extra {\r\n        font-size: 1.875rem;\r\n        line-height: 2.25rem\r\n    }\r\n}\r\n\r\n.fixed {\r\n    position: fixed\r\n}\r\n\r\n.absolute {\r\n    position: absolute\r\n}\r\n\r\n.relative {\r\n    position: relative\r\n}\r\n\r\n.left-auto {\r\n    left: auto\r\n}\r\n\r\n.-right-\\[7\\%\\] {\r\n    right: -7%\r\n}\r\n\r\n.top-0 {\r\n    top: 0\r\n}\r\n\r\n.top-\\[7\\%\\] {\r\n    top: 7%\r\n}\r\n\r\n.right-\\[3\\%\\] {\r\n    right: 3%\r\n}\r\n\r\n.right-0 {\r\n    right: 0\r\n}\r\n\r\n.top-\\[24\\%\\] {\r\n    top: 24%\r\n}\r\n\r\n.right-auto {\r\n    right: auto\r\n}\r\n\r\n.top-\\[38\\%\\] {\r\n    top: 38%\r\n}\r\n\r\n.left-\\[37\\%\\] {\r\n    left: 37%\r\n}\r\n\r\n.left-0 {\r\n    left: 0\r\n}\r\n\r\n.top-\\[26\\%\\] {\r\n    top: 26%\r\n}\r\n\r\n.top-\\[46\\%\\] {\r\n    top: 46%\r\n}\r\n\r\n.top-\\[70\\%\\] {\r\n    top: 70%\r\n}\r\n\r\n.top-\\[60\\%\\] {\r\n    top: 60%\r\n}\r\n\r\n.top-\\[79\\%\\] {\r\n    top: 79%\r\n}\r\n\r\n.left-\\[36\\%\\] {\r\n    left: 36%\r\n}\r\n\r\n.top-\\[75\\%\\] {\r\n    top: 75%\r\n}\r\n\r\n.top-\\[89\\%\\] {\r\n    top: 89%\r\n}\r\n\r\n.right-\\[2\\%\\] {\r\n    right: 2%\r\n}\r\n\r\n.top-auto {\r\n    top: auto\r\n}\r\n\r\n.bottom-0 {\r\n    bottom: 0\r\n}\r\n\r\n.left-\\[3\\%\\] {\r\n    left: 3%\r\n}\r\n\r\n.top-\\[35\\%\\] {\r\n    top: 35%\r\n}\r\n\r\n.top-\\[51\\%\\] {\r\n    top: 51%\r\n}\r\n\r\n.right-\\[20\\%\\] {\r\n    right: 20%\r\n}\r\n\r\n.top-\\[41\\%\\] {\r\n    top: 41%\r\n}\r\n\r\n.top-\\[28\\%\\] {\r\n    top: 28%\r\n}\r\n\r\n.left-\\[15\\%\\] {\r\n    left: 15%\r\n}\r\n\r\n.top-\\[3\\%\\] {\r\n    top: 3%\r\n}\r\n\r\n.left-\\[7\\%\\] {\r\n    left: 7%\r\n}\r\n\r\n.top-\\[10\\%\\] {\r\n    top: 10%\r\n}\r\n\r\n.left-\\[60\\%\\] {\r\n    left: 60%\r\n}\r\n\r\n.top-\\[14\\%\\] {\r\n    top: 14%\r\n}\r\n\r\n.right-\\[8\\%\\] {\r\n    right: 8%\r\n}\r\n\r\n.top-\\[12\\%\\] {\r\n    top: 12%\r\n}\r\n\r\n.right-\\[40\\%\\] {\r\n    right: 40%\r\n}\r\n\r\n.top-\\[19\\%\\] {\r\n    top: 19%\r\n}\r\n\r\n.-left-\\[28\\%\\] {\r\n    left: -28%\r\n}\r\n\r\n.top-\\[21\\%\\] {\r\n    top: 21%\r\n}\r\n\r\n.right-\\[5\\%\\] {\r\n    right: 5%\r\n}\r\n\r\n.top-\\[22\\%\\] {\r\n    top: 22%\r\n}\r\n\r\n.right-\\[52\\%\\] {\r\n    right: 52%\r\n}\r\n\r\n.top-\\[25\\%\\] {\r\n    top: 25%\r\n}\r\n\r\n.right-\\[37\\%\\] {\r\n    right: 37%\r\n}\r\n\r\n.right-\\[-3\\%\\] {\r\n    right: -3%\r\n}\r\n\r\n.top-\\[27\\%\\] {\r\n    top: 27%\r\n}\r\n\r\n.right-\\[13\\%\\] {\r\n    right: 13%\r\n}\r\n\r\n.top-\\[40\\%\\] {\r\n    top: 40%\r\n}\r\n\r\n.top-\\[42\\%\\] {\r\n    top: 42%\r\n}\r\n\r\n.top-\\[43\\%\\] {\r\n    top: 43%\r\n}\r\n\r\n.left-\\[35\\%\\] {\r\n    left: 35%\r\n}\r\n\r\n.top-\\[47\\%\\] {\r\n    top: 47%\r\n}\r\n\r\n.left-\\[9\\%\\] {\r\n    left: 9%\r\n}\r\n\r\n.top-\\[52\\%\\] {\r\n    top: 52%\r\n}\r\n\r\n.right-\\[28\\%\\] {\r\n    right: 28%\r\n}\r\n\r\n.top-\\[66\\%\\] {\r\n    top: 66%\r\n}\r\n\r\n.top-\\[67\\.5\\%\\] {\r\n    top: 67.5%\r\n}\r\n\r\n.left-\\[32\\%\\] {\r\n    left: 32%\r\n}\r\n\r\n.top-\\[71\\%\\] {\r\n    top: 71%\r\n}\r\n\r\n.right-\\[11\\%\\] {\r\n    right: 11%\r\n}\r\n\r\n.top-\\[74\\%\\] {\r\n    top: 74%\r\n}\r\n\r\n.top-\\[85\\%\\] {\r\n    top: 85%\r\n}\r\n\r\n.top-\\[94\\%\\] {\r\n    top: 94%\r\n}\r\n\r\n.top-\\[9\\%\\] {\r\n    top: 9%\r\n}\r\n\r\n.top-\\[20\\%\\] {\r\n    top: 20%\r\n}\r\n\r\n.top-\\[30\\%\\] {\r\n    top: 30%\r\n}\r\n\r\n.top-\\[50\\%\\] {\r\n    top: 50%\r\n}\r\n\r\n.left-2\\/4 {\r\n    left: 50%\r\n}\r\n\r\n.top-1\\/2 {\r\n    top: 50%\r\n}\r\n\r\n.left-1\\/2 {\r\n    left: 50%\r\n}\r\n\r\n.top-\\[16px\\] {\r\n    top: 16px\r\n}\r\n\r\n.right-\\[16px\\] {\r\n    right: 16px\r\n}\r\n\r\n.-z-\\[1\\] {\r\n    z-index: -1\r\n}\r\n\r\n.z-auto {\r\n    z-index: auto\r\n}\r\n\r\n.-z-\\[2\\] {\r\n    z-index: -2\r\n}\r\n\r\n.-z-\\[3\\] {\r\n    z-index: -3\r\n}\r\n\r\n.z-\\[-2\\] {\r\n    z-index: -2\r\n}\r\n\r\n.z-10 {\r\n    z-index: 10\r\n}\r\n\r\n.z-\\[20\\] {\r\n    z-index: 20\r\n}\r\n\r\n.z-\\[10\\] {\r\n    z-index: 10\r\n}\r\n\r\n.z-\\[11\\] {\r\n    z-index: 11;\r\n}\r\n\r\n.z-20 {\r\n    z-index: 20\r\n}\r\n\r\n.z-\\[3\\] {\r\n    z-index: 3\r\n}\r\n\r\n.z-\\[\\+2\\] {\r\n    z-index: +2\r\n}\r\n\r\n.z-\\[\\+3\\] {\r\n    z-index: +3\r\n}\r\n\r\n.m-auto {\r\n    margin: auto\r\n}\r\n\r\n.m-2 {\r\n    margin: 1rem\r\n}\r\n\r\n.my-0 {\r\n    margin-top: 0;\r\n    margin-bottom: 0\r\n}\r\n\r\n.mx-auto {\r\n    margin-left: auto;\r\n    margin-right: auto\r\n}\r\n\r\n.mt-3 {\r\n    margin-top: 1.5rem\r\n}\r\n\r\n.mt-19 {\r\n    margin-top: 9.5rem\r\n}\r\n\r\n.mt-29 {\r\n    margin-top: 14.5rem\r\n}\r\n\r\n.ml-\\[185px\\] {\r\n    margin-left: 185px\r\n}\r\n\r\n.-mt-\\[100px\\] {\r\n    margin-top: -100px\r\n}\r\n\r\n.mt-0 {\r\n    margin-top: 0\r\n}\r\n\r\n.mb-2 {\r\n    margin-bottom: 1rem\r\n}\r\n\r\n.-mt-\\[60px\\] {\r\n    margin-top: -60px\r\n}\r\n\r\n.ml-auto {\r\n    margin-left: auto\r\n}\r\n\r\n.mr-0 {\r\n    margin-right: 0\r\n}\r\n\r\n.mt-4 {\r\n    margin-top: 2rem\r\n}\r\n\r\n.mt-2 {\r\n    margin-top: 1rem\r\n}\r\n\r\n.block {\r\n    display: block\r\n}\r\n\r\n.flex {\r\n    display: flex\r\n}\r\n\r\n.hidden {\r\n    display: none\r\n}\r\n\r\n.h-full {\r\n    height: 100%\r\n}\r\n\r\n.h-\\[380px\\] {\r\n    height: 380px\r\n}\r\n\r\n.h-\\[50px\\] {\r\n    height: 50px\r\n}\r\n\r\n.h-\\[200px\\] {\r\n    height: 200px\r\n}\r\n\r\n.h-\\[85px\\] {\r\n    height: 85px\r\n}\r\n\r\n.h-\\[130pxpx\\] {\r\n    height: 130pxpx\r\n}\r\n\r\n.h-\\[250px\\] {\r\n    height: 250px\r\n}\r\n\r\n.h-\\[300px\\] {\r\n    height: 300px\r\n}\r\n\r\n.h-\\[150px\\] {\r\n    height: 150px\r\n}\r\n\r\n.h-auto {\r\n    height: auto\r\n}\r\n\r\n.h-\\[80px\\] {\r\n    height: 80px\r\n}\r\n\r\n.h-\\[180px\\] {\r\n    height: 180px\r\n}\r\n\r\n.h-\\[198px\\] {\r\n    height: 198px\r\n}\r\n\r\n.h-\\[120px\\] {\r\n    height: 120px\r\n}\r\n\r\n.h-\\[350px\\] {\r\n    height: 350px\r\n}\r\n\r\n.h-\\[400px\\] {\r\n    height: 400px\r\n}\r\n\r\n.h-\\[100px\\] {\r\n    height: 100px\r\n}\r\n\r\n.h-\\[90px\\] {\r\n    height: 90px\r\n}\r\n\r\n.h-\\[154px\\] {\r\n    height: 154px\r\n}\r\n\r\n.h-\\[25px\\] {\r\n    height: 25px\r\n}\r\n\r\n.h-\\[115px\\] {\r\n    height: 115px\r\n}\r\n\r\n.h-\\[500px\\] {\r\n    height: 500px\r\n}\r\n\r\n.h-\\[132px\\] {\r\n    height: 132px\r\n}\r\n\r\n.h-\\[140px\\] {\r\n    height: 140px\r\n}\r\n\r\n.h-\\[45px\\] {\r\n    height: 45px\r\n}\r\n\r\n.h-\\[195px\\] {\r\n    height: 195px\r\n}\r\n\r\n.h-\\[354px\\] {\r\n    height: 354px\r\n}\r\n\r\n.h-\\[313px\\] {\r\n    height: 313px\r\n}\r\n\r\n.h-\\[1034px\\] {\r\n    height: 1034px\r\n}\r\n\r\n.h-\\[783px\\] {\r\n    height: 783px\r\n}\r\n\r\n.h-\\[439px\\] {\r\n    height: 439px\r\n}\r\n\r\n.h-\\[696px\\] {\r\n    height: 696px\r\n}\r\n\r\n.h-\\[385px\\] {\r\n    height: 385px\r\n}\r\n\r\n.h-\\[40px\\] {\r\n    height: 40px\r\n}\r\n\r\n.h-\\[5px\\] {\r\n    height: 5px\r\n}\r\n\r\n.h-\\[128px\\] {\r\n    height: 128px\r\n}\r\n\r\n.h-\\[280px\\] {\r\n    height: 280px\r\n}\r\n\r\n.h-\\[230px\\] {\r\n    height: 230px\r\n}\r\n\r\n.h-\\[450px\\] {\r\n    height: 450px\r\n}\r\n\r\n.h-\\[35\\%\\] {\r\n    height: 35%\r\n}\r\n\r\n.h-\\[65\\%\\] {\r\n    height: 65%\r\n}\r\n\r\n.h-4 {\r\n    height: 2rem\r\n}\r\n\r\n.max-h-\\[95vh\\] {\r\n    max-height: 95vh\r\n}\r\n\r\n.max-h-\\[125px\\] {\r\n    max-height: 125px\r\n}\r\n\r\n.min-h-\\[50px\\] {\r\n    min-height: 50px\r\n}\r\n\r\n.w-full {\r\n    width: 100%\r\n}\r\n\r\n.w-\\[150px\\] {\r\n    width: 150px\r\n}\r\n\r\n.w-\\[50px\\] {\r\n    width: 50px\r\n}\r\n\r\n.w-\\[75px\\] {\r\n    width: 75px\r\n}\r\n\r\n.w-\\[130px\\] {\r\n    width: 130px\r\n}\r\n\r\n.w-\\[250px\\] {\r\n    width: 250px\r\n}\r\n\r\n.w-\\[100px\\] {\r\n    width: 100px\r\n}\r\n\r\n.w-\\[200px\\] {\r\n    width: 200px\r\n}\r\n\r\n.w-\\[70px\\] {\r\n    width: 70px\r\n}\r\n\r\n.w-\\[160px\\] {\r\n    width: 160px\r\n}\r\n\r\n.w-\\[180px\\] {\r\n    width: 180px\r\n}\r\n\r\n.w-\\[80px\\] {\r\n    width: 80px\r\n}\r\n\r\n.w-\\[110px\\] {\r\n    width: 110px\r\n}\r\n\r\n.w-\\[120px\\] {\r\n    width: 120px\r\n}\r\n\r\n.w-\\[350px\\] {\r\n    width: 350px\r\n}\r\n\r\n.w-\\[270px\\] {\r\n    width: 270px\r\n}\r\n\r\n.w-\\[90px\\] {\r\n    width: 90px\r\n}\r\n\r\n.w-\\[300px\\] {\r\n    width: 300px\r\n}\r\n\r\n.w-\\[154px\\] {\r\n    width: 154px\r\n}\r\n\r\n.w-\\[25px\\] {\r\n    width: 25px\r\n}\r\n\r\n.w-\\[112px\\] {\r\n    width: 112px\r\n}\r\n\r\n.w-\\[500px\\] {\r\n    width: 500px\r\n}\r\n\r\n.w-\\[131px\\] {\r\n    width: 131px\r\n}\r\n\r\n.w-\\[140px\\] {\r\n    width: 140px\r\n}\r\n\r\n.w-\\[45px\\] {\r\n    width: 45px\r\n}\r\n\r\n.w-\\[1214px\\] {\r\n    width: 1214px\r\n}\r\n\r\n.w-\\[162px\\] {\r\n    width: 162px\r\n}\r\n\r\n.w-\\[387px\\] {\r\n    width: 387px\r\n}\r\n\r\n.w-\\[570px\\] {\r\n    width: 570px\r\n}\r\n\r\n.w-\\[554px\\] {\r\n    width: 554px\r\n}\r\n\r\n.w-\\[430px\\] {\r\n    width: 430px\r\n}\r\n\r\n.w-\\[502px\\] {\r\n    width: 502px\r\n}\r\n\r\n.w-\\[596px\\] {\r\n    width: 596px\r\n}\r\n\r\n.w-\\[562px\\] {\r\n    width: 562px\r\n}\r\n\r\n.w-\\[311px\\] {\r\n    width: 311px\r\n}\r\n\r\n.w-\\[22px\\] {\r\n    width: 22px\r\n}\r\n\r\n.w-\\[5px\\] {\r\n    width: 5px\r\n}\r\n\r\n.w-\\[128px\\] {\r\n    width: 128px\r\n}\r\n\r\n.w-\\[280px\\] {\r\n    width: 280px\r\n}\r\n\r\n.w-\\[550px\\] {\r\n    width: 550px\r\n}\r\n\r\n.w-screen {\r\n    width: 100vw\r\n}\r\n\r\n.w-\\[95vw\\] {\r\n    width: 95vw\r\n}\r\n\r\n.w-1\\/2 {\r\n    width: 50%\r\n}\r\n\r\n.w-4 {\r\n    width: 2rem\r\n}\r\n\r\n.max-w-\\[90vw\\] {\r\n    max-width: 90vw\r\n}\r\n\r\n.translate-x-0 {\r\n    --tw-translate-x: 0;\r\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\r\n}\r\n\r\n.translate-y-0 {\r\n    --tw-translate-y: 0;\r\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\r\n}\r\n\r\n.-translate-x-2\\/4 {\r\n    --tw-translate-x: -50%;\r\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\r\n}\r\n\r\n.rotate-12 {\r\n    --tw-rotate: 12deg;\r\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\r\n}\r\n\r\n.rotate-180 {\r\n    --tw-rotate: 180deg;\r\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\r\n}\r\n\r\n.\\!-rotate-1 {\r\n    --tw-rotate: -1deg !important;\r\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important\r\n}\r\n\r\n.-rotate-12 {\r\n    --tw-rotate: -12deg;\r\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\r\n}\r\n\r\n.-rotate-90 {\r\n    --tw-rotate: -90deg;\r\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\r\n}\r\n\r\n.transform {\r\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\r\n}\r\n\r\n.\\!animate-none {\r\n    animation: none !important\r\n}\r\n\r\n.cursor-pointer {\r\n    cursor: pointer\r\n}\r\n\r\n.resize {\r\n    resize: both\r\n}\r\n\r\n.flex-row {\r\n    flex-direction: row\r\n}\r\n\r\n.flex-col {\r\n    flex-direction: column\r\n}\r\n\r\n.items-center {\r\n    align-items: center\r\n}\r\n\r\n.justify-end {\r\n    justify-content: flex-end\r\n}\r\n\r\n.justify-center {\r\n    justify-content: center\r\n}\r\n\r\n.justify-between {\r\n    justify-content: space-between\r\n}\r\n\r\n.gap-2 {\r\n    gap: 1rem\r\n}\r\n\r\n.overflow-y-auto {\r\n    overflow-y: auto\r\n}\r\n\r\n.rounded-\\[50px\\] {\r\n    border-radius: 50px\r\n}\r\n\r\n.rounded-\\[50\\%\\] {\r\n    border-radius: 50%\r\n}\r\n\r\n.rounded-xl {\r\n    border-radius: .75rem\r\n}\r\n\r\n.rounded-3xl {\r\n    border-radius: 1.5rem\r\n}\r\n\r\n.rounded-sm {\r\n    border-radius: .125rem\r\n}\r\n\r\n.border-2 {\r\n    border-width: 2px\r\n}\r\n\r\n.border {\r\n    border-width: 1px\r\n}\r\n\r\n.border-solid {\r\n    border-style: solid\r\n}\r\n\r\n.border-white {\r\n    --tw-border-opacity: 1;\r\n    border-color: rgb(255 255 255 / var(--tw-border-opacity))\r\n}\r\n\r\n.border-tangerine-yellow {\r\n    --tw-border-opacity: 1;\r\n    border-color: rgb(255 204 0 / var(--tw-border-opacity))\r\n}\r\n\r\n.bg-white {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(255 255 255 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-black {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(0 0 0 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-tangerine-yellow {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(255 204 0 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-transparent {\r\n    background-color: transparent\r\n}\r\n\r\n.\\!bg-opacity-50 {\r\n    --tw-bg-opacity: .5 !important\r\n}\r\n\r\n.bg-contain {\r\n    background-size: contain\r\n}\r\n\r\n.bg-cover {\r\n    background-size: cover\r\n}\r\n\r\n.bg-no-repeat {\r\n    background-repeat: no-repeat\r\n}\r\n\r\n.object-contain {\r\n    -o-object-fit: contain;\r\n    object-fit: contain\r\n}\r\n\r\n.object-cover {\r\n    -o-object-fit: cover;\r\n    object-fit: cover\r\n}\r\n\r\n.p-\\[10px\\] {\r\n    padding: 10px\r\n}\r\n\r\n.p-\\[25px\\] {\r\n    padding: 25px\r\n}\r\n\r\n.px-2 {\r\n    padding-left: 1rem;\r\n    padding-right: 1rem\r\n}\r\n\r\n.px-4 {\r\n    padding-left: 2rem;\r\n    padding-right: 2rem\r\n}\r\n\r\n.px-\\[16px\\] {\r\n    padding-left: 16px;\r\n    padding-right: 16px\r\n}\r\n\r\n.py-2 {\r\n    padding-top: 1rem;\r\n    padding-bottom: 1rem\r\n}\r\n\r\n.py-1 {\r\n    padding-top: .5rem;\r\n    padding-bottom: .5rem\r\n}\r\n\r\n.pb-6 {\r\n    padding-bottom: 3rem\r\n}\r\n\r\n.pb-4 {\r\n    padding-bottom: 2rem\r\n}\r\n\r\n.pt-11 {\r\n    padding-top: 5.5rem\r\n}\r\n\r\n.pb-3 {\r\n    padding-bottom: 1.5rem\r\n}\r\n\r\n.pt-2 {\r\n    padding-top: 1rem\r\n}\r\n\r\n.pt-\\[8px\\] {\r\n    padding-top: 8px\r\n}\r\n\r\n.pb-\\[8px\\] {\r\n    padding-bottom: 8px\r\n}\r\n\r\n.pb-\\[16px\\] {\r\n    padding-bottom: 16px\r\n}\r\n\r\n.text-center {\r\n    text-align: center\r\n}\r\n\r\n.text-base {\r\n    font-size: 1rem;\r\n    line-height: 1.5rem\r\n}\r\n\r\n.text-4xl {\r\n    font-size: 2.25rem;\r\n    line-height: 2.5rem\r\n}\r\n\r\n.text-xl {\r\n    font-size: 1.25rem;\r\n    line-height: 1.75rem\r\n}\r\n\r\n.text-sm {\r\n    font-size: .875rem;\r\n    line-height: 1.25rem\r\n}\r\n\r\n.text-lg {\r\n    font-size: 1.125rem;\r\n    line-height: 1.75rem\r\n}\r\n\r\n.font-light {\r\n    font-weight: 300\r\n}\r\n\r\n.font-normal {\r\n    font-weight: 400\r\n}\r\n\r\n.font-semibold {\r\n    font-weight: 600\r\n}\r\n\r\n.uppercase {\r\n    text-transform: uppercase\r\n}\r\n\r\n.text-white {\r\n    --tw-text-opacity: 1;\r\n    color: rgb(255 255 255 / var(--tw-text-opacity))\r\n}\r\n\r\n.text-darker-yellow {\r\n    --tw-text-opacity: 1;\r\n    color: rgb(211 181 106 / var(--tw-text-opacity))\r\n}\r\n\r\n.text-black {\r\n    --tw-text-opacity: 1;\r\n    color: rgb(0 0 0 / var(--tw-text-opacity))\r\n}\r\n\r\n.opacity-60 {\r\n    opacity: .6\r\n}\r\n\r\n.blur-\\[2px\\] {\r\n    --tw-blur: blur(2px);\r\n    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\r\n}\r\n\r\n.blur-sm {\r\n    --tw-blur: blur(4px);\r\n    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\r\n}\r\n\r\n.filter {\r\n    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\r\n}\r\n\r\n.transition-transform {\r\n    transition-property: transform;\r\n    transition-timing-function: cubic-bezier(.4, 0, .2, 1);\r\n    transition-duration: .15s\r\n}\r\n\r\n.duration-300 {\r\n    transition-duration: .3s\r\n}\r\n\r\n.\\[display\\:none\\] {\r\n    display: none\r\n}\r\n\r\n.snow-container {\r\n    overflow: hidden\r\n}\r\n\r\n.snow {\r\n    position: fixed;\r\n    width: 10px;\r\n    height: 10px;\r\n    background: white;\r\n    border-radius: 50%;\r\n    z-index: -1\r\n}\r\n\r\n.snow:nth-child(1) {\r\n    opacity: .0747;\r\n    transform: translate(67.1849vw, -10px) scale(.903);\r\n    animation: fall-1 29s -16s linear infinite\r\n}\r\n\r\n@keyframes fall-1 {\r\n    47.967% {\r\n        transform: translate(76.5999vw, 47.967vh) scale(.903)\r\n    }\r\n\r\n    to {\r\n        transform: translate(71.8924vw, 100vh) scale(.903)\r\n    }\r\n}\r\n\r\n.snow:nth-child(2) {\r\n    opacity: .6469;\r\n    transform: translate(24.1661vw, -10px) scale(.1014);\r\n    animation: fall-2 16s -14s linear infinite\r\n}\r\n\r\n@keyframes fall-2 {\r\n    73.151% {\r\n        transform: translate(21.6819vw, 73.151vh) scale(.1014)\r\n    }\r\n\r\n    to {\r\n        transform: translate(22.924vw, 100vh) scale(.1014)\r\n    }\r\n}\r\n\r\n.snow:nth-child(3) {\r\n    opacity: .4087;\r\n    transform: translate(50.7248vw, -10px) scale(.5542);\r\n    animation: fall-3 23s -26s linear infinite\r\n}\r\n\r\n@keyframes fall-3 {\r\n    35.109% {\r\n        transform: translate(55.0325vw, 35.109vh) scale(.5542)\r\n    }\r\n\r\n    to {\r\n        transform: translate(52.87865vw, 100vh) scale(.5542)\r\n    }\r\n}\r\n\r\n.snow:nth-child(4) {\r\n    opacity: .6012;\r\n    transform: translate(18.9984vw, -10px) scale(.1818);\r\n    animation: fall-4 21s -7s linear infinite\r\n}\r\n\r\n@keyframes fall-4 {\r\n    74.578% {\r\n        transform: translate(11.3408vw, 74.578vh) scale(.1818)\r\n    }\r\n\r\n    to {\r\n        transform: translate(15.1696vw, 100vh) scale(.1818)\r\n    }\r\n}\r\n\r\n.snow:nth-child(5) {\r\n    opacity: .7931;\r\n    transform: translate(95.6373vw, -10px) scale(.1657);\r\n    animation: fall-5 12s -21s linear infinite\r\n}\r\n\r\n@keyframes fall-5 {\r\n    53.67% {\r\n        transform: translate(103.4596vw, 53.67vh) scale(.1657)\r\n    }\r\n\r\n    to {\r\n        transform: translate(99.54845vw, 100vh) scale(.1657)\r\n    }\r\n}\r\n\r\n.snow:nth-child(6) {\r\n    opacity: .3648;\r\n    transform: translate(80.8223vw, -10px) scale(.1092);\r\n    animation: fall-6 28s -9s linear infinite\r\n}\r\n\r\n@keyframes fall-6 {\r\n    40.736% {\r\n        transform: translate(87.8718vw, 40.736vh) scale(.1092)\r\n    }\r\n\r\n    to {\r\n        transform: translate(84.34705vw, 100vh) scale(.1092)\r\n    }\r\n}\r\n\r\n.snow:nth-child(7) {\r\n    opacity: .845;\r\n    transform: translate(30.0722vw, -10px) scale(.2348);\r\n    animation: fall-7 15s -28s linear infinite\r\n}\r\n\r\n@keyframes fall-7 {\r\n    35.539% {\r\n        transform: translate(26.1127vw, 35.539vh) scale(.2348)\r\n    }\r\n\r\n    to {\r\n        transform: translate(28.09245vw, 100vh) scale(.2348)\r\n    }\r\n}\r\n\r\n.snow:nth-child(8) {\r\n    opacity: .738;\r\n    transform: translate(67.8427vw, -10px) scale(.7101);\r\n    animation: fall-8 14s -17s linear infinite\r\n}\r\n\r\n@keyframes fall-8 {\r\n    75.313% {\r\n        transform: translate(62.6555vw, 75.313vh) scale(.7101)\r\n    }\r\n\r\n    to {\r\n        transform: translate(65.2491vw, 100vh) scale(.7101)\r\n    }\r\n}\r\n\r\n.snow:nth-child(9) {\r\n    opacity: .1571;\r\n    transform: translate(56.8766vw, -10px) scale(.1561);\r\n    animation: fall-9 28s -23s linear infinite\r\n}\r\n\r\n@keyframes fall-9 {\r\n    52.613% {\r\n        transform: translate(61.5212vw, 52.613vh) scale(.1561)\r\n    }\r\n\r\n    to {\r\n        transform: translate(59.1989vw, 100vh) scale(.1561)\r\n    }\r\n}\r\n\r\n.snow:nth-child(10) {\r\n    opacity: .5797;\r\n    transform: translate(20.7424vw, -10px) scale(.2122);\r\n    animation: fall-10 30s -11s linear infinite\r\n}\r\n\r\n@keyframes fall-10 {\r\n    71.383% {\r\n        transform: translate(18.8925vw, 71.383vh) scale(.2122)\r\n    }\r\n\r\n    to {\r\n        transform: translate(19.81745vw, 100vh) scale(.2122)\r\n    }\r\n}\r\n\r\n.snow:nth-child(11) {\r\n    opacity: .6033;\r\n    transform: translate(71.2836vw, -10px) scale(.2275);\r\n    animation: fall-11 20s -22s linear infinite\r\n}\r\n\r\n@keyframes fall-11 {\r\n    68.563% {\r\n        transform: translate(65.7622vw, 68.563vh) scale(.2275)\r\n    }\r\n\r\n    to {\r\n        transform: translate(68.5229vw, 100vh) scale(.2275)\r\n    }\r\n}\r\n\r\n.snow:nth-child(12) {\r\n    opacity: .7366;\r\n    transform: translate(53.2247vw, -10px) scale(.0517);\r\n    animation: fall-12 11s -20s linear infinite\r\n}\r\n\r\n@keyframes fall-12 {\r\n    30.534% {\r\n        transform: translate(56.6078vw, 30.534vh) scale(.0517)\r\n    }\r\n\r\n    to {\r\n        transform: translate(54.91625vw, 100vh) scale(.0517)\r\n    }\r\n}\r\n\r\n.snow:nth-child(13) {\r\n    opacity: .5762;\r\n    transform: translate(65.3289vw, -10px) scale(.6026);\r\n    animation: fall-13 11s -7s linear infinite\r\n}\r\n\r\n@keyframes fall-13 {\r\n    44.495% {\r\n        transform: translate(66.5367vw, 44.495vh) scale(.6026)\r\n    }\r\n\r\n    to {\r\n        transform: translate(65.9328vw, 100vh) scale(.6026)\r\n    }\r\n}\r\n\r\n.snow:nth-child(14) {\r\n    opacity: .3877;\r\n    transform: translate(16.4402vw, -10px) scale(.952);\r\n    animation: fall-14 13s -27s linear infinite\r\n}\r\n\r\n@keyframes fall-14 {\r\n    51.651% {\r\n        transform: translate(11.5689vw, 51.651vh) scale(.952)\r\n    }\r\n\r\n    to {\r\n        transform: translate(14.00455vw, 100vh) scale(.952)\r\n    }\r\n}\r\n\r\n.snow:nth-child(15) {\r\n    opacity: .1353;\r\n    transform: translate(29.2061vw, -10px) scale(.0397);\r\n    animation: fall-15 10s -8s linear infinite\r\n}\r\n\r\n@keyframes fall-15 {\r\n    73.974% {\r\n        transform: translate(32.0467vw, 73.974vh) scale(.0397)\r\n    }\r\n\r\n    to {\r\n        transform: translate(30.6264vw, 100vh) scale(.0397)\r\n    }\r\n}\r\n\r\n.snow:nth-child(16) {\r\n    opacity: .8895;\r\n    transform: translate(87.1247vw, -10px) scale(.1526);\r\n    animation: fall-16 27s -9s linear infinite\r\n}\r\n\r\n@keyframes fall-16 {\r\n    63.653% {\r\n        transform: translate(94.3391vw, 63.653vh) scale(.1526)\r\n    }\r\n\r\n    to {\r\n        transform: translate(90.7319vw, 100vh) scale(.1526)\r\n    }\r\n}\r\n\r\n.snow:nth-child(17) {\r\n    opacity: .9813;\r\n    transform: translate(33.0343vw, -10px) scale(.4219);\r\n    animation: fall-17 19s -22s linear infinite\r\n}\r\n\r\n@keyframes fall-17 {\r\n    49.414% {\r\n        transform: translate(24.235vw, 49.414vh) scale(.4219)\r\n    }\r\n\r\n    to {\r\n        transform: translate(28.63465vw, 100vh) scale(.4219)\r\n    }\r\n}\r\n\r\n.snow:nth-child(18) {\r\n    opacity: .62;\r\n    transform: translate(29.7838vw, -10px) scale(.3119);\r\n    animation: fall-18 18s -27s linear infinite\r\n}\r\n\r\n@keyframes fall-18 {\r\n    47.644% {\r\n        transform: translate(20.7994vw, 47.644vh) scale(.3119)\r\n    }\r\n\r\n    to {\r\n        transform: translate(25.2916vw, 100vh) scale(.3119)\r\n    }\r\n}\r\n\r\n.snow:nth-child(19) {\r\n    opacity: .327;\r\n    transform: translate(1.6095vw, -10px) scale(.9162);\r\n    animation: fall-19 18s -21s linear infinite\r\n}\r\n\r\n@keyframes fall-19 {\r\n    54.44% {\r\n        transform: translate(11.2166vw, 54.44vh) scale(.9162)\r\n    }\r\n\r\n    to {\r\n        transform: translate(6.41305vw, 100vh) scale(.9162)\r\n    }\r\n}\r\n\r\n.snow:nth-child(20) {\r\n    opacity: .2547;\r\n    transform: translate(79.2512vw, -10px) scale(.0856);\r\n    animation: fall-20 29s -11s linear infinite\r\n}\r\n\r\n@keyframes fall-20 {\r\n    36.265% {\r\n        transform: translate(70.9148vw, 36.265vh) scale(.0856)\r\n    }\r\n\r\n    to {\r\n        transform: translate(75.083vw, 100vh) scale(.0856)\r\n    }\r\n}\r\n\r\n.snow:nth-child(21) {\r\n    opacity: .889;\r\n    transform: translate(76.8936vw, -10px) scale(.3341);\r\n    animation: fall-21 20s -2s linear infinite\r\n}\r\n\r\n@keyframes fall-21 {\r\n    72.837% {\r\n        transform: translate(86.1279vw, 72.837vh) scale(.3341)\r\n    }\r\n\r\n    to {\r\n        transform: translate(81.51075vw, 100vh) scale(.3341)\r\n    }\r\n}\r\n\r\n.snow:nth-child(22) {\r\n    opacity: .8443;\r\n    transform: translate(48.7217vw, -10px) scale(.8066);\r\n    animation: fall-22 13s -5s linear infinite\r\n}\r\n\r\n@keyframes fall-22 {\r\n    42.509% {\r\n        transform: translate(42.5903vw, 42.509vh) scale(.8066)\r\n    }\r\n\r\n    to {\r\n        transform: translate(45.656vw, 100vh) scale(.8066)\r\n    }\r\n}\r\n\r\n.snow:nth-child(23) {\r\n    opacity: .9895;\r\n    transform: translate(74.5295vw, -10px) scale(.5144);\r\n    animation: fall-23 16s -13s linear infinite\r\n}\r\n\r\n@keyframes fall-23 {\r\n    55.102% {\r\n        transform: translate(82.0962vw, 55.102vh) scale(.5144)\r\n    }\r\n\r\n    to {\r\n        transform: translate(78.31285vw, 100vh) scale(.5144)\r\n    }\r\n}\r\n\r\n.snow:nth-child(24) {\r\n    opacity: .4973;\r\n    transform: translate(50.6484vw, -10px) scale(.2721);\r\n    animation: fall-24 16s -27s linear infinite\r\n}\r\n\r\n@keyframes fall-24 {\r\n    54.169% {\r\n        transform: translate(53.3288vw, 54.169vh) scale(.2721)\r\n    }\r\n\r\n    to {\r\n        transform: translate(51.9886vw, 100vh) scale(.2721)\r\n    }\r\n}\r\n\r\n.snow:nth-child(25) {\r\n    opacity: .7634;\r\n    transform: translate(53.2646vw, -10px) scale(.2276);\r\n    animation: fall-25 19s -27s linear infinite\r\n}\r\n\r\n@keyframes fall-25 {\r\n    69.464% {\r\n        transform: translate(52.2739vw, 69.464vh) scale(.2276)\r\n    }\r\n\r\n    to {\r\n        transform: translate(52.76925vw, 100vh) scale(.2276)\r\n    }\r\n}\r\n\r\n.snow:nth-child(26) {\r\n    opacity: .1683;\r\n    transform: translate(17.4962vw, -10px) scale(.0623);\r\n    animation: fall-26 25s -12s linear infinite\r\n}\r\n\r\n@keyframes fall-26 {\r\n    76.177% {\r\n        transform: translate(16.332vw, 76.177vh) scale(.0623)\r\n    }\r\n\r\n    to {\r\n        transform: translate(16.9141vw, 100vh) scale(.0623)\r\n    }\r\n}\r\n\r\n.snow:nth-child(27) {\r\n    opacity: .2495;\r\n    transform: translate(86.0356vw, -10px) scale(.9576);\r\n    animation: fall-27 20s -7s linear infinite\r\n}\r\n\r\n@keyframes fall-27 {\r\n    71.174% {\r\n        transform: translate(77.2631vw, 71.174vh) scale(.9576)\r\n    }\r\n\r\n    to {\r\n        transform: translate(81.64935vw, 100vh) scale(.9576)\r\n    }\r\n}\r\n\r\n.snow:nth-child(28) {\r\n    opacity: .0837;\r\n    transform: translate(24.0276vw, -10px) scale(.2678);\r\n    animation: fall-28 11s -25s linear infinite\r\n}\r\n\r\n@keyframes fall-28 {\r\n    78.745% {\r\n        transform: translate(23.312vw, 78.745vh) scale(.2678)\r\n    }\r\n\r\n    to {\r\n        transform: translate(23.6698vw, 100vh) scale(.2678)\r\n    }\r\n}\r\n\r\n.snow:nth-child(29) {\r\n    opacity: .4522;\r\n    transform: translate(49.3578vw, -10px) scale(.8993);\r\n    animation: fall-29 14s -9s linear infinite\r\n}\r\n\r\n@keyframes fall-29 {\r\n    58.902% {\r\n        transform: translate(59.1569vw, 58.902vh) scale(.8993)\r\n    }\r\n\r\n    to {\r\n        transform: translate(54.25735vw, 100vh) scale(.8993)\r\n    }\r\n}\r\n\r\n.snow:nth-child(30) {\r\n    opacity: .7435;\r\n    transform: translate(99.7268vw, -10px) scale(.2798);\r\n    animation: fall-30 17s -17s linear infinite\r\n}\r\n\r\n@keyframes fall-30 {\r\n    71.403% {\r\n        transform: translate(92.4798vw, 71.403vh) scale(.2798)\r\n    }\r\n\r\n    to {\r\n        transform: translate(96.1033vw, 100vh) scale(.2798)\r\n    }\r\n}\r\n\r\n.snow:nth-child(31) {\r\n    opacity: .3133;\r\n    transform: translate(3.1307vw, -10px) scale(.9361);\r\n    animation: fall-31 23s -27s linear infinite\r\n}\r\n\r\n@keyframes fall-31 {\r\n    31.161% {\r\n        transform: translate(-.5475vw, 31.161vh) scale(.9361)\r\n    }\r\n\r\n    to {\r\n        transform: translate(1.2916vw, 100vh) scale(.9361)\r\n    }\r\n}\r\n\r\n.snow:nth-child(32) {\r\n    opacity: .7332;\r\n    transform: translate(63.0894vw, -10px) scale(.9402);\r\n    animation: fall-32 29s -16s linear infinite\r\n}\r\n\r\n@keyframes fall-32 {\r\n    61.513% {\r\n        transform: translate(63.6705vw, 61.513vh) scale(.9402)\r\n    }\r\n\r\n    to {\r\n        transform: translate(63.37995vw, 100vh) scale(.9402)\r\n    }\r\n}\r\n\r\n.snow:nth-child(33) {\r\n    opacity: .5612;\r\n    transform: translate(18.6541vw, -10px) scale(.5472);\r\n    animation: fall-33 10s -21s linear infinite\r\n}\r\n\r\n@keyframes fall-33 {\r\n    61.104% {\r\n        transform: translate(12.2115vw, 61.104vh) scale(.5472)\r\n    }\r\n\r\n    to {\r\n        transform: translate(15.4328vw, 100vh) scale(.5472)\r\n    }\r\n}\r\n\r\n.snow:nth-child(34) {\r\n    opacity: .9004;\r\n    transform: translate(65.1756vw, -10px) scale(.9009);\r\n    animation: fall-34 11s -19s linear infinite\r\n}\r\n\r\n@keyframes fall-34 {\r\n    57.043% {\r\n        transform: translate(64.1661vw, 57.043vh) scale(.9009)\r\n    }\r\n\r\n    to {\r\n        transform: translate(64.67085vw, 100vh) scale(.9009)\r\n    }\r\n}\r\n\r\n.snow:nth-child(35) {\r\n    opacity: .0973;\r\n    transform: translate(70.558vw, -10px) scale(.5683);\r\n    animation: fall-35 15s -23s linear infinite\r\n}\r\n\r\n@keyframes fall-35 {\r\n    63.515% {\r\n        transform: translate(72.993vw, 63.515vh) scale(.5683)\r\n    }\r\n\r\n    to {\r\n        transform: translate(71.7755vw, 100vh) scale(.5683)\r\n    }\r\n}\r\n\r\n.snow:nth-child(36) {\r\n    opacity: .7366;\r\n    transform: translate(10.9209vw, -10px) scale(.5197);\r\n    animation: fall-36 29s -22s linear infinite\r\n}\r\n\r\n@keyframes fall-36 {\r\n    46.608% {\r\n        transform: translate(4.1711vw, 46.608vh) scale(.5197)\r\n    }\r\n\r\n    to {\r\n        transform: translate(7.546vw, 100vh) scale(.5197)\r\n    }\r\n}\r\n\r\n.snow:nth-child(37) {\r\n    opacity: .3445;\r\n    transform: translate(52.1908vw, -10px) scale(.4183);\r\n    animation: fall-37 21s -21s linear infinite\r\n}\r\n\r\n@keyframes fall-37 {\r\n    67.318% {\r\n        transform: translate(53.6664vw, 67.318vh) scale(.4183)\r\n    }\r\n\r\n    to {\r\n        transform: translate(52.9286vw, 100vh) scale(.4183)\r\n    }\r\n}\r\n\r\n.snow:nth-child(38) {\r\n    opacity: .0033;\r\n    transform: translate(50.3633vw, -10px) scale(.274);\r\n    animation: fall-38 21s -14s linear infinite\r\n}\r\n\r\n@keyframes fall-38 {\r\n    77.167% {\r\n        transform: translate(56.0202vw, 77.167vh) scale(.274)\r\n    }\r\n\r\n    to {\r\n        transform: translate(53.19175vw, 100vh) scale(.274)\r\n    }\r\n}\r\n\r\n.snow:nth-child(39) {\r\n    opacity: .5113;\r\n    transform: translate(32.6687vw, -10px) scale(.3749);\r\n    animation: fall-39 21s -13s linear infinite\r\n}\r\n\r\n@keyframes fall-39 {\r\n    43.659% {\r\n        transform: translate(31.2769vw, 43.659vh) scale(.3749)\r\n    }\r\n\r\n    to {\r\n        transform: translate(31.9728vw, 100vh) scale(.3749)\r\n    }\r\n}\r\n\r\n.snow:nth-child(40) {\r\n    opacity: .4402;\r\n    transform: translate(99.2654vw, -10px) scale(.9952);\r\n    animation: fall-40 15s -28s linear infinite\r\n}\r\n\r\n@keyframes fall-40 {\r\n    32.479% {\r\n        transform: translate(105.3966vw, 32.479vh) scale(.9952)\r\n    }\r\n\r\n    to {\r\n        transform: translate(102.331vw, 100vh) scale(.9952)\r\n    }\r\n}\r\n\r\n.snow:nth-child(41) {\r\n    opacity: .5994;\r\n    transform: translate(76.5554vw, -10px) scale(.7969);\r\n    animation: fall-41 11s -13s linear infinite\r\n}\r\n\r\n@keyframes fall-41 {\r\n    37.924% {\r\n        transform: translate(67.5648vw, 37.924vh) scale(.7969)\r\n    }\r\n\r\n    to {\r\n        transform: translate(72.0601vw, 100vh) scale(.7969)\r\n    }\r\n}\r\n\r\n.snow:nth-child(42) {\r\n    opacity: .1312;\r\n    transform: translate(75.939vw, -10px) scale(.1915);\r\n    animation: fall-42 18s -13s linear infinite\r\n}\r\n\r\n@keyframes fall-42 {\r\n    31.932% {\r\n        transform: translate(71.3966vw, 31.932vh) scale(.1915)\r\n    }\r\n\r\n    to {\r\n        transform: translate(73.6678vw, 100vh) scale(.1915)\r\n    }\r\n}\r\n\r\n.snow:nth-child(43) {\r\n    opacity: .0494;\r\n    transform: translate(35.0424vw, -10px) scale(.8024);\r\n    animation: fall-43 20s -22s linear infinite\r\n}\r\n\r\n@keyframes fall-43 {\r\n    66.079% {\r\n        transform: translate(44.3992vw, 66.079vh) scale(.8024)\r\n    }\r\n\r\n    to {\r\n        transform: translate(39.7208vw, 100vh) scale(.8024)\r\n    }\r\n}\r\n\r\n.snow:nth-child(44) {\r\n    opacity: .508;\r\n    transform: translate(52.604vw, -10px) scale(.2266);\r\n    animation: fall-44 28s -19s linear infinite\r\n}\r\n\r\n@keyframes fall-44 {\r\n    42.903% {\r\n        transform: translate(44.6414vw, 42.903vh) scale(.2266)\r\n    }\r\n\r\n    to {\r\n        transform: translate(48.6227vw, 100vh) scale(.2266)\r\n    }\r\n}\r\n\r\n.snow:nth-child(45) {\r\n    opacity: .7277;\r\n    transform: translate(42.8955vw, -10px) scale(.7165);\r\n    animation: fall-45 16s -16s linear infinite\r\n}\r\n\r\n@keyframes fall-45 {\r\n    66.629% {\r\n        transform: translate(46.2488vw, 66.629vh) scale(.7165)\r\n    }\r\n\r\n    to {\r\n        transform: translate(44.57215vw, 100vh) scale(.7165)\r\n    }\r\n}\r\n\r\n.snow:nth-child(46) {\r\n    opacity: .5637;\r\n    transform: translate(66.6617vw, -10px) scale(.1452);\r\n    animation: fall-46 12s -3s linear infinite\r\n}\r\n\r\n@keyframes fall-46 {\r\n    66.61% {\r\n        transform: translate(72.4701vw, 66.61vh) scale(.1452)\r\n    }\r\n\r\n    to {\r\n        transform: translate(69.5659vw, 100vh) scale(.1452)\r\n    }\r\n}\r\n\r\n.snow:nth-child(47) {\r\n    opacity: .2883;\r\n    transform: translate(53.4764vw, -10px) scale(.9523);\r\n    animation: fall-47 26s -29s linear infinite\r\n}\r\n\r\n@keyframes fall-47 {\r\n    75.095% {\r\n        transform: translate(49.112vw, 75.095vh) scale(.9523)\r\n    }\r\n\r\n    to {\r\n        transform: translate(51.2942vw, 100vh) scale(.9523)\r\n    }\r\n}\r\n\r\n.snow:nth-child(48) {\r\n    opacity: .1392;\r\n    transform: translate(4.27vw, -10px) scale(.5424);\r\n    animation: fall-48 20s -20s linear infinite\r\n}\r\n\r\n@keyframes fall-48 {\r\n    34.028% {\r\n        transform: translate(2.8834vw, 34.028vh) scale(.5424)\r\n    }\r\n\r\n    to {\r\n        transform: translate(3.5767vw, 100vh) scale(.5424)\r\n    }\r\n}\r\n\r\n.snow:nth-child(49) {\r\n    opacity: .6649;\r\n    transform: translate(49.7522vw, -10px) scale(.8896);\r\n    animation: fall-49 21s -19s linear infinite\r\n}\r\n\r\n@keyframes fall-49 {\r\n    56.27% {\r\n        transform: translate(57.8952vw, 56.27vh) scale(.8896)\r\n    }\r\n\r\n    to {\r\n        transform: translate(53.8237vw, 100vh) scale(.8896)\r\n    }\r\n}\r\n\r\n.snow:nth-child(50) {\r\n    opacity: .2937;\r\n    transform: translate(98.9072vw, -10px) scale(.412);\r\n    animation: fall-50 24s -27s linear infinite\r\n}\r\n\r\n@keyframes fall-50 {\r\n    38.806% {\r\n        transform: translate(93.3882vw, 38.806vh) scale(.412)\r\n    }\r\n\r\n    to {\r\n        transform: translate(96.1477vw, 100vh) scale(.412)\r\n    }\r\n}\r\n\r\n.snow:nth-child(51) {\r\n    opacity: .4354;\r\n    transform: translate(10.129vw, -10px) scale(.0927);\r\n    animation: fall-51 12s -8s linear infinite\r\n}\r\n\r\n@keyframes fall-51 {\r\n    62.584% {\r\n        transform: translate(1.3696vw, 62.584vh) scale(.0927)\r\n    }\r\n\r\n    to {\r\n        transform: translate(5.7493vw, 100vh) scale(.0927)\r\n    }\r\n}\r\n\r\n.snow:nth-child(52) {\r\n    opacity: .1945;\r\n    transform: translate(83.8431vw, -10px) scale(.7328);\r\n    animation: fall-52 27s -29s linear infinite\r\n}\r\n\r\n@keyframes fall-52 {\r\n    70.172% {\r\n        transform: translate(90.4872vw, 70.172vh) scale(.7328)\r\n    }\r\n\r\n    to {\r\n        transform: translate(87.16515vw, 100vh) scale(.7328)\r\n    }\r\n}\r\n\r\n.snow:nth-child(53) {\r\n    opacity: .2385;\r\n    transform: translate(51.2898vw, -10px) scale(.1583);\r\n    animation: fall-53 10s -25s linear infinite\r\n}\r\n\r\n@keyframes fall-53 {\r\n    45.164% {\r\n        transform: translate(44.9178vw, 45.164vh) scale(.1583)\r\n    }\r\n\r\n    to {\r\n        transform: translate(48.1038vw, 100vh) scale(.1583)\r\n    }\r\n}\r\n\r\n.snow:nth-child(54) {\r\n    opacity: .8954;\r\n    transform: translate(53.8305vw, -10px) scale(.9934);\r\n    animation: fall-54 14s -7s linear infinite\r\n}\r\n\r\n@keyframes fall-54 {\r\n    51.342% {\r\n        transform: translate(47.9502vw, 51.342vh) scale(.9934)\r\n    }\r\n\r\n    to {\r\n        transform: translate(50.89035vw, 100vh) scale(.9934)\r\n    }\r\n}\r\n\r\n.snow:nth-child(55) {\r\n    opacity: .4449;\r\n    transform: translate(11.8372vw, -10px) scale(.1134);\r\n    animation: fall-55 10s -25s linear infinite\r\n}\r\n\r\n@keyframes fall-55 {\r\n    52.904% {\r\n        transform: translate(8.3778vw, 52.904vh) scale(.1134)\r\n    }\r\n\r\n    to {\r\n        transform: translate(10.1075vw, 100vh) scale(.1134)\r\n    }\r\n}\r\n\r\n.snow:nth-child(56) {\r\n    opacity: .5798;\r\n    transform: translate(.2011vw, -10px) scale(.0755);\r\n    animation: fall-56 15s -12s linear infinite\r\n}\r\n\r\n@keyframes fall-56 {\r\n    43.423% {\r\n        transform: translate(-5.1901vw, 43.423vh) scale(.0755)\r\n    }\r\n\r\n    to {\r\n        transform: translate(-2.4945vw, 100vh) scale(.0755)\r\n    }\r\n}\r\n\r\n.snow:nth-child(57) {\r\n    opacity: .6562;\r\n    transform: translate(68.5401vw, -10px) scale(.2571);\r\n    animation: fall-57 19s -6s linear infinite\r\n}\r\n\r\n@keyframes fall-57 {\r\n    74.813% {\r\n        transform: translate(64.4934vw, 74.813vh) scale(.2571)\r\n    }\r\n\r\n    to {\r\n        transform: translate(66.51675vw, 100vh) scale(.2571)\r\n    }\r\n}\r\n\r\n.snow:nth-child(58) {\r\n    opacity: .4084;\r\n    transform: translate(69.9264vw, -10px) scale(.3248);\r\n    animation: fall-58 24s -16s linear infinite\r\n}\r\n\r\n@keyframes fall-58 {\r\n    58.245% {\r\n        transform: translate(70.3357vw, 58.245vh) scale(.3248)\r\n    }\r\n\r\n    to {\r\n        transform: translate(70.13105vw, 100vh) scale(.3248)\r\n    }\r\n}\r\n\r\n.snow:nth-child(59) {\r\n    opacity: .2819;\r\n    transform: translate(12.4574vw, -10px) scale(.1442);\r\n    animation: fall-59 14s -2s linear infinite\r\n}\r\n\r\n@keyframes fall-59 {\r\n    79.675% {\r\n        transform: translate(4.4538vw, 79.675vh) scale(.1442)\r\n    }\r\n\r\n    to {\r\n        transform: translate(8.4556vw, 100vh) scale(.1442)\r\n    }\r\n}\r\n\r\n.snow:nth-child(60) {\r\n    opacity: .0473;\r\n    transform: translate(20.9769vw, -10px) scale(.4711);\r\n    animation: fall-60 18s -2s linear infinite\r\n}\r\n\r\n@keyframes fall-60 {\r\n    68.266% {\r\n        transform: translate(28.5227vw, 68.266vh) scale(.4711)\r\n    }\r\n\r\n    to {\r\n        transform: translate(24.7498vw, 100vh) scale(.4711)\r\n    }\r\n}\r\n\r\n.snow:nth-child(61) {\r\n    opacity: .9333;\r\n    transform: translate(97.8341vw, -10px) scale(.3249);\r\n    animation: fall-61 27s -19s linear infinite\r\n}\r\n\r\n@keyframes fall-61 {\r\n    55.917% {\r\n        transform: translate(97.1641vw, 55.917vh) scale(.3249)\r\n    }\r\n\r\n    to {\r\n        transform: translate(97.4991vw, 100vh) scale(.3249)\r\n    }\r\n}\r\n\r\n.snow:nth-child(62) {\r\n    opacity: .4152;\r\n    transform: translate(20.5953vw, -10px) scale(.8006);\r\n    animation: fall-62 26s -29s linear infinite\r\n}\r\n\r\n@keyframes fall-62 {\r\n    34.675% {\r\n        transform: translate(26.9317vw, 34.675vh) scale(.8006)\r\n    }\r\n\r\n    to {\r\n        transform: translate(23.7635vw, 100vh) scale(.8006)\r\n    }\r\n}\r\n\r\n.snow:nth-child(63) {\r\n    opacity: .1681;\r\n    transform: translate(69.394vw, -10px) scale(.039);\r\n    animation: fall-63 21s -4s linear infinite\r\n}\r\n\r\n@keyframes fall-63 {\r\n    57.352% {\r\n        transform: translate(73.7906vw, 57.352vh) scale(.039)\r\n    }\r\n\r\n    to {\r\n        transform: translate(71.5923vw, 100vh) scale(.039)\r\n    }\r\n}\r\n\r\n.snow:nth-child(64) {\r\n    opacity: .0859;\r\n    transform: translate(94.349vw, -10px) scale(.1418);\r\n    animation: fall-64 16s -29s linear infinite\r\n}\r\n\r\n@keyframes fall-64 {\r\n    70.856% {\r\n        transform: translate(90.582vw, 70.856vh) scale(.1418)\r\n    }\r\n\r\n    to {\r\n        transform: translate(92.4655vw, 100vh) scale(.1418)\r\n    }\r\n}\r\n\r\n.snow:nth-child(65) {\r\n    opacity: .7558;\r\n    transform: translate(63.2083vw, -10px) scale(.1648);\r\n    animation: fall-65 10s -12s linear infinite\r\n}\r\n\r\n@keyframes fall-65 {\r\n    50.517% {\r\n        transform: translate(62.3036vw, 50.517vh) scale(.1648)\r\n    }\r\n\r\n    to {\r\n        transform: translate(62.75595vw, 100vh) scale(.1648)\r\n    }\r\n}\r\n\r\n.snow:nth-child(66) {\r\n    opacity: .7382;\r\n    transform: translate(45.1572vw, -10px) scale(.6176);\r\n    animation: fall-66 19s -14s linear infinite\r\n}\r\n\r\n@keyframes fall-66 {\r\n    64.315% {\r\n        transform: translate(42.6627vw, 64.315vh) scale(.6176)\r\n    }\r\n\r\n    to {\r\n        transform: translate(43.90995vw, 100vh) scale(.6176)\r\n    }\r\n}\r\n\r\n.snow:nth-child(67) {\r\n    opacity: .9619;\r\n    transform: translate(56.1935vw, -10px) scale(.2005);\r\n    animation: fall-67 18s -20s linear infinite\r\n}\r\n\r\n@keyframes fall-67 {\r\n    69.812% {\r\n        transform: translate(61.6613vw, 69.812vh) scale(.2005)\r\n    }\r\n\r\n    to {\r\n        transform: translate(58.9274vw, 100vh) scale(.2005)\r\n    }\r\n}\r\n\r\n.snow:nth-child(68) {\r\n    opacity: .496;\r\n    transform: translate(21.0394vw, -10px) scale(.0248);\r\n    animation: fall-68 28s -17s linear infinite\r\n}\r\n\r\n@keyframes fall-68 {\r\n    43.221% {\r\n        transform: translate(21.176vw, 43.221vh) scale(.0248)\r\n    }\r\n\r\n    to {\r\n        transform: translate(21.1077vw, 100vh) scale(.0248)\r\n    }\r\n}\r\n\r\n.snow:nth-child(69) {\r\n    opacity: .4948;\r\n    transform: translate(64.6491vw, -10px) scale(.5213);\r\n    animation: fall-69 30s -27s linear infinite\r\n}\r\n\r\n@keyframes fall-69 {\r\n    49.013% {\r\n        transform: translate(64.1946vw, 49.013vh) scale(.5213)\r\n    }\r\n\r\n    to {\r\n        transform: translate(64.42185vw, 100vh) scale(.5213)\r\n    }\r\n}\r\n\r\n.snow:nth-child(70) {\r\n    opacity: .7754;\r\n    transform: translate(12.3886vw, -10px) scale(.7374);\r\n    animation: fall-70 20s -24s linear infinite\r\n}\r\n\r\n@keyframes fall-70 {\r\n    64.382% {\r\n        transform: translate(20.3505vw, 64.382vh) scale(.7374)\r\n    }\r\n\r\n    to {\r\n        transform: translate(16.36955vw, 100vh) scale(.7374)\r\n    }\r\n}\r\n\r\n.snow:nth-child(71) {\r\n    opacity: .3591;\r\n    transform: translate(36.0683vw, -10px) scale(.7664);\r\n    animation: fall-71 27s -3s linear infinite\r\n}\r\n\r\n@keyframes fall-71 {\r\n    45.222% {\r\n        transform: translate(29.2196vw, 45.222vh) scale(.7664)\r\n    }\r\n\r\n    to {\r\n        transform: translate(32.64395vw, 100vh) scale(.7664)\r\n    }\r\n}\r\n\r\n.snow:nth-child(72) {\r\n    opacity: .7535;\r\n    transform: translate(14.5526vw, -10px) scale(.4817);\r\n    animation: fall-72 23s -30s linear infinite\r\n}\r\n\r\n@keyframes fall-72 {\r\n    63.472% {\r\n        transform: translate(13.0134vw, 63.472vh) scale(.4817)\r\n    }\r\n\r\n    to {\r\n        transform: translate(13.783vw, 100vh) scale(.4817)\r\n    }\r\n}\r\n\r\n.snow:nth-child(73) {\r\n    opacity: .1692;\r\n    transform: translate(80.2891vw, -10px) scale(.3969);\r\n    animation: fall-73 25s -29s linear infinite\r\n}\r\n\r\n@keyframes fall-73 {\r\n    78.73% {\r\n        transform: translate(79.9755vw, 78.73vh) scale(.3969)\r\n    }\r\n\r\n    to {\r\n        transform: translate(80.1323vw, 100vh) scale(.3969)\r\n    }\r\n}\r\n\r\n.snow:nth-child(74) {\r\n    opacity: .5048;\r\n    transform: translate(72.9332vw, -10px) scale(.0558);\r\n    animation: fall-74 14s -29s linear infinite\r\n}\r\n\r\n@keyframes fall-74 {\r\n    40.25% {\r\n        transform: translate(80.0749vw, 40.25vh) scale(.0558)\r\n    }\r\n\r\n    to {\r\n        transform: translate(76.50405vw, 100vh) scale(.0558)\r\n    }\r\n}\r\n\r\n.snow:nth-child(75) {\r\n    opacity: .1332;\r\n    transform: translate(91.9501vw, -10px) scale(.8901);\r\n    animation: fall-75 13s -8s linear infinite\r\n}\r\n\r\n@keyframes fall-75 {\r\n    55.867% {\r\n        transform: translate(86.8629vw, 55.867vh) scale(.8901)\r\n    }\r\n\r\n    to {\r\n        transform: translate(89.4065vw, 100vh) scale(.8901)\r\n    }\r\n}\r\n\r\n.snow:nth-child(76) {\r\n    opacity: .1731;\r\n    transform: translate(9.1797vw, -10px) scale(.4354);\r\n    animation: fall-76 15s -8s linear infinite\r\n}\r\n\r\n@keyframes fall-76 {\r\n    71.643% {\r\n        transform: translate(14.6597vw, 71.643vh) scale(.4354)\r\n    }\r\n\r\n    to {\r\n        transform: translate(11.9197vw, 100vh) scale(.4354)\r\n    }\r\n}\r\n\r\n.snow:nth-child(77) {\r\n    opacity: .9602;\r\n    transform: translate(37.011vw, -10px) scale(.46);\r\n    animation: fall-77 15s -2s linear infinite\r\n}\r\n\r\n@keyframes fall-77 {\r\n    52.746% {\r\n        transform: translate(35.8607vw, 52.746vh) scale(.46)\r\n    }\r\n\r\n    to {\r\n        transform: translate(36.43585vw, 100vh) scale(.46)\r\n    }\r\n}\r\n\r\n.snow:nth-child(78) {\r\n    opacity: .1581;\r\n    transform: translate(49.0595vw, -10px) scale(.1161);\r\n    animation: fall-78 24s -4s linear infinite\r\n}\r\n\r\n@keyframes fall-78 {\r\n    40.013% {\r\n        transform: translate(53.7219vw, 40.013vh) scale(.1161)\r\n    }\r\n\r\n    to {\r\n        transform: translate(51.3907vw, 100vh) scale(.1161)\r\n    }\r\n}\r\n\r\n.snow:nth-child(79) {\r\n    opacity: .0083;\r\n    transform: translate(71.3239vw, -10px) scale(.7695);\r\n    animation: fall-79 11s -30s linear infinite\r\n}\r\n\r\n@keyframes fall-79 {\r\n    40.862% {\r\n        transform: translate(72.7375vw, 40.862vh) scale(.7695)\r\n    }\r\n\r\n    to {\r\n        transform: translate(72.0307vw, 100vh) scale(.7695)\r\n    }\r\n}\r\n\r\n.snow:nth-child(80) {\r\n    opacity: .9217;\r\n    transform: translate(81.2387vw, -10px) scale(.3136);\r\n    animation: fall-80 12s -1s linear infinite\r\n}\r\n\r\n@keyframes fall-80 {\r\n    49.594% {\r\n        transform: translate(90.9258vw, 49.594vh) scale(.3136)\r\n    }\r\n\r\n    to {\r\n        transform: translate(86.08225vw, 100vh) scale(.3136)\r\n    }\r\n}\r\n\r\n.arrow-icon {\r\n    width: .75rem;\r\n    height: .75rem;\r\n    background-image: url(/library/Adventskalender/generic_assets/down-arrow.webp);\r\n    display: flex;\r\n    background-size: cover;\r\n    margin-left: .5rem;\r\n    transform: rotate(180deg)\r\n}\r\n\r\n.rotate-icon {\r\n    transform: rotate(0)\r\n}\r\n\r\n.page-wrapper {\r\n    margin: 0;\r\n    background-image: linear-gradient(to bottom, #010e1a 0%, #0c2035 36%, #032e2e 54%, #052828 82%);\r\n    z-index: 10;\r\n    overflow: hidden\r\n}\r\n\r\n.door:hover .door-active {\r\n    filter: drop-shadow(0px 0px 80px rgba(255, 215, 0, .5)) drop-shadow(0px 0px 32px rgba(255, 215, 0, .5)) drop-shadow(0px 4px 32px rgba(0, 0, 0, .16));\r\n    border-radius: 12px\r\n}\r\n\r\n.back-layer-vector-2 {\r\n    transform: rotateY(180deg)\r\n}\r\n\r\n.back-layer-vector-15 {\r\n    transform: rotate(354deg)\r\n}\r\n\r\n@media (min-width: 768px) {\r\n    .final-door-bg-vector:before {\r\n        height: 680px;\r\n        margin-top: -128px;\r\n        background-size: 100%\r\n    }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .final-door-bg-vector:before {\r\n        width: 941px;\r\n        height: 941px;\r\n        margin-top: -230px;\r\n        background-size: 100%\r\n    }\r\n}\r\n\r\n.stars {\r\n    background-image: url(/library/Adventskalender/generic_assets/Stars.webp);\r\n    background-size: contain\r\n}\r\n\r\n.shape1 {\r\n    background-image: url(/library/Adventskalender/generic_assets/backgroundAssets/shapes/Hauser.svg);\r\n    background-repeat: no-repeat\r\n}\r\n\r\n.shape2 {\r\n    background-image: url(/library/Adventskalender/generic_assets/backgroundAssets/shapes/tree-1.svg);\r\n    background-repeat: no-repeat\r\n}\r\n\r\n.shape3 {\r\n    background-image: url(/library/Adventskalender/generic_assets/backgroundAssets/shapes/Tree-2.svg);\r\n    background-repeat: no-repeat\r\n}\r\n\r\n.shape4 {\r\n    background-image: url(/library/Adventskalender/generic_assets/backgroundAssets/shapes/StarBig.svg);\r\n    background-repeat: no-repeat\r\n}\r\n\r\n.shape5 {\r\n    background-image: url(/library/Adventskalender/generic_assets/backgroundAssets/shapes/StarSmall.svg);\r\n    background-repeat: no-repeat\r\n}\r\n\r\n.shape6 {\r\n    background-image: url(/library/Adventskalender/generic_assets/backgroundAssets/shapes/Tree-3.svg);\r\n    background-repeat: no-repeat\r\n}\r\n\r\n.shape7 {\r\n    background-image: url(/library/Adventskalender/generic_assets/backgroundAssets/shapes/Logo.svg);\r\n    background-repeat: no-repeat\r\n}\r\n\r\n.shape8 {\r\n    background-image: url(/library/Adventskalender/generic_assets/backgroundAssets/shapes/Bottom_Trees-left.svg);\r\n    background-repeat: no-repeat\r\n}\r\n\r\n.shape9 {\r\n    background-image: url(/library/Adventskalender/generic_assets/backgroundAssets/shapes/Bottom-Trees-right.svg);\r\n    background-repeat: no-repeat\r\n}\r\n\r\n.move {\r\n    animation: move 2s infinite\r\n}\r\n\r\n@keyframes move {\r\n    0% {\r\n        transform: translate(-50%, 8px);\r\n        opacity: 1\r\n    }\r\n\r\n    30% {\r\n        transform: translate(-55%, 5px);\r\n        opacity: 1\r\n    }\r\n\r\n    40% {\r\n        transform: translate(-50%, 25px);\r\n        opacity: 1\r\n    }\r\n\r\n    to {\r\n        transform: translate(-50%, 23px);\r\n        opacity: 0\r\n    }\r\n}\r\n\r\n@keyframes floating-back-layer {\r\n    0% {\r\n        transform: translateY(0) rotate(0)\r\n    }\r\n\r\n    50% {\r\n        transform: translateY(5%) rotate(5deg)\r\n    }\r\n\r\n    to {\r\n        transform: translateY(0) rotate(0)\r\n    }\r\n}\r\n\r\n@keyframes floating-front-layer {\r\n    0% {\r\n        transform: translateY(0) rotate(0)\r\n    }\r\n\r\n    50% {\r\n        transform: translateY(2%) rotate(-2deg)\r\n    }\r\n\r\n    to {\r\n        transform: translateY(0) rotate(0)\r\n    }\r\n}\r\n\r\n@keyframes floating-middle-layer {\r\n    0% {\r\n        transform: translate(0) rotate(0)\r\n    }\r\n\r\n    50% {\r\n        transform: translate(5%) rotate(-5deg)\r\n    }\r\n\r\n    to {\r\n        transform: translate(0) rotate(0)\r\n    }\r\n}\r\n\r\n.front-layer>* {\r\n    transition: all 2s ease-in-out\r\n}\r\n\r\n.front-layer-vector-1 {\r\n  top: 90px\r\n}\r\n\r\n@media (max-width: 1440px) {\r\n    .middle-layer>* {\r\n        animation-name: floating-middle-layer;\r\n        animation-duration: 3s;\r\n        animation-iteration-count: infinite\r\n    }\r\n\r\n    .back-layer>* {\r\n        animation-name: floating-back-layer;\r\n        animation-duration: 3s;\r\n        animation-iteration-count: infinite\r\n    }\r\n}\r\n\r\n.popup-too_early-wrapper {\r\n    background-image: radial-gradient(circle at 50% 50%, #0e403f, #063533 70%)\r\n}\r\n\r\n.popup-available-wrapper {\r\n    background-image: radial-gradient(circle at 50% 50%, #0f2f4b, #0d273f 74%)\r\n}\r\n\r\n.popup-too_late-wrapper {\r\n    background-image: radial-gradient(circle at 50% 50%, #0f2f4b, #0d273f 70%)\r\n}\r\n\r\n.popup-not_verified-wrapper,\r\n.popup-no_first_deposit-wrapper,\r\n.popup-not_verified_no_first_deposit-wrapper,\r\n.popup-self_exclusion-wrapper {\r\n    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .35), rgba(0, 0, 0, .35)), radial-gradient(circle at 50% 50%, #093d3d, #043232 49%)\r\n}\r\n\r\n.popup-golden-ticket-wrapper {\r\n    background-image: linear-gradient(to bottom, rgba(211, 181, 106, .35), rgba(211, 181, 106, .35)), radial-gradient(circle at 50% 10%, #D3B56A, #6D5E37 49%)\r\n}\r\n\r\n.popup-too_early-wrapper:after,\r\n.popup-available-wrapper:after,\r\n.popup-too_late-wrapper:after,\r\n.popup-not_verified-wrapper:after,\r\n.popup-self_exclusion-wrapper:after,\r\n.popup-no_first_deposit-wrapper:after,\r\n.popup-not_verified_no_first_deposit-wrapper:after,\r\n.popup-golden-ticket-wrapper:after {\r\n    content: \"\";\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    z-index: -1;\r\n    position: absolute;\r\n    display: block;\r\n    background: url(/library/Adventskalender/generic_assets/popup/popup_stars.svg)\r\n}\r\n\r\n#custom-popup {\r\n    scrollbar-width: thin;\r\n    scrollbar-color: #0c2035, #032e2e\r\n}\r\n\r\n#custom-popup ::-webkit-scrollbar {\r\n    width: 8px\r\n}\r\n\r\n#custom-popup ::-webkit-scrollbar-track {\r\n    background: #0c2035\r\n}\r\n\r\n#custom-popup ::-webkit-scrollbar-thumb {\r\n    background-color: #032e2e;\r\n    border-radius: 20px\r\n}\r\n\r\n.lottie-player {\r\n    z-index: 1\r\n}\r\n\r\nsvg {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    z-index: -1\r\n}\r\n\r\n#newPath {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    z-index: -1;\r\n    filter: drop-shadow(0px 0px 18px rgba(255, 215, 0, .5)) drop-shadow(0px 0px 12px rgba(255, 215, 0, 1)) drop-shadow(0px 4px 32px rgba(0, 0, 0, .2))\r\n}\r\n\r\n#pathblue {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    z-index: -2\r\n}\r\n\r\n.popup-status-wrapper {\r\n    transform: translate(-50%, -50%)\r\n}\r\n\r\n.hover\\:border-active-yellow:hover {\r\n    --tw-border-opacity: 1;\r\n    border-color: rgb(238 178 62 / var(--tw-border-opacity))\r\n}\r\n\r\n.hover\\:bg-active-yellow:hover {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(238 178 62 / var(--tw-bg-opacity))\r\n}\r\n\r\n.hover\\:\\!text-white:hover {\r\n    --tw-text-opacity: 1 !important;\r\n    color: rgb(255 255 255 / var(--tw-text-opacity)) !important\r\n}\r\n\r\n@media (min-width: 768px) {\r\n    .md\\:\\!\\[display\\:none\\] {\r\n        display: none !important\r\n    }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .lg\\:right-\\[5\\%\\] {\r\n        right: 5%\r\n    }\r\n\r\n    .lg\\:top-\\[13\\%\\] {\r\n        top: 13%\r\n    }\r\n\r\n    .lg\\:right-\\[24\\%\\] {\r\n        right: 24%\r\n    }\r\n\r\n    .lg\\:top-\\[23\\.4\\%\\] {\r\n        top: 23.4%\r\n    }\r\n\r\n    .lg\\:top-\\[33\\%\\] {\r\n        top: 33%\r\n    }\r\n\r\n    .lg\\:left-\\[44\\%\\] {\r\n        left: 44%\r\n    }\r\n\r\n    .lg\\:top-\\[29\\%\\] {\r\n        top: 29%\r\n    }\r\n\r\n    .lg\\:left-\\[10\\%\\] {\r\n        left: 10%\r\n    }\r\n\r\n    .lg\\:top-\\[38\\%\\] {\r\n        top: 38%\r\n    }\r\n\r\n    .lg\\:top-\\[60\\%\\] {\r\n        top: 60%\r\n    }\r\n\r\n    .lg\\:top-\\[72\\%\\] {\r\n        top: 72%\r\n    }\r\n\r\n    .lg\\:left-\\[38\\%\\] {\r\n        left: 38%\r\n    }\r\n\r\n    .lg\\:top-\\[73\\%\\] {\r\n        top: 73%\r\n    }\r\n\r\n    .lg\\:top-\\[78\\%\\] {\r\n        top: 78%\r\n    }\r\n\r\n    .lg\\:right-\\[9\\%\\] {\r\n        right: 9%\r\n    }\r\n\r\n    .lg\\:-left-\\[3\\%\\] {\r\n        left: -3%\r\n    }\r\n\r\n    .lg\\:left-\\[20\\%\\] {\r\n        left: 20%\r\n    }\r\n\r\n    .lg\\:top-\\[11\\%\\] {\r\n        top: 11%\r\n    }\r\n\r\n    .lg\\:top-\\[30\\%\\] {\r\n        top: 30%\r\n    }\r\n\r\n    .lg\\:left-\\[13\\%\\] {\r\n        left: 13%\r\n    }\r\n\r\n    .lg\\:top-\\[55\\%\\] {\r\n        top: 55%\r\n    }\r\n\r\n    .lg\\:right-\\[30\\%\\] {\r\n        right: 30%\r\n    }\r\n\r\n    .lg\\:top-\\[48\\%\\] {\r\n        top: 48%\r\n    }\r\n\r\n    .lg\\:-right-\\[2\\%\\] {\r\n        right: -2%\r\n    }\r\n\r\n    .lg\\:top-\\[46\\%\\] {\r\n        top: 46%\r\n    }\r\n\r\n    .lg\\:top-\\[75\\%\\] {\r\n        top: 75%\r\n    }\r\n\r\n    .lg\\:-right-\\[5\\%\\] {\r\n        right: -5%\r\n    }\r\n\r\n    .lg\\:top-\\[8\\%\\] {\r\n        top: 8%\r\n    }\r\n\r\n    .lg\\:top-\\[15\\%\\] {\r\n        top: 15%\r\n    }\r\n\r\n    .lg\\:left-\\[63\\%\\] {\r\n        left: 63%\r\n    }\r\n\r\n    .lg\\:right-auto {\r\n        right: auto\r\n    }\r\n\r\n    .lg\\:top-\\[11\\.5\\%\\] {\r\n        top: 11.5%\r\n    }\r\n\r\n    .lg\\:top-\\[0\\%\\] {\r\n        top: 0%\r\n    }\r\n\r\n    .lg\\:right-\\[52\\%\\] {\r\n        right: 52%\r\n    }\r\n\r\n    .lg\\:top-\\[20\\%\\] {\r\n        top: 20%\r\n    }\r\n\r\n    .lg\\:-left-\\[2\\%\\] {\r\n        left: -2%\r\n    }\r\n\r\n    .lg\\:top-\\[24\\%\\] {\r\n        top: 24%\r\n    }\r\n\r\n    .lg\\:right-\\[50\\%\\] {\r\n        right: 50%\r\n    }\r\n\r\n    .lg\\:top-\\[26\\.5\\%\\] {\r\n        top: 26.5%\r\n    }\r\n\r\n    .lg\\:right-\\[45\\%\\] {\r\n        right: 45%\r\n    }\r\n\r\n    .lg\\:top-\\[28\\%\\] {\r\n        top: 28%\r\n    }\r\n\r\n    .lg\\:right-\\[10\\%\\] {\r\n        right: 10%\r\n    }\r\n\r\n    .lg\\:left-\\[17\\%\\] {\r\n        left: 17%\r\n    }\r\n\r\n    .lg\\:top-\\[50\\%\\] {\r\n        top: 50%\r\n    }\r\n\r\n    .lg\\:left-\\[52\\%\\] {\r\n        left: 52%\r\n    }\r\n\r\n    .lg\\:top-\\[65\\%\\] {\r\n        top: 65%\r\n    }\r\n\r\n    .lg\\:left-\\[45\\%\\] {\r\n        left: 45%\r\n    }\r\n\r\n    .lg\\:right-\\[6\\%\\] {\r\n        right: 6%\r\n    }\r\n\r\n    .lg\\:right-\\[8\\%\\] {\r\n        right: 8%\r\n    }\r\n\r\n    .lg\\:top-\\[90\\%\\] {\r\n        top: 90%\r\n    }\r\n\r\n    .lg\\:-z-\\[1\\] {\r\n        z-index: -1\r\n    }\r\n\r\n    .lg\\:mt-9 {\r\n        margin-top: 4.5rem\r\n    }\r\n\r\n    .lg\\:mt-34 {\r\n        margin-top: 17rem\r\n    }\r\n\r\n    .lg\\:ml-0 {\r\n        margin-left: 0\r\n    }\r\n\r\n    .lg\\:mr-auto {\r\n        margin-right: auto\r\n    }\r\n\r\n    .lg\\:mt-25 {\r\n        margin-top: 12.5rem\r\n    }\r\n\r\n    .lg\\:ml-auto {\r\n        margin-left: auto\r\n    }\r\n\r\n    .lg\\:mr-0 {\r\n        margin-right: 0\r\n    }\r\n\r\n    .lg\\:mt-\\[441px\\] {\r\n        margin-top: 441px\r\n    }\r\n\r\n    .lg\\:ml-\\[215px\\] {\r\n        margin-left: 215px\r\n    }\r\n\r\n    .lg\\:-mt-\\[160px\\] {\r\n        margin-top: -160px\r\n    }\r\n\r\n    .lg\\:-mt-\\[70px\\] {\r\n        margin-top: -70px\r\n    }\r\n\r\n    .lg\\:block {\r\n        display: block\r\n    }\r\n\r\n    .lg\\:flex {\r\n        display: flex\r\n    }\r\n\r\n    .lg\\:h-\\[620px\\] {\r\n        height: 620px\r\n    }\r\n\r\n    .lg\\:h-\\[170px\\] {\r\n        height: 170px\r\n    }\r\n\r\n    .lg\\:h-\\[500px\\] {\r\n        height: 500px\r\n    }\r\n\r\n    .lg\\:h-\\[153px\\] {\r\n        height: 153px\r\n    }\r\n\r\n    .lg\\:h-\\[300px\\] {\r\n        height: 300px\r\n    }\r\n\r\n    .lg\\:h-\\[546px\\] {\r\n        height: 546px\r\n    }\r\n\r\n    .lg\\:h-\\[250px\\] {\r\n        height: 250px\r\n    }\r\n\r\n    .lg\\:h-\\[400px\\] {\r\n        height: 400px\r\n    }\r\n\r\n    .lg\\:h-\\[505px\\] {\r\n        height: 505px\r\n    }\r\n\r\n    .lg\\:h-\\[165px\\] {\r\n        height: 165px\r\n    }\r\n\r\n    .lg\\:h-\\[350px\\] {\r\n        height: 350px\r\n    }\r\n\r\n    .lg\\:h-\\[270px\\] {\r\n        height: 270px\r\n    }\r\n\r\n    .lg\\:h-\\[440px\\] {\r\n        height: 440px\r\n    }\r\n\r\n    .lg\\:h-\\[100px\\] {\r\n        height: 100px\r\n    }\r\n\r\n    .lg\\:h-\\[600px\\] {\r\n        height: 600px\r\n    }\r\n\r\n    .lg\\:h-\\[800px\\] {\r\n        height: 800px\r\n    }\r\n\r\n    .lg\\:h-\\[50px\\] {\r\n        height: 50px\r\n    }\r\n\r\n    .lg\\:h-\\[130px\\] {\r\n        height: 130px\r\n    }\r\n\r\n    .lg\\:h-\\[120px\\] {\r\n        height: 120px\r\n    }\r\n\r\n    .lg\\:h-\\[150px\\] {\r\n        height: 150px\r\n    }\r\n\r\n    .lg\\:h-\\[181px\\] {\r\n        height: 181px\r\n    }\r\n\r\n    .lg\\:h-\\[384px\\] {\r\n        height: 384px\r\n    }\r\n\r\n    .lg\\:h-\\[404px\\] {\r\n        height: 404px\r\n    }\r\n\r\n    .lg\\:h-\\[357px\\] {\r\n        height: 357px\r\n    }\r\n\r\n    .lg\\:h-\\[45\\%\\] {\r\n        height: 45%\r\n    }\r\n\r\n    .lg\\:h-\\[55\\%\\] {\r\n        height: 55%\r\n    }\r\n\r\n    .lg\\:w-\\[523px\\] {\r\n        width: 523px\r\n    }\r\n\r\n    .lg\\:w-\\[170px\\] {\r\n        width: 170px\r\n    }\r\n\r\n    .lg\\:w-\\[415px\\] {\r\n        width: 415px\r\n    }\r\n\r\n    .lg\\:w-\\[142px\\] {\r\n        width: 142px\r\n    }\r\n\r\n    .lg\\:w-\\[300px\\] {\r\n        width: 300px\r\n    }\r\n\r\n    .lg\\:w-\\[460px\\] {\r\n        width: 460px\r\n    }\r\n\r\n    .lg\\:w-\\[200px\\] {\r\n        width: 200px\r\n    }\r\n\r\n    .lg\\:w-\\[250px\\] {\r\n        width: 250px\r\n    }\r\n\r\n    .lg\\:w-\\[150px\\] {\r\n        width: 150px\r\n    }\r\n\r\n    .lg\\:w-\\[288px\\] {\r\n        width: 288px\r\n    }\r\n\r\n    .lg\\:w-\\[440px\\] {\r\n        width: 440px\r\n    }\r\n\r\n    .lg\\:w-\\[500px\\] {\r\n        width: 500px\r\n    }\r\n\r\n    .lg\\:w-\\[165px\\] {\r\n        width: 165px\r\n    }\r\n\r\n    .lg\\:w-\\[350px\\] {\r\n        width: 350px\r\n    }\r\n\r\n    .lg\\:w-\\[185px\\] {\r\n        width: 185px\r\n    }\r\n\r\n    .lg\\:w-\\[550px\\] {\r\n        width: 550px\r\n    }\r\n\r\n    .lg\\:w-\\[100px\\] {\r\n        width: 100px\r\n    }\r\n\r\n    .lg\\:w-\\[600px\\] {\r\n        width: 600px\r\n    }\r\n\r\n    .lg\\:w-\\[800px\\] {\r\n        width: 800px\r\n    }\r\n\r\n    .lg\\:w-\\[50px\\] {\r\n        width: 50px\r\n    }\r\n\r\n    .lg\\:w-\\[130px\\] {\r\n        width: 130px\r\n    }\r\n\r\n    .lg\\:w-\\[120px\\] {\r\n        width: 120px\r\n    }\r\n\r\n    .lg\\:w-\\[545px\\] {\r\n        width: 545px\r\n    }\r\n\r\n    .lg\\:w-\\[181px\\] {\r\n        width: 181px\r\n    }\r\n\r\n    .lg\\:w-\\[384px\\] {\r\n        width: 384px\r\n    }\r\n\r\n    .lg\\:w-\\[348px\\] {\r\n        width: 348px\r\n    }\r\n\r\n    .lg\\:w-\\[640px\\] {\r\n        width: 640px\r\n    }\r\n\r\n    .lg\\:w-\\[50\\%\\] {\r\n        width: 50%\r\n    }\r\n\r\n    .lg\\:max-w-\\[60vw\\] {\r\n        max-width: 60vw\r\n    }\r\n\r\n    .lg\\:max-w-\\[1050px\\] {\r\n        max-width: 1050px\r\n    }\r\n\r\n    .lg\\:flex-row {\r\n        flex-direction: row\r\n    }\r\n\r\n    .lg\\:flex-row-reverse {\r\n        flex-direction: row-reverse\r\n    }\r\n\r\n    .lg\\:justify-start {\r\n        justify-content: flex-start\r\n    }\r\n\r\n    .lg\\:bg-contain {\r\n        background-size: contain\r\n    }\r\n\r\n    .lg\\:object-contain {\r\n        -o-object-fit: contain;\r\n        object-fit: contain\r\n    }\r\n\r\n    .lg\\:p-\\[15px\\] {\r\n        padding: 15px\r\n    }\r\n\r\n    .lg\\:p-\\[30px\\] {\r\n        padding: 30px\r\n    }\r\n\r\n    .lg\\:px-\\[64px\\] {\r\n        padding-left: 64px;\r\n        padding-right: 64px\r\n    }\r\n\r\n    .lg\\:pb-0 {\r\n        padding-bottom: 0\r\n    }\r\n\r\n    .lg\\:pb-2 {\r\n        padding-bottom: 1rem\r\n    }\r\n\r\n    .lg\\:text-lg {\r\n        font-size: 1.125rem;\r\n        line-height: 1.75rem\r\n    }\r\n\r\n    .lg\\:text-5xl {\r\n        font-size: 3rem;\r\n        line-height: 1\r\n    }\r\n}\r\n\r\n@media (min-width: 1860px) {\r\n    .xxl\\:left-0 {\r\n        left: 0\r\n    }\r\n\r\n    .xxl\\:right-0 {\r\n        right: 0\r\n    }\r\n\r\n    .xxl\\:right-\\[18\\%\\] {\r\n        right: 18%\r\n    }\r\n\r\n    .xxl\\:m-auto {\r\n        margin: auto\r\n    }\r\n\r\n    .xxl\\:w-\\[500px\\] {\r\n        width: 500px\r\n    }\r\n\r\n    .xxl\\:w-\\[95px\\] {\r\n        width: 95px\r\n    }\r\n\r\n    .xxl\\:max-w-\\[1920px\\] {\r\n        max-width: 1920px\r\n    }\r\n}\r\n</style>","beforeEndBody":""},"conditionIds":["fbd30e2c-806a-45bb-b7b2-d4f2fb79f8af","536a0342-c6ec-4919-b04d-5f1c0c5c683d"]},{"tagId":"779afdbc-d2d4-4a00-acd8-7476c605caef","tagTypeId":"custom_js","name":"Animation /adventskalender","description":"Animation after page render JS /adventskalender","config":{"code":"if (window.innerWidth > \"1440\") { \r\n  let middleLayer = document.querySelectorAll(\".middle-layer div\");\r\n  let backLayer = document.querySelectorAll(\".back-layer div\");\r\n  addRandomValuesToAllDivs(middleLayer);\r\n  addRandomValuesToAllDivs(backLayer);\r\n  document.addEventListener(\"mousemove\", parallax);\r\n  document.addEventListener(\"scroll\", parallaxScroll);\r\n} else {\r\n  document.addEventListener(\"scroll\", parallaxScrollMobile);\r\n}\r\n\r\nfunction parallax(event) {\r\n  this.querySelectorAll(\".middle-layer div\").forEach((vector) => {\r\n    const position = vector.getAttribute(\"value\");\r\n    const x = (window.innerWidth - event.pageX * position) / 90;\r\n    const y = (window.innerHeight - event.pageY * position) / 90;\r\n\r\n    vector.style.transform = `translateX(${x}px) translateY(${y}px)`;\r\n  });\r\n  this.querySelectorAll(\".back-layer div\").forEach((vector) => {\r\n    const position = vector.getAttribute(\"value\");\r\n    const x = (window.innerWidth - event.pageX * position) / 90;\r\n    const y = (window.innerHeight - event.pageY * position) / 90;\r\n\r\n    vector.style.transform = `translateX(${y}px) translateY(${x}px)`;\r\n  });\r\n}\r\n\r\nfunction parallaxScroll() {\r\n  this.querySelectorAll(\".front-layer div\").forEach((vector) => {\r\n    let plusOrMinus = randomPlusMinus();\r\n    const rect = vector.getBoundingClientRect();\r\n    const isInViewport = checkViewport(rect);\r\n\r\n    if (isInViewport) {\r\n      vector.style.removeProperty(\"transform\");\r\n    } else {\r\n      vector.style.transform = `translateY(${(5 / 100) * document.documentElement.scrollTop}px) translateX(${((plusOrMinus * 1) / 100) * document.documentElement.scrollTop\r\n        }px)`;\r\n    }\r\n  });\r\n}\r\n\r\nfunction parallaxScrollMobile() {\r\n  this.querySelectorAll(\".front-layer div\").forEach((vector) => {\r\n    let plusOrMinus = randomPlusMinus();\r\n    const rect = vector.getBoundingClientRect();\r\n    const isInViewport = checkViewport(rect);\r\n\r\n    if (isInViewport) {\r\n      vector.style.removeProperty(\"transform\");\r\n    } else {\r\n      vector.style.transform = `translateY(${((plusOrMinus * 3.5) / 100) * document.documentElement.scrollTop\r\n        }px)`;\r\n    }\r\n  });\r\n}\r\n\r\nfunction checkViewport(rect) {\r\n  return (\r\n    rect.top >= (window.innerHeight || document.documentElement.clientHeight) &&\r\n    rect.right <= (window.innerWidth || document.documentElement.clientWidth)\r\n  );\r\n}\r\n\r\nfunction addRandomValuesToAllDivs(divs) {\r\n  divs.forEach((div) => {\r\n    value = Math.random() * (4 - -2) + -2;\r\n    div.setAttribute(\"value\", value);\r\n  });\r\n}\r\n\r\nfunction randomPlusMinus() {\r\n  return Math.random() < 0.5 ? -1 : 1;\r\n}"},"conditionIds":["fbd30e2c-806a-45bb-b7b2-d4f2fb79f8af","4eaa767f-38ed-46ce-aea0-afceba7315fd"]},{"tagId":"9127aab6-a244-4903-8f58-1d9eb93d0012","tagTypeId":"custom_js","name":"Netflix play something suggest- JS","description":"Netflix play something suggest- JS","config":{"code":"(() => {\n  const PARENT_SELECTOR = \".Games__container--3qw\";\n  const TARGET_ELEMENT_ID = \"99e9394b-ce86-e9dd-df6f-7dcd7eeeb797\";\n  const NEW_CONTAINER_ID = \"dy_Netflix_Play_something_-_i_feel_lucky_0\";\n  const CAMPAIGN_NAME = \"Netflix Play something - i feel lucky_0\";\n  // --- Performance knobs ---\n  const OBSERVER_MAX_MS = 60000; // stop observing after 60s\n  let isInitialized = false;\n  let mo = null;\n  const handleError = (msg) => console.error(\"[Netflix I Feel Lucky]\", msg);\n  const handleWarn = (msg) => console.warn(\"[Netflix I Feel Lucky]\", msg);\n  const initializeCampaign = () => {\n    if (typeof DYO === \"undefined\" || !DYO?.smartObject) {\n      handleError(\"DYO library not available\");\n      return;\n    }\n    try {\n      DYO.smartObject(CAMPAIGN_NAME, {\n        target: NEW_CONTAINER_ID,\n        inline: true,\n      });\n    } catch (err) {\n      handleError(`Failed to initialize DYO: ${err}`);\n    }\n  };\n  const insertNewContainer = () => {\n    if (isInitialized) return true;\n    const targetElement = document.getElementById(TARGET_ELEMENT_ID);\n    if (!targetElement) return false; // keep waiting silently\n    // Check if campaign already exists\n    if (document.getElementById(NEW_CONTAINER_ID)) {\n      console.log(\"[Netflix I Feel Lucky] Already initialized, skipping...\");\n      isInitialized = true;\n      return true;\n    }\n    // Create and insert new container\n    const newDiv = document.createElement(\"div\");\n    newDiv.id = NEW_CONTAINER_ID;\n    targetElement.parentNode.insertBefore(newDiv, targetElement.nextSibling);\n    isInitialized = true;\n    requestAnimationFrame(() => requestAnimationFrame(initializeCampaign));\n    return true;\n  };\n  const trySetup = () => {\n    if (isInitialized) {\n      mo && mo.disconnect();\n      return;\n    }\n    if (insertNewContainer() && mo) mo.disconnect();\n  };\n  const startMainObserver = (root) => {\n    let pending = false;\n    const stopAt = performance.now() + OBSERVER_MAX_MS;\n    mo = new MutationObserver(() => {\n      if (pending) return;\n      pending = true;\n      requestAnimationFrame(() => {\n        pending = false;\n        // Disconnect immediately once done\n        if (isInitialized) {\n          mo.disconnect();\n          return;\n        }\n        // Soft lifetime cap\n        if (performance.now() > stopAt) {\n          mo.disconnect();\n          handleWarn(\"Observer stopped after max window without initialization\");\n          return;\n        }\n        trySetup();\n      });\n    });\n    mo.observe(root, { childList: true, subtree: true });\n    // Immediate check (covers case element already exists)\n    trySetup();\n  };\n  const armObserverOnRootOrWait = () => {\n    const root = document.querySelector(PARENT_SELECTOR);\n    if (root) {\n      startMainObserver(root);\n      return;\n    }\n    // Lightweight temporary observer on body only to find the root, then switch\n    const waitMo = new MutationObserver(() => {\n      const r = document.querySelector(PARENT_SELECTOR);\n      if (r) {\n        waitMo.disconnect();\n        startMainObserver(r);\n      }\n    });\n    waitMo.observe(document.body, { childList: true, subtree: true });\n    setTimeout(() => waitMo.disconnect(), 15000); // safety cap while waiting for root\n  };\n\n  // Cleanup function for navigation\n  const cleanup = () => {\n    // Disconnect observer if still running\n    if (mo) {\n      mo.disconnect();\n      mo = null;\n    }\n\n    // Remove the component from DOM\n    const container = document.getElementById(NEW_CONTAINER_ID);\n    if (container) {\n      container.remove();\n    }\n\n    // Reset state flag\n    isInitialized = false;\n  };\n\n  // Handle navigation events\n  Playtech.on('navigate', ({ pathname, cleanPathname, prevPathname, cleanPrevPathname }) => {\n    cleanup();\n  });\n\n  // Start observing\n  armObserverOnRootOrWait();\n})();"},"conditionIds":["753bbe7e-64ab-45c3-8d08-1d182b3ad0a3","4eaa767f-38ed-46ce-aea0-afceba7315fd"]},{"tagId":"1b8a3bf2-e5e7-42fa-a9fa-b2de392c320c","tagTypeId":"custom_js","name":"Casino by Zip JS | Landbased Geo Campaign","description":"Casino by Zip JS | Landbased Geo Campaign","config":{"code":"(async () => {\n  if (!Playtech?.API?.device?.isMobile) return;\n\n  const TARGET_ELEMENT_ID = \"d81776a3-0d49-4833-fd8c-773e25e5f5d9\";\n  const NEW_CONTAINER_ID = \"dy_Landbased_Geo_Campaign\";\n  const CAMPAIGN_NAME = \"Landbased Geo Campaign\";\n\n  // --- Performance knobs ---\n  const OBSERVER_MAX_MS = 60000; // stop observing after 60s\n\n  let isInitialized = false;\n  let mo = null;\n\n  const handleError = (msg) => console.error(\"[Landbased Geo Campaign]\", msg);\n  const handleWarn = (msg) => console.warn(\"[Landbased Geo Campaign]\", msg);\n\n  const initializeCampaign = () => {\n    if (typeof DYO === \"undefined\" || !DYO?.smartObject) {\n      handleError(\"DYO library not available\");\n      return;\n    }\n    try {\n      DYO.smartObject(CAMPAIGN_NAME, {\n        target: NEW_CONTAINER_ID,\n        inline: true,\n      });\n    } catch (err) {\n      handleError(`Failed to initialize DYO: ${err}`);\n    }\n  };\n\n  const insertNewContainer = () => {\n    if (isInitialized) return true;\n\n    // Verify user is still logged in\n    const userDetails = Playtech.fetchUserDetails?.();\n    if (!userDetails?.userId) return false;\n\n    const targetDiv = document.getElementById(TARGET_ELEMENT_ID);\n    if (!targetDiv) return false; // keep waiting silently\n\n    // Check if campaign already exists\n    if (document.querySelector(\".poster-link\") || document.getElementById(NEW_CONTAINER_ID)) {\n      console.log(\"[Landbased Geo Campaign] Already initialized, skipping...\");\n      isInitialized = true;\n      return true;\n    }\n\n    // Create and insert new container\n    const newDiv = document.createElement(\"div\");\n    newDiv.id = NEW_CONTAINER_ID;\n    targetDiv.insertAdjacentElement(\"afterend\", newDiv);\n\n    isInitialized = true;\n    requestAnimationFrame(() => requestAnimationFrame(initializeCampaign));\n    return true;\n  };\n\n  const trySetup = () => {\n    if (isInitialized) {\n      mo && mo.disconnect();\n      return;\n    }\n    if (insertNewContainer() && mo) mo.disconnect();\n  };\n\n  const startMainObserver = () => {\n    // Clean up existing observer if any\n    if (mo) {\n      mo.disconnect();\n      mo = null;\n    }\n\n    let pending = false;\n    const stopAt = performance.now() + OBSERVER_MAX_MS;\n\n    mo = new MutationObserver(() => {\n      if (pending) return;\n      pending = true;\n      requestAnimationFrame(() => {\n        pending = false;\n\n        // Disconnect immediately once done\n        if (isInitialized) {\n          mo.disconnect();\n          return;\n        }\n\n        // Soft lifetime cap\n        if (performance.now() > stopAt) {\n          mo.disconnect();\n          handleWarn(\"Observer stopped after max window without initialization\");\n          return;\n        }\n\n        trySetup();\n      });\n    });\n\n    mo.observe(document.body, { childList: true, subtree: true });\n\n    // Immediate check (covers case element already exists)\n    trySetup();\n  };\n\n  const removeExistingCampaign = () => {\n    const campaign = document.getElementById(NEW_CONTAINER_ID);\n    if (campaign) {\n      campaign.remove();\n      isInitialized = false;\n      console.log(\"[Landbased Geo Campaign] Removed on logout\");\n    }\n  };\n\n  const handleLoggedOut = () => {\n    removeExistingCampaign();\n    if (mo) {\n      mo.disconnect();\n      mo = null;\n    }\n  };\n\n  const handleLoggedIn = () => {\n    console.log(\"[Landbased Geo Campaign] User logged in, restarting observer\");\n    \n    // Reset initialization state\n    isInitialized = false;\n    \n    // Start observing again\n    startMainObserver();\n  };\n\n  // Cleanup function for navigation\n  const cleanup = () => {\n    // Disconnect observer if still running\n    if (mo) {\n      mo.disconnect();\n      mo = null;\n    }\n\n    // Remove the component from DOM\n    const container = document.getElementById(NEW_CONTAINER_ID);\n    if (container) {\n      container.remove();\n    }\n\n    // Reset state flag\n    isInitialized = false;\n  };\n\n  // Handle navigation events\n  Playtech.on('navigate', ({ pathname, cleanPathname, prevPathname, cleanPrevPathname }) => {\n    cleanup();\n  });\n\n  // Set up logout listener\n  if (typeof Playtech?.Events?.LOGGED_OUT !== \"undefined\") {\n    Playtech.on(Playtech.Events.LOGGED_OUT, handleLoggedOut);\n  } else {\n    handleWarn(\"Playtech.Events.LOGGED_OUT not available\");\n  }\n\n  // Set up login listener\n  if (typeof Playtech?.Events?.LOGGED_IN !== \"undefined\") {\n    Playtech.on(Playtech.Events.LOGGED_IN, handleLoggedIn);\n  } else {\n    handleWarn(\"Playtech.Events.LOGGED_IN not available\");\n  }\n\n  // Start observing for the target element (only if user is already logged in)\n  const userDetails = Playtech.fetchUserDetails?.();\n  if (userDetails?.userId) {\n    startMainObserver();\n  } else {\n    console.log(\"[Landbased Geo Campaign] Waiting for user login...\");\n  }\n})();"},"conditionIds":["49c0db39-d960-4837-920f-574b7820bfe0","753bbe7e-64ab-45c3-8d08-1d182b3ad0a3"]},{"tagId":"f5dcfb36-94df-49f2-8fcc-42892475f3e5","tagTypeId":"custom_js","name":"Jackpot component JS","description":"Jackpot component JS","config":{"code":"(async () => {\n  if (!Playtech?.API?.device?.isMobile) return;\n\n  const OBSERVED_ELEMENT_ID = \"d920c554-95dc-a493-46c8-5eb7ea96ff9c\";\n  const TARGET_ELEMENT_ID   = \"37220423-148e-1052-bca2-6aebe543cc65\";\n  const NEW_CONTAINER_ID    = \"dy_Dynamic_Jackpots_Component\";\n\n  // --- Performance knobs ---\n  const OBSERVER_ROOT_SELECTOR = \"div.Games__container--3qw\"; // narrower scope than body\n  const OBSERVER_MAX_MS        = 60000; // soft cap: stop observing after 60s post-scroll\n\n  let hasScrolled = false;\n  let isInitialized = false;\n  let mo = null;\n\n  const handleError = (msg) => console.error(\"[Jackpot Campaign]\", msg);\n  const handleWarn  = (msg) => console.warn(\"[Jackpot Campaign]\", msg);\n\n  // Load resources once (on first scroll)\n  let resourcesPromise;\n  const loadResourcesOnce = () => {\n    if (!resourcesPromise) {\n      resourcesPromise = Promise.all([\n        Playtech.API.common.getScript(\"/library/external_scripts/odometer/odometer.js\"),\n        Playtech.API.common.getStylesheet(\"/library/external_scripts/odometer/odometer.css\")\n      ]).catch((err) => {\n        handleError(`Failed to load Odometer: ${err}`);\n        throw err;\n      });\n    }\n    return resourcesPromise;\n  };\n\n  const initializeCampaign = () => {\n    if (typeof DYO === \"undefined\" || !DYO?.smartObject) {\n      handleError(\"DYO library not available\");\n      return;\n    }\n    try {\n      DYO.smartObject(\"Dynamic Jackpots Component\", { target: NEW_CONTAINER_ID, inline: true });\n    } catch (err) {\n      handleError(`Failed to initialize DYO: ${err}`);\n    }\n  };\n\n  const insertNewContainer = () => {\n    if (isInitialized) return true;\n\n    const targetDiv = document.getElementById(TARGET_ELEMENT_ID);\n    if (!targetDiv) return false; // keep waiting silently\n\n    if (!document.getElementById(NEW_CONTAINER_ID)) {\n      const newDiv = document.createElement(\"div\");\n      newDiv.id = NEW_CONTAINER_ID;\n      targetDiv.insertAdjacentElement(\"afterend\", newDiv);\n    }\n\n    isInitialized = true;\n    requestAnimationFrame(() => requestAnimationFrame(initializeCampaign));\n    return true;\n  };\n\n  // Try to set up when the observed element exists; assume target follows\n  const trySetup = () => {\n    if (isInitialized) { mo && mo.disconnect(); return; }\n    const observed = document.getElementById(OBSERVED_ELEMENT_ID);\n    if (!observed) return; // wait until observed exists within root\n    if (insertNewContainer() && mo) mo.disconnect();\n  };\n\n  const startMainObserver = (root) => {\n    let pending = false;\n    const stopAt = performance.now() + OBSERVER_MAX_MS;\n\n    mo = new MutationObserver(() => {\n      if (pending) return;\n      pending = true;\n      requestAnimationFrame(() => {\n        pending = false;\n\n        // Disconnect immediately once done\n        if (isInitialized) { mo.disconnect(); return; }\n\n        // Soft lifetime cap to avoid running indefinitely on chatty pages\n        if (performance.now() > stopAt) {\n          mo.disconnect();\n          handleWarn(\"Observer stopped after max window without initialization\");\n          return;\n        }\n\n        trySetup();\n      });\n    });\n\n    mo.observe(root, { childList: true, subtree: true });\n\n    // Immediate check (covers case elements already exist)\n    trySetup();\n  };\n\n  const armObserverOnRootOrWait = () => {\n    const root = document.querySelector(OBSERVER_ROOT_SELECTOR);\n    if (root) {\n      startMainObserver(root);\n      return;\n    }\n\n    // Lightweight temporary observer on body only to find the root, then switch\n    const waitMo = new MutationObserver(() => {\n      const r = document.querySelector(OBSERVER_ROOT_SELECTOR);\n      if (r) {\n        waitMo.disconnect();\n        startMainObserver(r);\n      }\n    });\n    waitMo.observe(document.body, { childList: true, subtree: true });\n    setTimeout(() => waitMo.disconnect(), 15000); // safety cap while waiting for root\n  };\n\n  const handleScroll = () => {\n    if (hasScrolled) return;\n    hasScrolled = true;\n    window.removeEventListener(\"scroll\", handleScroll);\n\n    // Kick off resource loading right on first scroll\n    loadResourcesOnce().catch(() => { /* error logged above */ });\n\n    // Start long-lived observer scoped to the games container\n    armObserverOnRootOrWait();\n  };\n\n  // Cleanup function for navigation\n  const cleanup = () => {\n    // Disconnect observer if still running\n    if (mo) {\n      mo.disconnect();\n      mo = null;\n    }\n\n    // Remove the component from DOM\n    const container = document.getElementById(NEW_CONTAINER_ID);\n    if (container) {\n      container.remove();\n    }\n\n    // Reset state flags\n    isInitialized = false;\n    hasScrolled = false;\n  };\n\n  // Handle navigation events\n  Playtech.on('navigate', ({ pathname, cleanPathname, prevPathname, cleanPrevPathname }) => {\n    cleanup();\n  });\n\n  window.addEventListener(\"scroll\", handleScroll, { passive: true, once: true });\n})();"},"conditionIds":["753bbe7e-64ab-45c3-8d08-1d182b3ad0a3","4eaa767f-38ed-46ce-aea0-afceba7315fd"]},{"tagId":"ecfe80ca-ad68-4f0d-aaef-dccc79a43a95","tagTypeId":"custom_tag_type","name":"CSS Poker Cashier Pages","description":"CSS Poker Cashier Pages","config":{"beforeEndHead":"<style>\n.topbar-w-full{\n  display: none;\n}\n #poker-header-menu-items{\n    margin: 0px;\n  }\n  .fn-navigation-container.navigation-container{\n    border-bottom: none !important;\n  }\n  \n  #sticky_search{\n    display: none;\n  }\n  \n  .BonusHistory__bonusHistoryWrapper--26X {\n    margin-left: 0 !important;\n    margin-right: 0 !important;\n  }\n</style>","beforeEndBody":""},"conditionIds":["9a6d0944-98f6-4b91-873b-1d542ea7b5d7","536a0342-c6ec-4919-b04d-5f1c0c5c683d"]},{"tagId":"96d548e8-6ba4-4a97-b84b-d33e82460245","tagTypeId":"custom_tag_type","name":"Black Friday CSS","description":"Black Friday CSS","config":{"beforeEndHead":"<style>\r\n .\\!container {\r\n    width: 100% !important\r\n} \r\n\r\n.container {\r\n    width: 100%\r\n}\r\n\r\n@media (min-width: 640px) {\r\n    .\\!container {\r\n        max-width: 640px !important\r\n    }\r\n\r\n    .container {\r\n        max-width: 640px\r\n    }\r\n}\r\n\r\n@media (min-width: 768px) {\r\n    .\\!container {\r\n        max-width: 768px !important\r\n    }\r\n\r\n    .container {\r\n        max-width: 768px\r\n    }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .\\!container {\r\n        max-width: 1024px !important\r\n    }\r\n\r\n    .container {\r\n        max-width: 1024px\r\n    }\r\n}\r\n\r\n@media (min-width: 1280px) {\r\n    .\\!container {\r\n        max-width: 1280px !important\r\n    }\r\n\r\n    .container {\r\n        max-width: 1280px\r\n    }\r\n}\r\n\r\n@media (min-width: 1536px) {\r\n    .\\!container {\r\n        max-width: 1536px !important\r\n    }\r\n\r\n    .container {\r\n        max-width: 1536px\r\n    }\r\n}\r\n\r\n.static {\r\n    position: static\r\n}\r\n\r\n.absolute {\r\n    position: absolute\r\n}\r\n\r\n.relative {\r\n    position: relative\r\n}\r\n\r\n.-right-8 {\r\n    right: -4rem\r\n}\r\n\r\n.bottom-10 {\r\n    bottom: 5rem\r\n}\r\n\r\n.left-0 {\r\n    left: 0\r\n}\r\n\r\n.left-4 {\r\n    left: 2rem\r\n}\r\n\r\n.top-0 {\r\n    top: 0\r\n}\r\n\r\n.top-\\[30\\%\\] {\r\n    top: 30%\r\n}\r\n\r\n.-z-\\[1\\] {\r\n    z-index: -1\r\n}\r\n\r\n.z-10 {\r\n    z-index: 10\r\n}\r\n\r\n.z-\\[1\\] {\r\n    z-index: 1\r\n}\r\n\r\n.m-0 {\r\n    margin: 0\r\n}\r\n\r\n.mx-1 {\r\n    margin-left: .5rem;\r\n    margin-right: .5rem\r\n}\r\n\r\n.mx-auto {\r\n    margin-left: auto;\r\n    margin-right: auto\r\n}\r\n\r\n.my-0 {\r\n    margin-top: 0;\r\n    margin-bottom: 0\r\n}\r\n\r\n.mb-1 {\r\n    margin-bottom: .5rem\r\n}\r\n\r\n.mb-10 {\r\n    margin-bottom: 5rem\r\n}\r\n\r\n.mb-2 {\r\n    margin-bottom: 1rem\r\n}\r\n\r\n.mb-4 {\r\n    margin-bottom: 2rem\r\n}\r\n\r\n.ml-auto {\r\n    margin-left: auto\r\n}\r\n\r\n.mr-4 {\r\n    margin-right: 2rem\r\n}\r\n\r\n.mt-0 {\r\n    margin-top: 0\r\n}\r\n\r\n.mt-1 {\r\n    margin-top: .5rem\r\n}\r\n\r\n.mt-10 {\r\n    margin-top: 5rem\r\n}\r\n\r\n.mt-12 {\r\n    margin-top: 6rem\r\n}\r\n\r\n.mt-2 {\r\n    margin-top: 1rem\r\n}\r\n\r\n.mt-3 {\r\n    margin-top: 1.5rem\r\n}\r\n\r\n.flex {\r\n    display: flex\r\n}\r\n\r\n.h-0 {\r\n    height: 0\r\n}\r\n\r\n.h-18 {\r\n    height: 9rem\r\n}\r\n\r\n.h-23 {\r\n    height: 11.5rem\r\n}\r\n\r\n.h-\\[115px\\] {\r\n    height: 115px\r\n}\r\n\r\n.h-\\[350px\\] {\r\n    height: 350px\r\n}\r\n\r\n.h-\\[calc\\(100vh-30vh\\)\\] {\r\n    height: 70vh\r\n}\r\n\r\n.w-0 {\r\n    width: 0;\r\n}\r\n\r\n.h-0 {\r\n    height: 0;\r\n}\r\n\r\n.h-auto {\r\n    height: auto\r\n}\r\n\r\n.h-full {\r\n    height: 100%\r\n}\r\n\r\n.w-18 {\r\n    width: 9rem\r\n}\r\n\r\n.w-23 {\r\n    width: 11.5rem\r\n}\r\n\r\n.w-\\[320px\\] {\r\n    width: 320px\r\n}\r\n\r\n.w-\\[350px\\] {\r\n    width: 350px\r\n}\r\n\r\n.w-auto {\r\n    width: auto\r\n}\r\n\r\n.w-full {\r\n    width: 100%\r\n}\r\n\r\n.w-screen {\r\n    width: 100vw\r\n}\r\n\r\n.max-w-5xl {\r\n    max-width: 64rem\r\n}\r\n\r\n.max-w-7xl {\r\n    max-width: 80rem\r\n}\r\n\r\n.max-w-screen-xl {\r\n    max-width: 1280px\r\n}\r\n\r\n.cursor-pointer {\r\n    cursor: pointer\r\n}\r\n\r\n.flex-col {\r\n    flex-direction: column\r\n}\r\n\r\n.items-center {\r\n    align-items: center\r\n}\r\n\r\n.justify-center {\r\n    justify-content: center\r\n}\r\n\r\n.justify-between {\r\n    justify-content: space-between\r\n}\r\n\r\n.gap-1 {\r\n    gap: .5rem\r\n}\r\n\r\n.gap-2 {\r\n    gap: 1rem\r\n}\r\n\r\n.gap-4 {\r\n    gap: 2rem\r\n}\r\n\r\n.overflow-x-hidden {\r\n    overflow-x: hidden\r\n}\r\n\r\n.rounded-xl {\r\n    border-radius: .75rem\r\n}\r\n\r\n.border {\r\n    border-width: 1px\r\n}\r\n\r\n.border-l-4 {\r\n    border-left-width: 4px\r\n}\r\n\r\n.border-solid {\r\n    border-style: solid\r\n}\r\n\r\n.border-l-white {\r\n    border-left-color: #fff\r\n}\r\n\r\n.bg-\\[\\#08101F\\] {\r\n    background-color: #08101f\r\n}\r\n\r\n.bg-\\[\\#0E1720\\] {\r\n    background-color: #0e1720\r\n}\r\n\r\n.bg-\\[\\#21354D\\] {\r\n    background-color: #21354d\r\n}\r\n\r\n.bg-transparent {\r\n    background-color: transparent\r\n}\r\n\r\n.px-2 {\r\n    padding-left: 1rem;\r\n    padding-right: 1rem\r\n}\r\n\r\n.px-3 {\r\n    padding-left: 1.5rem;\r\n    padding-right: 1.5rem\r\n}\r\n\r\n.px-4 {\r\n    padding-left: 2rem;\r\n    padding-right: 2rem\r\n}\r\n\r\n.py-1 {\r\n    padding-top: .5rem;\r\n    padding-bottom: .5rem\r\n}\r\n\r\n.py-\\[0\\.25rem\\] {\r\n    padding-top: .25rem;\r\n    padding-bottom: .25rem\r\n}\r\n\r\n.pb-16 {\r\n    padding-bottom: 8rem\r\n}\r\n\r\n.pb-6 {\r\n    padding-bottom: 3rem\r\n}\r\n\r\n.pt-6 {\r\n    padding-top: 3rem\r\n}\r\n\r\n.pt-0 {\r\n    padding-top: 0;\r\n}\r\n\r\n.text-center {\r\n    text-align: center\r\n}\r\n\r\n.text-2xl {\r\n    font-size: 1.5rem;\r\n    line-height: 2rem\r\n}\r\n\r\n.text-3xl {\r\n    font-size: 1.875rem;\r\n    line-height: 2.25rem\r\n}\r\n\r\n.text-5xl {\r\n    font-size: 3rem;\r\n    line-height: 1\r\n}\r\n\r\n.text-6xl {\r\n    font-size: 3.75rem;\r\n    line-height: 1\r\n}\r\n\r\n.text-9xl {\r\n    font-size: 8rem;\r\n    line-height: 1\r\n}\r\n\r\n.text-lg {\r\n    font-size: 1.125rem;\r\n    line-height: 1.75rem\r\n}\r\n\r\n.text-xl {\r\n    font-size: 1.25rem;\r\n    line-height: 1.75rem\r\n}\r\n\r\n.font-black {\r\n    font-weight: 900\r\n}\r\n\r\n.font-bold {\r\n    font-weight: 700\r\n}\r\n\r\n.font-extrabold {\r\n    font-weight: 800\r\n}\r\n\r\n.font-medium {\r\n    font-weight: 500\r\n}\r\n\r\n.font-normal {\r\n    font-weight: 400\r\n}\r\n\r\n.font-thin {\r\n    font-weight: 100\r\n}\r\n\r\n.uppercase {\r\n    text-transform: uppercase\r\n}\r\n\r\n.tracking-wide {\r\n    letter-spacing: .025em\r\n}\r\n\r\n.text-white {\r\n    color: #fff\r\n}\r\n\r\n.filter {\r\n    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\r\n}\r\n\r\n.transition-transform {\r\n    transition-property: transform;\r\n    transition-timing-function: cubic-bezier(.4, 0, .2, 1);\r\n    transition-duration: .15s\r\n}\r\n\r\n.displaynone {\r\n    display: none\r\n}\r\n\r\n.rotate-45 {\r\n    transform: rotate(80deg)\r\n}\r\n\r\n.scale-y-125 {\r\n    transform: scaleY(1.25)\r\n}\r\n\r\n.accordion-content {\r\n    max-height: 1000px;\r\n    overflow: hidden;\r\n    transition: max-height .3s ease\r\n}\r\n\r\ninput:not(:checked)~.accordion-content {\r\n    max-height: 0\r\n}\r\n\r\n.accordion-header:after {\r\n    content: url(/library/schwingfest-landing/images/arrow.webp);\r\n    display: inline-block;\r\n    margin-left: 5px;\r\n    transition: transform .3s ease;\r\n    position: absolute\r\n}\r\n\r\ninput:checked+.accordion-header:after {\r\n    transform: rotate(180deg)\r\n}\r\n\r\n@keyframes float-rotate {\r\n\r\n    0%,\r\n    to {\r\n        transform: translateY(0) rotate(80deg)\r\n    }\r\n\r\n    50% {\r\n        transform: translateY(-20px) rotate(95deg)\r\n    }\r\n}\r\n\r\n@keyframes float-bounce {\r\n\r\n    0%,\r\n    to {\r\n        transform: translateY(0) scale(1)\r\n    }\r\n\r\n    50% {\r\n        transform: translateY(-15px) scale(1.05)\r\n    }\r\n}\r\n\r\n#gift-1 {\r\n    animation: float-rotate 5s ease-in-out infinite\r\n}\r\n\r\n#gift-2 {\r\n    animation: float-bounce 5s ease-in-out infinite\r\n}\r\n\r\n@keyframes neon-flicker {\r\n\r\n    0%,\r\n    19%,\r\n    21%,\r\n    23%,\r\n    25%,\r\n    54%,\r\n    56%,\r\n    to {\r\n        filter: drop-shadow(0 0 15px rgba(30, 182, 253, .3)) drop-shadow(0 0 30px rgba(30, 182, 253, .1));\r\n        opacity: 1\r\n    }\r\n\r\n    20%,\r\n    24%,\r\n    55% {\r\n        filter: drop-shadow(0 0 5px rgba(30, 182, 253, .2)) drop-shadow(0 0 10px rgba(30, 182, 253, .1));\r\n        opacity: .4\r\n    }\r\n\r\n    22% {\r\n        filter: drop-shadow(0 0 8px rgba(30, 182, 253, .3)) drop-shadow(0 0 15px rgba(30, 182, 253, .2));\r\n        opacity: .6\r\n    }\r\n}\r\n\r\nsection#section1 img[aria-label=logo] {\r\n    animation: neon-flicker 4s linear infinite\r\n}\r\n\r\n.neon-text-cyan {\r\n    -webkit-text-stroke-color: rgba(0, 255, 249, 1);\r\n    -webkit-text-stroke-width: 4px;\r\n    -webkit-text-fill-color: white;\r\n    text-shadow: 0 0 15px rgba(204, 255, 253, .1), 0 0 20px rgba(153, 255, 251, .15), 0 0 40px rgba(102, 255, 249, .1), 0 0 60px rgba(51, 255, 249, .15), 0 0 80px rgba(0, 255, 249, 1)\r\n}\r\n\r\n.neon-text-electric-blue {\r\n    color: transparent;\r\n    -webkit-text-stroke: 1px #1EB6FD;\r\n    text-stroke: 1px #1EB6FD;\r\n    filter: url(#inner-stroke-glow) url(#mid-glow) url(#outer-glow)\r\n}\r\n\r\n.neon-text-electric-pink {\r\n    color: transparent;\r\n    -webkit-text-stroke: 1px #E502E7;\r\n    text-stroke: 1px #E502E7;\r\n    filter: url(#inner-stroke-glow-pink) url(#mid-glow-pink) url(#outer-glow-pink)\r\n}\r\n\r\n.neon-text-electric-blue-pink {\r\n    color: #58ffff;\r\n    filter: url(#inner-stroke-glow-blue-pink) url(#mid-glow-blue-pink) url(#outer-glow-blue-pink)\r\n}\r\n\r\n#ticket-container {\r\n    position: relative;\r\n    background-image: url(/library/landing-pages/black-friday/images/counter-bg.webp);\r\n    background-size: contain;\r\n    background-position: center;\r\n    background-repeat: no-repeat;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center\r\n}\r\n\r\n.prizes-bg {\r\n    position: relative;\r\n    background-image: url(/library/landing-pages/black-friday/images/prizes-bg-crp.webp);\r\n    background-size: contain;\r\n    background-position: center;\r\n    background-repeat: no-repeat;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    min-width: 190px;\r\n    max-width: 190px\r\n}\r\n\r\n#leaderboard {\r\n    display: grid !important;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    grid-gap: .5rem;\r\n    gap: .5rem;\r\n    justify-items: center\r\n}\r\n\r\n#leaderboard>div {\r\n    display: contents\r\n}\r\n\r\n#leaderboard>div:last-child .prizes-bg:last-child {\r\n    grid-column: 1 / -1\r\n}\r\n\r\n.game-swiper {\r\n    padding: 20px 10px 80px !important\r\n}\r\n\r\n.game-swiper .swiper-slide {\r\n    height: auto;\r\n    width: 280px !important\r\n}\r\n  .game-swiper .swiper-wrapper > .swiper-slide {\r\n    display: block !important;\r\n  }\r\n.game-card {\r\n    width: 100%;\r\n    background: linear-gradient(135deg, #1a2332, #0e1720);\r\n    border-radius: 12px;\r\n    border: 2px solid transparent;\r\n    transition: all .3s ease;\r\n    display: flex;\r\n    flex-direction: column;\r\n    height: 100%;\r\n    box-shadow: 0 4px 10px #0000004d;\r\n    justify-content: space-between\r\n}\r\n\r\n.game-card:hover {\r\n    border-color: #1eb6fd;\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 8px 20px #1eb6fd4d\r\n}\r\n\r\n.game-card-image {\r\n    width: 100%;\r\n    height: 170px;\r\n    overflow: hidden;\r\n    background: #0e1720;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: 12px 12px 0 0\r\n}\r\n\r\n.game-card-image img {\r\n    width: 100%;\r\n    height: 100%;\r\n    -o-object-fit: cover;\r\n    object-fit: cover\r\n}\r\n\r\n.game-card-title {\r\n    color: #fff;\r\n    font-size: 1.25rem;\r\n    font-weight: 700;\r\n    text-align: center;\r\n    padding: 1rem .5rem .75rem;\r\n    margin: 0;\r\n    text-transform: uppercase\r\n}\r\n\r\n.game-card-button {\r\n    margin: 0 1rem 1rem;\r\n    padding: .75rem 1.5rem;\r\n    background: linear-gradient(135deg, #1eb6fd, #134fbb);\r\n    color: #fff;\r\n    border: none;\r\n    border-radius: 8px;\r\n    font-size: 1rem;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    cursor: pointer;\r\n    transition: all .3s ease;\r\n    -webkit-text-decoration: none;\r\n    text-decoration: none;\r\n    display: inline-block;\r\n    text-align: center\r\n}\r\n\r\n.game-card-button:hover {\r\n    background: linear-gradient(135deg, #2bc5ff, #1a5fcc);\r\n    transform: scale(1.05);\r\n    box-shadow: 0 4px 15px #1eb6fd80\r\n}\r\n\r\n.game-swiper-button-prev,\r\n.game-swiper-button-next {\r\n    background: #1eb6fdcc;\r\n    border: 2px solid #1EB6FD;\r\n    border-radius: 50%;\r\n    width: 50px;\r\n    height: 50px;\r\n    color: #fff;\r\n    transition: all .3s ease;\r\n    top: auto;\r\n    bottom: 10px\r\n}\r\n\r\n.game-swiper-button-prev:after,\r\n.game-swiper-button-next:after {\r\n    font-size: 18px;\r\n    font-weight: 700;\r\n    font-family: Arial, sans-serif\r\n}\r\n\r\n.game-swiper-button-prev:after {\r\n    content: \"‹\"\r\n}\r\n\r\n.game-swiper-button-next:after {\r\n    content: \"›\"\r\n}\r\n\r\n.game-swiper-button-prev {\r\n    left: 50%;\r\n    margin-left: -75px\r\n}\r\n\r\n.game-swiper-button-next {\r\n    right: 50%;\r\n    margin-right: -75px\r\n}\r\n\r\n.game-swiper-button-prev:hover,\r\n.game-swiper-button-next:hover {\r\n    background: #1eb6fd;\r\n    transform: scale(1.1);\r\n    box-shadow: 0 4px 15px #1eb6fd99\r\n}\r\n\r\n.swiper-button-disabled {\r\n    opacity: .5;\r\n    cursor: not-allowed\r\n}\r\n\r\n.campaign-overlay {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: #08101f80;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    z-index: 10;\r\n    padding: 2rem;\r\n    border-radius: 12px\r\n}\r\n\r\n.campaign-overlay--blur {\r\n    -webkit-backdrop-filter: blur(10px);\r\n    backdrop-filter: blur(10px)\r\n}\r\n\r\n.campaign-overlay__message {\r\n    max-width: 100%;\r\n    text-align: center;\r\n    color: #fff;\r\n    border: 2px solid #1EB6FD;\r\n    border-radius: 12px;\r\n    padding: 2rem;\r\n    background: #08101f4d;\r\n    box-shadow: 0 0 20px #1eb6fd80, 0 0 40px #1eb6fd4d\r\n}\r\n\r\n.campaign-overlay__message--winner {\r\n    position: relative;\r\n    border: none;\r\n    background: #08101f4d;\r\n    padding: calc(2rem + 4px)\r\n}\r\n\r\n.campaign-overlay__message--winner:before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    border-radius: 12px;\r\n    padding: 2px;\r\n    background: linear-gradient(90deg, transparent, transparent, #1EB6FD, #E502E7, #1EB6FD, transparent, transparent);\r\n    background-size: 300% 100%;\r\n    -webkit-mask: linear-gradient(#fff 0, #fff 0) content-box, linear-gradient(#fff 0, #fff 0);\r\n    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\r\n    -webkit-mask-composite: xor;\r\n    mask-composite: exclude;\r\n    animation: border-beam 3s linear infinite;\r\n    pointer-events: none\r\n}\r\n\r\n@keyframes border-beam {\r\n    0% {\r\n        background-position: 0% 0%\r\n    }\r\n\r\n    to {\r\n        background-position: 300% 0%\r\n    }\r\n}\r\n\r\n.campaign-overlay__content {\r\n    font-size: 1.125rem;\r\n    line-height: 1.75;\r\n    color: white;\r\n}\r\n\r\n.campaign-overlay__content a {\r\n    text-decoration: underline;\r\n}\r\n\r\n.campaign-overlay__content a:hover {\r\n    color: #1EB6FD;\r\n}\r\n\r\n@media (min-width: 640px) {\r\n    .campaign-overlay__content {\r\n        font-size: 1.75rem\r\n    }\r\n\r\n    .campaign-overlay {\r\n        width: 100%\r\n    }\r\n\r\n    #leaderboard {\r\n        display: flex !important;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 1rem\r\n    }\r\n\r\n    #leaderboard>div {\r\n        display: flex\r\n    }\r\n\r\n    .prizes-bg {\r\n        min-width: 280px;\r\n        max-width: 280px\r\n    }\r\n\r\n    #leaderboard>div:last-child .prizes-bg:last-child {\r\n        grid-column: auto\r\n    }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .game-swiper {\r\n        padding: 20px 60px 80px !important\r\n    }\r\n\r\n    .game-swiper-button-prev,\r\n    .game-swiper-button-next {\r\n        top: 50%;\r\n        bottom: auto;\r\n        transform: translateY(-50%)\r\n    }\r\n\r\n    .game-swiper-button-prev {\r\n        left: 10px;\r\n        margin-left: 0\r\n    }\r\n\r\n    .game-swiper-button-next {\r\n        right: 10px;\r\n        margin-right: 0\r\n    }\r\n\r\n    .game-swiper-button-prev:hover,\r\n    .game-swiper-button-next:hover {\r\n        transform: translateY(-50%) scale(1.1)\r\n    }\r\n\r\n    .game-swiper-button-prev:after,\r\n    .game-swiper-button-next:after {\r\n        font-size: 24px\r\n    }\r\n\r\n    .prizes-bg {\r\n        min-width: 320px;\r\n        max-width: 320px\r\n    }\r\n}\r\n\r\n.hover\\:text-chinese-yellow:hover {\r\n    color: #f9b000\r\n}\r\n\r\n@media (min-width: 640px) {\r\n    .sm\\:h-\\[220px\\] {\r\n        height: 220px\r\n    }\r\n\r\n    .sm\\:flex-row {\r\n        flex-direction: row\r\n    }\r\n\r\n    .sm\\:text-5xl {\r\n        font-size: 3rem;\r\n        line-height: 1\r\n    }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .lg\\:bottom-15 {\r\n        bottom: 7.5rem\r\n    }\r\n\r\n    .lg\\:right-\\[8\\%\\] {\r\n        right: 8%\r\n    }\r\n\r\n    .lg\\:top-\\[30\\%\\] {\r\n        top: 30%\r\n    }\r\n\r\n    .lg\\:mx-auto {\r\n        margin-left: auto;\r\n        margin-right: auto\r\n    }\r\n\r\n    .lg\\:block {\r\n        display: block\r\n    }\r\n\r\n    .lg\\:h-25 {\r\n        height: 12.5rem\r\n    }\r\n\r\n    .lg\\:h-\\[200px\\] {\r\n        height: 200px\r\n    }\r\n\r\n    .lg\\:h-\\[25rem\\] {\r\n        height: 25rem\r\n    }\r\n\r\n    .lg\\:h-\\[380px\\] {\r\n        height: 380px\r\n    }\r\n\r\n    .lg\\:h-\\[calc\\(100vh-20vh\\)\\] {\r\n        height: 80vh\r\n    }\r\n\r\n    .lg\\:w-25 {\r\n        width: 12.5rem\r\n    }\r\n\r\n    .lg\\:w-\\[25rem\\] {\r\n        width: 25rem\r\n    }\r\n\r\n    .lg\\:w-\\[380px\\] {\r\n        width: 380px\r\n    }\r\n\r\n    .lg\\:w-\\[550px\\] {\r\n        width: 550px\r\n    }\r\n\r\n    .lg\\:w-\\[60\\%\\] {\r\n        width: 60%\r\n    }\r\n\r\n    .lg\\:gap-4 {\r\n        gap: 2rem\r\n    }\r\n\r\n    .lg\\:px-3 {\r\n        padding-left: 1.5rem;\r\n        padding-right: 1.5rem\r\n    }\r\n\r\n    .lg\\:pt-1 {\r\n        padding-top: .5rem\r\n    }\r\n\r\n    .lg\\:text-2xl {\r\n        font-size: 1.5rem;\r\n        line-height: 2rem\r\n    }\r\n\r\n    .lg\\:text-8xl {\r\n        font-size: 6rem;\r\n        line-height: 1\r\n    }\r\n\r\n    .lg\\:text-xl {\r\n        font-size: 1.25rem;\r\n        line-height: 1.75rem\r\n    }\r\n}\r\n</style>","beforeEndBody":""},"conditionIds":["634bf69c-08e3-486c-921f-5b72d5783468","536a0342-c6ec-4919-b04d-5f1c0c5c683d"]},{"tagId":"5c6e7a6b-3d3d-47ca-9f40-5427fd068ef7","tagTypeId":"custom_js","name":"Category Visibility /casino ","description":"Category Visibility /casino ","config":{"code":"(() => {\n    const categoryId = \"4448db2c-5737-e9c7-d6e8-001d9a13d39d\";\n    const selector = `[id=\"${categoryId}\"]`;\n    \n    let shouldHide = false;\n    let hasChecked = false;\n    \n    const hideGameCategory = () => {\n        const gameCategory = document.querySelector(selector);\n        if (gameCategory) {\n            gameCategory.style.display = 'none';\n            return true;\n        }\n        return false;\n    };\n    \n    const showGameCategory = () => {\n        const gameCategory = document.querySelector(selector);\n        if (gameCategory) {\n            gameCategory.style.display = '';\n        }\n    };\n    \n    const checkAndRemove = async () => {\n        try {\n            if (!Playtech.API.auth.isLoggedIn) {\n                shouldHide = true;\n                hasChecked = true;\n                hideGameCategory();\n                return;\n            }\n            \n            const userTags = await Playtech.API.user.getPlayerTags();\n            const tags = userTags.data.tags;\n            const firstDeposit = tags.find(tag => tag.name === \"sc/deposit/r1d\");\n            \n            shouldHide = !firstDeposit;\n            hasChecked = true;\n            \n            if (shouldHide) {\n                hideGameCategory();\n            } else {\n                showGameCategory();\n            }\n        } catch (error) {\n            console.error(\"Error:\", error);\n            hasChecked = true;\n        }\n    };\n    \n    const observer = new MutationObserver((mutations) => {\n        if (!hasChecked) {\n            checkAndRemove();\n            return;\n        }\n        \n        if (shouldHide) {\n            for (const mutation of mutations) {\n                if (mutation.type === \"childList\" && mutation.addedNodes.length > 0) {\n                    const found = Array.from(mutation.addedNodes).some(node => {\n                        if (node.nodeType === 1) {\n                            return node.matches?.(selector) || node.querySelector?.(selector);\n                        }\n                        return false;\n                    });\n                    \n                    if (found) {\n                        hideGameCategory();\n                        observer.disconnect();\n                        break;\n                    }\n                }\n            }\n        } else {\n            observer.disconnect();\n        }\n    });\n    \n    observer.observe(document.body, {\n        childList: true,\n        subtree: true\n    });\n    \n    // Listen for login event\n    Playtech.on(Playtech.Events.LOGGED_IN, () => {\n        hasChecked = false;\n        checkAndRemove();\n    });\n    \n    checkAndRemove();\n})();"},"conditionIds":["3cad490a-3ca3-4671-aff7-298ae6892c99","4eaa767f-38ed-46ce-aea0-afceba7315fd"]},{"tagId":"d17f9a4a-738e-4c3c-8de9-16000430c3cf","tagTypeId":"custom_js","name":"Exit Intent Mobile Trigger","description":"Exit Intent Mobile Triggers","config":{"code":"(() => {\r\n    const config = {\r\n        dyEventName: 'mobile_exit_intent',\r\n        minScrollEngagement: 0.25,\r\n        scrollThreshold: 300,\r\n        minTimeOnPage: 3000,\r\n        minScrollVelocity: 800,\r\n        minScrollDistance: 80,\r\n        maxScrollTime: 200,\r\n        enableFastScroll: true,\r\n        enableVisibilityChange: true,\r\n    };\r\n\r\n    let state = {\r\n        startTime: Date.now(),\r\n        hasTriggered: false,\r\n        lastScrollY: 0,\r\n        lastScrollTime: 0,\r\n        maxScrollDepth: 0,\r\n        hasScrolledEnough: false,\r\n        isDestroyed: false\r\n    };\r\n\r\n    let scrollTimeout;\r\n\r\n    function throttledHandleScroll() {\r\n        if (!scrollTimeout) {\r\n            scrollTimeout = setTimeout(() => {\r\n                handleScroll();\r\n                scrollTimeout = null;\r\n            }, 16);\r\n        }\r\n    }\r\n\r\n    function isMobile() {\r\n        const userAgent = navigator.userAgent || '';\r\n        const isMobileUA = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(userAgent);\r\n        const isMobileScreen = window.innerWidth <= 768;\r\n        const hasTouchSupport = 'ontouchstart' in window;\r\n        return isMobileUA || (isMobileScreen && hasTouchSupport);\r\n    }\r\n\r\n    function getCurrentScrollY() {\r\n        return window.scrollY || window.pageYOffset || document.documentElement.scrollTop || 0;\r\n    }\r\n\r\n    function getScrollPercentage() {\r\n        try {\r\n            const currentScrollY = getCurrentScrollY();\r\n            const documentHeight = Math.max(\r\n                document.body.scrollHeight || 0,\r\n                document.documentElement.scrollHeight || 0\r\n            );\r\n            const windowHeight = window.innerHeight || 0;\r\n            const scrollableHeight = documentHeight - windowHeight;\r\n\r\n            if (scrollableHeight <= 0 || documentHeight === 0) {\r\n                return 0;\r\n            }\r\n\r\n            return currentScrollY / scrollableHeight;\r\n        } catch (error) {\r\n            return 0;\r\n        }\r\n    }\r\n\r\n    function canTrigger() {\r\n        if (state.isDestroyed) return false;\r\n        if (state.hasTriggered) return false;\r\n\r\n        const timeOnPage = Date.now() - state.startTime;\r\n\r\n        return timeOnPage >= config.minTimeOnPage && state.hasScrolledEnough;\r\n    }\r\n\r\n    function triggerExitIntent() {\r\n        if (!canTrigger()) return;\r\n    \r\n        state.hasTriggered = true;\r\n    \r\n        try {\r\n            if (typeof DY !== 'undefined' && DY.API) {\r\n                DY.API('event', {\r\n                    name: config.dyEventName\r\n                });\r\n            }\r\n        } catch (error) {\r\n            console.error('Exit intent trigger error:', error);\r\n        }\r\n    }\r\n\r\n    function handleScroll() {\r\n        if (state.isDestroyed) return;\r\n\r\n        try {\r\n            const currentScrollY = getCurrentScrollY();\r\n            const currentTime = Date.now();\r\n            const scrollDelta = state.lastScrollY - currentScrollY;\r\n            const timeDelta = currentTime - state.lastScrollTime;\r\n\r\n            const scrollPercentage = getScrollPercentage();\r\n            state.maxScrollDepth = Math.max(state.maxScrollDepth, scrollPercentage);\r\n\r\n            if (state.maxScrollDepth >= config.minScrollEngagement) {\r\n                state.hasScrolledEnough = true;\r\n            }\r\n\r\n            if (state.hasScrolledEnough && timeDelta > 0 && config.enableFastScroll) {\r\n                const isNearTop = currentScrollY <= config.scrollThreshold;\r\n                const isUpwardScroll = scrollDelta > config.minScrollDistance;\r\n                const isFastScroll = timeDelta <= config.maxScrollTime;\r\n                const scrollVelocity = (scrollDelta / timeDelta) * 1000;\r\n                const isFastEnough = scrollVelocity >= config.minScrollVelocity;\r\n\r\n                if (isNearTop && isUpwardScroll && isFastScroll && isFastEnough) {\r\n                    triggerExitIntent();\r\n                }\r\n            }\r\n\r\n            state.lastScrollY = currentScrollY;\r\n            state.lastScrollTime = currentTime;\r\n        } catch (error) {\r\n            console.error('Scroll handler error:', error);\r\n        }\r\n    }\r\n\r\n    function handleVisibilityChange() {\r\n        try {\r\n            if (document.hidden && canTrigger() && config.enableVisibilityChange) {\r\n                triggerExitIntent();\r\n            }\r\n        } catch (error) {\r\n            console.error('Visibility handler error:', error);\r\n        }\r\n    }\r\n\r\n    function cleanup() {\r\n        state.isDestroyed = true;\r\n        window.removeEventListener('scroll', throttledHandleScroll);\r\n        window.removeEventListener('beforeunload', cleanup);\r\n        document.removeEventListener('visibilitychange', handleVisibilityChange);\r\n\r\n        if (scrollTimeout) {\r\n            clearTimeout(scrollTimeout);\r\n            scrollTimeout = null;\r\n        }\r\n\r\n        if (window.mobileExitIntentCleanup) {\r\n            window.mobileExitIntentCleanup = null;\r\n        }\r\n    }\r\n\r\n    function init() {\r\n        try {\r\n            if (window.mobileExitIntentCleanup && typeof window.mobileExitIntentCleanup === 'function') {\r\n                window.mobileExitIntentCleanup();\r\n            }\r\n        } catch (error) {\r\n            console.error('Cleanup error:', error);\r\n        }\r\n\r\n        if (!isMobile()) return;\r\n\r\n        try {\r\n            state = {\r\n                startTime: Date.now(),\r\n                hasTriggered: false,\r\n                lastScrollY: getCurrentScrollY(),\r\n                lastScrollTime: Date.now(),\r\n                maxScrollDepth: 0,\r\n                hasScrolledEnough: false,\r\n                isDestroyed: false\r\n            };\r\n\r\n            window.addEventListener('scroll', throttledHandleScroll, { passive: true });\r\n\r\n            if (config.enableVisibilityChange) {\r\n                document.addEventListener('visibilitychange', handleVisibilityChange);\r\n            }\r\n\r\n            window.addEventListener('beforeunload', cleanup);\r\n\r\n            if (typeof Playtech !== 'undefined' && Playtech.on) {\r\n                Playtech.on('navigate', cleanup);\r\n            }\r\n\r\n            window.mobileExitIntentCleanup = cleanup;\r\n        } catch (error) {\r\n            console.error('Init error:', error);\r\n            cleanup();\r\n        }\r\n    }\r\n\r\n    init();\r\n})();"},"conditionIds":["4eaa767f-38ed-46ce-aea0-afceba7315fd"]},{"tagId":"f9e47500-e865-4efa-bb95-337e32af3c7f","tagTypeId":"custom_js","name":"Player Tags Manager","description":" Player Tag Caching and Management","config":{"code":"(() => {\r\n    const CONFIG = {\r\n        STORAGE_KEY: 'player_tags_data',\r\n        DEFAULT_TTL: 86400000,\r\n        DEFAULT_REFRESH_INTERVAL: 300000,\r\n        ENCRYPTION_KEY: 'PT_' + new Date().getFullYear(),\r\n        ALLOWED_TAG_PREFIXES: ['sc/segmentation', 'sc/deposit', 'sc/lifecycle', 'sc/promo']\r\n    };\r\n\r\n    let refreshIntervalId = null;\r\n\r\n    const securityUtils = {\r\n        encode: (data) => {\r\n            try {\r\n                const jsonString = JSON.stringify(data);\r\n                return btoa(jsonString);\r\n            } catch (error) {\r\n                return null;\r\n            }\r\n        },\r\n\r\n        decode: (encodedData) => {\r\n            try {\r\n                if (!encodedData) return null;\r\n                const jsonString = atob(encodedData);\r\n                return JSON.parse(jsonString);\r\n            } catch (error) {\r\n                return null;\r\n            }\r\n        }\r\n    };\r\n\r\n    const startPeriodicRefresh = () => {\r\n        if (refreshIntervalId !== null) {\r\n            clearInterval(refreshIntervalId);\r\n            refreshIntervalId = null;\r\n        }\r\n\r\n        refreshIntervalId = setInterval(async () => {\r\n            try {\r\n                await PlayerTagsManagerImpl.fetchAndStore(CONFIG.DEFAULT_TTL, true);\r\n            } catch (error) {\r\n                // Fail silently or log error using a non-console.warn method if required\r\n            }\r\n        }, CONFIG.DEFAULT_REFRESH_INTERVAL);\r\n    };\r\n\r\n    const stopPeriodicRefresh = () => {\r\n        if (refreshIntervalId !== null) {\r\n            clearInterval(refreshIntervalId);\r\n            refreshIntervalId = null;\r\n        }\r\n    };\r\n\r\n    const PlayerTagsManagerImpl = {\r\n        filterSensitiveTags: (tags) => {\r\n            if (!Array.isArray(tags)) return [];\r\n\r\n            return tags.filter(tag => {\r\n                if (!tag || !tag.name) return false;\r\n\r\n                return CONFIG.ALLOWED_TAG_PREFIXES.some(prefix =>\r\n                    tag.name.startsWith(prefix)\r\n                );\r\n            });\r\n        },\r\n\r\n        savePlayerTags: (tagsData, ttl = CONFIG.DEFAULT_TTL) => {\r\n            try {\r\n                if (!tagsData || !tagsData.data || !tagsData.data.tags) {\r\n                    return false;\r\n                }\r\n\r\n                const filteredTags = PlayerTagsManagerImpl.filterSensitiveTags(tagsData.data.tags);\r\n\r\n                const storageData = {\r\n                    tags: filteredTags,\r\n                    timestamp: Date.now(),\r\n                    expiresAt: Date.now() + ttl,\r\n                    correlationId: tagsData.data.correlationId || null,\r\n                    id: tagsData.ID || null\r\n                };\r\n\r\n                const encodedData = securityUtils.encode(storageData);\r\n                if (!encodedData) return false;\r\n\r\n                localStorage.setItem(CONFIG.STORAGE_KEY, encodedData);\r\n                return true;\r\n            } catch (error) {\r\n                return false;\r\n            }\r\n        },\r\n\r\n        getPlayerTags: (checkExpiration = true) => {\r\n            try {\r\n                const encodedData = localStorage.getItem(CONFIG.STORAGE_KEY);\r\n                if (!encodedData) return null;\r\n\r\n                const data = securityUtils.decode(encodedData);\r\n                if (!data) return null;\r\n\r\n                if (checkExpiration && data.expiresAt && Date.now() > data.expiresAt) {\r\n                    PlayerTagsManagerImpl.flushPlayerTags();\r\n                    return null;\r\n                }\r\n\r\n                return {\r\n                    data: {\r\n                        tags: data.tags,\r\n                        correlationId: data.correlationId\r\n                    },\r\n                    ID: data.id\r\n                };\r\n            } catch (error) {\r\n                return null;\r\n            }\r\n        },\r\n\r\n        hasValidPlayerTags: () => {\r\n            return PlayerTagsManagerImpl.getPlayerTags() !== null;\r\n        },\r\n\r\n        flushPlayerTags: () => {\r\n            try {\r\n                localStorage.removeItem(CONFIG.STORAGE_KEY);\r\n                return true;\r\n            } catch (error) {\r\n                return false;\r\n            }\r\n        },\r\n\r\n        refreshExpiration: (ttl = CONFIG.DEFAULT_TTL) => {\r\n            try {\r\n                const currentData = PlayerTagsManagerImpl.getPlayerTags(false);\r\n                if (!currentData) return false;\r\n\r\n                return PlayerTagsManagerImpl.savePlayerTags(currentData, ttl);\r\n            } catch (error) {\r\n                return false;\r\n            }\r\n        },\r\n\r\n        fetchAndStore: async (ttl = CONFIG.DEFAULT_TTL, forceFetch = false) => {\r\n            try {\r\n                if (!forceFetch) {\r\n                    const existingTags = PlayerTagsManagerImpl.getPlayerTags();\r\n                    if (existingTags) {\r\n                        return existingTags;\r\n                    }\r\n                }\r\n\r\n                const tagsData = await Playtech.API.user.getPlayerTags();\r\n                PlayerTagsManagerImpl.savePlayerTags(tagsData, ttl);\r\n                return tagsData;\r\n            } catch (error) {\r\n                throw error;\r\n            }\r\n        },\r\n\r\n        getTagValue: (tagName) => {\r\n            const tagsData = PlayerTagsManagerImpl.getPlayerTags();\r\n\r\n            if (!tagsData || !tagsData.data || !tagsData.data.tags) {\r\n                return null;\r\n            }\r\n\r\n            const tag = tagsData.data.tags.find(tag => tag.name === tagName);\r\n            return tag ? tag.value : null;\r\n        },\r\n\r\n        hasTag: (tagName) => {\r\n            const tagsData = PlayerTagsManagerImpl.getPlayerTags();\r\n\r\n            if (!tagsData || !tagsData.data || !tagsData.data.tags) {\r\n                return false;\r\n            }\r\n\r\n            return tagsData.data.tags.some(tag => tag.name === tagName);\r\n        },\r\n\r\n        handleLogin: async () => {\r\n            try {\r\n                const tagsData = await PlayerTagsManagerImpl.fetchAndStore();\r\n                startPeriodicRefresh();\r\n                return tagsData;\r\n            } catch (error) {\r\n                return null;\r\n            }\r\n        },\r\n\r\n        handleLogout: () => {\r\n            stopPeriodicRefresh();\r\n            return PlayerTagsManagerImpl.flushPlayerTags();\r\n        },\r\n\r\n        handleTagChange: async (tag) => {\r\n            try {\r\n                const shouldRefresh = CONFIG.ALLOWED_TAG_PREFIXES.some(prefix => tag.startsWith(prefix));\r\n\r\n                if (shouldRefresh) {\r\n                    const tagsData = await PlayerTagsManagerImpl.fetchAndStore(CONFIG.DEFAULT_TTL, true);\r\n                    return tagsData;\r\n                } else {\r\n                    return PlayerTagsManagerImpl.getPlayerTags();\r\n                }\r\n            } catch (error) {\r\n                return null;\r\n            }\r\n        }\r\n    };\r\n\r\n    window.PlayerTagsManager = PlayerTagsManagerImpl;\r\n\r\n    if (window.Playtech) {\r\n        Playtech.on('LOGGED_IN', async () => {\r\n            await window.PlayerTagsManager.handleLogin();\r\n        });\r\n\r\n        Playtech.on('LOGGED_OUT', () => {\r\n            window.PlayerTagsManager.handleLogout();\r\n        });\r\n\r\n        Playtech.on('player-tag-change', ({ tag }) => {\r\n            window.PlayerTagsManager.handleTagChange(tag);\r\n        });\r\n    }\r\n})();"},"conditionIds":["49c0db39-d960-4837-920f-574b7820bfe0"]},{"tagId":"369b0d65-8802-4210-a8c1-3e7b9ec25e5b","tagTypeId":"custom_js","name":"Halloween LP JS","description":"Halloween LP JS","config":{"code":"(() => {\n    // Smooth scroll for scroll down button\n    const scrollDownButton = document.querySelector('.scroll-down-button');\n    if (scrollDownButton) {\n        scrollDownButton.addEventListener('click', (e) => {\n            e.preventDefault();\n            const targetId = scrollDownButton.getAttribute('href');\n            const targetSection = document.querySelector(targetId);\n            if (targetSection) {\n                targetSection.scrollIntoView({ behavior: 'smooth' });\n            }\n        });\n    }\n\n    // Halloween Game Logic\n    const dateTags = {\n        \"2025-10-27\": {\n            gameTag: \"sc/promo/halloween_27\",\n            resultTag: \"sc/promo/halloween_27_result\"\n        },\n        \"2025-10-28\": {\n            gameTag: \"sc/promo/halloween_28\",\n            resultTag: \"sc/promo/halloween_28_result\"\n        },\n        \"2025-10-29\": {\n            gameTag: \"sc/promo/halloween_29\",\n            resultTag: \"sc/promo/halloween_29_result\"\n        },\n        \"2025-10-30\": {\n            gameTag: \"sc/promo/halloween_30\",\n            resultTag: \"sc/promo/halloween_30_result\"\n        },\n        \"2025-10-31\": {\n            gameTag: \"sc/promo/halloween_31\",\n            resultTag: \"sc/promo/halloween_31_result\"\n        },\n        \"2025-11-01\": {\n            gameTag: \"sc/promo/halloween_01\",\n            resultTag: \"sc/promo/halloween_01_result\"\n        },\n        \"2025-11-02\": {\n            gameTag: \"sc/promo/halloween_02\",\n            resultTag: \"sc/promo/halloween_02_result\"\n        }\n    };\n\n    const specialDays = {\n        \"2025-10-28\": {\n            en_US: \"<b>Your bonus offer today: </b><br>Stake CHF 5.– on selected games today, 28.10, and get <b>up to 20 Prime Spins</b> <br><br> <b>Slot games:</b><br> - <a href='/online-game/witches-cash-collect/'>Witches: Cash Collect</a> <br>- <a href='/online-game/lil-demon-mega-cash-collect/'>Lil Demon: Mega Cash Collect</a> <br>- <a href='/online-game/the-walking-dead-2/'>The Walking Dead 2</a>\",\n            de_DE: \"<b>Dein heutiges Bonusangebot: </b><br>Setze heute, 28.10, CHF 5.- in ausgewählten Spielen und erhalte <b>bis zu 20 Prime Spins</b> <br><br> <b>Slot-Spiele:</b><br> - <a href='/online-game/witches-cash-collect/'>Witches: Cash Collect</a> <br>- <a href='/online-game/lil-demon-mega-cash-collect/'>Lil Demon: Mega Cash Collect</a> <br>- <a href='/online-game/the-walking-dead-2/'>The Walking Dead 2</a>\",\n            it_IT: \"<b>La sua offerta bonus di oggi: </b><br>Punta oggi, 28.10, CHF 5.– su giochi selezionati e ricevi <b> fino a 20 Prime Spins.</b> <br><br> <b>Giochi di slot:</b><br> - <a href='/online-game/witches-cash-collect/'>Witches: Cash Collect</a> <br>- <a href='/online-game/lil-demon-mega-cash-collect/'>Lil Demon: Mega Cash Collect</a> <br>- <a href='/online-game/the-walking-dead-2/'>The Walking Dead 2</a>\",\n            fr_FR: \"<b>Votre offre bonus du jour: </b><br>Misez CHF 5.– aujourd’hui, le 28.10, sur des jeux sélectionnés et recevez <b> jusqu’à 20 Prime Spins.</b> <br><br> <b>Jeux de machines à sous :</b><br> - <a href='/online-game/witches-cash-collect/'>Witches: Cash Collect</a> <br>- <a href='/online-game/lil-demon-mega-cash-collect/'>Lil Demon: Mega Cash Collect</a> <br>- <a href='/online-game/the-walking-dead-2/'>The Walking Dead 2</a>\"\n        },\n        \"2025-10-29\": {\n            en_US: \"<b>Your bonus offer today:</b> Trigger a “Respin” feature today, 29.10, in the game <a href='/online-game/mega-fire-blaze-3-wizards/'>«Mega Fire Blaze: 3 Wizards™»</a> and <b>get 20 Free Spins.</b> \",\n            de_DE: \"<b>Dein heutiges Bonusangebot</b>: Löse heute, 29.10, ein <b>«Erneute Drehs» Feature</b> im Spiel <a href='/online-game/mega-fire-blaze-3-wizards/'>«Mega Fire Blaze: 3 Wizards™»</a> aus und erhalte <b>20 Free Spins.</b>\",\n            it_IT: \"<b>La sua offerta bonus di oggi:</b> Attiva oggi, 29.10, una funzione « Respin » nel gioco <a href='/online-game/mega-fire-blaze-3-wizards/'>«Mega Fire Blaze: 3 Wizards™»</a>  e ricevi <b></b> 20 Free Spins. \",\n            fr_FR: \"<b>Votre offre bonus du jour :</b> Déclenchez aujourd’hui, le 29.10, une fonction « Relance » dans le jeu <a href='/online-game/mega-fire-blaze-3-wizards/'>«Mega Fire Blaze: 3 Wizards™»</a> et recevez <b>20 Free Spins.</b> \"\n        },\n        \"2025-11-01\": {\n            en_US: \"<b>Your bonus offer today: </b><br>Stake CHF 10.– on selected games today, 01.11, and get <b>CHF 5.– bonus credit.</b> <br><br> <b>Slot games:</b><br> - <a href='/online-game/dracula-awakening/'>Dracula Awakening</a> <br>- <a href='/online-game/fire-witch/'>Fire Witch</a> <br>- <a href='/online-game/blade-and-fangs/'>Blade & Fangs</a>\",\n            de_DE: \"<b>Dein heutiges Bonusangebot: </b><br>Setze heute, 01.11, CHF 10.- in ausgewählten Spielen und erhalte <b>CHF 5.- Bonusguthaben.</b> <br><br> <b>Slot-Spiele:</b><br> - <a href='/online-game/dracula-awakening/'>Dracula Awakening</a> <br>- <a href='/online-game/fire-witch/'>Fire Witch</a> <br>- <a href='/online-game/blade-and-fangs/'>Blade & Fangs</a>\",\n            it_IT: \"<b>La sua offerta bonus di oggi: </b><br>Punta oggi, 01.11, CHF 10.– su giochi selezionati e ricevi <b>CHF 5.– di credito bonus.</b> <br><br> <b>Giochi di slot:</b><br> - <a href='/online-game/dracula-awakening/'>Dracula Awakening</a> <br>- <a href='/online-game/fire-witch/'>Fire Witch</a> <br>- <a href='/online-game/blade-and-fangs/'>Blade & Fangs</a>\",\n            fr_FR: \"<b>Votre offre bonus du jour: </b><br>Misez CHF 10.– aujourd’hui, le 01.11, sur des jeux sélectionnés et recevez <b> CHF 5.– de crédit bonus.</b> <br><br> <b>Jeux de machines à sous :</b><br> - <a href='/online-game/dracula-awakening/'>Dracula Awakening</a> <br>- <a href='/online-game/fire-witch/'>Fire Witch</a> <br>- <a href='/online-game/blade-and-fangs/'>Blade & Fangs</a>\"\n        },\n        \"2025-11-02\": {\n            en_US: \"<b>Your bonus offer today:</b> <br> Make a <a class='text-white' href='/deposit'>deposit</a> today, 02.11, and get 100% on your deposit up to <b>CHF 50.– bonus credit.</b>\",\n            de_DE: \"<b>Dein heutiges Bonusangebot:</b><br> <a class='text-white' href='/deposit'>Zahle heute</a>, 02.11, ein und erhalte 100% auf deine Einzahlung bis zu <b> CHF 50.- Bonusguthaben.</b>\",\n            it_IT: \"<b>La sua offerta bonus di oggi:</b> Effettui un <a class='text-white' href='/deposit'>deposito</a> oggi, 02.11, e riceva il 100% sul suo deposito fino a <b>CHF 50.– di credito bonus.</b>\",\n            fr_FR: \"<b>Votre offre bonus du jour :</b><br> Effectuez un <a class='text-white' href='/deposit'>dépôt</a> aujourd’hui, le 02.11, et recevez 100 % sur votre dépôt jusqu’à <b>CHF 50.– de crédit bonus.</b>\"\n        }\n    };\n\n    const translations = {\n        en_US: {\n            selfExclusion: {\n                content: \"🔒 You have currently <b>activated a game break</b>. During this time, the Halloween “Trick or Treat” game is <b>not available</b>. \"\n            },\n            alreadyPlayed: {\n                content: \"🔒 <b>You’ve already opened a door today and received your reward.</b> Come back tomorrow – the next surprise will be waiting for you!\"\n            },\n            error: {\n                content: \"🔒 Something went wrong. Please try again later.\"\n            },\n            promotionNotActive: {\n                content: \"🔒 From <b>27.10. to 02.11.25</b>, you’ll have a <b>daily</b> chance to <b>win eerily delightful rewards</b>. \"\n            },\n            noWin: {\n                content: \"👻 Trick! <br> Unfortunately, <b>no sweets</b> behind your door today. <br> But don’t worry – <b>you’ll have another chance tomorrow!</b> 🎃\"\n            }\n        },\n        de_DE: {\n            selfExclusion: {\n                content: \"🔒 Du hast aktuell eine <b>Spielpause aktiviert</b>. Während dieser Zeit ist das Halloween «Süsses oder Saures» Spiel <b>nicht verfügbar</b>.\"\n            },\n            alreadyPlayed: {\n                content: \"🔒 <b>Du hast heute bereits eine Tür geöffnet und deine Belohnung erhalten.</b> <br>Komm morgen wieder - dann wartet die nächste Überraschung auf dich! \"\n            },\n            error: {\n                content: \"🔒 Something went wrong. Please try again later.\"\n            },\n            promotionNotActive: {\n                content: \"🔒 Vom 27.10. bis 02.11.25 wartet jeden Tag deine Chance auf schaurig-schöne Belohnungen.\"\n            },\n            noWin: {\n                content: \"👻 Saures!<br><br>Hinter deiner Tür gibt es heute leider <b>nichts Süsses</b>.<br> Aber keine Sorge – morgen wartet die nächste Chance auf dich! 🎃\"\n            }\n        },\n        fr_FR: {\n            selfExclusion: {\n                content: \"🔒 Vous avez actuellement <b>activé une pause de jeu</b>. Pendant cette période, le jeu d’Halloween « Des bonbons ou un sort » <b>n’est pas disponible</b>.\"\n            },\n            alreadyPlayed: {\n                content: \"🔒 <b>Vous avez déjà ouvert une porte aujourd’hui et reçu votre récompense. </b> Revenez demain – une nouvelle surprise vous y attendra ! \"\n            },\n            error: {\n                content: \"🔒 Something went wrong. Please try again later.\"\n            },\n            promotionNotActive: {\n                content: \"🔒 Du <b>27.10. au 02.11.25</b>, une chance <b>effrayamment belle de gagner</b> vous attend <b>chaque jour</b>. \"\n            },\n            noWin: {\n                content: \"👻 <b>Pas de gain aujourd’hui !</b> Malheureusement, <b>rien de sucré</b> derrière votre porte aujourd’hui. Mais ne vous inquiétez pas – vous aurez une <b>nouvelle chance demain</b> !🎃 \"\n            }\n        },\n        it_IT: {\n            selfExclusion: {\n                content: \"🔒 Ha attualmente <b>attivato una pausa di gioco</b>. Durante questo periodo, il gioco di Halloween « Dolcetto o Scherzetto » <b>non è disponibile.</b>\"\n            },\n            alreadyPlayed: {\n                content: \"🔒 <b>Ha già aperto una porta oggi e ricevuto la sua ricompensa.</b> Torni domani – l’aspetta una nuova sorpresa! \"\n            },\n            error: {\n                content: \"🔒 Something went wrong. Please try again later.\"\n            },\n            promotionNotActive: {\n                content: \"🔒 Dal <b>27.10. al 02.11.25, ogni giorno</b> l’aspetta la possibilità di vincere <b>premi spaventosamente belli.</b>\"\n            },\n            noWin: {\n                content: \"👻 <b>Scherzetto!</b> <br>Oggi non c’è <b>nulla di dolce</b> dietro la tua porta. Ma non preoccuparti – <b>domani ti aspetta una nuova occasione!</b> 🎃 \"\n            }\n        }\n    };\n\n    function getCurrentDateString() {\n        const now = new Date();\n\n        return `${now.getFullYear()}-${String(now.getMonth() + 1).padStart(2, '0')}-${String(now.getDate()).padStart(2, '0')}`;\n    }\n\n    function getCurrentDayTag() {\n        const currentDate = getCurrentDateString();\n        return dateTags[currentDate] || null;\n    }\n\n    function isPromotionActiveToday() {\n        return !!getCurrentDayTag();\n    }\n\n\n    let playerTags = null;\n    async function retryApi(apiCall, maxRetries = 2) {\n        let retries = 0;\n        while (retries <= maxRetries) {\n            try {\n                return await apiCall();\n            } catch (error) {\n                retries++;\n                if (retries > maxRetries) {\n                    throw error;\n                }\n                await new Promise(resolve => setTimeout(resolve, 1000 * Math.pow(2, retries - 1)));\n            }\n        }\n    }\n\n    async function getPlayerTagsRequest(forceRefresh = false) {\n        try {\n            const allTags = await retryApi(() => Playtech.API.user.getPlayerTags());\n            playerTags = allTags.data.tags;\n            return playerTags;\n        } catch (error) {\n            console.error(\"Failed to fetch player tags after retries:\", error);\n            return [];\n        }\n    }\n\n    async function getSelfExclusionStatus() {\n        try {\n            const selfExclusion = await Playtech.API.responsibleGaming.getPlayerSelfExclusion();\n            return selfExclusion.productSettings && selfExclusion.productSettings.length > 0;\n        } catch (error) {\n            console.error(\"Failed to fetch user self exclusion status:\", error);\n            return false;\n        }\n    }\n\n    async function isLoggedIn() {\n        return await Playtech.API.auth.isLoggedIn ? true : false;\n    }\n\n    async function setPlayerTag(tagName, value) {\n        try {\n            await retryApi(() => Playtech.API.user.setPlayerTags([{ name: tagName, value, type: \"text\" }]));\n            return true;\n        } catch (error) {\n            console.error(\"Failed to set player tag:\", error);\n            return false;\n        }\n    }\n\n    function getTranslation(key) {\n        const locale = Playtech.API.language.getCurrentLanguage() || 'en_US';\n        const translation = translations[locale] || translations['en_US'];\n        return translation[key]?.content || translations['en_US'][key]?.content || '';\n    }\n\n    function getSpecialDayMessage(date) {\n        const locale = Playtech.API.language.getCurrentLanguage() || 'en_US';\n        const specialDay = specialDays[date];\n        if (!specialDay) return null;\n        return specialDay[locale] || specialDay['en_US'] || null;\n    }\n\n    async function pollForResult(resultTagName, maxAttempts = 30, interval = 1000) {\n        for (let i = 0; i < maxAttempts; i++) {\n            await new Promise(resolve => setTimeout(resolve, interval));\n\n            const tags = await getPlayerTagsRequest(true);\n            const resultTag = tags.find(tag => tag.name === resultTagName);\n\n            if (resultTag && (resultTag.value === 'win' || resultTag.value === 'fail')) {\n                return resultTag.value;\n            }\n        }\n\n        return null;\n    }\n\n    async function showResult(doorElement, result) {\n        doorElement.classList.remove('loading');\n        doorElement.classList.add('banging');\n\n        await new Promise(resolve => setTimeout(resolve, 1200));\n\n        doorElement.classList.remove('banging');\n        doorElement.classList.add('shattered');\n\n        await new Promise(resolve => setTimeout(resolve, 500));\n\n        doorElement.classList.add('opened', result);\n        doorElement.style.pointerEvents = 'none';\n\n        if (result === 'fail') {\n            setTimeout(() => {\n                const overlay = document.getElementById('game-overlay');\n                const overlayMessage = document.getElementById('game-overlay-message');\n                if (overlay && overlayMessage) {\n                    overlayMessage.innerHTML = getTranslation('noWin');\n                    overlay.classList.remove('hidden');\n                }\n            }, 1500);\n        }\n    }\n\n    function showOverlayMessage(message) {\n        const overlay = document.getElementById('game-overlay');\n        const overlayMessage = document.getElementById('game-overlay-message');\n        if (overlay && overlayMessage) {\n            overlayMessage.innerHTML = message;\n            overlay.classList.remove('hidden');\n        }\n    }\n\n    async function playGame(doorElement) {\n        const dayTag = getCurrentDayTag();\n\n        if (!dayTag) {\n            showOverlayMessage(getTranslation('promotionNotActive'));\n            return;\n        }\n\n        doorElement.classList.add('loading');\n\n        const success = await setPlayerTag(dayTag.gameTag, 'start');\n        if (!success) {\n            showOverlayMessage(getTranslation('error'));\n            doorElement.classList.remove('loading');\n            return;\n        }\n\n        await new Promise(resolve => setTimeout(resolve, 1000));\n\n        const result = await pollForResult(dayTag.gameTag);\n\n        if (!result) {\n            showOverlayMessage(getTranslation('error'));\n            doorElement.classList.remove('loading');\n            return;\n        }\n\n        await showResult(doorElement, result);\n        await new Promise(resolve => setTimeout(resolve, 1000));\n        await setPlayerTag(dayTag.resultTag, result);\n    }\n\n    // Check game availability on page load and show overlay if needed\n    async function checkGameAvailabilityOnLoad() {\n        const overlay = document.getElementById('game-overlay');\n        const overlayMessage = document.getElementById('game-overlay-message');\n\n        if (!overlay || !overlayMessage) return;\n\n        // Check if promotion is active\n        if (!isPromotionActiveToday()) {\n            overlayMessage.innerHTML = getTranslation('promotionNotActive');\n            overlay.classList.remove('hidden');\n            return;\n        }\n\n        // Check if loggedin\n        const loggedIn = await isLoggedIn();\n        if (!loggedIn) {\n            return;\n        }\n\n        // Check self-exclusion status (only if logged in)\n        const isSelfExcluded = await getSelfExclusionStatus();\n        if (isSelfExcluded) {\n            overlayMessage.innerHTML = getTranslation('selfExclusion');\n            overlay.classList.remove('hidden');\n            return;\n        }\n\n        // Check if user already played today (only if logged in)\n        const dayTag = getCurrentDayTag();\n        const tags = await getPlayerTagsRequest();\n        const hasPlayedToday = tags.some(tag => tag.name === dayTag.resultTag);\n\n        if (hasPlayedToday) {\n            // Check if today is a special day with custom message\n            const currentDate = getCurrentDateString();\n            const specialMessage = getSpecialDayMessage(currentDate);\n            if (specialMessage) {\n                // Check if user has completed the bonus for this special day\n                const day = currentDate.split('-')[2];\n                const bonusTagName = `sc/promo/halloween_bonus_${day}`;\n                const bonusTagNameResult = `sc/promo/halloween_${day}_result`;\n                const bonusTag = tags.find(tag => tag.name === bonusTagName);\n                const bonusTagResult = tags.find(tag => tag.name === bonusTagNameResult);\n\n                if ((bonusTag && bonusTag.value === 'completed') || bonusTagResult.value === 'fail') {\n                    overlayMessage.innerHTML = getTranslation('alreadyPlayed');\n                } else {\n                    overlayMessage.innerHTML = specialMessage;\n                }\n            } else {\n                overlayMessage.innerHTML = getTranslation('alreadyPlayed');\n            }\n\n            overlay.classList.remove('hidden');\n            return;\n        }\n\n        overlay.classList.add('hidden');\n    }\n\n    // Run check on page load\n    checkGameAvailabilityOnLoad();\n\n    const doorContainers = document.querySelectorAll('.door-container');\n    doorContainers.forEach((door) => {\n        door.addEventListener('click', async function () {\n            if (this.classList.contains('opened') ||\n                this.classList.contains('loading') ||\n                this.classList.contains('banging') ||\n                this.classList.contains('shattered')) {\n                return;\n            }\n\n            const loggedIn = await isLoggedIn();\n            if (!loggedIn) {\n                window.Playtech && window.Playtech.API.popup.showPopup(\"login\");\n                return;\n            }\n\n            // Disable all other doors\n            doorContainers.forEach(d => {\n                if (d !== this) {\n                    d.style.pointerEvents = 'none';\n                    d.style.opacity = '0.8';\n                }\n            });\n\n            await playGame(this);\n        });\n    });\n})();"},"conditionIds":["07f8567d-983f-4041-ade8-8b5b55ba6cd7","4eaa767f-38ed-46ce-aea0-afceba7315fd"]},{"tagId":"bb761e48-95fa-44a8-b722-9a03f6e8d93a","tagTypeId":"custom_tag_type","name":"Halloween LP CSS","description":"Halloween LP CSS","config":{"beforeEndHead":"<link href=\"https://fonts.googleapis.com/css2?family=New+Rocker&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n.absolute {\r\n    position: absolute\r\n}\r\n\r\n.relative {\r\n    position: relative\r\n}\r\n\r\n.-left-5 {\r\n    left: -2.5rem\r\n}\r\n\r\n.-left-8 {\r\n    left: -4rem\r\n}\r\n\r\n.-top-30 {\r\n    top: -15rem\r\n}\r\n\r\n.bottom-0 {\r\n    bottom: 0\r\n}\r\n\r\n.left-0 {\r\n    left: 0\r\n}\r\n\r\n.left-\\[8\\%\\] {\r\n    left: 8%\r\n}\r\n\r\n.right-2 {\r\n    right: 1rem\r\n}\r\n\r\n.top-0 {\r\n    top: 0\r\n}\r\n\r\n.top-\\[15\\%\\] {\r\n    top: 15%\r\n}\r\n\r\n.top-\\[28\\%\\] {\r\n    top: 28%\r\n}\r\n\r\n.-z-\\[1\\] {\r\n    z-index: -1\r\n}\r\n\r\n.z-10 {\r\n    z-index: 10\r\n}\r\n\r\n.z-\\[1\\] {\r\n    z-index: 1\r\n}\r\n\r\n.mx-1 {\r\n    margin-left: .5rem;\r\n    margin-right: .5rem\r\n}\r\n\r\n.mx-auto {\r\n    margin-left: auto;\r\n    margin-right: auto\r\n}\r\n\r\n.my-0 {\r\n    margin-top: 0;\r\n    margin-bottom: 0\r\n}\r\n\r\n.mb-10 {\r\n    margin-bottom: 5rem\r\n}\r\n\r\n.mb-2 {\r\n    margin-bottom: 1rem\r\n}\r\n\r\n.mb-20 {\r\n    margin-bottom: 10rem\r\n}\r\n\r\n.ml-auto {\r\n    margin-left: auto\r\n}\r\n\r\n.mr-4 {\r\n    margin-right: 2rem\r\n}\r\n\r\n.mt-0 {\r\n    margin-top: 0\r\n}\r\n\r\n.mt-1 {\r\n    margin-top: .5rem\r\n}\r\n\r\n.mt-4 {\r\n    margin-top: 2rem;\r\n}\r\n\r\n.mt-12 {\r\n    margin-top: 6rem\r\n}\r\n\r\n.mt-2 {\r\n    margin-top: 1rem\r\n}\r\n\r\n.mt-3 {\r\n    margin-top: 1.5rem\r\n}\r\n\r\n.mt-6 {\r\n    margin-top: 3rem\r\n}\r\n\r\n.mt-8 {\r\n    margin-top: 4rem\r\n}\r\n\r\n.flex {\r\n    display: flex\r\n}\r\n\r\n.hidden {\r\n    display: none\r\n}\r\n\r\n.h-\\[10rem\\] {\r\n    height: 10rem\r\n}\r\n\r\n.h-\\[130px\\] {\r\n    height: 130px\r\n}\r\n\r\n.h-\\[150px\\] {\r\n    height: 150px\r\n}\r\n\r\n.h-\\[15rem\\] {\r\n    height: 15rem\r\n}\r\n\r\n.h-\\[200px\\] {\r\n    height: 200px\r\n}\r\n\r\n.h-\\[210px\\] {\r\n    height: 210px\r\n}\r\n\r\n.h-\\[230px\\] {\r\n    height: 230px\r\n}\r\n\r\n.h-\\[280px\\] {\r\n    height: 280px\r\n}\r\n\r\n.h-\\[calc\\(100vh-45px\\)\\] {\r\n    height: calc(100vh - 45px)\r\n}\r\n\r\n.h-full {\r\n    height: 100%\r\n}\r\n\r\n.w-\\[100px\\] {\r\n    width: 100px\r\n}\r\n\r\n.w-\\[10rem\\] {\r\n    width: 10rem\r\n}\r\n\r\n.w-\\[125px\\] {\r\n    width: 125px\r\n}\r\n\r\n.w-\\[135px\\] {\r\n    width: 135px\r\n}\r\n\r\n.w-\\[150px\\] {\r\n    width: 150px\r\n}\r\n\r\n.w-\\[15rem\\] {\r\n    width: 15rem\r\n}\r\n\r\n.w-\\[200px\\] {\r\n    width: 200px\r\n}\r\n\r\n.w-\\[6rem\\] {\r\n    width: 6rem\r\n}\r\n\r\n.w-auto {\r\n    width: auto\r\n}\r\n\r\n.w-full {\r\n    width: 100%\r\n}\r\n\r\n.max-w-5xl {\r\n    max-width: 64rem\r\n}\r\n\r\n.cursor-pointer {\r\n    cursor: pointer\r\n}\r\n\r\n.flex-col {\r\n    flex-direction: column\r\n}\r\n\r\n.flex-wrap {\r\n    flex-wrap: wrap\r\n}\r\n\r\n.items-center {\r\n    align-items: center\r\n}\r\n\r\n.justify-start {\r\n    justify-content: flex-start\r\n}\r\n\r\n.justify-center {\r\n    justify-content: center\r\n}\r\n\r\n.justify-between {\r\n    justify-content: space-between\r\n}\r\n\r\n.gap-0 {\r\n    gap: 0\r\n}\r\n\r\n.overflow-x-hidden {\r\n    overflow-x: hidden\r\n}\r\n\r\n.rounded-xl {\r\n    border-radius: .75rem\r\n}\r\n\r\n.border {\r\n    border-width: 1px\r\n}\r\n\r\n.border-l-4 {\r\n    border-left-width: 4px\r\n}\r\n\r\n.border-solid {\r\n    border-style: solid\r\n}\r\n\r\n.border-l-white {\r\n    border-left-color: #fff\r\n}\r\n\r\n.bg-\\[\\#0E1720\\] {\r\n    background-color: #0e1720\r\n}\r\n\r\n.object-contain {\r\n    -o-object-fit: contain;\r\n    object-fit: contain\r\n}\r\n\r\n.px-2 {\r\n    padding-left: 1rem;\r\n    padding-right: 1rem\r\n}\r\n\r\n.px-3 {\r\n    padding-left: 1.5rem;\r\n    padding-right: 1.5rem\r\n}\r\n\r\n.px-4 {\r\n    padding-left: 2rem;\r\n    padding-right: 2rem\r\n}\r\n\r\n.py-1 {\r\n    padding-top: .5rem;\r\n    padding-bottom: .5rem\r\n}\r\n\r\n.py-\\[0\\.25rem\\] {\r\n    padding-top: .25rem;\r\n    padding-bottom: .25rem\r\n}\r\n\r\n.pb-0 {\r\n    padding-bottom: 0\r\n}\r\n\r\n.pb-6 {\r\n    padding-bottom: 3rem\r\n}\r\n\r\n.pt-0 {\r\n    padding-top: 0\r\n}\r\n\r\n.pt-40 {\r\n    padding-top: 20rem\r\n}\r\n\r\n.pt-6 {\r\n    padding-top: 3rem\r\n}\r\n\r\n.pt-8 {\r\n    padding-top: 4rem\r\n}\r\n\r\n.text-center {\r\n    text-align: center\r\n}\r\n\r\n.font-newRocker {\r\n    font-family: New Rocker, sans-serif\r\n}\r\n\r\n.text-2xl {\r\n    font-size: 1.5rem;\r\n    line-height: 2rem\r\n}\r\n\r\n.text-3xl {\r\n    font-size: 1.875rem;\r\n    line-height: 2.25rem\r\n}\r\n\r\n.text-5xl {\r\n    font-size: 3rem;\r\n    line-height: 1\r\n}\r\n\r\n.text-lg {\r\n    font-size: 1.125rem;\r\n    line-height: 1.75rem\r\n}\r\n\r\n.text-xl {\r\n    font-size: 1.25rem;\r\n    line-height: 1.75rem\r\n}\r\n\r\n.font-black {\r\n    font-weight: 900\r\n}\r\n\r\n.font-bold {\r\n    font-weight: 700\r\n}\r\n\r\n.font-extrabold {\r\n    font-weight: 800\r\n}\r\n\r\n.font-medium {\r\n    font-weight: 500\r\n}\r\n\r\n.font-normal {\r\n    font-weight: 400\r\n}\r\n\r\n.uppercase {\r\n    text-transform: uppercase\r\n}\r\n\r\n.text-halloween-orange {\r\n    color: #f66600\r\n}\r\n\r\n.text-white {\r\n    color: #fff\r\n}\r\n\r\n.transition-transform {\r\n    transition-property: transform;\r\n    transition-timing-function: cubic-bezier(.4, 0, .2, 1);\r\n    transition-duration: .15s\r\n}\r\n\r\n.duration-300 {\r\n    transition-duration: .3s\r\n}\r\n\r\n.main-bg-color {\r\n    background: linear-gradient(0deg, #000, #000 28%)\r\n}\r\n\r\n.bg-gradient-custom {\r\n    background: linear-gradient(0deg, #2b435e, #0f1e2f)\r\n}\r\n\r\n.flip-x {\r\n    transform: scaleX(-1)\r\n}\r\n\r\n.forest-background {\r\n    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .7) 5%, rgba(0, 0, 0, .3) 10%, transparent 15%, transparent 85%, rgba(0, 0, 0, .3) 90%, rgba(0, 0, 0, .7) 95%, rgba(0, 0, 0, 1) 100%), url(/library/landing-pages/halloween/images/bg-forest-hq.webp);\r\n    background-size: cover;\r\n    background-position: center;\r\n    background-repeat: no-repeat;\r\n    min-height: 100%\r\n}\r\n\r\n.scroll-down-arrow {\r\n    width: 30px;\r\n    height: 30px;\r\n    border-left: 3px solid #F66600;\r\n    border-bottom: 3px solid #F66600;\r\n    transform: rotate(-45deg);\r\n    animation: scrollDown 2s infinite;\r\n    will-change: transform, opacity\r\n}\r\n\r\n@keyframes scrollDown {\r\n\r\n    0%,\r\n    to {\r\n        transform: rotate(-45deg) translate(0);\r\n        opacity: .5\r\n    }\r\n\r\n    50% {\r\n        transform: rotate(-45deg) translate(10px);\r\n        opacity: 1\r\n    }\r\n}\r\n\r\n.ghost-float {\r\n    animation: ghostFloat 6s ease-in-out infinite;\r\n    will-change: transform;\r\n    transform: translateZ(0)\r\n}\r\n\r\n.ghost-float-scare {\r\n    animation: ghostFloatScare 8s ease-in-out infinite;\r\n    will-change: transform;\r\n    transform: translateZ(0)\r\n}\r\n\r\n@keyframes ghostFloat {\r\n\r\n    0%,\r\n    to {\r\n        transform: translateY(0) translate(0)\r\n    }\r\n\r\n    25% {\r\n        transform: translateY(-15px) translate(5px)\r\n    }\r\n\r\n    50% {\r\n        transform: translateY(-10px) translate(-5px)\r\n    }\r\n\r\n    75% {\r\n        transform: translateY(-20px) translate(3px)\r\n    }\r\n}\r\n\r\n@keyframes ghostFloatScare {\r\n    0% {\r\n        transform: translateY(0) translate(0) scale(1)\r\n    }\r\n\r\n    20% {\r\n        transform: translateY(-15px) translate(5px) scale(1)\r\n    }\r\n\r\n    40% {\r\n        transform: translateY(-10px) translate(-5px) scale(1)\r\n    }\r\n\r\n    60% {\r\n        transform: translateY(-20px) translate(3px) scale(1)\r\n    }\r\n\r\n    80% {\r\n        transform: translateY(-5px) translate(0) scale(1)\r\n    }\r\n\r\n    85% {\r\n        transform: translateY(-5px) translate(0) scale(1)\r\n    }\r\n\r\n    87% {\r\n        transform: translateY(-15px) translate(0) scale(3)\r\n    }\r\n\r\n    89% {\r\n        transform: translateY(-5px) translate(0) scale(1)\r\n    }\r\n\r\n    to {\r\n        transform: translateY(0) translate(0) scale(1)\r\n    }\r\n}\r\n\r\n.hero-title-glow {\r\n    position: relative;\r\n    animation: orangeGlow 3s ease-in-out infinite;\r\n    will-change: text-shadow\r\n}\r\n\r\n@keyframes orangeGlow {\r\n\r\n    0%,\r\n    to {\r\n        text-shadow: 0 0 10px rgba(246, 102, 0, .1), 0 0 20px rgba(246, 102, 0, .05), 0 0 30px rgba(246, 102, 0, .03)\r\n    }\r\n\r\n    50% {\r\n        text-shadow: 0 0 20px rgba(246, 102, 0, .25), 0 0 40px rgba(246, 102, 0, .15), 0 0 60px rgba(246, 102, 0, .08)\r\n    }\r\n}\r\n\r\n.moon-glow {\r\n    filter: drop-shadow(0 0 40px rgba(255, 255, 200, .6));\r\n    transform: translateZ(0);\r\n    pointer-events: none;\r\n}\r\n\r\n.bats {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    pointer-events: none;\r\n    z-index: 20;\r\n    overflow: hidden\r\n}\r\n\r\n.bat,\r\n.bat *,\r\n.bat:before,\r\n.bat:after {\r\n    position: absolute\r\n}\r\n\r\n.bat {\r\n    top: 10%;\r\n    left: 50%;\r\n    transform: translate(-50%) translateZ(0);\r\n    width: 1.5em;\r\n    height: 1.8em;\r\n    font-size: 16px;\r\n    animation: 8s infinite alternate ease-in-out;\r\n    opacity: .8;\r\n    will-change: transform, top, left;\r\n    contain: layout style\r\n}\r\n\r\n.bat__head {\r\n    background: #000;\r\n    width: 80%;\r\n    height: 80%;\r\n    border-radius: 2em\r\n}\r\n\r\n.bat__eye {\r\n    background: radial-gradient(#fc0 15%, #c80 40%);\r\n    opacity: .5;\r\n    width: .3em;\r\n    height: .3em;\r\n    border-radius: 1em;\r\n    left: 18%;\r\n    bottom: 50%\r\n}\r\n\r\n.bat__eye+.bat__eye {\r\n    left: auto;\r\n    right: 18%\r\n}\r\n\r\n.bat__wing {\r\n    width: 3em;\r\n    height: 1.6em;\r\n    right: 50%;\r\n    bottom: 20%;\r\n    background: #000;\r\n    clip-path: polygon(65% 59%, 39% 53%, 33% 33%, 10% 22%, 0 0, 70% 0, 100% 65%, 100% 100%);\r\n    z-index: -1;\r\n    transform-origin: 100%;\r\n    animation: wing .3s infinite alternate ease-in-out;\r\n    will-change: transform;\r\n    backface-visibility: hidden\r\n}\r\n\r\n.bat__wing+.bat__wing {\r\n    left: 50%;\r\n    right: auto;\r\n    clip-path: polygon(0% 100%, 0 65%, 30% 0, 100% 0%, 91% 22%, 66% 33%, 61% 53%, 35% 59%);\r\n    animation: wing .3s .15s infinite alternate ease-in-out;\r\n    transform-origin: 0\r\n}\r\n\r\n@keyframes wing {\r\n    0% {\r\n        transform: rotate(20deg)\r\n    }\r\n\r\n    to {\r\n        transform: rotate(-30deg)\r\n    }\r\n}\r\n\r\n.bat:nth-child(1) {\r\n    animation-name: fly-1;\r\n    animation-duration: 8s;\r\n    animation-delay: 0s\r\n}\r\n\r\n.bat:nth-child(2) {\r\n    animation-name: fly-2;\r\n    animation-duration: 10s;\r\n    animation-delay: .5s\r\n}\r\n\r\n.bat:nth-child(3) {\r\n    animation-name: fly-3;\r\n    animation-duration: 7s;\r\n    animation-delay: 1s\r\n}\r\n\r\n@keyframes fly-1 {\r\n    0% {\r\n        top: 10vh;\r\n        left: 90%;\r\n        transform: translate(0)\r\n    }\r\n\r\n    50% {\r\n        top: 30vh;\r\n        left: 37%;\r\n        transform: translate(0)\r\n    }\r\n\r\n    to {\r\n        top: 40vh;\r\n        left: 5%;\r\n        transform: translate(0)\r\n    }\r\n}\r\n\r\n@keyframes fly-2 {\r\n    0% {\r\n        top: 20vh;\r\n        left: 75%;\r\n        transform: translate(0)\r\n    }\r\n\r\n    50% {\r\n        top: 35vh;\r\n        left: 60%;\r\n        transform: translate(0)\r\n    }\r\n\r\n    to {\r\n        top: 10vh;\r\n        left: 23%;\r\n        transform: translate(0)\r\n    }\r\n}\r\n\r\n@keyframes fly-3 {\r\n    0% {\r\n        top: 1vh;\r\n        left: 5%;\r\n        transform: translate(0)\r\n    }\r\n\r\n    50% {\r\n        top: 30vh;\r\n        left: 55%;\r\n        transform: translate(0)\r\n    }\r\n\r\n    to {\r\n        top: 15vh;\r\n        left: 75%;\r\n        transform: translate(0)\r\n    }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    @keyframes fly-1 {\r\n        0% {\r\n            top: 5vh;\r\n            left: -10%;\r\n            transform: translate(0)\r\n        }\r\n\r\n        50% {\r\n            transform: translate(35vw, -3vh)\r\n        }\r\n\r\n        to {\r\n            top: 15vh;\r\n            left: 110%;\r\n            transform: translate(0)\r\n        }\r\n    }\r\n\r\n    @keyframes fly-2 {\r\n        0% {\r\n            top: 8vh;\r\n            left: 110%;\r\n            transform: translate(0)\r\n        }\r\n\r\n        50% {\r\n            transform: translate(-45vw, 10vh)\r\n        }\r\n\r\n        to {\r\n            top: 18vh;\r\n            left: -10%;\r\n            transform: translate(0)\r\n        }\r\n    }\r\n\r\n    @keyframes fly-3 {\r\n        0% {\r\n            top: 20vh;\r\n            left: -10%;\r\n            transform: translate(0)\r\n        }\r\n\r\n        50% {\r\n            transform: translate(42vw, 18vh)\r\n        }\r\n\r\n        to {\r\n            top: 10vh;\r\n            left: 110%;\r\n            transform: translate(0)\r\n        }\r\n    }\r\n}\r\n\r\n.lantern-combined {\r\n    display: none\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .lantern-combined {\r\n        display: block;\r\n        animation: lanternSwing 5s ease-in-out infinite;\r\n        transform-origin: top center;\r\n        will-change: transform;\r\n        transform: translateZ(0);\r\n        filter: drop-shadow(0 0 10px rgba(255, 140, 0, .6))\r\n    }\r\n}\r\n\r\n@keyframes lanternSwing {\r\n\r\n    0%,\r\n    to {\r\n        transform: rotate(0) translateZ(0)\r\n    }\r\n\r\n    25% {\r\n        transform: rotate(5deg) translateZ(0)\r\n    }\r\n\r\n    50% {\r\n        transform: rotate(0) translateZ(0)\r\n    }\r\n\r\n    75% {\r\n        transform: rotate(-5deg) translateZ(0)\r\n    }\r\n}\r\n\r\n.door-container {\r\n    position: relative;\r\n    overflow: visible;\r\n    transition: transform .3s ease;\r\n    width: 125px;\r\n    height: 250px;\r\n    z-index: 9;\r\n    contain: layout style\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .door-container {\r\n        width: 320px;\r\n        height: 450px\r\n    }\r\n}\r\n\r\n.door-glow {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%) translateZ(0);\r\n    width: 300px;\r\n    height: 400px;\r\n    background: radial-gradient(ellipse, #ff8c0000, #ff8c0000);\r\n    opacity: 0;\r\n    transition: opacity .5s ease;\r\n    z-index: 0;\r\n    pointer-events: none;\r\n    will-change: opacity, filter\r\n}\r\n\r\n.door-frame {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%) translateZ(0);\r\n    z-index: 1;\r\n    opacity: 1;\r\n    pointer-events: none;\r\n    filter: brightness(1.1)\r\n}\r\n\r\n.door-image {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%) translateZ(0);\r\n    z-index: 2;\r\n    transition: transform .3s ease, opacity .8s ease;\r\n    will-change: transform, opacity;\r\n    filter: brightness(1.1)\r\n}\r\n\r\n.door-container:not(.opened):not(.loading):not(.banging) .door-image:hover {\r\n    animation: doorShake 1.2s ease-in-out infinite\r\n}\r\n\r\n.door-image:hover,\r\n.door-frame {\r\n    opacity: 1;\r\n    background: radial-gradient(ellipse, #ff8c00cc, #ff8c004d 40%, #ff8c0000 70%);\r\n    animation: glowPulse 2s ease-in-out infinite\r\n}\r\n\r\n.door-shards {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    width: 125px;\r\n    height: 200px;\r\n    opacity: 0;\r\n    pointer-events: none;\r\n    z-index: 6;\r\n    will-change: opacity\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .door-shards {\r\n        width: 320px;\r\n        height: 450px\r\n    }\r\n}\r\n\r\n.shard {\r\n    position: absolute;\r\n    background-image: url(/library/landing-pages/halloween/images/inner-door.webp);\r\n    background-size: 125px 200px;\r\n    opacity: 0;\r\n    will-change: transform, opacity;\r\n    backface-visibility: hidden\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .shard {\r\n        background-size: 320px 450px\r\n    }\r\n}\r\n\r\n.shard-1 {\r\n    top: 0;\r\n    left: 0;\r\n    width: 95%;\r\n    height: 85%;\r\n    background-position: 0 0;\r\n    clip-path: polygon(0 0, 35% 2%, 68% 0, 88% 15%, 100% 38%, 92% 62%, 68% 78%, 42% 92%, 18% 85%, 5% 68%, 0 42%)\r\n}\r\n\r\n.shard-2 {\r\n    bottom: 0;\r\n    right: 0;\r\n    width: 92%;\r\n    height: 95%;\r\n    background-position: right bottom;\r\n    clip-path: polygon(22% 18%, 52% 8%, 78% 0, 95% 22%, 100% 48%, 100% 75%, 88% 95%, 58% 100%, 32% 92%, 12% 72%, 5% 45%, 18% 28%)\r\n}\r\n\r\n.shard-3 {\r\n    top: 10%;\r\n    right: 5%;\r\n    width: 75%;\r\n    height: 88%;\r\n    background-position: right -10%;\r\n    clip-path: polygon(15% 0, 48% 15%, 78% 8%, 100% 28%, 100% 58%, 85% 82%, 58% 98%, 32% 100%, 12% 82%, 0 58%, 8% 32%, 15% 12%)\r\n}\r\n\r\n.shard-4 {\r\n    top: 15%;\r\n    left: 0;\r\n    width: 82%;\r\n    height: 78%;\r\n    background-position: 0 -15%;\r\n    clip-path: polygon(0 5%, 32% 0, 62% 18%, 88% 12%, 100% 35%, 92% 68%, 65% 88%, 38% 100%, 15% 92%, 5% 72%, 0 42%, 8% 22%)\r\n}\r\n\r\n.result-container {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%) scale(0);\r\n    opacity: 0;\r\n    z-index: 5;\r\n    pointer-events: none;\r\n    will-change: transform, opacity\r\n}\r\n\r\n.door-container.loading .door-image {\r\n    animation: doorShake .3s ease-in-out infinite\r\n}\r\n\r\n@keyframes doorShake {\r\n\r\n    0%,\r\n    to {\r\n        transform: translate(-50%, -50%) translate(0) rotate(0)\r\n    }\r\n\r\n    25% {\r\n        transform: translate(-50%, -50%) translate(-2px) rotate(-.5deg)\r\n    }\r\n\r\n    75% {\r\n        transform: translate(-50%, -50%) translate(2px) rotate(.5deg)\r\n    }\r\n}\r\n\r\n.door-container.banging .door-image {\r\n    animation: doorBanging .4s ease-out 3\r\n}\r\n\r\n@keyframes doorBanging {\r\n    0% {\r\n        transform: translate(-50%, -50%) scale(1)\r\n    }\r\n\r\n    15% {\r\n        transform: translate(-50%, -50%) scale(1.08) translateZ(0);\r\n        filter: brightness(1.2)\r\n    }\r\n\r\n    30% {\r\n        transform: translate(-50%, -50%) scale(.98);\r\n        filter: brightness(1)\r\n    }\r\n\r\n    50% {\r\n        transform: translate(-50%, -50%) scale(1.05) translateZ(0);\r\n        filter: brightness(1.1)\r\n    }\r\n\r\n    70% {\r\n        transform: translate(-50%, -50%) scale(.99)\r\n    }\r\n\r\n    to {\r\n        transform: translate(-50%, -50%) scale(1);\r\n        filter: brightness(1)\r\n    }\r\n}\r\n\r\n.door-container.shattered .door-image {\r\n    opacity: 0 !important\r\n}\r\n\r\n.door-container.shattered .door-shards {\r\n    opacity: 1\r\n}\r\n\r\n.door-container.shattered .shard-1 {\r\n    animation: shardExplode1 .5s cubic-bezier(.25, .46, .45, .94) forwards\r\n}\r\n\r\n.door-container.shattered .shard-2 {\r\n    animation: shardExplode2 .48s cubic-bezier(.25, .46, .45, .94) .01s forwards\r\n}\r\n\r\n.door-container.shattered .shard-3 {\r\n    animation: shardExplode3 .52s cubic-bezier(.25, .46, .45, .94) .02s forwards\r\n}\r\n\r\n.door-container.shattered .shard-4 {\r\n    animation: shardExplode4 .46s cubic-bezier(.25, .46, .45, .94) .03s forwards\r\n}\r\n\r\n@keyframes shardExplode1 {\r\n    0% {\r\n        opacity: 1;\r\n        transform: translate(0) rotate(0) scale(1)\r\n    }\r\n\r\n    50% {\r\n        opacity: .75;\r\n        transform: translate(-135px, -180px) rotate(-245deg) scale(.7)\r\n    }\r\n\r\n    to {\r\n        opacity: 0;\r\n        transform: translate(-280px, -420px) rotate(-680deg) scale(.15)\r\n    }\r\n}\r\n\r\n@keyframes shardExplode2 {\r\n    0% {\r\n        opacity: 1;\r\n        transform: translate(0) rotate(0) scale(1)\r\n    }\r\n\r\n    50% {\r\n        opacity: .7;\r\n        transform: translate(165px, -95px) rotate(385deg) scale(.65)\r\n    }\r\n\r\n    to {\r\n        opacity: 0;\r\n        transform: translate(340px, -240px) rotate(925deg) scale(.1)\r\n    }\r\n}\r\n\r\n@keyframes shardExplode3 {\r\n    0% {\r\n        opacity: 1;\r\n        transform: translate(0) rotate(0) scale(1)\r\n    }\r\n\r\n    50% {\r\n        opacity: .8;\r\n        transform: translate(-88px, 145px) rotate(-425deg) scale(.75)\r\n    }\r\n\r\n    to {\r\n        opacity: 0;\r\n        transform: translate(-195px, 380px) rotate(-1120deg) scale(.2)\r\n    }\r\n}\r\n\r\n@keyframes shardExplode4 {\r\n    0% {\r\n        opacity: 1;\r\n        transform: translate(0) rotate(0) scale(1)\r\n    }\r\n\r\n    50% {\r\n        opacity: .65;\r\n        transform: translate(215px, 88px) rotate(565deg) scale(.6)\r\n    }\r\n\r\n    to {\r\n        opacity: 0;\r\n        transform: translate(485px, 220px) rotate(1385deg) scale(.08)\r\n    }\r\n}\r\n\r\n.door-container.opened .door-image,\r\n.door-container.opened .door-shards {\r\n    opacity: 0;\r\n    pointer-events: none\r\n}\r\n\r\n.door-container.opened .door-glow {\r\n    opacity: 1;\r\n    background: radial-gradient(ellipse, #ff8c0099, #ff8c004d 40%, #ff8c0000 70%);\r\n    animation: glowPulse 2s ease-in-out infinite;\r\n    filter: blur(25px);\r\n    will-change: opacity\r\n}\r\n\r\n.door-container.opened.win .win-result,\r\n.door-container.opened.fail .fail-result {\r\n    animation: resultReveal 1s ease-out forwards\r\n}\r\n\r\n@keyframes resultReveal {\r\n    0% {\r\n        opacity: 0;\r\n        transform: translate(-50%, -50%) scale(0) rotate(-180deg)\r\n    }\r\n\r\n    50% {\r\n        opacity: 1;\r\n        transform: translate(-50%, -50%) scale(1.2) rotate(10deg)\r\n    }\r\n\r\n    70% {\r\n        transform: translate(-50%, -50%) scale(.9) rotate(-5deg)\r\n    }\r\n\r\n    85% {\r\n        transform: translate(-50%, -50%) scale(1.05) rotate(2deg)\r\n    }\r\n\r\n    to {\r\n        opacity: 1;\r\n        transform: translate(-50%, -50%) scale(1.1) rotate(0)\r\n    }\r\n}\r\n\r\n@keyframes glowPulse {\r\n\r\n    0%,\r\n    to {\r\n        opacity: .8\r\n    }\r\n\r\n    50% {\r\n        opacity: 1\r\n    }\r\n}\r\n\r\n/*@media (prefers-reduced-motion: reduce) {*/\r\n\r\n/*    *,*/\r\n/*    *:before,*/\r\n/*    *:after {*/\r\n/*        animation-duration: .01ms !important;*/\r\n/*        animation-iteration-count: 1 !important;*/\r\n/*        transition-duration: .01ms !important*/\r\n/*    }*/\r\n\r\n/*    .ghost-float,*/\r\n/*    .ghost-float-scare,*/\r\n/*    .bat,*/\r\n/*    .lantern-combined,*/\r\n/*    .scroll-down-arrow {*/\r\n/*        animation: none !important*/\r\n/*    }*/\r\n/*}*/\r\n\r\n.game-overlay {\r\n    position: absolute;\r\n    top: -10px;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: #0000;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    z-index: 10;\r\n    -webkit-backdrop-filter: blur(5px);\r\n    backdrop-filter: blur(5px)\r\n}\r\n\r\n.game-overlay.hidden {\r\n    display: none\r\n}\r\n\r\n.game-overlay-content {\r\n    background: linear-gradient(135deg, #f6660033, #8b451333);\r\n    border: 2px solid #F66600;\r\n    border-radius: 15px;\r\n    padding: 2rem;\r\n    max-width: 90%;\r\n    text-align: center;\r\n    box-shadow: 0 0 30px #f6660080\r\n}\r\n\r\n.game-overlay-content p {\r\n    color: #fff;\r\n    font-size: 1.25rem;\r\n    line-height: 1.6;\r\n    margin: 0\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .game-overlay-content {\r\n        padding: 3rem;\r\n        max-width: 600px\r\n    }\r\n\r\n    .game-overlay-content p {\r\n        font-size: 1.5rem\r\n    }\r\n}\r\n\r\n@media (min-width: 768px) {\r\n    .md\\:h-\\[20rem\\] {\r\n        height: 20rem\r\n    }\r\n\r\n    .md\\:w-\\[20rem\\] {\r\n        width: 20rem\r\n    }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  \r\n    .lg\\:mb-20 {\r\n        margin-bottom: 10rem /* 160px */;\r\n    }\r\n    \r\n    .lg\\:-top-44 {\r\n        top: -22rem\r\n    }\r\n\r\n    .lg\\:left-8 {\r\n        left: 4rem\r\n    }\r\n\r\n    .lg\\:left-\\[8\\%\\] {\r\n        left: 8%\r\n    }\r\n\r\n    .lg\\:right-15 {\r\n        right: 7.5rem\r\n    }\r\n\r\n    .lg\\:top-\\[15\\%\\] {\r\n        top: 15%\r\n    }\r\n\r\n    .lg\\:mx-auto {\r\n        margin-left: auto;\r\n        margin-right: auto\r\n    }\r\n\r\n    .lg\\:mb-0 {\r\n        margin-bottom: 0\r\n    }\r\n\r\n    .lg\\:mb-4 {\r\n        margin-bottom: 2rem\r\n    }\r\n\r\n    .lg\\:mt-10 {\r\n        margin-top: 5rem\r\n    }\r\n\r\n    .lg\\:mt-2 {\r\n        margin-top: 1rem\r\n    }\r\n\r\n    .lg\\:h-\\[15rem\\] {\r\n        height: 15rem\r\n    }\r\n\r\n    .lg\\:h-\\[250px\\] {\r\n        height: 250px\r\n    }\r\n\r\n    .lg\\:h-\\[25rem\\] {\r\n        height: 25rem\r\n    }\r\n\r\n    .lg\\:h-\\[380px\\] {\r\n        height: 380px\r\n    }\r\n\r\n    .lg\\:h-\\[430px\\] {\r\n        height: 430px\r\n    }\r\n\r\n    .lg\\:h-\\[480px\\] {\r\n        height: 480px\r\n    }\r\n\r\n    .lg\\:h-\\[calc\\(100vh-220px\\)\\] {\r\n        height: calc(100vh - 220px)\r\n    }\r\n\r\n    .lg\\:w-\\[10rem\\] {\r\n        width: 10rem\r\n    }\r\n\r\n    .lg\\:w-\\[250px\\] {\r\n        width: 250px\r\n    }\r\n\r\n    .lg\\:w-\\[25rem\\] {\r\n        width: 25rem\r\n    }\r\n\r\n    .lg\\:w-\\[265px\\] {\r\n        width: 265px\r\n    }\r\n\r\n    .lg\\:w-\\[280px\\] {\r\n        width: 280px\r\n    }\r\n\r\n    .lg\\:w-\\[320px\\] {\r\n        width: 320px\r\n    }\r\n\r\n    .lg\\:w-\\[60\\%\\] {\r\n        width: 60%\r\n    }\r\n\r\n    .lg\\:justify-center {\r\n        justify-content: center\r\n    }\r\n\r\n    .lg\\:gap-1 {\r\n        gap: .5rem\r\n    }\r\n\r\n    .lg\\:py-6 {\r\n        padding-top: 3rem;\r\n        padding-bottom: 3rem\r\n    }\r\n\r\n    .lg\\:pb-4 {\r\n        padding-bottom: 2rem\r\n    }\r\n\r\n    .lg\\:pt-0 {\r\n        padding-top: 0\r\n    }\r\n\r\n    .lg\\:pt-48 {\r\n        padding-top: 24rem\r\n    }\r\n\r\n    .lg\\:text-3xl {\r\n        font-size: 1.875rem;\r\n        line-height: 2.25rem\r\n    }\r\n\r\n    .lg\\:text-4xl {\r\n        font-size: 2.25rem;\r\n        line-height: 2.5rem\r\n    }\r\n\r\n    .lg\\:text-8xl {\r\n        font-size: 6rem;\r\n        line-height: 1\r\n    }\r\n\r\n    .lg\\:text-xl {\r\n        font-size: 1.25rem;\r\n        line-height: 1.75rem\r\n    }\r\n}\r\n\r\n@media (min-width: 1280px) {\r\n    .xl\\:h-\\[30rem\\] {\r\n        height: 30rem\r\n    }\r\n\r\n    .xl\\:w-\\[30rem\\] {\r\n        width: 30rem\r\n    }\r\n}\r\n</style>","beforeEndBody":""},"conditionIds":["07f8567d-983f-4041-ade8-8b5b55ba6cd7","536a0342-c6ec-4919-b04d-5f1c0c5c683d"]},{"tagId":"20507cfb-099a-4fec-9f36-dec454625826","tagTypeId":"custom_tag_type","name":"Custom CSS all pages","description":"Custom CSS all pages","config":{"beforeEndHead":"<style>\r\n/*SC-2231 start*/\r\n.Openended + div .fn-self-exclusion-container .form__fieldset, \r\n.Openended + div .fn-self-exclusion-container .fn-exclude-form h3,\r\n.Openended + div .fn-self-exclusion-container .fn-exclude-form p,\r\n.Openended + div .fn-self-exclusion-container .fn-exclude-form .info-list{\r\n  display:none;\r\n}\r\n.Openended + div .fn-self-exclusion-container .btn_name_exclude {\r\n      background-color: #ea1d3d;\r\n    margin-top: -16em;\r\n}\r\n.Openended + div .fn-self-exclusion-container .form__actions {\r\n      margin: 0 !important;\r\n}\r\n\r\n.Openended + div .fn-self-exclusion-container .form_name_responsible-gaming-self-exclusion {\r\n      padding: 0;\r\n}\r\n/*SC-2231 end*/\r\n.desktop .Layout__layout-2-rows-100-1200--1r4 .Layout__navigation--3Kw {\r\n  display: none;  \r\n}\r\n.IFeelLucky__launcherLeft--1yu, .IFeelLucky__bounceIn--1Cc, .IFeelLucky__launcherLeft--16p.IFeelLucky__bounceIn--1C1 {\r\n  display: none;\r\n}\r\n\r\n.popup_type_login input:-webkit-autofill + span { \r\n    transform: translateY(-100%) scale(.66);\r\n    z-index: 100;\r\n    will-change: auto;\r\n    transition: all .2s ease-out;\r\n } \r\n \r\n .popup_type_login input:autofill + span { \r\n    transform: translateY(-100%) scale(.66);\r\n    z-index: 100;\r\n    will-change: auto;\r\n    transition: all .2s ease-out;\r\n }\r\n .Layout__navigation--3Kw, .Layout__navigation--29Z {\r\n   display: none !important;\r\n }\r\n .mobile {\r\n    text-decoration: none !important;\r\n}\r\n \r\n /* register custom css */\r\n .mobile .register-popup-logo {\r\n   width: 15rem;\r\n    margin: 0 auto;\r\n    margin-bottom: 1rem;\r\n    margin-top: 1em;\r\n }\r\n \r\n .desktop .register-popup-logo {\r\n   display: none;\r\n }\r\n \r\n .tablet .register-popup-logo {\r\n   display: none;\r\n }\r\n \r\n .mobile .root-register {\r\n   display:flex;\r\n   flex-direction: column;\r\n }\r\n \r\n .mobile .registration-step-bar-wrap {\r\n   padding-top: 4em;\r\n }\r\n  .mobile .Category__toggleAllGames--3DA, .tablet .Category__toggleAllGames--3DA{\r\n   color: #4283ba;\r\n }\r\n \r\n .zendesk-notification-badge {\r\n    background-color: #D91112;\r\n    color: white;\r\n    border-radius: 50%;\r\n    padding: 4px 8px;\r\n    font-size: 12px;\r\n    position: absolute;\r\n    top: -5px;\r\n    right: -5px;\r\n}\r\n\r\n.mobile.portrait div.AdvancedPlayerMessage__popup--3Tx {\r\n  margin-top: 100px !important;\r\n}\r\n\r\n/* Desktop menu items color changed for improved contrast ratio */\r\n.desktop .fn-navigation .menu__nav-wrapper li a:hover, .desktop .menu__nav-item.active .menu__nav-link, .desktop .fn-navigation .menu__secondlevel-item.active a{\r\n    color: #2d6aa0;\r\n}\r\n.desktop .navigation-container {\r\n    border-bottom: 6px solid #2d6aa0;\r\n}\r\n\r\n/* Style adaptions for contrast ratio improvements | Casino bonus button, popup buttons, popup border-bottom */\r\n.detailed-bonus-popup.fn-bonus-details-popup .bonus-multiview-detailedview .bonus-multiview-detailedview__buttons .btn.fn-get-bonus, .bonus-multiview-imageview__btn-action,.btn.btn_type_info, .btn.btn_type_info:hover, .btn.fn-login-btn.btn_type_popup-login.circular-effect, .btn.fn-login-btn.btn_type_popup-login.circular-effect:hover  {\r\n    background-color:var(--btn-primary-success-bg-color);\r\n}\r\n.bonus-multiview-detailedview .bonus-multiview-detailedview__buttons .portlet__actions .btn.button_type_showtc{\r\n    background-color: rgba(0,0,0,.55);\r\n}\r\n.Popup__popup--1UC {\r\n    border-bottom: 6px solid var(--btn-primary-success-bg-color);\r\n}\r\n\r\n.registration-step-bar .active{\r\n    color: var(--btn-primary-success-bg-color) !important;\r\n}\r\n.mobile .registration-step-bar .active {\r\n    border: solid 2px var(--btn-primary-success-bg-color) !important;\r\n}\r\n.desktop .StickySearch__container--3vh.StickySearch__oneComponent--12B .StickySearch__chat--1PG {\r\n    background-size: 100%;\r\n}\r\n\r\n.hidden-menu-item {\r\n  display: none;\r\n}\r\n\r\n.micon-shop.slide-menu__icon {\r\n    background-image: url('/library/General%20Assests/Icons/trolley-cart-icon.png');\r\n    background-repeat: no-repeat;\r\n    background-position: center;\r\n    background-size: contain;\r\n    scale: 0.74;\r\n} \r\n</style>","beforeEndBody":""},"conditionIds":["536a0342-c6ec-4919-b04d-5f1c0c5c683d"]},{"tagId":"a525323b-34b2-4d78-bc8b-73fb446ae800","tagTypeId":"custom_js","name":"Shop Nav Item Redirect","description":"Locations Nav Items Redirect","config":{"code":"( () => {\r\n    Playtech.API.common.redirect(\"https://shop.e-guma.ch/swisscasinos-pfaeffikon/de/gutscheine?_gl=1*pl2obm*_gcl_aw*R0NMLjE3NTU1ODgzOTcuQ2owS0NRand3WkRGQmhDcEFSSXNBQjk1cU8xRE9nWVZlZmNCOGhFY1FCelFQUGZrT05NSzgyVGhLQ3lDb0dQT0MtbUxsVUp0ZWZRTTdVc2FBdWZPRUFMd193Y0I.*_gcl_au*MTUxMzE3Mzg4MC4xNzU0MzA3OTY1*_ga*NTIxMzYxMTI4LjE3Mjk3NjM5NzU.*_ga_2JSK4QK4HE*czE3NjExNDc3NDgkbzI5NiRnMSR0MTc2MTE0Nzg4NSRqNTIkbDAkaDE2MjczMTE5NTA\");\r\n})();"},"conditionIds":["b99f1cd3-984c-457e-a25f-957f0e9e91ef","536a0342-c6ec-4919-b04d-5f1c0c5c683d"]},{"tagId":"78baba1f-4b2c-4801-a805-7aebec67c47e","tagTypeId":"custom_js","name":"After Render Sovendus JS","description":"After Render Sovendus JS","config":{"code":"(() => {\r\n  const CONFIG = {\r\n    TRAFFIC_MEDIUM_NUMBER: 1,\r\n    SCRIPT_URL: 'https://api.sovendus.com/sovabo/common/js/flexibleIframe.js',\r\n    ORDER_CURRENCY: 'CHF',\r\n    INTEGRATION_TYPE: 'genericScript-1.4.0',\r\n\r\n    TIMEOUTS: {\r\n      BUTTON_WAIT: 10000, \r\n      SCRIPT_LOAD: 5000,\r\n      IFRAME_VERIFICATION: 10000,\r\n      LISTENER_CLEANUP: 30000\r\n    },\r\n\r\n    SELECTORS: {\r\n      POPUP_BUTTON: '.popup-modal__button',\r\n      SOVENDUS_CONTAINER: 'sovendus-container-1',\r\n      EXISTING_SCRIPT: 'script[src*=\"sovendus.com\"]'\r\n    },\r\n\r\n    TRAFFIC_SOURCES: {\r\n      'en_US': 9059,\r\n      'de_DE': 9033,\r\n      'fr_FR': 9034,\r\n      'it_IT': 9035\r\n    }\r\n  };\r\n\r\n  const state = {\r\n    isInitialized: false,\r\n    isInitializing: false,\r\n    currentOrderId: null,\r\n    scriptLoaded: false,\r\n    activeCleanupFunctions: [],\r\n    iframeObserver: null\r\n  };\r\n\r\n  // Add URL validation function\r\n  const isOnWithdrawPage = () => {\r\n    const currentPath = window.location.pathname;\r\n    return /\\/(de|en|fr|it)\\/withdraw(\\/|$)/.test(currentPath);\r\n  };\r\n\r\n  const validateDependencies = () => {\r\n    if (typeof Playtech === 'undefined' || !Playtech.API || !Playtech.fetchUserDetails) {\r\n      console.error('[Sovendus] Playtech API is not available');\r\n      return false;\r\n    }\r\n    return true;\r\n  };\r\n\r\n  const getTrafficSourceNumber = (language) => {\r\n    return CONFIG.TRAFFIC_SOURCES[language] || CONFIG.TRAFFIC_SOURCES['de_DE'];\r\n  };\r\n\r\n  const validateUserData = (userData) => {\r\n    if (!userData) {\r\n      console.error('[Sovendus] User data is required');\r\n      return false;\r\n    }\r\n\r\n    const requiredFields = ['sessionId', 'email'];\r\n    const missingFields = requiredFields.filter(field => !userData[field]);\r\n\r\n    if (missingFields.length > 0) {\r\n      console.error('[Sovendus] Missing required user data fields:', missingFields);\r\n      return false;\r\n    }\r\n\r\n    return true;\r\n  };\r\n\r\n  const loadSovendusScript = () => {\r\n    return new Promise((resolve, reject) => {\r\n      const existingScript = document.querySelector(CONFIG.SELECTORS.EXISTING_SCRIPT);\r\n      if (existingScript && state.scriptLoaded) {\r\n        resolve();\r\n        return;\r\n      }\r\n\r\n      if (existingScript) {\r\n        existingScript.remove();\r\n      }\r\n\r\n      const script = document.createElement('script');\r\n      script.type = 'text/javascript';\r\n      script.async = true;\r\n      script.src = CONFIG.SCRIPT_URL;\r\n\r\n      const timeout = setTimeout(() => {\r\n        console.error('[Sovendus] Script loading timed out');\r\n        script.remove();\r\n        reject(new Error('Script loading timeout'));\r\n      }, CONFIG.TIMEOUTS.SCRIPT_LOAD);\r\n\r\n      script.onload = () => {\r\n        clearTimeout(timeout);\r\n        state.scriptLoaded = true;\r\n        resolve();\r\n      };\r\n\r\n      script.onerror = (error) => {\r\n        clearTimeout(timeout);\r\n        script.remove();\r\n        reject(new Error('Script loading failed'));\r\n      };\r\n\r\n      document.head.appendChild(script);\r\n    });\r\n  };\r\n\r\n  const clearExistingSovendusConfig = () => {\r\n    if (window.sovIframes) {\r\n      window.sovIframes = [];\r\n    }\r\n    if (window.sovConsumer) {\r\n      delete window.sovConsumer;\r\n    }\r\n  };\r\n\r\n  const configureSovendus = (orderId, userData, trafficSourceNumber) => {\r\n    clearExistingSovendusConfig();\r\n\r\n    window.sovIframes = [{\r\n      trafficSourceNumber,\r\n      trafficMediumNumber: CONFIG.TRAFFIC_MEDIUM_NUMBER,\r\n      sessionId: userData.sessionId,\r\n      orderId: orderId,\r\n      timestamp: getTimestampInSeconds(),\r\n      orderCurrency: CONFIG.ORDER_CURRENCY,\r\n      iframeContainerId: CONFIG.SELECTORS.SOVENDUS_CONTAINER,\r\n      integrationType: CONFIG.INTEGRATION_TYPE,\r\n    }];\r\n\r\n    window.sovConsumer = {\r\n      consumerEmail: userData.email\r\n    };\r\n  };\r\n\r\n  const verifySovendusLoad = () => {\r\n    return new Promise((resolve) => {\r\n      setTimeout(() => {\r\n        const sovendusContainer = document.getElementById(CONFIG.SELECTORS.SOVENDUS_CONTAINER);\r\n        const isLoaded = sovendusContainer && sovendusContainer.children.length > 0;\r\n        resolve(isLoaded);\r\n      }, CONFIG.TIMEOUTS.IFRAME_VERIFICATION);\r\n    });\r\n  };\r\n\r\n  // ========== FullStory Tracking Functions ==========\r\n  \r\n  const startIframeWatcher = () => {\r\n    if (state.iframeObserver) {\r\n      return;\r\n    }\r\n    \r\n    state.iframeObserver = new MutationObserver((mutations) => {\r\n      mutations.forEach((mutation) => {\r\n        mutation.addedNodes.forEach((node) => {\r\n          checkNodeForSovendus(node);\r\n        });\r\n        \r\n        if (mutation.type === 'attributes' && mutation.target.tagName === 'IFRAME') {\r\n          checkNodeForSovendus(mutation.target);\r\n        }\r\n      });\r\n    });\r\n    \r\n    state.iframeObserver.observe(document.body, {\r\n      childList: true,\r\n      subtree: true,\r\n      attributes: true,\r\n      attributeFilter: ['src']\r\n    });\r\n    \r\n    // Check if iframe already exists\r\n    const existingIframe = document.querySelector('iframe[src*=\"sovendus-connect.com\"]');\r\n    if (existingIframe) {\r\n      setupSovendusIframeTracking(existingIframe);\r\n      state.iframeObserver.disconnect();\r\n      state.iframeObserver = null;\r\n      return;\r\n    }\r\n    \r\n    // Auto-cleanup after 30 seconds\r\n    setTimeout(() => {\r\n      if (state.iframeObserver) {\r\n        state.iframeObserver.disconnect();\r\n        state.iframeObserver = null;\r\n      }\r\n    }, 30000);\r\n  };\r\n  \r\n  const checkNodeForSovendus = (node) => {\r\n    if (!node || !node.tagName) return;\r\n    \r\n    // Check if this node itself is a Sovendus iframe\r\n    if (node.tagName === 'IFRAME' && node.src && node.src.includes('sovendus')) {\r\n      setupSovendusIframeTracking(node);\r\n      if (state.iframeObserver) {\r\n        state.iframeObserver.disconnect();\r\n        state.iframeObserver = null;\r\n      }\r\n      return;\r\n    }\r\n    \r\n    // Check if this node contains Sovendus iframes\r\n    if (node.querySelectorAll) {\r\n      const sovendusIframes = node.querySelectorAll('iframe[src*=\"sovendus-connect.com\"]');\r\n      if (sovendusIframes.length > 0) {\r\n        sovendusIframes.forEach(iframe => {\r\n          setupSovendusIframeTracking(iframe);\r\n        });\r\n        if (state.iframeObserver) {\r\n          state.iframeObserver.disconnect();\r\n          state.iframeObserver = null;\r\n        }\r\n        return;\r\n      }\r\n    }\r\n  };\r\n  \r\n  const setupSovendusIframeTracking = (iframe) => {\r\n    if (iframe.hasAttribute('data-tracking-setup')) {\r\n      return false;\r\n    }\r\n    \r\n    // Check if FullStory is available\r\n    if (typeof FS === 'undefined' || !FS.event) {\r\n      console.warn('[Sovendus] FullStory is not available - tracking disabled');\r\n      return false;\r\n    }\r\n    \r\n    iframe.setAttribute('data-tracking-setup', 'true');\r\n    \r\n    const triggerFullStoryEvent = (source) => {\r\n      try {\r\n        const eventData = {\r\n          instanceId: iframe.getAttribute('data-instanceid'),\r\n          timestamp: new Date().toISOString(),\r\n          source: source\r\n        };\r\n        \r\n        FS.event('Sovendus Banner Clicked', eventData);\r\n      } catch (error) {\r\n        console.error('[Sovendus] FullStory event failed:', error);\r\n      }\r\n    };\r\n\r\n    // Multiple detection methods for cross-origin iframe clicks\r\n    let isMouseOverIframe = false;\r\n    let lastMouseDownTime = 0;\r\n    const cleanupFunctions = [];\r\n\r\n    // Method 1: Direct iframe click\r\n    const iframeClickHandler = function(event) {\r\n      triggerFullStoryEvent('iframe-click');\r\n    };\r\n\r\n    // Method 2: Mouse tracking + document click detection\r\n    const mouseEnterHandler = function(event) {\r\n      isMouseOverIframe = true;\r\n    };\r\n\r\n    const mouseLeaveHandler = function(event) {\r\n      isMouseOverIframe = false;\r\n    };\r\n\r\n    const documentClickHandler = function(event) {\r\n      if (isMouseOverIframe) {\r\n        triggerFullStoryEvent('document-click-over-iframe');\r\n      }\r\n    };\r\n\r\n    // Method 3: Mouse down/up sequence detection\r\n    const mouseDownHandler = function(event) {\r\n      lastMouseDownTime = Date.now();\r\n    };\r\n\r\n    const mouseUpHandler = function(event) {\r\n      const timeDiff = Date.now() - lastMouseDownTime;\r\n      if (timeDiff < 500) {\r\n        triggerFullStoryEvent('iframe-mouseup');\r\n      }\r\n    };\r\n\r\n    // Method 4: Focus detection\r\n    const focusHandler = function(event) {\r\n      triggerFullStoryEvent('iframe-focus');\r\n    };\r\n\r\n    // Method 5: Window blur detection for cross-origin clicks\r\n    const loadHandler = function(event) {\r\n      let windowHadFocus = document.hasFocus();\r\n      \r\n      const windowBlurHandler = function() {\r\n        if (isMouseOverIframe && windowHadFocus) {\r\n          triggerFullStoryEvent('window-blur-detection');\r\n        }\r\n        windowHadFocus = false;\r\n      };\r\n      \r\n      const windowFocusHandler = function() {\r\n        windowHadFocus = true;\r\n      };\r\n      \r\n      window.addEventListener('blur', windowBlurHandler);\r\n      window.addEventListener('focus', windowFocusHandler);\r\n      \r\n      cleanupFunctions.push(() => {\r\n        window.removeEventListener('blur', windowBlurHandler);\r\n        window.removeEventListener('focus', windowFocusHandler);\r\n      });\r\n    };\r\n\r\n    // Attach all event listeners\r\n    iframe.addEventListener('click', iframeClickHandler, true);\r\n    iframe.addEventListener('mouseenter', mouseEnterHandler);\r\n    iframe.addEventListener('mouseleave', mouseLeaveHandler);\r\n    iframe.addEventListener('mousedown', mouseDownHandler);\r\n    iframe.addEventListener('mouseup', mouseUpHandler);\r\n    iframe.addEventListener('focus', focusHandler);\r\n    iframe.addEventListener('load', loadHandler);\r\n    document.addEventListener('click', documentClickHandler);\r\n    \r\n    // Store cleanup functions\r\n    cleanupFunctions.push(() => {\r\n      iframe.removeEventListener('click', iframeClickHandler, true);\r\n      iframe.removeEventListener('mouseenter', mouseEnterHandler);\r\n      iframe.removeEventListener('mouseleave', mouseLeaveHandler);\r\n      iframe.removeEventListener('mousedown', mouseDownHandler);\r\n      iframe.removeEventListener('mouseup', mouseUpHandler);\r\n      iframe.removeEventListener('focus', focusHandler);\r\n      iframe.removeEventListener('load', loadHandler);\r\n      document.removeEventListener('click', documentClickHandler);\r\n    });\r\n\r\n    // Add main cleanup function to state\r\n    const cleanup = () => {\r\n      cleanupFunctions.forEach(fn => fn());\r\n      iframe.removeAttribute('data-tracking-setup');\r\n    };\r\n    \r\n    state.activeCleanupFunctions.push(cleanup);\r\n    console.log('[Sovendus] FullStory tracking initialized for iframe:', iframe.id);\r\n    return true;\r\n  };\r\n\r\n  // ========== END: FullStory Tracking Functions ==========\r\n\r\n  const initializeSovendus = async (orderId) => {\r\n    if (state.isInitialized || state.isInitializing) {\r\n      return;\r\n    }\r\n\r\n    if (state.currentOrderId === orderId) {\r\n      return;\r\n    }\r\n\r\n    state.isInitializing = true;\r\n\r\n    try {\r\n      if (!validateDependencies()) {\r\n        throw new Error('Dependencies validation failed');\r\n      }\r\n\r\n      if (!orderId || typeof orderId !== 'string') {\r\n        throw new Error('Valid order ID is required');\r\n      }\r\n\r\n      const currentLanguage = Playtech.API.language.getCurrentLanguage();\r\n      const trafficSourceNumber = getTrafficSourceNumber(currentLanguage);\r\n\r\n      const userData = await Playtech.fetchUserDetails();\r\n      if (!validateUserData(userData)) {\r\n        throw new Error('User data validation failed');\r\n      }\r\n\r\n      configureSovendus(orderId, userData, trafficSourceNumber);\r\n\r\n      await new Promise(resolve => setTimeout(resolve, 100));\r\n      await loadSovendusScript();\r\n      \r\n      // Verification for debugging purposes only\r\n      await verifySovendusLoad();\r\n\r\n      state.isInitialized = true;\r\n      state.currentOrderId = orderId;\r\n\r\n    } catch (error) {\r\n      console.error('[Sovendus] Initialization failed:', error.message);\r\n      state.isInitializing = false;\r\n      throw error;\r\n    } finally {\r\n      state.isInitializing = false;\r\n    }\r\n  };\r\n\r\n  const waitForElement = (selector, timeout = CONFIG.TIMEOUTS.BUTTON_WAIT) => {\r\n    return new Promise((resolve, reject) => {\r\n      const element = document.querySelector(selector);\r\n      if (element) {\r\n        resolve(element);\r\n        return;\r\n      }\r\n\r\n      const observer = new MutationObserver(() => {\r\n        const element = document.querySelector(selector);\r\n        if (element) {\r\n          observer.disconnect();\r\n          resolve(element);\r\n        }\r\n      });\r\n\r\n      observer.observe(document.body, {\r\n        childList: true,\r\n        subtree: true\r\n      });\r\n\r\n      setTimeout(() => {\r\n        observer.disconnect();\r\n        reject(new Error(`Element ${selector} not found within ${timeout}ms`));\r\n      }, timeout);\r\n    });\r\n  };\r\n\r\n  const setupClickDetection = (orderId) => {\r\n    let isHandled = false;\r\n\r\n    const handleClick = async (event) => {\r\n      if (event.target.matches(CONFIG.SELECTORS.POPUP_BUTTON) && !isHandled) {\r\n        isHandled = true;\r\n        cleanup();\r\n\r\n        try {\r\n          await initializeSovendus(orderId);\r\n        } catch (error) {\r\n          console.error('[Sovendus] Initialization failed after click:', error.message);\r\n        }\r\n      }\r\n    };\r\n\r\n    const cleanup = () => {\r\n      document.removeEventListener('click', handleClick, { capture: true });\r\n    };\r\n\r\n    document.addEventListener('click', handleClick, { capture: true });\r\n    setTimeout(cleanup, CONFIG.TIMEOUTS.LISTENER_CLEANUP);\r\n\r\n    return cleanup;\r\n  };\r\n\r\n  const initWithdrawalTracking = () => {\r\n    try {\r\n      if (!validateDependencies()) {\r\n        throw new Error('Dependencies validation failed');\r\n      }\r\n\r\n      Playtech.on('user:balanceUpdated', async () => {\r\n        // Add URL check here - this is the key fix!\r\n        if (!isOnWithdrawPage()) {\r\n          console.log('[Sovendus] Not on withdraw page, skipping initialization');\r\n          return;\r\n        }\r\n\r\n        console.log('[Sovendus] On withdraw page, proceeding with initialization');\r\n        const orderId = generateOrderId();\r\n\r\n        try {\r\n          await waitForElement(CONFIG.SELECTORS.POPUP_BUTTON);\r\n          setupClickDetection(orderId);\r\n        } catch (error) {\r\n          console.error('[Sovendus] Failed to set up withdrawal tracking:', error.message);\r\n        }\r\n      });\r\n\r\n    } catch (error) {\r\n      console.error('[Sovendus] Failed to initialize withdrawal tracking:', error.message);\r\n    }\r\n  };\r\n\r\n  const generateOrderId = () => {\r\n    const timestamp = Date.now();\r\n    const random = Math.random().toString(36).substr(2, 9);\r\n    return `WD_${timestamp}_${random}`;\r\n  };\r\n\r\n  const getTimestampInSeconds = () => {\r\n    return Math.floor(Date.now() / 1000);\r\n  };\r\n\r\n  const cleanupSovendusOnNavigate = () => {\r\n    // Cleanup all active functions\r\n    if (state.activeCleanupFunctions.length > 0) {\r\n      state.activeCleanupFunctions.forEach(cleanup => {\r\n        try {\r\n          cleanup();\r\n        } catch (error) {\r\n          console.error('[Sovendus] Error during cleanup:', error);\r\n        }\r\n      });\r\n      state.activeCleanupFunctions = [];\r\n    }\r\n\r\n    // Cleanup MutationObserver\r\n    if (state.iframeObserver) {\r\n      state.iframeObserver.disconnect();\r\n      state.iframeObserver = null;\r\n    }\r\n\r\n    // Remove existing scripts\r\n    const existingScript = document.querySelector(CONFIG.SELECTORS.EXISTING_SCRIPT);\r\n    if (existingScript) {\r\n      existingScript.remove();\r\n    }\r\n\r\n    // Clear Sovendus globals\r\n    if (window.sovIframes) {\r\n      delete window.sovIframes;\r\n    }\r\n\r\n    if (window.sovConsumer) {\r\n      delete window.sovConsumer;\r\n    }\r\n\r\n    // Clear container\r\n    const sovendusContainer = document.getElementById(CONFIG.SELECTORS.SOVENDUS_CONTAINER);\r\n    if (sovendusContainer) {\r\n      sovendusContainer.innerHTML = '';\r\n    }\r\n\r\n    resetState();\r\n  };\r\n\r\n  const setupNavigationCleanup = () => {\r\n    try {\r\n      Playtech.on('navigate', cleanupSovendusOnNavigate);\r\n    } catch (error) {\r\n      console.error('[Sovendus] Failed to register navigation cleanup:', error);\r\n    }\r\n  };\r\n\r\n  const resetState = () => {\r\n    state.isInitialized = false;\r\n    state.isInitializing = false;\r\n    state.currentOrderId = null;\r\n    state.scriptLoaded = false;\r\n    state.activeCleanupFunctions = [];\r\n    state.iframeObserver = null;\r\n  };\r\n\r\n  // Initialize\r\n  resetState();\r\n  setupNavigationCleanup();\r\n    \r\n  // Only start iframe detection and withdrawal tracking if we're on the withdraw page\r\n  if (isOnWithdrawPage()) {\r\n    console.log('[Sovendus] Initializing on withdraw page');\r\n    startIframeWatcher();\r\n    initWithdrawalTracking();\r\n  }\r\n})()"},"conditionIds":["c579ac2e-f08f-416f-9a42-53992c3bb524","4eaa767f-38ed-46ce-aea0-afceba7315fd"]},{"tagId":"e000aa87-7b4a-4d79-82dd-eb3473c95935","tagTypeId":"custom_tag_type","name":"Before Render Sovendus CSS/HTML","description":"Before Render Sovendus CSS/HTML","config":{"beforeEndHead":"<style>\n.desktop .sov-sticky-banner-dimension {\n  bottom: 110px;\n}\n</style>","beforeEndBody":"<div id=\"sovendus-container-1\"></div>\r\n"},"conditionIds":["c579ac2e-f08f-416f-9a42-53992c3bb524","536a0342-c6ec-4919-b04d-5f1c0c5c683d"]},{"tagId":"3ab63f79-ab2e-48ee-8834-5bf9c131c8ea","tagTypeId":"custom_js","name":"Custom JS /schwingfest-verlosung","description":"Custom JS /schwingfest-verlosung","config":{"code":"(async () => {\r\n  const declareWinnerEnable = await Playtech.API.user.isLoggedIn() ?? false;\r\n  const esafTagsCount = async () => {\r\n    try {\r\n      const isLoggedIn = Playtech.fetchUserDetails().userId ? true : false;\r\n\r\n      if (!isLoggedIn) return 0;\r\n\r\n      const userTags = await Playtech.API.user.getPlayerTags();\r\n      const tags = userTags.data.tags;\r\n      const tagPattern = /^sc\\/promo\\/esaf_wimmelbild_\\d+$/;\r\n      const count = tags.filter((tag) => tagPattern.test(tag.name) && tag.name !== 'sc/promo/esaf_wimmelbild_one_time').length;\r\n\r\n      return count;\r\n    } catch (error) {\r\n      console.error(\"An error occurred while fetching tags:\", error);\r\n      return 0;\r\n    }\r\n  };\r\n\r\n  const updateTicketCounter = async () => {\r\n    const count = await esafTagsCount();\r\n    const ticketCounter = document.getElementById(\"ticket-counter\");\r\n    if (ticketCounter) {\r\n      ticketCounter.textContent = `${count}`;\r\n    }\r\n  };\r\n\r\n  const removeEventListenersFromCheckboxes = () => {\r\n    const checkboxes = document.querySelectorAll(\r\n      '.content-description input[type=\"checkbox\"]'\r\n    );\r\n    checkboxes.forEach((checkbox) => {\r\n      const newCheckbox = checkbox.cloneNode(true);\r\n      checkbox.parentNode.replaceChild(newCheckbox, checkbox);\r\n    });\r\n  };\r\n\r\n  const getEsafVal = async () => {\r\n    try {\r\n      const userTags = await Playtech.API.user.getPlayerTags();\r\n      const tags = userTags.data.tags;\r\n\r\n      const found = tags.find((tag) => tag.name === \"sc/promo/esaf_wimmelbild_winner\");\r\n\r\n      return found ? found.value : false;\r\n    } catch (error) {\r\n      console.error(\"An error occurred while fetching tags:\", error);\r\n\r\n      return false;\r\n    }\r\n  };\r\n\r\n  const changeVisibility = (selector) => {\r\n    const element = document.getElementById(selector);\r\n    element?.classList.remove(\"displaynone\");\r\n  };\r\n\r\n  const insertValue = (selector, value) => {\r\n    const element = document.getElementById(selector);\r\n    element.innerHTML = value;\r\n  };\r\n\r\n  // Create a MutationObserver to monitor changes in the DOM\r\n  const observer = new MutationObserver((mutationsList, observer) => {\r\n    mutationsList.forEach((mutation) => {\r\n      if (mutation.type === \"childList\") {\r\n        mutation.addedNodes.forEach((node) => {\r\n          if (node.nodeType === 1) {\r\n            // Ensure it's an element node\r\n            if (node.id === \"ticket-counter\") {\r\n              updateTicketCounter();\r\n            }\r\n\r\n            const checkboxes = node.querySelectorAll(\r\n              '.content-description input[type=\"checkbox\"]'\r\n            );\r\n            if (checkboxes.length > 0) {\r\n              removeEventListenersFromCheckboxes();\r\n            }\r\n          }\r\n        });\r\n      }\r\n    });\r\n  });\r\n\r\n  const getUserFirstName = async () => {\r\n    try {\r\n      const playerData = await Playtech.API.user.getPlayerData();\r\n      return playerData.data.firstName;\r\n    } catch (error) {\r\n      console.error('Error getting user first name:', error);\r\n      return 'Player'; // Fallback name\r\n    }\r\n  };\r\n\r\n  const handleWinnerDeclaration = async () => {\r\n    if (!declareWinnerEnable) return;\r\n\r\n    try {\r\n      const result = await getEsafVal();\r\n      const firstName = await getUserFirstName();\r\n\r\n      const usernameElement = document.querySelector('.username_placeholder');\r\n      if (usernameElement) {\r\n        usernameElement.textContent = firstName;\r\n      }\r\n\r\n      if (result) {\r\n        changeVisibility(\"esaf-win\");\r\n        insertValue(\"custom-win\", result);\r\n      } else {\r\n        changeVisibility(\"esaf-loss\");\r\n      }\r\n    } catch (error) {\r\n      console.error('Error declaring winner:', error);\r\n      changeVisibility(\"esaf-loss\"); // Fallback to loss state\r\n    }\r\n  };\r\n\r\n  // Start observing the document body for childList changes\r\n  observer.observe(document.body, { childList: true, subtree: true });\r\n\r\n  updateTicketCounter();\r\n  removeEventListenersFromCheckboxes();\r\n  handleWinnerDeclaration();\r\n})();\r\n"},"conditionIds":["c24e6346-700f-43a5-b46a-f8f7f8f1c0d0","4eaa767f-38ed-46ce-aea0-afceba7315fd"]},{"tagId":"83e0ed6e-0e1b-486e-9c1c-42791cdd11d3","tagTypeId":"custom_js","name":"Custom JS /schwingfest","description":"Custom JS /schwingfest","config":{"code":"var TEST_DATE = \"2025-08-28\"; //testing CRM\r\n\r\n(() => {\r\n  const checkLibrariesLoaded = () => {\r\n    return typeof gsap !== 'undefined' && typeof ScrollTrigger !== 'undefined';\r\n  };\r\n\r\n  if (checkLibrariesLoaded()) {\r\n    initializeWimmelbild();\r\n    return;\r\n  }\r\n\r\n  const checkInterval = setInterval(function () {\r\n    if (checkLibrariesLoaded()) {\r\n      clearInterval(checkInterval);\r\n      initializeWimmelbild();\r\n    }\r\n  }, 500);\r\n})();\r\n\r\nfunction initializeWimmelbild() {\r\n  gsap.registerPlugin(ScrollTrigger);\r\n\r\n  const TEST_MODE = false;\r\n  const section2 = document.querySelector(\"#section2\");\r\n  const imageWrapper = document.querySelector(\".image-wrapper\");\r\n  const mapImage = document.querySelector(\".map-image\");\r\n  const todaySymbolContainer = document.querySelector(\".today-symbol\");\r\n  let currentLanguage = JSON.parse(localStorage.getItem(\"userLang\")) || \"en_US\";\r\n\r\n  // Special days that have bonus offers\r\n  const SPECIAL_BONUS_DAYS = [22, 24, 26, 28, 30];\r\n\r\n  const dateTags = {\r\n    \"2025-08-18\": \"sc/promo/esaf_wimmelbild_18\",\r\n    \"2025-08-19\": \"sc/promo/esaf_wimmelbild_19\",\r\n    \"2025-08-20\": \"sc/promo/esaf_wimmelbild_20\",\r\n    \"2025-08-21\": \"sc/promo/esaf_wimmelbild_21\",\r\n    \"2025-08-22\": \"sc/promo/esaf_wimmelbild_22\",\r\n    \"2025-08-23\": \"sc/promo/esaf_wimmelbild_23\",\r\n    \"2025-08-24\": \"sc/promo/esaf_wimmelbild_24\",\r\n    \"2025-08-25\": \"sc/promo/esaf_wimmelbild_25\",\r\n    \"2025-08-26\": \"sc/promo/esaf_wimmelbild_26\",\r\n    \"2025-08-27\": \"sc/promo/esaf_wimmelbild_27\",\r\n    \"2025-08-28\": \"sc/promo/esaf_wimmelbild_28\",\r\n    \"2025-08-29\": \"sc/promo/esaf_wimmelbild_29\",\r\n    \"2025-08-30\": \"sc/promo/esaf_wimmelbild_30\",\r\n    \"2025-08-31\": \"sc/promo/esaf_wimmelbild_31\",\r\n  };\r\n\r\n  const dateSymbols = {\r\n    \"2025-08-18\": {\r\n      src: \"/library/schwingfest-landing/icons/Kuchen.webp\",\r\n      alt: \"Kuchen\",\r\n      class: \"hotspot-kuchen\"\r\n    },\r\n    \"2025-08-19\": {\r\n      src: \"/library/schwingfest-landing/icons/Kleeblatt.webp\",\r\n      alt: \"Kleeblatt\",\r\n      class: \"hotspot-kleeblatt\"\r\n    },\r\n    \"2025-08-20\": {\r\n      src: \"/library/schwingfest-landing/icons/Schoggi.webp\",\r\n      alt: \"Schoggi\",\r\n      class: \"hotspot-schoggi\"\r\n    },\r\n    \"2025-08-21\": {\r\n      src: \"/library/schwingfest-landing/icons/Drum.webp\",\r\n      alt: \"Drum\",\r\n      class: \"hotspot-drum\"\r\n    },\r\n    \"2025-08-22\": {\r\n      src: \"/library/schwingfest-landing/icons/Wurst.webp\",\r\n      alt: \"Wurst\",\r\n      class: \"hotspot-wurst\"\r\n    },\r\n    \"2025-08-23\": {\r\n      src: \"/library/schwingfest-landing/icons/Kranz.webp\",\r\n      alt: \"Kranz\",\r\n      class: \"hotspot-kranz\"\r\n    },\r\n    \"2025-08-24\": {\r\n      src: \"/library/schwingfest-landing/icons/Alphorn.webp\",\r\n      alt: \"Alphorn\",\r\n      class: \"hotspot-alphorn\"\r\n    },\r\n    \"2025-08-25\": {\r\n      src: \"/library/schwingfest-landing/icons/Kuh.webp\",\r\n      alt: \"Kuh\",\r\n      class: \"hotspot-kuh\"\r\n    },\r\n    \"2025-08-26\": {\r\n      src: \"/library/schwingfest-landing/icons/Uhr.webp\",\r\n      alt: \"Uhr\",\r\n      class: \"hotspot-uhr\"\r\n    },\r\n    \"2025-08-27\": {\r\n      src: \"/library/schwingfest-landing/icons/Schwinger.webp\",\r\n      alt: \"Schwinger\",\r\n      class: \"hotspot-schwinger\"\r\n    },\r\n    \"2025-08-28\": {\r\n      src: \"/library/schwingfest-landing/icons/Hut.webp\",\r\n      alt: \"Hut\",\r\n      class: \"hotspot-hut\"\r\n    },\r\n    \"2025-08-29\": {\r\n      src: \"/library/schwingfest-landing/icons/Fahne.webp\",\r\n      alt: \"Fahne\",\r\n      class: \"hotspot-fahne\"\r\n    },\r\n    \"2025-08-30\": {\r\n      src: \"/library/schwingfest-landing/icons/Hemd.webp\",\r\n      alt: \"Hemd\",\r\n      class: \"hotspot-hemd\"\r\n    },\r\n    \"2025-08-31\": {\r\n      src: \"/library/schwingfest-landing/icons/Hose.webp\",\r\n      alt: \"hose\",\r\n      class: \"hotspot-hose\"\r\n    }\r\n  };\r\n\r\n  const translations = {\r\n    en_US: {\r\n      selfExclusion: {\r\n        content: \"🔒 You have currently activated a gaming break. During this time, the Hidden Object Game is not available.\"\r\n      },\r\n      verificationRequired: {\r\n        content: \"🔒 To take part in the Swiss Wrestling Hidden Object Game, you must verify your player account.<br> <a href='/verifizierung' aria-label='Verify your account now and receive free spins.'> Verify your account now and receive free spins.</a> \"\r\n      },\r\n      alreadyPlayed: {\r\n        content: \"🔒 You've already found today's symbol and received your reward. Come back tomorrow - the next surprise is waiting for you! \"\r\n      },\r\n      alreadyPlayedOnce: {\r\n        content: \"🔒 You've already played once. To take part daily, you still need to make your first deposit. <a href='/deposit' aria-label='Make a deposit now, claim your Welcome Bonus - and collect daily rewards!'>Make a deposit now, claim your Welcome Bonus - and collect daily rewards!</a> \"\r\n      },\r\n      error: {\r\n        content: \"🔒 Something went wrong. Please try again later.\"\r\n      },\r\n      promotionNotActive: {\r\n        content: \"🔒 The Swiss wrestling festival hidden-object Game will be available from 18.08.2025 - check back soon!\"\r\n      },\r\n      bonusOffer22: {\r\n        content: \"🎁 <strong>Your bonus offer today:</strong><br>Stake today, 22.08, CHF 10.– in selected games and get CHF 5.– bonus credit.\"\r\n      },\r\n      bonusOffer24: {\r\n        content: \"🎁 <strong>Your bonus offer today:</strong><br>Stake today, 24.08, CHF 10.– in selected games and get <strong>CHF 5.– bonus credit.</strong><br><br><strong>Slot games:</strong><br><ul><li><a href=/online-game/gates-of-olympus-super-scatter>Gates of Olympus Super Scatter</a><li><a href=/online-game/hot-slot-777-cash-out-grand-platinum-edition>Hot Slot: 777 Cash Out Grand Platinum Edition</a><li><a href=/online-game/jokers-luck-deluxe>Joker s Luck Deluxe</a></ul>\"\r\n      },\r\n      bonusOffer26: {\r\n        content: \"🎁 <strong>Your bonus offer today:</strong><br>Stake today, 26.08, CHF 5.– in selected games and get <strong>up to 20 Prime Spins.</strong><br><br><strong>Slot games:</strong><br><ul><li><a href=/online-game/oink-oink-oink-pharaohs/ >Oink Oink Oink: Pharaohs</a><li><a href=/online-game/lil-demon-blazing-lava/ >Lil Demon: Blazing Lava</a><li><a href=/online-game/joker-rush-cash-collect/ >Joker Rush: Cash Collect</a></ul>\"\r\n      },\r\n      bonusOffer28: {\r\n        content: \"🎁 <strong>Your bonus offer today:</strong><br>Activate today, 28.08, a Cash Collect feature in the game <a href=/online-game/piggies-and-the-bank-cash-collect-and-link/ >«Piggies and the Bank: Cash Collect & Link»</a> and get <strong>10 Free Spins.</strong>\"\r\n      },\r\n      bonusOffer30: {\r\n        content: \"🎁 <strong>Your bonus offer today:</strong><br>Stake today, 30.08, CHF 5.– in selected games and get <strong>up to 50 Prime Spins & 200 points</strong> for the “Bonanza Party” Weekend Slot Tournament.<br><br><strong>Slot games:</strong><br><ul><li><a href=/online-game/25-coins>25 Coins</a><li><a href=/online-game/9-lions-hold-the-jackpot>9 Lions: Hold the Jackpot</a><li><a href=/online-game/sky-piggies>Sky Piggies</a></ul>\"\r\n      }\r\n    },\r\n    de_DE: {\r\n      selfExclusion: {\r\n        content: \"🔒 Du hast aktuell eine Spielpause aktiviert. Während dieser Zeit ist das Schwingfest-Wimmelbild nicht verfügbar. \"\r\n      },\r\n      verificationRequired: {\r\n        content: \"🔒 Um am Schwingfest-Wimmelbild teilnehmen zu können, musst du dein Spielerkonto verifizieren. <br>  <a href='/verifizierung' aria-label='Jetzt verifizieren und Free Spins erhalten!'>Jetzt verifizieren und Free Spins erhalten!</a> \"\r\n      },\r\n      alreadyPlayed: {\r\n        content: \"🔒 Du hast das heutige Symbol bereits gefunden und deine Belohnung erhalten. <br> Komm morgen wieder - dann wartet die nächste Überraschung auf dich!  \"\r\n      },\r\n      alreadyPlayedOnce: {\r\n        content: \"🔒 Du hast bereits einmal gespielt. Um täglich mitmachen zu können, fehlt noch deine erste Einzahlung. <a href='/deposit' aria-label='Jetzt einzahlen, Welcome Bonus sichern - und täglich Belohnungen abholen!'>Jetzt einzahlen, Welcome Bonus sichern - und täglich Belohnungen abholen! </a> \"\r\n      },\r\n      error: {\r\n        content: \"🔒 Etwas ist schiefgelaufen. Bitte versuchen Sie es später erneut.\"\r\n      },\r\n      promotionNotActive: {\r\n        content: \"🔒 Das Schwingfest-Wimmelbild ist ab dem 18.08.2025 verfügbar - schau bald wieder vorbei!\"\r\n      },\r\n      bonusOffer22: {\r\n        content: \"🎁 <strong>Dein Bonus-Angebot heute:</strong><br>Setze heute, 22.08, CHF 10.– in ausgewählten Spielen und erhalte CHF 5.– Bonus-Guthaben.\"\r\n      },\r\n      bonusOffer24: {\r\n        content: \"🎁 <strong>Dein heutiges Bonusangebot:</strong><br>Setze heute, 24.08, CHF 10.- in ausgewählten Spielen und erhalte <strong>CHF 5.- Bonusguthaben</strong> <br><br> <strong>Slot-Spiele:</strong> <br> <ul><li><a href='/online-game/gates-of-olympus-super-scatter'>Gates of Olympus Super Scatter</a></li><li><a href='/online-game/hot-slot-777-cash-out-grand-platinum-edition'>Hot Slot: 777 Cash Out Grand Platinum Edition</a></li><li><a href='/online-game/jokers-luck-deluxe'>Joker s Luck Deluxe</a></li></ul>\"\r\n      },\r\n      bonusOffer26: {\r\n        content: \"🎁 <strong>Dein heutiges Bonusangebot:</strong><br>Setze heute, 26.08, CHF 5.- in ausgewählten Spielen und erhalte <strong>bis zu 20 Prime Spins.</strong><br><br><strong>Slot-Spiele:</strong><br><ul><li><a href=/online-game/oink-oink-oink-pharaohs/ >Oink Oink Oink: Pharaohs</a><li><a href=/online-game/lil-demon-blazing-lava/ >Lil Demon: Blazing Lava</a><li><a href=/online-game/joker-rush-cash-collect/ >Joker Rush: Cash Collect</a></ul>\"\r\n      },\r\n      bonusOffer28: {\r\n        content: \"🎁 <strong>Dein heutiges Bonusangebot:</strong><br>Aktiviere heute, 28.08, CHF 5.- im Spiel <a href=/online-game/piggies-and-the-bank-cash-collect-and-link/ >«Piggies and the Bank: Cash Collect & Link»</a> ein Cash Collect Feature und erhalte <strong>10 Free Spins.</strong>\"\r\n      },\r\n      bonusOffer30: {\r\n        content: \"🎁 <strong>Dein heutiges Bonusangebot:</strong><br>Setze heute, 30.08, CHF 5.- in ausgewählten Spielen und erhalte <strong>bis zu 50 Prime Spins & 200 Punkte</strong> für das «Bonanza Party» Wochenend Slot-Turnier.<br><br><strong>Slot-Spiele:</strong><br><ul><li><a href=/online-game/25-coins>25 Coins</a><li><a href=/online-game/9-lions-hold-the-jackpot>9 Lions: Hold the Jackpot</a><li><a href=/online-game/sky-piggies>Sky Piggies</a></ul>\"\r\n      }\r\n    },\r\n    fr_FR: {\r\n      selfExclusion: {\r\n        content: \"🔒 Vous avez actuellement activé une pause de jeu. Pendant cette période, le jeu d'objets cachés de la Fête de la lutte suisse n'est pas disponible.\"\r\n      },\r\n      verificationRequired: {\r\n        content: \"🔒 Pour participer au jeu d'objets cachés de la Fête de la lutte suisse, vous devez vérifier votre compte joueur.<br> <a href='/verifizierung' aria-label='Vérifiez-le maintenant et recevez des Free Spins !'>Vérifiez-le maintenant et recevez des Free Spins !</a> \"\r\n      },\r\n      alreadyPlayed: {\r\n        content: \"🔒 Vous avez déjà trouvé le symbole du jour et reçu votre récompense. Revenez demain - une nouvelle surprise vous attend ! \"\r\n      },\r\n      alreadyPlayedOnce: {\r\n        content: \"🔒 Vous avez déjà participé une fois. Pour participer chaque jour, il vous manque encore un premier dépôt.  <a href='/deposit' aria-label='Effectuez un dépôt maintenant, profitez de votre Welcome Bonus - et recevez des récompenses quotidiennes !'>Effectuez un dépôt maintenant, profitez de votre Welcome Bonus - et recevez des récompenses quotidiennes !</a> \"\r\n      },\r\n      error: {\r\n        content: \"🔒 Une erreur s'est produite. Veuillez réessayer plus tard.\"\r\n      },\r\n      promotionNotActive: {\r\n        content: \"🔒 Le Wimmelbild de la fête de lutte sera disponible à partir du 18.08.2025 - repasse bientôt !\"\r\n      },\r\n      bonusOffer22: {\r\n        content: \"🎁 <strong>Votre offre bonus aujourd'hui :</strong><br>Misez aujourd'hui, 22.08, CHF 10.– dans une sélection de jeux et recevez CHF 5.– de crédit bonus.\"\r\n      },\r\n      bonusOffer24: {\r\n        content: \"🎁 <strong>Votre offre bonus du jour :</strong><br>Misez aujourd’hui, 24.08, CHF 10.– dans les jeux sélectionnés et recevez <strong>CHF 5.– de crédit bonus.</strong><br><br><strong>Jeux de machines à sous :</strong><br><ul><li><a href=/online-game/gates-of-olympus-super-scatter>Gates of Olympus Super Scatter</a><li><a href=/online-game/hot-slot-777-cash-out-grand-platinum-edition>Hot Slot: 777 Cash Out Grand Platinum Edition</a><li><a href=/online-game/jokers-luck-deluxe>Joker s Luck Deluxe</a></ul>\"\r\n      },\r\n      bonusOffer26: {\r\n        content: \"🎁 <strong>Votre offre bonus du jour :</strong><br>Misez aujourd’hui, 26.08, CHF 5.– sur les jeux sélectionnés et recevez <strong>jusqu’à 20 Prime Spins.</strong><br><br><strong>Jeux de machines à sous :</strong><br><ul><li><a href=/online-game/oink-oink-oink-pharaohs/ >Oink Oink Oink: Pharaohs</a><li><a href=/online-game/lil-demon-blazing-lava/ >Lil Demon: Blazing Lava</a><li><a href=/online-game/joker-rush-cash-collect/ >Joker Rush: Cash Collect</a></ul>\"\r\n      },\r\n      bonusOffer28: {\r\n        content: \"🎁 <strong>Votre offre bonus du jour :</strong><br>Activez aujourd’hui, 28.08, une fonction Cash Collect dans le jeu <a href=/online-game/piggies-and-the-bank-cash-collect-and-link/ >«Piggies and the Bank: Cash Collect & Link»</a> et recevez <strong>10 Free Spins.</strong>\"\r\n      },\r\n      bonusOffer30: {\r\n        content: \"🎁 <strong>Votre offre bonus du jour :</strong><br>Misez aujourd’hui, 30.08, CHF 5.– sur les jeux sélectionnés et recevez <strong>jusqu’à 50 Prime Spins & 200 points</strong> pour le tournoi de machines à sous du week-end « Bonanza Party ».<br><br><strong>Jeux de machines à sous :</strong><br><ul><li><a href=/online-game/25-coins>25 Coins</a><li><a href=/online-game/9-lions-hold-the-jackpot>9 Lions: Hold the Jackpot</a><li><a href=/online-game/sky-piggies>Sky Piggies</a></ul>\"\r\n      }\r\n    },\r\n    it_IT: {\r\n      selfExclusion: {\r\n        content: \"🔒 Hai attivato una pausa dal gioco. Durante questo periodo, il gioco degli oggetti nascosti dello Schwingfest non è disponibile.\"\r\n      },\r\n      verificationRequired: {\r\n        content: \"🔒 Per partecipare al gioco degli oggetti nascosti dello Schwingfest, devi verificare il tuo conto di gioco.<br> <a href='/verifizierung' aria-label='Verificalo ora e ricevi dei Free Spins!'>Verificalo ora e ricevi dei Free Spins!</a> \"\r\n      },\r\n      alreadyPlayed: {\r\n        content: \"🔒 Hai già trovato il simbolo di oggi e ricevuto la tua ricompensa. Torna domani - ti aspetta una nuova sorpresa!\"\r\n      },\r\n      alreadyPlayedOnce: {\r\n        content: \"🔒 Hai già giocato una volta. Per partecipare ogni giorno, ti manca ancora il primo deposito. <a href='/deposit' aria-label='Effettua ora un deposito, ottieni l'Welcome Bonus - e raccogli le ricompense ogni giorno!'>Effettua ora un deposito, ottieni l'Welcome Bonus - e raccogli le ricompense ogni giorno! </a> \"\r\n      },\r\n      error: {\r\n        content: \"🔒 Qualcosa è andato storto. Riprova più tardi.\"\r\n      },\r\n      promotionNotActive: {\r\n        content: \"🔒 Il Wimmelbild della festa di lotta sarà disponibile a partire dal 18.08.2025 - torna a trovarci presto!\"\r\n      },\r\n      bonusOffer22: {\r\n        content: \"🎁 <strong>La tua offerta bonus oggi:</strong><br>Punta oggi, 22.08, CHF 10.– in giochi selezionati e ricevi CHF 5.– di credito bonus.\"\r\n      },\r\n      bonusOffer24: {\r\n        content: \"🎁 <strong>La tua offerta bonus di oggi:</strong><br>Punta oggi, 24.08, CHF 10.– nei giochi selezionati e ricevi <strong>CHF 5.– di credito bonus.</strong><br><br><strong>Giochi di slot :</strong><br><ul><li><a href=/online-game/gates-of-olympus-super-scatter>Gates of Olympus Super Scatter</a><li><a href=/online-game/hot-slot-777-cash-out-grand-platinum-edition>Hot Slot: 777 Cash Out Grand Platinum Edition</a><li><a href=/online-game/jokers-luck-deluxe>Joker s Luck Deluxe</a></ul>\"\r\n      },\r\n      bonusOffer26: {\r\n        content: \"🎁 <strong>La tua offerta bonus di oggi:</strong><br>Punta oggi, 26.08, CHF 5.– nei giochi selezionati e ricevi <strong>fino a 20 Prime Spins.</strong><br><br><strong>Giochi di slot :</strong><br><ul><li><a href=/online-game/oink-oink-oink-pharaohs/ >Oink Oink Oink: Pharaohs</a><li><a href=/online-game/lil-demon-blazing-lava/ >Lil Demon: Blazing Lava</a><li><a href=/online-game/joker-rush-cash-collect/ >Joker Rush: Cash Collect</a></ul>\"\r\n      },\r\n      bonusOffer28: {\r\n        content: \"🎁 <strong>La tua offerta bonus di oggi:</strong><br>Attiva oggi, 28.08, una funzione Cash Collect nel gioco <a href=/online-game/piggies-and-the-bank-cash-collect-and-link/ >«Piggies and the Bank: Cash Collect & Link»</a> ricevi <strong>10 Free Spins.</strong>\"\r\n      },\r\n      bonusOffer30: {\r\n        content: \"🎁 <strong>La tua offerta bonus di oggi:</strong><br>Punta oggi, 30.08, CHF 5.– nei giochi selezionati e ricevi <strong>fino a 50 Prime Spins e 200 punti</strong> per il torneo di slot del weekend «Bonanza Party».<br><br><strong>Giochi di slot :</strong><br><ul><li><a href=/online-game/25-coins>25 Coins</a><li><a href=/online-game/9-lions-hold-the-jackpot>9 Lions: Hold the Jackpot</a><li><a href=/online-game/sky-piggies>Sky Piggies</a></ul>\"\r\n      }\r\n    }\r\n  };\r\n\r\n  function getCurrentDateString() {\r\n    if (TEST_MODE) {\r\n      return TEST_DATE;\r\n    }\r\n\r\n    const now = new Date();\r\n    return `${now.getFullYear()}-${String(now.getMonth() + 1).padStart(2, '0')}-${String(now.getDate()).padStart(2, '0')}`;\r\n  }\r\n\r\n  function getCurrentDayTag() {\r\n    const currentDate = getCurrentDateString();\r\n    return dateTags[currentDate] || null;\r\n  }\r\n\r\n  function getCurrentDaySymbol() {\r\n    const currentDate = getCurrentDateString();\r\n    return dateSymbols[currentDate] || null;\r\n  }\r\n\r\n  function isPromotionActiveToday() {\r\n    return !!getCurrentDayTag();\r\n  }\r\n\r\n  function getCurrentDayNumber() {\r\n    const currentDate = getCurrentDateString();\r\n    const day = parseInt(currentDate.split('-')[2], 10);\r\n    return day;\r\n  }\r\n\r\n  function isSpecialBonusDay() {\r\n    const currentDay = getCurrentDayNumber();\r\n    return SPECIAL_BONUS_DAYS.includes(currentDay);\r\n  }\r\n\r\n  function getBonusTags() {\r\n    const currentDay = getCurrentDayNumber();\r\n    return {\r\n      bonusTag: `sc/promo/esaf_bonus_${currentDay}`,\r\n      wimmelbildTag: `sc/promo/esaf_wimmelbild_${currentDay}`\r\n    };\r\n  }\r\n\r\n  function updateTodaysSymbol() {\r\n    const todaySymbol = getCurrentDaySymbol();\r\n    const symbolImage = document.querySelector('.today-symbol img');\r\n\r\n    if (symbolImage && todaySymbol) {\r\n      symbolImage.src = todaySymbol.src;\r\n      symbolImage.alt = todaySymbol.alt;\r\n      symbolImage.style.display = 'inline';\r\n      symbolImage.style.objectFit = 'contain';\r\n    }\r\n  }\r\n\r\n  let playerTagsCache = null;\r\n\r\n  async function retryApi(apiCall, maxRetries = 2) {\r\n    let retries = 0;\r\n    while (retries <= maxRetries) {\r\n      try {\r\n        return await apiCall();\r\n      } catch (error) {\r\n        retries++;\r\n        if (retries > maxRetries) {\r\n          throw error;\r\n        }\r\n        await new Promise(resolve => setTimeout(resolve, 1000 * Math.pow(2, retries - 1)));\r\n      }\r\n    }\r\n  }\r\n\r\n  async function getPlayerTagsRequest(forceRefresh = false) {\r\n    if (playerTagsCache && !forceRefresh) {\r\n      return playerTagsCache;\r\n    }\r\n\r\n    try {\r\n      // TODO: Remove this after testing\r\n      const allTags = await retryApi(() => Playtech.API.user.getPlayerTags());\r\n      playerTagsCache = allTags.data.tags;\r\n      return playerTagsCache;\r\n    } catch (error) {\r\n      console.error(\"Failed to fetch player tags after retries:\", error);\r\n      return [];\r\n    }\r\n  }\r\n\r\n  async function getSelfExclusionStatus() {\r\n    try {\r\n      const selfExclusion = await Playtech.API.responsibleGaming.getPlayerSelfExclusion();\r\n      return selfExclusion.productSettings && selfExclusion.productSettings.length > 0;\r\n    } catch (error) {\r\n      console.error(\"Failed to fetch user self exclusion status:\", error);\r\n      return false;\r\n    }\r\n  }\r\n\r\n  async function getRegulationStatus() {\r\n    try {\r\n      let response = await Playtech.sendUserRegulationStatusRequest();\r\n      return response.data.playerRegulationStatusHistory[0].code;\r\n    } catch (error) {\r\n      console.error(\"Failed to fetch regulation status:\", error);\r\n      return null;\r\n    }\r\n  }\r\n\r\n  async function isLoggedIn() {\r\n    return await Playtech.API.auth.isLoggedIn ? true : false;\r\n  }\r\n\r\n  async function addPlayerTag(tagName) {\r\n    try {\r\n      await Playtech.API.user.setPlayerTags([{ name: tagName }]);\r\n      console.log(`Tag ${tagName} added successfully`);\r\n      await getPlayerTagsRequest(true);\r\n      console.log(`Tag ${tagName} added successfully`);\r\n      return true;\r\n    } catch (error) {\r\n      console.error(`Failed to add tag ${tagName}:`, error);\r\n      return false;\r\n    }\r\n  }\r\n\r\n  function showOverlay(messageKey) {\r\n    const message = translations[currentLanguage][messageKey];\r\n    if (!message) {\r\n      console.error(`Translation key '${messageKey}' not found`);\r\n      return;\r\n    }\r\n\r\n    const overlayText = document.querySelector('.overlay-text');\r\n    if (overlayText) {\r\n      overlayText.innerHTML = message.content;\r\n      const overlay = document.querySelector('.section-overlay');\r\n      if (overlay) {\r\n        overlay.style.display = 'flex';\r\n      }\r\n    } else {\r\n      console.error(\"Overlay text element not found\");\r\n    }\r\n  }\r\n\r\n  function hideOverlay() {\r\n    const overlay = document.querySelector('.section-overlay');\r\n    if (overlay) {\r\n      overlay.style.display = 'none';\r\n    } else {\r\n      console.error(\"Overlay element not found\");\r\n    }\r\n  }\r\n\r\n  async function checkUserConditionsAndShowOverlay() {\r\n    const isUserLoggedIn = await isLoggedIn();\r\n\r\n    if (!isPromotionActiveToday()) {\r\n      todaySymbolContainer.style.display = \"none\";\r\n    }\r\n\r\n    if (!isUserLoggedIn) {\r\n      return hideOverlay();\r\n    }\r\n\r\n    const userState = await getUserState(isUserLoggedIn);\r\n\r\n    if (!userState.isPromotionActive) {\r\n      return showOverlay(\"promotionNotActive\");\r\n    }\r\n\r\n    if (userState.isSelfExcluded) {\r\n      return showOverlay(\"selfExclusion\");\r\n    }\r\n\r\n    if (!userState.isCHE2) {\r\n      return showOverlay(\"verificationRequired\");\r\n    }\r\n\r\n    // Allow them to play (don't show overlay), they can play once and will get the esaf tag after playing\r\n    if (userState.isCHE2 && !userState.hasR1DTag && !userState.hasR2DTag && !userState.hasEsafWimmelbildR1DTag) {\r\n      // Allow to play - don't show overlay, skip to the end\r\n    } else if (userState.isCHE2 && !userState.hasR1DTag && !userState.hasR2DTag && userState.hasEsafWimmelbildR1DTag) {\r\n      return showOverlay(\"alreadyPlayedOnce\");\r\n    }\r\n\r\n    // Check for special bonus days and show bonus message instead of \"already played\"\r\n    if (userState.hasPlayedToday) {\r\n      if (isSpecialBonusDay() && userState.showBonusOffer) {\r\n        const currentDay = getCurrentDayNumber();\r\n        return showOverlay(`bonusOffer${currentDay}`);\r\n      } else {\r\n        return showOverlay(\"alreadyPlayed\");\r\n      }\r\n    }\r\n\r\n    // User meets all conditions, hide overlay\r\n    hideOverlay();\r\n  }\r\n\r\n  async function getUserState(isUserLoggedIn = null) {\r\n    const loginStatus = isUserLoggedIn !== null ? isUserLoggedIn : await isLoggedIn();\r\n\r\n    if (!loginStatus) {\r\n      return {\r\n        isSelfExcluded: false,\r\n        isCHE2: false,\r\n        hasR1DTag: false,\r\n        hasR2DTag: false,\r\n        hasEsafWimmelbildR1DTag: false,\r\n        hasPlayedToday: false,\r\n        hasBonusTag: false,\r\n        hasWimmelbildBonusTag: false,\r\n        showBonusOffer: false,\r\n        isLoggedIn: false,\r\n        isPromotionActive: isPromotionActiveToday()\r\n      };\r\n    }\r\n\r\n    try {\r\n      const [\r\n        selfExclusionStatus,\r\n        regulationStatus,\r\n        playerTags\r\n      ] = await Promise.all([\r\n        getSelfExclusionStatus(),\r\n        getRegulationStatus(),\r\n        getPlayerTagsRequest()\r\n      ]);\r\n\r\n      const currentDayTag = getCurrentDayTag();\r\n      const hasPlayedToday = playerTags.some(tag => tag.name === currentDayTag);\r\n\r\n      // Check for bonus tags if it's a special day\r\n      let hasBonusTag = false;\r\n      let hasWimmelbildBonusTag = false;\r\n      let showBonusOffer = false;\r\n\r\n      if (isSpecialBonusDay()) {\r\n        const { bonusTag, wimmelbildTag } = getBonusTags();\r\n        hasBonusTag = playerTags.some(tag => tag.name === bonusTag);\r\n        hasWimmelbildBonusTag = playerTags.some(tag => tag.name === wimmelbildTag);\r\n        // Show bonus offer only if user has wimmelbild tag but NOT bonus tag\r\n        showBonusOffer = hasWimmelbildBonusTag && !hasBonusTag;\r\n      }\r\n\r\n      return {\r\n        isSelfExcluded: selfExclusionStatus,\r\n        isCHE2: regulationStatus === \"CHE-2\",\r\n        hasR1DTag: playerTags.some(tag => tag.name === \"sc/deposit/r1d\"),\r\n        hasR2DTag: playerTags.some(tag => tag.name === \"sc/deposit/r2d\"),\r\n        hasEsafWimmelbildR1DTag: playerTags.some(tag => tag.name === \"sc/promo/esaf_wimmelbild_one_time\"),\r\n        hasPlayedToday: hasPlayedToday,\r\n        hasBonusTag: hasBonusTag,\r\n        hasWimmelbildBonusTag: hasWimmelbildBonusTag,\r\n        showBonusOffer: showBonusOffer,\r\n        isLoggedIn: true,\r\n        isPromotionActive: isPromotionActiveToday()\r\n      };\r\n    } catch (error) {\r\n      console.error(\"Error getting user state:\", error);\r\n      return {\r\n        isSelfExcluded: false,\r\n        isCHE2: false,\r\n        hasR1DTag: false,\r\n        hasR2DTag: false,\r\n        hasEsafWimmelbildR1DTag: false,\r\n        hasPlayedToday: false,\r\n        hasBonusTag: false,\r\n        hasWimmelbildBonusTag: false,\r\n        showBonusOffer: false,\r\n        isLoggedIn: true, // We know they're logged in, but something else failed\r\n        isPromotionActive: isPromotionActiveToday()\r\n      };\r\n    }\r\n  }\r\n\r\n  updateTodaysSymbol();\r\n  checkUserConditionsAndShowOverlay();\r\n\r\n  let wrapperWidth, wrapperHeight;\r\n\r\n  const measureAndResize = () => {\r\n    const rect = mapImage.getBoundingClientRect();\r\n    wrapperWidth = rect.width;\r\n    wrapperHeight = rect.height;\r\n    imageWrapper.style.width = `${wrapperWidth}px`;\r\n    imageWrapper.style.height = `${wrapperHeight}px`;\r\n  };\r\n\r\n  ScrollTrigger.addEventListener(\"refreshInit\", measureAndResize);\r\n\r\n  gsap.to(imageWrapper, {\r\n    x: () => -(wrapperWidth - window.innerWidth),\r\n    ease: \"none\",\r\n    scrollTrigger: {\r\n      trigger: section2,\r\n      pin: true,\r\n      scrub: 1.3,\r\n      start: \"top top\",\r\n      end: () => `+=${wrapperWidth - window.innerWidth}`,\r\n      invalidateOnRefresh: true,\r\n    }\r\n  });\r\n\r\n  document.querySelectorAll('.hotspot').forEach(hotspot => {\r\n    hotspot.addEventListener('click', async (e) => {\r\n\r\n      const todaySymbol = getCurrentDaySymbol();\r\n      if (todaySymbol && !hotspot.classList.contains(todaySymbol.class)) {\r\n        return; // Silently do nothing for wrong symbols\r\n      }\r\n\r\n      if (!await isLoggedIn()) {\r\n        Playtech.API.popup.showPopup(\"login\");\r\n        return;\r\n      }\r\n\r\n      try {\r\n         // Check if user meets the special R1D condition before playing\r\n        const userState = await getUserState(true);\r\n        const isSpecialRnDCondition = userState.isCHE2 && !userState.hasR1DTag && !userState.hasR2DTag && !userState.hasEsafWimmelbildR1DTag;\r\n\r\n        // If user met the special R1D condition, add the esaf_wimmelbild_r1d tag\r\n        if (isSpecialRnDCondition) {\r\n          const esafTagAdded = await addPlayerTag(\"sc/promo/esaf_wimmelbild_one_time\");\r\n          if (!esafTagAdded) {\r\n            console.error(\"Failed to add esaf_wimmelbild_one_time tag\");\r\n          }\r\n        } else {\r\n          const currentDayTag = getCurrentDayTag();\r\n          if (currentDayTag) {\r\n            const tagAdded = await addPlayerTag(currentDayTag);\r\n            if (!tagAdded) {\r\n              showOverlay(\"error\");\r\n              return;\r\n            }\r\n          }\r\n        }\r\n      } catch (error) {\r\n        console.error(\"Error in hotspot click handling:\", error);\r\n        showOverlay(\"error\");\r\n      }\r\n    });\r\n  });\r\n}"},"conditionIds":["dd75292e-e8a1-4adb-b1ec-09ca1f7c9748","4eaa767f-38ed-46ce-aea0-afceba7315fd"]},{"tagId":"8db39aff-106f-477f-bd6c-9da343f362a5","tagTypeId":"custom_tag_type","name":"Custom /spc-rueckblick","description":"Custom /spc-rueckblick","config":{"beforeEndHead":"<style>\r\na:hover{\r\n    color:#f9b000 !important;\r\n    font-weight:bold;\r\n}\r\nimg,\r\nvideo {\r\n    max-width: 100%;\r\n    height: auto\r\n}\r\n\r\n[hidden] {\r\n    display: none\r\n}\r\n\r\n.font-size-huge-extra {\r\n    font-size: 3rem;\r\n    line-height: 1\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .font-size-huge-extra {\r\n        font-size: 3.75rem;\r\n        line-height: 1\r\n    }\r\n}\r\n\r\n@media (min-width: 1280px) {\r\n    .font-size-huge-extra {\r\n        font-size: 4.5rem;\r\n        line-height: 1\r\n    }\r\n}\r\n\r\n.font-size-huge {\r\n    font-size: 2.25rem;\r\n    line-height: 2.5rem\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .font-size-huge {\r\n        font-size: 3rem;\r\n        line-height: 1\r\n    }\r\n}\r\n\r\n@media (min-width: 1280px) {\r\n    .font-size-huge {\r\n        font-size: 3.75rem;\r\n        line-height: 1\r\n    }\r\n}\r\n\r\n.font-size-large-extra {\r\n    font-size: 1.875rem;\r\n    line-height: 2.25rem\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .font-size-large-extra {\r\n        font-size: 2.25rem;\r\n        line-height: 2.5rem\r\n    }\r\n}\r\n\r\n@media (min-width: 1280px) {\r\n    .font-size-large-extra {\r\n        font-size: 3rem;\r\n        line-height: 1\r\n    }\r\n}\r\n\r\n.font-size-large {\r\n    font-size: 1.5rem;\r\n    line-height: 2rem\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .font-size-large {\r\n        font-size: 1.875rem;\r\n        line-height: 2.25rem\r\n    }\r\n}\r\n\r\n@media (min-width: 1280px) {\r\n    .font-size-large {\r\n        font-size: 2.25rem;\r\n        line-height: 2.5rem\r\n    }\r\n}\r\n\r\n.font-size-medium-extra {\r\n    font-size: 1.25rem;\r\n    line-height: 1.75rem\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .font-size-medium-extra {\r\n        font-size: 1.5rem;\r\n        line-height: 2rem\r\n    }\r\n}\r\n\r\n@media (min-width: 1280px) {\r\n    .font-size-medium-extra {\r\n        font-size: 1.875rem;\r\n        line-height: 2.25rem\r\n    }\r\n}\r\n\r\n.font-size-medium {\r\n    font-size: 1.125rem;\r\n    line-height: 1.75rem\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .font-size-medium {\r\n        font-size: 1.25rem;\r\n        line-height: 1.75rem\r\n    }\r\n}\r\n\r\n@media (min-width: 1280px) {\r\n    .font-size-medium {\r\n        font-size: 1.5rem;\r\n        line-height: 2rem\r\n    }\r\n}\r\n\r\n.font-size-base {\r\n    font-size: 1rem;\r\n    line-height: 1.5rem\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .font-size-base {\r\n        font-size: 1.125rem;\r\n        line-height: 1.75rem\r\n    }\r\n}\r\n\r\n@media (min-width: 1280px) {\r\n    .font-size-base {\r\n        font-size: 1.25rem;\r\n        line-height: 1.75rem\r\n    }\r\n}\r\n\r\n.font-size-small-extra {\r\n    font-size: .875rem;\r\n    line-height: 1.25rem\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .font-size-small-extra {\r\n        font-size: 1rem;\r\n        line-height: 1.5rem\r\n    }\r\n}\r\n\r\n@media (min-width: 1280px) {\r\n    .font-size-small-extra {\r\n        font-size: 1.125rem;\r\n        line-height: 1.75rem\r\n    }\r\n}\r\n\r\n.font-size-small {\r\n    font-size: .75rem;\r\n    line-height: 1rem\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .font-size-small {\r\n        font-size: .875rem;\r\n        line-height: 1.25rem\r\n    }\r\n}\r\n\r\n@media (min-width: 1280px) {\r\n    .font-size-small {\r\n        font-size: 1rem;\r\n        line-height: 1.5rem\r\n    }\r\n}\r\n\r\n.poker-button-animation {\r\n    height: 50px;\r\n    width: 240px;\r\n    border-width: 1px;\r\n    border-style: solid;\r\n    --tw-border-opacity: 1;\r\n    border-color: rgb(255 255 255 / var(--tw-border-opacity));\r\n    --tw-shadow: 0 0 20px rgb(255 255 255/0);\r\n    --tw-shadow-colored: 0 0 20px var(--tw-shadow-color);\r\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\r\n    outline-style: solid;\r\n    outline-width: 1px;\r\n    outline-offset: 0px;\r\n    outline-color: #fffc;\r\n    transition-property: all;\r\n    transition-timing-function: cubic-bezier(.4, 0, .2, 1);\r\n    transition-delay: 0ms;\r\n    transition-duration: 1s;\r\n    transition-timing-function: cubic-bezier(.19, 1, .22, 1)\r\n}\r\n\r\n.poker-button-animation:hover {\r\n    border-width: 1px;\r\n    border-style: solid;\r\n    --tw-border-opacity: 1;\r\n    border-color: rgb(241 241 241 / var(--tw-border-opacity));\r\n    --tw-shadow: inset 0 0 20px rgb(80 33 1), 0 0 20px rgb(255 255 255);\r\n    --tw-shadow-colored: inset 0 0 20px var(--tw-shadow-color), 0 0 20px var(--tw-shadow-color);\r\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\r\n    outline-style: solid;\r\n    outline-width: 1px;\r\n    outline-offset: 30px;\r\n    outline-color: #fff0\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .poker-button-animation {\r\n        height: 66px;\r\n        width: 258px\r\n    }\r\n}\r\n\r\n.poker-button-animation-span {\r\n    font-size: 1.5rem;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    line-height: 1.5rem;\r\n    --tw-text-opacity: 1;\r\n    color: rgb(255 255 255 / var(--tw-text-opacity));\r\n    --tw-drop-shadow: drop-shadow(0 3px 6px rgb(0 0 0/.49));\r\n    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\r\n}\r\n\r\n@media (min-width: 640px) {\r\n    .poker-button-animation-span {\r\n        font-size: 1.875rem;\r\n        line-height: 2.25rem\r\n    }\r\n}\r\n\r\n@media (min-width: 768px) {\r\n    .poker-button-animation-span {\r\n        line-height: 2rem\r\n    }\r\n}\r\n\r\n.button-base {\r\n    font-size: 1rem;\r\n    line-height: 1.5rem\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .button-base {\r\n        font-size: 1.125rem;\r\n        line-height: 1.75rem\r\n    }\r\n}\r\n\r\n@media (min-width: 1280px) {\r\n    .button-base {\r\n        font-size: 1.25rem;\r\n        line-height: 1.75rem\r\n    }\r\n}\r\n\r\n.button-base {\r\n    cursor: pointer;\r\n    border-radius: .125rem;\r\n    padding: .5rem;\r\n    text-align: center;\r\n    font-weight: 400;\r\n    --tw-text-opacity: 1;\r\n    color: rgb(32 32 32 / var(--tw-text-opacity));\r\n    text-decoration-thickness: 0px\r\n}\r\n\r\n.button-base-border {\r\n    border-width: 4px;\r\n    border-style: solid;\r\n    --tw-border-opacity: 1;\r\n    border-color: rgb(249 176 0 / var(--tw-border-opacity))\r\n}\r\n\r\n.button-base-border:hover {\r\n    --tw-border-opacity: 1;\r\n    border-color: rgb(249 176 0 / var(--tw-border-opacity))\r\n}\r\n\r\n.button-base-bg {\r\n    border-width: 4px;\r\n    border-style: solid;\r\n    --tw-border-opacity: 1;\r\n    border-color: rgb(249 176 0 / var(--tw-border-opacity))\r\n}\r\n\r\n.button-base-bg:hover {\r\n    --tw-border-opacity: 1;\r\n    border-color: rgb(249 176 0 / var(--tw-border-opacity))\r\n}\r\n\r\n.button-base-bg {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(249 176 0 / var(--tw-bg-opacity))\r\n}\r\n\r\n.button-base-bg:hover {\r\n    background-color: transparent;\r\n    --tw-text-opacity: 1;\r\n    color: rgb(255 255 255 / var(--tw-text-opacity))\r\n}\r\n\r\n.fixed {\r\n    position: fixed\r\n}\r\n\r\n.absolute {\r\n    position: absolute\r\n}\r\n\r\n.relative {\r\n    position: relative\r\n}\r\n\r\n.inset-0 {\r\n    top: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    left: 0\r\n}\r\n\r\n.left-2 {\r\n    left: 1rem\r\n}\r\n\r\n.right-0 {\r\n    right: 0\r\n}\r\n\r\n.right-2 {\r\n    right: 1rem\r\n}\r\n\r\n.top-0 {\r\n    top: 0\r\n}\r\n\r\n.z-50 {\r\n    z-index: 50\r\n}\r\n\r\n.m-1 {\r\n    margin: .5rem\r\n}\r\n\r\n.m-2 {\r\n    margin: 1rem\r\n}\r\n\r\n.mx-2 {\r\n    margin-left: 1rem;\r\n    margin-right: 1rem\r\n}\r\n\r\n.mx-auto {\r\n    margin-left: auto;\r\n    margin-right: auto\r\n}\r\n\r\n.my-0 {\r\n    margin-top: 0;\r\n    margin-bottom: 0\r\n}\r\n\r\n.my-2 {\r\n    margin-top: 1rem;\r\n    margin-bottom: 1rem\r\n}\r\n\r\n.-mt-7 {\r\n    margin-top: -3.5rem\r\n}\r\n\r\n.mb-1 {\r\n    margin-bottom: .5rem\r\n}\r\n\r\n.mb-2 {\r\n    margin-bottom: 1rem\r\n}\r\n\r\n.mb-3 {\r\n    margin-bottom: 1.5rem\r\n}\r\n\r\n.mb-5 {\r\n    margin-bottom: 2.5rem\r\n}\r\n\r\n.mb-8 {\r\n    margin-bottom: 4rem\r\n}\r\n\r\n.mb-9 {\r\n    margin-bottom: 4.5rem\r\n}\r\n\r\n.mr-2 {\r\n    margin-right: 1rem\r\n}\r\n\r\n.mt-10 {\r\n    margin-top: 5rem\r\n}\r\n\r\n.mt-13 {\r\n    margin-top: 6.5rem\r\n}\r\n\r\n.mt-2 {\r\n    margin-top: 1rem\r\n}\r\n\r\n.mt-25 {\r\n    margin-top: 12.5rem\r\n}\r\n\r\n.mt-4 {\r\n    margin-top: 2rem\r\n}\r\n\r\n.mt-5 {\r\n    margin-top: 2.5rem\r\n}\r\n\r\n.mt-8 {\r\n    margin-top: 4rem\r\n}\r\n\r\n.block {\r\n    display: block\r\n}\r\n\r\n.flex {\r\n    display: flex\r\n}\r\n\r\n.table {\r\n    display: table\r\n}\r\n\r\n.aspect-\\[2\\/2\\.5\\] {\r\n    aspect-ratio: 2/2.5\r\n}\r\n\r\n.aspect-\\[319\\/164\\] {\r\n    aspect-ratio: 319/164\r\n}\r\n\r\n.aspect-\\[74\\/41\\] {\r\n    aspect-ratio: 74/41\r\n}\r\n\r\n.h-12 {\r\n    height: 6rem\r\n}\r\n\r\n.h-26 {\r\n    height: 13rem\r\n}\r\n\r\n.h-3 {\r\n    height: 1.5rem\r\n}\r\n\r\n.h-30 {\r\n    height: 15rem\r\n}\r\n\r\n.h-32 {\r\n    height: 16rem\r\n}\r\n\r\n.h-5 {\r\n    height: 2.5rem\r\n}\r\n\r\n.h-6 {\r\n    height: 3rem\r\n}\r\n\r\n.h-\\[130px\\] {\r\n    height: 130px\r\n}\r\n\r\n.h-\\[263px\\] {\r\n    height: 263px\r\n}\r\n\r\n.h-full {\r\n    height: 100%\r\n}\r\n\r\n.min-h-30 {\r\n    min-height: 15rem\r\n}\r\n\r\n.w-12 {\r\n    width: 6rem\r\n}\r\n\r\n.w-\\[30\\%\\] {\r\n    width: 30%;\r\n}\r\n\r\n.w-\\[70\\%\\] {\r\n    width: 70%;\r\n}\r\n\r\n.w-2\\/5 {\r\n    width: 40%\r\n}\r\n\r\n.w-3 {\r\n    width: 1.5rem\r\n}\r\n\r\n.w-3\\/5 {\r\n    width: 60%\r\n}\r\n\r\n.w-30 {\r\n    width: 15rem\r\n}\r\n\r\n.w-34 {\r\n    width: 17rem\r\n}\r\n\r\n.w-5 {\r\n    width: 2.5rem\r\n}\r\n\r\n.w-6 {\r\n    width: 3rem\r\n}\r\n\r\n.w-\\[326px\\] {\r\n    width: 326px\r\n}\r\n\r\n.w-\\[50rem\\] {\r\n    width: 50rem\r\n}\r\n\r\n.w-\\[90vw\\] {\r\n    width: 90vw\r\n}\r\n\r\n.w-auto {\r\n    width: auto\r\n}\r\n\r\n.w-full {\r\n    width: 100%\r\n}\r\n\r\n.min-w-full {\r\n    min-width: 100%\r\n}\r\n\r\n.max-w-6xl {\r\n    max-width: 72rem\r\n}\r\n\r\n.max-w-screen-xl {\r\n    max-width: 1280px\r\n}\r\n\r\n.max-w-xs {\r\n    max-width: 20rem\r\n}\r\n\r\n.flex-row {\r\n    flex-direction: row\r\n}\r\n\r\n.flex-col {\r\n    flex-direction: column\r\n}\r\n\r\n.flex-wrap {\r\n    flex-wrap: wrap\r\n}\r\n\r\n.items-center {\r\n    align-items: center\r\n}\r\n\r\n.justify-start {\r\n    justify-content: flex-start\r\n}\r\n\r\n.justify-center {\r\n    justify-content: center\r\n}\r\n\r\n.overflow-auto {\r\n    overflow: auto\r\n}\r\n\r\n.overflow-hidden {\r\n    overflow: hidden\r\n}\r\n\r\n.rounded {\r\n    border-radius: .25rem\r\n}\r\n\r\n.rounded-full {\r\n    border-radius: 9999px\r\n}\r\n\r\n.rounded-sm {\r\n    border-radius: .125rem\r\n}\r\n\r\n.border {\r\n    border-width: 1px\r\n}\r\n\r\n.border-0 {\r\n    border-width: 0px\r\n}\r\n\r\n.border-b {\r\n    border-bottom-width: 1px\r\n}\r\n\r\n.border-solid {\r\n    border-style: solid\r\n}\r\n\r\n.border-\\[\\#D1DBE3\\] {\r\n    --tw-border-opacity: 1;\r\n    border-color: rgb(209 219 227 / var(--tw-border-opacity))\r\n}\r\n\r\n.border-black {\r\n    --tw-border-opacity: 1;\r\n    border-color: rgb(0 0 0 / var(--tw-border-opacity))\r\n}\r\n\r\n.bg-\\[\\#050608\\] {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(5 6 8 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-\\[\\#2C394F\\] {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(44 57 79 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-anti-flash-white {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(241 241 241 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-black {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(0 0 0 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-bright-gray {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(233 233 233 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-charleston-green {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(40 40 40 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-chinese-gray {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(204 204 204 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-chinese-yellow {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(249 176 0 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-cultured-white {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(245 245 245 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-cyan-blue {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(66 131 188 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-cyan-blue-azure {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(79 136 190 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-cyber-yellow {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(255 212 5 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-dark-gunmetal {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(33 37 41 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-davy-grey {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(87 87 87 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-egyptian-gray {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(126 125 130 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-flame-red {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(216 87 30 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-gray {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(85 85 85 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-iguana-green {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(110 205 141 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-imperial-red {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(234 29 61 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-lava-red {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(217 17 17 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-lemon-chiffon {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(255 249 207 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-lotion-white {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(250 250 250 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-metallic-brown {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(168 70 9 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-normal-gray {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(128 128 128 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-outrageous-orange {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(255 116 72 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-philippine-gray {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(140 140 140 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-picton-blue {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(69 166 222 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-pine-green {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(8 124 110 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-raisin-black {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(32 32 32 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-rich-black {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(10 51 56 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-ruddy-brown {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(200 95 50 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-sunset-orange {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(243 94 94 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-tangerine-yellow {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(255 204 0 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-transparent {\r\n    background-color: transparent\r\n}\r\n\r\n.bg-tufts-blue {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(52 152 219 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-white {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(255 255 255 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-whity-gray {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(186 186 186 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-opacity-80 {\r\n    --tw-bg-opacity: .8\r\n}\r\n\r\n.object-contain {\r\n    -o-object-fit: contain;\r\n    object-fit: contain\r\n}\r\n\r\n.object-cover {\r\n    -o-object-fit: cover;\r\n    object-fit: cover\r\n}\r\n\r\n.p-10 {\r\n    padding: 5rem\r\n}\r\n\r\n.p-5 {\r\n    padding: 2.5rem\r\n}\r\n\r\n.px-2 {\r\n    padding-left: 1rem;\r\n    padding-right: 1rem\r\n}\r\n\r\n.px-3 {\r\n    padding-left: 1.5rem;\r\n    padding-right: 1.5rem\r\n}\r\n\r\n.px-4 {\r\n    padding-left: 2rem;\r\n    padding-right: 2rem\r\n}\r\n\r\n.px-\\[2\\.25rem\\] {\r\n    padding-left: 2.25rem;\r\n    padding-right: 2.25rem\r\n}\r\n\r\n.py-1 {\r\n    padding-top: .5rem;\r\n    padding-bottom: .5rem\r\n}\r\n\r\n.py-2 {\r\n    padding-top: 1rem;\r\n    padding-bottom: 1rem\r\n}\r\n\r\n.py-4 {\r\n    padding-top: 2rem;\r\n    padding-bottom: 2rem\r\n}\r\n\r\n.py-8 {\r\n    padding-top: 4rem;\r\n    padding-bottom: 4rem\r\n}\r\n\r\n.pb-3 {\r\n    padding-bottom: 1.5rem\r\n}\r\n\r\n.pb-5 {\r\n    padding-bottom: 2.5rem\r\n}\r\n\r\n.pb-6 {\r\n    padding-bottom: 3rem\r\n}\r\n\r\n.pb-8 {\r\n    padding-bottom: 4rem\r\n}\r\n\r\n.pt-3 {\r\n    padding-top: 1.5rem\r\n}\r\n\r\n.pt-4 {\r\n    padding-top: 2rem\r\n}\r\n\r\n.pt-5 {\r\n    padding-top: 2.5rem\r\n}\r\n\r\n.pt-8 {\r\n    padding-top: 4rem\r\n}\r\n\r\n.text-left {\r\n    text-align: left\r\n}\r\n\r\n.text-center {\r\n    text-align: center\r\n}\r\n\r\n.text-3xl {\r\n    font-size: 1.875rem;\r\n    line-height: 2.25rem\r\n}\r\n\r\n.text-4xl {\r\n    font-size: 2.25rem;\r\n    line-height: 2.5rem\r\n}\r\n\r\n.text-5xl {\r\n    font-size: 3rem;\r\n    line-height: 1\r\n}\r\n\r\n.text-lg {\r\n    font-size: 1.125rem;\r\n    line-height: 1.75rem\r\n}\r\n\r\n.text-xl {\r\n    font-size: 1.25rem;\r\n    line-height: 1.75rem\r\n}\r\n\r\n.font-bold {\r\n    font-weight: 700\r\n}\r\n\r\n.font-medium {\r\n    font-weight: 500\r\n}\r\n\r\n.font-normal {\r\n    font-weight: 400\r\n}\r\n\r\n.font-semibold {\r\n    font-weight: 600\r\n}\r\n\r\n.uppercase {\r\n    text-transform: uppercase\r\n}\r\n\r\n.leading-4 {\r\n    line-height: 1rem\r\n}\r\n\r\n.leading-6 {\r\n    line-height: 1.5rem\r\n}\r\n\r\n.leading-7 {\r\n    line-height: 1.75rem\r\n}\r\n\r\n.leading-8 {\r\n    line-height: 2rem\r\n}\r\n\r\n.tracking-wider {\r\n    letter-spacing: .05em\r\n}\r\n\r\n.text-\\[\\#F9B000\\] {\r\n    --tw-text-opacity: 1;\r\n    color: rgb(249 176 0 / var(--tw-text-opacity))\r\n}\r\n\r\n.text-raisin-black {\r\n    --tw-text-opacity: 1;\r\n    color: rgb(32 32 32 / var(--tw-text-opacity))\r\n}\r\n\r\n.text-white {\r\n    --tw-text-opacity: 1;\r\n    color: rgb(255 255 255 / var(--tw-text-opacity))\r\n}\r\n\r\n.underline {\r\n    text-decoration-line: underline\r\n}\r\n\r\n.shadow-lg {\r\n    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);\r\n    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\r\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\r\n}\r\n\r\n.box-style-dark {\r\n    background: #242c39;\r\n    background: linear-gradient(180deg, #242c39, #000);\r\n    border: 2px solid transparent;\r\n    background-clip: padding-box;\r\n    -o-border-image: linear-gradient(180deg, rgba(37, 46, 59, 1) 0%, rgba(249, 176, 0, 1) 100%);\r\n    border-image: linear-gradient(180deg, #252e3b, #f9b000);\r\n    border-image-slice: 1;\r\n    border-radius: 2px\r\n}\r\n\r\n.swiper-button-prev,\r\n.swiper-button-next {\r\n    position: absolute;\r\n    top: 43%;\r\n    transform: translateY(-43%);\r\n    z-index: 10;\r\n    cursor: pointer\r\n}\r\n\r\n.swiper-button-prev:after,\r\n.swiper-button-next:after {\r\n    content: \"\";\r\n    display: flex;\r\n    background-image: url(/library/Poker/poker-retro/arrow.webp);\r\n    background-size: contain;\r\n    background-repeat: no-repeat;\r\n    width: 100%;\r\n    height: 100%\r\n}\r\n\r\n.swiper-button-next:after {\r\n    transform: rotate(180deg)\r\n}\r\n\r\n.swiper-button-prev-24,\r\n.swiper-button-next-24,\r\n.swiper-button-prev-25,\r\n.swiper-button-next-25 {\r\n    position: absolute;\r\n    top: 43%;\r\n    transform: translateY(-43%);\r\n    z-index: 10;\r\n    cursor: pointer\r\n}\r\n\r\n.swiper-button-prev-24:after,\r\n.swiper-button-next-24:after,\r\n.swiper-button-prev-25:after,\r\n.swiper-button-next-25:after {\r\n    content: \"\";\r\n    display: flex;\r\n    background-image: url(/library/Poker/poker-retro/arrow.webp);\r\n    background-size: contain;\r\n    background-repeat: no-repeat;\r\n    width: 100%;\r\n    height: 100%\r\n}\r\n\r\n.swiper-button-next-24:after,\r\n.swiper-button-next-25:after {\r\n    transform: rotate(180deg)\r\n}\r\n\r\n.rank-table tbody tr:last-child td {\r\n    border-bottom: none\r\n}\r\n\r\n.rank-table tbody tr:nth-child(-n+3) {\r\n    background-color: #26313a\r\n}\r\n\r\n.display-none {\r\n    display: none\r\n}\r\n\r\n.hover\\:text-white:hover {\r\n    --tw-text-opacity: 1;\r\n    color: rgb(255 255 255 / var(--tw-text-opacity))\r\n}\r\n\r\n@media (min-width: 768px) {\r\n    .md\\:left-10 {\r\n        left: 5rem\r\n    }\r\n\r\n    .md\\:right-10 {\r\n        right: 5rem\r\n    }\r\n\r\n    .md\\:max-w-md {\r\n        max-width: 28rem\r\n    }\r\n\r\n    .md\\:flex-row {\r\n        flex-direction: row\r\n    }\r\n\r\n    .md\\:justify-center {\r\n        justify-content: center\r\n    }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .lg\\:relative {\r\n        position: relative\r\n    }\r\n\r\n    .lg\\:left-11 {\r\n        left: 5.5rem\r\n    }\r\n\r\n    .lg\\:right-11 {\r\n        right: 5.5rem\r\n    }\r\n\r\n    .lg\\:mx-1 {\r\n        margin-left: .5rem;\r\n        margin-right: .5rem\r\n    }\r\n\r\n    .lg\\:mb-16 {\r\n        margin-bottom: 8rem\r\n    }\r\n\r\n    .lg\\:mb-5 {\r\n        margin-bottom: 2.5rem\r\n    }\r\n\r\n    .lg\\:mr-1 {\r\n        margin-right: .5rem\r\n    }\r\n\r\n    .lg\\:mt-3 {\r\n        margin-top: 1.5rem\r\n    }\r\n\r\n    .lg\\:block {\r\n        display: block\r\n    }\r\n\r\n    .lg\\:inline {\r\n        display: inline\r\n    }\r\n\r\n    .lg\\:h-5 {\r\n        height: 2.5rem\r\n    }\r\n\r\n    .lg\\:h-\\[33rem\\] {\r\n        height: 33rem\r\n    }\r\n\r\n    .lg\\:h-\\[500px\\] {\r\n        height: 500px\r\n    }\r\n\r\n    .lg\\:min-h-0 {\r\n        min-height: 0\r\n    }\r\n\r\n    .lg\\:w-1\\/3 {\r\n        width: 33.333333%\r\n    }\r\n\r\n    .lg\\:w-18 {\r\n        width: 9rem\r\n    }\r\n\r\n    .lg\\:w-27 {\r\n        width: 13.5rem\r\n    }\r\n\r\n    .lg\\:w-5 {\r\n        width: 2.5rem\r\n    }\r\n\r\n    .lg\\:w-\\[530px\\] {\r\n        width: 530px\r\n    }\r\n\r\n    .lg\\:max-w-3xl {\r\n        max-width: 48rem\r\n    }\r\n\r\n    .lg\\:flex-row {\r\n        flex-direction: row\r\n    }\r\n\r\n    .lg\\:flex-row-reverse {\r\n        flex-direction: row-reverse\r\n    }\r\n\r\n    .lg\\:flex-wrap {\r\n        flex-wrap: wrap\r\n    }\r\n\r\n    .lg\\:justify-start {\r\n        justify-content: flex-start\r\n    }\r\n\r\n    .lg\\:justify-center {\r\n        justify-content: center\r\n    }\r\n\r\n    .lg\\:overflow-auto {\r\n        overflow: auto\r\n    }\r\n\r\n    .lg\\:p-2 {\r\n        padding: 1rem\r\n    }\r\n\r\n    .lg\\:px-15 {\r\n        padding-left: 7.5rem;\r\n        padding-right: 7.5rem\r\n    }\r\n\r\n    .lg\\:px-3 {\r\n        padding-left: 1.5rem;\r\n        padding-right: 1.5rem\r\n    }\r\n\r\n    .lg\\:px-4 {\r\n        padding-left: 2rem;\r\n        padding-right: 2rem;\r\n    }\r\n\r\n    .lg\\:px-5 {\r\n        padding-left: 2.5rem;\r\n        padding-right: 2.5rem\r\n    }\r\n\r\n    .lg\\:px-6 {\r\n        padding-left: 3rem;\r\n        padding-right: 3rem\r\n    }\r\n\r\n    .lg\\:py-1 {\r\n        padding-top: .5rem;\r\n        padding-bottom: .5rem\r\n    }\r\n\r\n    .lg\\:py-10 {\r\n        padding-top: 5rem;\r\n        padding-bottom: 5rem\r\n    }\r\n\r\n    .lg\\:py-11 {\r\n        padding-top: 5.5rem;\r\n        padding-bottom: 5.5rem\r\n    }\r\n\r\n    .lg\\:pb-2 {\r\n        padding-bottom: 1rem\r\n    }\r\n\r\n    .lg\\:pb-4 {\r\n        padding-bottom: 2rem\r\n    }\r\n\r\n    .lg\\:pt-12 {\r\n        padding-top: 6rem\r\n    }\r\n\r\n    .lg\\:pt-4 {\r\n        padding-top: 2rem\r\n    }\r\n\r\n    .lg\\:text-left {\r\n        text-align: left\r\n    }\r\n\r\n    .lg\\:text-2xl {\r\n        font-size: 1.5rem;\r\n        line-height: 2rem\r\n    }\r\n\r\n    .lg\\:text-3xl {\r\n        font-size: 1.875rem;\r\n        line-height: 2.25rem\r\n    }\r\n\r\n    .lg\\:text-4xl {\r\n        font-size: 2.25rem;\r\n        line-height: 2.5rem\r\n    }\r\n\r\n    .lg\\:text-5xl {\r\n        font-size: 3rem;\r\n        line-height: 1\r\n    }\r\n\r\n    .lg\\:text-6xl {\r\n        font-size: 3.75rem;\r\n        line-height: 1\r\n    }\r\n\r\n    .lg\\:text-7xl {\r\n        font-size: 4.5rem;\r\n        line-height: 1\r\n    }\r\n\r\n    .lg\\:text-xl {\r\n        font-size: 1.25rem;\r\n        line-height: 1.75rem\r\n    }\r\n\r\n    .lg\\:w-3\\/5 {\r\n        width: 60%;\r\n    }\r\n\r\n    .lg\\:w-2\\/5 {\r\n        width: 40%;\r\n    }\r\n}\r\n\r\n@media (min-width: 1280px) {\r\n    .xl\\:h-\\[150px\\] {\r\n        height: 150px\r\n    }\r\n\r\n    .xl\\:w-\\[630px\\] {\r\n        width: 630px\r\n    }\r\n\r\n    .xl\\:w-\\[65vw\\] {\r\n        width: 65vw\r\n    }\r\n\r\n    .xl\\:px-30 {\r\n        padding-left: 15rem;\r\n        padding-right: 15rem\r\n    }\r\n}\r\n\r\n@media (min-width: 1536px) {\r\n    .\\32xl\\:w-\\[50vw\\] {\r\n        width: 50vw\r\n    }\r\n}\r\n\r\n.cusotm-table-border {\r\n  border-bottom: 2px solid #D1DBE3;\r\n  border-left: none;\r\n  border-right: none;\r\n  border-top: none;\r\n}\r\n\r\n.rank-table table {\r\n  border-spacing: 0px;\r\n}\r\n\r\n.gallary div img {\r\n  cursor: pointer;\r\n}\r\n\r\n:not(.swiper-wrapper)>.swiper-slide, :not(.swiper)>.swiper-slide {\r\n    display: unset;\r\n}\r\n\r\n</style>","beforeEndBody":""},"conditionIds":["a94d9adc-5df8-4e36-ab83-2cccfda08694","536a0342-c6ec-4919-b04d-5f1c0c5c683d"]},{"tagId":"a6df9f8f-d770-4370-bf0c-e3097ece47f6","tagTypeId":"custom_tag_type","name":"Custom CSS /schwingfest","description":"Custom CSS /schwingfest","config":{"beforeEndHead":"<script src=\"https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.5/gsap.min.js\"></script>\n<script src=\"https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.5/ScrollTrigger.min.js\"></script>\n\n<style>\n .absolute {\n    position: absolute\n}\n\n.relative {\n    position: relative\n}\n\n.-left-8 {\n    left: -4rem\n}\n\n.-right-4 {\n    right: -2rem\n}\n\n.-right-\\[5\\%\\] {\n    right: -5%\n}\n\n.-top-1 {\n    top: -.5rem\n}\n\n.bottom-0 {\n    bottom: 0\n}\n\n.bottom-5 {\n    bottom: 2.5rem\n}\n\n.left-0 {\n    left: 0\n}\n\n.right-0 {\n    right: 0\n}\n\n.right-\\[5\\%\\] {\n    right: 5%\n}\n\n.top-0 {\n    top: 0\n}\n\n.top-\\[15\\%\\] {\n    top: 15%\n}\n\n.top-\\[50\\%\\] {\n    top: 50%\n}\n\n.top-\\[8\\%\\] {\n    top: 8%\n}\n\n.-z-\\[1\\] {\n    z-index: -1\n}\n\n.z-\\[1\\] {\n    z-index: 1\n}\n\n.mx-2 {\n    margin-left: 1rem;\n    margin-right: 1rem\n}\n\n.mx-auto {\n    margin-left: auto;\n    margin-right: auto\n}\n\n.my-1 {\n    margin-top: .5rem;\n    margin-bottom: .5rem\n}\n\n.mb-1 {\n    margin-bottom: .5rem\n}\n\n.mb-2 {\n    margin-bottom: 1rem\n}\n\n.mb-\\[2px\\] {\n    margin-bottom: 2px\n}\n\n.mt-0 {\n    margin-top: 0\n}\n\n.mt-1 {\n    margin-top: .5rem\n}\n\n.mt-2 {\n    margin-top: 1rem\n}\n\n.mt-3 {\n    margin-top: 1.5rem\n}\n\n.mt-5 {\n    margin-top: 2.5rem\n}\n\n.mt-8 {\n    margin-top: 4rem\n}\n\n.block {\n    display: block\n}\n\n.inline {\n    display: inline\n}\n\n.flex {\n    display: flex\n}\n\n.hidden {\n    display: none\n}\n\n.h-18 {\n    height: 9rem\n}\n\n.h-20 {\n    height: 10rem\n}\n\n.h-23 {\n    height: 11.5rem\n}\n\n.h-35 {\n    height: 17.5rem\n}\n\n.h-40 {\n    height: 20rem\n}\n\n.h-9 {\n    height: 4.5rem\n}\n\n.h-\\[calc\\(100vh-45px\\)\\] {\n    height: calc(100vh - 45px)\n}\n\n.h-full {\n    height: 100%\n}\n\n.max-h-0 {\n    max-height: 0\n}\n\n.w-18 {\n    width: 9rem\n}\n\n.w-20 {\n    width: 10rem\n}\n\n.w-23 {\n    width: 11.5rem\n}\n\n.w-35 {\n    width: 17.5rem\n}\n\n.w-40 {\n    width: 20rem\n}\n\n.w-9 {\n    width: 4.5rem\n}\n\n.w-full {\n    width: 100%\n}\n\n.w-screen {\n    width: 100vw\n}\n\n.max-w-5xl {\n    max-width: 64rem\n}\n\n.max-w-screen-xl {\n    max-width: 1280px\n}\n\n.cursor-pointer {\n    cursor: pointer\n}\n\n.list-decimal {\n    list-style-type: decimal\n}\n\n.flex-col {\n    flex-direction: column\n}\n\n.items-start {\n    align-items: flex-start\n}\n\n.items-center {\n    align-items: center\n}\n\n.justify-center {\n    justify-content: center\n}\n\n.justify-between {\n    justify-content: space-between\n}\n\n.gap-2 {\n    gap: 1rem\n}\n\n.overflow-hidden {\n    overflow: hidden\n}\n\n.overflow-x-hidden {\n    overflow-x: hidden\n}\n\n.rounded-xl {\n    border-radius: .75rem\n}\n\n.border {\n    border-width: 1px\n}\n\n.border-l-4 {\n    border-left-width: 4px\n}\n\n.border-solid {\n    border-style: solid\n}\n\n.border-\\[\\#F1F1F1\\] {\n    border-color: #f1f1f1\n}\n\n.border-l-\\[\\#B1B1B1\\] {\n    border-left-color: #b1b1b1\n}\n\n.bg-\\[rgba\\(242\\,242\\,242\\,80\\%\\)\\] {\n    background-color: #f2f2f2cc\n}\n\n.bg-white {\n    background-color: #fff\n}\n\n.p-3 {\n    padding: 1.5rem\n}\n\n.px-3 {\n    padding-left: 1.5rem;\n    padding-right: 1.5rem\n}\n\n.py-1 {\n    padding-top: .5rem;\n    padding-bottom: .5rem\n}\n\n.pb-15 {\n    padding-bottom: 7.5rem\n}\n\n.pl-5 {\n    padding-left: 2.5rem\n}\n\n.pt-12 {\n    padding-top: 6rem\n}\n\n.text-center {\n    text-align: center\n}\n\n.text-2xl {\n    font-size: 1.5rem;\n    line-height: 2rem\n}\n\n.text-5xl {\n    font-size: 3rem;\n    line-height: 1\n}\n\n.text-xl {\n    font-size: 1.25rem;\n    line-height: 1.75rem\n}\n\n.font-black {\n    font-weight: 900\n}\n\n.font-bold {\n    font-weight: 700\n}\n\n.font-medium {\n    font-weight: 500\n}\n\n.uppercase {\n    text-transform: uppercase\n}\n\n.text-black {\n    color: #000\n}\n\n.text-white {\n    color: #fff\n}\n\n.underline {\n    text-decoration-line: underline\n}\n\n.decoration-transparent {\n    text-decoration-color: transparent\n}\n\n.transition-all {\n    transition-property: all;\n    transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n    transition-duration: .15s\n}\n\n.transition-transform {\n    transition-property: transform;\n    transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n    transition-duration: .15s\n}\n\n.duration-300 {\n    transition-duration: .3s\n}\n\n.display-none {\n    display: none\n}\n\n@media (min-width: 1024px) {\n    .lg\\:display-none {\n        display: none\n    }\n}\n\n.map-section {\n    position: relative;\n    width: 100vw;\n    height: 100vh;\n    overflow: hidden\n}\n\n.image-wrapper {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: auto;\n    height: auto\n}\n\n.map-image {\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100vh;\n    width: auto;\n    -o-object-fit: cover;\n    object-fit: cover;\n    display: block\n}\n\n.section-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: #000000b3;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    z-index: 10;\n    pointer-events: all\n}\n.overlay-text ul li {\n  font-size: 1.6rem;\n}\n.overlay-text {\n    background: #505050d9;\n    color: #ccc;\n    font-size: 1.6rem;\n    font-weight: 500;\n    text-align: left;\n    padding: 1.2rem 2rem;\n    border-radius: 12px;\n    border: 2px dashed rgba(255, 255, 255, .3);\n    box-shadow: 0 6px 18px #0000004d;\n    backdrop-filter: blur(6px);\n    -webkit-backdrop-filter: blur(6px)\n}\n\n.overlay-text a {\n    color: #fff;\n    -webkit-text-decoration: underline;\n    text-decoration: underline\n}\n\n.hotspot {\n    position: absolute;\n}\n\n.hotspot-kuchen {\n    bottom: 0%;\n    right: 11.9%;\n    width: 2%;\n    height: 9%\n}\n\n.hotspot-kleeblatt {\n    bottom: 30.5%;\n    right: 28.3%;\n    width: .9%;\n    height: 5.4%\n}\n\n.hotspot-schoggi {\n    bottom: 0%;\n    right: 36.3%;\n    width: 1.5%;\n    height: 9.9%\n}\n\n.hotspot-drum {\n    bottom: 0%;\n    left: 46.4%;\n    width: 1.07%;\n    height: 6%\n}\n\n.hotspot-wurst {\n    bottom: 46%;\n    left: 27.2%;\n    width: 1.4%;\n    height: 8%\n}\n\n.hotspot-kranz {\n    bottom: 15%;\n    left: 5.1%;\n    width: 1.3%;\n    height: 7%\n}\n\n.hotspot-alphorn {\n    top: 30.6%;\n    right: 5.5%;\n    width: 1%;\n    height: 6.5%\n}\n\n.hotspot-kuh {\n    bottom: 21.5%;\n    right: 33.1%;\n    width: 1.6%;\n    height: 8.5%\n}\n\n.hotspot-uhr {\n    top: 17.9%;\n    left: 39.1%;\n    width: .9%;\n    height: 6%\n}\n\n.hotspot-schwinger {\n    bottom: 0%;\n    right: 2.4%;\n    width: 1.7%;\n    height: 11%\n}\n\n.hotspot-hut {\n    bottom: 30%;\n    right: 47.6%;\n    width: 1%;\n    height: 5%\n}\n\n.hotspot-fahne {\n    top: 25.5%;\n    left: 15.3%;\n    width: 1.6%;\n    height: 10.5%\n}\n\n.hotspot-hemd {\n    bottom: 42.6%;\n    right: 31.5%;\n    width: 1.35%;\n    height: 8%\n}\n\n.hotspot-hose {\n    bottom: 0%;\n    left: 37.55%;\n    width: 2%;\n    height: 7.2%\n}\n\n.checkbox:checked~.accrodion-content {\n    max-height: none\n}\n\n.accrodion-label:after {\n    content: \"+\";\n    width: 2rem;\n    height: 2rem;\n    font-size: 24px;\n    font-weight: 600;\n    text-align: center;\n    transition: all .35s\n}\n\n.checkbox:checked+.accrodion-label:after {\n    transform: rotate(45deg)\n}\n\n.accrodion {\n    border-bottom: 1px solid #D5D8DC\n}\n\n.scroll-down-arrow {\n    width: 30px;\n    height: 30px;\n    border-right: 3px solid #000;\n    border-bottom: 3px solid #000;\n    transform: rotate(45deg);\n    margin-bottom: 8px;\n    animation: scrollArrow 2s infinite\n}\n\n@keyframes scrollArrow {\n    0% {\n        opacity: 0;\n        transform: rotate(45deg) translate(-10px, -10px)\n    }\n\n    50% {\n        opacity: 1\n    }\n\n    to {\n        opacity: 0;\n        transform: rotate(45deg) translate(10px, 10px)\n    }\n}\n\n.loading-spinner {\n    border: 4px solid rgba(255, 255, 255, .3);\n    border-radius: 50%;\n    border-top: 4px solid #ffffff;\n    width: 40px;\n    height: 40px;\n    margin: 0 auto;\n    animation: spin 1s linear infinite\n}\n\n@keyframes spin {\n    0% {\n        transform: rotate(0)\n    }\n\n    to {\n        transform: rotate(360deg)\n    }\n}\n\n.hover\\:no-underline:hover {\n    text-decoration-line: none\n}\n\n@media (min-width: 1024px) {\n    .lg\\:-top-12 {\n        top: -6rem\n    }\n\n    .lg\\:bottom-0 {\n        bottom: 0\n    }\n\n    .lg\\:left-\\[8\\%\\] {\n        left: 8%\n    }\n\n    .lg\\:right-\\[10\\%\\] {\n        right: 10%\n    }\n\n    .lg\\:top-\\[8\\%\\] {\n        top: 8%\n    }\n\n    .lg\\:mb-4 {\n        margin-bottom: 2rem\n    }\n\n    .lg\\:mt-10 {\n        margin-top: 5rem\n    }\n\n    .lg\\:mt-2 {\n        margin-top: 1rem\n    }\n\n    .lg\\:mt-6 {\n        margin-top: 3rem\n    }\n\n    .lg\\:block {\n        display: block\n    }\n\n    .lg\\:h-18 {\n        height: 9rem\n    }\n\n    .lg\\:h-20 {\n        height: 10rem\n    }\n\n    .lg\\:h-35 {\n        height: 17.5rem\n    }\n\n    .lg\\:h-\\[30rem\\] {\n        height: 30rem\n    }\n\n    .lg\\:h-\\[calc\\(100vh-220px\\)\\] {\n        height: calc(100vh - 220px)\n    }\n\n    .lg\\:w-19 {\n        width: 9.5rem\n    }\n\n    .lg\\:w-20 {\n        width: 10rem\n    }\n\n    .lg\\:w-35 {\n        width: 17.5rem\n    }\n\n    .lg\\:w-\\[30rem\\] {\n        width: 30rem\n    }\n\n    .lg\\:pb-30 {\n        padding-bottom: 15rem\n    }\n\n    .lg\\:text-2xl {\n        font-size: 1.5rem;\n        line-height: 2rem\n    }\n\n    .lg\\:text-3xl {\n        font-size: 1.875rem;\n        line-height: 2.25rem\n    }\n\n    .lg\\:text-5xl {\n        font-size: 3rem;\n        line-height: 1\n    }\n\n    .lg\\:text-8xl {\n        font-size: 6rem;\n        line-height: 1\n    }\n}\n</style>","beforeEndBody":""},"conditionIds":["dd75292e-e8a1-4adb-b1ec-09ca1f7c9748","536a0342-c6ec-4919-b04d-5f1c0c5c683d"]},{"tagId":"1993f0a7-df02-488f-913f-7b59d805cce6","tagTypeId":"custom_tag_type","name":"Custom CSS Tag /casino-bonus","description":"Custom CSS Tag /casino-bonus","config":{"beforeEndHead":"<style>\r\n#main-content{\r\n  box-shadow:none;\r\n}\r\n.bonus-popup-container p {\r\n  font-size: 1.1rem;\r\n}\r\n \r\n.desktop .custom-bonus-popup>.popup-modal__inner .popup-modal__buttons {\r\n    display: block !important;\r\n}\r\n\r\n/*SC-3118*/\r\n.popup.popup-modal.detailed-bonus-popup .popup-modal__content p {\r\n    font-size: 1em;\r\n}\r\n\r\n/*SC-3118*/\r\n\r\n.container {\r\n    position: relative;\r\n    margin-bottom: 8px;\r\n}\r\n\r\n#overlay{\r\n    display: none;\r\n}\r\n\r\n.animate-click{\r\n    display: none;\r\n}\r\n\r\n#p_p_id_bonusmultiview_WAR_bonusportlet_INSTANCE_q5R5TVEKYYN9 > div.fn-portlet.portlet__content.portlet__content_border_show.portlet__content_type_bonus-multi-view > div > div > div > div > div:nth-child(1) > div > div.bonus-multiview-imageview__webcontent.fn-multiview-bonus.fn-webcontent-container > div > div{\r\n    /*display: block !important;*/\r\n}\r\n@media screen and (max-width: 992px) {\r\n\r\n    #overlay {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        background: rgba(0, 0, 0, 0.7);\r\n        color: white;\r\n        max-width: 196px;\r\n        opacity: 0;\r\n\r\n        /* Start the animation after 3 seconds */\r\n        animation: fadein 3s ease-in-out 0s forwards,\r\n            fadeout 3s ease-in-out 5s forwards;\r\n    }\r\n\r\n    #overlay img {\r\n        margin-top: 25px;\r\n        width: 60px;\r\n    }\r\n\r\n    @keyframes fadein {\r\n        0% {\r\n            opacity: 0;\r\n        }\r\n\r\n        100% {\r\n            opacity: 1;\r\n        }\r\n    }\r\n\r\n    @keyframes fadeout {\r\n        0% {\r\n            opacity: 1;\r\n        }\r\n\r\n        100% {\r\n            opacity: 0;\r\n        }\r\n    }\r\n}\r\n</style>","beforeEndBody":""},"conditionIds":["7e84c461-b667-4988-8228-d9a296d085bf","536a0342-c6ec-4919-b04d-5f1c0c5c683d"]},{"tagId":"7c162f1f-3638-4e3a-9375-0f39d5f587a3","tagTypeId":"custom_tag_type","name":"Game Pages CSS","description":"Game Pages CSS","config":{"beforeEndHead":"<style>\r\n  .Game__background--1Gc {\r\n    background: none !important;\r\n  }\r\n\r\n  .desktop .layout-100-1200px .layout-100-1200px-navigation-wrapper {\r\n    display: block;\r\n    max-width: 100% !important;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .desktop .menu__secondlevel-wrapper {\r\n    display: none;\r\n  }\r\n\r\n  .desktop .Footer__footer--14A {\r\n    max-width: 100% !important;\r\n  }\r\n\r\n  .widefooter {\r\n    display: block;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  #main-content>div>div.layout-100-1200px-navigation-wrapper {\r\n    display: none;\r\n  }\r\n\r\n  .mobile .Category__heading--27N,\r\n  .tablet .Category__heading--27N {\r\n    font-size: 1rem;\r\n    font-weight: 700;\r\n    text-transform: capitalize;\r\n  }\r\n\r\n  .mobile .Category__category--2Zw:not(.Category__tab--22U):after,\r\n  .tablet .Category__category--2Zw:not(.Category__tab--22U):after {\r\n    content: none;\r\n  }\r\n\r\n  .mobile .Category__category--2Zw,\r\n  .tablet .Category__category--2Zw {\r\n    padding-bottom: 0em;\r\n  }\r\n\r\n  .mobile #favorites>.GamesView__games--2E9,\r\n  .tablet #favorites>.GamesView__games--2E9, \r\n    .mobile #recentlyplayed .GamesView__games--2E9, .tablet #recentlyplayed .GamesView__games--2E9 {\r\n    padding-bottom: 2em;\r\n  }\r\n\r\n  .mobile #recentlyplayed .Image__image--30Z.Game__image--FvX,\r\n  .tablet #recentlyplayed .Image__image--30Z.Game__image--FvX {\r\n    box-shadow: 0 7px 20px rgb(0 0 0 / 90%);\r\n  }\r\n  \r\n  /*.Game__labels--1vo .Game__label--3Nk {*/\r\n  /*  background: #ffba00;*/\r\n  /*  color: #000;*/\r\n  /*  font-weight: 600;*/\r\n  /*  border: 1px solid #fff;*/\r\n  /*}*/\r\n  .mobile .Category__toggleAllGames--3DA, .tablet .Category__toggleAllGames--3DA, .Link__link--saE {\r\n  color: #2d6aa0 !important;\r\n}\r\n.desktop .menu__nav-item.active .menu__nav-link{\r\n  color:  #2d6aa0 !important;\r\n}\r\n\r\n</style>","beforeEndBody":""},"conditionIds":["9a6fd193-8be7-4b06-9bd7-bdf8e764f8e8","536a0342-c6ec-4919-b04d-5f1c0c5c683d"]},{"tagId":"de7ec810-347f-4fd5-a74b-78f0b626d3ef","tagTypeId":"custom_tag_type","name":"Custom CSS /schwingfest-verlosung","description":"Custom CSS /schwingfest-verlosung","config":{"beforeEndHead":"<style>\n  .absolute {\n    position: absolute\n}\n\n.relative {\n    position: relative\n}\n\n.-left-15 {\n    left: -7.5rem\n}\n\n.-left-8 {\n    left: -4rem\n}\n\n.-right-4 {\n    right: -2rem\n}\n\n.-top-1 {\n    top: -.5rem\n}\n\n.bottom-5 {\n    bottom: 2.5rem\n}\n\n.bottom-\\[30\\%\\] {\n    bottom: 30%\n}\n\n.bottom-\\[35\\%\\] {\n    bottom: 35%\n}\n\n.left-0 {\n    left: 0\n}\n\n.left-4 {\n    left: 2rem\n}\n\n.right-0 {\n    right: 0\n}\n\n.right-\\[5\\%\\] {\n    right: 5%\n}\n\n.top-0 {\n    top: 0\n}\n\n.top-\\[10\\%\\] {\n    top: 10%\n}\n\n.top-\\[15\\%\\] {\n    top: 15%\n}\n\n.-z-\\[1\\] {\n    z-index: -1\n}\n\n.z-10 {\n    z-index: 10\n}\n\n.z-\\[1\\] {\n    z-index: 1\n}\n\n.m-0 {\n    margin: 0\n}\n\n.m-auto {\n    margin: auto\n}\n\n.mx-auto {\n    margin-left: auto;\n    margin-right: auto\n}\n\n.my-4 {\n    margin-top: 2rem;\n    margin-bottom: 2rem\n}\n\n.mb-2 {\n    margin-bottom: 1rem\n}\n\n.mb-3 {\n    margin-bottom: 1.5rem\n}\n\n.mb-4 {\n    margin-bottom: 2rem\n}\n\n.mt-0 {\n    margin-top: 0\n}\n\n.mt-1 {\n    margin-top: .5rem\n}\n\n.mt-10 {\n    margin-top: 5rem\n}\n\n.mt-2 {\n    margin-top: 1rem\n}\n\n.mt-3 {\n    margin-top: 1.5rem\n}\n\n.mt-5 {\n    margin-top: 2.5rem\n}\n\n.mt-6 {\n    margin-top: 3rem\n}\n\n.mt-8 {\n    margin-top: 4rem\n}\n\n.inline {\n    display: inline\n}\n\n.flex {\n    display: flex\n}\n\n.h-12 {\n    height: 6rem\n}\n\n.h-15 {\n    height: 7.5rem\n}\n\n.h-18 {\n    height: 9rem\n}\n\n.h-20 {\n    height: 10rem\n}\n\n.h-22 {\n    height: 11rem\n}\n\n.h-23 {\n    height: 11.5rem\n}\n\n.h-30 {\n    height: 15rem\n}\n\n.h-40 {\n    height: 20rem\n}\n\n.h-\\[calc\\(100vh-45px\\)\\] {\n    height: calc(100vh - 45px)\n}\n\n.h-full {\n    height: 100%\n}\n\n.w-15 {\n    width: 7.5rem\n}\n\n.w-18 {\n    width: 9rem\n}\n\n.w-20 {\n    width: 10rem\n}\n\n.w-23 {\n    width: 11.5rem\n}\n\n.w-30 {\n    width: 15rem\n}\n\n.w-40 {\n    width: 20rem\n}\n\n.w-full {\n    width: 100%\n}\n\n.w-screen {\n    width: 100vw\n}\n\n.max-w-5xl {\n    max-width: 64rem\n}\n\n.max-w-screen-xl {\n    max-width: 1280px\n}\n\n.cursor-pointer {\n    cursor: pointer\n}\n\n.flex-col {\n    flex-direction: column\n}\n\n.items-center {\n    align-items: center\n}\n\n.justify-center {\n    justify-content: center\n}\n\n.gap-2 {\n    gap: 1rem\n}\n\n.gap-4 {\n    gap: 2rem\n}\n\n.gap-5 {\n    gap: 2.5rem\n}\n\n.space-y-2>:not([hidden])~:not([hidden]) {\n    margin-top: calc(1rem * (1 - var(--tw-space-y-reverse)));\n    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));\n    margin-bottom: calc(1rem * var(--tw-space-y-reverse))\n}\n\n.space-y-4>:not([hidden])~:not([hidden]) {\n    margin-top: calc(2rem * (1 - var(--tw-space-y-reverse)));\n    margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));\n    margin-bottom: calc(2rem * var(--tw-space-y-reverse))\n}\n\n.overflow-x-hidden {\n    overflow-x: hidden\n}\n\n.bg-transparent {\n    background-color: transparent\n}\n\n.bg-white {\n    background-color: #fff\n}\n\n.object-contain {\n    -o-object-fit: contain;\n    object-fit: contain\n}\n\n.px-2 {\n    padding-left: 1rem;\n    padding-right: 1rem\n}\n\n.px-3 {\n    padding-left: 1.5rem;\n    padding-right: 1.5rem\n}\n\n.px-4 {\n    padding-left: 2rem;\n    padding-right: 2rem\n}\n\n.py-5 {\n    padding-top: 2.5rem;\n    padding-bottom: 2.5rem\n}\n\n.pb-16 {\n    padding-bottom: 8rem\n}\n\n.pb-30 {\n    padding-bottom: 15rem\n}\n\n.pl-5 {\n    padding-left: 2.5rem\n}\n\n.text-left {\n    text-align: left\n}\n\n.text-center {\n    text-align: center\n}\n\n.text-2xl {\n    font-size: 1.5rem;\n    line-height: 2rem\n}\n\n.text-4xl {\n    font-size: 2.25rem;\n    line-height: 2.5rem\n}\n\n.text-5xl {\n    font-size: 3rem;\n    line-height: 1\n}\n\n.text-6xl {\n    font-size: 3.75rem;\n    line-height: 1\n}\n\n.text-xl {\n    font-size: 1.25rem;\n    line-height: 1.75rem\n}\n\n.font-black {\n    font-weight: 900\n}\n\n.font-bold {\n    font-weight: 700\n}\n\n.font-medium {\n    font-weight: 500\n}\n\n.font-normal {\n    font-weight: 400\n}\n\n.uppercase {\n    text-transform: uppercase\n}\n\n.filter {\n    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n\n.accordion-content {\n    max-height: 1000px;\n    overflow: hidden;\n    transition: max-height .3s ease\n}\n\ninput:not(:checked)~.accordion-content {\n    max-height: 0\n}\n\n.accordion-header:after {\n    content: url(/library/schwingfest-landing/images/arrow.webp);\n    display: inline-block;\n    margin-left: 5px;\n    transition: transform .3s ease;\n    position: absolute\n}\n\ninput:checked+.accordion-header:after {\n    transform: rotate(180deg)\n}\n\n.displaynone {\n    display: none\n}\n\n@media (min-width: 1024px) {\n    .lg\\:-top-12 {\n        top: -6rem\n    }\n\n    .lg\\:bottom-0 {\n        bottom: 0\n    }\n\n    .lg\\:left-\\[8\\%\\] {\n        left: 8%\n    }\n\n    .lg\\:right-\\[10\\%\\] {\n        right: 10%\n    }\n\n    .lg\\:top-\\[8\\%\\] {\n        top: 8%\n    }\n\n    .lg\\:mt-10 {\n        margin-top: 5rem\n    }\n\n    .lg\\:mt-2 {\n        margin-top: 1rem\n    }\n\n    .lg\\:mt-21 {\n        margin-top: 10.5rem\n    }\n\n    .lg\\:mt-25 {\n        margin-top: 12.5rem\n    }\n\n    .lg\\:mt-5 {\n        margin-top: 2.5rem\n    }\n\n    .lg\\:block {\n        display: block\n    }\n\n    .lg\\:h-18 {\n        height: 9rem\n    }\n\n    .lg\\:h-20 {\n        height: 10rem\n    }\n\n    .lg\\:h-35 {\n        height: 17.5rem\n    }\n\n    .lg\\:h-\\[30rem\\] {\n        height: 30rem\n    }\n\n    .lg\\:h-\\[calc\\(100vh-360px\\)\\] {\n        height: calc(100vh - 360px)\n    }\n\n    .lg\\:w-19 {\n        width: 9.5rem\n    }\n\n    .lg\\:w-20 {\n        width: 10rem\n    }\n\n    .lg\\:w-35 {\n        width: 17.5rem\n    }\n\n    .lg\\:w-\\[30rem\\] {\n        width: 30rem\n    }\n\n    .lg\\:flex-col-reverse {\n        flex-direction: column-reverse\n    }\n\n    .lg\\:gap-20 {\n        gap: 10rem\n    }\n\n    .lg\\:space-x-4>:not([hidden])~:not([hidden]) {\n        margin-right: calc(2rem * var(--tw-space-x-reverse));\n        margin-left: calc(2rem * (1 - var(--tw-space-x-reverse)));\n        margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)))\n    }\n\n    .lg\\:space-y-0>:not([hidden])~:not([hidden]) {\n        margin-top: calc(0px * (1 - var(--tw-space-y-reverse)));\n        margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));\n        margin-bottom: calc(0px * var(--tw-space-y-reverse))\n    }\n\n    .lg\\:px-0 {\n        padding-left: 0;\n        padding-right: 0\n    }\n\n    .lg\\:px-3 {\n        padding-left: 1.5rem;\n        padding-right: 1.5rem\n    }\n\n    .lg\\:pb-\\[28rem\\] {\n        padding-bottom: 28rem\n    }\n\n    .lg\\:pt-14 {\n        padding-top: 7rem\n    }\n\n    .lg\\:text-center {\n        text-align: center\n    }\n\n    .lg\\:text-2xl {\n        font-size: 1.5rem;\n        line-height: 2rem\n    }\n\n    .lg\\:text-3xl {\n        font-size: 1.875rem;\n        line-height: 2.25rem\n    }\n\n    .lg\\:text-4xl {\n        font-size: 2.25rem;\n        line-height: 2.5rem\n    }\n\n    .lg\\:text-8xl {\n        font-size: 6rem;\n        line-height: 1\n    }\n    \n    .lg\\:h-\\[calc\\(100vh-80px\\)\\] {\n        height: calc(100vh - 80px);\n    }\n    \n      .lg\\:flex-row {\n        flex-direction: row;\n    }\n}\n\n@media (min-width: 1280px) {\n    .xl\\:text-3xl {\n        font-size: 1.875rem;\n        line-height: 2.25rem\n    }\n\n    .xl\\:text-4xl {\n        font-size: 2.25rem;\n        line-height: 2.5rem\n    }\n}\n</style>","beforeEndBody":""},"conditionIds":["c24e6346-700f-43a5-b46a-f8f7f8f1c0d0","536a0342-c6ec-4919-b04d-5f1c0c5c683d"]},{"tagId":"0bffc153-467c-4af2-851b-0bb6efbd71fe","tagTypeId":"custom_js","name":"After render JS /mcdonalds","description":"After render JS /mcdonalds","config":{"code":"(async function () {\r\n    //copy bonus code\r\n    const bonusCode = document.getElementById('bonus-code');\r\n\r\n    bonusCode.addEventListener('click', () => {\r\n        const code = bonusCode.innerText;\r\n\r\n        navigator.clipboard.writeText(code).then(() => {\r\n            // Get current language\r\n            const lang = Playtech.API.language.getCurrentLanguage();\r\n\r\n            // Define translations\r\n            let copiedText = 'Bonus Copied';\r\n            if (lang === 'it_IT') {\r\n                copiedText = 'Bonus Copiato';\r\n            } else if (lang === 'es_ES') {\r\n                copiedText = 'Bono Copiado';\r\n            } else if (lang === 'fr_FR') {\r\n                copiedText = 'Bonus Copié';\r\n            } else if (lang === 'de_DE') {\r\n                copiedText = 'Bonus Kopiert';\r\n            }\r\n            // Add more languages as needed...\r\n\r\n            bonusCode.innerText = copiedText;\r\n\r\n            setTimeout(() => {\r\n                bonusCode.innerText = code;\r\n            }, 1500);\r\n        });\r\n    });\r\n    \r\n    //Scroll logic for bg-icons\r\n    const throttle = (func, limit) => {\r\n    let inThrottle;\r\n    return function (...args) {\r\n      if (!inThrottle) {\r\n        func.apply(this, args);\r\n        inThrottle = true;\r\n        setTimeout(() => (inThrottle = false), limit);\r\n      }\r\n    };\r\n  };\r\n\r\n    const handleScroll = throttle(() => {\r\n    const scrollY = window.scrollY;\r\n    const scrollElements = document.querySelectorAll(\".scroll-float\");\r\n\r\n    requestAnimationFrame(() => {\r\n      scrollElements.forEach((el) => {\r\n        const speed = parseFloat(el.dataset.speed) || 0.3;\r\n        el.style.transform = `translateY(${scrollY * speed}px)`;\r\n      });\r\n    });\r\n  }, 16);\r\n  window.addEventListener(\"scroll\", handleScroll, { passive: true });\r\n})();"},"conditionIds":["27ccace8-57db-4a3c-a9de-dc90b4a450b6","4eaa767f-38ed-46ce-aea0-afceba7315fd"]},{"tagId":"28","tagTypeId":"custom_tag_type","name":"Custom CSS Tag /spielregeln","description":"Custom CSS Tag /spielregeln","config":{"beforeEndHead":"\r\n<style>\r\ninput[type=\"checkbox\"] {\r\n    display: none !important;\r\n    opacity:0;\r\n  }\r\nul{\r\n  list-style-type: disc;\r\n  padding-left: 1.2rem;\r\n}\r\n.seo-link:hover{\r\n\tcolor:#fff !important;\r\n  }\r\n  .seo-link {\r\n\tcolor:#f9b000;\r\n\tfont-weight: bold;\r\n  }\r\n.button-base-bg {\r\n  color: #000;\r\n  border-width: 4px;\r\n  border-style: solid;\r\n  --tw-border-opacity: 1;\r\n  border-color: rgb(249 176 0 / var(--tw-border-opacity));\r\n}\r\n.button-base-bg:hover {\r\n  border-color: rgb(255 204 0 / var(--tw-border-opacity));\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(255 204 0 / var(--tw-bg-opacity));\r\n    color: #000;\r\n}\r\n.button-base-bg {\r\n  --tw-bg-opacity: 1;\r\n  background-color: rgb(249 176 0 / var(--tw-bg-opacity));\r\n  border-color: rgb(249 176 0 / var(--tw-border-opacity));\r\n}\r\n.button-base {\r\n  font-size: 1rem;\r\n  line-height: 1.5rem;\r\n}\r\n@media (min-width: 1024px) {\r\n  .button-base {\r\n    font-size: 1.125rem;\r\n    line-height: 1.75rem;\r\n  }\r\n}\r\n@media (min-width: 1280px) {\r\n  .button-base {\r\n    font-size: 1.25rem;\r\n    line-height: 1.75rem;\r\n  }\r\n}\r\n.relative {\r\n  position: relative;\r\n}\r\n.m-1 {\r\n  margin: 0.25rem;\r\n}\r\n.mx-auto {\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n}\r\n.my-0 {\r\n  margin-top: 0;\r\n  margin-bottom: 0;\r\n}\r\n.mb-1 {\r\n  margin-bottom: 0.25rem;\r\n}\r\n.mb-10 {\r\n  margin-bottom: 2.5rem;\r\n}\r\n.mb-20 {\r\n  margin-bottom: 5rem;\r\n}\r\n.mb-4 {\r\n  margin-bottom: 1rem;\r\n}\r\n.mb-5 {\r\n  margin-bottom: 1.25rem;\r\n}\r\n.mb-8 {\r\n  margin-bottom: 2rem;\r\n}\r\n.mb-px {\r\n  margin-bottom: 1px;\r\n}\r\n.mt-14 {\r\n  margin-top: 3.5rem;\r\n}\r\n.mt-2 {\r\n  margin-top: 0.5rem;\r\n}\r\n.mt-0 {\r\n  margin-top: 0;\r\n}\r\n.mt-4 {\r\n  margin-top: 1rem;\r\n}\r\n.mt-8 {\r\n  margin-top: 2rem;\r\n}\r\n.block {\r\n  display: block;\r\n}\r\n.flex {\r\n  display: flex;\r\n}\r\n.table {\r\n  display: table;\r\n}\r\n.hidden {\r\n  display: none;\r\n}\r\n.h-12 {\r\n  height: 3rem;\r\n}\r\n.w-11\\/12 {\r\n  width: 91.666667%;\r\n}\r\n.w-40 {\r\n  width: 10rem;\r\n}\r\n.w-full {\r\n  width: 100%;\r\n}\r\n.max-w-screen-xl {\r\n  max-width: 1280px;\r\n}\r\n.cursor-pointer {\r\n  cursor: pointer;\r\n}\r\n.flex-row {\r\n  flex-direction: row;\r\n}\r\n.flex-col {\r\n  flex-direction: column;\r\n}\r\n.items-center {\r\n  align-items: center;\r\n}\r\n.justify-center {\r\n  justify-content: center;\r\n}\r\n.overflow-hidden {\r\n  overflow: hidden;\r\n}\r\n.bg-\\[\\#242C39\\] {\r\n  --tw-bg-opacity: 1;\r\n  background-color: rgb(36 44 57 / var(--tw-bg-opacity));\r\n}\r\n.bg-\\[\\#252C39\\] {\r\n  --tw-bg-opacity: 1;\r\n  background-color: rgb(37 44 57 / var(--tw-bg-opacity));\r\n}\r\n.bg-black {\r\n  --tw-bg-opacity: 1;\r\n  background-color: rgb(0 0 0 / var(--tw-bg-opacity));\r\n}\r\n.bg-transparent {\r\n  background-color: transparent;\r\n}\r\n.p-4 {\r\n  padding: 1rem;\r\n}\r\n.p-5 {\r\n  padding: 1.25rem;\r\n}\r\n.p-7 {\r\n  padding: 1.75rem;\r\n}\r\n.px-3 {\r\n  padding-left: 0.75rem;\r\n  padding-right: 0.75rem;\r\n}\r\n.px-5 {\r\n  padding-left: 1.25rem;\r\n  padding-right: 1.25rem;\r\n}\r\n.py-2 {\r\n  padding-top: 0.5rem;\r\n  padding-bottom: 0.5rem;\r\n}\r\n.py-3 {\r\n  padding-top: 0.75rem;\r\n  padding-bottom: 0.75rem;\r\n}\r\n.pb-10 {\r\n  padding-bottom: 2.5rem;\r\n}\r\n.pb-20 {\r\n  padding-bottom: 5rem;\r\n}\r\n.pb-4 {\r\n  padding-bottom: 1rem;\r\n}\r\n.pb-5 {\r\n  padding-bottom: 1.25rem;\r\n}\r\n.pl-3 {\r\n  padding-left: 0.75rem;\r\n}\r\n.pr-8 {\r\n  padding-right: 2rem;\r\n}\r\n.pt-0 {\r\n  padding-top: 0;\r\n}\r\n.pt-1 {\r\n  padding-top: 0.25rem;\r\n}\r\n.pt-24 {\r\n  padding-top: 6rem;\r\n}\r\n.pt-5 {\r\n  padding-top: 1.25rem;\r\n}\r\n.text-center {\r\n  text-align: center;\r\n}\r\n.text-2xl {\r\n  font-size: 1.5rem;\r\n  line-height: 2rem;\r\n}\r\n.text-3xl {\r\n  font-size: 1.875rem;\r\n  line-height: 2.25rem;\r\n}\r\n.text-4xl {\r\n  font-size: 2.25rem;\r\n  line-height: 2.5rem;\r\n}\r\n.text-base {\r\n  font-size: 1rem;\r\n  line-height: 1.5rem;\r\n}\r\n.text-lg {\r\n  font-size: 1.125rem;\r\n  line-height: 1.75rem;\r\n}\r\n.text-xl {\r\n  font-size: 1.25rem;\r\n  line-height: 1.75rem;\r\n}\r\n.font-bold {\r\n  font-weight: 700;\r\n}\r\n.font-light {\r\n  font-weight: 300;\r\n}\r\n.font-normal {\r\n  font-weight: 400;\r\n}\r\n.font-semibold {\r\n  font-weight: 600;\r\n}\r\n.uppercase {\r\n  text-transform: uppercase;\r\n}\r\n.text-\\[\\#F9B000\\] {\r\n  --tw-text-opacity: 1;\r\n  color: rgb(249 176 0 / var(--tw-text-opacity));\r\n}\r\n.text-black {\r\n  --tw-text-opacity: 1;\r\n  color: rgb(0 0 0 / var(--tw-text-opacity));\r\n}\r\n.text-white {\r\n  --tw-text-opacity: 1;\r\n  color: rgb(255 255 255 / var(--tw-text-opacity));\r\n}\r\n.shadow {\r\n  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\r\n  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),\r\n    0 1px 2px -1px var(--tw-shadow-color);\r\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),\r\n    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\r\n}\r\n.shadow-2xl {\r\n  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);\r\n  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);\r\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),\r\n    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\r\n}\r\n\r\n.item {\r\n  border-right: 2px solid #f9b000;\r\n  border-bottom: 2px solid #f9b000;\r\n  border-top: none;\r\n}\r\n.item:last-child {\r\n  border-bottom: none;\r\n}\r\n#accordion-mobile .mob-item {\r\n  border-bottom: 2px solid #f9b000;\r\n}\r\n#accordion-mobile .mob-item:last-child {\r\n  border-bottom: none;\r\n}\r\n.color-yellow {\r\n  color: #f9b000;\r\n}\r\n.display-none {\r\n  display: none;\r\n}\r\n@media (min-width: 1024px) {\r\n  .lg-display-none {\r\n    display: none !important;\r\n  }\r\n}\r\n.accor-label:hover {\r\n  cursor: pointer;\r\n}\r\n.sub-accor-label {\r\n  color: #fff !important;\r\n}\r\n.accor-label:after {\r\n  right: 0.5rem;\r\n  transform: rotate(90deg);\r\n  padding-right: 0;\r\n}\r\n.accor-label:after,\r\ninput:checked + .accor-label:after {\r\n  content: url(/library/Poker/new-strategy-page/arrow-icon.png);\r\n  position: absolute;\r\n  right: 1rem;\r\n  transform: rotate(0);\r\n  height: 17px;\r\n  margin-top: 2px;\r\n}\r\ninput:checked + .accor-label:after {\r\n  transform: rotate(180deg);\r\n}\r\n.sub-accor-label:after,\r\ninput:checked + .sub-accor-label:after {\r\n  content: url(/library/Poker/new-strategy-page/arrow-icon-small.png);\r\n  position: absolute;\r\n  right: 1rem;\r\n  height: 18px;\r\n  width: 14px;\r\n}\r\ninput:checked + .sub-accor-label:after {\r\n  transform: rotate(180deg);\r\n}\r\ninput:checked + .sub-accor-label {\r\n  background: linear-gradient(270deg, #f9b000, #252e3b);\r\n}\r\n.accordion-top-border {\r\n  border-top: 34px solid #f9b000;\r\n}\r\n.gradient-bg {\r\n  background: #f9b000;\r\n  background: linear-gradient(0deg, #dc9c0026, #6d4d0126);\r\n}\r\n.sub-gradient-bg {\r\n  background: #0a2346;\r\n  background: linear-gradient(90deg, #0a2346, #113d5a);\r\n}\r\n.accordion-content {\r\n  max-height: 0;\r\n  color: #fff;\r\n  transition: all 0.4s cubic-bezier(0.865, 0.14, 0.095, 0.87);\r\n  padding-left: 10px;\r\n  padding-right: 10px;\r\n}\r\n.accordion-content p{\r\n  color: #fff;\r\n}\r\n\r\n.accordion-content h2 {\r\n    color: #fff;\r\n}\r\n\r\n.mob-accor-label:before {\r\n  content: \"\";\r\n  background: url(/library/Poker/gaming-rules-page/card-white.png) no-repeat;\r\n  width: 16px;\r\n  height: 21px;\r\n  min-width: 16px;\r\n  min-height: 21px;\r\n  margin-right: 10px;\r\n  background-size: 15px;\r\n}\r\ninput[name=\"panel\"]:checked ~ .accordion-content,\r\ninput[name=\"sub-panel\"]:checked ~ .accordion-content {\r\n  max-height: -moz-fit-content;\r\n  max-height: fit-content;\r\n}\r\ninput[name=\"panel\"]:checked ~ .mob-accor-label {\r\n  background:linear-gradient(270deg, #f9b000, #252e3b);\r\n  color: #fff;\r\n}\r\ninput[name=\"panel\"]:checked ~ .mob-accor-label:before {\r\n  background-size: 15px;\r\n}\r\n.item:before {\r\n  content: \"\";\r\n  width: 35px;\r\n  height: 35px;\r\n  min-width: 35px;\r\n  min-height: 35px;\r\n  margin-right: 15px;\r\n}\r\n.hide{\r\n    display: none;\r\n  }\r\n\r\n  .loader, .loader:before, .loader:after {\r\n    border-radius: 50%;\r\n    width: 2.5em;\r\n    height: 2.5em;\r\n    animation-fill-mode: both;\r\n    animation: bblFadInOut 1.8s infinite ease-in-out;\r\n  }\r\n  .loader {\r\n    color: #F9B000;\r\n    font-size: 7px;\r\n    position: relative;\r\n    text-indent: -9999em;\r\n    transform: translateZ(0);\r\n    animation-delay: -0.16s;\r\n  }\r\n  .loader:before,\r\n  .loader:after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n  }\r\n  .loader:before {\r\n    left: -3.5em;\r\n    animation-delay: -0.32s;\r\n  }\r\n  .loader:after {\r\n    left: 3.5em;\r\n  }\r\n  \r\n  @keyframes bblFadInOut {\r\n    0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em }\r\n    40% { box-shadow: 0 2.5em 0 0 }\r\n  }\r\n \r\n.general:before {\r\n  background: url(/library/Poker/new-strategy-page/general.png) no-repeat;\r\n}\r\n.definition:before {\r\n  background: url(/library/Poker/new-strategy-page/definition.png) no-repeat;\r\n}\r\n.poker_hand_ranking:before {\r\n  background: url(/library/Poker/new-strategy-page/poker_hand_ranking.png)\r\n    no-repeat;\r\n}\r\n.game_format:before {\r\n  background: url(/library/Poker/new-strategy-page/game_format.png) no-repeat;\r\n}\r\n.Betting_rules:before {\r\n  background: url(/library/Poker/new-strategy-page/Betting_rules.png) no-repeat;\r\n}\r\n.Betting_time_limit:before {\r\n  background: url(/library/Poker/new-strategy-page/Betting_time_limit.png)\r\n    no-repeat;\r\n}\r\n.cancelled_games:before {\r\n  background: url(/library/Poker/new-strategy-page/cancelled_games.png)\r\n    no-repeat;\r\n}\r\n.Participation_in_poker_game:before {\r\n  background: url(/library/Poker/new-strategy-page/Participation_in_poker_game.png)\r\n    no-repeat;\r\n}\r\n.tournaments:before {\r\n  background: url(/library/Poker/new-strategy-page/tournaments.png) no-repeat;\r\n}\r\n.Cancellation_of_tournaments:before {\r\n  background: url(/library/Poker/new-strategy-page/Cancellation_of_tournaments.png)\r\n    no-repeat;\r\n}\r\n.further_provisions:before {\r\n  background: url(/library/Poker/new-strategy-page/further_provisions.png)\r\n    no-repeat;\r\n}\r\n.comission:before {\r\n  background: url(/library/Poker/new-strategy-page/comission.png) no-repeat;\r\n}\r\n/* .item-not-active:after {\r\n  transform: rotate(-90deg);\r\n} */\r\n.item-active:after,\r\n.item-not-active:after {\r\n  content: url(/library/Poker/new-strategy-page/arrow-icon.png);\r\n  height: 17px;\r\n  position: absolute;\r\n  right: 0.5rem;\r\n}\r\n.item-active:after {\r\n  transform: rotate(90deg);\r\n}\r\n.item-active {\r\n  background: #f9b000;\r\n  background: linear-gradient(270deg, #f9b000, #252e3b);\r\n}\r\n.accordion-content p {\r\n  margin-top: 10px;\r\n  margin-bottom: 10px;\r\n}\r\n.accor-label.active {\r\n  background: linear-gradient(270deg, #f9b000, #252e3b);\r\n  color: #fff;\r\n}\r\n.sub-accor-mob {\r\n  margin-bottom: 10px;\r\n}\r\n.color-yellow a:hover {\r\n  color: #fff;\r\n}\r\n#main-content {\r\n  overflow: hidden;\r\n}\r\n.btn-accor {\r\n  background-image: url(/library/Poker/new-strategy-page/arrow-icon.png);\r\n  background-repeat: no-repeat;\r\n  background-position: center;\r\n  background-size: cover;\r\n  border: 1px solid white;\r\n  box-shadow: 0 0 20px #fff0;\r\n  outline: 1px solid;\r\n  text-shadow: none;\r\n  transition: all 1.25s cubic-bezier(0.19, 1, 0.22, 1);\r\n  outline-color: #fffc;\r\n  outline-offset: 0;\r\n  border-radius: 23px;\r\n  height: 45px;\r\n  width: 45px;\r\n  cursor: pointer;\r\n}\r\n.btn-accor.active {\r\n  transform: rotate(180deg);\r\n}\r\n.button-base-bg {\r\n  background-color: #f9b000;\r\n  border-color: #f9b000;\r\n}\r\n.accordion-content-toggle {\r\n  display: none;\r\n}\r\n.accordion-content-toggle.active {\r\n  display: block;\r\n}\r\n.max-w-\\[95\\%\\] {\r\n  max-width: 95%;\r\n}\r\n#show-more-btn:after,\r\n#show-less-btn:after {\r\n  content: \"❯\";\r\n  display: inline-block;\r\n  margin-left: 1.5rem;\r\n  margin-right: 0.5rem;\r\n}\r\n#show-more-btn:after {\r\n  transform: rotate(90deg);\r\n}\r\n#show-less-btn:after {\r\n  transform: rotate(-90deg);\r\n}\r\n.poker-accor-table th,\r\n.poker-accor-table-general th {\r\n  background: #fc0;\r\n  font-weight: 600;\r\n  color: #000;\r\n  padding: 0.625em;\r\n  text-align: center;\r\n  font-size: 0.85em;\r\n}\r\n.poker-accor-table-general,\r\n.poker-accor-table {\r\n  border-radius: 3px;\r\n  border-collapse: collapse;\r\n  margin: 0;\r\n  padding: 0;\r\n  width: 100%;\r\n  table-layout: fixed;\r\n}\r\n.poker-accor-table-general tr,\r\n.poker-accor-table tr {\r\n  background-color: #252c39;\r\n  border-bottom: 1px solid #fc0;\r\n  padding: 0.35em;\r\n}\r\n.poker-accor-table tr:hover,\r\n.poker-accor-table-general tr:hover {\r\n  background-color: #ffffff1f;\r\n}\r\n.poker-accor-table-general td,\r\n.poker-accor-table td {\r\n  padding: 0.625em;\r\n  text-align: center;\r\n  color: #fff;\r\n}\r\n@media screen and (max-width: 600px) {\r\n\r\n  .sub-accor-label:after,\r\ninput:checked + .sub-accor-label:after {\r\n  display: none;\r\n}\r\n\r\n  .poker-accor-table,\r\n  .poker-accor-table-general {\r\n    border: 0;\r\n  }\r\n\r\n  .poker-accor-table thead tr:first-child {\r\n\tdisplay: none;\r\n  }\r\n  .poker-accor-table-general thead tr:first-child {\r\n\tdisplay: none;\r\n  }\r\n  .poker-accor-table thead,\r\n  .poker-accor-table-general thead {\r\n    border: none;\r\n    clip: rect(0 0 0 0);\r\n    height: 1px;\r\n    margin: -1px;\r\n    overflow: hidden;\r\n    padding: 0;\r\n    position: relative;\r\n    width: 1px;\r\n  }\r\n  .poker-accor-table tr,\r\n  .poker-accor-table-general tr {\r\n    border-bottom: none;\r\n    display: block;\r\n    margin-bottom: 0.625em;\r\n    background-color: #ffffff1f;\r\n  }\r\n  .poker-accor-table td,\r\n  .poker-accor-table-general td {\r\n    border-bottom: 1px solid #ddd;\r\n    display: block;\r\n    font-size: 0.8em;\r\n    text-align: right !important;\r\n  }\r\n  .poker-accor-table td:before,\r\n  .poker-accor-table-general td:before {\r\n    content: attr(data-label);\r\n    float: left;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n  }\r\n  .poker-accor-table-general td:last-child {\r\n    border-bottom: 0;\r\n  }\r\n}\r\n@media (min-width: 1024px) {\r\n  .lg\\:mx-1 {\r\n    margin-left: 0.25rem;\r\n    margin-right: 0.25rem;\r\n  }\r\n  .lg\\:mb-32 {\r\n    margin-bottom: 8rem;\r\n  }\r\n  .lg\\:mt-14 {\r\n    margin-top: 3.5rem;\r\n  }\r\n  .lg\\:mt-6 {\r\n    margin-top: 1.5rem;\r\n  }\r\n  .lg\\:flex {\r\n    display: flex;\r\n  }\r\n  .lg\\:h-20 {\r\n    height: 5rem;\r\n  }\r\n  .lg\\:w-30\\% {\r\n    width: 30%;\r\n  }\r\n  .lg\\:w-70\\% {\r\n    width: 70%;\r\n  }\r\n  .lg\\:w-72 {\r\n    width: 18rem;\r\n  }\r\n  .lg\\:w-80 {\r\n    width: 20rem;\r\n  }\r\n  .lg\\:max-w-screen-xl {\r\n    max-width: 1280px;\r\n  }\r\n  .lg\\:justify-center {\r\n    justify-content: center;\r\n  }\r\n  .lg\\:p-0 {\r\n    padding: 0;\r\n  }\r\n  .lg\\:px-0 {\r\n    padding-left: 0;\r\n    padding-right: 0;\r\n  }\r\n  .lg\\:px-14 {\r\n    padding-left: 3.5rem;\r\n    padding-right: 3.5rem;\r\n  }\r\n  .lg\\:px-8 {\r\n    padding-left: 2rem;\r\n    padding-right: 2rem;\r\n  }\r\n  .lg\\:py-3 {\r\n    padding-top: 0.75rem;\r\n    padding-bottom: 0.75rem;\r\n  }\r\n  .lg\\:py-8 {\r\n    padding-top: 2rem;\r\n    padding-bottom: 2rem;\r\n  }\r\n  .lg\\:pb-20 {\r\n    padding-bottom: 5rem;\r\n  }\r\n  .lg\\:text-3xl {\r\n    font-size: 1.875rem;\r\n    line-height: 2.25rem;\r\n  }\r\n  .lg\\:text-7xl {\r\n    font-size: 4.5rem;\r\n    line-height: 1;\r\n  }\r\n  .lg\\:text-xl {\r\n    font-size: 1.25rem;\r\n    line-height: 1.75rem;\r\n  }\r\n  .lg\\:\\!font-size-small {\r\n    font-size: 1rem !important;\r\n    line-height: 1.5rem !important;\r\n}\r\n}\r\n@media (min-width: 1280px) {\r\n  .xl\\:px-3 {\r\n    padding-left: 0.75rem;\r\n    padding-right: 0.75rem;\r\n  }\r\n}\r\n</style>","beforeEndBody":""},"conditionIds":["536a0342-c6ec-4919-b04d-5f1c0c5c683d","830c040b-ef32-4efe-bf3b-bf09227914e8"]},{"tagId":"13fb5e06-97af-4f96-b753-908e22d6ed83","tagTypeId":"custom_tag_type","name":"Google analytics | tag manager","description":"Google analytics | tag manager","config":{"beforeEndHead":"<!-- Google Tag Manager -->\r\n<script>\r\n  (function(w, d, s, l, i) {\r\n    w[l] = w[l] || [];\r\n    w[l].push({\r\n      'gtm.start': new Date().getTime(),\r\n      event: 'gtm.js'\r\n    });\r\n    var f = d.getElementsByTagName(s)[0],\r\n      j = d.createElement(s),\r\n      dl = l != 'dataLayer' ? '&l=' + l : '';\r\n    j.async = true;\r\n    j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;\r\n    f.parentNode.insertBefore(j, f);\r\n  })(window, document, 'script', 'dataLayer', 'GTM-WDXPQMQ');\r\n</script> \r\n<!-- End Google Tag Manager -->","beforeEndBody":"<!-- Google Tag Manager (noscript) -->\r\n<noscript><iframe src=\"https://www.googletagmanager.com/ns.html?id=GTM-WDXPQMQ\"\r\nheight=\"0\" width=\"0\" style=\"display:none;visibility:hidden\"></iframe></noscript>\r\n<!-- End Google Tag Manager (noscript) -->"},"conditionIds":["536a0342-c6ec-4919-b04d-5f1c0c5c683d"]},{"tagId":"9b05205b-67e1-4e71-85af-2eb94b2e97e9","tagTypeId":"custom_js","name":"Custom JS /daily-games-landing","description":"Custom JS /daily-games-landing","config":{"code":"(async function() {\r\n  let activeGameIndex = 0;\r\n  let games = [];\r\n  let countdownInterval = null;\r\n  let swiperInstance = null;\r\n\r\n  const throttle = (func, limit) => {\r\n    let inThrottle;\r\n    return function() {\r\n      const args = arguments;\r\n      const context = this;\r\n      if (!inThrottle) {\r\n        func.apply(context, args);\r\n        inThrottle = true;\r\n        setTimeout(() => inThrottle = false, limit);\r\n      }\r\n    }\r\n  };\r\n\r\n\t// Generate weekly JSON filename automatically based on Friday\r\nconst generateWeeklyJsonFilename = () => {\r\n    const today = new Date();\r\n    const mostRecentSaturday = new Date(today);\r\n    const daysToSubtract = (today.getDay() + 1) % 7; \r\n    \r\n    mostRecentSaturday.setDate(today.getDate() - daysToSubtract);\r\n    \r\n    const year = mostRecentSaturday.getFullYear();\r\n    const month = String(mostRecentSaturday.getMonth() + 1).padStart(2, '0');\r\n    const day = String(mostRecentSaturday.getDate()).padStart(2, '0');\r\n    \r\n    return `games_${year}_${month}_${day}.json`;\r\n  };\r\n\r\n  const init = async () => {\r\n    try {\r\n      await loadGameData();\r\n    } catch (error) {\r\n      console.error('Failed to initialize:', error);\r\n    }\r\n  };\r\n\r\n  const loadGameData = async () => {\r\n    try {\r\n      // Auto-generate filename based on current week\r\n      const jsonFilename = generateWeeklyJsonFilename();\r\n      console.log(`Loading game data from: ${jsonFilename}`);\r\n      \r\n      const response = await fetch(`/library/daily-games-landing/daily-games-json/${jsonFilename}`);\r\n      \r\n      if (!response.ok) {\r\n        throw new Error(`HTTP error! status: ${response.status} - Could not load ${jsonFilename}`);\r\n      }\r\n      \r\n      const data = await response.json();\r\n      const [todayEntry] = await Promise.all([\r\n        getTodayEntry(data.games),\r\n        renderRecentGames(data.games)\r\n      ]);\r\n\r\n      if (!todayEntry?.games?.length) {\r\n        throw new Error(\"No games found for today\");\r\n      }\r\n\r\n      games = todayEntry.games;\r\n      activeGameIndex = 0;\r\n      await renderUI();\r\n      \r\n    } catch (error) {\r\n      console.error('Error loading game data:', error);\r\n      throw error;\r\n    }\r\n  };\r\n\r\n  const getTodayEntry = (gamesList) => {\r\n    const today = new Date();\r\n    const formattedDate = today.toLocaleDateString('de-DE', {\r\n      day: '2-digit',\r\n      month: '2-digit',\r\n      year: 'numeric'\r\n    });\r\n    \r\n    return gamesList.find(entry => entry.date === formattedDate);\r\n  };\r\n\r\n  const renderUI = async () => {\r\n    return new Promise(resolve => {\r\n      requestAnimationFrame(() => {\r\n        renderImages();\r\n        renderGame(activeGameIndex);\r\n        \r\n        if (games.length > 1) {\r\n          setupSlider();\r\n        }\r\n        \r\n        startCountdown();\r\n        resolve();\r\n      });\r\n    });\r\n  };\r\n\r\n  const renderImages = () => {\r\n    const sliderBox = document.querySelector(\"#game-slider-box\");\r\n    if (!sliderBox) return;\r\n\r\n    // Use DocumentFragment for better performance\r\n    const fragment = document.createDocumentFragment();\r\n    \r\n    const container = document.createElement(\"div\");\r\n    container.className = \"gradient-bg flex justify-center items-center steps relative overflow-hidden\";\r\n\r\n    // Create images with optimized loading\r\n    games.forEach((game, index) => {\r\n      // Create anchor tag for SEO\r\n      const link = document.createElement(\"a\");\r\n      link.href = `/online-game/${game.seoName}/`;\r\n      link.className = \"absolute\";\r\n      link.style.display = index === 0 ? \"block\" : \"none\";\r\n      \r\n      const img = document.createElement(\"img\");\r\n      img.src = game.image;\r\n      img.alt = game.name;\r\n      img.className = \"cursor-pointer\";\r\n      \r\n      // Add error handling for images\r\n      img.onerror = () => {\r\n        console.warn(`Failed to load image: ${game.image}`);\r\n        link.style.display = 'none';\r\n      };\r\n      \r\n      link.appendChild(img);\r\n      container.appendChild(link);\r\n    });\r\n\r\n    fragment.appendChild(container);\r\n\r\n    // Add navigation buttons if multiple games\r\n    if (games.length > 1) {\r\n      const prevBtn = createButton(\"prev-arrow\", \"\", \"Previous game\");\r\n      const nextBtn = createButton(\"next-arrow\", \"\", \"Next game\");\r\n      \r\n      fragment.insertBefore(prevBtn, container);\r\n      fragment.appendChild(nextBtn);\r\n    }\r\n\r\n    // Single DOM update\r\n    sliderBox.innerHTML = \"\";\r\n    sliderBox.appendChild(fragment);\r\n  };\r\n\r\n  const createButton = (id, text, ariaLabel) => {\r\n    const button = document.createElement(\"button\");\r\n    button.id = id;\r\n    button.innerHTML = text;\r\n    button.className = \"text-white text-3xl font-bold bg-black/40 rounded-full transition-opacity hover:opacity-80\";\r\n    button.setAttribute('aria-label', ariaLabel);\r\n    return button;\r\n  };\r\n\r\n  const renderGame = (index) => {\r\n    // Validate index\r\n    if (index < 0 || index >= games.length) return;\r\n\r\n    const imageLinks = document.querySelectorAll(\".steps a\");\r\n    const activeGame = games[index];\r\n    const gameButton = document.querySelector(\"#game-button\");\r\n\r\n    // Batch DOM updates\r\n    requestAnimationFrame(() => {\r\n      imageLinks.forEach((linkEl, i) => {\r\n        linkEl.style.display = i === index ? \"block\" : \"none\";\r\n      });\r\n\r\n      // Update button click handler for current game\r\n      if (gameButton && activeGame) {\r\n        // Remove existing click listeners\r\n        gameButton.replaceWith(gameButton.cloneNode(true));\r\n        const newGameButton = document.querySelector(\"#game-button\");\r\n        \r\n        // Add new click listener for current game\r\n        newGameButton.addEventListener(\"click\", () => {\r\n          window.location.href = `/online-game/${activeGame.seoName}/`;\r\n        });\r\n      }\r\n    });\r\n  };\r\n\r\n  const setupSlider = () => {\r\n    const prevBtn = document.querySelector(\"#prev-arrow\");\r\n    const nextBtn = document.querySelector(\"#next-arrow\");\r\n\r\n    const handlePrevClick = () => {\r\n      activeGameIndex = (activeGameIndex - 1 + games.length) % games.length;\r\n      renderGame(activeGameIndex);\r\n    };\r\n\r\n    const handleNextClick = () => {\r\n      activeGameIndex = (activeGameIndex + 1) % games.length;\r\n      renderGame(activeGameIndex);\r\n    };\r\n\r\n    prevBtn?.addEventListener(\"click\", handlePrevClick);\r\n    nextBtn?.addEventListener(\"click\", handleNextClick);\r\n  };\r\n\r\n  const startCountdown = () => {\r\n    // Clear existing interval\r\n    if (countdownInterval) {\r\n      clearInterval(countdownInterval);\r\n    }\r\n\r\n    // Cache DOM elements\r\n    const hoursEl = document.querySelector(\"#hours\");\r\n    const minutesEl = document.querySelector(\"#minutes\");\r\n    const secondsEl = document.querySelector(\"#seconds\");\r\n\r\n    if (!hoursEl || !minutesEl || !secondsEl) return;\r\n\r\n    const updateCountdown = () => {\r\n      const now = new Date();\r\n      const nextMidnight = new Date();\r\n      nextMidnight.setHours(24, 0, 0, 0);\r\n      const diff = Math.max(0, nextMidnight - now);\r\n\r\n      const hours = Math.floor((diff / (1000 * 60 * 60)) % 24);\r\n      const minutes = Math.floor((diff / (1000 * 60)) % 60);\r\n      const seconds = Math.floor((diff / 1000) % 60);\r\n\r\n      // Batch DOM updates\r\n      requestAnimationFrame(() => {\r\n        if (hoursEl) hoursEl.textContent = hours.toString().padStart(2, '0');\r\n        if (minutesEl) minutesEl.textContent = minutes.toString().padStart(2, '0');\r\n        if (secondsEl) secondsEl.textContent = seconds.toString().padStart(2, '0');\r\n      });\r\n    };\r\n\r\n    updateCountdown();\r\n    countdownInterval = setInterval(updateCountdown, 1000);\r\n  };\r\n\r\n  const renderRecentGames = async (allGames) => {\r\n    const wrapper = document.querySelector(\"#recent-games-slider\");\r\n    if (!wrapper) return;\r\n\r\n    try {\r\n      const recentGames = getRecentGames(allGames);\r\n      \r\n      // Use DocumentFragment for better performance\r\n      const fragment = document.createDocumentFragment();\r\n      \r\n      recentGames.forEach(game => {\r\n        const slide = createGameSlide(game);\r\n        fragment.appendChild(slide);\r\n      });\r\n\r\n      wrapper.appendChild(fragment);\r\n\r\n      // Initialize Swiper with error handling\r\n      await initializeSwiper();\r\n      \r\n    } catch (error) {\r\n      console.error('Error rendering recent games:', error);\r\n    }\r\n  };\r\n\r\n  const getRecentGames = (allGames) => {\r\n    const today = new Date();\r\n    today.setHours(0, 0, 0, 0);\r\n\r\n    const uniqueDates = allGames\r\n      .map(entry => entry.date)\r\n      .filter(dateStr => {\r\n        try {\r\n          const [d, m, y] = dateStr.split('.').map(Number);\r\n          const dateObj = new Date(y, m - 1, d);\r\n          return dateObj < today;\r\n        } catch {\r\n          return false;\r\n        }\r\n      })\r\n      .sort((a, b) => {\r\n        const [d1, m1, y1] = a.split('.').map(Number);\r\n        const [d2, m2, y2] = b.split('.').map(Number);\r\n        return new Date(y2, m2 - 1, d2) - new Date(y1, m1 - 1, d1);\r\n      })\r\n      .slice(0, 5);\r\n\r\n    return uniqueDates.flatMap(date =>\r\n      allGames.find(entry => entry.date === date)?.games.map(game => ({\r\n        ...game,\r\n        date\r\n      })) || []\r\n    );\r\n  };\r\n\r\n  const createGameSlide = (game) => {\r\n    const slide = document.createElement(\"div\");\r\n    slide.className = \"swiper-slide text-left text-white w-[220px] sm:w-[200px] md:w-[240px]\";\r\n\r\n    try {\r\n      const pageLang = document.documentElement.lang || 'de-DE';\r\n\t  const dateObj = new Date(game.date.split('.').reverse().join('-'));\r\n\t  const formattedDate = dateObj.toLocaleDateString(pageLang, {\r\n\t  day: \"2-digit\",\r\n\t  month: \"short\"\r\n\t});\r\n\r\n      slide.innerHTML = `\r\n        <a href=\"/online-game/${game.seoName}/\" class=\"block cursor-pointer hover:opacity-90 hover:text-white transition-opacity\">\r\n          <div class=\"mb-1 text-white text-sm font-normal text-left text-white-300\">${formattedDate}</div>\r\n          <div class=\"rounded-md overflow-hidden mx-auto\">\r\n            <img src=\"${game.image}\" alt=\"${game.name}\" class=\"w-full h-full object-cover\" loading=\"lazy\" />\r\n          </div>\r\n          <div class=\"mt-1 text-base text-white font-normal text-left\">${game.name}</div>\r\n        </a>\r\n      `;\r\n    } catch (error) {\r\n      console.warn('Error creating game slide:', error);\r\n      slide.innerHTML = '<div class=\"text-red-500\">Error loading game</div>';\r\n    }\r\n\r\n    return slide;\r\n  };\r\n\r\n  const initializeSwiper = async () => {\r\n    return new Promise((resolve, reject) => {\r\n      try {\r\n        // Destroy existing instance\r\n        if (swiperInstance) {\r\n          swiperInstance.destroy(true, true);\r\n        }\r\n\r\n        swiperInstance = new Swiper('.recent-swiper', {\r\n          slidesPerView: 'auto',\r\n          spaceBetween: 10,\r\n          grabCursor: true,\r\n          navigation: {\r\n            nextEl: '.swiper-button-next',\r\n            prevEl: '.swiper-button-prev',\r\n          },\r\n          breakpoints: {\r\n            0: { slidesPerView: 2.3 },\r\n            480: { slidesPerView: 2.3},\r\n            640: { slidesPerView: 2.3 },\r\n            768: { slidesPerView: 3 },\r\n            1024: { slidesPerView: 4 },\r\n            1280: { slidesPerView: 4 },\r\n          },\r\n          on: {\r\n            init: () => resolve(),\r\n            error: (error) => reject(error)\r\n          }\r\n        });\r\n      } catch (error) {\r\n        reject(error);\r\n      }\r\n    });\r\n  };\r\n\r\n  const handleScroll = throttle(() => {\r\n    const scrollY = window.scrollY;\r\n    const scrollElements = document.querySelectorAll(\".scroll-float\");\r\n    \r\n    // Use requestAnimationFrame for smooth animations\r\n    requestAnimationFrame(() => {\r\n      scrollElements.forEach(el => {\r\n        const speed = parseFloat(el.dataset.speed) || 0.3;\r\n        el.style.transform = `translateY(${scrollY * speed}px)`;\r\n      });\r\n    });\r\n  }, 16); // 16ms = ~60fps for smooth animation\r\n\r\n  // Initialize immediately since IIFE runs when script loads\r\n  init();\r\n\r\n  // Add scroll animation\r\n  window.addEventListener(\"scroll\", handleScroll, { passive: true });\r\n\r\n})();"},"conditionIds":["aedeac84-e180-45af-87a4-9a5ddeef5fed","4eaa767f-38ed-46ce-aea0-afceba7315fd"]},{"tagId":"42","tagTypeId":"custom_js","name":"After page render /ingamelimits","description":"After page render /ingamelimits","config":{"code":"(function ($) {\r\n\t$(document).ready(function(){\r\n\t    function addBackButton()\r\n        {\r\n            //console.log(\"adding back button\");\r\n            var done = false;\r\n        \tif ((window.location.href.indexOf(\"/ingamelimits\") > -1) && $(\".form__actions\").length)\r\n        \t{\r\n        \t    if($(\"#SC_back_to_game\").length == 0)\r\n        \t    {\r\n       \t        if(window.location.href.indexOf(\"/en/\") > -1) {\r\n                       $(\".form__actions\").append($('<button type=\"button\" class=\"btn circular-effect\" id=\"SC_back_to_game\" onclick=\"javascript:history.back()\">Back to the game</button>'));\r\n                       $(\"form.form_name_responsible-gaming-loss-limits>h3\").after('<div class=\"popup-modal__description\">An increase in limits is effective at the earliest after 24 hours.</div><br>');\r\n                    }\r\n                    else if(window.location.href.indexOf(\"/it/\") > -1) {\r\n                        $(\".form__actions\").append($('<button type=\"button\" class=\"btn circular-effect\" id=\"SC_back_to_game\" onclick=\"javascript:history.back()\">Ritorna al gioco</button>'));\r\n                        $(\"form.form_name_responsible-gaming-loss-limits>h3\").after('<div class=\"popup-modal__description\">Un rialzo dei limiti si verificherà al più presto dopo 24 ore.</div><br>');\r\n                    }\r\n                    else if(window.location.href.indexOf(\"/fr/\") > -1) {\r\n                        $(\".form__actions\").append($('<button type=\"button\" class=\"btn circular-effect\" id=\"SC_back_to_game\" onclick=\"javascript:history.back()\">Retour au jeu</button>'));\r\n                        $(\"form.form_name_responsible-gaming-loss-limits>h3\").after('<div class=\"popup-modal__description\">Une augmentation des limites aura lieu au plus tôt après 24 heures.</div><br>');\r\n                    }\r\n                    else {\r\n        \t            $(\".form__actions\").append($('<button type=\"button\" class=\"btn circular-effect\" id=\"SC_back_to_game\" onclick=\"javascript:history.back()\">Zurück zum Spiel</button>'));\r\n        \t            $(\"form.form_name_responsible-gaming-loss-limits>h3\").after('<div class=\"popup-modal__description\">Eine Erhöhung der Limiten ist frühestens nach 24 Stunden wirksam.</div><br>');\r\n                    }\r\n        \t    }\r\n        \t}\r\n        \t//if(window.location == \"https://portal-admin-ptstaging3-09.ptstaging.eu/ingamelimits\")\r\n        \tsetTimeout(addBackButton, 250);\r\n        }\r\n        addBackButton();\r\n\t});\r\n})(jQuery);"},"conditionIds":["4eaa767f-38ed-46ce-aea0-afceba7315fd","8cc7bc4d-c508-4344-9091-2ff4a646cf56"]},{"tagId":"62","tagTypeId":"custom_js","name":"After page render /register","description":"After page render /register","config":{"code":"<!--This is a old code need to check --BEEL-->\r\n(function ($) {\r\n\t$(document).ready(function(){\r\n\t  var titlePopup = $('.fn-popup-title');\r\n\t  \r\n\t  // SC-1988\r\n\t  if (titlePopup[0].innerHTML.includes('Swiss Casinos')) {\r\n\t      titlePopup.html(titlePopup[0].innerHTML.replace('- Swiss Casinos', ''));  \r\n\t  }\r\n\t  \r\n\t    var step = 0;\r\n\t    /* auto scroll to top after input is focused */\r\n\t    $('input').focus(function () {\r\n\t\t\tif(!$(\"html\").hasClass(\"desktop\"))\r\n\t\t\t{\r\n\t\t\t\tvar popup = $('.popup-modal__content-inner.fn-popup-loader.fn-popup-content');\r\n\t\t\t\tpopup.animate({\r\n\t\t\t\t\tscrollTop: (popup.scrollTop() + $(this).offset().top - 80) + 'px'\r\n\t\t\t\t}, 'fast');\r\n\t\t\t}\r\n\t\t});\r\n\t\t/* remove whitespaces at the begining and at the end of input field */ \r\n\t\t$('input').blur(function () {\r\n\t\t\tvar inputText = $(this).val();\r\n\t\t\t$(this).val($.trim(inputText));\r\n\t\t});\r\n\t\t\r\n\t\t/* capitalize first and last name */\r\n        function capitalize(word){\r\n        \treturn word.toLowerCase().replace(/^[\\u00C0-\\u1FFF\\u2C00-\\uD7FF\\w]|\\s[\\u00C0-\\u1FFF\\u2C00-\\uD7FF\\w]/g, function(letter) {\r\n        \t\treturn letter.toUpperCase();\r\n        \t});\r\n        }\r\n        \r\n        $(\"#text174\").keyup(function (){\r\n            var name = $(this).val();\r\n            $(this).val(capitalize(name));\r\n        });\r\n        \r\n        $(\"#text541\").keyup(function (){\r\n            var name = $(this).val();\r\n            $(this).val(capitalize(name));\r\n        });\r\n        \r\n        /* remove whitespaces and - from phone number */\r\n\t    $(\"#cellphone3540\").blur(function() {\r\n        \tvar number = $(this).val().replace(/ |-/g,'');\r\n        \t$(this).val(number);\r\n        });\r\n\t\t\r\n\t\t/* remove text on the left side for the mobile devices */\r\n\t\t/* push step 1,2,4 */\r\n\t\tfunction removeText(){\r\n    \t\t$(document).on(\"click\", $(\"button.fn-next-btn\"), function(event) \r\n    \t\t{\r\n\t\t\t    if($(event.target).hasClass(\"fn-next-btn\") && !$(\"div.fn-register-step:nth-child(2)\").hasClass(\"hidden\"))\r\n\t\t\t    {\r\n\t\t\t        if($(\"html\").hasClass(\"mobile\"))\r\n                \t{\r\n    \t\t\t\t    $(\".popup-modal__content-inner > div:nth-child(1) > div:nth-child(1) > div:nth-child(1)\").removeClass(\"layout-50-50\");\r\n        \t\t\t\t// $(\"#promo_element\").css('display','none');\r\n                \t}\r\n                \tif(step != 2)\r\n                \t{\r\n                \t    step=2;\r\n                \t    try{fdData.push({'conversion': 'registerformstep2'})}catch(e){}\r\n                \t}\r\n\t\t\t    }\r\n\t\t\t    if($(event.target).hasClass(\"fn-next-btn\") && !$(\"div.fn-register-step:nth-child(3)\").hasClass(\"hidden\"))\r\n\t\t\t    {\r\n\t\t\t        step=4;\r\n\t\t\t        try{fdData.push({'conversion': 'registerformstep4'})}catch(e){}\r\n\t\t\t    }\r\n    \t\t});\r\n    \t\t$(document).on(\"click\", \"#step_back\" , function() \r\n    \t\t{\r\n    \t\t\tif(!$(\"div.fn-register-step:nth-child(2)\").hasClass(\"hidden\"))\r\n    \t\t\t{\r\n    \t\t\t    if($(\"html\").hasClass(\"mobile\"))\r\n                \t{\r\n        \t\t\t\t$(\".popup-modal__content-inner > div:nth-child(1) > div:nth-child(1) > div:nth-child(1)\").addClass(\"layout-50-50\");\r\n        \t\t\t\t$(\"#promo_element\").css('display','inline');\r\n                \t}\r\n                \tstep=1;\r\n    \t\t\t\ttry{fdData.push({'conversion': 'registerformstep1'})}catch(e){}\r\n    \t\t\t}\r\n    \t\t\tif(!$(\"div.fn-register-step:nth-child(3)\").hasClass(\"hidden\"))\r\n    \t\t\t{\r\n    \t\t\t    step=2;\r\n    \t\t\t    try{fdData.push({'conversion': 'registerformstep2'})}catch(e){}\r\n    \t\t\t}\r\n    \t\t});\r\n        }\r\n        \r\n        /* if Streetname is focused, push step 3 */\r\n        $(\"#addressLookup1[placeholder='Strassenname']\").focus(function() {\r\n        \tif(step != 3)\r\n        \t{\r\n        \t\tstep=3;\r\n        \t\ttry{fdData.push({'conversion': 'registerformstep3'})}catch(e){} \r\n        \t}\r\n        });\r\n\t    \r\n\t    /* remove first 18 years from year dropdown */\r\n\t    function removeYoungsters()\r\n\t    {\r\n    \t    var year = new Date().getFullYear();\r\n    \t    var i;\r\n            for (i = 0; i < 18; i++) { \r\n                $(\"#year_dateOfBirth963 option[value='\"+(year)+\"']\").remove();\r\n                year--;\r\n            }\r\n\t    }\r\n\t    \r\n\t    //SC-228 start - Gender buttons\r\n\t      function changeColor() {\r\n          var m = document.getElementsByClassName(\"field__control\")[6];\r\n          var f = document.getElementsByClassName(\"field__control\")[7];\r\n          m.style.backgroundColor = \"#e9e9e9\";\r\n          f.style.backgroundColor = \"#fafafa\";\r\n          f.style.border = \"1px solid #767676\";\r\n          f.style.borderLeft = \"thin\";\r\n          // f.style.borderColor = \"#9a9898\";\r\n          m.style.border = \"1px solid #ccc\";\r\n          f.style.opacity = 0.5;\r\n          m.style.opacity = 1;\r\n          // #9a9898\r\n        }\r\n        \r\n        function changeColorBack() {\r\n          var m = document.getElementsByClassName(\"field__control\")[6];\r\n          var f = document.getElementsByClassName(\"field__control\")[7];\r\n          m.style.backgroundColor = \"#fafafa\";\r\n          m.style.border = \"1px solid #767676\";\r\n          m.style.borderRight = \"thin\";\r\n          // m.style.borderColor = \"#9a9898\";\r\n          f.style.border = \"1px solid #ccc\";\r\n          m.style.opacity = 0.5;\r\n          f.style.opacity = 1;\r\n          f.style.backgroundColor = \"#e9e9e9\";\r\n        }\r\n\r\n   \r\n\r\n        //SC-228 - end\r\n\t    \r\n\t    /* push step 1 */\r\n        step=1;\r\n        //console.log(1);\r\n        try{fdData.push({'conversion': 'registerformstep1'})}catch(e){}\r\n        \r\n        \r\n\t    /*function calls*/\r\n\t    removeYoungsters();\r\n\t    removeText();\r\n\t    //isChecked();\r\n\t});\r\n})(jQuery);"},"conditionIds":["4eaa767f-38ed-46ce-aea0-afceba7315fd","8bfacbb2-0eee-4a46-a082-c5478826911c"]},{"tagId":"5c3671c8-a8c8-4cc8-8ca6-f0da703f1588","tagTypeId":"custom_tag_type","name":"Custom Footer CSS","description":"Customer Footer CSS","config":{"beforeEndHead":"<style>\r\n\r\n.display-none {\r\n    display: none;\r\n}\r\n\r\n/*remove the last border bottom from the mobile footer*/\r\n[data-web-content-id=\"SWISS_FOOTER\"] #accordions > .accordion:last-child {\r\n  border-bottom: none;\r\n}\r\n  \r\n.bg-logos {\r\n    background-image: url(/library/General%20Assests/bg-soc.webp);\r\n    width: 100%;\r\n    height: 6em;\r\n    background-repeat: no-repeat;\r\n    background-size: contain;\r\n    background-position: center;\r\n}\r\n\r\n.desktop .Footer__footer--3HL {\r\n    max-width: 100%;\r\n}\r\n\r\n.font-size-huge-extra {\r\n    font-size: 3rem;\r\n    line-height: 1\r\n}\r\n\r\n.font-size-huge {\r\n    font-size: 2.25rem;\r\n    line-height: 2.5rem\r\n}\r\n  \r\n\r\n.font-size-large-extra {\r\n    font-size: 1.875rem;\r\n    line-height: 2.25rem\r\n}\r\n\r\n.font-size-large {\r\n    font-size: 1.5rem;\r\n    line-height: 2rem\r\n}\r\n\r\n.font-size-medium-extra {\r\n    font-size: 1.25rem;\r\n    line-height: 1.75rem\r\n}\r\n\r\n.font-size-medium {\r\n    font-size: 1.125rem;\r\n    line-height: 1.75rem\r\n}\r\n\r\n\r\n.font-size-base {\r\n    font-size: 1rem;\r\n    line-height: 1.5rem\r\n}\r\n\r\n.font-size-small-extra {\r\n    font-size: .875rem;\r\n    line-height: 1.25rem\r\n}\r\n\r\n.font-size-small {\r\n    font-size: .75rem;\r\n    line-height: 1rem\r\n}\r\n\r\n.page-container {\r\n    margin: 0 auto;\r\n    max-width: 1200px;\r\n    padding-left: calc(18px + 1.5625vw);\r\n    padding-right: calc(18px + 1.5625vw);\r\n    padding-top: 5rem\r\n}\r\n\r\n*,\r\n:before,\r\n:after {\r\n    --tw-border-spacing-x: 0;\r\n    --tw-border-spacing-y: 0;\r\n    --tw-translate-x: 0;\r\n    --tw-translate-y: 0;\r\n    --tw-rotate: 0;\r\n    --tw-skew-x: 0;\r\n    --tw-skew-y: 0;\r\n    --tw-scale-x: 1;\r\n    --tw-scale-y: 1;\r\n    --tw-pan-x: ;\r\n    --tw-pan-y: ;\r\n    --tw-pinch-zoom: ;\r\n    --tw-scroll-snap-strictness: proximity;\r\n    --tw-ordinal: ;\r\n    --tw-slashed-zero: ;\r\n    --tw-numeric-figure: ;\r\n    --tw-numeric-spacing: ;\r\n    --tw-numeric-fraction: ;\r\n    --tw-ring-inset: ;\r\n    --tw-ring-offset-width: 0px;\r\n    --tw-ring-offset-color: #fff;\r\n    --tw-ring-color: rgb(59 130 246 / .5);\r\n    --tw-ring-offset-shadow: 0 0 #0000;\r\n    --tw-ring-shadow: 0 0 #0000;\r\n    --tw-shadow: 0 0 #0000;\r\n    --tw-shadow-colored: 0 0 #0000;\r\n    --tw-blur: ;\r\n    --tw-brightness: ;\r\n    --tw-contrast: ;\r\n    --tw-grayscale: ;\r\n    --tw-hue-rotate: ;\r\n    --tw-invert: ;\r\n    --tw-saturate: ;\r\n    --tw-sepia: ;\r\n    --tw-drop-shadow: ;\r\n    --tw-backdrop-blur: ;\r\n    --tw-backdrop-brightness: ;\r\n    --tw-backdrop-contrast: ;\r\n    --tw-backdrop-grayscale: ;\r\n    --tw-backdrop-hue-rotate: ;\r\n    --tw-backdrop-invert: ;\r\n    --tw-backdrop-opacity: ;\r\n    --tw-backdrop-saturate: ;\r\n    --tw-backdrop-sepia:\r\n}\r\n\r\n::-webkit-backdrop {\r\n    --tw-border-spacing-x: 0;\r\n    --tw-border-spacing-y: 0;\r\n    --tw-translate-x: 0;\r\n    --tw-translate-y: 0;\r\n    --tw-rotate: 0;\r\n    --tw-skew-x: 0;\r\n    --tw-skew-y: 0;\r\n    --tw-scale-x: 1;\r\n    --tw-scale-y: 1;\r\n    --tw-pan-x: ;\r\n    --tw-pan-y: ;\r\n    --tw-pinch-zoom: ;\r\n    --tw-scroll-snap-strictness: proximity;\r\n    --tw-ordinal: ;\r\n    --tw-slashed-zero: ;\r\n    --tw-numeric-figure: ;\r\n    --tw-numeric-spacing: ;\r\n    --tw-numeric-fraction: ;\r\n    --tw-ring-inset: ;\r\n    --tw-ring-offset-width: 0px;\r\n    --tw-ring-offset-color: #fff;\r\n    --tw-ring-color: rgb(59 130 246 / .5);\r\n    --tw-ring-offset-shadow: 0 0 #0000;\r\n    --tw-ring-shadow: 0 0 #0000;\r\n    --tw-shadow: 0 0 #0000;\r\n    --tw-shadow-colored: 0 0 #0000;\r\n    --tw-blur: ;\r\n    --tw-brightness: ;\r\n    --tw-contrast: ;\r\n    --tw-grayscale: ;\r\n    --tw-hue-rotate: ;\r\n    --tw-invert: ;\r\n    --tw-saturate: ;\r\n    --tw-sepia: ;\r\n    --tw-drop-shadow: ;\r\n    --tw-backdrop-blur: ;\r\n    --tw-backdrop-brightness: ;\r\n    --tw-backdrop-contrast: ;\r\n    --tw-backdrop-grayscale: ;\r\n    --tw-backdrop-hue-rotate: ;\r\n    --tw-backdrop-invert: ;\r\n    --tw-backdrop-opacity: ;\r\n    --tw-backdrop-saturate: ;\r\n    --tw-backdrop-sepia:\r\n}\r\n\r\n::backdrop {\r\n    --tw-border-spacing-x: 0;\r\n    --tw-border-spacing-y: 0;\r\n    --tw-translate-x: 0;\r\n    --tw-translate-y: 0;\r\n    --tw-rotate: 0;\r\n    --tw-skew-x: 0;\r\n    --tw-skew-y: 0;\r\n    --tw-scale-x: 1;\r\n    --tw-scale-y: 1;\r\n    --tw-pan-x: ;\r\n    --tw-pan-y: ;\r\n    --tw-pinch-zoom: ;\r\n    --tw-scroll-snap-strictness: proximity;\r\n    --tw-ordinal: ;\r\n    --tw-slashed-zero: ;\r\n    --tw-numeric-figure: ;\r\n    --tw-numeric-spacing: ;\r\n    --tw-numeric-fraction: ;\r\n    --tw-ring-inset: ;\r\n    --tw-ring-offset-width: 0px;\r\n    --tw-ring-offset-color: #fff;\r\n    --tw-ring-color: rgb(59 130 246 / .5);\r\n    --tw-ring-offset-shadow: 0 0 #0000;\r\n    --tw-ring-shadow: 0 0 #0000;\r\n    --tw-shadow: 0 0 #0000;\r\n    --tw-shadow-colored: 0 0 #0000;\r\n    --tw-blur: ;\r\n    --tw-brightness: ;\r\n    --tw-contrast: ;\r\n    --tw-grayscale: ;\r\n    --tw-hue-rotate: ;\r\n    --tw-invert: ;\r\n    --tw-saturate: ;\r\n    --tw-sepia: ;\r\n    --tw-drop-shadow: ;\r\n    --tw-backdrop-blur: ;\r\n    --tw-backdrop-brightness: ;\r\n    --tw-backdrop-contrast: ;\r\n    --tw-backdrop-grayscale: ;\r\n    --tw-backdrop-hue-rotate: ;\r\n    --tw-backdrop-invert: ;\r\n    --tw-backdrop-opacity: ;\r\n    --tw-backdrop-saturate: ;\r\n    --tw-backdrop-sepia:\r\n}\r\n\r\n.button-base {\r\n    font-size: 1rem;\r\n    line-height: 1.5rem\r\n}\r\n\r\n.button-base {\r\n    min-width: 10rem;\r\n    cursor: pointer;\r\n    border-radius: .125rem;\r\n    padding: .5rem;\r\n    text-align: center;\r\n    font-weight: 400;\r\n    --tw-text-opacity: 1;\r\n    color: rgb(32 32 32 / var(--tw-text-opacity));\r\n    text-decoration-thickness: 0px\r\n}\r\n\r\n.button-base-border {\r\n    border-width: 1px;\r\n    border-style: solid;\r\n    --tw-border-opacity: 1;\r\n    border-color: rgb(255 204 0 / var(--tw-border-opacity))\r\n}\r\n\r\n.button-base-border:hover {\r\n    --tw-border-opacity: 1;\r\n    border-color: rgb(249 176 0 / var(--tw-border-opacity))\r\n}\r\n\r\n.button-base-bg {\r\n    border-width: 1px;\r\n    border-style: solid;\r\n    --tw-border-opacity: 1;\r\n    border-color: rgb(255 204 0 / var(--tw-border-opacity))\r\n}\r\n\r\n.button-base-bg:hover {\r\n    --tw-border-opacity: 1;\r\n    border-color: rgb(249 176 0 / var(--tw-border-opacity))\r\n}\r\n\r\n.button-base-bg {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(255 204 0 / var(--tw-bg-opacity))\r\n}\r\n\r\n.button-base-bg:hover {\r\n    background-color: transparent\r\n}\r\n\r\n.invisible {\r\n    visibility: hidden\r\n}\r\n\r\n.absolute {\r\n    position: absolute\r\n}\r\n\r\n.relative {\r\n    position: relative\r\n}\r\n\r\n.top-\\[38\\%\\] {\r\n    top: 38%\r\n}\r\n\r\n.right-3 {\r\n    right: 1.5rem\r\n}\r\n\r\n.-m-1 {\r\n    margin: -.5rem\r\n}\r\n\r\n.mx-auto {\r\n    margin-left: auto;\r\n    margin-right: auto\r\n}\r\n\r\n.mx-5 {\r\n    margin-left: 2.5rem;\r\n    margin-right: 2.5rem\r\n}\r\n\r\n.mx-2 {\r\n    margin-left: 1rem;\r\n    margin-right: 1rem\r\n}\r\n\r\n.my-2 {\r\n    margin-top: 1rem;\r\n    margin-bottom: 1rem\r\n}\r\n\r\n.mr-2 {\r\n    margin-right: 1rem\r\n}\r\n\r\n.ml-2 {\r\n    margin-left: 1rem\r\n}\r\n\r\n.mb-2 {\r\n    margin-bottom: 1rem\r\n}\r\n\r\n.mt-2 {\r\n    margin-top: 1rem\r\n}\r\n\r\n.mb-1 {\r\n    margin-bottom: .5rem\r\n}\r\n\r\n.block {\r\n    display: block\r\n}\r\n\r\n.flex {\r\n    display: flex\r\n}\r\n\r\n.hidden {\r\n    display: none\r\n}\r\n\r\n.h-7 {\r\n    height: 3.5rem\r\n}\r\n\r\n.h-30 {\r\n    height: 15rem\r\n}\r\n\r\n.h-full {\r\n    height: 100%\r\n}\r\n\r\n.max-h-0 {\r\n    max-height: 0\r\n}\r\n\r\n.w-auto {\r\n    width: auto\r\n}\r\n\r\n.w-38 {\r\n    width: 19rem\r\n}\r\n\r\n.w-2\\/12 {\r\n    width: 16.666667%\r\n}\r\n\r\n.w-30 {\r\n    width: 15rem\r\n}\r\n\r\n.w-36 {\r\n    width: 9rem;\r\n}\r\n\r\n.flex-1 {\r\n    flex: 1 1 0%\r\n}\r\n\r\n.border-b-0 {\r\n    border-bottom-width: 0px;\r\n}\r\n\r\n.flex-row {\r\n    flex-direction: row\r\n}\r\n\r\n.flex-col {\r\n    flex-direction: column\r\n}\r\n\r\n.flex-wrap {\r\n    flex-wrap: wrap\r\n}\r\n\r\n.flex-nowrap {\r\n    flex-wrap: nowrap\r\n}\r\n\r\n.items-end {\r\n    align-items: flex-end\r\n}\r\n\r\n.items-center {\r\n    align-items: center\r\n}\r\n\r\n.justify-start {\r\n    justify-content: flex-start\r\n}\r\n\r\n.justify-center {\r\n    justify-content: center\r\n}\r\n\r\n.overflow-hidden {\r\n    overflow: hidden\r\n}\r\n\r\n.rounded {\r\n    border-radius: .25rem\r\n}\r\n\r\n.border {\r\n    border-width: 1px\r\n}\r\n\r\n.border-0 {\r\n    border-width: 0px\r\n}\r\n\r\n.border-b {\r\n    border-bottom-width: 1px\r\n}\r\n\r\n.border-l-0 {\r\n    border-left-width: 0px\r\n}\r\n\r\n.border-r-0 {\r\n    border-right-width: 0px\r\n}\r\n\r\n.border-t {\r\n    border-top-width: 1px\r\n}\r\n\r\n.border-b-2 {\r\n    border-bottom-width: 2px\r\n}\r\n\r\n.border-t-0 {\r\n    border-top-width: 0px\r\n}\r\n\r\n.border-b-0 {\r\n    border-bottom-width: 0px\r\n}\r\n\r\n.border-t-2 {\r\n    border-top-width: 2px\r\n}\r\n\r\n.border-r {\r\n    border-right-width: 1px\r\n}\r\n\r\n.border-solid {\r\n    border-style: solid\r\n}\r\n\r\n.border-white {\r\n    --tw-border-opacity: 1;\r\n    border-color: rgb(255 255 255 / var(--tw-border-opacity))\r\n}\r\n\r\n.border-tangerine-yellow {\r\n    --tw-border-opacity: 1;\r\n    border-color: rgb(255 204 0 / var(--tw-border-opacity))\r\n}\r\n\r\n.border-black {\r\n    --tw-border-opacity: 1;\r\n    border-color: rgb(0 0 0 / var(--tw-border-opacity))\r\n}\r\n\r\n.bg-anti-flash-white {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(241 241 241 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-lotion-white {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(250 250 250 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-bright-gray {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(233 233 233 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-white {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(255 255 255 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-cultured-white {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(245 245 245 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-black {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(0 0 0 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-raisin-black {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(32 32 32 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-rich-black {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(10 51 56 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-dark-gunmetal {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(33 37 41 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-gray {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(85 85 85 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-davy-grey {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(87 87 87 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-normal-gray {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(128 128 128 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-chinese-gray {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(204 204 204 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-egyptian-gray {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(126 125 130 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-philippine-gray {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(140 140 140 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-whity-gray {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(186 186 186 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-tangerine-yellow {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(255 204 0 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-chinese-yellow {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(249 176 0 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-cyber-yellow {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(255 212 5 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-lemon-chiffon {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(255 249 207 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-imperial-red {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(234 29 61 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-lava-red {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(217 17 17 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-flame-red {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(216 87 30 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-charleston-green {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(40 40 40 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-iguana-green {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(110 205 141 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-pine-green {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(8 124 110 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-ruddy-brown {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(200 95 50 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-metallic-brown {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(168 70 9 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-sunset-orange {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(243 94 94 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-outrageous-orange {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(255 116 72 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-cyan-blue {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(66 131 188 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-cyan-blue-azure {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(79 136 190 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-picton-blue {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(69 166 222 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-tufts-blue {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(52 152 219 / var(--tw-bg-opacity))\r\n}\r\n\r\n.p-2 {\r\n    padding: 1rem;\r\n}\r\n\r\n.p-10 {\r\n    padding: 5rem\r\n}\r\n\r\n.p-5 {\r\n    padding: 2.5rem\r\n}\r\n\r\n.px-2 {\r\n    padding-left: 1rem;\r\n    padding-right: 1rem\r\n}\r\n\r\n.py-8 {\r\n    padding-top: 4rem;\r\n    padding-bottom: 4rem\r\n}\r\n\r\n.py-2 {\r\n    padding-top: 1rem;\r\n    padding-bottom: 1rem;\r\n}\r\n\r\n.px-4 {\r\n    padding-left: 2rem;\r\n    padding-right: 2rem\r\n}\r\n\r\n.py-2 {\r\n    padding-top: 1rem;\r\n    padding-bottom: 1rem\r\n}\r\n\r\n.py-6 {\r\n    padding-top: 3rem;\r\n    padding-bottom: 3rem\r\n}\r\n\r\n.px-0 {\r\n    padding-left: 0;\r\n    padding-right: 0;\r\n}\r\n\r\n.px-3 {\r\n    padding-left: 1.5rem;\r\n    padding-right: 1.5rem\r\n}\r\n\r\n.pb-0 {\r\n    padding-bottom: 0;\r\n}\r\n\r\n.pb-2 {\r\n    padding-bottom: 1rem;\r\n}\r\n\r\n.pb-6 {\r\n    padding-bottom: 3rem;\r\n}\r\n\r\n.pt-8 {\r\n    padding-top: 4rem;\r\n}\r\n\r\n.pb-4 {\r\n    padding-bottom: 2rem;\r\n}\r\n\r\n.pt-4 {\r\n    padding-top: 2rem;\r\n}\r\n\r\n.pt-2 {\r\n    padding-top: 1rem\r\n}\r\n\r\n.text-center {\r\n    text-align: center;\r\n}\r\n\r\n.text-2xl {\r\n    font-size: 1.5rem;\r\n    line-height: 2rem;\r\n}\r\n\r\n.text-lg {\r\n    font-size: 1.125rem;\r\n    line-height: 1.75rem;\r\n}\r\n\r\n.text-4xl {\r\n    font-size: 2.25rem;\r\n    line-height: 2.5rem;\r\n}\r\n\r\n.text-xl {\r\n    font-size: 1.25rem;\r\n    line-height: 1.75rem;\r\n}\r\n\r\n.text-sm {\r\n    font-size: .875rem;\r\n    line-height: 1.25rem;\r\n}\r\n\r\n.font-medium {\r\n    font-weight: 500;\r\n}\r\n\r\n.font-normal {\r\n    font-weight: 400;\r\n}\r\n\r\n.font-semibold {\r\n    font-weight: 600;\r\n}\r\n\r\n.uppercase {\r\n    text-transform: uppercase;\r\n}\r\n\r\n.leading-none {\r\n    line-height: 1;\r\n}\r\n\r\n.leading-6 {\r\n    line-height: 1.5rem;\r\n}\r\n\r\n.leading-7 {\r\n    line-height: 1.75rem;\r\n}\r\n\r\n.leading-5 {\r\n    line-height: 1.25rem;\r\n}\r\n\r\n.tracking-widest {\r\n    letter-spacing: .1em;\r\n}\r\n\r\n.tracking-wide {\r\n    letter-spacing: .025em;\r\n}\r\n\r\n.text-black {\r\n    --tw-text-opacity: 1t;\r\n    color: rgb(0 0 0 / var(--tw-text-opacity));\r\n}\r\n\r\n.text-raisin-black {\r\n    --tw-text-opacity: 1;\r\n    color: rgb(32 32 32 / var(--tw-text-opacity));\r\n}\r\n\r\n.text-white {\r\n    --tw-text-opacity: 1;\r\n    color: rgb(255 255 255 / var(--tw-text-opacity));\r\n}\r\n\r\n.no-underline {\r\n    text-decoration-line: none;\r\n}\r\n\r\n.opacity-0 {\r\n    opacity: 0;\r\n}\r\n\r\n.object-contain {\r\n    object-fit: contain;\r\n}\r\n\r\n.shadow-lg {\r\n    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);\r\n    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\r\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\r\n}\r\n\r\n.transition-transform {\r\n    transition-property: transform;\r\n    transition-timing-function: cubic-bezier(.4, 0, .2, 1);\r\n    transition-duration: .15s\r\n}\r\n\r\n.transition {\r\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\r\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\r\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\r\n    transition-timing-function: cubic-bezier(.4, 0, .2, 1);\r\n    transition-duration: .15s\r\n}\r\n\r\n.transition-all {\r\n    transition-property: all;\r\n    transition-timing-function: cubic-bezier(.4, 0, .2, 1);\r\n    transition-duration: .15s\r\n}\r\n\r\n.duration-500 {\r\n    transition-duration: .5s\r\n}\r\n\r\n.duration-300 {\r\n    transition-duration: .3s\r\n}\r\n\r\n.ease-in-out {\r\n    transition-timing-function: cubic-bezier(.4, 0, .2, 1)\r\n}\r\n\r\n.payment-wrapper:hover .payment-methods {\r\n    opacity: .7;\r\n    filter: blur(7px);\r\n    transition-duration: .8s;\r\n    transform: scale(.95)\r\n}\r\n\r\n.payment-wrapper:hover .button-base {\r\n    opacity: 1;\r\n    transition: .8s cubic-bezier(.19, 1, .22, 1);\r\n    transform: translateY(-10%) scale(.95)\r\n}\r\n\r\n.payment-methods img:hover {\r\n    filter: grayscale(100%)\r\n}\r\n\r\n.accordion.active .toggle-contents {\r\n    display: flex;\r\n    visibility: visible;\r\n    max-height: 210px;\r\n    transition: max-height .4s ease-in-out\r\n}\r\n\r\n.icon {\r\n    transform: rotate(90deg)\r\n}\r\n\r\n.accordion.active .icon {\r\n    transform: rotate(-90deg);\r\n    transition: .5s\r\n}\r\n\r\n.footer-wrapper-content .accordion.active a {\r\n    color: #000\r\n}\r\n\r\n.deposit-button:hover {\r\n    background: #ffcc00 !important;\r\n    border-color: #fc0 !important\r\n}\r\n\r\n.hover\\:cursor-pointer:hover {\r\n    cursor: pointer\r\n}\r\n\r\n.hover\\:text-cyan-blue:hover {\r\n    --tw-text-opacity: 1;\r\n    color: #2d6aa0 !important;\r\n}\r\n.active a, .desktop .active a:hover, .mobile .active a:hover, .tablet .active a:hover{\r\n    color: #000;\r\n}\r\n\r\n.h-24 {\r\n    height: 6rem;\r\n}\r\n\r\n.m-auto {\r\n    margin: auto;\r\n}\r\n\r\n.ml-\\[0\\.5rem\\] {\r\n    margin-left: 0.5rem;\r\n  }\r\n\r\n  .mr-\\[0\\.5rem\\] {\r\n    margin-right: 0.5rem;\r\n  }\r\n\r\n.w-8 {\r\n    width: 2rem;\r\n}\r\n\r\n.p-1 {\r\n    padding: 0.25rem;\r\n}\r\n\r\n.w-12 {\r\n    width: 3rem;\r\n}\r\n\r\n.w-10 {\r\n    width: 2.5rem;\r\n}\r\n\r\n.w-24 {\r\n    width: 6rem;\r\n}\r\n\r\n/*Media queries*/\r\n\r\n@media (min-width: 1280px) {\r\n    .font-size-huge-extra {\r\n        font-size: 4.5rem;\r\n        line-height: 1\r\n    }\r\n    .font-size-huge {\r\n        font-size: 3.75rem;\r\n        line-height: 1\r\n    }\r\n    .font-size-large-extra {\r\n        font-size: 3rem;\r\n        line-height: 1\r\n    }\r\n    .font-size-large {\r\n        font-size: 2.25rem;\r\n        line-height: 2.5rem\r\n    }\r\n    .font-size-medium-extra {\r\n        font-size: 1.875rem;\r\n        line-height: 2.25rem\r\n    }\r\n    .font-size-medium {\r\n        font-size: 1.5rem;\r\n        line-height: 2rem\r\n    }\r\n    .font-size-base {\r\n        font-size: 1.25rem;\r\n        line-height: 1.75rem\r\n    }\r\n    .font-size-small-extra {\r\n        font-size: 1.125rem;\r\n        line-height: 1.75rem\r\n    }\r\n    .font-size-small {\r\n        font-size: 1rem;\r\n        line-height: 1.5rem\r\n    }\r\n    .button-base {\r\n        font-size: 1.25rem;\r\n        line-height: 1.75rem\r\n    }\r\n}\r\n\r\n@media (min-width: 640px) {\r\n    .sm\\:top-\\[32\\%\\] {\r\n        top: 32%;\r\n    }\r\n\r\n    .sm\\:mr-2 {\r\n        margin-right: 1rem;\r\n    }\r\n\r\n    .sm\\:flex-row {\r\n        flex-direction: row;\r\n    }\r\n\r\n    .sm\\:px-0 {\r\n        padding-left: 0;\r\n        padding-right: 0;\r\n    }\r\n\r\n    .sm\\:pb-0 {\r\n        padding-bottom: 0;\r\n    }\r\n\r\n    .sm\\:pt-4 {\r\n        padding-top: 2rem;\r\n    }\r\n\r\n    .sm\\:pt-6 {\r\n        padding-top: 3rem;\r\n    }\r\n\r\n    .sm\\:pb-2 {\r\n        padding-bottom: 1rem;\r\n    }\r\n}\r\n\r\n/*Media query with min-width 1024*/\r\n\r\n@media (min-width: 1024px) {\r\n    .font-size-huge-extra {\r\n        font-size: 3.75rem;\r\n        line-height: 1\r\n    }\r\n\r\n    .font-size-huge {\r\n        font-size: 3rem;\r\n        line-height: 1\r\n    }\r\n\r\n    .font-size-large-extra {\r\n        font-size: 2.25rem;\r\n        line-height: 2.5rem\r\n    }\r\n\r\n    .font-size-large {\r\n        font-size: 1.875rem;\r\n        line-height: 2.25rem\r\n    }\r\n\r\n    .font-size-medium-extra {\r\n        font-size: 1.5rem;\r\n        line-height: 2rem\r\n    }\r\n\r\n    .font-size-medium {\r\n        font-size: 1.25rem;\r\n        line-height: 1.75rem\r\n    }\r\n\r\n    .font-size-base {\r\n        font-size: 1.125rem;\r\n        line-height: 1.75rem\r\n    }\r\n\r\n    .font-size-small-extra {\r\n        font-size: 1rem;\r\n        line-height: 1.5rem\r\n    }\r\n\r\n    .font-size-small {\r\n        font-size: .875rem;\r\n        line-height: 1.25rem\r\n    }\r\n\r\n    .button-base {\r\n        font-size: 1.125rem;\r\n        line-height: 1.75rem\r\n    }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .lg\\:order-1 {\r\n        order: 1;\r\n    }\r\n\r\n    .lg\\:order-3 {\r\n        order: 3;\r\n    }\r\n\r\n    .lg\\:order-2 {\r\n        order: 2;\r\n    }\r\n\r\n    .lg\\:flex {\r\n        display: flex !important;\r\n    }\r\n\r\n    .lg\\:hidden {\r\n        display: none;\r\n    }\r\n\r\n    .lg\\:w-1\\/3 {\r\n        width: 33.333333%;\r\n    }\r\n\r\n    .lg\\:flex-row {\r\n        flex-direction: row !important;\r\n    }\r\n\r\n    .lg\\:flex-wrap {\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n    .lg\\:justify-start {\r\n        justify-content: flex-start;\r\n    }\r\n\r\n    .lg\\:justify-end {\r\n        justify-content: flex-end;\r\n    }\r\n\r\n    .lg\\:justify-center {\r\n        justify-content: center;\r\n    }\r\n\r\n    .lg\\:border-none {\r\n        border-style: none;\r\n    }\r\n\r\n    .lg\\:px-0 {\r\n        padding-left: 0;\r\n        padding-right: 0;\r\n    }\r\n\r\n    .lg\\:pr-2 {\r\n        padding-right: 1rem;\r\n    }\r\n\r\n    .lg\\:pt-0 {\r\n        padding-top: 0 !important;\r\n    }\r\n\r\n    .lg\\:pl-0 {\r\n        padding-left: 0;\r\n    }\r\n\r\n    .lg\\:align-middle {\r\n        vertical-align: middle;\r\n    }\r\n\r\n    .lg\\:hover\\:grayscale:hover {\r\n        --tw-grayscale: grayscale(100%);\r\n        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\r\n    }\r\n\r\n    .lg\\:w-44 {\r\n        width: 8rem;\r\n    }\r\n\r\n    .lg\\:mr-4 {\r\n        margin-right: 1rem;\r\n    }\r\n\r\n    .lg\\:ml-4 {\r\n        margin-left: 1rem;\r\n    }\r\n\r\n    .lg\\:h-44 {\r\n        height: 8rem;\r\n      }\r\n\r\n}\r\n\r\n.fn-bonus-history li ul li:last-child span:last-child,\r\n.fn-form .fn-bonus-history li ul li.fn-popup-open span:last-child,\r\n.mobile,\r\n.tablet {\r\n    text-decoration: none;\r\n}\r\n\r\n</style>","beforeEndBody":""},"conditionIds":["49c0db39-d960-4837-920f-574b7820bfe0"]},{"tagId":"2e0c34d7-8b7d-46c9-85d5-8ae6c8d75fa9","tagTypeId":"custom_tag_type","name":"Before page render CSS SEO-BOX","description":"Before page render CSS SEO-BOX","config":{"beforeEndHead":"<style>\r\n.font-size-huge-extra {\r\n    font-size: 3rem;\r\n    line-height: 1\r\n}\r\n\r\n.font-size-huge {\r\n    font-size: 2.25rem;\r\n    line-height: 2.5rem\r\n}\r\n\r\n.font-size-large-extra {\r\n    font-size: 1.875rem;\r\n    line-height: 2.25rem\r\n}\r\n\r\n.\\!font-size-large {\r\n    font-size: 1.5rem;\r\n    line-height: 2rem\r\n}\r\n\r\n.font-size-large {\r\n    font-size: 1.5rem;\r\n    line-height: 2rem\r\n}\r\n\r\n.font-size-medium-extra {\r\n    font-size: 1.25rem;\r\n    line-height: 1.75rem\r\n}\r\n\r\n.font-size-medium {\r\n    font-size: 1.125rem;\r\n    line-height: 1.75rem\r\n}\r\n\r\n.font-size-base {\r\n    font-size: 1rem;\r\n    line-height: 1.5rem\r\n}\r\n\r\n.font-size-small-extra {\r\n    font-size: .875rem;\r\n    line-height: 1.25rem\r\n}\r\n\r\n.font-size-small {\r\n    font-size: .75rem;\r\n    line-height: 1rem\r\n}\r\n\r\n.button-base {\r\n    font-size: 1rem;\r\n    line-height: 1.5rem\r\n}\r\n\r\n.button-base {\r\n    min-width: 10rem;\r\n    cursor: pointer;\r\n    border-radius: .125rem;\r\n    padding: .5rem;\r\n    text-align: center;\r\n    font-weight: 400;\r\n    --tw-text-opacity: 1;\r\n    color: rgb(32 32 32 / var(--tw-text-opacity));\r\n    text-decoration-thickness: 0px\r\n}\r\n\r\n.button-base-border {\r\n    border-width: 1px;\r\n    border-style: solid;\r\n    --tw-border-opacity: 1;\r\n    border-color: rgb(255 204 0 / var(--tw-border-opacity))\r\n}\r\n\r\n.button-base-border:hover {\r\n    --tw-border-opacity: 1;\r\n    border-color: rgb(249 176 0 / var(--tw-border-opacity))\r\n}\r\n\r\n.button-base-bg {\r\n    border-width: 1px;\r\n    border-style: solid;\r\n    --tw-border-opacity: 1;\r\n    border-color: rgb(255 204 0 / var(--tw-border-opacity))\r\n}\r\n\r\n.button-base-bg:hover {\r\n    --tw-border-opacity: 1;\r\n    border-color: rgb(249 176 0 / var(--tw-border-opacity))\r\n}\r\n\r\n.button-base-bg {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(255 204 0 / var(--tw-bg-opacity))\r\n}\r\n\r\n.button-base-bg:hover {\r\n    background-color: transparent\r\n}\r\n\r\n.relative {\r\n    position: relative\r\n}\r\n\r\n.mx-auto {\r\n    margin-left: auto;\r\n    margin-right: auto\r\n}\r\n\r\n.mx-2 {\r\n    margin-left: 1rem;\r\n    margin-right: 1rem\r\n}\r\n.my-1 {\r\n    margin-top: .5rem;\r\n    margin-bottom: .5rem;\r\n}\r\n.my-0 {\r\n    margin-top: 0;\r\n    margin-bottom: 0;\r\n}\r\n.my-2 {\r\n    margin-top: 1rem;\r\n    margin-bottom: 1rem\r\n}\r\n\r\n.mt-\\[-50px\\] {\r\n    margin-top: -50px\r\n}\r\n.mt-12{\r\n  margin-top: 6rem;\r\n}\r\n.mb-1 {\r\n    margin-bottom: .5rem\r\n}\r\n\r\n.flex {\r\n    display: flex\r\n}\r\n\r\n.hidden {\r\n    display: none\r\n}\r\n\r\n.h-\\[50px\\] {\r\n    height: 50px\r\n}\r\n\r\n.h-30 {\r\n    height: 15rem\r\n}\r\n\r\n.h-full {\r\n    height: 100%\r\n}\r\n\r\n.w-30 {\r\n    width: 15rem\r\n}\r\n\r\n.max-w-\\[1200px\\] {\r\n    max-width: 1200px\r\n}\r\n\r\n.cursor-pointer {\r\n    cursor: pointer\r\n}\r\n\r\n.flex-row {\r\n    flex-direction: row\r\n}\r\n\r\n.flex-col {\r\n    flex-direction: column\r\n}\r\n\r\n.flex-wrap {\r\n    flex-wrap: wrap\r\n}\r\n\r\n.items-center {\r\n    align-items: center\r\n}\r\n\r\n.justify-start {\r\n    justify-content: flex-start\r\n}\r\n\r\n.justify-center {\r\n    justify-content: center\r\n}\r\n\r\n.border {\r\n    border-width: 1px\r\n}\r\n\r\n.border-solid {\r\n    border-style: solid\r\n}\r\n\r\n.border-none {\r\n    border-style: none\r\n}\r\n\r\n.border-black {\r\n    --tw-border-opacity: 1;\r\n    border-color: rgb(0 0 0 / var(--tw-border-opacity))\r\n}\r\n\r\n.\\!bg-transparent {\r\n    background-color: transparent !important\r\n}\r\n\r\n.bg-anti-flash-white {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(241 241 241 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-white {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(255 255 255 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-lotion-white {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(250 250 250 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-cultured-white {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(245 245 245 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-black {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(0 0 0 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-raisin-black {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(32 32 32 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-rich-black {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(10 51 56 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-dark-gunmetal {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(33 37 41 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-gray {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(85 85 85 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-bright-gray {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(233 233 233 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-davy-grey {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(87 87 87 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-normal-gray {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(128 128 128 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-chinese-gray {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(204 204 204 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-egyptian-gray {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(126 125 130 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-philippine-gray {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(140 140 140 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-whity-gray {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(186 186 186 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-tangerine-yellow {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(255 204 0 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-chinese-yellow {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(249 176 0 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-cyber-yellow {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(255 212 5 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-lemon-chiffon {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(255 249 207 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-imperial-red {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(234 29 61 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-lava-red {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(217 17 17 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-flame-red {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(216 87 30 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-charleston-green {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(40 40 40 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-iguana-green {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(110 205 141 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-pine-green {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(8 124 110 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-ruddy-brown {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(200 95 50 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-metallic-brown {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(168 70 9 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-sunset-orange {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(243 94 94 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-outrageous-orange {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(255 116 72 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-cyan-blue {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(66 131 188 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-cyan-blue-azure {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(79 136 190 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-picton-blue {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(69 166 222 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-tufts-blue {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(52 152 219 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-gradient-to-t {\r\n    background-image: linear-gradient(to top, var(--tw-gradient-stops))\r\n}\r\n\r\n.from-bright-gray {\r\n    --tw-gradient-from: #E9E9E9;\r\n    --tw-gradient-to: rgb(233 233 233 / 0);\r\n    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)\r\n}\r\n.py-1 {\r\n    padding-top: .5rem;\r\n    padding-bottom: .5rem;\r\n}\r\n.p-10 {\r\n    padding: 5rem\r\n}\r\n\r\n.p-7 {\r\n    padding: 3.5rem\r\n}\r\n\r\n.p-5 {\r\n    padding: 2.5rem\r\n}\r\n\r\n.py-6 {\r\n    padding-top: 3rem;\r\n    padding-bottom: 3rem\r\n}\r\n\r\n.px-3 {\r\n    padding-left: 1.5rem;\r\n    padding-right: 1.5rem\r\n}\r\n\r\n.px-4 {\r\n    padding-left: 2rem;\r\n    padding-right: 2rem\r\n}\r\n\r\n.px-\\[1\\.25rem\\] {\r\n    padding-left: 1.25rem;\r\n    padding-right: 1.25rem\r\n}\r\n\r\n.px-\\[2\\.25rem\\] {\r\n    padding-left: 2.25rem;\r\n    padding-right: 2.25rem\r\n}\r\n\r\n.px-9 {\r\n    padding-left: 4.5rem;\r\n    padding-right: 4.5rem\r\n}\r\n\r\n.py-7 {\r\n    padding-top: 3.5rem;\r\n    padding-bottom: 3.5rem\r\n}\r\n\r\n.py-2 {\r\n    padding-top: 1rem;\r\n    padding-bottom: 1rem\r\n}\r\n\r\n.pt-4 {\r\n    padding-top: 2rem\r\n}\r\n\r\n.pl-4 {\r\n    padding-left: 2rem\r\n}\r\n\r\n.pr-4 {\r\n    padding-right: 2rem\r\n}\r\n\r\n.text-center {\r\n    text-align: center\r\n}\r\n\r\n.text-justify {\r\n    text-align: justify\r\n}\r\n\r\n.align-middle {\r\n    vertical-align: middle\r\n}\r\n\r\n.text-xl {\r\n    font-size: 1.25rem;\r\n    line-height: 1.75rem\r\n}\r\n.text-2xl {\r\n    font-size: 1.2rem;\r\n    line-height: 2rem;\r\n}\r\n.font-normal {\r\n    font-weight: 400\r\n}\r\n\r\n.font-medium {\r\n    font-weight: 500\r\n}\r\n\r\n.font-semibold {\r\n    font-weight: 600\r\n}\r\n\r\n.uppercase {\r\n    text-transform: uppercase\r\n}\r\n\r\n.leading-9 {\r\n    line-height: 2.25rem\r\n}\r\n\r\n.\\!text-raisin-black {\r\n    --tw-text-opacity: 1 !important;\r\n    color: rgb(32 32 32 / var(--tw-text-opacity)) !important\r\n}\r\n\r\n.text-raisin-black {\r\n    --tw-text-opacity: 1;\r\n    color: rgb(32 32 32 / var(--tw-text-opacity))\r\n}\r\n\r\n.text-white {\r\n    --tw-text-opacity: 1;\r\n    color: rgb(255 255 255 / var(--tw-text-opacity))\r\n}\r\n\r\n.seo-section a {\r\n    color: #2d6aa0;\r\n    font-weight: bold;\r\n}\r\n\r\n.seo-section h2 {\r\n  letter-spacing: normal;\r\n}\r\n\r\n.show-more:after {\r\n    content: \"\\276f\";\r\n    display: inline-block;\r\n    width: 2em;\r\n    line-height: 1;\r\n    text-align: center;\r\n    transition: all .5s;\r\n    transform: rotate(90deg)\r\n}\r\n\r\n.show-less:after {\r\n    content: \"\\276f\";\r\n    display: inline-block;\r\n    width: 2em;\r\n    line-height: 1;\r\n    text-align: center;\r\n    transition: all .5s;\r\n    transform: rotate(-90deg) !important\r\n}\r\n.rounded-xl {\r\n    border-radius: .75rem\r\n}\r\n.mx-auto {\r\n    margin-left: auto;\r\n    margin-right: auto\r\n}\r\n.mt-3 {\r\n    margin-top: 1.5rem\r\n}\r\n.mb-2 {\r\n    margin-bottom: 1rem;\r\n}\r\n.font-bold {\r\n    font-weight: 700;\r\n}\r\n.text-black {\r\n    --tw-text-opacity: 1;\r\n    color: rgb(0 0 0 / var(--tw-text-opacity))\r\n}\r\n.text-5xl {\r\n    font-size: 3rem;\r\n    line-height: 1;\r\n}\r\n.justify-between {\r\n    justify-content: space-between;\r\n}\r\n.checkbox:checked+.accrodion-label:after {\r\n    transform: rotate(45deg)\r\n}\r\n.checkbox:checked~.accrodion-content {\r\n    max-height: none\r\n}\r\n\r\n.accrodion-label:after {\r\n    content: \"+\";\r\n    width: 2rem;\r\n    height: 2rem;\r\n    font-size: 24px;\r\n    font-weight: 600;\r\n    text-align: center;\r\n    transition: all .35s\r\n}\r\n\r\n.checkbox:checked+.accrodion-label:after {\r\n    transform: rotate(45deg)\r\n}\r\n\r\n.accrodion {\r\n    border-bottom: 1px solid #D5D8DC\r\n\r\n}\r\n.transition-all {\r\n    transition-property: all;\r\n    transition-timing-function: cubic-bezier(.4, 0, .2, 1);\r\n    transition-duration: .15s\r\n}\r\n\r\n.border {\r\n    border-width: 1px\r\n}\r\n\r\n.border-b-\\[1\\.25rem\\] {\r\n    border-bottom-width: 1.25rem\r\n}\r\n\r\n.border-l-4 {\r\n    border-left-width: 4px\r\n}\r\n\r\n.border-solid {\r\n    border-style: solid\r\n}\r\n\r\n.border-dashed {\r\n    border-style: dashed\r\n}\r\n\r\n.border-\\[\\#F1F1F1\\] {\r\n    --tw-border-opacity: 1;\r\n    border-color: rgb(241 241 241 / var(--tw-border-opacity))\r\n}\r\n\r\n.border-y-chinese-yellow {\r\n    --tw-border-opacity: 1;\r\n    border-top-color: rgb(249 176 0 / var(--tw-border-opacity));\r\n    border-bottom-color: rgb(249 176 0 / var(--tw-border-opacity))\r\n}\r\n\r\n.border-b-black {\r\n    --tw-border-opacity: 1;\r\n    border-bottom-color: rgb(0 0 0 / var(--tw-border-opacity))\r\n}\r\n\r\n.border-l-\\[\\#B1B1B1\\] {\r\n    --tw-border-opacity: 1;\r\n    border-left-color: rgb(177 177 177 / var(--tw-border-opacity))\r\n}\r\n\r\n.bg-\\[\\#2F577E\\] {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(47 87 126 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-\\[\\#F1F1F1\\] {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(241 241 241 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-\\[\\#F8F8F8\\] {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(248 248 248 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-\\[\\#F9B002\\] {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(249 176 2 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-\\[\\#FFFFFF\\] {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(255 255 255 / var(--tw-bg-opacity))\r\n}\r\n@media (min-width: 1024px) {\r\n    .lg\\:\\!font-size-medium-extra {\r\n        font-size: 1.25rem !important;\r\n        line-height: 1.75rem !important;\r\n    }\r\n    .lg\\:text-6xl {\r\n        font-size: 3.75rem;\r\n        line-height: 1\r\n    }\r\n\r\n    .lg\\:\\!font-size-medium-extra {\r\n        font-size: 1.5rem !important;\r\n        line-height: 2rem !important;\r\n    }\r\n    .lg\\:\\!font-size-medium {\r\n        font-size: 1.125rem !important;\r\n        line-height: 1.75rem !important;\r\n    }\r\n\r\n    .lg\\:\\!font-size-medium {\r\n        font-size: 1.25rem !important;\r\n        line-height: 1.75rem !important;\r\n    }\r\n   \r\n    .lg\\:font-size-small {\r\n        font-size: .75rem;\r\n        line-height: 1rem\r\n    }\r\n  .lg\\:text-3xl {\r\n\t\t\tfont-size: 1.875rem;\r\n\t\t\tline-height: 2.25rem\r\n\t\t}\r\n\t\r\n   \r\n    .lg\\:\\!font-size-small {\r\n        font-size: .875rem !important;\r\n        line-height: 1.25rem !important;\r\n    }\r\n\r\n    .lg\\:\\!leading-\\[3rem\\] {\r\n        line-height: 3rem !important\r\n    }\r\n     .font-size-huge {\r\n        font-size: 3rem;\r\n        line-height: 1\r\n    }\r\n     .font-size-huge-extra {\r\n        font-size: 3.75rem;\r\n        line-height: 1\r\n    }\r\n     .font-size-large-extra {\r\n        font-size: 2.25rem;\r\n        line-height: 2.5rem\r\n    }\r\n     .font-size-large {\r\n        font-size: 1.875rem;\r\n        line-height: 2.25rem\r\n    }\r\n      .\\!font-size-large {\r\n        font-size: 1.875rem;\r\n        line-height: 2.25rem\r\n    }\r\n      .font-size-medium {\r\n        font-size: 1.25rem;\r\n        line-height: 1.75rem\r\n    }\r\n     .font-size-medium-extra {\r\n        font-size: 1.5rem;\r\n        line-height: 2rem\r\n    }\r\n    .font-size-base {\r\n        font-size: 1.125rem;\r\n        line-height: 1.75rem\r\n    }\r\n     .font-size-small-extra {\r\n        font-size: 1rem;\r\n        line-height: 1.5rem\r\n    }\r\n    .font-size-small {\r\n        font-size: .875rem;\r\n        line-height: 1.25rem\r\n    }\r\n      .button-base {\r\n        font-size: 1.125rem;\r\n        line-height: 1.75rem\r\n    }\r\n}\r\n@media (min-width: 1280px) {\r\n      .lg\\:\\!font-size-medium-extra {\r\n          font-size: 1.875rem !important;\r\n          line-height: 2.25rem !important;\r\n      }\r\n      .lg\\:\\!font-size-medium {\r\n          font-size: 1.5rem !important;\r\n          line-height: 2rem !important;\r\n      }\r\n      .lg\\:\\!font-size-small {\r\n          font-size: 1rem !important;\r\n          line-height: 1.5rem !important;\r\n      }\r\n      .font-size-huge-extra {\r\n      font-size: 4.5rem;\r\n      line-height: 1\r\n    }\r\n     .font-size-huge {\r\n        font-size: 3.75rem;\r\n        line-height: 1\r\n    }\r\n     .font-size-large-extra {\r\n        font-size: 3rem;\r\n        line-height: 1\r\n    }\r\n     .font-size-large {\r\n        font-size: 2.25rem;\r\n        line-height: 2.5rem\r\n    }\r\n     .\\!font-size-large {\r\n        font-size: 2.25rem;\r\n        line-height: 2.5rem\r\n    }\r\n     .font-size-medium-extra {\r\n        font-size: 1.875rem !important;\r\n        line-height: 2.25rem\r\n    }\r\n    .font-size-medium {\r\n        font-size: 1.5rem;\r\n        line-height: 2rem\r\n    }\r\n    .font-size-base {\r\n        font-size: 1.25rem;\r\n        line-height: 1.75rem\r\n    }\r\n     .font-size-small-extra {\r\n        font-size: 1.125rem;\r\n        line-height: 1.75rem\r\n    }\r\n     .font-size-small {\r\n        font-size: 1rem;\r\n        line-height: 1.5rem\r\n    }\r\n     .button-base {\r\n        font-size: 1.25rem;\r\n        line-height: 1.75rem\r\n    }\r\n  }\r\n</style>","beforeEndBody":""},"conditionIds":["e53594c2-b13d-4a61-baf9-f0d359dc65d7","49c0db39-d960-4837-920f-574b7820bfe0"]},{"tagId":"9c631495-5dd5-45bb-9a51-9460f6af74a9","tagTypeId":"custom_js","name":"After Page render JS footer","description":"After Page render JS footer","config":{"code":"(() => {\r\n  let isInitialized = false;\r\n\r\n  const initializeAccordion = () => {\r\n    if (isInitialized) return;\r\n\r\n    const toggles = document.querySelectorAll(\"#accordions .toggle\");\r\n    const headers = document.querySelectorAll(\".header-footer\");\r\n\r\n    if (toggles.length === 0) return;\r\n\r\n    toggles.forEach(toggle => {\r\n    toggle.addEventListener(\"click\", event => {\r\n    event.preventDefault();\r\n\r\n    const parent = toggle.parentElement;\r\n    const isActive = parent.classList.contains(\"active\");\r\n\r\n    // Collapse all\r\n    document.querySelectorAll(\"#accordions .toggle\").forEach(t => {\r\n      t.parentElement.classList.remove(\"active\");\r\n      const panel = t.parentElement.querySelector('.toggle-contents');\r\n      if (panel) panel.style.maxHeight = null;\r\n    });\r\n\r\n    // Expand if not active\r\n    if (!isActive) {\r\n      parent.classList.add(\"active\");\r\n      const panel = parent.querySelector('.toggle-contents');\r\n      if (panel) panel.style.maxHeight = panel.scrollHeight + \"px\";\r\n    }\r\n    });\r\n  });\r\n\r\n\r\n    // Equalize header-footer heights\r\n    if (headers.length > 0) {\r\n      const maxHeight = Math.max(...Array.from(headers, el => el.offsetHeight));\r\n      headers.forEach(el => {\r\n        el.style.height = `${maxHeight}px`;\r\n      });\r\n    }\r\n\r\n    isInitialized = true;\r\n  };\r\n\r\n  const initializeDataUrlLinks = () => {\r\n    document.querySelectorAll('.open-tab[data-url]').forEach(el => {\r\n      el.addEventListener('click', function () {\r\n        const url = this.getAttribute('data-url');\r\n        if (url) window.open(url, '_blank');\r\n      });\r\n    });\r\n  };\r\n\r\n  const observer = new MutationObserver(() => {\r\n    const swissFooter = document.querySelector('[data-web-content-id=\"SWISS_FOOTER\"]');\r\n    const toggles = document.querySelectorAll(\"#accordions .toggle\");\r\n    if (swissFooter && toggles.length > 0) {\r\n      initializeAccordion();\r\n      initializeDataUrlLinks(); // Also initialize here in case elements load late\r\n      observer.disconnect();\r\n    }\r\n  });\r\n\r\n  observer.observe(document.body, { childList: true, subtree: true });\r\n\r\n  setTimeout(() => observer.disconnect(), 30000); // Fallback stop\r\n\r\n  // Run initialization based on DOM state\r\n  if (document.readyState === \"loading\") {\r\n    document.addEventListener(\"DOMContentLoaded\", () => {\r\n      initializeDataUrlLinks();\r\n    });\r\n  } else {\r\n    initializeDataUrlLinks();\r\n  }\r\n})();\r\n"},"conditionIds":["4eaa767f-38ed-46ce-aea0-afceba7315fd"]},{"tagId":"3e53a7d6-6bdf-453c-b3a6-dfcad47df6cd","tagTypeId":"ez_push","name":"EzPush","description":"EzPush","config":{"application":"swisscasino.ch","pathToEzPushScript":"https://ezpush.techonlinecorp.com/SDK/v2/ezpush-client.js","applicationID":"5cef93635859bf36455dd9e6","enableLog":true,"ezPushFile":"/library/ezpush/ezpush-sw.js","language":""},"conditionIds":["49c0db39-d960-4837-920f-574b7820bfe0"]},{"tagId":"4742017e-9c73-4cce-88ab-019dd0d9a700","tagTypeId":"custom_js","name":"After page render JS /bonus-history","description":"After page render JS /bonus-history","config":{"code":"(() => {    \n    // Create a MutationObserver to watch for DOM changes\n    const observer = new MutationObserver((mutations) => {\n      \n      for (const mutation of mutations) {\n        // Check added nodes for the target class\n        if (mutation.addedNodes && mutation.addedNodes.length) {\n          \n          for (const node of mutation.addedNodes) {\n            if (node.nodeType === Node.ELEMENT_NODE) {\n              \n              // Check if the added node has the target class\n              if (node.classList && node.classList.contains('TableData__tableDataContainer--3ih')) {\n                attachEventHandlers();\n                // We found what we were looking for, no need to keep observing\n                observer.disconnect();\n                return;\n              }\n              \n              // Check if the class exists in any of the node's children\n              const hasTargetClass = node.querySelector('.TableData__tableDataContainer--3ih');\n              if (hasTargetClass) {\n                attachEventHandlers();\n                // We found what we were looking for, no need to keep observing\n                observer.disconnect();\n                return;\n              }\n            }\n          }\n        }\n      }\n    });\n  \n    // Function to attach event handlers to accordion containers\n    const attachEventHandlers = () => {\n      \n      // Find all accordion containers\n      const accordionContainers = document.querySelectorAll('.AccordionRow__accordionContainer--1Dq');\n      \n      // Add click event to each accordion container\n      accordionContainers.forEach((container, index) => {\n        \n        container.addEventListener('click', () => {\n          \n          // Add setTimeout to allow DOM to update after accordion opens\n          setTimeout(() => {\n            // Find all game elements with data-game-code attribute\n            const gameElements = document.querySelectorAll('[data-game-code]');\n            \n            // Add click event listener to each game element (without children processing)\n            gameElements.forEach((element, gameIndex) => {\n              // Get the game code attribute value\n              const gameCode = element.getAttribute('data-game-code');\n              \n              // Remove any existing listeners by cloning\n              const newElement = element.cloneNode(true);\n              element.parentNode.replaceChild(newElement, element);\n              \n              // Add click handler to the game element only\n              newElement.addEventListener('click', function(event) {\n                event.preventDefault();\n                \n                try {\n                  Playtech.API.game.open({ code: gameCode });\n                } catch (error) {\n                  console.error(`Error calling Playtech API:`, error);\n                }\n              });\n            });\n            \n          }, 500); // 500ms delay to ensure DOM has updated\n        });\n      });\n    };\n  \n    // Start observing the entire document with all its child nodes\n    observer.observe(document.documentElement, {\n      childList: true,\n      subtree: true\n    });\n    \n    // Check if the target element already exists in the DOM\n    const existingElement = document.querySelector('.TableData__tableDataContainer--3ih');\n    if (existingElement) {\n      attachEventHandlers();\n      observer.disconnect();\n    }\n  })();"},"conditionIds":["562820c9-a629-4de7-bfd6-3652dadee982","4eaa767f-38ed-46ce-aea0-afceba7315fd"]},{"tagId":"f8366270-060b-4ecf-a795-792f80d2804a","tagTypeId":"custom_js","name":"Locations Nav Items Redirect","description":"Locations Nav Items Redirect","config":{"code":"(async function() {\r\n    const BASE_URL = 'https://www.swisscasinos.ch';    \r\n    const PAGE_REDIRECTS = {\r\n        '/standorte': { en_US: '/en/standorte', fr_FR: '/fr/standorte', it_IT: '/it/standorte', de_DE: '/standorte' },\r\n        '/uebersicht': { en_US: '/en/standorte', fr_FR: '/fr/standorte', it_IT: '/it/standorte', de_DE: '/standorte' },\r\n        '/swiss-casino-zuerich': { en_US: '/en/zurich', fr_FR: '/fr/zurich', it_IT: '/it/zurich', de_DE: '/zuerich' },\r\n        '/swiss-casino-pfaeffikon': { en_US: '/en/pfaeffikon', fr_FR: '/fr/pfaeffikon', it_IT: '/it/pfaeffikon', de_DE: '/pfaeffikon' },\r\n        '/swiss-casino-st-gallen': { en_US: '/en/st-gallen', fr_FR: '/fr/saint-gall', it_IT: '/it/san-gallo', de_DE: '/st-gallen' },\r\n        '/swiss-casino-schaffhausen': { en_US: '/en/schaffhausen', fr_FR: '/fr/schaffhausen', it_IT: '/it/schaffhausen', de_DE: '/schaffhausen' },\r\n        '/swiss-casino-winterthur': { en_US: '/en/winterthur', fr_FR: '/fr/winterthur', it_IT: '/it/winterthur', de_DE: '/winterthur' }\r\n    };\r\n    \r\n    try {\r\n        const currentPath = window.location.pathname;\r\n        const cleanPath = currentPath.replace(/^\\/(de|en|fr|it)\\//, '/').replace(/\\/$/, '');\r\n        \r\n        const redirectConfig = PAGE_REDIRECTS[cleanPath];\r\n        \r\n        if (redirectConfig) {\r\n            const currentLang = await Playtech.API.language.getCurrentLanguage();            \r\n            const redirectPath = redirectConfig[currentLang] || redirectConfig.de_DE;\r\n            \r\n            if (redirectPath) {\r\n                const redirectUrl = BASE_URL + redirectPath;\r\n                await Playtech.API.common.redirect(redirectUrl);\r\n            }\r\n        }\r\n    } catch (error) {\r\n        console.error('Redirection script error:', error);\r\n    }\r\n})();"},"conditionIds":["de963891-04df-48bf-a218-fc772c07ccc4","536a0342-c6ec-4919-b04d-5f1c0c5c683d"]},{"tagId":"21f3c987-15b5-425a-8295-e55136353edd","tagTypeId":"custom_js","name":"After page render JS /spiele","description":"After page render JS /spiele","config":{"code":"(() => {\r\n  let gamelistData = [];\r\n\r\n  //add wrapper for control visability\r\n  const gamelistContainer = document.getElementById(\"gamelist-container\");\r\n  const gamelistLoading = document.getElementById(\"gamelist-loading\");\r\n\r\n  function showGamelist() {\r\n    if (gamelistContainer) gamelistContainer.classList.remove(\"hidden\");\r\n    if (gamelistLoading) gamelistLoading.classList.add(\"hidden\");\r\n  }\r\n\r\n  const observer = new MutationObserver((mutations, observer) => {\r\n    const gamelistElement = document.querySelector('[data-web-content-id=\"GAMELIST\"]');\r\n    if (gamelistElement) {\r\n      observer.disconnect();\r\n      fetchAndInit();\r\n    }\r\n  });\r\n\r\n  observer.observe(document.body, { childList: true, subtree: true });\r\n\r\n  // Fallback: in case MutationObserver doesn't trigger to To avoid waiting forever if the GAMELIST element never appears.\r\n  setTimeout(() => {\r\n    if (!gamelistData.length) {\r\n      fetchAndInit();\r\n    }\r\n  }, 5000);\r\n\r\n  let sortNameDesc = true;\r\n  let sortQualificationIdDesc = true;\r\n  let recentFilterValue = \"\";\r\n\r\n  async function fetchAndInit() {\r\n    const data = await getGamelistData();\r\n    if (data) {\r\n      gamelistData = data;\r\n      initializeGamelist(gamelistData);\r\n    }\r\n  }\r\n\r\n  async function getGamelistData() {\r\n    try {\r\n      const response = await fetch(\"https://gamelistmiddleware2.azurewebsites.net/api/games\");\r\n      if (!response.ok) throw new Error(`HTTP error! Status: ${response.status}`);\r\n      return await response.json();\r\n    } catch (error) {\r\n      console.error(\"Error while fetching data:\", error);\r\n    }\r\n  }\r\n\r\n  const initializeGamelist = (data) => {\r\n    buildSupplierFilter(data);\r\n    buildTable(data);\r\n    toggleSort(\"name\", data);\r\n    registerEventListeners(data);\r\n    setupScrollHandler();\r\n    showGamelist(); // Show only when ready\r\n  };\r\n\r\n  const buildTable = (gamelist) => {\r\n    buildDesktopTable(gamelist);\r\n    buildMobileTable(gamelist);\r\n    setupGameLinkEventListeners();\r\n  };\r\n\r\n  const buildDesktopTable = (gamelist) => {\r\n    if (isMobile()) return;\r\n    const tableElement = document.getElementById(\"gamelist\");\r\n    if (!tableElement) return;\r\n\r\n    tableElement.innerHTML = gamelist\r\n      .map(\r\n        (game) => `\r\n      <tr class='hover:bg-oc_gray_darker hover:text-oc_blue' data-filter=\"${game.supplier}\">\r\n        <td style=\"width: 30%\">\r\n          <a href=\"/online-game/${game.seo_friendly_name}\" class='my-4'>\r\n            <div class='pl-3 text-oc_blue'>${game.name}</div>\r\n          </a>\r\n        </td>\r\n        <td style=\"width: 20%\"><div class='my-4 pl-3'>${game.supplier}</div></td>\r\n        <td style=\"width: 10%\"><div class='my-4 pl-3'>${game.minBet}</div></td>\r\n        <td style=\"width: 10%\"><div class='my-4 pl-3'>${game.maxBet}</div></td>\r\n        <td style=\"width: 20%\"><div class='my-4 pl-3'>${game.qualificationId}</div></td>\r\n        <td style=\"width: 10%\"><div class='my-4 px-3'>${game.version}</div></td>\r\n      </tr>`\r\n      )\r\n      .join(\"\");\r\n  };\r\n\r\n  const buildMobileTable = (gamelist) => {\r\n    if (!isMobile()) return;\r\n    const mobileTableElement = document.getElementById(\"mobile-gamelist\");\r\n    if (!mobileTableElement) return;\r\n\r\n    let currentLanguage = Playtech.API.language.getCurrentLanguage();\r\n    let shortLanguage = Playtech.API.language.getTwoLetterLanguage(currentLanguage);\r\n\r\n    mobileTableElement.innerHTML = gamelist\r\n      .map(\r\n        (game) => `\r\n      <div class=\"game-info px-8 py-4\" data-filter=\"${game.supplier}\">\r\n        <a class=\"text-oc_blue\" href=\"/${shortLanguage}/online-game/${game.seo_friendly_name}\">\r\n          ${game.name}\r\n        </a>\r\n        <p><strong>${document.getElementById(\"supplier-head\").textContent}:</strong> ${game.supplier}</p>\r\n        <p><strong>${document.getElementById(\"min-head\").textContent}:</strong> ${game.minBet}</p>\r\n        <p><strong>${document.getElementById(\"max-head\").textContent}:</strong> ${game.maxBet}</p>\r\n        <p><strong>${document.getElementById(\"qualificationId-head\").textContent}:</strong> ${game.qualificationId}</p>\r\n        <p><strong>${document.getElementById(\"gameversion-head\").textContent}:</strong> ${game.version}</p>\r\n      </div>`\r\n      )\r\n      .join(\"\");\r\n  };\r\n\r\n  const setupGameLinkEventListeners = () => {\r\n    document.querySelectorAll('[data-web-content-id=\"GAMELIST\"] a.my-4').forEach((anchor) => {\r\n      anchor.addEventListener(\"click\", (event) => {\r\n        event.preventDefault();\r\n        openGameDetails(anchor.getAttribute(\"href\"));\r\n      });\r\n    });\r\n  };\r\n\r\n  const openGameDetails = (gamelinkValue) => {\r\n    Playtech.API.common.navigate(gamelinkValue);\r\n  };\r\n\r\n  const sortGamelistDesc = (descending, columnName, gamelist) => {\r\n    gamelist.sort((a, b) => a[columnName].localeCompare(b[columnName]) * (descending ? -1 : 1));\r\n    buildTable(gamelist);\r\n    filterGamesBySupplier(recentFilterValue);\r\n  };\r\n\r\n  const toggleSort = (column, gamelist) => {\r\n    switch (column) {\r\n      case \"name\":\r\n        sortNameDesc = !sortNameDesc;\r\n        sortGamelistDesc(sortNameDesc, \"name\", gamelist);\r\n        switchSortArrow(column, sortNameDesc);\r\n        resetSortIndicator([\"qualificationId\"]);\r\n        break;\r\n      case \"qualificationId\":\r\n        sortQualificationIdDesc = !sortQualificationIdDesc;\r\n        sortGamelistDesc(sortQualificationIdDesc, \"qualificationId\", gamelist);\r\n        switchSortArrow(column, sortQualificationIdDesc);\r\n        resetSortIndicator([\"name\"]);\r\n        break;\r\n    }\r\n  };\r\n\r\n  const resetSortIndicator = (columns) => {\r\n    columns.forEach((col) => {\r\n      const el = document.getElementById(`${col}-head`);\r\n      if (el) el.classList.add(\"ascending\", \"descending\");\r\n    });\r\n  };\r\n\r\n  const switchSortArrow = (column, isDescending) => {\r\n    const el = document.getElementById(`${column}-head`);\r\n    if (el) {\r\n      el.classList.toggle(\"ascending\", !isDescending);\r\n      el.classList.toggle(\"descending\", isDescending);\r\n    }\r\n  };\r\n\r\n  const registerEventListeners = (gamelist) => {\r\n    document.getElementById(\"sortName\")?.addEventListener(\"click\", () => toggleSort(\"name\", gamelist));\r\n    document.getElementById(\"sortQualificationId\")?.addEventListener(\"click\", () => toggleSort(\"qualificationId\", gamelist));\r\n  };\r\n\r\n  const buildSupplierFilter = (gamelist) => {\r\n    const desiredOrder = [\r\n      \"Pragmatic Play Ltd.\", \"Greentube\", \"Skywind Holdings Limited\", \"SYNOT Games Limited\",\r\n      \"Oryx Gaming International LLC\", \"Playtech Software Ltd.\", \"Red Tiger / Dopamine EOOD\",\r\n      \"Eurolive Technologies Ltd.\", \"ISB Technology Sarl\", \"PariPlay Ltd.\", \"Wazdan Limited\",\r\n      \"FAZI d.o.o.\", \"Playson Limited\", \"Bee-Fee Ltd.\", \"Red Rake Tech S.L.\",\r\n    ];\r\n    const orderMap = desiredOrder.reduce((map, supplier, i) => ((map[supplier] = i), map), {});\r\n    const suppliers = [...new Set(gamelist.map((g) => g.supplier))].sort(\r\n      (a, b) => (orderMap[a] ?? 999) - (orderMap[b] ?? 999)\r\n    );\r\n    const supplierFilter = suppliers\r\n      .map(\r\n        (s) => `\r\n        <div class=\"flex flex-col cursor-pointer w-20 supplier-div m-1\" supplier-value=\"${s}\">\r\n          <div class=\"fillters-supplier-icon\" style=\"background-image: url('/library/gamelist/suppliers/${formatSupplier(s)}.webp')\"></div>\r\n        </div>`\r\n      )\r\n      .join(\"\");\r\n    const container = document.getElementById(\"supplier-filter\");\r\n    if (container) {\r\n      container.innerHTML += supplierFilter;\r\n      setupFilterEvents(container);\r\n    }\r\n  };\r\n\r\n  const formatSupplier = (supplier) => supplier.replace(/[\\s\\W]+/g, \"\").toLowerCase();\r\n\r\n  const setupFilterEvents = (container) => {\r\n    container.addEventListener(\"click\", (e) => {\r\n      const target = e.target.closest(\".supplier-div\");\r\n      if (!target) return;\r\n\r\n      if (target.classList.contains(\"active-filter\")) {\r\n        target.classList.remove(\"active-filter\");\r\n        recentFilterValue = \"\";\r\n        buildTable(gamelistData);\r\n      } else {\r\n        document.querySelectorAll(\".supplier-div\").forEach((d) => d.classList.remove(\"active-filter\"));\r\n        target.classList.add(\"active-filter\");\r\n        recentFilterValue = target.getAttribute(\"supplier-value\");\r\n        filterGamesBySupplier(recentFilterValue);\r\n      }\r\n    });\r\n  };\r\n\r\n  const filterGamesBySupplier = (supplier) => {\r\n    const filtered = gamelistData.filter((g) => !supplier || g.supplier === supplier);\r\n    buildTable(filtered);\r\n  };\r\n\r\n  const setupScrollHandler = () => {\r\n    if (isMobile() || isTablet()) return;\r\n    const ele = document.getElementById(\"supplier-filter\");\r\n    const btnPrev = document.getElementById(\"prev-btn\");\r\n    const btnNext = document.getElementById(\"next-btn\");\r\n\r\n    let pos = { left: 0, x: 0 };\r\n\r\n    const mouseDownHandler = (e) => {\r\n      ele.style.cursor = \"grabbing\";\r\n      pos = { left: ele.scrollLeft, x: e.clientX };\r\n      document.addEventListener(\"mousemove\", mouseMoveHandler);\r\n      document.addEventListener(\"mouseup\", mouseUpHandler);\r\n    };\r\n\r\n    const mouseMoveHandler = (e) => {\r\n      const dx = e.clientX - pos.x;\r\n      ele.scrollLeft = pos.left - dx;\r\n    };\r\n\r\n    const mouseUpHandler = () => {\r\n      ele.style.cursor = \"grab\";\r\n      document.removeEventListener(\"mousemove\", mouseMoveHandler);\r\n      document.removeEventListener(\"mouseup\", mouseUpHandler);\r\n    };\r\n\r\n    const scrollContent = (offset) => {\r\n      ele.scrollTo({ left: ele.scrollLeft + offset, behavior: \"smooth\" });\r\n    };\r\n\r\n    btnPrev?.addEventListener(\"click\", () => scrollContent(-350));\r\n    btnNext?.addEventListener(\"click\", () => scrollContent(350));\r\n    ele?.addEventListener(\"mousedown\", mouseDownHandler);\r\n  };\r\n\r\n  const isMobile = () => window.matchMedia(\"(max-width: 768px)\").matches;\r\n  const isTablet = () => window.matchMedia(\"(max-width: 1024px)\").matches;\r\n})();\r\n"},"conditionIds":["dcbf0a8d-a14a-46c5-b4d8-679a11615f22","4eaa767f-38ed-46ce-aea0-afceba7315fd"]},{"tagId":"2f8a7182-aff1-45f3-9451-ec908256621e","tagTypeId":"custom_tag_type","name":"Custom CSS /poker-strategies","description":"Custom CSS /poker-strategies","config":{"beforeEndHead":"<style>\r\n.font-italic{\r\n  font-style: italic;\r\n}\r\nul{\r\n  padding-left: 1.2rem;\r\n}\r\n.seo-link:hover{\r\n\tcolor:#fff !important;\r\n  }\r\n  .seo-link {\r\n\tcolor:#f9b000;\r\n\tfont-weight: bold;\r\n  }\r\n.poker-button-animation {\r\n  height: 50px;\r\n  width: 240px;\r\n  border-width: 1px;\r\n  border-style: solid;\r\n  --tw-border-opacity: 1;\r\n  border-color: rgb(255 255 255 / var(--tw-border-opacity));\r\n  --tw-shadow: 0 0 20px rgb(255 255 255/0);\r\n  --tw-shadow-colored: 0 0 20px var(--tw-shadow-color);\r\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),\r\n    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\r\n  outline-style: solid;\r\n  outline-width: 1px;\r\n  outline-offset: 0px;\r\n  outline-color: #fffc;\r\n  transition-property: all;\r\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\r\n  transition-delay: 0ms;\r\n  transition-duration: 1s;\r\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\r\n}\r\n.poker-button-animation:hover {\r\n  border-width: 1px;\r\n  border-style: solid;\r\n  --tw-border-opacity: 1;\r\n  border-color: rgb(241 241 241 / var(--tw-border-opacity));\r\n  --tw-shadow: inset 0 0 20px rgb(80 33 1), 0 0 20px rgb(255 255 255);\r\n  --tw-shadow-colored: inset 0 0 20px var(--tw-shadow-color),\r\n    0 0 20px var(--tw-shadow-color);\r\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),\r\n    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\r\n  outline-style: solid;\r\n  outline-width: 1px;\r\n  outline-offset: 30px;\r\n  outline-color: #fff0;\r\n}\r\n@media (min-width: 1024px) {\r\n  .poker-button-animation {\r\n    height: 66px;\r\n    width: 258px;\r\n  }\r\n}\r\n.poker-button-animation-span {\r\n  font-size: 1.5rem;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n  line-height: 1.5rem;\r\n  --tw-text-opacity: 1;\r\n  color: rgb(255 255 255 / var(--tw-text-opacity));\r\n  --tw-drop-shadow: drop-shadow(0 3px 6px rgb(0 0 0/0.49));\r\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)\r\n    var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate)\r\n    var(--tw-sepia) var(--tw-drop-shadow);\r\n}\r\n@media (min-width: 640px) {\r\n  .poker-button-animation-span {\r\n    font-size: 1.875rem;\r\n    line-height: 2.25rem;\r\n  }\r\n}\r\n@media (min-width: 768px) {\r\n  .poker-button-animation-span {\r\n    line-height: 2rem;\r\n  }\r\n}\r\n@media (min-width: 1024px) {\r\n  .button-base {\r\n    font-size: 1.125rem;\r\n    line-height: 1.75rem;\r\n  }\r\n}\r\n.button-base {\r\n  cursor: pointer;\r\n  border-radius: 0.125rem;\r\n  padding: 0.5rem;\r\n  text-align: center;\r\n  font-weight: 400;\r\n  --tw-text-opacity: 1;\r\n  color: rgb(32 32 32 / var(--tw-text-opacity));\r\n  text-decoration-thickness: 0px;\r\n}\r\n.button-base-border {\r\n  border-width: 4px;\r\n  border-style: solid;\r\n  --tw-border-opacity: 1;\r\n  border-color: rgb(249 176 0 / var(--tw-border-opacity));\r\n}\r\n.button-base-border:hover {\r\n  --tw-border-opacity: 1;\r\n  border-color: rgb(249 176 0 / var(--tw-border-opacity));\r\n}\r\n.button-base-bg {\r\n  border-width: 4px;\r\n  border-style: solid;\r\n  --tw-border-opacity: 1;\r\n  border-color: rgb(249 176 0 / var(--tw-border-opacity));\r\n}\r\n.button-base-bg:hover {\r\n  --tw-border-opacity: 1;\r\n  border-color: rgb(249 176 0 / var(--tw-border-opacity));\r\n}\r\n.button-base-bg {\r\n  --tw-bg-opacity: 1;\r\n  background-color: rgb(249 176 0 / var(--tw-bg-opacity));\r\n}\r\n.button-base-bg:hover {\r\n  background-color: transparent;\r\n  --tw-text-opacity: 1;\r\n  color: rgb(255 255 255 / var(--tw-text-opacity));\r\n}\r\n.fixed {\r\n  position: fixed;\r\n}\r\n.absolute {\r\n  position: absolute;\r\n}\r\n.relative {\r\n  position: relative;\r\n}\r\n.bottom-0 {\r\n  bottom: 0;\r\n}\r\n.left-0 {\r\n  left: 0;\r\n}\r\n.left-2\\/4 {\r\n  left: 50%;\r\n}\r\n.right-0 {\r\n  right: 0;\r\n}\r\n.right-4 {\r\n  right: 2rem;\r\n}\r\n.top-0 {\r\n  top: 0;\r\n}\r\n.top-2\\/4 {\r\n  top: 50%;\r\n}\r\n.top-3 {\r\n  top: 1.5rem;\r\n}\r\n.z-10 {\r\n  z-index: 10;\r\n}\r\n.z-20 {\r\n  z-index: 20;\r\n}\r\n.m-1 {\r\n  margin: 0.5rem;\r\n}\r\n.m-auto {\r\n  margin: auto;\r\n}\r\n.mx-2 {\r\n  margin-left: 1rem;\r\n  margin-right: 1rem;\r\n}\r\n.mx-auto {\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n}\r\n.my-0 {\r\n  margin-top: 0;\r\n  margin-bottom: 0;\r\n}\r\n.my-2 {\r\n  margin-top: 1rem;\r\n  margin-bottom: 1rem;\r\n}\r\n.my-4{\r\n  margin-top: 2rem;\r\n  margin-bottom: 2rem;\r\n}\r\n.mb-1 {\r\n  margin-bottom: 0.5rem;\r\n}\r\n.mb-2 {\r\n  margin-bottom: 1rem;\r\n}\r\n.mb-3 {\r\n  margin-bottom: 1.5rem;\r\n}\r\n.mb-4 {\r\n  margin-bottom: 2rem;\r\n}\r\n.mb-6 {\r\n  margin-bottom: 3rem;\r\n}\r\n.mb-8 {\r\n  margin-bottom: 4rem;\r\n}\r\n.mt-2 {\r\n  margin-top: 1rem;\r\n}\r\n.mt-3 {\r\n  margin-top: 1.5rem;\r\n}\r\n.mt-4 {\r\n  margin-top: 2rem;\r\n}\r\n.mt-0 {\r\n  margin-top: 0;\r\n}\r\n.block {\r\n  display: block;\r\n}\r\n.flex {\r\n  display: flex;\r\n}\r\n.hidden {\r\n  display: none;\r\n}\r\n.h-30 {\r\n  height: 15rem;\r\n}\r\n.h-8 {\r\n  height: 3rem;\r\n}\r\n.h-9 {\r\n  height: 4.5rem;\r\n}\r\n.h-auto {\r\n  height: auto;\r\n}\r\n.h-full {\r\n  height: 100%;\r\n}\r\n.w-21 {\r\n  width: 10.5rem;\r\n}\r\n.w-24 {\r\n  width: 12rem;\r\n}\r\n.w-30 {\r\n  width: 15rem;\r\n}\r\n.w-8 {\r\n  width: 4rem;\r\n}\r\n.w-full {\r\n  width: 100%;\r\n}\r\n.max-w-screen-xl {\r\n  max-width: 1280px;\r\n}\r\n.flex-1 {\r\n  flex: 1 1 0%;\r\n}\r\n.cursor-pointer {\r\n  cursor: pointer;\r\n}\r\n.flex-row {\r\n  flex-direction: row;\r\n}\r\n.flex-col {\r\n  flex-direction: column;\r\n}\r\n.flex-wrap {\r\n  flex-wrap: wrap;\r\n}\r\n.items-start {\r\n  align-items: flex-start;\r\n}\r\n.items-center {\r\n  align-items: center;\r\n}\r\n.justify-start {\r\n  justify-content: flex-start;\r\n}\r\n.justify-center {\r\n  justify-content: center;\r\n}\r\n.justify-between {\r\n  justify-content: space-between;\r\n}\r\n.overflow-y-auto {\r\n  overflow-y: auto;\r\n}\r\n.rounded-full {\r\n  border-radius: 9999px;\r\n}\r\n.border {\r\n  border-width: 1px;\r\n}\r\n.border-solid {\r\n  border-style: solid;\r\n}\r\n.border-black {\r\n  --tw-border-opacity: 1;\r\n  border-color: rgb(0 0 0 / var(--tw-border-opacity));\r\n}\r\n.bg-anti-flash-white {\r\n  --tw-bg-opacity: 1;\r\n  background-color: rgb(241 241 241 / var(--tw-bg-opacity));\r\n}\r\n.bg-black {\r\n  --tw-bg-opacity: 1;\r\n  background-color: rgb(0 0 0 / var(--tw-bg-opacity));\r\n}\r\n.bg-bright-gray {\r\n  --tw-bg-opacity: 1;\r\n  background-color: rgb(233 233 233 / var(--tw-bg-opacity));\r\n}\r\n.bg-charleston-green {\r\n  --tw-bg-opacity: 1;\r\n  background-color: rgb(40 40 40 / var(--tw-bg-opacity));\r\n}\r\n.bg-chinese-gray {\r\n  --tw-bg-opacity: 1;\r\n  background-color: rgb(204 204 204 / var(--tw-bg-opacity));\r\n}\r\n.bg-chinese-yellow {\r\n  --tw-bg-opacity: 1;\r\n  background-color: rgb(249 176 0 / var(--tw-bg-opacity));\r\n}\r\n.bg-cultured-white {\r\n  --tw-bg-opacity: 1;\r\n  background-color: rgb(245 245 245 / var(--tw-bg-opacity));\r\n}\r\n.bg-cyan-blue {\r\n  --tw-bg-opacity: 1;\r\n  background-color: rgb(66 131 188 / var(--tw-bg-opacity));\r\n}\r\n.bg-cyan-blue-azure {\r\n  --tw-bg-opacity: 1;\r\n  background-color: rgb(79 136 190 / var(--tw-bg-opacity));\r\n}\r\n.bg-cyber-yellow {\r\n  --tw-bg-opacity: 1;\r\n  background-color: rgb(255 212 5 / var(--tw-bg-opacity));\r\n}\r\n.bg-dark-gunmetal {\r\n  --tw-bg-opacity: 1;\r\n  background-color: rgb(33 37 41 / var(--tw-bg-opacity));\r\n}\r\n.bg-davy-grey {\r\n  --tw-bg-opacity: 1;\r\n  background-color: rgb(87 87 87 / var(--tw-bg-opacity));\r\n}\r\n.bg-egyptian-gray {\r\n  --tw-bg-opacity: 1;\r\n  background-color: rgb(126 125 130 / var(--tw-bg-opacity));\r\n}\r\n.bg-flame-red {\r\n  --tw-bg-opacity: 1;\r\n  background-color: rgb(216 87 30 / var(--tw-bg-opacity));\r\n}\r\n.bg-gray {\r\n  --tw-bg-opacity: 1;\r\n  background-color: rgb(85 85 85 / var(--tw-bg-opacity));\r\n}\r\n.bg-iguana-green {\r\n  --tw-bg-opacity: 1;\r\n  background-color: rgb(110 205 141 / var(--tw-bg-opacity));\r\n}\r\n.bg-imperial-red {\r\n  --tw-bg-opacity: 1;\r\n  background-color: rgb(234 29 61 / var(--tw-bg-opacity));\r\n}\r\n.bg-lava-red {\r\n  --tw-bg-opacity: 1;\r\n  background-color: rgb(217 17 17 / var(--tw-bg-opacity));\r\n}\r\n.bg-lemon-chiffon {\r\n  --tw-bg-opacity: 1;\r\n  background-color: rgb(255 249 207 / var(--tw-bg-opacity));\r\n}\r\n.bg-lotion-white {\r\n  --tw-bg-opacity: 1;\r\n  background-color: rgb(250 250 250 / var(--tw-bg-opacity));\r\n}\r\n.bg-metallic-brown {\r\n  --tw-bg-opacity: 1;\r\n  background-color: rgb(168 70 9 / var(--tw-bg-opacity));\r\n}\r\n.bg-normal-gray {\r\n  --tw-bg-opacity: 1;\r\n  background-color: rgb(128 128 128 / var(--tw-bg-opacity));\r\n}\r\n.bg-outrageous-orange {\r\n  --tw-bg-opacity: 1;\r\n  background-color: rgb(255 116 72 / var(--tw-bg-opacity));\r\n}\r\n.bg-philippine-gray {\r\n  --tw-bg-opacity: 1;\r\n  background-color: rgb(140 140 140 / var(--tw-bg-opacity));\r\n}\r\n.bg-picton-blue {\r\n  --tw-bg-opacity: 1;\r\n  background-color: rgb(69 166 222 / var(--tw-bg-opacity));\r\n}\r\n.bg-pine-green {\r\n  --tw-bg-opacity: 1;\r\n  background-color: rgb(8 124 110 / var(--tw-bg-opacity));\r\n}\r\n.bg-raisin-black {\r\n  --tw-bg-opacity: 1;\r\n  background-color: rgb(32 32 32 / var(--tw-bg-opacity));\r\n}\r\n.bg-rich-black {\r\n  --tw-bg-opacity: 1;\r\n  background-color: rgb(10 51 56 / var(--tw-bg-opacity));\r\n}\r\n.bg-ruddy-brown {\r\n  --tw-bg-opacity: 1;\r\n  background-color: rgb(200 95 50 / var(--tw-bg-opacity));\r\n}\r\n.bg-sunset-orange {\r\n  --tw-bg-opacity: 1;\r\n  background-color: rgb(243 94 94 / var(--tw-bg-opacity));\r\n}\r\n.bg-tangerine-yellow {\r\n  --tw-bg-opacity: 1;\r\n  background-color: rgb(255 204 0 / var(--tw-bg-opacity));\r\n}\r\n.bg-transparent {\r\n  background-color: transparent;\r\n}\r\n.bg-tufts-blue {\r\n  --tw-bg-opacity: 1;\r\n  background-color: rgb(52 152 219 / var(--tw-bg-opacity));\r\n}\r\n.bg-white {\r\n  --tw-bg-opacity: 1;\r\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity));\r\n}\r\n.bg-whity-gray {\r\n  --tw-bg-opacity: 1;\r\n  background-color: rgb(186 186 186 / var(--tw-bg-opacity));\r\n}\r\n.bg-opacity-50 {\r\n  --tw-bg-opacity: 0.5;\r\n}\r\n.bg-opacity-80 {\r\n  --tw-bg-opacity: 0.8;\r\n}\r\n.object-cover {\r\n  -o-object-fit: cover;\r\n  object-fit: cover;\r\n}\r\n.p-0 {\r\n  padding: 0;\r\n}\r\n.p-1 {\r\n  padding: 0.5rem;\r\n}\r\n.p-10 {\r\n  padding: 5rem;\r\n}\r\n.p-2 {\r\n  padding: 1rem;\r\n}\r\n.p-4 {\r\n  padding: 2rem;\r\n}\r\n.p-5 {\r\n  padding: 2.5rem;\r\n}\r\n.px-0 {\r\n  padding-left: 0;\r\n  padding-right: 0;\r\n}\r\n.px-2 {\r\n  padding-left: 1rem;\r\n  padding-right: 1rem;\r\n}\r\n.px-3 {\r\n  padding-left: 1.5rem;\r\n  padding-right: 1.5rem;\r\n}\r\n.py-2 {\r\n  padding-top: 1rem;\r\n  padding-bottom: 1rem;\r\n}\r\n.py-3 {\r\n  padding-top: 1.5rem;\r\n  padding-bottom: 1.5rem;\r\n}\r\n.pb-20 {\r\n  padding-bottom: 10rem;\r\n}\r\n.pb-4 {\r\n  padding-bottom: 2rem;\r\n}\r\n.pl-2 {\r\n  padding-left: 1rem;\r\n}\r\n.pr-2 {\r\n  padding-right: 1rem;\r\n}\r\n.pt-0 {\r\n  padding-top: 0;\r\n}\r\n.pt-4 {\r\n  padding-top: 2rem;\r\n}\r\n.pt-5 {\r\n  padding-top: 2.5rem;\r\n}\r\n.text-left {\r\n  text-align: left;\r\n}\r\n.text-center {\r\n  text-align: center;\r\n}\r\n.text-2xl {\r\n  font-size: 1.5rem;\r\n  line-height: 2rem;\r\n}\r\n.text-3xl {\r\n  font-size: 1.875rem;\r\n  line-height: 2.25rem;\r\n}\r\n.text-5xl {\r\n  font-size: 3rem;\r\n  line-height: 1;\r\n}\r\n.text-base {\r\n  font-size: 1rem;\r\n  line-height: 1.5rem;\r\n}\r\n.text-lg {\r\n  font-size: 1.125rem;\r\n  line-height: 1.75rem;\r\n}\r\n.text-sm {\r\n  font-size: 0.875rem;\r\n  line-height: 1.25rem;\r\n}\r\n.text-xl {\r\n  font-size: 1.25rem;\r\n  line-height: 1.75rem;\r\n}\r\n.font-bold {\r\n  font-weight: 700;\r\n}\r\n.font-normal {\r\n  font-weight: 400;\r\n}\r\n.font-semibold {\r\n  font-weight: 600;\r\n}\r\n.uppercase {\r\n  text-transform: uppercase;\r\n}\r\n.leading-8 {\r\n  line-height: 2rem;\r\n}\r\n.text-\\[\\#F9B000\\] {\r\n  --tw-text-opacity: 1;\r\n  color: rgb(249 176 0 / var(--tw-text-opacity));\r\n}\r\n.text-raisin-black {\r\n  --tw-text-opacity: 1;\r\n  color: rgb(32 32 32 / var(--tw-text-opacity));\r\n}\r\n.text-white {\r\n  --tw-text-opacity: 1;\r\n  color: rgb(255 255 255 / var(--tw-text-opacity));\r\n}\r\n\r\n.banner {\r\n  display: grid;\r\n  place-items: center;\r\n  background-color: orange;\r\n  text-transform: uppercase;\r\n  padding: 3px 30px;\r\n  position: relative;\r\n  overflow: hidden;\r\n  width: -moz-fit-content;\r\n  width: fit-content;\r\n  margin: auto;\r\n}\r\n.banner span {\r\n  font-weight: 900;\r\n  color: #fff;\r\n  font-size: 2rem;\r\n}\r\n.banner:before,\r\n.banner:after {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 0;\r\n  bottom: 0;\r\n  width: 40px;\r\n  background-color: currentColor;\r\n}\r\n.banner:before {\r\n  left: -30px;\r\n  transform: skew(30deg);\r\n}\r\n.banner:after {\r\n  right: -30px;\r\n  transform: skew(-30deg);\r\n}\r\n.box-style-dark {\r\n  background: #242c39;\r\n  background: linear-gradient(180deg, #242c39, #000);\r\n  border: 4px solid transparent;\r\n  background-clip: padding-box;\r\n  -o-border-image: linear-gradient(\r\n    180deg,\r\n    rgba(37, 46, 59, 1) 0%,\r\n    rgba(249, 176, 0, 1) 100%\r\n  );\r\n  border-image: linear-gradient(180deg, #252e3b, #f9b000);\r\n  border-image-slice: 1;\r\n}\r\n#show-more-btn:after,\r\n#show-less-btn:after {\r\n  content: \"❯\";\r\n  display: inline-block;\r\n  margin-left: 1.5rem;\r\n  margin-right: 0.5rem;\r\n}\r\n#show-more-btn:after {\r\n  transform: rotate(90deg);\r\n}\r\n#show-less-btn:after {\r\n  transform: rotate(-90deg);\r\n}\r\n.button-base-bg {\r\n  color: #000;\r\n  border-width: 4px;\r\n  border-style: solid;\r\n  --tw-border-opacity: 1;\r\n  border-color: rgb(249 176 0 / var(--tw-border-opacity));\r\n}\r\n.button-base-bg:hover {\r\n  border-color: rgb(255 204 0 / var(--tw-border-opacity));\r\n  --tw-bg-opacity: 1;\r\n  background-color: rgb(255 204 0 / var(--tw-bg-opacity));\r\n  color: #000;\r\n}\r\n.button-base-bg {\r\n  --tw-bg-opacity: 1;\r\n  background-color: rgb(249 176 0 / var(--tw-bg-opacity));\r\n  border-color: rgb(249 176 0 / var(--tw-border-opacity));\r\n}\r\n.button-base {\r\n  font-size: 1rem;\r\n  line-height: 1.5rem;\r\n}\r\n.poker-modal-popup {\r\n  transform: translate(-50%, -50%);\r\n  width: 100%;\r\n  height: 80%;\r\n  border-bottom: 4px solid #ffa500;\r\n  border-left: 1px solid #ffa500;\r\n  border-right: 1px solid #ffa500;\r\n  overflow-x: hidden;\r\n  -o-border-image: linear-gradient(to top, #ffa500, #ffa50014) 16 4 8;\r\n  border-image: linear-gradient(to top, orange, #ffa50014) 16 4 8;\r\n  background: linear-gradient(180deg, rgba(36, 44, 57, 1) 0%, rgba(0, 0, 0, 1) 100%);\r\n}\r\n\r\n.poker-modal-popup a{\r\n  color: #000 !important;\r\n}\r\n\r\n.poker-modal-popup a:hover{\r\n  color: #000;\r\n}\r\n\r\n.popup-content-border {\r\n  border-top: 1px solid #ffa500;\r\n}\r\n.accor-content-border {\r\n  border-top: 1px solid rgba(255, 166, 0, 0.3);\r\n}\r\n.btn-accor.active {\r\n  transform: rotate(180deg);\r\n}\r\n.accordion-content-toggle {\r\n  display: none;\r\n}\r\n.accordion-content-toggle.active {\r\n  display: block;\r\n}\r\n.display-none {\r\n  display: none;\r\n}\r\n.toggletitle:after {\r\n  content: \"\";\r\n  position: absolute;\r\n  background: #f9b000\r\n    url(/library/Poker/Poker-Strategies/arrow-icon.png) no-repeat\r\n    center center;\r\n  right: 4rem;\r\n  transition: transform 0.5s ease-in-out;\r\n  background-size: contain;\r\n  height: 40px;\r\n  width: 40px;\r\n  border-radius: 50%;\r\n  background-size: 20px 20px;\r\n}\r\n.toggletitle.active:after {\r\n  transform: rotate(-180deg);\r\n}\r\n.poker-modal-popup::-webkit-scrollbar {\r\n  width: 0px;\r\n}\r\n.close-button {\r\n  background: #656666;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  width: 40px;\r\n  height: 40px;\r\n}\r\n@media (min-width: 1024px) {\r\n  .button-base {\r\n    font-size: 1.125rem;\r\n    line-height: 1.75rem;\r\n  }\r\n  .poker-modal-popup {\r\n    width: 80%;\r\n  }\r\n  .accordion-content-toggle {\r\n    padding-right: 6rem;\r\n  }\r\n}\r\n\r\n@media (min-width: 1280px) {\r\n  .button-base {\r\n    font-size: 1.25rem;\r\n    line-height: 1.75rem;\r\n  }\r\n  .poker-modal-popup {\r\n    width: 50%;\r\n  }\r\n}\r\n@media (max-width: 768px) {\r\n  .poker-modal-popup {\r\n    width: 90%;\r\n    height: 95%;\r\n  }\r\n  .toggletitle:after {\r\n    height: 30px;\r\n    width: 30px;\r\n    background-size: 15px 15px;\r\n    right: 1rem;\r\n  }\r\n}\r\n@media (min-width: 768px) {\r\n  .md\\:mt-0 {\r\n    margin-top: 0;\r\n  }\r\n  .md\\:block {\r\n    display: block !important;\r\n  }\r\n  .md\\:hidden {\r\n    display: none;\r\n  }\r\n  .md\\:flex-row {\r\n    flex-direction: row;\r\n  }\r\n  .md\\:items-center {\r\n    align-items: center;\r\n  }\r\n  .md\\:p-10 {\r\n    padding: 5rem;\r\n  }\r\n  .md\\:pb-0 {\r\n    padding-bottom: 0;\r\n  }\r\n}\r\n@media (min-width: 1024px) {\r\n  .lg\\:\\!font-size-small {\r\n    font-size: 1rem !important;\r\n    line-height: 1.5rem !important;\r\n}\r\n  .lg\\:m-10 {\r\n    margin: 5rem;\r\n  }\r\n  .lg\\:mx-1 {\r\n    margin-left: 0.5rem;\r\n    margin-right: 0.5rem;\r\n  }\r\n  .lg\\:mx-6 {\r\n    margin-left: 3rem;\r\n    margin-right: 3rem;\r\n  }\r\n  .lg\\:mb-13 {\r\n    margin-bottom: 6.5rem;\r\n  }\r\n  .lg\\:mb-15 {\r\n    margin-bottom: 7.5rem;\r\n  }\r\n  .lg\\:mb-2 {\r\n    margin-bottom: 1rem;\r\n  }\r\n  .lg\\:mb-4 {\r\n    margin-bottom: 2rem;\r\n  }\r\n  .lg\\:mb-5 {\r\n    margin-bottom: 2.5rem;\r\n  }\r\n  .lg\\:mt-0 {\r\n    margin-top: 0;\r\n  }\r\n  .lg\\:mt-2 {\r\n    margin-top: 1rem;\r\n  }\r\n  .lg\\:mt-6 {\r\n    margin-top: 3rem;\r\n  }\r\n  .lg\\:hidden {\r\n    display: none;\r\n  }\r\n  .lg\\:h-12 {\r\n    height: 6rem;\r\n  }\r\n  .lg\\:max-h-\\[555px\\] {\r\n    max-height: 555px;\r\n  }\r\n  .lg\\:min-h-\\[201px\\] {\r\n    min-height: 201px;\r\n  }\r\n  .lg\\:w-35 {\r\n    width: 17.5rem;\r\n  }\r\n  .lg\\:w-6\\/12 {\r\n    width: 50%;\r\n  }\r\n  .lg\\:flex-row {\r\n    flex-direction: row;\r\n  }\r\n  .lg\\:justify-center {\r\n    justify-content: center;\r\n  }\r\n  .lg\\:p-5 {\r\n    padding: 2.5rem;\r\n  }\r\n  .lg\\:p-7 {\r\n    padding: 3.5rem;\r\n  }\r\n  .lg\\:px-3 {\r\n    padding-left: 1.5rem;\r\n    padding-right: 1.5rem;\r\n  }\r\n  \r\n  .lg\\:px-5 {\r\n    padding-left: 2.5rem;\r\n    padding-right: 2.5rem;\r\n  }\r\n  .lg\\:px-6 {\r\n    padding-left: 3rem;\r\n    padding-right: 3rem;\r\n  }\r\n  .lg\\:py-3 {\r\n    padding-top: 1.5rem;\r\n    padding-bottom: 1.5rem;\r\n  }\r\n  .lg\\:pt-12 {\r\n    padding-top: 6rem;\r\n  }\r\n  .lg\\:my-6 {\r\n    margin-top: 3rem;\r\n    margin-bottom: 3rem;\r\n  }\r\n  .lg\\:text-2xl {\r\n    font-size: 1.5rem;\r\n    line-height: 2rem;\r\n  }\r\n  .lg\\:text-3xl {\r\n    font-size: 1.875rem;\r\n    line-height: 2.25rem;\r\n  }\r\n  .lg\\:text-4xl {\r\n    font-size: 2.25rem;\r\n    line-height: 2.5rem;\r\n  }\r\n  .lg\\:text-6xl {\r\n    font-size: 3.75rem;\r\n    line-height: 1;\r\n  }\r\n  .lg\\:text-xl {\r\n    font-size: 1.25rem;\r\n    line-height: 1.75rem;\r\n  }\r\n}\r\n\t</style> \r\n\t","beforeEndBody":""},"conditionIds":["62346deb-7123-4469-b084-a1a898b51b20","536a0342-c6ec-4919-b04d-5f1c0c5c683d"]},{"tagId":"9d7dc590-e0fd-420f-8275-6de63df35156","tagTypeId":"custom_js","name":"Hide Poker Bonus","description":"Hide Poker Bonus and poker bonus dl","config":{"code":"(() => {\r\n  function debounce(func, wait) {\r\n    let timeout;\r\n    return function executedFunction(...args) {\r\n      const later = () => {\r\n        clearTimeout(timeout);\r\n        func(...args);\r\n      };\r\n      clearTimeout(timeout);\r\n      timeout = setTimeout(later, wait);\r\n    };\r\n  }\r\n\r\n  async function checkAndDisplayElement() {\r\n    const userDetails = await Playtech.fetchUserDetails();\r\n    const { userId } = userDetails;\r\n\r\n    if (userId) {\r\n      const { data: { tags: userTags } } = await Playtech.API.user.getPlayerTags();\r\n      \r\n      const tiles = {\r\n        poker_signup: document.querySelector(\r\n          '.bonus-multiview-imageview__webcontent[data-bonus-code=\"73809\"]'\r\n        ),\r\n        poker_reload: document.querySelector(\r\n          '.bonus-multiview-imageview__webcontent[data-bonus-code=\"73807\"]'\r\n        ),\r\n      };\r\n\r\n      const relevantTags = {\r\n        // poker_signup is the name of the tag on prod on stg it's pokersignup\r\n        \"sc/poker/poker_signup\": tiles.poker_signup,\r\n        \"sc/poker/reload_bonus\": tiles.poker_reload,\r\n      };\r\n\r\n      let anyRelevantTagFound = 0;\r\n      userTags.forEach((tag) => {\r\n        if (relevantTags[tag.name]) {\r\n          relevantTags[tag.name].parentNode.parentNode.style.display = \"none\";\r\n          anyRelevantTagFound ++;\r\n        }\r\n      });\r\n\r\n      const noBonusMessage = document.getElementById(\"no-poker-bonuses\");\r\n      if (anyRelevantTagFound === 2) {\r\n        noBonusMessage.style.display = \"block\";\r\n      }\r\n    }\r\n  }\r\n\r\n  const debouncedCheckAndDisplayElement = debounce(checkAndDisplayElement, 250);\r\n\r\n  const checkInterval = setInterval(() => {\r\n    const element = document.querySelector(\".bonus-multiview-imageview__content\");\r\n    if (element) {\r\n      console.log(\"Element found, executing checkAndDisplayElement\");\r\n      clearInterval(checkInterval);\r\n      debouncedCheckAndDisplayElement();\r\n    } else {\r\n      console.log(\"Element not found, retrying...\");\r\n    }\r\n  }, 1000);\r\n\r\n  console.log(\"Interval set up for checking element presence\");\r\n})();\r\n"},"conditionIds":["88653fa7-1ae3-48ec-b48c-08a7d9c51b28","536a0342-c6ec-4919-b04d-5f1c0c5c683d"]},{"tagId":"15df3433-da37-49c0-9791-a0b228469681","tagTypeId":"custom_js","name":"Custom Js /poker-bonus-dl","description":"Custom Js /poker-bonus-dl","config":{"code":"if (Playtech.API.device.clientPlatform === 'web'){\nconst reloadButton = document.querySelector('button[data-bonus-code=\"73807\"]');\nif(reloadButton){\n  reloadButton.addEventListener(\"click\", (event) => {\n    event.stopPropagation()\n    window.open(\"/cashier-poker\", \"_blank\");\n  });\n}\n\nconst spcButton = document.querySelector('button[data-bonus-code=\"117644\"]');\nif(spcButton){\n  spcButton.addEventListener(\"click\", (event) => {\n    event.stopPropagation()\n    window.open(\"/spc/\", \"_blank\");\n  });\n}\n}"},"conditionIds":["dff3d7c5-6750-457e-85c8-40140285f325","4eaa767f-38ed-46ce-aea0-afceba7315fd"]},{"tagId":"01b7307d-b927-4b15-a282-deea90aae0ed","tagTypeId":"custom_js","name":"After page render JS /my-promotions","description":"After page render JS /my-promotions","config":{"code":"(() => {    \n    // Create a MutationObserver to watch for DOM changes\n    const observer = new MutationObserver((mutations) => {\n      \n      for (const mutation of mutations) {\n        // Check added nodes for the target class\n        if (mutation.addedNodes && mutation.addedNodes.length) {\n          \n          for (const node of mutation.addedNodes) {\n            if (node.nodeType === Node.ELEMENT_NODE) {\n              \n              // Check if the added node has the target class\n              if (node.classList && node.classList.contains('portlet-dropzone')) {\n                attachEventHandlers();\n                // We found what we were looking for, no need to keep observing\n                observer.disconnect();\n                return;\n              }\n              \n              // Check if the class exists in any of the node's children\n              const hasTargetClass = node.querySelector('.portlet-dropzone');\n              if (hasTargetClass) {\n                attachEventHandlers();\n                // We found what we were looking for, no need to keep observing\n                observer.disconnect();\n                return;\n              }\n            }\n          }\n        }\n      }\n    });\n  \n    // Function to attach event handlers to accordion containers\n    const attachEventHandlers = () => {\n      \n      // Find all accordion containers\n      const accordionContainers = document.querySelectorAll('.AccordionRow__accordionHeaderContainer--16Q');\n      \n      // Add click event to each accordion container\n      accordionContainers.forEach((container, index) => {\n        \n        container.addEventListener('click', () => {\n          \n          // Add setTimeout to allow DOM to update after accordion opens\n          setTimeout(() => {\n            // Find all game elements with data-game-code attribute\n            const gameElements = document.querySelectorAll('[data-game-code]');\n            \n            // Add click event listener to each game element (without children processing)\n            gameElements.forEach((element, gameIndex) => {\n              // Get the game code attribute value\n              const gameCode = element.getAttribute('data-game-code');\n              \n              // Remove any existing listeners by cloning\n              const newElement = element.cloneNode(true);\n              element.parentNode.replaceChild(newElement, element);\n              \n              // Add click handler to the game element only\n              newElement.addEventListener('click', function(event) {\n                event.preventDefault();\n                \n                try {\n                  Playtech.API.game.open({ code: gameCode });\n                } catch (error) {\n                  console.error(`Error calling Playtech API:`, error);\n                }\n              });\n            });\n            \n          }, 500); // 500ms delay to ensure DOM has updated\n        });\n      });\n    };\n  \n    // Start observing the entire document with all its child nodes\n    observer.observe(document.documentElement, {\n      childList: true,\n      subtree: true\n    });\n    \n    // Check if the target element already exists in the DOM\n    const existingElement = document.querySelector('.portlet-dropzone');\n    if (existingElement) {\n      attachEventHandlers();\n      observer.disconnect();\n    }\n  })();"},"conditionIds":["d008e583-abf9-4a09-a76b-868cd64fed50","4eaa767f-38ed-46ce-aea0-afceba7315fd"]},{"tagId":"f5cb3d17-de50-457b-8ef0-f204b9e5a170","tagTypeId":"custom_tag_type","name":"Custom CSS /spc-poker-app","description":"Custom CSS /spc-poker-app","config":{"beforeEndHead":"<style>\n  #sticky_search {\n    display: none;\n  }\n  \n  .topbarcontainer, .navigation-container {\n    display: none;\n  }\n</style>","beforeEndBody":""},"conditionIds":["c7e12332-6f1f-4c8d-ab61-7f63050b7cd4","536a0342-c6ec-4919-b04d-5f1c0c5c683d"]},{"tagId":"87cb80ea-6a73-49d6-bef9-f948a405c3cd","tagTypeId":"custom_tag_type","name":"Custom CSS Tag /404","description":"Custom CSS Tag /404","config":{"beforeEndHead":"<style>\n\n.button-base {\n  font-size: 1rem;\n  line-height: 1.5rem;\n}\n@media (min-width: 1024px) {\n  .button-base {\n    font-size: 1.125rem;\n    line-height: 1.75rem;\n  }\n}\n@media (min-width: 1280px) {\n  .button-base {\n    font-size: 1.25rem;\n    line-height: 1.75rem;\n  }\n}\n.button-base {\n  cursor: pointer;\n  border-radius: 0.125rem;\n  padding: 0.5rem;\n  text-align: center;\n  font-weight: 400;\n  --tw-text-opacity: 1;\n  color: rgb(32 32 32 / var(--tw-text-opacity));\n  text-decoration-thickness: 0px;\n}\n.button-base-bg {\n  border-width: 4px;\n  border-style: solid;\n  --tw-border-opacity: 1;\n  border-color: rgb(249 176 0 / var(--tw-border-opacity));\n}\n.button-base-bg:hover {\n  --tw-border-opacity: 1;\n  border-color: rgb(249 176 0 / var(--tw-border-opacity));\n}\n.button-base-bg {\n  --tw-bg-opacity: 1;\n  background-color: rgb(249 176 0 / var(--tw-bg-opacity));\n}\n.button-base-bg:hover {\n  background-color: transparent;\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n.relative {\n  position: relative;\n}\n.mx-auto {\n  margin-left: auto;\n  margin-right: auto;\n}\n.my-0 {\n  margin-top: 0;\n  margin-bottom: 0;\n}\n.my-4 {\n  margin-top: 2rem;\n  margin-bottom: 2rem;\n}\n.mb-2 {\n  margin-bottom: 1rem;\n}\n.mb-20 {\n  margin-bottom: 10rem;\n}\n.my-4 {\n    margin-top: 2rem;\n    margin-bottom: 2rem;\n}\n.mb-10{\n   margin-bottom: 5rem;\n}\n.mt-4 {\n  margin-top: 2rem;\n}\n.mt-6 {\n  margin-top: 3rem;\n}\n.flex {\n  display: flex;\n}\n.max-w-screen-xl {\n  max-width: 1280px;\n}\n.flex-col {\n  flex-direction: column;\n}\n.items-center {\n  align-items: center;\n}\n.rounded-sm {\n  border-radius: 0.125rem;\n}\n.px-12 {\n  padding-left: 6rem;\n  padding-right: 6rem;\n}\n.px-5 {\n  padding-left: 2.5rem;\n  padding-right: 2.5rem;\n}\n.py-2 {\n  padding-top: 1rem;\n  padding-bottom: 1rem;\n}\n.text-center {\n  text-align: center;\n}\n.text-lg {\n  font-size: 1.125rem;\n  line-height: 1.75rem;\n}\n.text-xl {\n  font-size: 1.25rem;\n  line-height: 1.75rem;\n}\n.font-bold {\n  font-weight: 700;\n}\n.font-normal {\n  font-weight: 400;\n}\n.uppercase {\n  text-transform: uppercase;\n}\n.text-black {\n  --tw-text-opacity: 1;\n  color: rgb(0 0 0 / var(--tw-text-opacity));\n}\n.shadow-md {\n  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),\n    0 2px 4px -2px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),\n    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.button-base-bg:hover {\n  background-color: #fc0;\n  color: #000;\n  border-color: #fc0;\n}\n@media (min-width: 1024px) {\n  .lg\\:text-2xl {\n    font-size: 1.5rem;\n    line-height: 2rem;\n  }\n  .lg\\:text-3xl {\n    font-size: 1.875rem;\n    line-height: 2.25rem;\n  }\n}\n\n</style>","beforeEndBody":""},"conditionIds":["3192fa97-9af0-4226-b921-323cab5c5574","536a0342-c6ec-4919-b04d-5f1c0c5c683d"]},{"tagId":"36","tagTypeId":"custom_js","name":"After page render JS /leaderboard","description":"After page render JS /leaderboard","config":{"code":"(() => { \r\n  const existingElement = document.getElementById(\"dy_Leaderboard_Slider\");\r\n\r\n  if (!existingElement) {\r\n    const interval = setInterval(() => {\r\n      const targetElement = document.getElementById(\"leaderboard-slider\");\r\n\r\n      if (targetElement) {\r\n        <!--remove skeleton-->\r\n        targetElement.innerHTML = \"\";\r\n\r\n        <!--Initialize DYO smart object-->\r\n        \r\n        if (typeof DYO === \"undefined\" || !DYO?.smartObject) return;\r\n        DYO.smartObject(\"Leaderboard Slider\", {\r\n          target: \"leaderboard-slider\",\r\n          inline: true,\r\n        });\r\n\r\n        clearInterval(interval);\r\n      } else {\r\n        console.log(\"Target element not found!\");\r\n      }\r\n    }, 300);\r\n  } else {\r\n    console.log(\"Element with ID 'dy_Leaderboard_Slider' already exists.\");\r\n  }\r\n})();"},"conditionIds":["b7c1694b-dabc-4d35-a883-c24544a9bbd6","4eaa767f-38ed-46ce-aea0-afceba7315fd"]},{"tagId":"25c4f275-b2cb-49ee-9d25-67c190eeeecc","tagTypeId":"custom_js","name":"DY Event | Loaded gamingrules page","description":"DY Event | Loaded gamingrules page","config":{"code":"(() => {\r\n  const waitForDY = (callback) => {\r\n    const interval = setInterval(() => {\r\n      if (typeof DY !== \"undefined\" && typeof DY.API === \"function\") {\r\n        clearInterval(interval);\r\n        callback();\r\n      }\r\n    }, 500);\r\n  };\r\n\r\n  waitForDY(() => {\r\n    DY.API(\"event\", {\r\n      name: \"gamingrules_page_loaded_event\"\r\n    });\r\n  });\r\n})();"},"conditionIds":["830c040b-ef32-4efe-bf3b-bf09227914e8","4eaa767f-38ed-46ce-aea0-afceba7315fd"]},{"tagId":"873f4ee6-4305-40a5-a86e-a6e87b8a5309","tagTypeId":"custom_js","name":"DY Provisional Countdown","description":"DY Provisional Countdown","config":{"code":"(async () => {\n  const handleError = (error) => {\n    console.error(error);\n  };\n\n  const insertNewContainer = async () => {\n    // Locate the target div where the campaign will be inserted\n    const targetDiv = document.getElementById(\n      \"header\"\n    );\n    if (!targetDiv) {\n      handleError(\"Target div not found\");\n      return;\n    }\n\n    // Check if the campaign is already initialized\n    if (document.querySelector(\".dy_Provisional_Countdown\")) {\n      // Campaign already initialized, skipping...\n      return;\n    }\n\n    // Create a new div and insert it after the target div\n    const newDiv = document.createElement(\"div\");\n    newDiv.id = \"dy_Provisional_Countdown\";\n    targetDiv.insertAdjacentElement(\"beforebegin\", newDiv);\n\n    initializeCampaign();\n  };\n\n  const initializeCampaign = async () => {\n    if (typeof DYO === \"undefined\" || !DYO?.smartObject) return;\n    DYO.smartObject(\"Provisional Countdown\", {\n      target: \"dy_Provisional_Countdown\",\n      inline: true,\n    });\n  };\n\n  // Initialize IntersectionObserver to observe when the \"trending\" element is in view\n  const observer = new IntersectionObserver(\n    (entries) => {\n      entries.forEach((entry) => {\n        if (entry.isIntersecting) {\n          // Stop observing the \"observedElement\" element once it's in view and trigger the logic\n          observer.unobserve(entry.target);\n          insertNewContainer();\n        }\n      });\n    },\n    { threshold: 0.01 }\n  );\n\n  // Wait for the \"observedElement\" element to be added to the DOM\n  const waitForElement = () => {\n    const observedElement = document.querySelector(\n      \".MyBalance__mobileBalance--2bQ\"\n    );\n    if (observedElement) {\n      // Observe the \"observedElement\" element for visibility in the viewport\n      observer.observe(observedElement);\n    } else {\n      // Retry after a short delay if the \"observedElement\" element is not found\n      setTimeout(waitForElement, 500);\n    }\n  };\n\n  waitForElement();\n\n})();\n"},"conditionIds":["536a0342-c6ec-4919-b04d-5f1c0c5c683d"]},{"tagId":"1e6f845c-51a8-441f-b1d9-2c47d3471cab","tagTypeId":"custom_js","name":"Game Advertising block","description":"Game Advertising block","config":{"code":"(() => {\n  if (!Playtech.API.device.isMobile) {\n    return;\n  }\n  const existingElement = document.getElementById(\"dy_Game_advertising_block\");\n\n  if (existingElement) {\n    console.log(\"Element with ID 'dy_Game_advertising_block' already exists.\");\n    return;\n  }\n\n  const targetElementId = \"5708ef79-2361-b8c9-a907-b2a677e28fe7\";\n\n  const observer = new MutationObserver((mutationsList, observer) => {\n    const targetElement = document.getElementById(targetElementId);\n    if (targetElement) {\n      const newDiv = document.createElement(\"div\");\n      newDiv.id = \"dy_Game_advertising_block\";\n\n      targetElement.parentNode.insertBefore(newDiv, targetElement.nextSibling);\n\n      if (typeof DYO === \"undefined\" || !DYO?.smartObject) {\n        observer.disconnect()\n        return;\n      }\n      \n      DYO.smartObject(\"Game advertising block\", {\n        target: \"dy_Game_advertising_block\",\n        inline: true,\n      });\n\n      observer.disconnect();\n    }\n  });\n\n  observer.observe(document.body, { childList: true, subtree: true });\n})();\n"},"conditionIds":["753bbe7e-64ab-45c3-8d08-1d182b3ad0a3","4eaa767f-38ed-46ce-aea0-afceba7315fd"]},{"tagId":"20520536-43f9-4fe8-9433-e7320598c716","tagTypeId":"custom_js","name":"DY init JS","description":"DY init JS","config":{"code":"<!--window.DY = window.DY ? window.DY : {};-->\r\n<!--window.DY.PT = window.DY.PT ? window.DY : {};-->\r\n<!--window.DY.recommendationContext = window.DY.recommendationContext ? window.DY.recommendationContext : {type: 'HOMEPAGE', lng: returnLangCode(true)};-->\r\n\r\n(() => {\r\n    window.DY = window.DY ? window.DY : {};\r\n    window.DY.PT = window.DY.PT ? window.DY : {};\r\n    let pagePath = window.location.pathname.includes(\"?\")\r\n        ? window.location.pathname.split(\"?\")[0]\r\n        : window.location.pathname;\r\n    let lastSegment = pagePath.split(\"/\").filter(Boolean).pop() || \"\";\r\n\r\n    DY.recommendationContext = { type: 'OTHER', data: [lastSegment], lng: returnLangCode(true) };\r\n\r\n    Playtech.on('LOGGED_IN', () => {\r\n        DY.recommendationContext = { type: 'OTHER', data: [lastSegment], lng: returnLangCode(true) };\r\n    });\r\n\r\n    Playtech.on('LOGGED_OUT', () => {\r\n        DY.recommendationContext = { type: 'OTHER', data: [lastSegment], lng: returnLangCode(true) };\r\n    });\r\n\r\n    Playtech.on('navigate', () => {\r\n        DY.recommendationContext = { type: 'OTHER', data: [lastSegment], lng: returnLangCode(true) };\r\n    });\r\n})();"},"conditionIds":["536a0342-c6ec-4919-b04d-5f1c0c5c683d"]},{"tagId":"64300d59-38db-4b58-be54-c59c96fc0dce","tagTypeId":"custom_tag_type","name":"Custom CSS /bring-a-friend","description":"Custom CSS /bring-a-friend","config":{"beforeEndHead":"<style>\n.desktop .menu__secondlevel-wrapper {\n   display: none;\n}\n/*Overwrite portal CSS*/\n.portlet_name_referafriend .portlet__content_type_referafriend .ReferFriend__container--jSX {\n    width: 100%;\n    max-width: 100%;\n    padding-left: 2.5rem;\n    padding-right: 2.5rem;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 0;\n    margin-top: 40px;\n}\n\n.portlet_name_referafriend .portlet__content_type_referafriend .ReferFriend__box--3dP {\n    padding-top: 1rem;\n    padding-bottom: 1rem;\n    margin-right: 10px;\n    border-radius: 2px;\n}\n\n/*END Overwrite portal CSS*/\n\n.h-full {\n    height: 100%;\n}\n\n.box-title {\n    border-left: #4283ba;\n    border-left-style: solid;\n    border-left-width: 4px;\n}\n\n.absolute {\n    position: absolute\n}\n\n.relative {\n    position: relative\n}\n\n.-start-\\[1\\.5rem\\] {\n    inset-inline-start: -1.5rem\n}\n\n.mt-12 {\n  margin-top: 3rem;\n}\n\n.mt-6 {\n    margin-top: 1.5rem;\n  }\n\n.mx-auto {\n    margin-left: auto;\n    margin-right: auto\n}\n\n.my-0 {\n    margin-top: 0;\n    margin-bottom: 0\n}\n\n.mb-1 {\n    margin-bottom: .25rem\n}\n\n.mb-10 {\n    margin-bottom: 2.5rem\n}\n\n.mb-2 {\n    margin-bottom: .5rem\n}\n\n.mb-8 {\n    margin-bottom: 2rem\n}\n\n.mb-16 {\n    margin-bottom: 4rem;\n}\n\n.ml-2 {\n    margin-left: .5rem\n}\n\n.ms-3 {\n    margin-inline-start: .75rem\n}\n\n.mt-1 {\n  margin-top: 0.25rem;\n}\n\n.mt-2 {\n    margin-top: .5rem\n}\n\n.mt-8 {\n    margin-top: 2rem\n}\n\n.flex {\n    display: flex\n}\n\n.h-3 {\n    height: .75rem\n}\n\n.h-\\[100vh\\] {\n    height: 100vh\n}\n\n.w-3 {\n    width: .75rem\n}\n\n.w-\\[20px\\] {\n  width: 20px;\n}\n\n.h-\\[20px\\] {\n  height: 20px;\n}\n\n.w-full {\n    width: 100%\n}\n\n.max-w-\\[933px\\] {\n    max-width: 933px\n}\n\n.list-none {\n    list-style-type: none\n}\n\n.flex-col {\n    flex-direction: column\n}\n\n.items-center {\n    align-items: center\n}\n\n.items-stretch {\n    align-items: stretch\n}\n\n.justify-center {\n    justify-content: center\n}\n\n.gap-0 {\n    gap: 0px\n}\n\n.rounded-\\[2px\\] {\n    border-radius: 2px\n}\n\n.border {\n    border-width: 1px\n}\n\n.border-l-4 {\n    border-left-width: 4px\n}\n\n.border-solid {\n    border-style: solid\n}\n\n.border-\\[\\#d3d3d3\\] {\n    --tw-border-opacity: 1;\n    border-color: rgb(211 211 211 / var(--tw-border-opacity))\n}\n\n.border-l-\\[\\#4283ba\\] {\n    --tw-border-opacity: 1;\n    border-left-color: rgb(66 131 186 / var(--tw-border-opacity))\n}\n\n.bg-\\[\\#4283ba\\] {\n    --tw-bg-opacity: 1;\n    background-color: rgb(66 131 186 / var(--tw-bg-opacity))\n}\n\n.bg-\\[\\#e9e9e9\\] {\n    --tw-bg-opacity: 1;\n    background-color: rgb(233 233 233 / var(--tw-bg-opacity))\n}\n\n.bg-black {\n    --tw-bg-opacity: 1;\n    background-color: rgb(0 0 0 / var(--tw-bg-opacity))\n}\n\n.bg-white {\n    --tw-bg-opacity: 1;\n    background-color: rgb(255 255 255 / var(--tw-bg-opacity))\n}\n\n.px-10 {\n    padding-left: 2.5rem;\n    padding-right: 2.5rem\n}\n\n.py-10 {\n    padding-top: 2.5rem;\n    padding-bottom: 2.5rem\n}\n\n.py-3 {\n    padding-top: .75rem;\n    padding-bottom: .75rem\n}\n\n.pb-10 {\n    padding-bottom: 2.5rem\n}\n\n.pl-0 {\n    padding-left: 0\n}\n\n.pl-4 {\n    padding-left: 1rem\n}\n\n.pr-6 {\n    padding-right: 1.5rem\n}\n\n.text-center {\n    text-align: center\n}\n\n.text-2xl {\n    font-size: 1.5rem;\n    line-height: 2rem\n}\n\n.text-xl {\n    font-size: 1.25rem;\n    line-height: 1.75rem\n}\n\n.font-medium {\n    font-weight: 500\n}\n\n.font-normal {\n    font-weight: 400\n}\n\n.font-semibold {\n    font-weight: 600\n}\n\n.uppercase {\n    text-transform: uppercase\n}\n\n.text-black {\n    --tw-text-opacity: 1;\n    color: rgb(0 0 0 / var(--tw-text-opacity))\n}\n\n.text-white {\n    --tw-text-opacity: 1;\n    color: rgb(255 255 255 / var(--tw-text-opacity))\n}\n\n.ring-8 {\n    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)\n}\n\n.ring-\\[\\#4283ba\\] {\n    --tw-ring-opacity: 1;\n    --tw-ring-color: rgb(66 131 186 / var(--tw-ring-opacity))\n}\n\n@media (min-width: 1024px) {\n    .lg\\:mb-0 {\n        margin-bottom: 0\n    }\n\n    .lg\\:w-1\\/2 {\n        width: 50%\n    }\n\n    .lg\\:flex-row {\n        flex-direction: row\n    }\n\n    .lg\\:gap-14 {\n        gap: 3.5rem\n    }\n\n    .lg\\:mt-12 {\n        margin-top: 3rem;\n      }\n\n    .portlet_name_referafriend .portlet__content_type_referafriend .ReferFriend__container--jSX {\n        flex-direction: row;\n    }\n}\n\n.cursor-pointer {\n    cursor: pointer;\n}\n\n.list-disc {\n    list-style-type: disc;\n}\n\n.justify-between {\n    justify-content: space-between;\n}\n\n.space-y-2> :not([hidden])~ :not([hidden]) {\n    --tw-space-y-reverse: 0;\n    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));\n    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));\n}\n\n.rounded-lg {\n    border-radius: 0.5rem;\n}\n\n.p-4 {\n    padding: 1rem;\n}\n\n.pl-10 {\n    padding-left: 2.5rem;\n}\n\n.text-base {\n    font-size: 1rem;\n    line-height: 1.5rem;\n}\n\n.text-lg {\n    font-size: 1.125rem;\n    line-height: 1.75rem;\n}\n\n.font-bold {\n    font-weight: 700;\n}\n\n.shadow-sm {\n    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.transition-transform {\n    transition-property: transform;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 150ms;\n}\n\n.group[open] .group-open\\:rotate-180 {\n    --tw-rotate: 180deg;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n</style>","beforeEndBody":""},"conditionIds":["5b83253e-1d90-401b-9697-1b422cbeac28","536a0342-c6ec-4919-b04d-5f1c0c5c683d"]},{"tagId":"7093f124-19e1-4ed3-9400-0b8929431484","tagTypeId":"custom_js","name":"On bring a friend JS","description":"On bring a friend JS","config":{"code":"(() => {\r\n  Playtech.API.auth.showLoginPopup();\r\n})();"},"conditionIds":["5b83253e-1d90-401b-9697-1b422cbeac28","4eaa767f-38ed-46ce-aea0-afceba7315fd"]},{"tagId":"09476012-d18e-4a7c-a17e-1cd5c543ebdd","tagTypeId":"custom_js","name":"FullStory Events","description":"FS API Events","config":{"code":"Playtech.on(Playtech.Events.COOKIE_REGULATION, (data) => {\r\n  let cookie = data[0];\r\n  FS.event(\"Cookie Regulation API\", { cookie });\r\n});\r\n\r\nPlaytech.on(Playtech.Events.DEPOSIT_COMPLETED, (data) => {\r\n  let deposit = data[0];\r\n  FS.event(\"Deposit Completed API\", { deposit });\r\n});\r\n\r\nPlaytech.on(Playtech.Events.DEPOSIT_FAIL, (data) => {\r\n  let deposit = data[0];\r\n  FS.event(\"Deposit Fail API\", { deposit });\r\n});\r\n\r\nPlaytech.on(Playtech.Events.FORGOT_PASSWORD_FAIL, (data) => {\r\n  let password = data[0];\r\n  FS.event(\"Forgot Password Fail API\", { password });\r\n});\r\n\r\nPlaytech.on(Playtech.Events.FORGOT_PASSWORD_SUCCESS, (data) => {\r\n  let password = data[0];\r\n  FS.event(\"Forgot Password Success API\", { password });\r\n});\r\n\r\nPlaytech.on(Playtech.Events.FORGOT_USERNAME_FAIL, (data) => {\r\n  let username = data[0];\r\n  FS.event(\"Forgot Username Fail API\", { username });\r\n});\r\n\r\nPlaytech.on(Playtech.Events.FORGOT_USERNAME_SUCCESS, (data) => {\r\n  let username = data[0];\r\n  FS.event(\"Forgot Username Success API\", { username });\r\n});\r\n\r\nPlaytech.on(Playtech.Events.GAME_FAVORITES_HANDLER, (data) => {\r\n  let username = data[0];\r\n  FS.event(\"Favorite Games API\", { username });\r\n});\r\n\r\nPlaytech.on(Playtech.Events.GAME_LAUNCH, (data) => {\r\n  // contains container, gameCode, gameFeed, gameName, launchType\r\n  let gameDetails = data[0];\r\n  FS.event(\"Game Launch API\", { gameDetails });\r\n});\r\n\r\nPlaytech.on(Playtech.Events.LANGUAGE_CHANGED, (data) => {\r\n  let lang = data[0];\r\n  // lang contains the language set for the portal, eg de_DE\r\n  FS.event(\"Language Change API\", { lang });\r\n});\r\n\r\nPlaytech.on(Playtech.Events.LOGGED_IN, (data) => {\r\n  let login = data[0];\r\n  // login is empty but has to passed to FS\r\n  FS.event(\"Login API\", { login });\r\n});\r\n\r\nPlaytech.on(Playtech.Events.LOGGED_IN_FAIL, (data) => {\r\n  let login = data[0];\r\n  // login contains the message which be displayed to the user in case of an unsuccesful login\r\n  FS.event(\"Login Fail API\", { login });\r\n});\r\n\r\nPlaytech.on(Playtech.Events.LOGGED_OUT, (data) => {\r\n  let logout = data[0];\r\n  // logout is empty but has to passed to FS\r\n  FS.event(\"Logout API\", { logout });\r\n});\r\n\r\nPlaytech.on(Playtech.Events.REGISTRATION_COMPLETED, (data) => {\r\n  // contains playerCode, userId and username only username will be sent sent to FS\r\n  let username = data[0].username;\r\n  FS.event(\"Registration Completed API\", { username });\r\n});\r\n\r\nPlaytech.on(Playtech.Events.REGISTRATION_FAIL, (data) => {\r\n  // contains className:\"error\"\r\n  // contains content:\"\"catalintestreg@mailinator.com  |  We have sent you an email with an activation link. Please confirm your email address within the next two hours.\"\r\n  let registrationDetails = data[0];\r\n  FS.event(\"Registration Fail API\", { registrationDetails });\r\n});\r\n\r\nPlaytech.on(Playtech.Events.REGISTRATION_STEP_CHANGED, (data) => {\r\n  // Trigger only for next step, contains \"NEXT\"\r\n  let step = data[0];\r\n  FS.event(\"Registration Step Changed API\", { step });\r\n});\r\n\r\n// Game events\r\nPlaytech.on(Playtech.Events.RESPONSIVE_GAME_PORTLET_CATEGORY_EXPAND, (data) => {\r\n  let categ = data[0];\r\n  FS.event(\"Expand Game Category API\", { categ });\r\n});\r\n\r\nPlaytech.on(Playtech.Events.RESPONSIVE_GAME_PORTLET_CATEGORY_SCROLL, (data) => {\r\n  let categ = data[0];\r\n  FS.event(\"Scroll Game Category API\", { categ });\r\n});\r\n\r\nPlaytech.on(Playtech.Events.RESPONSIVE_GAME_PORTLET_CATEGORY_SWITCH, (data) => {\r\n  let categ = data[0];\r\n  FS.event(\"Switch Game Category API\", { categ });\r\n});\r\n\r\nPlaytech.on(Playtech.Events.RESPONSIVE_GAME_PORTLET_DISPLAY, (data) => {\r\n  let portlet = data[0];\r\n  FS.event(\"Display Game Portlet API\", { portlet });\r\n});\r\n\r\nPlaytech.on(\r\n  Playtech.Events.RESPONSIVE_GAME_PORTLET_PERSONALIZED_GRID_2,\r\n  (data) => {\r\n    let portlet = data[0];\r\n    FS.event(\"Display PGG Portlet API\", { portlet });\r\n  }\r\n);\r\n\r\nPlaytech.on(Playtech.Events.RESPONSIVE_GAME_PORTLET_SEARCH, (data) => {\r\n  let game = data[0];\r\n  if (game.searchString.length >= 2) {\r\n    FS.event(\"Game Search API\", { game });\r\n  }\r\n});\r\n\r\n// Safecharge events\r\nPlaytech.on(Playtech.Events.SAFECHARGE_ALTERNATIVE_VERIFICATION, (data) => {\r\n  let verification = data[0];\r\n  FS.event(\"SafeCharge Alternative Verification API\", { verification });\r\n});\r\n\r\nPlaytech.on(Playtech.Events.SAFECHARGE_ANALYTICS, (data) => {\r\n  let analytics = data[0];\r\n  FS.event(\"SafeCharge Analytics API\", { analytics });\r\n});\r\n\r\nPlaytech.on(Playtech.Events.SAFECHARGE_CONTACT_SUPPORT, (data) => {\r\n  let contact = data[0];\r\n  FS.event(\"SafeCharge Contact Support API\", { contact });\r\n});\r\n\r\nPlaytech.on(Playtech.Events.SAFECHARGE_PM_REGISTRATION_FAIL, (data) => {\r\n  let registration = data[0];\r\n  FS.event(\"SafeCharge PM Registration Fail API\", { registration });\r\n});\r\n\r\nPlaytech.on(Playtech.Events.SAFECHARGE_PM_REGISTRATION_SUCCESS, (data) => {\r\n  let registration = data[0];\r\n  FS.event(\"SafeCharge PM Registration Success API\", { registration });\r\n});\r\n\r\nPlaytech.on(Playtech.Events.SAFECHARGE_WITHDRAWAL_FAIL, (data) => {\r\n  let withdraw = data[0];\r\n  FS.event(\"SafeCharge Withdrawal Fail API\", { withdraw });\r\n});\r\n\r\nPlaytech.on(Playtech.Events.SAFECHARGE_WITHDRAWAL_SUCCESS, (data) => {\r\n  let withdraw = data[0];\r\n  FS.event(\"SafeCharge Withdrawal Success API\", { withdraw });\r\n});\r\n\r\nPlaytech.on(Playtech.Events.WEB_CONTENT_RENDERED, (data) => {\r\n  let withdraw = data[0];\r\n  FS.event(\"Webcontent Render API\", { withdraw });\r\n});\r\n\r\nPlaytech.on(Playtech.Events.WITHDRAWAL_COMPLETED, (data) => {\r\n  let withdraw = data[0];\r\n  FS.event(\"Withdrawal Completed API\", { withdraw });\r\n});\r\nPlaytech.on(Playtech.Events.WITHDRAWAL_FAIL, (data) => {\r\n  let withdraw = data[0];\r\n  FS.event(\"Withdrawal Fail API\", { withdraw });\r\n});\r\nPlaytech.on(Playtech.Events.IMAGE_LOAD_FAIL, (data) => {\r\n  let missingGameImage = data[0];\r\n  FS.event(\"Image load fail API\", { missingGameImage });\r\n});\r\n"},"conditionIds":["49c0db39-d960-4837-920f-574b7820bfe0"]},{"tagId":"d06d168a-ba1f-4040-99ef-c22a18bfab78","tagTypeId":"custom_js","name":"Custom JS Poker Cashier Pages","description":"Custom JS Poker Cashier Pages","config":{"code":"(() => {\n  // Constants for better maintainability\n  const SELECTORS = {\n    SIDE_MENU: '#sidemenu',\n    HEADER: '.slide-menu__header',\n    TOGGLE_ELEMENTS: ['#menu-item-poker', '#poker-header-close']\n  };\n  const CLASSES = {\n    OPEN: 'open',\n    CLOSE: 'close'\n  };\n\n  const sideMenu = document.getElementById('sidemenu');\n  if (!sideMenu) {\n    console.warn('Side menu element not found');\n    return;\n  }\n\n  // Initialize side menu as closed\n  sideMenu.classList.add(CLASSES.CLOSE);\n  sideMenu.classList.remove(CLASSES.OPEN);\n\n  /**\n   * Handle any click on menu items:\n   * - If it's a link: prevent immediate navigation, close menu, re-trigger link click after 0.5s\n   * - If it's the close button (no href): just close the menu\n   */\n  const handleMenuItemClick = (e) => {\n    e.stopPropagation();\n\n    // Close the side menu immediately if open\n    if (sideMenu.classList.contains(CLASSES.OPEN)) {\n      sideMenu.classList.replace(CLASSES.OPEN, CLASSES.CLOSE);\n      const header = document.querySelector(SELECTORS.HEADER);\n      if (header) header.innerText = '\\u00A0'; // Non-breaking space\n    }\n\n    // If clicked element is a link (<a>), do a delayed navigation to preserve SPA behavior\n    if (e.currentTarget.matches('a')) {\n      e.preventDefault(); // stop the default click\n      const link = e.currentTarget;\n      // Remove our custom listener so the second click won't re-trigger handleMenuItemClick\n      link.removeEventListener('click', handleMenuItemClick);\n\n      // Re-trigger the click after 0.5 seconds so the SPA can do its own navigation\n      setTimeout(() => {\n        link.click(); // This time the default or SPA router’s click handler runs\n      }, 500);\n    }\n  };\n\n  /**\n   * Toggles the side menu open/close state and updates the header text accordingly.\n   */\n  const toggleSideMenu = (e) => {\n    // Check if the clicked element is a toggle button or the close button\n    const isToggleButton = SELECTORS.TOGGLE_ELEMENTS.some(selector =>\n      e.currentTarget.matches(selector)\n    ) || e.currentTarget.classList.contains('fn-close-menu');\n\n    // Only handle the click if it's a toggle button\n    if (!isToggleButton) return;\n\n    e.preventDefault();\n    e.stopPropagation();\n\n    const header = document.querySelector(SELECTORS.HEADER);\n\n    if (sideMenu.classList.contains(CLASSES.CLOSE)) {\n      sideMenu.classList.replace(CLASSES.CLOSE, CLASSES.OPEN);\n      if (header) {\n        header.innerHTML = '<span class=\"main-header__menu fn-close-menu\"></span>';\n        const closeButton = header.querySelector('.fn-close-menu');\n        if (closeButton) {\n          addUniqueEventListener(closeButton, 'click', toggleSideMenu);\n        }\n      }\n    } else {\n      sideMenu.classList.replace(CLASSES.OPEN, CLASSES.CLOSE);\n      if (header) header.innerText = '\\u00A0';\n    }\n  };\n\n  /**\n   * Attaches an event listener only once per element using a data attribute.\n   */\n  const addUniqueEventListener = (element, event, handler) => {\n    if (!element || !(element instanceof Element)) return;\n    if (element.dataset.listenerAdded === 'true') return;\n    element.addEventListener(event, handler);\n    element.dataset.listenerAdded = 'true';\n  };\n\n  /**\n   * Attach our 'close then maybe navigate' handler to links and close buttons in the side menu.\n   */\n  const attachMenuLinks = () => {\n    const links = sideMenu.querySelectorAll('a');\n    links.forEach(link => {\n      addUniqueEventListener(link, 'click', handleMenuItemClick);\n    });\n\n    const closeButtons = sideMenu.querySelectorAll('.fn-close-menu');\n    closeButtons.forEach(btn => {\n      addUniqueEventListener(btn, 'click', handleMenuItemClick);\n    });\n  };\n\n  // Bind event listeners to toggle elements (open/close)\n  SELECTORS.TOGGLE_ELEMENTS.forEach(selector => {\n    const el = document.querySelector(selector);\n    addUniqueEventListener(el, 'click', toggleSideMenu);\n  });\n\n  // Attach the handler to existing links/close buttons\n  attachMenuLinks();\n\n  // Create and configure MutationObserver to catch newly added links or close buttons\n  let observer;\n  try {\n    observer = new MutationObserver(mutations => {\n      mutations.forEach(mutation => {\n        mutation.addedNodes.forEach(node => {\n          if (node.nodeType === Node.ELEMENT_NODE) {\n            if (node.matches('a') || node.matches('.fn-close-menu')) {\n              addUniqueEventListener(node, 'click', handleMenuItemClick);\n            }\n            // Also check any matching descendants\n            const newLinks = node.querySelectorAll?.('a');\n            newLinks?.forEach(link => addUniqueEventListener(link, 'click', handleMenuItemClick));\n\n            const newCloseButtons = node.querySelectorAll?.('.fn-close-menu');\n            newCloseButtons?.forEach(btn => addUniqueEventListener(btn, 'click', handleMenuItemClick));\n          }\n        });\n      });\n    });\n    observer.observe(document.body, { childList: true, subtree: true });\n  } catch (error) {\n    console.error('Error setting up MutationObserver:', error);\n  }\n\n  // Initialize header\n  const headerInit = document.querySelector(SELECTORS.HEADER);\n  if (headerInit) {\n    headerInit.innerText = '\\u00A0'; // Non-breaking space\n  }\n\n  // Handle Playtech events\n  if (typeof window.Playtech?.Events?.DEPOSIT_COMPLETED === 'string' &&\n      typeof window.Playtech?.on === 'function') {\n    try {\n      Playtech.on(Playtech.Events.DEPOSIT_COMPLETED, () => {\n        window.location.href = '/deposit-poker';\n      });\n    } catch (error) {\n      console.error('Error setting up Playtech event handler:', error);\n    }\n  }\n\n  // Cleanup on page unload\n  window.addEventListener('unload', () => {\n    if (observer) {\n      observer.disconnect();\n    }\n  });\n})();\n"},"conditionIds":["9a6d0944-98f6-4b91-873b-1d542ea7b5d7","4eaa767f-38ed-46ce-aea0-afceba7315fd"]},{"tagId":"50","tagTypeId":"custom_tag_type","name":"Custom CSS Tag /bonus-history","description":"Custom CSS Tag /bonus-history","config":{"beforeEndHead":"<style>\n\n.desktop .menu__secondlevel-wrapper {\n   display: none;\n}\n.dynotifyjs-corner {\n  display: none;\n}\n</style>","beforeEndBody":""},"conditionIds":["536a0342-c6ec-4919-b04d-5f1c0c5c683d","562820c9-a629-4de7-bfd6-3652dadee982"]},{"tagId":"26","tagTypeId":"custom_tag_type","name":"Custom CSS Tag /poker","description":"Custom CSS Tag /poker","config":{"beforeEndHead":"<style>\r\n\t[hidden] {\r\n\t  display: none;\r\n\t}\r\n\r\n\t.seo-link:hover{\r\n\t\tcolor:#fff !important;\r\n\t}\r\n\t.seo-link {\r\n\t\tcolor:#f9b000;\r\n\t\tfont-weight: bold;\r\n\t}\r\n\t/*change the align for the more btn*/\r\n\t.morebtn{\r\n\t  align-self: flex-end;\r\n\t}\r\n\t.card_container{\r\n\t\tdisplay: flex;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n    height: 100%;\r\n\t}\r\n\t.text_description {\r\n\t   flex-grow: 1; \r\n\t}\r\n\t.font-size-huge-extra {\r\n\t  font-size: 3rem;\r\n\t  line-height: 1;\r\n\t}\r\n\t@media (min-width: 1024px) {\r\n\t  .font-size-huge-extra {\r\n\t\tfont-size: 3.75rem;\r\n\t\tline-height: 1;\r\n\t  }\r\n\t}\r\n\t@media (min-width: 1280px) {\r\n\t  .font-size-huge-extra {\r\n\t\tfont-size: 4.5rem;\r\n\t\tline-height: 1;\r\n\t  }\r\n\t}\r\n\t.font-size-huge {\r\n\t  font-size: 2.25rem;\r\n\t  line-height: 2.5rem;\r\n\t}\r\n\t@media (min-width: 1024px) {\r\n\t  .font-size-huge {\r\n\t\tfont-size: 3rem;\r\n\t\tline-height: 1;\r\n\t  }\r\n\t}\r\n\t@media (min-width: 1280px) {\r\n\t  .font-size-huge {\r\n\t\tfont-size: 3.75rem;\r\n\t\tline-height: 1;\r\n\t  }\r\n\t}\r\n\t.font-size-large-extra {\r\n\t  font-size: 1.875rem;\r\n\t  line-height: 2.25rem;\r\n\t}\r\n\t@media (min-width: 1024px) {\r\n\t  .font-size-large-extra {\r\n\t\tfont-size: 2.25rem;\r\n\t\tline-height: 2.5rem;\r\n\t  }\r\n\t}\r\n\t@media (min-width: 1280px) {\r\n\t  .font-size-large-extra {\r\n\t\tfont-size: 3rem;\r\n\t\tline-height: 1;\r\n\t  }\r\n\t}\r\n\t.font-size-large {\r\n\t  font-size: 1.5rem;\r\n\t  line-height: 2rem;\r\n\t}\r\n\t@media (min-width: 1024px) {\r\n\t  .font-size-large {\r\n\t\tfont-size: 1.875rem;\r\n\t\tline-height: 2.25rem;\r\n\t  }\r\n\t}\r\n\t@media (min-width: 1280px) {\r\n\t  .font-size-large {\r\n\t\tfont-size: 2.25rem;\r\n\t\tline-height: 2.5rem;\r\n\t  }\r\n\t}\r\n\t.font-size-medium-extra {\r\n\t  font-size: 1.25rem;\r\n\t  line-height: 1.75rem;\r\n\t}\r\n\t@media (min-width: 1024px) {\r\n\t  .font-size-medium-extra {\r\n\t\tfont-size: 1.5rem;\r\n\t\tline-height: 2rem;\r\n\t  }\r\n\t}\r\n\t@media (min-width: 1280px) {\r\n\t  .font-size-medium-extra {\r\n\t\tfont-size: 1.875rem;\r\n\t\tline-height: 2.25rem;\r\n\t  }\r\n\t}\r\n\t.font-size-medium {\r\n\t  font-size: 1.125rem;\r\n\t  line-height: 1.75rem;\r\n\t}\r\n\t@media (min-width: 1024px) {\r\n\t  .font-size-medium {\r\n\t\tfont-size: 1.25rem;\r\n\t\tline-height: 1.75rem;\r\n\t  }\r\n\t}\r\n\t@media (min-width: 1280px) {\r\n\t  .font-size-medium {\r\n\t\tfont-size: 1.5rem;\r\n\t\tline-height: 2rem;\r\n\t  }\r\n\t}\r\n\t.font-size-base {\r\n\t  font-size: 1rem;\r\n\t  line-height: 1.5rem;\r\n\t}\r\n\t@media (min-width: 1024px) {\r\n\t  .font-size-base {\r\n\t\tfont-size: 1.125rem;\r\n\t\tline-height: 1.75rem;\r\n\t  }\r\n\t}\r\n\t@media (min-width: 1280px) {\r\n\t  .font-size-base {\r\n\t\tfont-size: 1.25rem;\r\n\t\tline-height: 1.75rem;\r\n\t  }\r\n\t}\r\n\t.font-size-small-extra {\r\n\t  font-size: 0.875rem;\r\n\t  line-height: 1.25rem;\r\n\t}\r\n\t@media (min-width: 1024px) {\r\n\t  .font-size-small-extra {\r\n\t\tfont-size: 1rem;\r\n\t\tline-height: 1.5rem;\r\n\t  }\r\n\t}\r\n\t@media (min-width: 1280px) {\r\n\t  .font-size-small-extra {\r\n\t\tfont-size: 1.125rem;\r\n\t\tline-height: 1.75rem;\r\n\t  }\r\n\t}\r\n\t.font-size-small {\r\n\t  font-size: 0.75rem;\r\n\t  line-height: 1rem;\r\n\t}\r\n\t@media (min-width: 1024px) {\r\n\t  .font-size-small {\r\n\t\tfont-size: 0.875rem;\r\n\t\tline-height: 1.25rem;\r\n\t  }\r\n\t}\r\n\t@media (min-width: 1280px) {\r\n\t  .font-size-small {\r\n\t\tfont-size: 1rem;\r\n\t\tline-height: 1.5rem;\r\n\t  }\r\n\t}\r\n\t*,\r\n\t:before,\r\n\t:after {\r\n\t  --tw-border-spacing-x: 0;\r\n\t  --tw-border-spacing-y: 0;\r\n\t  --tw-translate-x: 0;\r\n\t  --tw-translate-y: 0;\r\n\t  --tw-rotate: 0;\r\n\t  --tw-skew-x: 0;\r\n\t  --tw-skew-y: 0;\r\n\t  --tw-scale-x: 1;\r\n\t  --tw-scale-y: 1;\r\n\t  --tw-pan-x: ;\r\n\t  --tw-pan-y: ;\r\n\t  --tw-pinch-zoom: ;\r\n\t  --tw-scroll-snap-strictness: proximity;\r\n\t  --tw-gradient-from-position: ;\r\n\t  --tw-gradient-via-position: ;\r\n\t  --tw-gradient-to-position: ;\r\n\t  --tw-ordinal: ;\r\n\t  --tw-slashed-zero: ;\r\n\t  --tw-numeric-figure: ;\r\n\t  --tw-numeric-spacing: ;\r\n\t  --tw-numeric-fraction: ;\r\n\t  --tw-ring-inset: ;\r\n\t  --tw-ring-offset-width: 0px;\r\n\t  --tw-ring-offset-color: #fff;\r\n\t  --tw-ring-color: rgb(59 130 246 / 0.5);\r\n\t  --tw-ring-offset-shadow: 0 0 #0000;\r\n\t  --tw-ring-shadow: 0 0 #0000;\r\n\t  --tw-shadow: 0 0 #0000;\r\n\t  --tw-shadow-colored: 0 0 #0000;\r\n\t  --tw-blur: ;\r\n\t  --tw-brightness: ;\r\n\t  --tw-contrast: ;\r\n\t  --tw-grayscale: ;\r\n\t  --tw-hue-rotate: ;\r\n\t  --tw-invert: ;\r\n\t  --tw-saturate: ;\r\n\t  --tw-sepia: ;\r\n\t  --tw-drop-shadow: ;\r\n\t  --tw-backdrop-blur: ;\r\n\t  --tw-backdrop-brightness: ;\r\n\t  --tw-backdrop-contrast: ;\r\n\t  --tw-backdrop-grayscale: ;\r\n\t  --tw-backdrop-hue-rotate: ;\r\n\t  --tw-backdrop-invert: ;\r\n\t  --tw-backdrop-opacity: ;\r\n\t  --tw-backdrop-saturate: ;\r\n\t  --tw-backdrop-sepia: ;\r\n\t}\r\n\t::backdrop {\r\n\t  --tw-border-spacing-x: 0;\r\n\t  --tw-border-spacing-y: 0;\r\n\t  --tw-translate-x: 0;\r\n\t  --tw-translate-y: 0;\r\n\t  --tw-rotate: 0;\r\n\t  --tw-skew-x: 0;\r\n\t  --tw-skew-y: 0;\r\n\t  --tw-scale-x: 1;\r\n\t  --tw-scale-y: 1;\r\n\t  --tw-pan-x: ;\r\n\t  --tw-pan-y: ;\r\n\t  --tw-pinch-zoom: ;\r\n\t  --tw-scroll-snap-strictness: proximity;\r\n\t  --tw-gradient-from-position: ;\r\n\t  --tw-gradient-via-position: ;\r\n\t  --tw-gradient-to-position: ;\r\n\t  --tw-ordinal: ;\r\n\t  --tw-slashed-zero: ;\r\n\t  --tw-numeric-figure: ;\r\n\t  --tw-numeric-spacing: ;\r\n\t  --tw-numeric-fraction: ;\r\n\t  --tw-ring-inset: ;\r\n\t  --tw-ring-offset-width: 0px;\r\n\t  --tw-ring-offset-color: #fff;\r\n\t  --tw-ring-color: rgb(59 130 246 / 0.5);\r\n\t  --tw-ring-offset-shadow: 0 0 #0000;\r\n\t  --tw-ring-shadow: 0 0 #0000;\r\n\t  --tw-shadow: 0 0 #0000;\r\n\t  --tw-shadow-colored: 0 0 #0000;\r\n\t  --tw-blur: ;\r\n\t  --tw-brightness: ;\r\n\t  --tw-contrast: ;\r\n\t  --tw-grayscale: ;\r\n\t  --tw-hue-rotate: ;\r\n\t  --tw-invert: ;\r\n\t  --tw-saturate: ;\r\n\t  --tw-sepia: ;\r\n\t  --tw-drop-shadow: ;\r\n\t  --tw-backdrop-blur: ;\r\n\t  --tw-backdrop-brightness: ;\r\n\t  --tw-backdrop-contrast: ;\r\n\t  --tw-backdrop-grayscale: ;\r\n\t  --tw-backdrop-hue-rotate: ;\r\n\t  --tw-backdrop-invert: ;\r\n\t  --tw-backdrop-opacity: ;\r\n\t  --tw-backdrop-saturate: ;\r\n\t  --tw-backdrop-sepia: ;\r\n\t}\r\n\t.poker-button-animation {\r\n\t  height: 50px;\r\n\t  width: 240px;\r\n\t  border-width: 1px;\r\n\t  border-style: solid;\r\n\t  --tw-border-opacity: 1;\r\n\t  border-color: rgb(255 255 255 / var(--tw-border-opacity));\r\n\t  --tw-shadow: 0 0 20px rgb(255 255 255/0);\r\n\t  --tw-shadow-colored: 0 0 20px var(--tw-shadow-color);\r\n\t  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),\r\n\t\tvar(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\r\n\t  outline-style: solid;\r\n\t  outline-width: 1px;\r\n\t  outline-offset: 0px;\r\n\t  outline-color: #fffc;\r\n\t  transition-property: all;\r\n\t  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\r\n\t  transition-delay: 0ms;\r\n\t  transition-duration: 1s;\r\n\t  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\r\n\t}\r\n\t.poker-button-animation:hover {\r\n\t  border-width: 1px;\r\n\t  border-style: solid;\r\n\t  --tw-border-opacity: 1;\r\n\t  border-color: rgb(241 241 241 / var(--tw-border-opacity));\r\n\t  --tw-shadow: inset 0 0 20px rgb(80 33 1), 0 0 20px rgb(255 255 255);\r\n\t  --tw-shadow-colored: inset 0 0 20px var(--tw-shadow-color),\r\n\t\t0 0 20px var(--tw-shadow-color);\r\n\t  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),\r\n\t\tvar(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\r\n\t  outline-style: solid;\r\n\t  outline-width: 1px;\r\n\t  outline-offset: 30px;\r\n\t  outline-color: #fff0;\r\n\t}\r\n\t@media (min-width: 1024px) {\r\n\t  .poker-button-animation {\r\n\t\theight: 66px;\r\n\t\twidth: 258px;\r\n\t  }\r\n\t}\r\n\t.poker-button-animation-span {\r\n\t  font-size: 1.5rem;\r\n\t  font-weight: 700;\r\n\t  text-transform: uppercase;\r\n\t  line-height: 1.5rem;\r\n\t  --tw-text-opacity: 1;\r\n\t  color: rgb(255 255 255 / var(--tw-text-opacity));\r\n\t  --tw-drop-shadow: drop-shadow(0 3px 6px rgb(0 0 0/0.49));\r\n\t  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)\r\n\t\tvar(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate)\r\n\t\tvar(--tw-sepia) var(--tw-drop-shadow);\r\n\t}\r\n\t@media (min-width: 640px) {\r\n\t  .poker-button-animation-span {\r\n\t\tfont-size: 1.875rem;\r\n\t\tline-height: 2.25rem;\r\n\t  }\r\n\t}\r\n\t@media (min-width: 768px) {\r\n\t  .poker-button-animation-span {\r\n\t\tline-height: 2rem;\r\n\t  }\r\n\t}\r\n\t.button-base {\r\n\t  font-size: 1rem;\r\n\t  line-height: 1.5rem;\r\n\t}\r\n\t@media (min-width: 1024px) {\r\n\t  .button-base {\r\n\t\tfont-size: 1.125rem;\r\n\t\tline-height: 1.75rem;\r\n\t  }\r\n\t}\r\n\t@media (min-width: 1280px) {\r\n\t  .button-base {\r\n\t\tfont-size: 1.25rem;\r\n\t\tline-height: 1.75rem;\r\n\t  }\r\n\t}\r\n\t.button-base {\r\n\t  cursor: pointer;\r\n\t  border-radius: 0.125rem;\r\n\t  padding: 0.5rem;\r\n\t  text-align: center;\r\n\t  font-weight: 400;\r\n\t  --tw-text-opacity: 1;\r\n\t  color: rgb(32 32 32 / var(--tw-text-opacity));\r\n\t  text-decoration-thickness: 0px;\r\n\t}\r\n\t.button-base-border {\r\n\t  border-width: 4px;\r\n\t  border-style: solid;\r\n\t  --tw-border-opacity: 1;\r\n\t  border-color: rgb(249 176 0 / var(--tw-border-opacity));\r\n\t}\r\n\t.button-base-border:hover {\r\n\t  --tw-border-opacity: 1;\r\n\t  border-color: rgb(249 176 0 / var(--tw-border-opacity));\r\n\t}\r\n\t.button-base-bg {\r\n\t  border-width: 4px;\r\n\t  border-style: solid;\r\n\t  --tw-border-opacity: 1;\r\n\t  border-color: rgb(249 176 0 / var(--tw-border-opacity));\r\n\t}\r\n\t.button-base-bg:hover {\r\n\t  border-color: rgb(255 204 0 / var(--tw-border-opacity));\r\n\t\t--tw-bg-opacity: 1;\r\n\t\tbackground-color: rgb(255 204 0 / var(--tw-bg-opacity));\r\n\t}\r\n\t.button-base-bg {\r\n\t  --tw-bg-opacity: 1;\r\n\t  background-color: rgb(249 176 0 / var(--tw-bg-opacity));\r\n\t  border-color: rgb(249 176 0 / var(--tw-border-opacity));\r\n\t}\r\n\t.absolute {\r\n\t  position: absolute;\r\n\t}\r\n\t.relative {\r\n\t  position: relative;\r\n\t}\r\n\t.-left-3 {\r\n\t  left: -1.5rem;\r\n\t}\r\n\t.-top-12 {\r\n\t  top: -6rem;\r\n\t}\r\n\t.left-0 {\r\n\t  left: 0;\r\n\t}\r\n\t.top-0 {\r\n\t  top: 0;\r\n\t}\r\n\t.z-10 {\r\n\t  z-index:10;\r\n\t}\r\n\t.m-1 {\r\n\t  margin: 0.5rem;\r\n\t}\r\n\t.m-\\[0\\.25rem\\] {\r\n\t  margin: 0.25rem;\r\n\t}\r\n\t.mx-1 {\r\n\t  margin-left: 0.5rem;\r\n\t  margin-right: 0.5rem;\r\n\t}\r\n\t.mx-2 {\r\n\t  margin-left: 1rem;\r\n\t  margin-right: 1rem;\r\n\t}\r\n\t.mx-auto {\r\n\t  margin-left: auto;\r\n\t  margin-right: auto;\r\n\t}\r\n\t.my-0 {\r\n\t  margin-top: 0;\r\n\t  margin-bottom: 0;\r\n\t}\r\n\t.my-2 {\r\n\t  margin-top: 1rem;\r\n\t  margin-bottom: 1rem;\r\n\t}\r\n\t.-mt-13 {\r\n\t  margin-top: -6.5rem;\r\n\t}\r\n\t.-mt-24{\r\n\t  margin-top: -11.5rem;\r\n\t}\r\n\t.mb-1 {\r\n\t  margin-bottom: 0.5rem;\r\n\t}\r\n\t.mb-10 {\r\n\t  margin-bottom: 5rem;\r\n\t}\r\n\t.mb-13 {\r\n\t  margin-bottom: 6.5rem;\r\n\t}\r\n\t.mb-2 {\r\n\t  margin-bottom: 1rem;\r\n\t}\r\n\t.mb-20 {\r\n\t  margin-bottom: 10rem;\r\n\t}\r\n\t.mb-3 {\r\n\t  margin-bottom: 1.5rem;\r\n\t}\r\n\t.mb-4 {\r\n\t  margin-bottom: 2rem;\r\n\t}\r\n\t.mb-5 {\r\n\t  margin-bottom: 2.5rem;\r\n\t}\r\n\t.mb-8 {\r\n\t  margin-bottom: 4rem;\r\n\t}\r\n\t.mb-auto {\r\n\t  margin-bottom: auto;\r\n\t}\r\n\t.ml-1 {\r\n\t  margin-left: 0.5rem;\r\n\t}\r\n\t.ml-2 {\r\n\t  margin-left: 1rem;\r\n\t}\r\n\t.ml-auto {\r\n\t  margin-left: auto;\r\n\t}\r\n\t.mr-0 {\r\n\t  margin-right: 0;\r\n\t}\r\n\t.mr-3 {\r\n\t  margin-right: 1.5rem;\r\n\t}\r\n\t.mr-auto {\r\n\t  margin-right: auto;\r\n\t}\r\n\t.mt-1 {\r\n\t  margin-top: 0.5rem;\r\n\t}\r\n\t.mt-10 {\r\n\t  margin-top: 5rem;\r\n\t}\r\n\t.mt-13 {\r\n\t  margin-top: 6.5rem;\r\n\t}\r\n\t.mt-0 {\r\n\t  margin-top: 0;\r\n\t}\r\n\t.mt-16 {\r\n\t  margin-top: 8rem;\r\n\t}\r\n\t.mt-20 {\r\n\t  margin-top: 12rem;\r\n\t}\r\n\t.mt-3 {\r\n\t  margin-top: 1.5rem;\r\n\t}\r\n\t.mt-4 {\r\n\t  margin-top: 2rem;\r\n\t}\r\n\t.mt-5 {\r\n\t  margin-top: 2.5rem;\r\n\t}\r\n\t.mt-6 {\r\n\t  margin-top: 3rem;\r\n\t}\r\n\t.mt-7 {\r\n\t  margin-top: 3.5rem;\r\n\t}\r\n\t.mt-8 {\r\n\t  margin-top: 4rem;\r\n\t}\r\n\t.flex {\r\n\t  display: flex;\r\n\t}\r\n\t.table {\r\n\t  display: table;\r\n\t}\r\n\t.hidden {\r\n\t  display: none;\r\n\t}\r\n\t.aspect-\\[70\\/35\\] {\r\n\t  aspect-ratio: 70/35;\r\n\t}\r\n\t.aspect-\\[88\\/51\\] {\r\n\t  aspect-ratio: 88/51;\r\n\t}\r\n\t.aspect-square {\r\n\t  aspect-ratio: 1 / 1;\r\n\t}\r\n\t.h-28 {\r\n\t  height: 14rem;\r\n\t}\r\n\t.h-30 {\r\n\t  height: 15rem;\r\n\t}\r\n\t.h-5{\r\n\t\theight: 2.45rem;\r\n\t}\r\n\t.h-6{\r\n\t  height: 3rem;\r\n\t}\r\n\t.h-7 {\r\n\t  height: 3.5rem;\r\n\t}\r\n\t.h-8 {\r\n\t  height: 4rem;\r\n\t}\r\n\t.h-9 {\r\n\t  height: 4.5rem;\r\n\t}\r\n\t.h-\\[150px\\] {\r\n\t  height: 150px;\r\n\t}\r\n\t.h-\\[140px\\] {\r\n\t  height: 150px;\r\n\t}\r\n\t.h-\\[263px\\] {\r\n\t  height: 263px;\r\n\t}\r\n\t.h-full {\r\n\t  height: 100%;\r\n\t}\r\n\t.w-28 {\r\n\t  width: 14rem;\r\n\t}\r\n\t.w-30 {\r\n\t  width: 15rem;\r\n\t}\r\n\t.w-6\\/12 {\r\n\t  width: 50%;\r\n\t}\r\n\t.w-7 {\r\n\t  width: 3.5rem;\r\n\t}\r\n\t.w-\\[200px\\] {\r\n\t  width: 200px;\r\n\t}\r\n\t.w-\\[150px\\] {\r\n\t  width: 150px;\r\n\t}\r\n\t.w-\\[180px\\] {\r\n\t  width: 180px;\r\n\t}\r\n\t.w-\\[326px\\] {\r\n\t  width: 326px;\r\n\t}\r\n\t.w-full {\r\n\t  width: 100%;\r\n\t}\r\n\t.w-\\[90px\\] {\r\n\t  width: 90px;\r\n\t}\r\n\t\r\n\t.w-\\[100px\\] {\r\n\t  width: 100px;\r\n\t}\r\n\t.max-w-screen-xl {\r\n\t  max-width: 1280px;\r\n\t}\r\n\t.cursor-pointer {\r\n\t  cursor: pointer;\r\n\t}\r\n\t.flex-row {\r\n\t  flex-direction: row;\r\n\t}\r\n\t.flex-col {\r\n\t  flex-direction: column;\r\n\t}\r\n\t.flex-wrap {\r\n\t  flex-wrap: wrap;\r\n\t}\r\n\t.items-end {\r\n\t  align-items: flex-end;\r\n\t}\r\n\t.items-center {\r\n\t  align-items: center;\r\n\t}\r\n\t.justify-start {\r\n\t  justify-content: flex-start;\r\n\t}\r\n\t.justify-center {\r\n\t  justify-content: center;\r\n\t}\r\n\t.justify-evenly {\r\n\t  justify-content: space-evenly;\r\n\t}\r\n\t.border {\r\n\t  border-width: 1px;\r\n\t}\r\n\t.border-solid {\r\n\t  border-style: solid;\r\n\t}\r\n\t.border-black {\r\n\t  --tw-border-opacity: 1;\r\n\t  border-color: rgb(0 0 0 / var(--tw-border-opacity));\r\n\t}\r\n\t.bg-anti-flash-white {\r\n\t  --tw-bg-opacity: 1;\r\n\t  background-color: rgb(241 241 241 / var(--tw-bg-opacity));\r\n\t}\r\n\t.bg-black {\r\n\t  --tw-bg-opacity: 1;\r\n\t  background-color: rgb(0 0 0 / var(--tw-bg-opacity));\r\n\t}\r\n\t.bg-bright-gray {\r\n\t  --tw-bg-opacity: 1;\r\n\t  background-color: rgb(233 233 233 / var(--tw-bg-opacity));\r\n\t}\r\n\t.bg-charleston-green {\r\n\t  --tw-bg-opacity: 1;\r\n\t  background-color: rgb(40 40 40 / var(--tw-bg-opacity));\r\n\t}\r\n\t.bg-chinese-gray {\r\n\t  --tw-bg-opacity: 1;\r\n\t  background-color: rgb(204 204 204 / var(--tw-bg-opacity));\r\n\t}\r\n\t.bg-chinese-yellow {\r\n\t  --tw-bg-opacity: 1;\r\n\t  background-color: rgb(249 176 0 / var(--tw-bg-opacity));\r\n\t}\r\n\t.bg-cultured-white {\r\n\t  --tw-bg-opacity: 1;\r\n\t  background-color: rgb(245 245 245 / var(--tw-bg-opacity));\r\n\t}\r\n\t.bg-cyan-blue {\r\n\t  --tw-bg-opacity: 1;\r\n\t  background-color: rgb(66 131 188 / var(--tw-bg-opacity));\r\n\t}\r\n\t.bg-cyan-blue-azure {\r\n\t  --tw-bg-opacity: 1;\r\n\t  background-color: rgb(79 136 190 / var(--tw-bg-opacity));\r\n\t}\r\n\t.bg-cyber-yellow {\r\n\t  --tw-bg-opacity: 1;\r\n\t  background-color: rgb(255 212 5 / var(--tw-bg-opacity));\r\n\t}\r\n\t.bg-dark-gunmetal {\r\n\t  --tw-bg-opacity: 1;\r\n\t  background-color: rgb(33 37 41 / var(--tw-bg-opacity));\r\n\t}\r\n\t.bg-davy-grey {\r\n\t  --tw-bg-opacity: 1;\r\n\t  background-color: rgb(87 87 87 / var(--tw-bg-opacity));\r\n\t}\r\n\t.bg-egyptian-gray {\r\n\t  --tw-bg-opacity: 1;\r\n\t  background-color: rgb(126 125 130 / var(--tw-bg-opacity));\r\n\t}\r\n\t.bg-flame-red {\r\n\t  --tw-bg-opacity: 1;\r\n\t  background-color: rgb(216 87 30 / var(--tw-bg-opacity));\r\n\t}\r\n\t.bg-gray {\r\n\t  --tw-bg-opacity: 1;\r\n\t  background-color: rgb(85 85 85 / var(--tw-bg-opacity));\r\n\t}\r\n\t.bg-iguana-green {\r\n\t  --tw-bg-opacity: 1;\r\n\t  background-color: rgb(110 205 141 / var(--tw-bg-opacity));\r\n\t}\r\n\t.bg-imperial-red {\r\n\t  --tw-bg-opacity: 1;\r\n\t  background-color: rgb(234 29 61 / var(--tw-bg-opacity));\r\n\t}\r\n\t.bg-lava-red {\r\n\t  --tw-bg-opacity: 1;\r\n\t  background-color: rgb(217 17 17 / var(--tw-bg-opacity));\r\n\t}\r\n\t.bg-lemon-chiffon {\r\n\t  --tw-bg-opacity: 1;\r\n\t  background-color: rgb(255 249 207 / var(--tw-bg-opacity));\r\n\t}\r\n\t.bg-lotion-white {\r\n\t  --tw-bg-opacity: 1;\r\n\t  background-color: rgb(250 250 250 / var(--tw-bg-opacity));\r\n\t}\r\n\t.bg-metallic-brown {\r\n\t  --tw-bg-opacity: 1;\r\n\t  background-color: rgb(168 70 9 / var(--tw-bg-opacity));\r\n\t}\r\n\t.bg-normal-gray {\r\n\t  --tw-bg-opacity: 1;\r\n\t  background-color: rgb(128 128 128 / var(--tw-bg-opacity));\r\n\t}\r\n\t.bg-outrageous-orange {\r\n\t  --tw-bg-opacity: 1;\r\n\t  background-color: rgb(255 116 72 / var(--tw-bg-opacity));\r\n\t}\r\n\t.bg-philippine-gray {\r\n\t  --tw-bg-opacity: 1;\r\n\t  background-color: rgb(140 140 140 / var(--tw-bg-opacity));\r\n\t}\r\n\t.bg-picton-blue {\r\n\t  --tw-bg-opacity: 1;\r\n\t  background-color: rgb(69 166 222 / var(--tw-bg-opacity));\r\n\t}\r\n\t.bg-pine-green {\r\n\t  --tw-bg-opacity: 1;\r\n\t  background-color: rgb(8 124 110 / var(--tw-bg-opacity));\r\n\t}\r\n\t.bg-raisin-black {\r\n\t  --tw-bg-opacity: 1;\r\n\t  background-color: rgb(32 32 32 / var(--tw-bg-opacity));\r\n\t}\r\n\t.bg-rich-black {\r\n\t  --tw-bg-opacity: 1;\r\n\t  background-color: rgb(10 51 56 / var(--tw-bg-opacity));\r\n\t}\r\n\t.bg-ruddy-brown {\r\n\t  --tw-bg-opacity: 1;\r\n\t  background-color: rgb(200 95 50 / var(--tw-bg-opacity));\r\n\t}\r\n\t.bg-sunset-orange {\r\n\t  --tw-bg-opacity: 1;\r\n\t  background-color: rgb(243 94 94 / var(--tw-bg-opacity));\r\n\t}\r\n\t.bg-tangerine-yellow {\r\n\t  --tw-bg-opacity: 1;\r\n\t  background-color: rgb(255 204 0 / var(--tw-bg-opacity));\r\n\t}\r\n\t.bg-transparent {\r\n\t  background-color: transparent;\r\n\t}\r\n\t.bg-tufts-blue {\r\n\t  --tw-bg-opacity: 1;\r\n\t  background-color: rgb(52 152 219 / var(--tw-bg-opacity));\r\n\t}\r\n\t.bg-white {\r\n\t  --tw-bg-opacity: 1;\r\n\t  background-color: rgb(255 255 255 / var(--tw-bg-opacity));\r\n\t}\r\n\t.bg-whity-gray {\r\n\t  --tw-bg-opacity: 1;\r\n\t  background-color: rgb(186 186 186 / var(--tw-bg-opacity));\r\n\t}\r\n\t.object-contain {\r\n\t  -o-object-fit: contain;\r\n\t  object-fit: contain;\r\n\t}\r\n\t.p-10 {\r\n\t  padding: 5rem;\r\n\t}\r\n\t.p-2 {\r\n\t  padding: 1rem;\r\n\t}\r\n\t.p-4 {\r\n\t  padding: 2rem;\r\n\t}\r\n\t.p-5 {\r\n\t  padding: 2.5rem;\r\n\t}\r\n\t.px-0 {\r\n\t  padding-left: 0;\r\n\t  padding-right: 0;\r\n\t}\r\n\t.px-2 {\r\n\t  padding-left: 1rem;\r\n\t  padding-right: 1rem;\r\n\t}\r\n\t.px-3 {\r\n\t  padding-left: 1.5rem;\r\n\t  padding-right: 1.5rem;\r\n\t}\r\n\t.px-5 {\r\n\t  padding-left: 2.5rem;\r\n\t  padding-right: 2.5rem;\r\n\t}\r\n\t.py-1 {\r\n\t  padding-top: 0.5rem;\r\n\t  padding-bottom: 0.5rem;\r\n\t}\r\n\t.py-2 {\r\n\t  padding-top: 1rem;\r\n\t  padding-bottom: 1rem;\r\n\t}\r\n\t.pb-20 {\r\n\t  padding-bottom: 10rem;\r\n\t}\r\n\t.pb-3 {\r\n\t  padding-bottom: 1.5rem;\r\n\t}\r\n\t.pr-4 {\r\n\t  padding-right: 2rem;\r\n\t}\r\n\t.pr-6 {\r\n\t  padding-right: 3rem;\r\n\t}\r\n\t.pt-0 {\r\n\t  padding-top: 0;\r\n\t}\r\n\t.pt-12 {\r\n\t  padding-top: 6rem;\r\n\t}\r\n\t.pt-4 {\r\n\t  padding-top: 2rem;\r\n\t}\r\n\t.pt-8 {\r\n\t  padding-top: 4rem;\r\n\t}\r\n\t.text-left {\r\n\t  text-align: left;\r\n\t}\r\n\t.text-center {\r\n\t  text-align: center;\r\n\t}\r\n\t.text-right {\r\n\t  text-align: right;\r\n\t}\r\n\t.text-2xl {\r\n\t  font-size: 1.5rem;\r\n\t  line-height: 2rem;\r\n\t}\r\n\t.text-3xl {\r\n\t  font-size: 1.875rem;\r\n\t  line-height: 2.25rem;\r\n\t}\r\n\t.text-4xl {\r\n\t  font-size: 2.25rem;\r\n\t  line-height: 2.5rem;\r\n\t}\r\n\t.text-7xl {\r\n\t  font-size: 4.5rem;\r\n\t  line-height: 1;\r\n\t}\r\n\t.text-8xl {\r\n\t  font-size: 6rem;\r\n\t  line-height: 1;\r\n\t}\r\n\t.text-lg {\r\n\t  font-size: 1.125rem;\r\n\t  line-height: 1.75rem;\r\n\t}\r\n\t.text-xl {\r\n\t  font-size: 1.25rem;\r\n\t  line-height: 1.75rem;\r\n\t}\r\n\t.font-bold {\r\n\t  font-weight: 700;\r\n\t}\r\n\t.font-extrabold {\r\n\t  font-weight: 800;\r\n\t}\r\n\t.font-medium {\r\n\t  font-weight: 500;\r\n\t}\r\n\t.font-normal {\r\n\t  font-weight: 400;\r\n\t}\r\n\t.font-semibold {\r\n\t  font-weight: 600;\r\n\t}\r\n\t.uppercase {\r\n\t  text-transform: uppercase;\r\n\t}\r\n\t.leading-6 {\r\n\t  line-height: 1.5rem;\r\n\t}\r\n\t.text-\\[\\#F9B000\\] {\r\n\t  --tw-text-opacity: 1;\r\n\t  color: rgb(249 176 0 / var(--tw-text-opacity));\r\n\t}\r\n\t.text-raisin-black {\r\n\t  --tw-text-opacity: 1;\r\n\t  color: rgb(32 32 32 / var(--tw-text-opacity));\r\n\t}\r\n\t.text-white {\r\n\t  --tw-text-opacity: 1;\r\n\t  color: rgb(255 255 255 / var(--tw-text-opacity));\r\n\t}\r\n\t.opacity-95 {\r\n\t  opacity: 0.95;\r\n\t}\r\n\thtml {\r\n\t  font-variant-ligatures: normal;\r\n\t  font-variant-caps: normal;\r\n\t  font-variant-numeric: normal;\r\n\t  font-variant-east-asian: normal;\r\n\t  line-height: normal;\r\n\t}\r\n\tbody {\r\n\t  margin: 0;\r\n\t}\r\n\t.box-style-dark {\r\n\t  background: #242c39;\r\n\t  background: linear-gradient(180deg, #242c39, #000);\r\n\t  border: 4px solid transparent;\r\n\t  background-clip: padding-box;\r\n\t  -o-border-image: linear-gradient(\r\n\t\t180deg,\r\n\t\trgba(37, 46, 59, 1) 0%,\r\n\t\trgba(249, 176, 0, 1) 100%\r\n\t  );\r\n\t  border-image: linear-gradient(180deg, #252e3b, #f9b000);\r\n\t  border-image-slice: 1;\r\n\t}\r\n\t.box-style-green {\r\n\t  background: #0fb768;\r\n\t  background: linear-gradient(0deg, #0b7343 10%, #151b21 50%);\r\n\t  border: 4px solid transparent;\r\n\t  background-clip: padding-box;\r\n\t  -o-border-image: linear-gradient(\r\n\t\t0deg,\r\n\t\trgba(11, 115, 67, 1) 0%,\r\n\t\trgba(21, 27, 33, 1) 100%\r\n\t  );\r\n\t  border-image: linear-gradient(0deg, #0b7343, #151b21);\r\n\t  border-image-slice: 1;\r\n\t}\r\n\t.box-style-blue {\r\n\t  background: #0b7343;\r\n\t  background: linear-gradient(0deg, #203e59 10%, #151b21 50%);\r\n\t  border: 4px solid transparent;\r\n\t  background-clip: padding-box;\r\n\t  -o-border-image: linear-gradient(\r\n\t\t0deg,\r\n\t\trgba(32, 62, 89, 1) 0%,\r\n\t\trgba(21, 27, 33, 1) 100%\r\n\t  );\r\n\t  border-image: linear-gradient(0deg, #203e59, #151b21);\r\n\t  border-image-slice: 1;\r\n\t}\r\n\t.box-style-orange {\r\n\t  background: #8b6303;\r\n\t  background: linear-gradient(0deg, #ae7b01 10%, #151b21 50%);\r\n\t  border: 4px solid transparent;\r\n\t  background-clip: padding-box;\r\n\t  -o-border-image: linear-gradient(\r\n\t\t0deg,\r\n\t\trgba(174, 123, 1, 1) 0%,\r\n\t\trgba(21, 27, 33, 1) 100%\r\n\t  );\r\n\t  border-image: linear-gradient(0deg, #ae7b01, #151b21);\r\n\t  border-image-slice: 1;\r\n\t}\r\n\t.box-style-yellow {\r\n\t  background: #b7b901;\r\n\t  background: linear-gradient(0deg, #b7b901 10%, #151b21 50%);\r\n\t  border: 4px solid transparent;\r\n\t  background-clip: padding-box;\r\n\t  -o-border-image: linear-gradient(\r\n\t\t0deg,\r\n\t\trgba(183, 185, 1, 1) 0%,\r\n\t\trgba(21, 27, 33, 1) 100%\r\n\t  );\r\n\t  border-image: linear-gradient(0deg, #b7b901, #151b21);\r\n\t  border-image-slice: 1;\r\n\t}\r\n\t.box-style-light-green {\r\n\t  background: #789e0e;\r\n\t  background: linear-gradient(0deg, #789e0e 10%, #151b21 50%);\r\n\t  border: 4px solid transparent;\r\n\t  background-clip: padding-box;\r\n\t  -o-border-image: linear-gradient(\r\n\t\t0deg,\r\n\t\trgba(120, 158, 14, 1) 0%,\r\n\t\trgba(21, 27, 33, 1) 100%\r\n\t  );\r\n\t  border-image: linear-gradient(0deg, #789e0e, #151b21);\r\n\t  border-image-slice: 1;\r\n\t}\r\n\t.box-style-light-orange {\r\n\t  background: #c96d4a;\r\n\t  background: linear-gradient(0deg, #c96d4a 10%, #151b21 50%);\r\n\t  border: 4px solid transparent;\r\n\t  background-clip: padding-box;\r\n\t  -o-border-image: linear-gradient(\r\n\t\t0deg,\r\n\t\trgba(201, 109, 74, 1) 0%,\r\n\t\trgba(21, 27, 33, 1) 100%\r\n\t  );\r\n\t  border-image: linear-gradient(0deg, #c96d4a, #151b21);\r\n\t  border-image-slice: 1;\r\n\t}\r\n\t.box-style-red {\r\n\t  background: #882b38;\r\n\t  background: linear-gradient(0deg, #882b38 10%, #151b21 50%);\r\n\t  border: 4px solid transparent;\r\n\t  background-clip: padding-box;\r\n\t  -o-border-image: linear-gradient(\r\n\t\t0deg,\r\n\t\trgba(136, 43, 56, 1) 0%,\r\n\t\trgba(21, 27, 33, 1) 100%\r\n\t  );\r\n\t  border-image: linear-gradient(0deg, #882b38, #151b21);\r\n\t  border-image-slice: 1;\r\n\t}\r\n\t.box-style-turquoise {\r\n\t  background: #01877e;\r\n\t  background: linear-gradient(0deg, #01877e 10%, #151b21 50%);\r\n\t  border: 4px solid transparent;\r\n\t  background-clip: padding-box;\r\n\t  -o-border-image: linear-gradient(\r\n\t\t0deg,\r\n\t\trgba(1, 135, 126, 1) 0%,\r\n\t\trgba(21, 27, 33, 1) 100%\r\n\t  );\r\n\t  border-image: linear-gradient(0deg, #01877e, #151b21);\r\n\t  border-image-slice: 1;\r\n\t}\r\n\t.stats-bg-1,\r\n\t.stats-bg-2,\r\n\t.stats-bg-3 {\r\n\t  background-size: contain;\r\n\t  background-repeat: no-repeat;\r\n\t  background-position: center;\r\n\t}\r\n\t.stats-bg-1 {\r\n\t  background-image: url(/library/Poker/poker-start-page/onlinePlayers.webp);\r\n\t}\r\n\t.stats-bg-2 {\r\n\t  background-image: url(/library/Poker/poker-start-page/activetur.webp);\r\n\t}\r\n\t.stats-bg-3 {\r\n\t  background-image: url(/library/Poker/poker-start-page/cashgame.webp);\r\n\t}\r\n\t#show-more-btn:after,\r\n\t#show-less-btn:after {\r\n\t  content: \"❯\";\r\n\t  display: inline-block;\r\n\t  margin-left: 1.5rem;\r\n\t  margin-right: 0.5rem;\r\n\t}\r\n\t#show-more-btn:after {\r\n\t  transform: rotate(90deg);\r\n\t}\r\n\t#show-less-btn:after {\r\n\t  transform: rotate(-90deg);\r\n\t}\r\n\t.hover\\:text-white:hover {\r\n\t  --tw-text-opacity: 1;\r\n\t  color: rgb(255 255 255 / var(--tw-text-opacity));\r\n\t}\r\n\t@media (min-width: 768px) {\r\n\t  .md\\:mt-0 {\r\n\t\tmargin-top: 0;\r\n\t  }\r\n\t  .md\\:w-1\\/3 {\r\n\t\twidth: 33.333333%;\r\n\t  }\r\n\t  .md\\:w-3\\/5 {\r\n\t\twidth: 60%;\r\n\t  }\r\n\t  .md\\:flex-row {\r\n\t\tflex-direction: row;\r\n\t  }\r\n\t  .md\\:justify-center {\r\n\t\tjustify-content: center;\r\n\t  }\r\n\t  .md\\:p-1 {\r\n\t\tpadding: 0.5rem;\r\n\t  }\r\n\t}\r\n\t@media (min-width: 1024px) {\r\n\t  .lg\\:\\!font-size-small {\r\n\t\tfont-size: 1rem !important;\r\n\t\tline-height: 1.5rem !important;\r\n\t  }\r\n\t  .lg\\:relative {\r\n\t\tposition: relative;\r\n\t  }\r\n\t  .lg\\:-left-6 {\r\n\t\tleft: -3rem;\r\n\t  }\r\n\t  .lg\\:-left-8 {\r\n\t\tleft: -3.5rem;\r\n\t  }\r\n\t  .lg\\:-top-25 {\r\n\t\ttop: -12.5rem;\r\n\t  }\r\n\t  .lg\\:-top-35 {\r\n\t\ttop: -17.5rem;\r\n\t  }\r\n\t  .lg\\:left-3 {\r\n\t\tleft: 1.5rem;\r\n\t  }\r\n\t  .lg\\:-left-7 {\r\n\t\tleft: -7.5rem;\r\n\t  }\r\n\t\r\n\t  .lg\\:left-auto {\r\n\t\tleft: auto;\r\n\t  }\r\n\t  .lg\\:mx-1 {\r\n\t\tmargin-left: 0.5rem;\r\n\t\tmargin-right: 0.5rem;\r\n\t  }\r\n\t  .lg\\:mx-2 {\r\n\t\tmargin-left: 1rem;\r\n\t\tmargin-right: 1rem;\r\n\t  }\r\n\t  .lg\\:mx-auto {\r\n\t\tmargin-left: auto;\r\n\t\tmargin-right: auto;\r\n\t  }\r\n\t  .lg\\:mb-19 {\r\n\t\tmargin-bottom: 9.5rem;\r\n\t  }\r\n\t  .lg\\:mb-3 {\r\n\t\tmargin-bottom: 1.5rem;\r\n\t  }\r\n\t  .lg\\:mb-4 {\r\n\t\tmargin-bottom: 2rem;\r\n\t  }\r\n\t  .lg\\:mb-5 {\r\n\t\tmargin-bottom: 2.5rem;\r\n\t  }\r\n\t  .lg\\:ml-1 {\r\n\t\tmargin-left: 0.5rem;\r\n\t  }\r\n\t  .lg\\:ml-2 {\r\n\t\tmargin-left: 1rem;\r\n\t  }\r\n\t  .lg\\:mt-0 {\r\n\t\tmargin-top: 0;\r\n\t  }\r\n\t  .lg\\:mt-10 {\r\n\t\tmargin-top: 5rem;\r\n\t  }\r\n\t  .lg\\:-mt-16 {\r\n\t\tmargin-top: -4rem;\r\n\t  }\r\n\t  .lg\\:mt-20 {\r\n\t\tmargin-top: 12rem;\r\n\t  }\r\n\t  .lg\\:-mt-20 {\r\n\t\tmargin-top: -5rem;\r\n\t  }\r\n\t  .lg\\:mt-1 {\r\n\t\tmargin-top: 0.5rem;\r\n\t  }\r\n\t  .lg\\:mt-13 {\r\n\t\tmargin-top: 6.5rem;\r\n\t  }\r\n\t  .lg\\:mt-25 {\r\n\t\tmargin-top: 12.5rem;\r\n\t  }\r\n\t  .lg\\:-mt-24{\r\n\t\tmargin-top: -11.5rem;\r\n\t  }\r\n\t  .lg\\:mt-3 {\r\n\t\tmargin-top: 1.5rem;\r\n\t  }\r\n\t  .lg\\:mt-30 {\r\n\t\tmargin-top: 15rem;\r\n\t  }\r\n\t  .lg\\:aspect-\\[100\\/40\\] {\r\n\t\taspect-ratio: 100/40;\r\n\t  }\r\n\t  .lg\\:h-10 {\r\n\t\theight: 5rem;\r\n\t  }\r\n\t  .lg\\:h-6{\r\n\t\theight: 3rem;\r\n\t  }\r\n\t  .lg\\:h-12 {\r\n\t\theight: 6rem;\r\n\t  }\r\n\t  .lg\\:h-36 {\r\n\t\theight: 18rem;\r\n\t  }\r\n\t  .lg\\:h-\\[200px\\] {\r\n\t\theight: 200px;\r\n\t  }\r\n\t  .lg\\:h-\\[250px\\] {\r\n\t\theight: 250px;\r\n\t  }\r\n\t  .lg\\:h-\\[285px\\] {\r\n\t\theight: 285px;\r\n\t  }\r\n\t  .lg\\:h-\\[300px\\] {\r\n\t\theight: 300px;\r\n\t  }\r\n\t  .lg\\:h-\\[350px\\] {\r\n\t\theight: 350px;\r\n\t  }\r\n\t  .lg\\:h-\\[400px\\] {\r\n\t\theight: 400px;\r\n\t  }\r\n\t  .lg\\:h-\\[500px\\] {\r\n\t\theight: 500px;\r\n\t  }\r\n\t  .lg\\:w-1\\/2 {\r\n\t\twidth: 50%;\r\n\t  }\r\n\t  .lg\\:w-1\\/3 {\r\n\t\twidth: 33.333333%;\r\n\t  }\r\n\t  .lg\\:w-10 {\r\n\t\twidth: 5rem;\r\n\t  }\r\n\t  .lg\\:w-40 {\r\n\t\twidth: 24rem;\r\n\t  }\r\n\t  .lg\\:w-35 {\r\n\t\twidth: 17.5rem;\r\n\t  }\r\n\t  \r\n\t  .lg\\:w-\\[200px\\] {\r\n\t\twidth: 200px;\r\n\t  }\r\n\t  .lg\\:w-\\[250px\\] {\r\n\t\twidth: 250px;\r\n\t  }\r\n\t  .lg\\:w-\\[300px\\] {\r\n\t\twidth: 300px;\r\n\t  }\r\n\t  .lg\\:w-\\[350px\\] {\r\n\t\twidth: 350px;\r\n\t  }\r\n\t  .lg\\:w-\\[400px\\] {\r\n\t\twidth: 400px;\r\n\t  }\r\n\t  .lg\\:w-\\[450px\\] {\r\n\t\twidth: 450px;\r\n\t  }\r\n\t  .lg\\:w-\\[140px\\] {\r\n\t\twidth: 140px;\r\n\t  }\r\n\t  .lg\\:w-\\[130px\\] {\r\n\t\twidth: 130px;\r\n\t  }\r\n\t  .lg\\:w-\\[100px\\] {\r\n\t\twidth: 100px;\r\n\t  }\r\n\t  .lg\\:w-\\[45\\%\\] {\r\n\t\twidth: 45%;\r\n\t  }\r\n\t  .lg\\:w-\\[530px\\] {\r\n\t\twidth: 530px;\r\n\t  }\r\n\t  .lg\\:w-\\[55\\%\\] {\r\n\t\twidth: 55%;\r\n\t  }\r\n\t  .lg\\:w-auto {\r\n\t\twidth: auto;\r\n\t  }\r\n\t  .lg\\:w-full {\r\n\t\twidth: 100%;\r\n\t  }\r\n\t  .lg\\:flex-row {\r\n\t\tflex-direction: row;\r\n\t  }\r\n\t  .lg\\:flex-row-reverse {\r\n\t\tflex-direction: row-reverse;\r\n\t  }\r\n\t  .lg\\:flex-wrap {\r\n\t\tflex-wrap: wrap;\r\n\t  }\r\n\t  .lg\\:items-start {\r\n\t\talign-items: flex-start;\r\n\t  }\r\n\t  .lg\\:justify-start {\r\n\t\tjustify-content: flex-start;\r\n\t  }\r\n\t  .lg\\:justify-center {\r\n\t\tjustify-content: center;\r\n\t  }\r\n\t  .lg\\:justify-evenly {\r\n\t\tjustify-content: space-evenly;\r\n\t  }\r\n\t  .lg\\:p-2 {\r\n\t\tpadding: 1rem;\r\n\t  }\r\n\t  .lg\\:px-3 {\r\n\t\tpadding-left: 1.5rem;\r\n\t\tpadding-right: 1.5rem;\r\n\t  }\r\n\t  .lg\\:px-4 {\r\n\t\tpadding-left: 2rem;\r\n\t\tpadding-right: 2rem;\r\n\t  }\r\n\t  .lg\\:py-3 {\r\n\t\tpadding-top: 1.5rem;\r\n\t\tpadding-bottom: 1.5rem;\r\n\t  }\r\n\t  .lg\\:pb-4 {\r\n\t\tpadding-bottom: 2rem;\r\n\t  }\r\n\t  .lg\\:pr-0 {\r\n\t\tpadding-right:0;\r\n\t  }\r\n\t  .lg\\:pr-2 {\r\n\t\tpadding-right: 1rem;\r\n\t  }\r\n\t  .lg\\:pr-4 {\r\n\t\tpadding-right: 2rem;\r\n\t  }\r\n\t  .lg\\:pr-8 {\r\n\t\tpadding-right: 4rem;\r\n\t  }\r\n\t  .lg\\:pt-12 {\r\n\t\tpadding-top: 6rem;\r\n\t  }\r\n\t  .lg\\:pt-25 {\r\n\t\tpadding-top: 10.5rem;\r\n\t  }\r\n\t  .lg\\:pt-4 {\r\n\t\tpadding-top: 2rem;\r\n\t  }\r\n\t  .lg\\:text-2xl {\r\n\t\tfont-size: 1.5rem;\r\n\t\tline-height: 2rem;\r\n\t  }\r\n\t  .lg\\:text-3xl {\r\n\t\tfont-size: 1.875rem;\r\n\t\tline-height: 2.25rem;\r\n\t  }\r\n\t  .lg\\:text-4xl {\r\n\t\tfont-size: 2.25rem;\r\n\t\tline-height: 2.5rem;\r\n\t  }\r\n\t  .lg\\:text-6xl {\r\n\t\tfont-size: 3.75rem;\r\n\t\tline-height: 1;\r\n\t  }\r\n\t  .lg\\:text-8xl {\r\n\t\tfont-size: 6rem;\r\n\t\tline-height: 1;\r\n\t  }\r\n\t}\r\n\t@media (min-width: 1280px) {\r\n\t  .xl\\:w-\\[630px\\] {\r\n\t\twidth: 630px;\r\n\t  }\r\n\t  .xl\\:justify-between {\r\n\t\tjustify-content: space-between;\r\n\t  }\r\n\t}\r\n\t</style>","beforeEndBody":""},"conditionIds":["536a0342-c6ec-4919-b04d-5f1c0c5c683d","a7857dcd-f62a-4fd9-8ccd-e2a1e69d1332"]},{"tagId":"67a25987-dba5-4065-8d3a-4473dd3316fe","tagTypeId":"custom_tag_type","name":"Leaderboard Racelist CSS overwrite","description":"Leaderboard Racelist CSS overwrite","config":{"beforeEndHead":"<style>\r\n.portlet-wrapper {\r\n    background: transparent;\r\n}\r\n\r\n.StartStatusBadge__badge--2CW{\r\n    display: none;\r\n}\r\n\r\n.StartStatusBadge__active--2RP {\r\n  display: none;\r\n}\r\n\r\n.CountDownBadge__badge--3-d {\r\n  display: none;\r\n}\r\n\r\n#layout-column_column-1 {\r\n    background: linear-gradient(180deg, #081B3E 0%, #07081E 100%);\r\n}\r\n\r\n.RacesList__tab--x33.RacesList__active--s-B {\r\n    border-bottom-color: #FFFFFF !important;\r\n    color: #FFFFFF !important;\r\n}\r\n\r\n.RaceListCard__name--L9Z {\r\n    color: #FFFFFF !important;\r\n}\r\n\r\n.RaceListCard__infoContainer--1pL {\r\n    color: #FFFFFF !important;\r\n}\r\n\r\n.RaceListCard__infoItem--1I7, #application .RaceListCard__infoRow--2Hb {\r\n    --info-block-border: 0.08em solid rgba(8, 20, 51, 1) !important;\r\n}\r\n\r\n.MoreDetailsButton__btn--pxa,\r\n.JoinButton__join--3z- {\r\n    margin-top: 1rem;\r\n    min-width: 10rem;\r\n    cursor: pointer;\r\n    border-radius: 2px;\r\n    background: #FFCC02 !important;\r\n    padding: 0.25rem;\r\n    text-align: center !important;\r\n    color: black !important;\r\n    font-size: 1.5rem !important;\r\n    font-weight: bold !important;\r\n    text-transform: uppercase !important;\r\n}\r\n\r\n.StartStatusBadge__onCard--32j.StartStatusBadge__completed--1nx,\r\n.StartStatusBadge__onCard--32j.StartStatusBadge__pendingReview--TcW {\r\n    display: none !important;\r\n}\r\n\r\n.RacesList__container--3XY--2EZ {\r\n    background-color: #fbf88e;\r\n    max-width: 1200px;\r\n    margin: 10em auto 0;\r\n    border-radius: 14px;\r\n}\r\n\r\n.mobile .RacesList__container--3XY--2EZ,\r\n.tablet .RacesList__container--3XY--2EZ {\r\n    max-width: 90%;\r\n}\r\n\r\n.EmptyState__image--33l {\r\n    display: none;\r\n}\r\n\r\n.EmptyState__title--2nv {\r\n    font-size: 2em;\r\n    font-weight: 700;\r\n    margin-bottom: 0;\r\n    text-transform: uppercase;\r\n    margin-top: 0;\r\n}\r\n\r\n.mobile .EmptyState__title--2nv {\r\n    font-size: 1.5em;\r\n}\r\n\r\n.EmptyState__description--2Tq span,\r\n.EmptyState__description--2Tq a {\r\n    color: #000;\r\n    font-weight: 400;\r\n}\r\n\r\n.Tabs__container--c7t {\r\n    background: rgba(29, 42, 127, 1);\r\n    border-radius: 10px 10px 0 0;\r\n}\r\n\r\n.RaceListCard__card--1BE:first-child {\r\n    border-top-left-radius: 0;\r\n    border-top-right-radius: 0;\r\n}\r\n\r\n.RaceListCard__card--1BE {\r\n    box-shadow: none !important;\r\n}\r\n\r\n.RaceListCard__body--3jf {\r\n    background-color: rgba(29, 42, 127, 1) !important;\r\n}\r\n\r\n.mobile .RaceListCard__card--1BE {\r\n    margin: 0 auto 2em;\r\n    max-width: 1200px !important;\r\n}\r\n\r\n.mobile .RacesList__raceList--3zb {\r\n    padding: 0 0.5em 1.5em;\r\n}\r\n\r\n.mobile .Tabs__container--c7t {\r\n    margin: 0 0.5em;\r\n}\r\n\r\n.tablet .RacesList__raceList--3zb {\r\n    padding: 0 0 3em;\r\n}\r\n\r\n.tablet.portrait .RaceListCard__card--1BE {\r\n    max-width: 100%;\r\n}\r\n\r\n.desktop .RacesList__fixedContainer--2OZ {\r\n    background: transparent;\r\n}\r\n\r\n.RacesList__fixedContainer--2OZ {\r\n    max-width: 1200px;\r\n    padding-left: calc(18px + 1.5625vw);\r\n    padding-right: calc(18px + 1.5625vw);\r\n    padding-top: 0;\r\n    padding-bottom: 0;\r\n    margin-bottom: 0;\r\n    width: 100%;\r\n    margin-right: auto;\r\n    margin-left: auto;\r\n}\r\n\r\n.mobile .RacesList__fixedContainer--2OZ {\r\n    margin-top: 0;\r\n}\r\n\r\n\r\n.RaceListCard__actions--19R> :first-child:not(:only-child) {\r\n    margin-right: 1.1em !important;\r\n}\r\n\r\n.Card__card--1vD {\r\n    border-radius: 10px;\r\n}\r\n\r\n.Card__card--1vD button {\r\n    opacity: 1;\r\n    border: none !important;\r\n    text-align: left;\r\n    letter-spacing: 0px;\r\n    text-transform: uppercase;\r\n    font-weight: 700;\r\n    border-radius: 3px;\r\n    font-size: 15px !important;\r\n    padding: 0 12px;\r\n}\r\n\r\n.Card__card--1vD button:before {\r\n    display: none;\r\n}\r\n\r\n.RacesList__tabs--1LV {\r\n    border-bottom: none;\r\n}\r\n\r\n.JoinButton__join--3z-:before {\r\n    content: \"\\2713\";\r\n    height: 31px;\r\n    width: 19px;\r\n    font-size: 16px;\r\n}\r\n\r\n.RacesList__tab--x33 {\r\n    font-size: 1.6em;\r\n    padding: 1em 1.4em;\r\n}\r\n\r\n@media (min-width: 768px) {\r\n    .RacesList__fixedContainer--2OZ {\r\n        width: 100%;\r\n    }\r\n\r\n    .RacesList__tab--x33 {\r\n        font-size: 1.9em;\r\n        padding: 1em 1.4em;\r\n    }\r\n\r\n    .StartStatusBadge__badge--2CW,\r\n    .RaceListCard__name--L9Z {\r\n        font-size: 1.5em;\r\n    }\r\n\r\n    .Card__infoBlock--387 .Card__label--3a_ {\r\n        font-size: 1.2em;\r\n    }\r\n\r\n    .Card__infoBlock--387 .Card__value--3gE {\r\n        font-size: 1.8em;\r\n    }\r\n\r\n    .Card__card--1vD button {\r\n        font-size: 20px !important;\r\n        padding: 0 25px !important;\r\n        height: 55px !important;\r\n    }\r\n\r\n    .JoinButton__join--3z-:before {\r\n        height: 43px;\r\n        width: 26px;\r\n        font-size: 25px;\r\n    }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .RaceListCard__card--1BE {\r\n        height: 28.6em !important;\r\n    }\r\n\r\n    .RacesList__raceList--3zb {\r\n        padding: 0;\r\n    }\r\n\r\n    .Card__card--1vD button {\r\n        font-size: 16px !important;\r\n        padding: 0 18px !important;\r\n        height: 44px !important;\r\n    }\r\n\r\n    .JoinButton__join--3z-:before {\r\n        height: 36px;\r\n        width: 26px;\r\n        font-size: 18px;\r\n    }\r\n\r\n    .RaceListCard__name--L9Z {\r\n        height: 6em;\r\n        font-size: 1.3em;\r\n    }\r\n}\r\n\r\n@media (min-width: 1200px) {\r\n    .RaceListCard__card--1BE {\r\n        height: 31em !important;\r\n        max-width: 100% !important;\r\n    }\r\n\r\n    .RaceListCard__body--3jf {\r\n        min-width: 45em !important;\r\n    }\r\n\r\n    .Leaderboards__wrapper_expand {\r\n        width: 91%;\r\n        margin-top: 10em !important;\r\n    }\r\n\r\n    .Card__card--1vD button {\r\n        font-size: 20px !important;\r\n        padding: 0 32px !important;\r\n        height: 44px !important;\r\n    }\r\n\r\n    .JoinButton__join--3z-:before {\r\n        height: 44px;\r\n        width: 26px;\r\n        font-size: 22px;\r\n    }\r\n}\r\n\r\n@media (max-width: 420px) {\r\n    .Button__btn--mdr {\r\n        text-align: center;\r\n        width: 100%;\r\n        margin-bottom: 5px;\r\n    }\r\n\r\n    .MoreDetailsButton__container--1ID,\r\n    .JoinButton__container--3vR {\r\n        width: 100%;\r\n    }\r\n\r\n    .RaceListCard__actions--19R {\r\n        display: block;\r\n    }\r\n\r\n    .JoinButton__join--3z- {\r\n        margin-left: 0;\r\n    }\r\n\r\n    .Card__card--1vD button {\r\n        text-align: center;\r\n    }\r\n\r\n    .JoinButton__join--3z-:after,\r\n    .JoinButton__join--3z-:before {\r\n        content: \"\";\r\n        flex: 0 0 auto !important;\r\n    }\r\n\r\n    .Card__infoBlock--387 .Card__label--3a_ {\r\n        flex: auto;\r\n    }\r\n}\r\n\r\n.mobile .char-image {\r\n    display: none;\r\n}\r\n\r\n.RaceListCard__mediaContent--1JN {\r\n    background: none !important;\r\n}\r\n\r\n</style>","beforeEndBody":""},"conditionIds":["b7c1694b-dabc-4d35-a883-c24544a9bbd6","536a0342-c6ec-4919-b04d-5f1c0c5c683d"]},{"tagId":"6f3fcc09-8213-4cab-ad07-9c69c71e5566","tagTypeId":"custom_tag_type","name":"Custom CSS /poker-news","description":"Custom CSS /poker-new","config":{"beforeEndHead":"<style> \r\n    select{\r\n        color: #000;\r\n    }\r\n\t.seo-link:hover{\r\n\t\tcolor:#fff !important;\r\n\t  }\r\n\t  .seo-link {\r\n\t\tcolor:#f9b000;\r\n\t\tfont-weight: bold;\r\n\t  }\r\n\t  .container {\r\n\t\twidth: 100%\r\n\t}\r\n\t\r\n\t@media (min-width: 640px) {\r\n\t\t.container {\r\n\t\t\tmax-width: 640px\r\n\t\t}\r\n\t}\r\n\t\r\n\t@media (min-width: 768px) {\r\n\t\t.container {\r\n\t\t\tmax-width: 768px\r\n\t\t}\r\n\t}\r\n\t\r\n\t@media (min-width: 1024px) {\r\n\t\t.container {\r\n\t\t\tmax-width: 1024px\r\n\t\t}\r\n\t}\r\n\t\r\n\t@media (min-width: 1280px) {\r\n\t\t.container {\r\n\t\t\tmax-width: 1280px\r\n\t\t}\r\n\t}\r\n\t\r\n\t@media (min-width: 1536px) {\r\n\t\t.container {\r\n\t\t\tmax-width: 1536px\r\n\t\t}\r\n\t}\r\n\t\r\n\t.pointer-events-none {\r\n\t\tpointer-events: none\r\n\t}\r\n\t\r\n\t.tracking-normal {\r\n\t  letter-spacing: 0em;\r\n\t}\r\n\t\r\n\t.absolute {\r\n\t\tposition: absolute\r\n\t}\r\n\t\r\n\t.relative {\r\n\t\tposition: relative\r\n\t}\r\n\t\r\n\t.inset-y-0 {\r\n\t\ttop: 0;\r\n\t\tbottom: 0\r\n\t}\r\n\t\r\n\t.start-0 {\r\n\t\tinset-inline-start: 0\r\n\t}\r\n\t\r\n\t.z-\\[1\\] {\r\n\t\tz-index: 1\r\n\t}\r\n\t\r\n\t.mx-auto {\r\n\t\tmargin-left: auto;\r\n\t\tmargin-right: auto\r\n\t}\r\n\t\r\n\t.my-0 {\r\n\t\tmargin-top: 0;\r\n\t\tmargin-bottom: 0\r\n\t}\r\n\t\r\n\t.mb-1 {\r\n\t\tmargin-bottom: .5rem\r\n\t}\r\n\t\r\n\t.mb-2 {\r\n\t\tmargin-bottom: 0.5rem;\r\n\t}  \r\n\t\r\n\t.mb-3 {\r\n\t\tmargin-bottom: 0.75rem;\r\n\t}\r\n\t\r\n\t.mb-10 {\r\n\t\tmargin-bottom: 2.5rem;\r\n\t}\r\n\t\r\n\t.mt-10 {\r\n\t\tmargin-top: 5rem\r\n\t}\r\n\t\r\n\t.mt-20 {\r\n\t  margin-top: 5rem;\r\n\t}\r\n\t\r\n\t.mt-2 {\r\n\t\tmargin-top: 1rem\r\n\t}\r\n\t\r\n\t.mt-0 {\r\n\t  margin-top: 0px;\r\n\t}\r\n\t\r\n\t.mt-3 {\r\n\t\tmargin-top: 1.5rem\r\n\t}\r\n\t\r\n\t.mt-4 {\r\n\t\tmargin-top: 2rem\r\n\t}\r\n\t\r\n\t.mt-8 {\r\n\t\tmargin-top: 4rem\r\n\t}\r\n\t\r\n\t.flex {\r\n\t\tdisplay: flex\r\n\t}\r\n\t\r\n\t.h-3 {\r\n\t\theight: 1.5rem\r\n\t}\r\n\t\r\n\t.h-7 {\r\n\t\theight: 3.5rem\r\n\t}\r\n\t\r\n\t.h-\\[178px\\] {\r\n\t\theight: 178px\r\n\t}\r\n\t\r\n\t.h-\\[212px\\] {\r\n\t\theight: 212px\r\n\t}\r\n\t\r\n\t.w-3 {\r\n\t\twidth: 1.5rem\r\n\t}\r\n\t\r\n\t.w-\\[300px\\] {\r\n\t\twidth: 300px\r\n\t}\r\n\t\r\n\t.w-full {\r\n\t\twidth: 100%\r\n\t}\r\n\t\r\n\t.cursor-pointer {\r\n\t\tcursor: pointer;\r\n\t}\r\n\t\r\n\t.max-w-screen-xl {\r\n\t\tmax-width: 1280px\r\n\t}\r\n\t\r\n\t.flex-col {\r\n\t\tflex-direction: column\r\n\t}\r\n\t\r\n\t.items-start {\r\n\t\talign-items: flex-start\r\n\t}\r\n\t\r\n\t.items-center {\r\n\t\talign-items: center\r\n\t}\r\n\t\r\n\t.justify-center {\r\n\t\tjustify-content: center\r\n\t}\r\n\t\r\n\t.rounded-full {\r\n\t\tborder-radius: 9999px\r\n\t}\r\n\t\r\n\t.rounded-md {\r\n\t\tborder-radius: .375rem\r\n\t}\r\n\t\r\n\t.border {\r\n\t\tborder-width: 1px\r\n\t}\r\n\t\r\n\t.border-solid {\r\n\t\tborder-style: solid\r\n\t}\r\n\t\r\n\t.bg-black {\r\n\t\t--tw-bg-opacity: 1;\r\n\t\tbackground-color: rgb(0 0 0 / var(--tw-bg-opacity))\r\n\t}\r\n\t\r\n\t.bg-white {\r\n\t\t--tw-bg-opacity: 1;\r\n\t\tbackground-color: rgb(255 255 255 / var(--tw-bg-opacity))\r\n\t}\r\n\t\r\n\t.hover\\:text-\\[\\#fc0\\]:hover {\r\n\t  --tw-text-opacity: 1;\r\n\t  color: rgb(255 204 0 / var(--tw-text-opacity)) !important;\r\n\t}\r\n\t\r\n\t.object-cover {\r\n\t\t-o-object-fit: cover;\r\n\t\tobject-fit: cover\r\n\t}\r\n\t\r\n\t\r\n\t.p-0 {\r\n\t\tpadding: 0px;\r\n\t}\r\n\t\r\n\t.p-3 {\r\n\t\tpadding: 1.5rem\r\n\t}\r\n\t\r\n\t.p-4 {\r\n\t\tpadding: 2rem\r\n\t}\r\n\t\r\n\t.p-5 {\r\n\t\tpadding: 1.25rem;\r\n\t}\r\n\t\r\n\t.px-3 {\r\n\t\tpadding-left: 1.5rem;\r\n\t\tpadding-right: 1.5rem\r\n\t}\r\n\t\r\n\t.px-2 {\r\n\t\tpadding-left: 1rem;\r\n\t\tpadding-right: 1rem\r\n\t}\r\n\t\r\n\t.px-6 {\r\n\t\tpadding-left: 3rem;\r\n\t\tpadding-right: 3rem\r\n\t}\r\n\t\r\n\t.py-1 {\r\n\t\tpadding-top: .5rem;\r\n\t\tpadding-bottom: .5rem\r\n\t}\r\n\t\r\n\t.pb-16 {\r\n\t\tpadding-bottom: 8rem\r\n\t}\r\n\t\r\n\t.pb-2 {\r\n\t\tpadding-bottom: 1rem\r\n\t}\r\n\t\r\n\t.pb-5 {\r\n\t\tpadding-bottom: 2.5rem\r\n\t}\r\n\t\r\n\t.pr-1 {\r\n\t\tpadding-right: .5rem\r\n\t}\r\n\t\r\n\t.ps-2 {\r\n\t\tpadding-inline-start: 1rem\r\n\t}\r\n\t\r\n\t.ps-3 {\r\n\t\tpadding-inline-start: 1.5rem\r\n\t}\r\n\t\r\n\t.ps-7 {\r\n\t\tpadding-inline-start: 3.5rem\r\n\t}\r\n\t\r\n\t.pt-10 {\r\n\t\tpadding-top: 5rem\r\n\t}\r\n\t\r\n\t.pt-3 {\r\n\t\tpadding-top: 1.5rem\r\n\t}\r\n\t\r\n\t.text-center {\r\n\t\ttext-align: center\r\n\t}\r\n\t\r\n\t.text-left {\r\n\t\ttext-align: left;\r\n\t}\r\n\t\r\n\t.text-2xl {\r\n\t\tfont-size: 1.5rem;\r\n\t\tline-height: 2rem\r\n\t}\r\n\t\r\n\t.text-3xl {\r\n\t\tfont-size: 1.875rem;\r\n\t\tline-height: 2.25rem\r\n\t}\r\n\t\r\n\t.text-base {\r\n\t\tfont-size: 1rem;\r\n\t\tline-height: 1.5rem\r\n\t}\r\n\t\r\n\t.text-lg {\r\n\t\tfont-size: 1.125rem;\r\n\t\tline-height: 1.75rem\r\n\t}\r\n\t\r\n\t.text-xl {\r\n\t\tfont-size: 1.25rem;\r\n\t\tline-height: 1.75rem\r\n\t}\r\n\t\r\n\t.font-bold {\r\n\t\tfont-weight: 700\r\n\t}\r\n\t\r\n\t.font-semibold {\r\n\t\tfont-weight: 600\r\n\t}\r\n\t\r\n\t.font-medium {\r\n\t\tfont-weight: 500;\r\n\t}\r\n\t\r\n\t.uppercase {\r\n\t\ttext-transform: uppercase\r\n\t}\r\n\t\r\n\t.leading-6 {\r\n\t\tline-height: 1.5rem\r\n\t}\r\n\t\r\n\t.text-black {\r\n\t\t--tw-text-opacity: 1;\r\n\t\tcolor: rgb(0 0 0 / var(--tw-text-opacity))\r\n\t}\r\n\t\r\n\t.text-white {\r\n\t\t--tw-text-opacity: 1;\r\n\t\tcolor: rgb(255 255 255 / var(--tw-text-opacity))\r\n\t}\r\n\t\r\n\t.underline {\r\n\t\ttext-decoration-line: underline\r\n\t}\r\n\t\r\n\t.filter {\r\n\t\tfilter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\r\n\t}\r\n\t\r\n\t.custom-shadow:hover {\r\n\t\tbox-shadow: #fbd84dad 0 0 45px\r\n\t}\r\n\t\r\n\t.INFO {\r\n\t\tborder: 1px solid #707070;\r\n\t\tbackground-color: #f8f8f8;\r\n\t\tcolor: #707070\r\n\t}\r\n\t\r\n\t.EVENT {\r\n\t\tborder: 1px solid #6CB3F1;\r\n\t\tbackground-color: #e2f6ff;\r\n\t\tcolor: #6cb3f1\r\n\t}\r\n\t\r\n\t.GAME {\r\n\t\tborder: 1px solid #E24794;\r\n\t\tbackground-color: #f6d6e0;\r\n\t\tcolor: #e24794\r\n\t}\r\n\t\r\n\t.PROMO {\r\n\t\tborder: 1px solid #FFCC00;\r\n\t\tbackground-color: #fffae6;\r\n\t\tcolor: #fc0\r\n\t}\r\n\t\r\n\t.FEATURE {\r\n\t\tborder: 1px solid #2d6aa0;\r\n\t\tbackground-color: #2d6aa01a;\r\n\t\tcolor: #2d6aa0\r\n\t}\r\n\t\r\n\t.poker-blog-back-btn:before {\r\n\t\tcontent: \"❯\";\r\n\t\ttransform: rotate(180deg);\r\n\t\tdisplay: inline-block;\r\n\t\tmargin-right: 1rem\r\n\t}\r\n\t\r\n\t.info-svg {\r\n\t\twidth: 30px;\r\n\t\theight: auto;\r\n\t\ttransition: transform .5s ease-in-out\r\n\t}\r\n\t\r\n\t.info-svg:hover {\r\n\t\ttransform: scale(1.2)\r\n\t}\r\n\t\r\n\tul.info-items {\r\n\t\tlist-style-type: none\r\n\t}\r\n\t\r\n\tul.info-items li {\r\n\t\tposition: relative\r\n\t}\r\n\t\r\n\tul.info-items li:before {\r\n\t\tcontent: \"-\";\r\n\t\tposition: absolute;\r\n\t\tleft: -1.5em\r\n\t}\r\n\t\r\n\tul.info-items li.no-bullet:before {\r\n\t\tcontent: \"\";\r\n\t\tleft: 0\r\n\t}\r\n\t\r\n\t.btn-background-image {\r\n\t\ttext-shadow: none;\r\n\t\tborder-radius: .234em;\r\n\t\theight: 66px;\r\n\t\tbackground-color: #f9b000;\r\n\t\tborder: none\r\n\t}\r\n\t\r\n\t.btn-background-image:hover {\r\n\t\tbackground-color: #fc0;\r\n\t}\r\n\t\r\n\t.w-btn-normal {\r\n\t\twidth: 240px\r\n\t}\r\n\t\r\n\t@media (min-width: 768px) {\r\n\t\t.md\\:flex-row {\r\n\t\t\tflex-direction: row\r\n\t\t}\r\n\t\r\n\t\t.md\\:leading-8 {\r\n\t\t\tline-height: 2rem\r\n\t\t}\r\n\t}\r\n\t\r\n\t@media (min-width: 1024px) {\r\n\t\t.lg\\:\\!font-size-small {\r\n\t\t\tfont-size: 1rem !important;\r\n\t\t\tline-height: 1.5rem !important;\r\n\t\t  }\r\n\t\t.lg\\:absolute {\r\n\t\t\tposition: absolute\r\n\t\t}\r\n\t\r\n\t\t.lg\\:bottom-2 {\r\n\t\t\tbottom: 1rem\r\n\t\t}\r\n\t\r\n\t\t.lg\\:left-auto {\r\n\t\t\tleft: auto\r\n\t\t}\r\n\t\r\n\t\t.lg\\:right-0 {\r\n\t\t\tright: 0\r\n\t\t}\r\n\t\r\n\t\t.lg\\:top-auto {\r\n\t\t\ttop: auto\r\n\t\t}\r\n\t\r\n\t\t.lg\\:mt-1 {\r\n\t\t\tmargin-top: .5rem\r\n\t\t} \r\n\r\n\t\t.lg\\:ml-5 {\r\n\t\t\tmargin-left: 2.5rem\r\n\t\t}\r\n\t\t.lg\\:mr-5 {\r\n\t\t\tmargin-right: 2.5rem\r\n\t\t}\r\n\r\n\t\t.lg\\:h-\\[215px\\] {\r\n\t\t\theight: 215px\r\n\t\t}\r\n\t\r\n\t\t.lg\\:h-\\[317px\\] {\r\n\t\t\theight: 317px\r\n\t\t}\r\n\t\r\n\t\t.lg\\:w-1\\/4 {\r\n\t\t\twidth: 25%\r\n\t\t}\r\n\t\r\n\t\t.lg\\:w-3\\/4 {\r\n\t\t\twidth: 75%\r\n\t\t}\r\n\t\r\n\t\t.lg\\:w-4\\/5 {\r\n\t\t\twidth: 80%\r\n\t\t}\r\n\t\r\n\t\t.lg\\:w-\\[364px\\] {\r\n\t\t\twidth: 364px\r\n\t\t}\r\n\t\r\n\t\t.lg\\:w-\\[450px\\] {\r\n\t\t\twidth: 450px\r\n\t\t}\r\n\t\r\n\t\t.lg\\:w-full {\r\n\t\t\twidth: 100%\r\n\t\t}\r\n\t\r\n\t\t.lg\\:flex-row {\r\n\t\t\tflex-direction: row\r\n\t\t}\r\n\t\r\n\t\t.lg\\:flex-col-reverse {\r\n\t\t\tflex-direction: column-reverse\r\n\t\t}\r\n\t\r\n\t\t.lg\\:justify-end {\r\n\t\t\tjustify-content: flex-end\r\n\t\t}\r\n\t\r\n\t\t.lg\\:p-0 {\r\n\t\t\tpadding: 0\r\n\t\t}\r\n\t\r\n\t\t.lg\\:p-4 {\r\n\t\t\tpadding: 2rem\r\n\t\t}\r\n\t\r\n\t\t.lg\\:px-12 {\r\n\t\t\tpadding-left: 6rem;\r\n\t\t\tpadding-right: 6rem\r\n\t\t}\r\n\t\r\n\t\t.lg\\:pb-8 {\r\n\t\t\tpadding-bottom: 4rem\r\n\t\t}\r\n\t\r\n\t\t.lg\\:pl-3 {\r\n\t\t\tpadding-left: 1.5rem\r\n\t\t}\r\n\t\r\n\t\t.lg\\:pl-6 {\r\n\t\t\tpadding-left: 3rem\r\n\t\t}\r\n\t\r\n\t\t.lg\\:pr-2 {\r\n\t\t\tpadding-right: 1rem;\r\n\t\t}\r\n\t\r\n\t\t.lg\\:pl-2 {\r\n\t\t\tpadding-left: 1rem;\r\n\t\t}\r\n\t\r\n\t\t.lg\\:pr-4 {\r\n\t\t\tpadding-right: 2rem\r\n\t\t}\r\n\t\r\n\t\t.lg\\:pt-0 {\r\n\t\t\tpadding-top: 0\r\n\t\t}\r\n\t\r\n\t\t.lg\\:pt-20 {\r\n\t\t\tpadding-top: 10rem\r\n\t\t}\r\n\t\r\n\t\t.lg\\:text-lg {\r\n\t\t\tfont-size: 1.125rem;\r\n\t\t\tline-height: 1.75rem\r\n\t\t}\r\n\t\r\n\t\t.lg\\:text-xl {\r\n\t\t\tfont-size: 1.25rem;\r\n\t\t\tline-height: 1.75rem\r\n\t\t}\r\n\t}\r\n\t\r\n\t@media (min-width: 1280px) {\r\n\t\t.xl\\:text-2xl {\r\n\t\t\tfont-size: 1.5rem;\r\n\t\t\tline-height: 2rem\r\n\t\t}\r\n\t}\r\n\t</style>","beforeEndBody":""},"conditionIds":["1693427d-373c-460c-bf7c-3294c40a27d7","536a0342-c6ec-4919-b04d-5f1c0c5c683d"]},{"tagId":"4b8adf81-4d6e-499b-9236-c354f5692228","tagTypeId":"custom_tag_type","name":"Custom CSS Sprite","description":"Custom CSS Sprite","config":{"beforeEndHead":"<style>\r\n/* Icons position */\r\n.application-root .micon-all-games {\r\n  background-position: 0em -283.5em;\r\n}\r\n\r\n.application-root .micon-bonu {\r\n  background-position: 0em -286.65em;\r\n}\r\n\r\n.application-root .micon-casino {\r\n  background-position: 0em -289.4em;\r\n}\r\n\r\n.application-root .micon-datenschutz {\r\n  background-position: 0em -291.9em;\r\n}\r\n\r\n.application-root .micon-high-roller {\r\n  background-position: 0em -294.4em;\r\n}\r\n\r\n.application-root .micon-hilfe {\r\n  background-position: 0em -296.8em;\r\n}\r\n\r\n.application-root .micon-jackpots {\r\n  background-position: 0em -299.10em;\r\n}\r\n\r\n.application-root .micon-kontakt {\r\n  background-position: 0em -301.3em;\r\n}\r\n\r\n.application-root .micon-konto {\r\n  background-position: 0em -303.7em;\r\n}\r\n\r\n.application-root .micon-kontoauszug {\r\n  background-position: 0em -306.3em;\r\n}\r\n\r\n.application-root .micon-kontostatus {\r\n  background-position: 0em -309em;\r\n}\r\n\r\n.application-root .micon-live-casino {\r\n  background-position: 0em -311.2em;\r\n}\r\n\r\n.application-root .micon-lobby {\r\n  background-position: 0em -275.9em;\r\n}\r\n\r\n.application-root .micon-lohnausweis {\r\n  background-position: 0em -273.7em;\r\n}\r\n\r\n.application-root .micon-pass-id {\r\n  background-position: 0em -271.6em;\r\n}\r\n\r\n.application-root .micon-pop {\r\n  background-position: 0em -269.5em;\r\n}\r\n\r\n.application-root .micon-promotion {\r\n  background-position: 0em -267.25em;\r\n}\r\n\r\n.application-root .micon-rappen-slots {\r\n  background-position: 0em -265.2em;\r\n}\r\n\r\n.application-root .micon-registrierung {\r\n  background-position: 0em -262.5em;\r\n}\r\n\r\n.application-root .micon-royal-club {\r\n  background-position: 0em -260em;\r\n}\r\n\r\n.application-root .micon-spiele {\r\n  background-position: 0em -257.7em;\r\n}\r\n\r\n.application-root .micon-spiele1 {\r\n  background-position: 0em -255.2em;\r\n}\r\n\r\n.application-root .micon-spielerschutz {\r\n  background-position: 0em -252.4em;\r\n}\r\n\r\n.application-root .micon-sprache {\r\n  background-position: 0em -249.8em;\r\n}\r\n\r\n.application-root .micon-stromrechungn {\r\n  background-position: 0em -247.4em;\r\n}\r\n\r\n.application-root .micon-table-games {\r\n  background-position: 0em -244.4em;\r\n}\r\n\r\n.application-root .micon-technik {\r\n  background-position: 0em -241.6em;\r\n}\r\n\r\n.application-root .micon-viode-poker {\r\n  background-position: 0em -239.7em;\r\n}\r\n\r\n.application-root .micon-zahlungen {\r\n  background-position: 0em -237.45em;\r\n}\r\n\r\n.application-root .micon-poker-spielregeln {\r\n  background-position: -2.5em -318.5em;\r\n}\r\n\r\n.application-root .micon-poker-bonus {\r\n  background-position: -2.5em -321em;\r\n}\r\n\r\n.application-root .micon-poker-strategie {\r\n  background-position: -2.5em -313.5em;\r\n}\r\n\r\n.application-root .micon-poker-start {\r\n  background-position: -2.5em -315.9em;\r\n}\r\n\r\n.application-root .micon-trophy {\r\n  background-position: 0 -57.3em;\r\n}\r\n</style>","beforeEndBody":""},"conditionIds":["536a0342-c6ec-4919-b04d-5f1c0c5c683d"]},{"tagId":"37","tagTypeId":"custom_tag_type","name":"Custom CSS Tag /leaderboard","description":"Custom CSS Tag /leaderboard","config":{"beforeEndHead":"<style>\r\n/* Hide the default arrow in iOS */\r\ndetails {\r\n  list-style: none;\r\n}\r\n\r\ndetails summary::-webkit-details-marker {\r\n  display: none;\r\n}\r\n\r\n.portlet__content {\r\n  padding: 0;\r\n}\r\n\r\n:not(.swiper-wrapper)>.swiper-slide,\r\n:not(.swiper)>.swiper-slide {\r\n    display: unset;\r\n}\r\n\r\n.pointer-events-none {\r\n    pointer-events: none\r\n}\r\n\r\n.opacity-0 {\r\n    opacity: 0;\r\n}\r\n\r\n.absolute {\r\n    position: absolute\r\n}\r\n\r\n.relative {\r\n    position: relative\r\n}\r\n\r\n.inset-0 {\r\n    top: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    left: 0\r\n}\r\n\r\n.left-1\\/2 {\r\n    left: 50%\r\n}\r\n\r\n.left-0 {\r\n    left: 0\r\n}\r\n\r\n.top-\\[0\\] {\r\n    top: 0\r\n}\r\n\r\n.right-0 {\r\n    right: 0\r\n}\r\n\r\n.top-\\[14\\%\\] {\r\n    top: 14%;\r\n}\r\n\r\n.top-\\[16\\%\\] {\r\n    top: 16%;\r\n}\r\n\r\n.top-\\[23\\%\\] {\r\n    top: 23%;\r\n}\r\n\r\n.top-\\[49\\%\\] {\r\n    top: 49%;\r\n}\r\n\r\n.top-\\[19\\%\\] {\r\n    top: 19%\r\n}\r\n\r\n.top-\\[22\\%\\] {\r\n    top: 22%\r\n}\r\n\r\n.top-\\[31\\%\\] {\r\n    top: 31%\r\n}\r\n\r\n.top-\\[70\\%\\] {\r\n    top: 70%\r\n}\r\n\r\n.z-\\[1\\] {\r\n    z-index: 1\r\n}\r\n\r\n.z-\\[0\\] {\r\n    z-index: 0\r\n}\r\n\r\n.mx-auto {\r\n    margin-left: auto;\r\n    margin-right: auto\r\n}\r\n\r\n.mx-4 {\r\n    margin-left: 2rem;\r\n    margin-right: 2rem\r\n}\r\n\r\n.mt-2 {\r\n    margin-top: 1rem\r\n}\r\n\r\n.mt-4 {\r\n    margin-top: 2rem\r\n}\r\n\r\n.mt-5 {\r\n    margin-top: 2.5rem\r\n}\r\n\r\n.mt-12 {\r\n    margin-top: 6rem\r\n}\r\n\r\n.m-auto {\r\n    margin: auto;\r\n}\r\n\r\n.tracking-normal {\r\n    letter-spacing: 0em;\r\n}\r\n\r\n.mr-4 {\r\n    margin-right: 2rem\r\n}\r\n\r\n.mt-1 {\r\n    margin-top: .5rem\r\n}\r\n\r\n.mt-3 {\r\n    margin-top: 1.5rem\r\n}\r\n\r\n.mr-0 {\r\n    margin-right: 0\r\n}\r\n\r\n.ml-auto {\r\n    margin-left: auto\r\n}\r\n\r\n.mb-2 {\r\n    margin-bottom: 1rem\r\n}\r\n\r\n.block {\r\n    display: block\r\n}\r\n\r\n.flex {\r\n    display: flex\r\n}\r\n\r\n.h-12 {\r\n    height: 6rem\r\n}\r\n\r\n.h-10 {\r\n    height: 5rem\r\n}\r\n\r\n.h-20 {\r\n    height: 10rem;\r\n}\r\n\r\n.h-\\[31rem\\] {\r\n    height: 31rem;\r\n}\r\n\r\n.h-full {\r\n    height: 100%\r\n}\r\n\r\n.h-auto {\r\n    height: auto\r\n}\r\n\r\n.h-14 {\r\n    height: 7rem\r\n}\r\n\r\n.h-\\[61px\\] {\r\n    height: 61px\r\n}\r\n\r\n.w-\\[26rem\\] {\r\n    width: 26rem\r\n}\r\n\r\n.w-full {\r\n    width: 100%\r\n}\r\n\r\n.w-3\\/4 {\r\n    width: 75%\r\n}\r\n\r\n.w-1\\/3 {\r\n    width: 33.333333%\r\n}\r\n\r\n.w-14 {\r\n    width: 7rem\r\n}\r\n\r\n.w-\\[61px\\] {\r\n    width: 61px\r\n}\r\n\r\n.max-w-\\[2048px\\] {\r\n    max-width: 2048px\r\n}\r\n\r\n.max-w-\\[150px\\] {\r\n    max-width: 150px\r\n}\r\n\r\n.max-w-\\[300px\\] {\r\n    max-width: 300px\r\n}\r\n\r\n.max-w-\\[800px\\] {\r\n    max-width: 800px\r\n}\r\n\r\n.max-w-\\[250px\\] {\r\n    max-width: 250px\r\n}\r\n\r\n.max-w-\\[1280px\\] {\r\n    max-width: 1280px\r\n}\r\n\r\n.-translate-x-1\\/2 {\r\n    --tw-translate-x: -50%;\r\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\r\n}\r\n\r\n.-translate-x-\\[0\\] {\r\n    --tw-translate-x: 0;\r\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\r\n}\r\n\r\n.-translate-y-1\\/2 {\r\n    --tw-translate-y: -50%;\r\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\r\n}\r\n\r\n.-translate-x-\\[25\\%\\] {\r\n    --tw-translate-x: -25%;\r\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\r\n}\r\n\r\n.-translate-y-5 {\r\n    --tw-translate-y: -2.5rem;\r\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\r\n}\r\n\r\n.translate-x-\\[40\\%\\] {\r\n    --tw-translate-x: 40%;\r\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\r\n}\r\n\r\n.-translate-y-3 {\r\n    --tw-translate-y: -1.5rem;\r\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\r\n}\r\n\r\n.-translate-x-\\[40\\%\\] {\r\n    --tw-translate-x: -40%;\r\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\r\n}\r\n\r\n.translate-x-\\[35\\%\\] {\r\n    --tw-translate-x: 35%;\r\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\r\n}\r\n\r\n.-translate-x-\\[20\\%\\] {\r\n    --tw-translate-x: -20%;\r\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\r\n}\r\n\r\n.cursor-pointer {\r\n    cursor: pointer\r\n}\r\n\r\n.list-disc {\r\n    list-style-type: disc\r\n}\r\n\r\n.flex-row {\r\n    flex-direction: row\r\n}\r\n\r\n.flex-col {\r\n    flex-direction: column\r\n}\r\n\r\n.items-center {\r\n    align-items: center\r\n}\r\n\r\n.justify-center {\r\n    justify-content: center\r\n}\r\n\r\n.justify-between {\r\n    justify-content: space-between\r\n}\r\n\r\n.overflow-hidden {\r\n    overflow: hidden\r\n}\r\n\r\n.rounded {\r\n    border-radius: .25rem\r\n}\r\n\r\n.rounded-\\[10px\\] {\r\n    border-radius: 10px\r\n}\r\n\r\n.rounded-\\[2px\\] {\r\n    border-radius: 2px\r\n}\r\n\r\n.bg-gray-200 {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(229 231 235 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-\\[rgba\\(93\\,93\\,96\\,0\\.19\\)\\] {\r\n    background-color: #5d5d6030\r\n}\r\n\r\n.bg-\\[\\#16192d\\] {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(22 25 45 / var(--tw-bg-opacity)) /* #16192d */;\r\n}\r\n\r\n.object-contain {\r\n    -o-object-fit: contain;\r\n    object-fit: contain\r\n}\r\n\r\n.object-cover {\r\n    -o-object-fit: cover;\r\n    object-fit: cover\r\n}\r\n\r\n.p-3 {\r\n    padding: 1.5rem\r\n}\r\n\r\n.px-4 {\r\n    padding-left: 2rem;\r\n    padding-right: 2rem\r\n}\r\n\r\n.px-2 {\r\n    padding-left: 1rem;\r\n    padding-right: 1rem\r\n}\r\n\r\n.px-5 {\r\n    padding-left: 2.5rem;\r\n    padding-right: 2.5rem\r\n}\r\n\r\n.py-5 {\r\n    padding-top: 2.5rem;\r\n    padding-bottom: 2.5rem\r\n}\r\n\r\n.py-\\[0\\.25rem\\] {\r\n    padding-top: .25rem;\r\n    padding-bottom: .25rem\r\n}\r\n\r\n.pt-5 {\r\n    padding-top: 2.5rem\r\n}\r\n\r\n.pt-8 {\r\n    padding-top: 4rem\r\n}\r\n\r\n.pb-0 {\r\n    padding-bottom: 0\r\n}\r\n\r\n.pt-10 {\r\n    padding-top: 5rem\r\n}\r\n\r\n.pb-4 {\r\n    padding-bottom: 2rem\r\n}\r\n\r\n.pb-6 {\r\n    padding-bottom: 3rem\r\n}\r\n\r\n.pl-2 {\r\n    padding-left: 1rem\r\n}\r\n\r\n.text-left {\r\n    text-align: left\r\n}\r\n\r\n.text-center {\r\n    text-align: center\r\n}\r\n\r\n.text-3xl {\r\n    font-size: 1.875rem;\r\n    line-height: 2.25rem\r\n}\r\n\r\n.text-5xl {\r\n    font-size: 3rem;\r\n    line-height: 1\r\n}\r\n\r\n.text-lg {\r\n    font-size: 1.125rem;\r\n    line-height: 1.75rem\r\n}\r\n\r\n.text-xl {\r\n    font-size: 1.25rem;\r\n    line-height: 1.75rem\r\n}\r\n\r\n.text-2xl {\r\n    font-size: 1.5rem;\r\n    line-height: 2rem\r\n}\r\n\r\n.text-4xl {\r\n    font-size: 2.25rem;\r\n    line-height: 2.5rem\r\n}\r\n\r\n.font-extrabold {\r\n    font-weight: 800\r\n}\r\n\r\n.font-bold {\r\n    font-weight: 700\r\n}\r\n\r\n.font-normal {\r\n    font-weight: 400\r\n}\r\n\r\n.uppercase {\r\n    text-transform: uppercase\r\n}\r\n\r\n.text-\\[\\#FFCC02\\] {\r\n    --tw-text-opacity: 1;\r\n    color: rgb(255 204 2 / var(--tw-text-opacity))\r\n}\r\n\r\n.text-white {\r\n    --tw-text-opacity: 1;\r\n    color: rgb(255 255 255 / var(--tw-text-opacity))\r\n}\r\n\r\n.text-\\[\\#85E9FF\\] {\r\n    --tw-text-opacity: 1;\r\n    color: rgb(133 233 255 / var(--tw-text-opacity))\r\n}\r\n\r\n.opacity-50 {\r\n    opacity: .5\r\n}\r\n\r\n.transition-transform {\r\n    transition-property: transform;\r\n    transition-timing-function: cubic-bezier(.4, 0, .2, 1);\r\n    transition-duration: .15s\r\n}\r\n\r\n.displaynone {\r\n    display: none\r\n}\r\n\r\n.slider-title-shadow {\r\n    text-shadow: 0px 4px 4px rgba(0, 0, 0, .25)\r\n}\r\n\r\n.gradient-bg {\r\n    background: rgb(50, 106, 204);\r\n    background: linear-gradient(180deg, rgba(50, 106, 204, 1) 0%, rgba(9, 29, 50, 1) 100%);\r\n    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=\"#326acc\", endColorstr=\"#091d32\", GradientType=1)\r\n}\r\n\r\n.gradient-bg-transparent {\r\n    background: rgb(50, 106, 204);\r\n    background: linear-gradient(180deg, rgba(50, 106, 204, .9) 0%, rgba(9, 29, 50, .8) 100%);\r\n    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=\"#326acc\", endColorstr=\"#091d32\", GradientType=1);\r\n    background: radial-gradient(80.84% 73.97% at 97.87% 94.17%, rgba(218, 36, 139, .2) 0%, rgba(255, 70, 138, 0) 100%), radial-gradient(37.91% 39.97% at 17.49% 99.76%, rgba(56, 255, 242, .2) 0%, rgba(73, 219, 255, 0) 100%), linear-gradient(180deg, rgba(9, 29, 50, .85) 0%, rgba(9, 45, 106, .85) 100%)\r\n}\r\n\r\n.gradient-border-bottom {\r\n    display: inline-block;\r\n    position: relative;\r\n    padding-bottom: 5px\r\n}\r\n\r\n.gradient-border-bottom:after {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    margin-left: 30px;\r\n    margin-right: 30px;\r\n    height: 1.5px;\r\n    border-radius: 30px;\r\n    background: linear-gradient(to right, #71C1FF, #447499)\r\n}\r\n\r\n.border-gray {\r\n    border: 1px solid rgba(255, 255, 255, .35)\r\n}\r\n\r\n.steps:hover {\r\n    box-shadow: 0 0 70px #7ab1ff\r\n}\r\n\r\n#leaderboard-slider .dy_unit {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 340px\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    #leaderboard-slider .dy_unit {\r\n        height: 485px\r\n    }\r\n}\r\n\r\n.group[open] .group-open\\:rotate-180 {\r\n    --tw-rotate: 180deg;\r\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .lg\\:top-\\[32\\%\\] {\r\n        top: 32%;\r\n    }\r\n\r\n    .lg\\:top-\\[36\\%\\] {\r\n        top: 36%;\r\n    }\r\n\r\n    .lg\\:top-\\[54\\%\\] {\r\n        top: 54%;\r\n    }\r\n\r\n    .lg\\:top-\\[39\\%\\] {\r\n        top: 39%\r\n    }\r\n\r\n    .lg\\:top-\\[45\\%\\] {\r\n        top: 45%\r\n    }\r\n\r\n    .lg\\:top-\\[65\\%\\] {\r\n        top: 65%\r\n    }\r\n\r\n    .lg\\:top-auto {\r\n        top: auto\r\n    }\r\n\r\n    .lg\\:bottom-1 {\r\n        bottom: .5rem\r\n    }\r\n\r\n    .lg\\:mx-auto {\r\n        margin-left: auto;\r\n        margin-right: auto\r\n    }\r\n\r\n    .lg\\:mt-10 {\r\n        margin-top: 5rem\r\n    }\r\n\r\n    .lg\\:block {\r\n        display: block\r\n    }\r\n\r\n    .lg\\:flex {\r\n        display: flex\r\n    }\r\n\r\n    .lg\\:hidden {\r\n        display: none\r\n    }\r\n\r\n    .lg\\:h-20 {\r\n        height: 10rem\r\n    }\r\n\r\n    .lg\\:h-\\[80px\\] {\r\n        height: 80px\r\n    }\r\n\r\n    .lg\\:w-\\[50rem\\] {\r\n        width: 50rem\r\n    }\r\n\r\n    .lg\\:w-20 {\r\n        width: 10rem\r\n    }\r\n\r\n    .lg\\:w-\\[55rem\\] {\r\n        width: 55rem\r\n    }\r\n\r\n    .lg\\:w-\\[80px\\] {\r\n        width: 80px\r\n    }\r\n\r\n    .lg\\:max-w-\\[450px\\] {\r\n        max-width: 450px\r\n    }\r\n\r\n    .lg\\:max-w-\\[200px\\] {\r\n        max-width: 200px\r\n    }\r\n\r\n    .lg\\:max-w-\\[400px\\] {\r\n        max-width: 400px\r\n    }\r\n\r\n    .lg\\:max-w-\\[2048px\\] {\r\n        max-width: 2048px\r\n    }\r\n\r\n    .lg\\:max-w-\\[630px\\] {\r\n        max-width: 630px\r\n    }\r\n\r\n    .lg\\:max-w-\\[350px\\] {\r\n        max-width: 350px\r\n    }\r\n\r\n    .lg\\:-translate-y-4 {\r\n        --tw-translate-y: -2rem;\r\n        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\r\n    }\r\n\r\n    .lg\\:-translate-x-\\[10\\%\\] {\r\n        --tw-translate-x: -10%;\r\n        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\r\n    }\r\n\r\n    .lg\\:translate-x-\\[25\\%\\] {\r\n        --tw-translate-x: 25%;\r\n        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\r\n    }\r\n\r\n    .lg\\:translate-y-0 {\r\n        --tw-translate-y: 0;\r\n        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\r\n    }\r\n\r\n    .lg\\:flex-row {\r\n        flex-direction: row\r\n    }\r\n\r\n    .lg\\:gap-25 {\r\n        gap: 12.5rem\r\n    }\r\n\r\n    .lg\\:gap-30 {\r\n        gap: 15rem\r\n    }\r\n\r\n    .lg\\:pt-5 {\r\n        padding-top: 2.5rem\r\n    }\r\n\r\n    .lg\\:pt-12 {\r\n        padding-top: 6rem\r\n    }\r\n\r\n    .lg\\:pt-20 {\r\n        padding-top: 10rem\r\n    }\r\n\r\n    .lg\\:pb-7 {\r\n        padding-bottom: 3.5rem\r\n    }\r\n\r\n    .lg\\:pb-40 {\r\n        padding-bottom: 20rem\r\n    }\r\n\r\n    .lg\\:text-6xl {\r\n        font-size: 3.75rem;\r\n        line-height: 1\r\n    }\r\n\r\n    .lg\\:text-2xl {\r\n        font-size: 1.5rem;\r\n        line-height: 2rem\r\n    }\r\n\r\n    .lg\\:text-3xl {\r\n        font-size: 1.875rem;\r\n        line-height: 2.25rem\r\n    }\r\n\r\n    .lg\\:text-5xl {\r\n        font-size: 3rem;\r\n        line-height: 1\r\n    }\r\n\r\n    .lg\\:text-xl {\r\n        font-size: 1.25rem;\r\n        line-height: 1.75rem\r\n    }\r\n}\r\n\r\n@media (min-width: 1860px) {\r\n    .xxl\\:-translate-x-\\[5\\%\\] {\r\n        --tw-translate-x: -5%;\r\n        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\r\n    }\r\n\r\n    .xxl\\:translate-x-\\[20\\%\\] {\r\n        --tw-translate-x: 20%;\r\n        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\r\n    }\r\n\r\n    .xxl\\:translate-x-0 {\r\n        --tw-translate-x: 0;\r\n        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\r\n    }\r\n    \r\n    .xxl\\:-translate-x-\\[2\\%\\] {\r\n        --tw-translate-x: -2%;\r\n        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\r\n    }\r\n}\r\n\r\n/*Slider PreLoader */\r\n.dot-pulse {\r\n  position: relative;\r\n  left: -9999px;\r\n  width: 10px;\r\n  height: 10px;\r\n  border-radius: 5px;\r\n  background-color: #FFCC02;\r\n  color: #FFCC02;\r\n  box-shadow: 9999px 0 0 -5px;\r\n  animation: dot-pulse 1.5s infinite linear;\r\n  animation-delay: 0.25s;\r\n}\r\n.dot-pulse::before, .dot-pulse::after {\r\n  content: \"\";\r\n  display: inline-block;\r\n  position: absolute;\r\n  top: 0;\r\n  width: 10px;\r\n  height: 10px;\r\n  border-radius: 5px;\r\n  background-color: #FFCC02;\r\n  color: #FFCC02;\r\n}\r\n.dot-pulse::before {\r\n  box-shadow: 9984px 0 0 -5px;\r\n  animation: dot-pulse-before 1.5s infinite linear;\r\n  animation-delay: 0s;\r\n}\r\n.dot-pulse::after {\r\n  box-shadow: 10014px 0 0 -5px;\r\n  animation: dot-pulse-after 1.5s infinite linear;\r\n  animation-delay: 0.5s;\r\n}\r\n\r\n@keyframes dot-pulse-before {\r\n  0% {\r\n    box-shadow: 9984px 0 0 -5px;\r\n  }\r\n  30% {\r\n    box-shadow: 9984px 0 0 2px;\r\n  }\r\n  60%, 100% {\r\n    box-shadow: 9984px 0 0 -5px;\r\n  }\r\n}\r\n@keyframes dot-pulse {\r\n  0% {\r\n    box-shadow: 9999px 0 0 -5px;\r\n  }\r\n  30% {\r\n    box-shadow: 9999px 0 0 2px;\r\n  }\r\n  60%, 100% {\r\n    box-shadow: 9999px 0 0 -5px;\r\n  }\r\n}\r\n@keyframes dot-pulse-after {\r\n  0% {\r\n    box-shadow: 10014px 0 0 -5px;\r\n  }\r\n  30% {\r\n    box-shadow: 10014px 0 0 2px;\r\n  }\r\n  60%, 100% {\r\n    box-shadow: 10014px 0 0 -5px;\r\n  }\r\n}\r\n</style>","beforeEndBody":""},"conditionIds":["536a0342-c6ec-4919-b04d-5f1c0c5c683d","b7c1694b-dabc-4d35-a883-c24544a9bbd6"]},{"tagId":"48","tagTypeId":"custom_tag_type","name":"Custom CSS Tag /spiele","description":"Custom CSS Tag /spiele","config":{"beforeEndHead":"<style>*,\n:after,\n:before {\n  box-sizing: border-box;\n  border: 0 solid;\n}\n\ntable {\n  border-collapse: collapse;\n}\n\nh3 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n\n*,\n:after,\n:before {\n  --tw-border-opacity: 1;\n  border-color: rgba(229, 231, 235, var(--tw-border-opacity));\n}\n\n.sticky {\n  position: -webkit-sticky;\n  position: sticky;\n}\n\n.top-table-head {\n  top: 220px;\n}\n\n#supplier-filter {\n  position: relative;\n  user-select: none;\n  overflow: hidden;\n  width: 90%;\n  margin: 0px auto;\n  cursor: grab;\n  border-radius: 5px;\n  border-left: 1px solid rgba(0, 0, 0, 0.05);\n  border-right: 1px solid rgba(0, 0, 0, 0.05);\n}\n\n.filter-arrows-container {\n  background-color: #fff;\n  margin: 0 auto;\n  position: sticky;\n  top: 135px;\n}\n\n.buttons-container {\n  cursor: pointer;\n  background: #ffffff;\n  display: flex;\n  justify-content: flex-end;\n  padding-right: 5px;\n  position: relative;\n  height: 25px;\n  top: 44px;\n}\n\n#prev-btn {\n  width: 24px;\n  background-repeat: no-repeat;\n  background-size: contain;\n  color: #ffcc00;\n  font-size: 15px;\n  height: 24px;\n  font-weight: 900;\n  margin-left: 5px;\n  margin-right: 5px;\n  cursor: pointer;\n  border-radius: 3px;\n  position: absolute;\n  left: 15px;\n}\n\n#next-btn {\n  width: 24px;\n  background-repeat: no-repeat;\n  background-size: contain;\n  color: #ffcc00;\n  font-size: 15px;\n  height: 24px;\n  font-weight: 900;\n  margin-left: 5px;\n  margin-right: 5px;\n  cursor: pointer;\n  border-radius: 3px;\n  position: absolute;\n  right: 15px;\n}\n\n@media (max-width: 768px) {\n  .top-table-head {\n    top: 105px;\n  }\n\n  .filter-arrows-container {\n    top: 43px;\n  }\n}\n\n@media (max-width: 1080px) {\n  .top-table-head {\n    top: 105px;\n  }\n\n  .filter-arrows-container {\n    top: 45px;\n  }\n\n  #supplier-filter {\n    overflow: auto;\n    width: 100%;\n    border: 0;\n  }\n\n  .buttons-container {\n    display: none;\n  }\n}\n\n.m-0 {\n  margin: 0px;\n}\n\n.my-4 {\n  margin-top: 1rem;\n  margin-bottom: 1rem;\n}\n\n.block {\n  display: block;\n}\n\n.table {\n  display: table;\n}\n\n.w-full {\n  width: 100%;\n}\n\n.table-auto {\n  table-layout: auto;\n}\n\n@keyframes spin {\n  to {\n    transform: rotate(1turn);\n  }\n}\n\n@keyframes ping {\n\n  75%,\n  to {\n    transform: scale(2);\n    opacity: 0;\n  }\n}\n\n@keyframes pulse {\n  50% {\n    opacity: 0.5;\n  }\n}\n\n@keyframes bounce {\n\n  0%,\n  to {\n    transform: translateY(-25%);\n    -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);\n    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);\n  }\n\n  50% {\n    transform: none;\n    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  }\n}\n\n.cursor-pointer {\n  cursor: pointer;\n}\n\n.bg-white {\n  --tw-bg-opacity: 1;\n  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));\n}\n\n.bg-oc_gray_darker {\n  --tw-bg-opacity: 1;\n  background-color: rgba(233, 233, 233, var(--tw-bg-opacity));\n}\n\n.p-10 {\n  padding: 2.5rem;\n}\n\n.px-3 {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n}\n\n.px-3 {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n}\n\n.px-8 {\n  padding-left: 2rem;\n  padding-right: 2rem;\n}\n\n.py-4 {\n  padding-top: 1rem;\n  padding-bottom: 1rem;\n}\n\n.py-8 {\n  padding-top: 2rem;\n  padding-bottom: 2rem;\n}\n\n.pl-3 {\n  padding-left: 0.75rem;\n}\n\n.text-2xl {\n  font-size: 1.5rem;\n}\n\n.text-left {\n  text-align: left;\n}\n\n.text-center {\n  text-align: center;\n}\n\n.text-right {\n  text-align: right;\n}\n\n.text-xs {\n  font-size: 0.75rem;\n  line-height: 1rem;\n}\n\n.font-medium {\n  font-weight: 500;\n}\n\n.uppercase {\n  text-transform: uppercase;\n}\n\n.leading-tight {\n  line-height: 1.25;\n}\n\n.tracking-wide {\n  letter-spacing: 0.025em;\n}\n\n.text-oc_blue {\n  --tw-text-opacity: 1;\n  color: rgba(66, 131, 186, var(--tw-text-opacity));\n}\n\n.hover\\:text-oc_black:hover {\n  --tw-text-opacity: 1;\n  color: rgba(32, 32, 32, var(--tw-text-opacity));\n}\n\n.hover\\:text-oc_blue:hover {\n  --tw-text-opacity: 1;\n  color: rgba(66, 131, 186, var(--tw-text-opacity));\n}\n\n.hover\\:bg-oc_black:hover {\n  background-color: #e9e9e9;\n}\n\ntr.hover\\:bg-oc_gray_darker.hover\\:text-oc_blue {\n  background: white;\n}\n\n.gamelist tr:nth-child(odd) {\n  background-color: white;\n}\n\n.gamelist tr:nth-child(even) {\n  background-color: #f5f5f5;\n}\n\n.game-info:nth-child(even) {\n  background-color: #f1f1f1;\n}\n\n.game-info:nth-child(odd) {\n  background-color: #fff;\n}\n\ntr.hover\\:bg-oc_gray_darker.hover\\:text-oc_blue:hover {\n  background: #e9e9e9 !important;\n}\n\ntr.bg-oc_gray_darker {\n  background-color: #e9e9e9;\n}\n\nth p.ascending,\nth p.descending {\n  padding-right: 18px;\n  position: relative;\n}\n\np.ascending:after,\np.descending:before {\n  border: 4px solid transparent;\n  content: \"\";\n  display: block;\n  height: 0;\n  right: 5px;\n  top: 50%;\n  position: absolute;\n  width: 0;\n}\n\np.descending:before {\n  border-bottom-color: #666;\n  margin-top: -9px;\n}\n\np.ascending:after {\n  border-top-color: #666;\n  margin-top: 1px;\n}\n\n.hero-title {\n  box-shadow: 0 7px 20px rgba(0, 0, 0, 0.2);\n}\n\n.w-p10 {\n  width: 10%;\n}\n\n.w-p15 {\n  width: 17%;\n}\n\n.w-p20 {\n  width: 20%;\n}\n\n.hide {\n  display: none;\n}\n\n@media (min-width: 768px) {\n  .md\\:hide {\n    display: none;\n  }\n\n  .md\\:block {\n    display: block;\n  }\n  \n  .md\\:inline-table {\n        display: inline-table;\n    }\n}\n\n#header.sticky,\n.header {\n  position: -webkit-sticky;\n  position: sticky !important;\n  top: 0 !important;\n}\n\n#nav_bar {\n  border: 0;\n  width: 100%;\n  overflow: hidden;\n}\n\n.game-info a,\n.bg-oc_gray_darker a {\n  color: var(--btn-primary-success-bg-color);\n  text-shadow: 1px 1px 0px #ffffff;\n  font-weight: 600;\n}\n\n/*filters*/\n.overflow-auto {\n  overflow: auto;\n}\n\n.flex-nowrap {\n  flex-wrap: nowrap;\n}\n\n.justify-evenly {\n  justify-content: space-evenly;\n}\n\n.cursor-pointer {\n  cursor: pointer;\n}\n\n.w-16 {\n  width: 4rem;\n}\n\n.h-16 {\n  height: 4rem;\n}\n\n.text-xs {\n  font-size: 0.75rem;\n  line-height: 1rem;\n}\n\n.active-filter {\n  scale: 1.1;\n  border-color: rgb(255 204 0) !important;\n  transition: unset !important;\n  filter: unset !important;\n  z-index: 1;\n}\n\n.m-1 {\n  margin: 0.25rem;\n}\n\n.p-2 {\n  padding: 0.5rem;\n}\n\n.break-all {\n  word-break: break-all;\n}\n\n.fillters-supplier-icon {\n  width: 6rem;\n  height: 2rem;\n  background-size: contain;\n  background-repeat: no-repeat;\n  margin: 0 auto;\n  background-position: center;\n}\n\n.supplier-div {\n  border: 1px solid rgb(184 184 184);\n  padding: 8px;\n  transition: filter 0.3s ease;\n  border-radius: 3px;\n  background-color: white;\n}\n.gamelist a .text-oc_blue{\n  color: var(--btn-primary-success-bg-color);\n}\n</style>","beforeEndBody":""},"conditionIds":["536a0342-c6ec-4919-b04d-5f1c0c5c683d","dcbf0a8d-a14a-46c5-b4d8-679a11615f22"]},{"tagId":"fd2f2e7f-8ff3-4ae4-ae10-1fc4af27b34d","tagTypeId":"custom_tag_type","name":"Custom CSS /poker-news-details","description":"Custom CSS /poker-news-details","config":{"beforeEndHead":"<style> \r\nbutton,\r\n[role=button] {\r\n    cursor: pointer\r\n}\r\n\r\n[hidden] {\r\n    display: none\r\n}\r\n\r\n.container {\r\n    width: 100%\r\n}\r\n\r\n@media (min-width: 640px) {\r\n    .container {\r\n        max-width: 640px\r\n    }\r\n}\r\n\r\n@media (min-width: 768px) {\r\n    .container {\r\n        max-width: 768px\r\n    }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .container {\r\n        max-width: 1024px\r\n    }\r\n}\r\n\r\n@media (min-width: 1280px) {\r\n    .container {\r\n        max-width: 1280px\r\n    }\r\n}\r\n\r\n@media (min-width: 1536px) {\r\n    .container {\r\n        max-width: 1536px\r\n    }\r\n}\r\n\r\n.button-base {\r\n    font-size: 1rem;\r\n    line-height: 1.5rem\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .button-base {\r\n        font-size: 1.125rem;\r\n        line-height: 1.75rem\r\n    }\r\n}\r\n\r\n@media (min-width: 1280px) {\r\n    .button-base {\r\n        font-size: 1.25rem;\r\n        line-height: 1.75rem\r\n    }\r\n}\r\n\r\n.button-base {\r\n    min-width: 10rem;\r\n    cursor: pointer;\r\n    border-radius: .125rem;\r\n    padding: .5rem;\r\n    text-align: center;\r\n    font-weight: 400;\r\n    --tw-text-opacity: 1;\r\n    color: rgb(32 32 32 / var(--tw-text-opacity));\r\n    text-decoration-thickness: 0px\r\n}\r\n\r\n.button-base-border {\r\n    border-width: 1px;\r\n    border-style: solid;\r\n    --tw-border-opacity: 1;\r\n    border-color: rgb(255 204 0 / var(--tw-border-opacity))\r\n}\r\n\r\n.button-base-border:hover {\r\n    --tw-border-opacity: 1;\r\n    border-color: rgb(249 176 0 / var(--tw-border-opacity))\r\n}\r\n\r\n.button-base-bg {\r\n    border-width: 1px;\r\n    border-style: solid;\r\n    --tw-border-opacity: 1;\r\n    border-color: rgb(255 204 0 / var(--tw-border-opacity))\r\n}\r\n\r\n.button-base-bg:hover {\r\n    --tw-border-opacity: 1;\r\n    border-color: rgb(249 176 0 / var(--tw-border-opacity))\r\n}\r\n\r\n.button-base-bg {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(255 204 0 / var(--tw-bg-opacity))\r\n}\r\n\r\n.button-base-bg:hover {\r\n    background-color: transparent\r\n}\r\n\r\n.mx-auto {\r\n    margin-left: auto;\r\n    margin-right: auto\r\n}\r\n\r\n.my-0 {\r\n    margin-top: 0;\r\n    margin-bottom: 0\r\n}\r\n\r\n.my-4 {\r\n    margin-top: 2rem;\r\n    margin-bottom: 2rem\r\n}\r\n\r\n.mb-0 {\r\n    margin-bottom: 0\r\n}\r\n\r\n.mb-1 {\r\n    margin-bottom: .5rem\r\n}\r\n\r\n.mt-8 {\r\n    margin-top: 4rem\r\n}\r\n\r\n.mb-5 {\r\n    margin-bottom: 2.5rem\r\n}\r\n\r\n.ml-4 {\r\n    margin-left: 2rem\r\n}\r\n\r\n.mt-6 {\r\n    margin-top: 3rem\r\n}\r\n\r\n.mt-10 {\r\n    margin-top: 5rem\r\n}\r\n\r\n.mt-2 {\r\n    margin-top: 1rem\r\n}\r\n\r\n.mt-3 {\r\n    margin-top: 1.5rem\r\n}\r\n\r\n.mt-4 {\r\n    margin-top: 2rem\r\n}\r\n\r\n.mt-5 {\r\n    margin-top: 2.5rem\r\n}\r\n\r\n.block {\r\n    display: block\r\n}\r\n\r\n.flex {\r\n    display: flex\r\n}\r\n\r\n.h-\\[120px\\] {\r\n    height: 120px\r\n}\r\n\r\n.h-\\[134px\\] {\r\n    height: 134px\r\n}\r\n\r\n.h-\\[178px\\] {\r\n    height: 178px\r\n}\r\n\r\n.w-\\[191px\\] {\r\n    width: 191px\r\n}\r\n\r\n.w-\\[300px\\] {\r\n    width: 300px;\r\n}\r\n\r\n.h-\\[212px\\] {\r\n    height: 212px;\r\n}\r\n\r\n.w-full {\r\n    width: 100%\r\n}\r\n\r\n.max-w-screen-xl {\r\n    max-width: 1280px\r\n}\r\n\r\n.flex-col {\r\n    flex-direction: column\r\n}\r\n\r\n.items-start {\r\n    align-items: flex-start\r\n}\r\n\r\n.items-center {\r\n    align-items: center\r\n}\r\n\r\n.rounded-full {\r\n    border-radius: 9999px\r\n}\r\n\r\n.border-b-\\[1px\\] {\r\n    border-bottom-width: 1px\r\n}\r\n\r\n.border-t-\\[1px\\] {\r\n    border-top-width: 1px\r\n}\r\n\r\n.border-l-\\[0px\\] {\r\n    border-left-width: 0px;\r\n}\r\n\r\n.border-r-\\[0px\\] {\r\n    border-right-width: 0px;\r\n}\r\n\r\n.border-solid {\r\n    border-style: solid;\r\n}\r\n\r\n.bg-black {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(0 0 0 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-white {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(255 255 255 / var(--tw-bg-opacity))\r\n}\r\n\r\n.object-contain {\r\n    -o-object-fit: contain;\r\n    object-fit: contain\r\n}\r\n\r\n.object-left {\r\n    -o-object-position: left;\r\n    object-position: left\r\n}\r\n\r\n.p-4 {\r\n    padding: 2rem\r\n}\r\n\r\n.px-3 {\r\n    padding-left: 1.5rem;\r\n    padding-right: 1.5rem\r\n}\r\n\r\n.px-2 {\r\n    padding-left: 1rem;\r\n    padding-right: 1rem\r\n}\r\n\r\n.px-6 {\r\n    padding-left: 3rem;\r\n    padding-right: 3rem\r\n}\r\n\r\n.py-1 {\r\n    padding-top: .5rem;\r\n    padding-bottom: .5rem\r\n}\r\n\r\n.py-\\[0\\.25rem\\] {\r\n    padding-top: 0.25rem;\r\n    padding-bottom: 0.25rem;\r\n}\r\n\r\n.py-2 {\r\n    padding-top: 1rem;\r\n    padding-bottom: 1rem\r\n}\r\n\r\n.pb-1 {\r\n    padding-bottom: .5rem\r\n}\r\n\r\n.pb-16 {\r\n    padding-bottom: 8rem\r\n}\r\n\r\n.pb-3 {\r\n    padding-bottom: 1.5rem\r\n}\r\n\r\n.pb-5 {\r\n    padding-bottom: 2.5rem\r\n}\r\n\r\n.pl-2 {\r\n    padding-left: 1rem\r\n}\r\n\r\n.pt-10 {\r\n    padding-top: 5rem\r\n}\r\n\r\n.pt-3 {\r\n    padding-top: 1.5rem\r\n}\r\n\r\n.pt-5 {\r\n    padding-top: 2.5rem\r\n}\r\n\r\n.text-center {\r\n    text-align: center\r\n}\r\n\r\n.text-2xl {\r\n    font-size: 1.5rem;\r\n    line-height: 2rem\r\n}\r\n\r\n.text-base {\r\n    font-size: 1rem;\r\n    line-height: 1.5rem\r\n}\r\n\r\n.text-lg {\r\n    font-size: 1.125rem;\r\n    line-height: 1.75rem\r\n}\r\n\r\n.text-xl {\r\n    font-size: 1.25rem;\r\n    line-height: 1.75rem\r\n}\r\n\r\n.font-bold {\r\n    font-weight: 700\r\n}\r\n\r\n.font-semibold {\r\n    font-weight: 600\r\n}\r\n\r\n.uppercase {\r\n    text-transform: uppercase\r\n}\r\n\r\n.text-white {\r\n    --tw-text-opacity: 1;\r\n    color: rgb(255 255 255 / var(--tw-text-opacity))\r\n}\r\n\r\n.custom-shadow:hover {\r\n    box-shadow: #fbd84dad 0 0 45px\r\n}\r\n\r\n.INFO {\r\n    border: 1px solid #707070;\r\n    background-color: #f8f8f8;\r\n    color: #707070\r\n}\r\n\r\n.EVENT {\r\n    border: 1px solid #6CB3F1;\r\n    background-color: #e2f6ff;\r\n    color: #6cb3f1\r\n}\r\n\r\n.GAME {\r\n    border: 1px solid #E24794;\r\n    background-color: #f6d6e0;\r\n    color: #e24794\r\n}\r\n\r\n.PROMO {\r\n    border: 1px solid #FFCC00;\r\n    background-color: #fffae6;\r\n    color: #fc0\r\n}\r\n\r\n.FEATURE {\r\n    border: 1px solid #2d6aa0;\r\n    background-color: #2d6aa01a;\r\n    color: #2d6aa0\r\n}\r\n\r\n.poker-blog-back-btn:before {\r\n    content: \"❯\";\r\n    transform: rotate(180deg);\r\n    display: inline-block;\r\n    margin-right: 1rem\r\n}\r\n\r\n.info-svg {\r\n    width: 30px;\r\n    height: auto;\r\n    transition: transform .5s ease-in-out\r\n}\r\n\r\n.info-svg:hover {\r\n    transform: scale(1.2)\r\n}\r\n\r\nul.info-items {\r\n    list-style-type: none\r\n}\r\n\r\nul.info-items li {\r\n    position: relative\r\n}\r\n\r\nul.info-items li:before {\r\n    content: \"-\";\r\n    position: absolute;\r\n    left: -1.5em\r\n}\r\n\r\nul.info-items li.no-bullet:before {\r\n    content: \"\";\r\n    left: 0\r\n}\r\nul.info-items li a {\r\n    color:#2d6aa0;\r\n    font-weight: bold;\r\n}\r\n\r\n\r\n@media (min-width: 768px) {\r\n    .md\\:h-\\[200px\\] {\r\n        height: 200px\r\n    }\r\n\r\n    .md\\:h-\\[333px\\] {\r\n        height: 333px\r\n    }\r\n\r\n    .md\\:w-full {\r\n        width: 100%\r\n    }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .lg\\:mr-13 {\r\n        margin-right: 6.5rem\r\n    }\r\n\r\n    .lg\\:mt-0 {\r\n        margin-top: 0\r\n    }\r\n\r\n    .lg\\:h-\\[317px\\] {\r\n        height: 317px\r\n    }\r\n\r\n    .lg\\:w-1\\/3 {\r\n        width: 33.333333%\r\n    }\r\n\r\n    .lg\\:w-2\\/3 {\r\n        width: 66.666667%\r\n    }\r\n\r\n    .lg\\:w-\\[450px\\] {\r\n        width: 450px\r\n    }\r\n\r\n    .lg\\:flex-row-reverse {\r\n        flex-direction: row-reverse\r\n    }\r\n\r\n    .lg\\:flex-col-reverse {\r\n        flex-direction: column-reverse\r\n    }\r\n\r\n    .lg\\:items-start {\r\n        align-items: flex-start\r\n    }\r\n\r\n    .lg\\:px-12 {\r\n        padding-left: 6rem;\r\n        padding-right: 6rem\r\n    }\r\n\r\n    .lg\\:px-15 {\r\n        padding-left: 7.5rem;\r\n        padding-right: 7.5rem\r\n    }\r\n\r\n    .lg\\:py-15 {\r\n        padding-top: 7.5rem;\r\n        padding-bottom: 7.5rem\r\n    }\r\n\r\n    .lg\\:pb-8 {\r\n        padding-bottom: 4rem\r\n    }\r\n\r\n    .lg\\:pt-0 {\r\n        padding-top: 0\r\n    }\r\n\r\n    .lg\\:pt-10 {\r\n        padding-top: 5rem\r\n    }\r\n\r\n    .lg\\:pt-20 {\r\n        padding-top: 10rem\r\n    }\r\n\r\n    .lg\\:pt-3 {\r\n        padding-top: 1.5rem\r\n    }\r\n\r\n    .lg\\:text-2xl {\r\n        font-size: 1.5rem;\r\n        line-height: 2rem\r\n    }\r\n\r\n    .lg\\:text-5xl {\r\n        font-size: 3rem;\r\n        line-height: 1\r\n    }\r\n\r\n    .lg\\:text-lg {\r\n        font-size: 1.125rem;\r\n        line-height: 1.75rem\r\n    }\r\n\r\n    .lg\\:text-xl {\r\n        font-size: 1.25rem;\r\n        line-height: 1.75rem\r\n    }\r\n}\r\n\r\n@media (min-width: 1280px) {\r\n    .xl\\:px-30 {\r\n        padding-left: 15rem;\r\n        padding-right: 15rem\r\n    }\r\n}\r\n</style>","beforeEndBody":""},"conditionIds":["f89abb3e-1262-4655-9cc6-6d2a78431461","536a0342-c6ec-4919-b04d-5f1c0c5c683d"]},{"tagId":"59","tagTypeId":"custom_tag_type","name":"Custom CSS Tag /verifizierung","description":"Custom CSS Tag /verifizierung","config":{"beforeEndHead":"<style>\n\n.desktop .menu__secondlevel-wrapper {\n   display: none;\n}\n\n/* Heros */\n.herogrid {\n  width: 100%;\n  margin: 0 auto;\n  padding: 1em 0;\n  background-color: #fff;\n  box-shadow: 0 7px 20px rgba(0,0,0,.2) !important;\n  display: grid;\n  grid-template: \"title\" auto\n                  \"content\" auto\n                  /1fr;\n  justify-items: center;\n  align-items: center;\n}\n\n.herotitle {\n  grid-area: title;\n  text-transform: uppercase;\n  text-align: center;\n}\n\n.herocontent {\n  grid-area: content;\n  text-align: center;\n  max-width: 70%;\n  margin-bottom: 1em;\n}\n\n.popup_type_loss_limit .herogrid {\n  background-color: transparent;\n}\n\n.Jumio__statuses--2X3, .Jumio__description--3gK{\n   display: none!important;\n}\n\n#p_p_id_jumio_WAR_accountportlet_INSTANCE_DZ7CRyJpAoor_ > div.Jumio__container--SR5 > p {\n  display: none !important;\n}\n\n#p_p_id_56_INSTANCE_FnRBVjjD7zMh_{\n  background-color: #f1f1f1 !important;\n}\n\n/* Jumio Background */\n#p_p_id_jumio_WAR_accountportlet_INSTANCE_DZ7CRyJpAoor_ > div.Jumio__container--SR5 {\n  background-color: #ffffff !important;\n  padding-top: 1.33em;\n  border-bottom: 1px solid #d3d3d3;\n}\n\n/* Jumio Titel */\n#p_p_id_jumio_WAR_accountportlet_INSTANCE_DZ7CRyJpAoor_ > div.Jumio__container--SR5 > h3 {\n  -webkit-tap-highlight-color: transparent;\n  box-sizing: border-box;\n  color: #202020;\n  font-size: 1.555em;\n  font-weight: 400;\n  letter-spacing: .5px;\n  margin: 0 0 1.33em 0;\n  outline: 0;\n  text-size-adjust: none;\n}\n\n.mobile .Jumio__title--1hz {\n    padding: .5em;\n    text-align: center;\n}\n  \n.Jumio__select--1Ai {\n  margin: 0 0 1em 0;\n}\n\n/* Mich verifizieren button */\n.Jumio__button--3bR {\n  margin: 0 0 1em 1em;\n  box-shadow: none !important;\n}\n  \n.mobile .Jumio__button--3bR {\n  margin: 1em 0 0 0;\n  box-shadow: none !important;\n}\n\n\n/* Portlet Jumio Steps */\n\n.body_SC *,.body_SC ::after,.body_SC ::before {\n    box-sizing: border-box\n}\n\n.body_SC * {\n    border-width: 0\n}\n\n.body_SC {\n    -webkit-text-size-adjust: 100%;\n    -webkit-tap-highlight-color: rgba(0,0,0,0);\n    margin: 0;\n    font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;\n    font-size: 1rem;\n    font-weight: 400;\n    line-height: 1.66;\n    color: #202020;\n    text-align: left;\n    background-color: rgba(0,0,0,0);\n}\n\n.body_SC [tabindex=\"-1\"]:focus {\n    outline: 0!important\n}\n\n\n@media (min-width: 1020px) {\n    .body_SC .paragraph-teaser-box .col-md-6.last-teaser {\n        margin-bottom:0!important\n    }\n\n    .body_SC .paragraph-teaser-box.paragraph-teaser-box-block-3 .teasers {\n        display: grid;\n        grid-template-columns: 1fr;\n        grid-row-gap: 50px;\n        grid-auto-rows: 1fr\n    }\n\n    .body_SC .teaser--large h3 {\n        font-size: 2rem\n    }\n}\n\n.body_SC .paragraph-teaser-box:not(.paragraph-teaser-box-block-3) .teaser_type_horizontal {\n    margin-bottom: 3rem\n}\n\n.body_SC .paragraph-teaser-box:not(.paragraph-teaser-box-block-3) .teaser_type_horizontal:last-child {\n    margin-bottom: 0\n}\n\n.body_SC .pt-8,.body_SC .py-8 {\n    padding-top: 2rem!important\n}\n\n.body_SC .pb-9,.body_SC .py-9 {\n    padding-bottom: 2.7rem!important\n}\n\n.body_SC .row {\n    display: -webkit-flex;\n    display: flex;\n    -webkit-flex-wrap: wrap;\n    flex-wrap: wrap;\n    margin-right: -15px;\n    margin-left: -15px\n}\n\n.body_SC .header-paragraphs .row.paragraph-jackpot {\n    margin-left: 0;\n    margin-right: 0\n}\n\n.body_SC .paragraph-reference .row:last-child .paragraph-reference__col:last-child {\n    margin-bottom: 0\n}\n\n@media (min-width: 1020px) {\n    .body_SC .paragraph-reference__col {\n        margin-bottom:30px\n    }\n\n    .body_SC .paragraph-reference .row:last-child .paragraph-reference__col {\n        margin-bottom: 0\n    }\n\n    .body_SC .paragraph-reference__moodboard {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        grid-template-rows: 1fr 1fr;\n        grid-template-areas: \"left-top right\" \"left-bottom right\";\n        grid-column-gap: 30px\n    }\n\n    .body_SC .paragraph-reference__moodboard:last-child .paragraph-reference__moodboard-left-bottom,.body_SC .paragraph-reference__moodboard:last-child .paragraph-reference__moodboard-right {\n        margin-bottom: 0\n    }\n\n    .body_SC .paragraph-reference__moodboard-right {\n        grid-area: right\n    }\n\n    .body_SC .paragraph-reference__moodboard-left-top {\n        grid-area: left-top\n    }\n\n    .body_SC .paragraph-reference__moodboard-left-bottom {\n        grid-area: left-bottom\n    }\n\n    .body_SC .teaser--large h3 {\n        font-size: 2rem\n    }\n}\n\n@media (max-width: 1019.98px) {\n    .body_SC .paragraph-view-reference__content div[class*=js-view-dom-] .row {\n        margin-left:0;\n        margin-right: 0\n    }\n\n    .body_SC .paragraph-view-reference__content div[class*=js-view-dom-] .views-row,.body_SC .paragraph-view-reference__content div[class*=js-view-dom-] .views-row div[class*=col-] {\n        padding: 0\n    }\n\n    .body_SC .teaser_box {\n        margin-bottom:2.7rem\n    }\n\n    .body_SC .teaser_box h3 {\n        font-size: 1.4286rem\n    }\n\n    .body_SC .teaser_box:last-child {\n        margin-bottom: 0\n    }\n\n    .body_SC .teaser_type_horizontal {\n        -webkit-flex-direction:column;\n        flex-direction: column\n    }\n\n    .body_SC .teaser_type_horizontal .teaser__image {\n        width: 100%!important\n    }\n\n    .body_SC .teaser_type_horizontal .teaser__image .border-right-12 {\n        border-right-width: 0;\n        border-bottom-width: 12px\n    }\n\n    .body_SC .teaser_type_horizontal .teaser__info {\n        width: 100%!important\n    }\n}\n\n.body_SC .col-sm-10{\n    position: relative;\n    width: 100%;\n    padding-right: 15px;\n    padding-left: 15px\n}\n\n@media (min-width: 576px) {\n    .body_SC .col-sm-10 {\n        -webkit-flex: 0 0 83.33333%;\n        flex: 0 0 83.33333%;\n        max-width: 83.33333%\n    }\n    .body_SC .offset-sm-1 {\n        margin-left: 8.33333%\n    }\n}\n\n.body_SC .h2,.body_SC h2 {\n    font-size: 2.5714rem\n}\n\n.body_SC .mb-8,.body_SC .my-8 {\n    margin-bottom: 2rem!important;\n    margin-top: 2rem!important;\n}\n\n.body_SC h1,.body_SC h2,.body_SC h3,.body_SC h4,.body_SC h5,.body_SC h6 {\n    margin-top: 0;\n    margin-bottom: .5rem\n}\n\n.body_SC .h1,.body_SC .h2,.body_SC .h3,.body_SC .h4,.body_SC .h5,.body_SC .h6,.body_SC h1,.body_SC h2,.body_SC h3,.body_SC h4,.body_SC h5,.body_SC h6 {\n    margin-bottom: .5rem;\n    font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;\n    font-weight: 400;\n    line-height: 1.5;\n    color: inherit\n}\n\n.body_SC .h3,.body_SC h3 {\n    font-size: 2rem\n}\n\n.body_SC .h4,.body_SC h3,.body_SC h4 {\n    font-weight: 500\n}\n\n.body_SC h2,.body_SC h2.h3,.body_SC h3,.body_SC h3.h4 {\n    font-weight: 400\n}\n\n@media (max-width: 1019.98px) {\n    .body_SC h2.h3 {\n        font-size:1.14rem\n    }\n    .body_SC h1.h2 {\n        font-size:1.428rem;\n        text-align: center\n    }\n\n    .body_SC .text-size-huge {\n        font-size:1rem\n    }\n}\n\n.body_SC .paragraph-gallery-view h3 {\n    font-weight: 300;\n    font-size: 2.571rem\n}\n\n.body_SC .paragraph-text .text-size-large h3 {\n    font-size: 1.428rem\n}\n\n.body_SC .paragraph-text .text-size-large .three-col h3 {\n    margin-top: 2.33rem;\n    margin-bottom: 1.86rem\n}\n\n@media (max-width: 1329.98px) {\n    .body_SC .teaser .text-size-huge {\n        font-size:1rem\n    }\n    .body_SC .teaser h2 {\n        font-size: 1.74rem\n    }\n}\n\n.body_SC .text-uppercase {\n    text-transform: uppercase!important;\n    letter-spacing: .025em\n}\n\n.body_SC .text-center {\n    text-align: center!important\n}\n\n.body_SC .teaser_box.teaser_type_horizontal>div {\n    width: 50%\n}\n\n.body_SC .teaser_box .teaser__image {\n    overflow: hidden\n}\n\n.body_SC .teaser_box .teaser__image picture {\n    transition: -webkit-transform .25s ease-in-out;\n    transition: transform .25s ease-in-out;\n    transition: transform .25s ease-in-out,-webkit-transform .25s ease-in-out;\n    -webkit-transform: scale(1);\n    transform: scale(1);\n    background-color: #e9e9e9;\n}\n\n.body_SC .teaser_box:hover .teaser__image picture {\n    -webkit-transform: scale(1.1);\n    transform: scale(1.1)\n}\n\n.body_SC .paragraph-teaser-box:not(.paragraph-teaser-box-block-3) .teaser_type_horizontal {\n    margin-bottom: 3rem\n}\n\n.body_SC .paragraph-teaser-box:not(.paragraph-teaser-box-block-3) .teaser_type_horizontal:last-child {\n    margin-bottom: 0\n}\n\n.body_SC .clearfix:after {\n    display: block;\n    clear: both;\n    content: \"\"\n}\n\n.body_SC a.bg-white:focus,.body_SC a.bg-white:hover,.body_SC button.bg-white:focus,.body_SC button.bg-white:hover {\n    background-color: #e6e6e6!important\n}\n\n.body_SC .bg-white {\n    background-color: #fff!important\n}\n\n.body_SC .shadow-lg {\n    box-shadow: 0 7px 20px rgba(0,0,0,.2)!important\n}\n\n.body_SC .d-flex {\n    display: -webkit-flex!important;\n    display: flex!important\n}\n\n.body_SC .border-theme {\n    transition: border-color .25s ease-in-out\n}\n\n.body_SC .page-theme-neutral .navbar__content.border-theme {\n    border: 0 solid transparent\n}\n\n.body_SC .page-theme-green .border-theme {\n    border-color: #77a892\n}\n\n.body_SC .page-theme-red .border-theme {\n    border-color: #973436\n}\n\n.body_SC .page-theme-peach .border-theme {\n    border-color: #d0865a\n}\n\n.body_SC .page-theme-secondary .border-theme {\n    border-color: var(--btn-primary-success-bg-color);\n}\n\n.body_SC .page-theme-darkblue .border-theme {\n    border-color: #343963\n}\n\n.body_SC .page-theme-brown .border-theme {\n    border-color: #846252\n}\n\n.body_SC .border-theme-hover.border-theme:hover,.body_SC .border-theme-hover:hover .border-theme {\n    border-color: #fc0\n}\n\n.body_SC .border-12,.body_SC .border-bottom-12,.body_SC .border-left-12,.body_SC .border-right-12,.body_SC .border-top-12 {\n    border-style: solid;\n    border-color: var(--btn-primary-success-bg-color);\n}\n\n.body_SC .border-right-12 {\n    border-right-width: 12px\n}\n\n.body_SC .border-bottom-12 {\n    border-bottom-width: 12px\n}\n\n.body_SC .embed-responsive {\n    display: block;\n    width: 100%;\n    padding: 0;\n    overflow: hidden\n}\n\n.body_SC .embed-responsive:before {\n    display: block;\n    content: \"\"\n}\n\n.body_SC .embed-responsive .embed-responsive-item,.body_SC .embed-responsive embed,.body_SC .embed-responsive iframe,.body_SC .embed-responsive object,.body_SC .embed-responsive video {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    border: 0\n}\n\n.body_SC .embed-responsive {\n    position: relative\n}\n\n.body_SC .embed-responsive picture {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0\n}\n\n.body_SC .embed-responsive-5by3:before {\n    padding-top: 60%\n}\n\n.body_SC .h-100 {\n    height: 100%!important\n}\n\n.body_SC .teaser:hover .teaser__background picture {\n    -webkit-transform: scale(1.1);\n    transform: scale(1.1)\n}\n\n.body_SC .teaser_box .teaser__image picture {\n    transition: -webkit-transform .25s ease-in-out;\n    transition: transform .25s ease-in-out;\n    transition: transform .25s ease-in-out,-webkit-transform .25s ease-in-out;\n    -webkit-transform: scale(1);\n    transform: scale(1)\n}\n\n.body_SC .teaser_box:hover .teaser__image picture {\n    -webkit-transform: scale(1.1);\n    transform: scale(1.1)\n}\n\n.body_SC .pt-3,.body_SC .py-3 {\n    padding-top: 1rem!important\n}\n\n.body_SC .pb-3,.body_SC .py-3 {\n    padding-bottom: 1rem!important\n}\n\n.body_SC .pr-4,.body_SC .px-4 {\n    padding-right: 1.5rem!important\n}\n\n.body_SC .pl-4,.body_SC .px-4 {\n    padding-left: 1.5rem!important\n}\n\n.body_SC .w-50 {\n    width: 50%!important\n}\n\n.body_SC p {\n    margin-top: 0;\n    margin-bottom: 1rem\n}\n\n.body_SC .text-size-large {\n    font-size: 1.1429rem\n}\n\n.body_SC .paragraph-text .text-size-large h2 {\n    font-size: 1.714rem\n}\n\n.body_SC .paragraph-text .text-size-large .big-text {\n    padding-top: 1.428rem;\n    margin-bottom: 1.8rem\n}\n\n.body_SC .mb-0,.body_SC .my-0 {\n    margin-bottom: 0!important\n}\n\n.body_SC .text-size-huge {\n    font-size: 1.4286rem\n}\n\n.body_SC .mb-3,.body_SC .my-3 {\n    margin-bottom: 1rem!important\n}\n\n.body_SC .text-weight-semibold {\n    font-weight: 500\n}\n\n.body_SC .pt-2,.body_SC .py-2 {\n    padding-top: .5rem!important\n}\n\n.body_SC a {\n    background-color: transparent\n}\n.body_SC a,.body_SC a:hover {\n    color: #202020;\n    text-decoration: none\n}\n.body_SC a:not([href]):not([tabindex]),.body_SC a:not([href]):not([tabindex]):focus,.body_SC a:not([href]):not([tabindex]):hover {\n    color: inherit;\n    text-decoration: none\n}\n\n.body_SC a:not([href]):not([tabindex]):focus {\n    outline: 0\n}\n\n.body_SC .btn {\n    display: inline-block;\n    font-weight: 500;\n    color: #202020;\n    text-align: center;\n    vertical-align: middle;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n    background-color: transparent;\n    border: 1px solid transparent;\n    padding: .375rem .75rem;\n    font-size: 1rem;\n    line-height: 1.66;\n    border-radius: 2px;\n    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out\n}\n\n.body_SC a.btn.disabled,.body_SC fieldset:disabled a.btn {\n    pointer-events: none\n}\n.body_SC .btn-primary {\n    color: #212529;\n    background-color: #fc0;\n    border-color: #fc0\n}\n\n.body_SC .body_SC .btn-primary:hover {\n    color: #212529;\n    background-color: #d9ad00;\n    border-color: #cca300\n}\n\n.body_SC .btn-primary:hover {\n    color: #212529;\n    background-color: #f9b000;\n    border-color: #f9b000\n}\n\n.body_SC .btn-primary.focus,.body_SC .btn-primary:focus {\n    box-shadow: 0 0 0 .3rem rgba(222,179,6,.5)\n}\n\n.body_SC .btn-primary.disabled,.body_SC .btn-primary:disabled {\n    color: #212529;\n    background-color: #fc0;\n    border-color: #fc0\n}\n\n.body_SC .btn-primary:not(:disabled):not(.disabled).active,.body_SC .btn-primary:not(:disabled):not(.disabled):active,.body_SC .show>.btn-primary.dropdown-toggle {\n    color: #212529;\n    background-color: #cca300;\n    border-color: #bf9900\n}\n\n.body_SC .btn-primary:not(:disabled):not(.disabled).active:focus,.body_SC .btn-primary:not(:disabled):not(.disabled):active:focus,.body_SC .show>.btn-primary.dropdown-toggle:focus {\n    box-shadow: 0 0 0 .3rem rgba(222,179,6,.5)\n}\n\n.body_SC .embed-responsive-16by9:before {\n    padding-top: 56.25%\n}\n\n@media (min-width: 768px) {\n    .body_SC .d-md-flex {\n        display: -webkit-flex!important;\n        display: flex!important\n    }\n}\n\n.body_SC .img-fluid.horizontal{\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    -webkit-transform: translateY(-50%) translateX(-50%);\n    transform: translateY(-50%) translateX(-50%);\n    max-width: 95%;\n    width: auto;    \n}\n\n.body_SC .img-fluid.vertical{\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    -webkit-transform: translateY(-50%) translateX(-50%);\n    transform: translateY(-50%) translateX(-50%);\n    max-height: 101%;\n    width: auto\n}\n</style>","beforeEndBody":""},"conditionIds":["536a0342-c6ec-4919-b04d-5f1c0c5c683d","3ff75f26-a4f7-4756-8008-825d079d2b42"]},{"tagId":"db0a6af6-6483-4b98-be03-db7070e3b735","tagTypeId":"custom_js","name":"DY Walkthrough Menu | My Account","description":"DY Walkthrough Menu | My Account","config":{"code":"(() => {\r\n    function initMyAccountTracking() {\r\n        const isMobile = Playtech.API.device.clientPlatform === 'mobile';\r\n        const isLoggedIn = Playtech.API.auth.isLoggedIn;\r\n\r\n        if (!isMobile) {\r\n            return;\r\n        }\r\n\r\n        if (!isLoggedIn) {\r\n            return;\r\n        }\r\n\r\n        const myAccountSelector = '.slide-menu__list.fn-accordion[data-url=\"/my-account\"]';\r\n\r\n        const addClickListener = (element) => {\r\n            const handleClick = () => {\r\n                try {\r\n                    DY.API(\"event\", {\r\n                        name: \"myaccount_mobile_click\",\r\n                    });\r\n                } catch (error) {\r\n                    console.error('[MyAccountTracking] Error triggering click event:', error);\r\n                } finally {\r\n                    element.removeEventListener('click', handleClick);\r\n                }\r\n            };\r\n\r\n            if (!element._trackingAttached) {\r\n                element.addEventListener('click', handleClick);\r\n                element._trackingAttached = true;\r\n            }\r\n        };\r\n\r\n        const observer = new MutationObserver((mutations, obs) => {\r\n            const myAccountElement = document.querySelector(myAccountSelector);\r\n            if (myAccountElement) {\r\n                addClickListener(myAccountElement);\r\n                obs.disconnect();\r\n            }\r\n        });\r\n\r\n        observer.observe(document.body, {\r\n            childList: true,\r\n            subtree: true\r\n        });\r\n\r\n        // Safety timeout to disconnect the observer\r\n        setTimeout(() => {\r\n            if (observer) {\r\n                observer.disconnect();\r\n            }\r\n        }, 10000);\r\n    }\r\n\r\n    try {\r\n        initMyAccountTracking();\r\n    } catch (error) {\r\n        console.error('[MyAccountTracking] Error initializing:', error);\r\n    }\r\n})();\r\n"},"conditionIds":["4eaa767f-38ed-46ce-aea0-afceba7315fd"]},{"tagId":"7daee514-4d89-4f80-aabc-821e43c1f576","tagTypeId":"custom_js","name":"On App init DY | Zip","description":"Reload DY Campaigns on lang change | Update player's profile language in Zendesk |Set Zip Code","config":{"code":"Playtech.on(Playtech.Events.LANGUAGE_CHANGED, async (lang) => {\r\n  DY.recommendationContext.lng = lang;\r\n  let formattedLang = lang[0].slice(0, 2).toUpperCase();\r\n    // zE(\"webWidget\", \"setLocale\", formattedLang);\r\n    zE(\"messenger:set\", \"locale\", formattedLang);\r\n});\r\n\r\n/* Set Zip Code into tag on every login */\r\nPlaytech.on('LOGGED_IN', async () => {\r\n  try {\r\n    const playtechDetails = Playtech.fetchUserDetails();\r\n\r\n    if (playtechDetails.userId) {\r\n      const zip = playtechDetails.zip;\r\n      const url = \"https://searchcollectcounter.azurewebsites.net/api/HttpTrigger2\";\r\n      const data = { zip_origin: zip };\r\n\r\n      try {\r\n        const response = await fetch(url, {\r\n          method: \"POST\",\r\n          headers: { \"Content-Type\": \"application/json\" },\r\n          body: JSON.stringify(data),\r\n        });\r\n\r\n        if (!response.ok) {\r\n          throw new Error(`Network response was not ok: ${response.statusText}`);\r\n        }\r\n\r\n        const responseData = await response.text();\r\n\r\n        Playtech.API.user.setPlayerTags(\r\n          [\r\n            {\r\n              name: \"sc/segmentation/zip_assigned_casino\",\r\n              value: responseData,\r\n              type: \"text\",\r\n            },\r\n          ],\r\n          true\r\n        );\r\n\r\n      } catch (fetchError) {\r\n        console.error(\"There has been a problem with your fetch operation:\", fetchError);\r\n      }\r\n    } else {\r\n      console.log(\"User ID not found\");\r\n    }\r\n  } catch (error) {\r\n    console.error(\"Error occurred:\", error);\r\n  }\r\n});"},"conditionIds":["49c0db39-d960-4837-920f-574b7820bfe0"]},{"tagId":"4","tagTypeId":"custom_tag_type","name":"Custom CSS Tag /event_details","description":"Custom CSS Tag /event_details","config":{"beforeEndHead":"<style>\r\n    .dynotifyjs-corner {\r\n      display: none;\r\n    }\r\n    \r\n    .opacity-0 {\r\n      opacity: 0;\r\n    }\r\n    \r\n    .capitalize{\r\n      text-transform: capitalize;\r\n    }\r\n    \r\n    .font-size-large {\r\n      font-size: 1.5rem;\r\n      line-height: 2rem;\r\n    }\r\n    @media (min-width: 1024px) {\r\n      .font-size-large {\r\n        font-size: 1.875rem;\r\n        line-height: 2.25rem;\r\n      }\r\n    }\r\n    @media (min-width: 1280px) {\r\n      .font-size-large {\r\n        font-size: 2.25rem;\r\n        line-height: 2.5rem;\r\n      }\r\n    }\r\n    .font-size-medium-extra {\r\n      font-size: 1.25rem;\r\n      line-height: 1.75rem;\r\n    }\r\n    @media (min-width: 1024px) {\r\n      .font-size-medium-extra {\r\n        font-size: 1.5rem;\r\n        line-height: 2rem;\r\n      }\r\n    }\r\n    @media (min-width: 1280px) {\r\n      .font-size-medium-extra {\r\n        font-size: 1.875rem;\r\n        line-height: 2.25rem;\r\n      }\r\n    }\r\n    .font-size-base {\r\n      font-size: 1rem;\r\n      line-height: 1.5rem;\r\n    }\r\n    @media (min-width: 1024px) {\r\n      .font-size-base {\r\n        font-size: 1.125rem;\r\n        line-height: 1.75rem;\r\n      }\r\n    }\r\n    @media (min-width: 1280px) {\r\n      .font-size-base {\r\n        font-size: 1.25rem;\r\n        line-height: 1.75rem;\r\n      }\r\n    }\r\n    .font-size-small-extra {\r\n      font-size: 0.875rem;\r\n      line-height: 1.25rem;\r\n    }\r\n    @media (min-width: 1024px) {\r\n      .font-size-small-extra {\r\n        font-size: 1rem;\r\n        line-height: 1.5rem;\r\n      }\r\n    }\r\n    @media (min-width: 1280px) {\r\n      .font-size-small-extra {\r\n        font-size: 1.125rem;\r\n        line-height: 1.75rem;\r\n      }\r\n    }\r\n    \r\n    .font-normal {\r\n      font-weight: 400;\r\n    }\r\n    \r\n    .page-container-narrow {\r\n      margin: 0 auto;\r\n      max-width: 1200px;\r\n    }\r\n    *,\r\n    :before,\r\n    :after {\r\n      --tw-border-spacing-x: 0;\r\n      --tw-border-spacing-y: 0;\r\n      --tw-translate-x: 0;\r\n      --tw-translate-y: 0;\r\n      --tw-rotate: 0;\r\n      --tw-skew-x: 0;\r\n      --tw-skew-y: 0;\r\n      --tw-scale-x: 1;\r\n      --tw-scale-y: 1;\r\n      --tw-pan-x: ;\r\n      --tw-pan-y: ;\r\n      --tw-pinch-zoom: ;\r\n      --tw-scroll-snap-strictness: proximity;\r\n      --tw-ordinal: ;\r\n      --tw-slashed-zero: ;\r\n      --tw-numeric-figure: ;\r\n      --tw-numeric-spacing: ;\r\n      --tw-numeric-fraction: ;\r\n      --tw-ring-inset: ;\r\n      --tw-ring-offset-width: 0px;\r\n      --tw-ring-offset-color: #fff;\r\n      --tw-ring-color: rgb(59 130 246 / 0.5);\r\n      --tw-ring-offset-shadow: 0 0 #0000;\r\n      --tw-ring-shadow: 0 0 #0000;\r\n      --tw-shadow: 0 0 #0000;\r\n      --tw-shadow-colored: 0 0 #0000;\r\n      --tw-blur: ;\r\n      --tw-brightness: ;\r\n      --tw-contrast: ;\r\n      --tw-grayscale: ;\r\n      --tw-hue-rotate: ;\r\n      --tw-invert: ;\r\n      --tw-saturate: ;\r\n      --tw-sepia: ;\r\n      --tw-drop-shadow: ;\r\n      --tw-backdrop-blur: ;\r\n      --tw-backdrop-brightness: ;\r\n      --tw-backdrop-contrast: ;\r\n      --tw-backdrop-grayscale: ;\r\n      --tw-backdrop-hue-rotate: ;\r\n      --tw-backdrop-invert: ;\r\n      --tw-backdrop-opacity: ;\r\n      --tw-backdrop-saturate: ;\r\n      --tw-backdrop-sepia: ;\r\n    }\r\n    ::backdrop {\r\n      --tw-border-spacing-x: 0;\r\n      --tw-border-spacing-y: 0;\r\n      --tw-translate-x: 0;\r\n      --tw-translate-y: 0;\r\n      --tw-rotate: 0;\r\n      --tw-skew-x: 0;\r\n      --tw-skew-y: 0;\r\n      --tw-scale-x: 1;\r\n      --tw-scale-y: 1;\r\n      --tw-pan-x: ;\r\n      --tw-pan-y: ;\r\n      --tw-pinch-zoom: ;\r\n      --tw-scroll-snap-strictness: proximity;\r\n      --tw-ordinal: ;\r\n      --tw-slashed-zero: ;\r\n      --tw-numeric-figure: ;\r\n      --tw-numeric-spacing: ;\r\n      --tw-numeric-fraction: ;\r\n      --tw-ring-inset: ;\r\n      --tw-ring-offset-width: 0px;\r\n      --tw-ring-offset-color: #fff;\r\n      --tw-ring-color: rgb(59 130 246 / 0.5);\r\n      --tw-ring-offset-shadow: 0 0 #0000;\r\n      --tw-ring-shadow: 0 0 #0000;\r\n      --tw-shadow: 0 0 #0000;\r\n      --tw-shadow-colored: 0 0 #0000;\r\n      --tw-blur: ;\r\n      --tw-brightness: ;\r\n      --tw-contrast: ;\r\n      --tw-grayscale: ;\r\n      --tw-hue-rotate: ;\r\n      --tw-invert: ;\r\n      --tw-saturate: ;\r\n      --tw-sepia: ;\r\n      --tw-drop-shadow: ;\r\n      --tw-backdrop-blur: ;\r\n      --tw-backdrop-brightness: ;\r\n      --tw-backdrop-contrast: ;\r\n      --tw-backdrop-grayscale: ;\r\n      --tw-backdrop-hue-rotate: ;\r\n      --tw-backdrop-invert: ;\r\n      --tw-backdrop-opacity: ;\r\n      --tw-backdrop-saturate: ;\r\n      --tw-backdrop-sepia: ;\r\n    }\r\n    .button-base {\r\n      font-size: 1rem;\r\n      line-height: 1.5rem;\r\n    }\r\n    @media (min-width: 1024px) {\r\n      .button-base {\r\n        font-size: 1.125rem;\r\n        line-height: 1.75rem;\r\n      }\r\n    }\r\n    @media (min-width: 1280px) {\r\n      .button-base {\r\n        font-size: 1.25rem;\r\n        line-height: 1.75rem;\r\n      }\r\n    }\r\n    .button-base {\r\n      min-width: 10rem;\r\n      cursor: pointer;\r\n      border-radius: 0.125rem;\r\n      padding: 0.5rem;\r\n      text-align: center;\r\n      font-weight: 400;\r\n      --tw-text-opacity: 1;\r\n      color: rgb(32 32 32 / var(--tw-text-opacity));\r\n      text-decoration-thickness: 0px;\r\n    }\r\n    .button-base-border {\r\n      border-width: 1px;\r\n      border-style: solid;\r\n      --tw-border-opacity: 1;\r\n      border-color: rgb(255 204 0 / var(--tw-border-opacity));\r\n    }\r\n    .button-base-border:hover {\r\n      --tw-border-opacity: 1;\r\n      border-color: rgb(249 176 0 / var(--tw-border-opacity));\r\n    }\r\n    .button-base-bg {\r\n      border-width: 1px;\r\n      border-style: solid;\r\n      --tw-border-opacity: 1;\r\n      border-color: rgb(255 204 0 / var(--tw-border-opacity));\r\n    }\r\n    .button-base-bg:hover {\r\n      --tw-border-opacity: 1;\r\n      border-color: rgb(249 176 0 / var(--tw-border-opacity));\r\n    }\r\n    .button-base-bg {\r\n      --tw-bg-opacity: 1;\r\n      background-color: rgb(255 204 0 / var(--tw-bg-opacity));\r\n    }\r\n    .button-base-bg:hover {\r\n      background-color: transparent;\r\n    }\r\n    .absolute {\r\n      position: absolute;\r\n    }\r\n    .mt-2 {\r\n      margin-top: 1rem;\r\n    }\r\n    .mr-1 {\r\n      margin-right: 0.5rem;\r\n    }\r\n    .mt-1 {\r\n      margin-top: 0.5rem;\r\n    }\r\n    .mt-4 {\r\n      margin-top: 2rem;\r\n    }\r\n    .mb-2 {\r\n      margin-bottom: 1rem;\r\n    }\r\n    .mb-3 {\r\n      margin-bottom: 1.5rem;\r\n    }\r\n    .mt-6 {\r\n      margin-top: 3rem;\r\n    }\r\n    .flex {\r\n      display: flex;\r\n    }\r\n    .h-42 {\r\n      height: 21rem;\r\n    }\r\n    .h-2 {\r\n      height: 1rem;\r\n    }\r\n    .w-full {\r\n      width: 100%;\r\n    }\r\n    .w-9\\/12 {\r\n      width: 75%;\r\n    }\r\n    .w-2 {\r\n      width: 1rem;\r\n    }\r\n    .w-8 {\r\n      width: 4rem/* 64px */;\r\n    }\r\n    .flex-row {\r\n      flex-direction: row;\r\n    }\r\n    .flex-col {\r\n      flex-direction: column;\r\n    }\r\n    .items-center {\r\n      align-items: center;\r\n    }\r\n    .justify-start {\r\n      justify-content: flex-start;\r\n    }\r\n    .justify-center {\r\n      justify-content: center;\r\n    }\r\n    .rounded {\r\n      border-radius: 0.25rem;\r\n    }\r\n    .uppercase {\r\n      text-transform: uppercase;\r\n    }\r\n    .bg-bright-gray {\r\n      --tw-bg-opacity: 1;\r\n      background-color: rgb(233 233 233 / var(--tw-bg-opacity));\r\n    }\r\n    .bg-white {\r\n      --tw-bg-opacity: 1;\r\n      background-color: rgb(255 255 255 / var(--tw-bg-opacity));\r\n    }\r\n    .bg-opacity-75 {\r\n      --tw-bg-opacity: 0.75;\r\n    }\r\n    .bg-contain {\r\n      background-size: contain;\r\n    }\r\n    .bg-no-repeat {\r\n      background-repeat: no-repeat;\r\n    }\r\n    .object-cover {\r\n      -o-object-fit: cover;\r\n      object-fit: cover;\r\n    }\r\n    .p-6 {\r\n      padding: 3rem;\r\n    }\r\n    .p-2 {\r\n      padding: 1rem;\r\n    }\r\n    .px-2 {\r\n      padding-left: 1rem;\r\n      padding-right: 1rem;\r\n    }\r\n    .py-1 {\r\n      padding-top: 0.5rem;\r\n      padding-bottom: 0.5rem;\r\n    }\r\n    .pt-1 {\r\n      padding-top: 0.5rem;\r\n    }\r\n    .pt-3 {\r\n      padding-top: 1.5rem;\r\n    }\r\n    .text-center {\r\n      text-align: center;\r\n    }\r\n    .text-black {\r\n      --tw-text-opacity: 1;\r\n      color: rgb(0 0 0 / var(--tw-text-opacity));\r\n    }\r\n    .no-underline {\r\n      text-decoration-line: none;\r\n    }\r\n    .event_details_page_content_rigt_date_icon {\r\n      background-image: url(/library/events_calendar_assets/calendar.svg);\r\n    }\r\n    .event_details_page_content_rigt_time_icon {\r\n      background-image: url(/library/events_calendar_assets/clock.svg);\r\n    }\r\n    .event_details_page_content_rigt_location_icon {\r\n      background-image: url(/library/events_calendar_assets/pin.svg);\r\n    }\r\n    .event_details_page_content_left_decription_text p,\r\n    .event_details_page_content_right_comment_text p {\r\n      line-height: 1.7;\r\n      margin-top: 1rem;\r\n      margin-bottom: 1rem;\r\n    }\r\n    .event_details_page_content_left_decription_text a {\r\n      background-color: #f9b000;\r\n    }\r\n    div.event_details_page_content_right_comment_text\r\n      > p:nth-child(4)\r\n      > a\r\n      > span\r\n      > span\r\n      > span\r\n      > span\r\n      > span\r\n      > span {\r\n      background: rgb(249 176 0);\r\n      padding: 3px;\r\n    }\r\n    td {\r\n      border: none;\r\n      border-bottom: 2px solid black;\r\n      padding-top: 4px;\r\n      padding-bottom: 4px;\r\n    }\r\n    table {\r\n      border: none;\r\n    }\r\n    .mobile table {\r\n      max-width: 100% !important;\r\n    }\r\n    .goback-button:before {\r\n      content: \"\\276f\";\r\n      transform: rotate(180deg);\r\n      display: inline-block;\r\n      left: 2rem;\r\n      margin-right: 1rem;\r\n    }\r\n    .custom-loader,\r\n    .custom-loader:before,\r\n    .custom-loader:after {\r\n      border-radius: 50%;\r\n      width: 2.5em;\r\n      height: 2.5em;\r\n      animation-fill-mode: both;\r\n      animation: bblFadInOut 1.8s infinite ease-in-out;\r\n    }\r\n    .custom-loader {\r\n      color: #f9b000;\r\n      font-size: 7px;\r\n      position: absolute;\r\n      text-indent: -9999em;\r\n      transform: translateZ(0);\r\n      animation-delay: -0.16s;\r\n    }\r\n    .custom-loader:before,\r\n    .custom-loader:after {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 0;\r\n    }\r\n    .custom-loader:before {\r\n      left: -3.5em;\r\n      animation-delay: -0.32s;\r\n    }\r\n    .custom-loader:after {\r\n      left: 3.5em;\r\n    }\r\n    @keyframes bblFadInOut {\r\n      0%,\r\n      80%,\r\n      to {\r\n        box-shadow: 0 2.5em 0 -1.3em;\r\n      }\r\n      40% {\r\n        box-shadow: 0 2.5em;\r\n      }\r\n    }\r\n    @media (min-width: 1024px) {\r\n      .lg\\:mt-4 {\r\n        margin-top: 2rem;\r\n      }\r\n      .lg\\:w-5\\/12 {\r\n        width: 41.666667%;\r\n      }\r\n      .lg\\:w-6\\/12 {\r\n        width: 50%;\r\n      }\r\n      .lg\\:flex-row {\r\n        flex-direction: row;\r\n      }\r\n      .lg\\:p-3 {\r\n        padding: 1.5rem;\r\n      }\r\n    }\r\n    @media (min-width: 1280px) {\r\n      .xl\\:mt-0 {\r\n        margin-top: 0;\r\n      }\r\n      .xl\\:flex-row {\r\n        flex-direction: row !important;\r\n      }\r\n    }\r\n    \r\n    \r\n    /* overwrite CSS from the API response */\r\n    .event_details_page_content_left_decription_text b,\r\n    strong {\r\n      font-weight: 500;\r\n    }\r\n    \r\n    .event_details_page_content_left_decription_text p {\r\n      font-weight: 400;\r\n    }\r\n    \r\n    \r\n    .event_details_page_content_right_comment_text p {\r\n      font-weight: 400;\r\n    }\r\n    \r\n    .event_details_page_content_right_comment_text b,\r\n    strong {\r\n      font-weight: 500;\r\n    }\r\n    </style>","beforeEndBody":""},"conditionIds":["536a0342-c6ec-4919-b04d-5f1c0c5c683d","061f992b-6c03-4dde-af4d-1c06f250a109"]},{"tagId":"3","tagTypeId":"custom_js","name":"After page render /event_details","description":"After page render /event_details","config":{"code":"(() => {\r\n    const CONFIG = {\r\n        API: {\r\n            BASE_URL: 'https://www.swisscasinos.ch/api/events',\r\n            AUTH_TOKEN: 'Bearer Y21kOjF4U3dpQ2EyMDIxIQ=='\r\n        },\r\n        SELECTORS: {\r\n            PAGE_CONTAINER: '.page-container-narrow',\r\n            LINK_BROKEN: '.link-is-broken',\r\n            PAGE_LOADER: '.page-custom-loader',\r\n            HEADER: {\r\n                IMAGE: '.event_details_page_header_image',\r\n                CATEGORY: '.event_details_page_header_category',\r\n                TITLE: '.event_details_page_header_title'\r\n            },\r\n            CONTENT: {\r\n                LEFT: {\r\n                    TITLE: '.event_details_page_content_left_title',\r\n                    DESCRIPTION: '.event_details_page_content_left_decription_text'\r\n                },\r\n                RIGHT: {\r\n                    DATE: '.event_details_page_content_rigt_date_text',\r\n                    TIME: '.event_details_page_content_rigt_time_text',\r\n                    LOCATION: '.event_details_page_content_rigt_location_text',\r\n                    COMMENT_TITLE: '.event_details_page_content_right_comment_title',\r\n                    COMMENT_TEXT: '.event_details_page_content_right_comment_text'\r\n                }\r\n            }\r\n        },\r\n        TRANSLATIONS: {\r\n            COMMENT_TITLE: {\r\n                de: 'Bemerkung',\r\n                en: 'Remark',\r\n                fr: 'Remarque',\r\n                it: 'Commento'\r\n            }\r\n        }\r\n    };\r\n\r\n    const DOMUtils = {\r\n        getElement: selector => document.querySelector(selector),\r\n        getElements: selector => document.getElementsByClassName(selector),\r\n        setDisplay: (element, value) => {\r\n            if (element) element.style.display = value;\r\n        },\r\n        setOpacity: (element, value) => {\r\n            if (element) element.style.opacity = value;\r\n        },\r\n        toggleClasses: (element, addClass, removeClass) => {\r\n            if (element) {\r\n                element.classList.add(addClass);\r\n                element.classList.remove(removeClass);\r\n            }\r\n        }\r\n    };\r\n\r\n    const DateUtils = {\r\n        format: (dateString) => {\r\n            const splitDate = dateString.split(' - ', 2);\r\n            if (splitDate.length !== 2) {\r\n                return { hoursMinutes: '', fullDate: '', isSingleDay: false };\r\n            }\r\n\r\n            const startDate = new Date(splitDate[0]);\r\n            const endDate = new Date(splitDate[1]);\r\n\r\n            const startDay = new Intl.DateTimeFormat(returnLangCode(), {\r\n                day: '2-digit'\r\n            }).format(startDate);\r\n            const startMonth = new Intl.DateTimeFormat(returnLangCode(), {\r\n                month: 'long'\r\n            }).format(startDate);\r\n            const startYear = new Intl.DateTimeFormat(returnLangCode(), {\r\n                year: 'numeric'\r\n            }).format(startDate);\r\n\r\n            const endDay = new Intl.DateTimeFormat(returnLangCode(), {\r\n                day: '2-digit'\r\n            }).format(endDate);\r\n            const endMonth = new Intl.DateTimeFormat(returnLangCode(), {\r\n                month: 'long'\r\n            }).format(endDate);\r\n            const endYear = new Intl.DateTimeFormat(returnLangCode(), {\r\n                year: 'numeric'\r\n            }).format(endDate);\r\n\r\n            const isSingleDay = startDate.toDateString() === endDate.toDateString();\r\n\r\n            const formattedStartDate = `${startDay}. ${startMonth} ${startYear}`;\r\n            const formattedEndDate = `${endDay}. ${endMonth} ${endYear}`;\r\n\r\n            const fullDate = isSingleDay\r\n                ? formattedStartDate\r\n                : `${formattedStartDate} – ${formattedEndDate}`;\r\n\r\n            const timeFormatter = new Intl.DateTimeFormat(returnLangCode(), {\r\n                hour: 'numeric',\r\n                minute: 'numeric'\r\n            });\r\n            const startTime = timeFormatter.format(startDate);\r\n            const endTime = timeFormatter.format(endDate);\r\n\r\n            const hoursMinutes = isSingleDay\r\n                ? `${startTime} – ${endTime}`\r\n                : '';\r\n            return { hoursMinutes, fullDate, isSingleDay };\r\n        }\r\n    };\r\n\r\n    const EventDetailsHandler = {\r\n        state: {\r\n            elements: null,\r\n            apiDataObject: {\r\n                eventId: '',\r\n                baseUrl: CONFIG.API.BASE_URL,\r\n                requestEndpoint: '',\r\n                responseData: ''\r\n            }\r\n        },\r\n\r\n        initializeElements() {\r\n            const { SELECTORS } = CONFIG;\r\n            this.state.elements = {\r\n                pageContainer: DOMUtils.getElement(SELECTORS.PAGE_CONTAINER),\r\n                linkBroken: DOMUtils.getElement(SELECTORS.LINK_BROKEN),\r\n                pageLoader: DOMUtils.getElement(SELECTORS.PAGE_LOADER),\r\n                header: {\r\n                    image: DOMUtils.getElement(SELECTORS.HEADER.IMAGE),\r\n                    category: DOMUtils.getElement(SELECTORS.HEADER.CATEGORY),\r\n                    title: DOMUtils.getElement(SELECTORS.HEADER.TITLE)\r\n                },\r\n                content: {\r\n                    left: {\r\n                        title: DOMUtils.getElement(SELECTORS.CONTENT.LEFT.TITLE),\r\n                        description: DOMUtils.getElement(SELECTORS.CONTENT.LEFT.DESCRIPTION)\r\n                    },\r\n                    right: {\r\n                        date: DOMUtils.getElement(SELECTORS.CONTENT.RIGHT.DATE),\r\n                        time: DOMUtils.getElement(SELECTORS.CONTENT.RIGHT.TIME),\r\n                        location: DOMUtils.getElement(SELECTORS.CONTENT.RIGHT.LOCATION),\r\n                        commentTitle: DOMUtils.getElement(SELECTORS.CONTENT.RIGHT.COMMENT_TITLE),\r\n                        commentText: DOMUtils.getElement(SELECTORS.CONTENT.RIGHT.COMMENT_TEXT)\r\n                    }\r\n                }\r\n            };\r\n        },\r\n\r\n        showLoader() {\r\n            DOMUtils.setDisplay(this.state.elements.pageLoader, 'flex');\r\n        },\r\n\r\n        hideLoader() {\r\n            DOMUtils.setDisplay(this.state.elements.pageLoader, 'none');\r\n            DOMUtils.setOpacity(this.state.elements.pageContainer, 1);\r\n        },\r\n\r\n        showBrokenLink() {\r\n            DOMUtils.toggleClasses(this.state.elements.pageContainer, 'hidden', '');\r\n            DOMUtils.toggleClasses(this.state.elements.linkBroken, 'flex-row', 'hidden');\r\n        },\r\n\r\n        async fetchEventDetails() {\r\n            try {\r\n                const response = await fetch(this.state.apiDataObject.requestEndpoint, {\r\n                    method: 'GET',\r\n                    headers: {\r\n                        Authorization: CONFIG.API.AUTH_TOKEN\r\n                    }\r\n                });\r\n                this.state.apiDataObject.responseData = await response.json();\r\n                return this.state.apiDataObject.responseData;\r\n            } catch (error) {\r\n                console.error('Error fetching event details:', error);\r\n                return [];\r\n            }\r\n        },\r\n\r\n        buildRequestEndpoint() {\r\n            this.state.apiDataObject.requestEndpoint = \r\n                `${this.state.apiDataObject.baseUrl}/${this.state.apiDataObject.eventId}?langcode=${returnLangCode()}`;\r\n        },\r\n\r\n        async initialize() {\r\n            this.initializeElements();\r\n            this.showLoader();\r\n            \r\n            this.state.apiDataObject.eventId = new URL(location.href).searchParams.get('eid');\r\n            this.buildRequestEndpoint();\r\n            \r\n            const eventData = await this.fetchEventDetails();\r\n            \r\n            if (eventData.length) {\r\n                this.renderEventDetails(eventData[0]);\r\n            } else {\r\n                this.showBrokenLink();\r\n            }\r\n            \r\n            this.hideLoader();\r\n        },\r\n\r\n        renderEventDetails(event) {\r\n            const date = DateUtils.format(event.field_date_time);\r\n            const { elements } = this.state;\r\n\r\n            // Set header content\r\n            elements.header.image.src = event.field_details_page_header_image || event.field_preview_image;\r\n            elements.header.image.alt = 'header image';\r\n            elements.header.category.innerHTML = event.field_category;\r\n            elements.header.title.innerHTML = event.title;\r\n\r\n            // Set left content\r\n            elements.content.left.title.innerHTML = event.title;\r\n            elements.content.left.description.innerHTML = event.field_description;\r\n\r\n            // Set right content\r\n            elements.content.right.date.innerHTML = date.fullDate;\r\n            elements.content.right.time.parentElement.style.display = date.isSingleDay ? '' : 'none';\r\n            if (date.isSingleDay) {\r\n                elements.content.right.time.innerHTML = date.hoursMinutes;\r\n            }\r\n            \r\n            elements.content.right.location.innerHTML = event.field_location;\r\n            elements.content.right.commentTitle.innerHTML = CONFIG.TRANSLATIONS.COMMENT_TITLE[returnLangCode()] || '';\r\n            elements.content.right.commentText.innerHTML = event.field_registration_details;\r\n        }\r\n    };\r\n\r\n    const NavigationHandler = {\r\n        handleNavigation: ({ cleanPathname }) => {    \r\n            const url = new URL(window.location.href);\r\n            url.pathname = cleanPathname;\r\n            \r\n            if (url.searchParams.has('eid')) {\r\n                url.searchParams.delete('eid');\r\n            }\r\n    \r\n            const urlString = url.toString();\r\n            history.pushState({}, document.title, urlString);\r\n            window.history.replaceState({}, document.title, urlString);\r\n        },\r\n    };\r\n\r\n    const initialize = () => {\r\n        const checkInterval = setInterval(() => {\r\n            if (DOMUtils.getElement(CONFIG.SELECTORS.PAGE_CONTAINER)) {\r\n                clearInterval(checkInterval);\r\n                EventDetailsHandler.initialize();\r\n            }\r\n        }, 200);\r\n\r\n        Playtech.on('navigate', NavigationHandler.handleNavigation);\r\n    };\r\n\r\n    initialize();\r\n})();"},"conditionIds":["061f992b-6c03-4dde-af4d-1c06f250a109","4eaa767f-38ed-46ce-aea0-afceba7315fd"]},{"tagId":"06f08ebf-2290-44cd-a377-ab312f4cba51","tagTypeId":"custom_js","name":"After render JS | BackToTop","description":"After render JS | BackToTop","config":{"code":"(() => {\r\n  \r\n  // Check if the browser is Samsung Internet and Android Phone, hide the button\r\n  if (\r\n    window.Playtech &&\r\n    window.Playtech.API &&\r\n    window.Playtech.API.device.browserName === 'androidNative' &&\r\n    window.Playtech.API.device.name === 'androidPhone'\r\n  ) {\r\n    return;\r\n  }\r\n\r\n  // Function to handle \"Back to Top\" button visibility and functionality\r\n  const handleBackToTop = () => {\r\n    const backToTopButton = document.querySelector('button.back-to-top');\r\n    \r\n    if (backToTopButton) {\r\n      // Event listener for scrolling >> 30% of the page height\r\n      let visible = false;\r\n      const toggleVisibility = () => {\r\n        const threshold = window.innerHeight * 0.3;\r\n        const shouldShow = window.scrollY > threshold;\r\n        if (shouldShow !== visible) {\r\n          backToTopButton.classList.toggle('show', shouldShow);\r\n          visible = shouldShow;\r\n        }\r\n      };\r\n\r\n      window.addEventListener('scroll', () => requestAnimationFrame(toggleVisibility));\r\n\r\n      backToTopButton.addEventListener('click', (event) => {\r\n        event.preventDefault();\r\n        window.scrollTo({ top: 0, behavior: 'smooth' });\r\n      });\r\n\r\n      // Clear the interval once the button is found and event listeners are set\r\n      clearInterval(intervalId);\r\n    }\r\n  };\r\n\r\n  // Check every 0.5 seconds (500 ms) if the button exists\r\n  const intervalId = setInterval(handleBackToTop, 500);\r\n\r\n  // Stop checking after 5 seconds\r\n  setTimeout(() => {\r\n    clearInterval(intervalId);\r\n  }, 5000);\r\n\r\n})();\r\n"},"conditionIds":["b23e3c00-0d89-4679-83f1-46b4ffda88af","4eaa767f-38ed-46ce-aea0-afceba7315fd"]},{"tagId":"fb386afd-d3ee-4a46-992e-f1ea7d5ad3f8","tagTypeId":"custom_tag_type","name":"Custom CSS Tag | BackToTop","description":"Custom CSS Tag | BackToTop","config":{"beforeEndHead":"<style>\r\n/* Back-to-Top Button Style */\r\nbutton.back-to-top {\r\n  position: fixed;\r\n  right: 25px;\r\n  bottom: 1.5em;\r\n  height: 58px;\r\n  width: 58px;\r\n  background: #fffc;\r\n  border: none;\r\n  border-radius: 50%;\r\n  color: transparent;\r\n  cursor: pointer;\r\n  z-index: 99;\r\n  visibility: hidden;\r\n  opacity: 0;\r\n  transition: opacity 0.1s ease, visibility 0.1s ease;\r\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n/* Arrow Styling */\r\nbutton.back-to-top::after {\r\n  content: \"\";\r\n  display: block;\r\n  width: 35px; \r\n  height: 35px;\r\n  background-image: url(\"/library/img/back-to-top.svg\");\r\n  background-size: contain;\r\n  background-repeat: no-repeat;\r\n}\r\n\r\n/* Show State */\r\nbutton.back-to-top.show {\r\n  visibility: visible;\r\n  opacity: 1;\r\n}\r\n\r\n/* Hover and Active Effects */\r\nbutton.back-to-top:hover,\r\nbutton.back-to-top:focus {\r\n  outline: none;\r\n  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);\r\n}\r\n\r\n/* Hide Button on Desktop */\r\n@media (min-width: 1025px) {\r\n  button.back-to-top {\r\n    display: none;\r\n  }\r\n}\r\n\r\n</style>\r\n","beforeEndBody":""},"conditionIds":["b23e3c00-0d89-4679-83f1-46b4ffda88af","536a0342-c6ec-4919-b04d-5f1c0c5c683d"]},{"tagId":"a6fadd0e-18d2-4684-92bb-8bc4ddeb7989","tagTypeId":"custom_js","name":"After page render seo-box","description":"After page render seo-box","config":{"code":"(() => {\r\n  let contactPage = setInterval(function () {\r\n    if (document.getElementsByClassName(\"seo-section\")[0]) {\r\n      clearInterval(contactPage);\r\n    }\r\n  }, 500);\r\n})();"},"conditionIds":["e53594c2-b13d-4a61-baf9-f0d359dc65d7","4eaa767f-38ed-46ce-aea0-afceba7315fd"]},{"tagId":"9fef7fff-7443-4735-bcce-a4d138b4d42a","tagTypeId":"custom_js","name":"SelfLink back to top","description":"In case a link on the page is linking to the current visited page, it'll scroll up to 0 ","config":{"code":"(() => {\r\n  const isSelfLink = (href) => {\r\n    if (!href || href === '#') return true;\r\n\r\n    try {\r\n      const link = document.createElement('a');\r\n      link.href = href;\r\n\r\n      const normalizePath = (path) => path.replace(/\\/+$/, '');\r\n\r\n      const currentPath = normalizePath(window.location.pathname);\r\n      const linkPath = normalizePath(link.pathname);\r\n\r\n      return linkPath === currentPath && link.search === window.location.search && !link.hash;\r\n    } catch (error) {\r\n      console.error('Error in isSelfLink function:', error);\r\n      return false;\r\n    }\r\n  };\r\n\r\n  const scrollToTopSmooth = () => {\r\n    const startScroll = document.documentElement.scrollTop || document.body.scrollTop;\r\n    const duration = 600;\r\n    let startTime = null;\r\n\r\n    const easeOutCubic = (t) => (--t) * t * t + 1;\r\n\r\n    const scrollStep = (timestamp) => {\r\n      if (!startTime) startTime = timestamp;\r\n\r\n      const elapsed = timestamp - startTime;\r\n      const progress = Math.min(elapsed / duration, 1);\r\n\r\n      const newScroll = startScroll * (1 - easeOutCubic(progress));\r\n\r\n      window.scrollTo(0, newScroll);\r\n\r\n      if (progress < 1) {\r\n        window.requestAnimationFrame(scrollStep);\r\n      }\r\n    };\r\n\r\n    window.requestAnimationFrame(scrollStep);\r\n  };\r\n\r\n  const scrollToTop = (event) => {\r\n    event.preventDefault();\r\n\r\n    scrollToTopSmooth();\r\n  };\r\n\r\n  try {\r\n    const footerLinks = document.querySelectorAll('.Footer__footer--3HL a');\r\n\r\n    footerLinks.forEach((link) => {\r\n      if (link.closest('.toggle')) return;\r\n\r\n      if (isSelfLink(link.getAttribute('href'))) {\r\n        link.addEventListener('click', scrollToTop);\r\n      }\r\n    });\r\n  } catch (error) {\r\n    console.error('Error processing footer links:', error);\r\n  }\r\n})();\r\n"},"conditionIds":["bbfe9b1e-cc9c-4b44-89a5-4fc5dbcf0f16","4eaa767f-38ed-46ce-aea0-afceba7315fd"]},{"tagId":"14183832-e19f-419e-97f7-4bbc03323f78","tagTypeId":"custom_js","name":"On registration","description":"Push google tag | Lakers Eligibility on registration","config":{"code":"Playtech.on(Playtech.Events.REGISTRATION_COMPLETED, function () {\r\n  window.dataLayer = window.dataLayer || [];\r\n  window.dataLayer.push({\r\n    event: \"registration_completed\",\r\n  });\r\n  console.log('event pushed to ga')\r\n});"},"conditionIds":["49c0db39-d960-4837-920f-574b7820bfe0"]},{"tagId":"39729862-0635-4e83-9ac8-ed55e9f3f6f0","tagTypeId":"custom_js","name":"Adblocker FS Event","description":"Adblocker FS Event","config":{"code":"(() => {\r\n    const SCRIPT_CHECK_KEY = 'adblockerScriptChecker';\r\n    const RETRY_INTERVAL = 1000; // 1 second\r\n    const MAX_RETRIES = 10;\r\n    let retries = 0;\r\n    const TARGET_SELECTOR = 'target_selector';\r\n\r\n    function checkIfScriptIsBlocked() {\r\n        const scriptCheckStatus = sessionStorage.getItem(SCRIPT_CHECK_KEY);\r\n        \r\n        if (scriptCheckStatus === 'success' || scriptCheckStatus === 'blocked') {\r\n            console.warn(\"Adblocker detection script has already run this session with status:\", scriptCheckStatus);\r\n            return;\r\n        }\r\n\r\n        const scriptLoaded = window.dyScriptLoaded === true || typeof DY.session !== 'undefined';\r\n\r\n        if (scriptLoaded) {\r\n            console.warn(\"Script executed successfully.\");\r\n            window.dyScriptLoaded = true;\r\n            sessionStorage.setItem(SCRIPT_CHECK_KEY, 'success');\r\n            return;\r\n        }\r\n\r\n        if (retries < MAX_RETRIES) {\r\n            retries++;\r\n            setTimeout(checkIfScriptIsBlocked, RETRY_INTERVAL);\r\n        } else {\r\n            let targetElement = document.getElementById(TARGET_SELECTOR);\r\n            if (!targetElement || targetElement.innerHTML.trim() === '') {\r\n                console.warn('Script is blocked or failed to load and target element is missing or empty.');\r\n                \r\n                if (typeof FS !== 'undefined' && typeof FS.event === 'function') {\r\n                    FS.event('Ad Blocker Detector');\r\n                    \r\n                    Playtech.API.popup.showPopup({\r\n                      title: 'playtech.mobile.system.adblocker.title',\r\n                      content: 'playtech.mobile.system.adblocker.description'\r\n                    });\r\n                }\r\n                \r\n                sessionStorage.setItem(SCRIPT_CHECK_KEY, 'blocked');\r\n            } else {\r\n                console.warn('Target element found, but script might be working incompletely or delayed.');\r\n            }\r\n        }\r\n    }\r\n\r\n    // Trigger the check only if it hasn't been done yet during the session\r\n    if (!sessionStorage.getItem(SCRIPT_CHECK_KEY)) {\r\n        setTimeout(checkIfScriptIsBlocked, 10000);\r\n    } else {\r\n        console.warn('Adblocker detection already completed this session.');\r\n    }\r\n})();\r\n"},"conditionIds":["447b0ef8-22a2-43fb-b90e-19ba29771dd8","4eaa767f-38ed-46ce-aea0-afceba7315fd"]},{"tagId":"7eca0a2c-f8d4-4fa3-83ce-b5ae0d8221fc","tagTypeId":"custom_js","name":"Scroll to JS","description":"Scroll to JS","config":{"code":"(() => {\r\n    const ScrollApp = {\r\n        getUrlParams: () => new URLSearchParams(window.location.search),\r\n        animateElement: (element) => {\r\n            const animation = element.animate(\r\n                [\r\n                    { transform: \"scale(1)\", boxShadow: \"0 0 0 rgba(0, 0, 0, 0)\" },\r\n                    { transform: \"scale(1.05)\", boxShadow: \"0 8px 16px rgba(0, 0, 0, 0.3)\" },\r\n                    { transform: \"scale(1)\", boxShadow: \"0 0 0 rgba(0, 0, 0, 0)\" }\r\n                ],\r\n                {\r\n                    duration: 2000,\r\n                    iterations: 1\r\n                }\r\n            );\r\n            animation.oncancel = () => {\r\n                console.error('Animation cancelled');\r\n            };\r\n            animation.onerror = () => {\r\n                console.error('Animation error');\r\n            };\r\n        },\r\n        removeURLParameter: (param) => {\r\n            const url = new URL(window.location.href);\r\n            url.searchParams.delete(param);\r\n            window.history.replaceState({}, document.title, url.toString());\r\n        },\r\n        scrollLogic: async (toParam) => {\r\n            const targetElement = document.getElementById(toParam);\r\n            if (targetElement) {\r\n                const rect = targetElement.getBoundingClientRect();\r\n                const scrollTop = window.pageYOffset || document.documentElement.scrollTop;\r\n                const targetTop = rect.top + scrollTop;\r\n                const offset = Math.round(ScrollApp.getUrlParams().get(\"offset\") || window.innerHeight * 0.3);\r\n                const scrollY = Math.max(0, targetTop - offset);\r\n\r\n                window.scrollTo({ top: scrollY, behavior: \"smooth\" });\r\n                ScrollApp.animateElement(targetElement);\r\n            } else {\r\n                throw new Error(`Element with id ${toParam} not found.`);\r\n            }\r\n        },\r\n        waitForElementToExist: (selector) => {\r\n            return new Promise((resolve) => {\r\n                let element = document.getElementById(selector);\r\n                let attemptCount = 0;\r\n\r\n                if (element) {\r\n                    resolve(element);\r\n                } else {\r\n                    const intervalId = setInterval(() => {\r\n                        element = document.getElementById(selector);\r\n                        attemptCount++;\r\n\r\n                        if (element) {\r\n                            clearInterval(intervalId);\r\n                            resolve(element);\r\n                        } else if (attemptCount >= 5) {\r\n                            clearInterval(intervalId);\r\n                            resolve();  // Resolve without rejecting to handle missing elements smoothly\r\n                        }\r\n                    }, 100);\r\n                }\r\n            });\r\n        },\r\n        init: async () => {\r\n            const toParam = ScrollApp.getUrlParams().get(\"scroll_to\");\r\n            if (toParam) {\r\n                try {\r\n                    await ScrollApp.waitForElementToExist(toParam);\r\n                    await ScrollApp.scrollLogic(toParam);\r\n                } catch (error) {\r\n                    console.log('Element not found or removed. No scrolling will occur.');\r\n                } finally {\r\n                    ScrollApp.removeURLParameter(\"scroll_to\");  // Ensure URL is cleaned up in all cases\r\n                }\r\n            }\r\n        }\r\n    };\r\n\r\n    // Initialize the ScrollApp\r\n    ScrollApp.init();\r\n})();\r\n"},"conditionIds":["4eaa767f-38ed-46ce-aea0-afceba7315fd"]},{"tagId":"f21faa55-1f22-421f-b3ef-5933a374f2ed","tagTypeId":"custom_js","name":"Play/Download /event-details","description":"Play now/download /event-details","config":{"code":"(() => {\r\n    let setEvent = setInterval(function () {\r\n      if (document.querySelectorAll(\".poker-playnow\")[0]) {\r\n        clearInterval(setEvent);\r\n        setCustomEventListener();\r\n      }\r\n    }, 1000);\r\n  })();\r\n  \r\n  function setCustomEventListener(params) {\r\n    let playNow = document.querySelectorAll(\".poker-playnow\")[0];\r\n    let downloadNow = document.querySelectorAll(\".poker-download\")[0];\r\n    playNow?.removeAttribute(\"href\");\r\n    downloadNow?.removeAttribute(\"href\");\r\n  \r\n    playNow?.addEventListener(\r\n      \"click\",\r\n      (event) => {\r\n        event.preventDefault();\r\n        setCustomPlayNow();\r\n      },\r\n      true\r\n    );\r\n    downloadNow?.addEventListener(\r\n      \"click\",\r\n      (event) => {\r\n        event.preventDefault();\r\n        checkOperatingSytem();\r\n      },\r\n      true\r\n    );\r\n  }\r\n  \r\n  function setCustomPlayNow() {\r\n    let isEventPage =\r\n      window.location.href.indexOf(\"event_details\") > -1 ? true : false;\r\n    if (isEventPage) {\r\n      if (Playtech.fetchUserDetails().userId) {\r\n        window.open(\r\n          \"https://games.swisscasinos.ch/poker/web/WebLauncher.html?&lang=\" +\r\n            returnLangCode(),\r\n          \"newwindow\",\r\n          \"width=1280, height=720\"\r\n        );\r\n      } else {\r\n        window.Playtech.API.popup.showPopup(\"login\");\r\n      }\r\n    }\r\n  }\r\n  "},"conditionIds":["061f992b-6c03-4dde-af4d-1c06f250a109","4eaa767f-38ed-46ce-aea0-afceba7315fd"]},{"tagId":"245c41ea-98ae-44d6-9d44-6ea4965afc1e","tagTypeId":"custom_js","name":"EM_2024_Raffle_Page After JS","description":"EM_2024_Raffle_Page After JS","config":{"code":"(async () => {\n  const emTagsCount = async () => {\n    try {\n      const isLoggedIn = Playtech.fetchUserDetails().userId ? true : false;\n\n      if (!isLoggedIn) return 0;\n\n      const userTags = await Playtech.API.user.getPlayerTags();\n      const tags = userTags.data.tags;\n\n      const tagPattern = /^sc\\/promo\\/EM2024_day\\d+$/;\n      const count = tags.filter((tag) => tagPattern.test(tag.name)).length;\n\n      return count;\n    } catch (error) {\n      console.error(\"An error occurred while fetching tags:\", error);\n      return 0;\n    }\n  };\n\n  // Function to update the ticket-counter content\n  const updateTicketCounter = async () => {\n    const count = await emTagsCount();\n    const ticketCounter = document.getElementById(\"ticket-counter\");\n    if (ticketCounter) {\n      ticketCounter.textContent = `${count}`;\n    }\n  };\n\n  // Remove all event listeners from checkboxes within .content-description\n  const removeEventListenersFromCheckboxes = () => {\n    const checkboxes = document.querySelectorAll(\n      '.content-description input[type=\"checkbox\"]'\n    );\n    checkboxes.forEach((checkbox) => {\n      const newCheckbox = checkbox.cloneNode(true);\n      checkbox.parentNode.replaceChild(newCheckbox, checkbox);\n    });\n  };\n\n  // getEmValue\n  const getEmVal = async () => {\n    try {\n      const userTags = await Playtech.API.user.getPlayerTags();\n      const tags = userTags.data.tags;\n\n      const found = tags.find((tag) => tag.name === \"sc/promo/em2024_winner\");\n\n      return found ? found.value : false;\n    } catch (error) {\n      console.error(\"An error occurred while fetching tags:\", error);\n\n      return false;\n    }\n  };\n\n  const changeVisibility = (selector) => {\n    const element = document.getElementById(selector);\n    element.classList.remove(\"displaynone\");\n  };\n\n  // insertValue\n  const insertValue = (selector, value) => {\n    const element = document.getElementById(selector);\n    element.innerHTML = value;\n  };\n\n  // Create a MutationObserver to monitor changes in the DOM\n  const observer = new MutationObserver((mutationsList, observer) => {\n    mutationsList.forEach((mutation) => {\n      if (mutation.type === \"childList\") {\n        mutation.addedNodes.forEach((node) => {\n          if (node.nodeType === 1) {\n            // Ensure it's an element node\n            if (node.id === \"ticket-counter\") {\n              updateTicketCounter();\n            }\n\n            // Remove event listeners from checkboxes within newly added elements\n            const checkboxes = node.querySelectorAll(\n              '.content-description input[type=\"checkbox\"]'\n            );\n            if (checkboxes.length > 0) {\n              removeEventListenersFromCheckboxes();\n            }\n          }\n        });\n      }\n    });\n  });\n\n  // Start observing the document body for childList changes\n  observer.observe(document.body, { childList: true, subtree: true });\n\n  // Call functions to check for elements on initial page load\n  updateTicketCounter();\n  removeEventListenersFromCheckboxes();\n\n  let result = await getEmVal();\n  if (result) {\n    changeVisibility(\"em-win\");\n    insertValue(\"custom-win\", result);\n  } else {\n    changeVisibility(\"em-loss\");\n  }\n})();\n"},"conditionIds":["8862aa22-22e0-4bcf-851f-900c44547f48","536a0342-c6ec-4919-b04d-5f1c0c5c683d"]},{"tagId":"3e891716-334e-474c-a796-92e6d978388f","tagTypeId":"custom_tag_type","name":"EM_2024_Raffle_Page Before CSS","description":"EM_2024_Raffle_Page Before CSS","config":{"beforeEndHead":"<style> \r\nimg,\r\nvideo {\r\n  max-width: 100%;\r\n  height: auto;\r\n}\r\n[hidden] {\r\n  display: none;\r\n}\r\n.page-container-narrow {\r\n  margin: 0 auto;\r\n  max-width: 1200px;\r\n}\r\n*,\r\n:before,\r\n:after {\r\n  --tw-border-spacing-x: 0;\r\n  --tw-border-spacing-y: 0;\r\n  --tw-translate-x: 0;\r\n  --tw-translate-y: 0;\r\n  --tw-rotate: 0;\r\n  --tw-skew-x: 0;\r\n  --tw-skew-y: 0;\r\n  --tw-scale-x: 1;\r\n  --tw-scale-y: 1;\r\n  --tw-pan-x: ;\r\n  --tw-pan-y: ;\r\n  --tw-pinch-zoom: ;\r\n  --tw-scroll-snap-strictness: proximity;\r\n  --tw-gradient-from-position: ;\r\n  --tw-gradient-via-position: ;\r\n  --tw-gradient-to-position: ;\r\n  --tw-ordinal: ;\r\n  --tw-slashed-zero: ;\r\n  --tw-numeric-figure: ;\r\n  --tw-numeric-spacing: ;\r\n  --tw-numeric-fraction: ;\r\n  --tw-ring-inset: ;\r\n  --tw-ring-offset-width: 0px;\r\n  --tw-ring-offset-color: #fff;\r\n  --tw-ring-color: rgb(59 130 246 / 0.5);\r\n  --tw-ring-offset-shadow: 0 0 #0000;\r\n  --tw-ring-shadow: 0 0 #0000;\r\n  --tw-shadow: 0 0 #0000;\r\n  --tw-shadow-colored: 0 0 #0000;\r\n  --tw-blur: ;\r\n  --tw-brightness: ;\r\n  --tw-contrast: ;\r\n  --tw-grayscale: ;\r\n  --tw-hue-rotate: ;\r\n  --tw-invert: ;\r\n  --tw-saturate: ;\r\n  --tw-sepia: ;\r\n  --tw-drop-shadow: ;\r\n  --tw-backdrop-blur: ;\r\n  --tw-backdrop-brightness: ;\r\n  --tw-backdrop-contrast: ;\r\n  --tw-backdrop-grayscale: ;\r\n  --tw-backdrop-hue-rotate: ;\r\n  --tw-backdrop-invert: ;\r\n  --tw-backdrop-opacity: ;\r\n  --tw-backdrop-saturate: ;\r\n  --tw-backdrop-sepia: ;\r\n  --tw-contain-size: ;\r\n  --tw-contain-layout: ;\r\n  --tw-contain-paint: ;\r\n  --tw-contain-style: ;\r\n}\r\n::backdrop {\r\n  --tw-border-spacing-x: 0;\r\n  --tw-border-spacing-y: 0;\r\n  --tw-translate-x: 0;\r\n  --tw-translate-y: 0;\r\n  --tw-rotate: 0;\r\n  --tw-skew-x: 0;\r\n  --tw-skew-y: 0;\r\n  --tw-scale-x: 1;\r\n  --tw-scale-y: 1;\r\n  --tw-pan-x: ;\r\n  --tw-pan-y: ;\r\n  --tw-pinch-zoom: ;\r\n  --tw-scroll-snap-strictness: proximity;\r\n  --tw-gradient-from-position: ;\r\n  --tw-gradient-via-position: ;\r\n  --tw-gradient-to-position: ;\r\n  --tw-ordinal: ;\r\n  --tw-slashed-zero: ;\r\n  --tw-numeric-figure: ;\r\n  --tw-numeric-spacing: ;\r\n  --tw-numeric-fraction: ;\r\n  --tw-ring-inset: ;\r\n  --tw-ring-offset-width: 0px;\r\n  --tw-ring-offset-color: #fff;\r\n  --tw-ring-color: rgb(59 130 246 / 0.5);\r\n  --tw-ring-offset-shadow: 0 0 #0000;\r\n  --tw-ring-shadow: 0 0 #0000;\r\n  --tw-shadow: 0 0 #0000;\r\n  --tw-shadow-colored: 0 0 #0000;\r\n  --tw-blur: ;\r\n  --tw-brightness: ;\r\n  --tw-contrast: ;\r\n  --tw-grayscale: ;\r\n  --tw-hue-rotate: ;\r\n  --tw-invert: ;\r\n  --tw-saturate: ;\r\n  --tw-sepia: ;\r\n  --tw-drop-shadow: ;\r\n  --tw-backdrop-blur: ;\r\n  --tw-backdrop-brightness: ;\r\n  --tw-backdrop-contrast: ;\r\n  --tw-backdrop-grayscale: ;\r\n  --tw-backdrop-hue-rotate: ;\r\n  --tw-backdrop-invert: ;\r\n  --tw-backdrop-opacity: ;\r\n  --tw-backdrop-saturate: ;\r\n  --tw-backdrop-sepia: ;\r\n  --tw-contain-size: ;\r\n  --tw-contain-layout: ;\r\n  --tw-contain-paint: ;\r\n  --tw-contain-style: ;\r\n}\r\n.button-base {\r\n  font-size: 1rem;\r\n  line-height: 1.5rem;\r\n}\r\n@media (min-width: 1024px) {\r\n  .button-base {\r\n    font-size: 1.125rem;\r\n    line-height: 1.75rem;\r\n  }\r\n}\r\n@media (min-width: 1280px) {\r\n  .button-base {\r\n    font-size: 1.25rem;\r\n    line-height: 1.75rem;\r\n  }\r\n}\r\n.button-base {\r\n  cursor: pointer;\r\n  border-radius: 0.125rem;\r\n  padding: 0.5rem;\r\n  text-align: center;\r\n  font-weight: 400;\r\n  --tw-text-opacity: 1;\r\n  color: rgb(32 32 32 / var(--tw-text-opacity));\r\n  text-decoration-thickness: 0px;\r\n}\r\n.button-base-bg {\r\n  border-width: 4px;\r\n  border-style: solid;\r\n  --tw-border-opacity: 1;\r\n  border-color: rgb(255 204 0 / var(--tw-border-opacity));\r\n}\r\n.button-base-bg:hover {\r\n  --tw-border-opacity: 1;\r\n  border-color: rgb(255 204 0 / var(--tw-border-opacity));\r\n}\r\n.button-base-bg {\r\n  --tw-bg-opacity: 1;\r\n  background-color: rgb(255 204 0 / var(--tw-bg-opacity));\r\n}\r\n.button-base-bg:hover {\r\n  --tw-border-opacity: 1;\r\n  border-color: rgb(249 176 0 / var(--tw-border-opacity));\r\n  --tw-bg-opacity: 1;\r\n  background-color: rgb(249 176 0 / var(--tw-bg-opacity));\r\n}\r\n.visible {\r\n  visibility: visible;\r\n}\r\n.absolute {\r\n  position: absolute;\r\n}\r\n.relative {\r\n  position: relative;\r\n}\r\n.bottom-13 {\r\n  bottom: 6.5rem;\r\n}\r\n.bottom-5 {\r\n  bottom: 2.5rem;\r\n}\r\n.bottom-\\[20\\%\\] {\r\n  bottom: 20%;\r\n}\r\n.left-1\\/2 {\r\n  left: 50%;\r\n}\r\n.left-1\\/3 {\r\n  left: 33.333333%;\r\n}\r\n.right-\\[10px\\] {\r\n  right: 10px;\r\n}\r\n.right-\\[5\\%\\] {\r\n  right: 5%;\r\n}\r\n.top-0 {\r\n  top: 0;\r\n}\r\n.top-1\\/2 {\r\n  top: 50%;\r\n}\r\n.top-\\[10px\\] {\r\n  top: 10px;\r\n}\r\n.top-\\[37\\%\\] {\r\n  top: 37%;\r\n}\r\n.z-0 {\r\n  z-index: 0;\r\n}\r\n.z-10 {\r\n  z-index: 10;\r\n}\r\n.z-\\[1\\] {\r\n  z-index: 1;\r\n}\r\n.z-\\[2\\] {\r\n  z-index: 2;\r\n}\r\n.m-0 {\r\n  margin: 0;\r\n}\r\n.m-auto {\r\n  margin: auto;\r\n}\r\n.mx-auto {\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n}\r\n.my-0 {\r\n  margin-top: 0;\r\n  margin-bottom: 0;\r\n}\r\n.my-11 {\r\n  margin-top: 5.5rem;\r\n  margin-bottom: 5.5rem;\r\n}\r\n.my-4 {\r\n  margin-top: 2rem;\r\n  margin-bottom: 2rem;\r\n}\r\n.\\!ml-0 {\r\n  margin-left: 0 !important;\r\n}\r\n.-mt-13 {\r\n  margin-top: -6.5rem;\r\n}\r\n.-mt-25 {\r\n  margin-top: -12.5rem;\r\n}\r\n.-mt-3 {\r\n  margin-top: -1.5rem;\r\n}\r\n.mb-0 {\r\n  margin-bottom: 0;\r\n}\r\n.mb-5 {\r\n  margin-bottom: 2.5rem;\r\n}\r\n.mt-0 {\r\n  margin-top: 0;\r\n}\r\n.mt-1 {\r\n  margin-top: 0.5rem;\r\n}\r\n.mt-10 {\r\n  margin-top: 5rem;\r\n}\r\n.mt-2 {\r\n  margin-top: 1rem;\r\n}\r\n.mt-3 {\r\n  margin-top: 1.5rem;\r\n}\r\n.mt-4 {\r\n  margin-top: 2rem;\r\n}\r\n.mt-5 {\r\n  margin-top: 2.5rem;\r\n}\r\n.mt-8 {\r\n  margin-top: 4rem;\r\n}\r\n.block {\r\n  display: block;\r\n}\r\n.inline {\r\n  display: inline;\r\n}\r\n.flex {\r\n  display: flex;\r\n}\r\n.table {\r\n  display: table;\r\n}\r\n.aspect-114-56 {\r\n  aspect-ratio: 56px;\r\n}\r\n.h-26 {\r\n  height: 13rem;\r\n}\r\n.h-\\[120px\\] {\r\n  height: 120px;\r\n}\r\n.h-\\[150px\\] {\r\n  height: 150px;\r\n}\r\n.h-\\[90px\\] {\r\n  height: 90px;\r\n}\r\n.h-auto {\r\n  height: auto;\r\n}\r\n.w-20 {\r\n  width: 10rem;\r\n}\r\n.w-33 {\r\n  width: 16.5rem;\r\n}\r\n.w-39 {\r\n  width: 19.5rem;\r\n}\r\n.w-\\[27rem\\] {\r\n  width: 27rem;\r\n}\r\n.w-\\[80\\%\\] {\r\n  width: 80%;\r\n}\r\n.w-full {\r\n  width: 100%;\r\n}\r\n.w-max {\r\n  width: -moz-max-content;\r\n  width: max-content;\r\n}\r\n.max-w-screen-xl {\r\n  max-width: 1280px;\r\n}\r\n.flex-1 {\r\n  flex: 1 1 0%;\r\n}\r\n.-translate-x-1\\/2 {\r\n  --tw-translate-x: -50%;\r\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y))\r\n    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))\r\n    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\r\n}\r\n.-translate-y-1\\/2 {\r\n  --tw-translate-y: -50%;\r\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y))\r\n    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))\r\n    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\r\n}\r\n.rotate-12 {\r\n  --tw-rotate: 12deg;\r\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y))\r\n    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))\r\n    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\r\n}\r\n.transform {\r\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y))\r\n    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))\r\n    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\r\n}\r\n.cursor-pointer {\r\n  cursor: pointer;\r\n}\r\n.list-none {\r\n  list-style-type: none;\r\n}\r\n.flex-col {\r\n  flex-direction: column;\r\n}\r\n.items-center {\r\n  align-items: center;\r\n}\r\n.justify-center {\r\n  justify-content: center;\r\n}\r\n.gap-1 {\r\n  gap: 0.5rem;\r\n}\r\n.gap-4 {\r\n  gap: 2rem;\r\n}\r\n.gap-5 {\r\n  gap: 2.5rem;\r\n}\r\n.space-y-2 > :not([hidden]) ~ :not([hidden]) {\r\n  --tw-space-y-reverse: 0;\r\n  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));\r\n  margin-bottom: calc(1rem * var(--tw-space-y-reverse));\r\n}\r\n.space-y-4 > :not([hidden]) ~ :not([hidden]) {\r\n  --tw-space-y-reverse: 0;\r\n  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));\r\n  margin-bottom: calc(2rem * var(--tw-space-y-reverse));\r\n}\r\n.rounded-sm {\r\n  border-radius: 0.125rem;\r\n}\r\n.bg-\\[\\#002133\\] {\r\n  --tw-bg-opacity: 1;\r\n  background-color: rgb(0 33 51 / var(--tw-bg-opacity));\r\n}\r\n.bg-transparent {\r\n  background-color: transparent;\r\n}\r\n.object-contain {\r\n  -o-object-fit: contain;\r\n  object-fit: contain;\r\n}\r\n.px-2 {\r\n  padding-left: 1rem;\r\n  padding-right: 1rem;\r\n}\r\n.px-3 {\r\n  padding-left: 1.5rem;\r\n  padding-right: 1.5rem;\r\n}\r\n.px-4 {\r\n  padding-left: 2rem;\r\n  padding-right: 2rem;\r\n}\r\n.px-5 {\r\n  padding-left: 2.5rem;\r\n  padding-right: 2.5rem;\r\n}\r\n.pb-16 {\r\n  padding-bottom: 8rem;\r\n}\r\n.pb-30 {\r\n  padding-bottom: 15rem;\r\n}\r\n.pb-8 {\r\n  padding-bottom: 4rem;\r\n}\r\n.pl-0 {\r\n  padding-left: 0;\r\n}\r\n.pl-3 {\r\n  padding-left: 1.5rem;\r\n}\r\n.pt-1 {\r\n  padding-top: 0.5rem;\r\n}\r\n.pt-25 {\r\n  padding-top: 12.5rem;\r\n}\r\n.pt-9 {\r\n  padding-top: 4.5rem;\r\n}\r\n.text-left {\r\n  text-align: left;\r\n}\r\n.text-center {\r\n  text-align: center;\r\n}\r\n.text-2xl {\r\n  font-size: 1.5rem;\r\n  line-height: 2rem;\r\n}\r\n.text-6xl {\r\n  font-size: 3.75rem;\r\n  line-height: 1;\r\n}\r\n.text-xl {\r\n  font-size: 1.25rem;\r\n  line-height: 1.75rem;\r\n}\r\n.font-bold {\r\n  font-weight: 700;\r\n}\r\n.font-normal {\r\n  font-weight: 400;\r\n}\r\n.uppercase {\r\n  text-transform: uppercase;\r\n}\r\n.text-\\[\\#f9b000\\] {\r\n  --tw-text-opacity: 1;\r\n  color: rgb(249 176 0 / var(--tw-text-opacity));\r\n}\r\n.text-white {\r\n  --tw-text-opacity: 1;\r\n  color: rgb(255 255 255 / var(--tw-text-opacity));\r\n}\r\n.displaynone {\r\n  display: none;\r\n}\r\nhtml {\r\n  font-variant-ligatures: normal;\r\n  font-variant-caps: normal;\r\n  font-variant-numeric: normal;\r\n  font-variant-east-asian: normal;\r\n  font-size: 80%;\r\n  line-height: normal;\r\n}\r\nbody {\r\n  margin: 0;\r\n}\r\nimg,\r\nvideo {\r\n  max-width: 100%;\r\n  height: auto;\r\n}\r\n.relative {\r\n  overflow: hidden;\r\n}\r\n.disabled {\r\n  filter: grayscale(100%);\r\n  pointer-events: none;\r\n}\r\n.campaign-button.disabled {\r\n  background-color: gray;\r\n  cursor: not-allowed;\r\n}\r\n.container-content {\r\n  background: #002133;\r\n  background: linear-gradient(0deg, #002133 95%, #0021331e);\r\n}\r\n#played-campaign a {\r\n  color: inherit;\r\n  text-decoration: underline;\r\n}\r\n#penalty-placeholder {\r\n  transition: opacity 1s ease-out;\r\n}\r\n#penalty-video {\r\n  transition: opacity 1s ease-in;\r\n  opacity: 0;\r\n}\r\n#penalty-video.show {\r\n  opacity: 1;\r\n}\r\n#mobile-penalty-placeholder {\r\n  transition: opacity 1s ease-out;\r\n}\r\n#mobile-penalty-video {\r\n  transition: opacity 1s ease-in;\r\n  opacity: 0;\r\n}\r\n#mobile-penalty-video.show {\r\n  opacity: 1;\r\n}\r\n#ticket-container img {\r\n  transform: rotate(-12deg);\r\n}\r\n#ticket-container span {\r\n  transform: rotate(-17deg);\r\n}\r\n.accordion-content {\r\n  max-height: 1000px;\r\n  overflow: hidden;\r\n  transition: max-height 0.3s ease;\r\n}\r\ninput:not(:checked) ~ .accordion-content {\r\n  max-height: 0;\r\n}\r\n.accordion-header:after {\r\n  content: url(/library/landing-pages/euro-2024/arrow.svg);\r\n  display: inline-block;\r\n  margin-left: 5px;\r\n  transition: transform 0.3s ease;\r\n  font-size: 16px;\r\n  position: absolute;\r\n}\r\ninput:checked + .accordion-header:after {\r\n  transform: rotate(180deg);\r\n}\r\n.custom-list {\r\n  list-style-type: \"- \";\r\n}\r\n@media (min-width: 1024px) {\r\n  .hero-image:before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: linear-gradient(\r\n      to right,\r\n      #002133,\r\n      #ff00 5%,\r\n      #ff00 95%,\r\n      #002133\r\n    );\r\n    pointer-events: none;\r\n  }\r\n  .lg\\:z-0 {\r\n    z-index: 0;\r\n  }\r\n  .lg\\:-mt-25 {\r\n    margin-top: -12.5rem;\r\n  }\r\n  .lg\\:-mt-32 {\r\n    margin-top: -16rem;\r\n  }\r\n  .lg\\:mb-0 {\r\n    margin-bottom: 0;\r\n  }\r\n  .lg\\:mt-1 {\r\n    margin-top: 0.5rem;\r\n  }\r\n  .lg\\:mt-10 {\r\n    margin-top: 5rem;\r\n  }\r\n  .lg\\:mt-2 {\r\n    margin-top: 1rem;\r\n  }\r\n  .lg\\:mt-21 {\r\n    margin-top: 10.5rem;\r\n  }\r\n  .lg\\:mt-25 {\r\n    margin-top: 12.5rem;\r\n  }\r\n  .lg\\:mt-5 {\r\n    margin-top: 2.5rem;\r\n  }\r\n  .lg\\:flex {\r\n    display: flex;\r\n  }\r\n  .lg\\:h-28 {\r\n    height: 14rem;\r\n  }\r\n  .lg\\:h-35 {\r\n    height: 17.5rem;\r\n  }\r\n  .lg\\:w-\\[80\\%\\] {\r\n    width: 80%;\r\n  }\r\n  .lg\\:flex-row {\r\n    flex-direction: row;\r\n  }\r\n  .lg\\:flex-col-reverse {\r\n    flex-direction: column-reverse;\r\n  }\r\n  .lg\\:gap-20 {\r\n    gap: 10rem;\r\n  }\r\n  .lg\\:space-x-4 > :not([hidden]) ~ :not([hidden]) {\r\n    --tw-space-x-reverse: 0;\r\n    margin-right: calc(2rem * var(--tw-space-x-reverse));\r\n    margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));\r\n  }\r\n  .lg\\:space-y-0 > :not([hidden]) ~ :not([hidden]) {\r\n    --tw-space-y-reverse: 0;\r\n    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));\r\n    margin-bottom: calc(0px * var(--tw-space-y-reverse));\r\n  }\r\n  .lg\\:px-0 {\r\n    padding-left: 0;\r\n    padding-right: 0;\r\n  }\r\n  .lg\\:px-3 {\r\n    padding-left: 1.5rem;\r\n    padding-right: 1.5rem;\r\n  }\r\n  .lg\\:py-2 {\r\n    padding-top: 1rem;\r\n    padding-bottom: 1rem;\r\n  }\r\n  .lg\\:py-3 {\r\n    padding-top: 1.5rem;\r\n    padding-bottom: 1.5rem;\r\n  }\r\n  .lg\\:pb-\\[28rem\\] {\r\n    padding-bottom: 28rem;\r\n  }\r\n  .lg\\:pt-14 {\r\n    padding-top: 7rem;\r\n  }\r\n  .lg\\:pt-32 {\r\n    padding-top: 16rem;\r\n  }\r\n  .lg\\:pt-8 {\r\n    padding-top: 4rem;\r\n  }\r\n  .lg\\:text-left {\r\n    text-align: left;\r\n  }\r\n  .lg\\:text-center {\r\n    text-align: center;\r\n  }\r\n  .lg\\:text-2xl {\r\n    font-size: 1.5rem;\r\n    line-height: 2rem;\r\n  }\r\n  .lg\\:text-3xl {\r\n    font-size: 1.875rem;\r\n    line-height: 2.25rem;\r\n  }\r\n  .lg\\:text-4xl {\r\n    font-size: 2.25rem;\r\n    line-height: 2.5rem;\r\n  }\r\n  .lg\\:displaynone {\r\n    display: none;\r\n  }\r\n}\r\n@media (min-width: 1280px) {\r\n  .xl\\:text-3xl {\r\n    font-size: 1.875rem;\r\n    line-height: 2.25rem;\r\n  }\r\n  .xl\\:text-4xl {\r\n    font-size: 2.25rem;\r\n    line-height: 2.5rem;\r\n  }\r\n}\r\n\r\n</style>","beforeEndBody":""},"conditionIds":["8862aa22-22e0-4bcf-851f-900c44547f48","536a0342-c6ec-4919-b04d-5f1c0c5c683d"]},{"tagId":"2e5dd9ae-a14c-43ea-98bc-e536dd51e3d9","tagTypeId":"custom_js","name":"EM_2024_Landing_Page After JS","description":"EM_2024_Landing_Page After JS","config":{"code":"(async () => {\n  // Players without R1D\n  const firstDepositTranslation = {\n    de_DE: `Um am EM 2024 Penalty Schiessen teilnehmen zu können, musst du deine erste Einzahlung tätigen. <a href=\"/casino-bonus\">Profitiere jetzt von unserem Willkommensbonus.</a>`,\n    en_US: `To participate in the Euro 2024 Penalty Shootout, you must make your first deposit. <a href=\"/casino-bonus\">Profit from our welcome bonus now.</a>`,\n    fr_FR: `Pour pouvoir participer au « Tir au but », vous devez effectuer votre premier dépôt. <a href=\"/casino-bonus\">Profitez dès maintenant de notre Welcome Bonus.</a>`,\n    it_IT: `Per partecipare ai Euro 2024 Calci di rigore, è necessario effettuare il primo deposito. <a href=\"/casino-bonus\">Approfitta subito del nostro Welcome Bonus.</a>`,\n  };\n  const alreadyPlayed = {\n    de_DE:\n      \"Du hast heute schon teilgenommen. Versuche am nächsten Spieltag, {date}, wieder dein Glück!\",\n    en_US:\n      \"You have already participated today. Try your luck again on the next match day {date}!\",\n    fr_FR:\n      \"Vous avez déjà participé aujourd'hui. Tentez à nouveau votre chance le prochain jour de match, {date} !\",\n    it_IT:\n      \"Hai già partecipato oggi. Tenta di nuovo la fortuna nella prossima giornata di partite {date}!\",\n  };\n\n  // this should be displayed until 14th 08:00\n  const beforeEurotranslation = {\n    de_DE:\n      \"Der Anpfiff zu unserem EM Penalty Schiessen ist am Freitag, 14.06.2024 um 08:00 Uhr\",\n    en_US:\n      \"The kick-off for our European Championship penalty shootout is on Friday, 14 June 2024 at 08:00 am\",\n    fr_FR:\n      \"Le coup d'envoi de notre concours de tirs au but du championnat d'Europe sera donné le vendredi 14 juin 2024 à 8h00.\",\n    it_IT:\n      \"Il calcio d'inizio per i nostri calci di rigore del Campionato Europeo è previsto per venerdì 14 giugno 2024 alle ore 08:00.\",\n  };\n\n  // this should be displayed after 14th 08:00\n  const translation = {\n    de_DE:\n      \"Heute findet kein EURO Spiel statt. Komm am nächsten Spieltag, {date}, wieder vorbei!\",\n    en_US:\n      \"There is no EURO game today. Come back on the next match day {date}!\",\n    fr_FR:\n      \"Il n'y a pas de match d' EURO aujourd'hui. Revenez le prochain jour de match, {date} !\",\n    it_IT:\n      \"Oggi non c'è nessuna partita di EURO. Torna la prossima giornata di partite {date}!\",\n  };\n\n  // CHE-1 Message\n  const provMessage = {\n    de_DE:\n      \"Du hast bereits einmal mitgespielt. Um dein Glück an den weiteren Spieltagen zu versuchen, ist ein verifiziertes Konto notwendig.\",\n    en_US:\n      \"You have already played once. A verified account is required to try your luck on the other match days.\",\n    fr_FR:\n      \"Vous avez déjà joué une fois. Pour tenter votre chance lors des autres journées de championnat, un compte vérifié est nécessaire.\",\n    it_IT:\n      \"Hai già giocato una volta. Per tentare la fortuna negli altri giorni di gioco è necessario un account verificato.\",\n  };\n\n  // CHE-4 Message\n  const tempMessage = {\n    de_DE:\n      \"Um dein Glück in unserem EM 2024 Penalty Schiessen zu versuchen, ist ein verifiziertes Konto notwendig.\",\n    en_US:\n      \"A verified account is required to try your luck in our Euro 2024 Penalty Shootout.\",\n    fr_FR:\n      \"Pour tenter votre chance dans notre concours de tirs au but de l'Euro 2024, un compte vérifié est nécessaire.\",\n    it_IT:\n      \"È necessario un account verificato per tentare la fortuna nei tiri di rigore dell' Euro 2024.\",\n  };\n\n  // Get the current language, defaulting to \"de_DE\" if not available\n  const currentLanguage = Playtech.API.language.getCurrentLanguage() || \"de_DE\";\n\n  // Function to format the date in Swiss format (DD.MM.YYYY)\n  const formatDateSwiss = (dateString) => {\n    const date = new Date(dateString);\n    const day = String(date.getDate()).padStart(2, \"0\");\n    const month = String(date.getMonth() + 1).padStart(2, \"0\"); // Months are zero-based\n    const year = date.getFullYear();\n    return `${day}.${month}.${year}`;\n  };\n\n  // Function to display the message based on the current language\n  const displayNoCampaignMessage = (element, translation, date) => {\n    element.classList.remove(\"displaynone\");\n    let message = translation[currentLanguage] || translation[\"de_DE\"];\n    const formattedDate = formatDateSwiss(date);\n    if (message.includes(\"{date}\")) {\n      message = message.replace(\"{date}\", formattedDate);\n    }\n    element.innerHTML = message;\n  };\n\n  const buttonElements = document.querySelectorAll(\".play-now\");\n  const noCampaign = document.querySelector(\"#no-campaign\");\n  const playedCampaign = document.querySelector(\"#played-campaign\");\n  const verificationCampaign = document.querySelector(\"#verification-campaign\");\n  const isMobile = window.Playtech.API.device.isMobile;\n  var containerPrefix = isMobile ? \"mobile-\" : \"\";\n  const videoElement = document.getElementById(\n    `${containerPrefix}penalty-video`\n  );\n\n  const imgElement = document.getElementById(\n    `${containerPrefix}penalty-placeholder`\n  );\n\n  // Method to determine the video source based on conditions and handle the transition\n  const loadAndTransitionVideo = (isGoal) => {\n    // Determine the filename based on the conditions\n\n    const filenamePrefix = window.emD.switzerland_playing ? \"CH_\" : \"_\";\n    const filenameSuffix = isGoal === \"score\" ? \"Goal\" : \"noGoal\";\n    const videoSrc = `/library/landing-pages/euro-2024/${containerPrefix}${filenamePrefix}${filenameSuffix}.mp4`;\n\n    if (videoSrc) {\n      // Set the video source\n      videoElement.src = videoSrc;\n      videoElement.autoplay = true; // Ensure autoplay is enabled\n      videoElement.playsInline = true; // Ensure the video plays inline on iOS\n\n      // Load the video\n      videoElement.load();\n\n      // Handle video loaded event to start transition\n      videoElement.addEventListener(\"loadeddata\", () => {\n        // Hide the image placeholder with a transition\n        imgElement.style.opacity = 0;\n\n        // After the image transition ends, hide the image and show the video\n        imgElement.addEventListener(\n          \"transitionend\",\n          () => {\n            imgElement.style.display = \"none\";\n            videoElement.classList.add(\"show\");\n            videoElement.classList.remove(\"displaynone\");\n            videoElement.style.zIndex = \"3\";\n          },\n          { once: true }\n        ); // Ensure the event listener is removed after execution\n      });\n\n      // Start the transition after a brief delay to ensure it's noticeable\n      setTimeout(() => {\n        videoElement.style.opacity = 1;\n      }, 100); // Adjust the delay as needed\n    } else {\n      console.error(\"No valid video source found for the given conditions.\");\n    }\n  };\n\n  const disableButton = (elements) => {\n    const elementsArray =\n      elements instanceof NodeList ? Array.from(elements) : [elements];\n    elementsArray.forEach((el) => {\n      el.classList.add(\"disabled\");\n      el.disabled = true;\n    });\n  };\n\n  const enableButton = (elements) => {\n    const elementsArray =\n      elements instanceof NodeList ? Array.from(elements) : [elements];\n    elementsArray.forEach((el) => {\n      el.classList.remove(\"disabled\");\n      el.disabled = false;\n    });\n  };\n\n  const setTag = async (game_day, suffix = \"\", value = \"start\") => {\n    await Playtech.API.user.setPlayerTags(\n      [\n        {\n          name: `/sc/promo/EM2024_day${game_day}${suffix}`,\n          value: value,\n          type: \"text\",\n        },\n      ],\n      true\n    );\n    disableButton(buttonElements);\n  };\n\n  const checkIfLoggedIn = async () => {\n    const userDetails = await Playtech.fetchUserDetails();\n    const isLoggedIn = userDetails.userId ? true : false;\n    return isLoggedIn;\n  };\n\n  const getRegulationCode = async () => {\n    try {\n      const regulationResponse =\n        await Playtech.sendUserRegulationStatusRequest();\n      const regulationCode =\n        regulationResponse.data.playerRegulationStatusHistory[0]?.code;\n      return regulationCode;\n    } catch (error) {\n      console.error(\n        \"An error occurred while fetching the regulation code:\",\n        error\n      );\n      return null;\n    }\n  };\n\n  const checkIfEligible = async (game_day) => {\n    try {\n      const userTags = await Playtech.API.user.getPlayerTags();\n      const tags = userTags.data.tags;\n\n      // Define the ineligible tag and the corresponding value\n      const ineligibleTag = `sc/promo/EM2024_day${game_day}`;\n      const requiredValue = \"start\";\n      const R1D = `sc/deposit/r1d`;\n\n      // Find the tags\n      const foundTag = tags.find((tag) => tag.name === ineligibleTag);\n      const foundR1D = tags.find((tag) => tag.name === R1D);\n\n      // Get the regulation code\n      const regulationCode = await getRegulationCode();\n\n      // Check if user is CHE-1 and has any EM2024_dayX tags\n      if (regulationCode === \"CHE-1\") {\n        const tagPattern = /^sc\\/promo\\/EM2024_day\\d+$/;\n        const count = tags.filter((tag) => tagPattern.test(tag.name)).length;\n        if (count > 0) {\n          return false;\n        }\n      } else if (regulationCode === \"CHE-4\") {\n        return false;\n      }\n\n      // Check if the ineligible tag's value is not \"start\"\n      if (foundTag && foundTag.value !== requiredValue) {\n        return false;\n      }\n\n      // Check if R1D tag exists\n      if (!foundR1D) {\n        return false;\n      }\n\n      // Otherwise, return true\n      return true;\n    } catch (error) {\n      console.error(\"An error occurred while fetching tags:\", error);\n      return false;\n    }\n  };\n\n  const checkTagValue = async (game_day) => {\n    try {\n      const userTags = await Playtech.API.user.getPlayerTags();\n      const tags = userTags.data.tags;\n\n      const ineligibleTag = `sc/promo/EM2024_day${game_day}`;\n      const found = tags.find((tag) => tag.name === ineligibleTag);\n\n      return found ? found.value : false;\n    } catch (error) {\n      console.error(\"An error occurred while fetching tags:\", error);\n\n      return false;\n    }\n  };\n\n  const observeTagValue = (\n    game_day,\n    checkInterval = 100,\n    timeoutDuration = 10000\n  ) => {\n    return new Promise((resolve, reject) => {\n      const interval = setInterval(async () => {\n        const tagValue = await checkTagValue(game_day);\n        if (tagValue && tagValue !== \"start\") {\n          clearInterval(interval);\n          clearTimeout(timeout);\n          resolve(tagValue);\n        }\n      }, checkInterval);\n\n      const timeout = setTimeout(() => {\n        clearInterval(interval);\n        // here we could assign the tag manually\n        reject(\n          new Error(\n            'Timeout: Tag value did not change from \"start\" within the expected timeframe.'\n          )\n        );\n      }, timeoutDuration);\n    });\n  };\n\n  const handleButtonClick = async (game_day) => {\n    if (await checkIfLoggedIn()) {\n      setTag(game_day)\n        .then(() => observeTagValue(game_day))\n        .then((tagValue) => {\n          loadAndTransitionVideo(tagValue);\n          setTimeout(() => {\n            // let updatedValue = tagValue === \"score\" ? \"bonus\" : \"no_bonus\";\n            setTag(game_day, \"_result\", tagValue);\n          }, 5500);\n        })\n        .catch((error) => {\n          console.error(\"Error in sequence:\", error);\n        });\n    } else {\n      openLogin(game_day);\n    }\n  };\n\n  const openLogin = (game_day) => {\n    Playtech.API.popup.showPopup(\"login\");\n    Playtech.on(Playtech.Events.LOGGED_IN, () => {\n      handleButtonClick(game_day);\n    });\n  };\n\n  const setButtonAction = async ({\n    campaign_active,\n    game_day,\n    next_match_day,\n  }) => {\n    if (!campaign_active || !game_day) {\n      disableButton(buttonElements);\n      return;\n    }\n\n    const isLoggedIn = await checkIfLoggedIn();\n\n    if (isLoggedIn) {\n      const isEligible = await checkIfEligible(game_day);\n      if (!isEligible) {\n        disableButton(buttonElements);\n        const regulationCode = await getRegulationCode();\n        const tagName = `sc/deposit/r1d`;\n        const userTags = await Playtech.API.user.getPlayerTags();\n        const tags = userTags.data.tags;\n\n        // Find the tag by the given tagName\n        const found = tags.find((tag) => tag.name === tagName);\n\n        if (regulationCode === \"CHE-1\") {\n          if (!found) {\n            displayNoCampaignMessage(\n              playedCampaign,\n              firstDepositTranslation,\n              next_match_day\n            );\n          } else {\n            displayNoCampaignMessage(\n              verificationCampaign,\n              provMessage,\n              next_match_day\n            );\n          }\n        } else if (regulationCode === \"CHE-4\") {\n          displayNoCampaignMessage(\n            verificationCampaign,\n            tempMessage,\n            next_match_day\n          );\n        } else {\n          if (!found) {\n            displayNoCampaignMessage(\n              playedCampaign,\n              firstDepositTranslation,\n              next_match_day\n            );\n          } else {\n            displayNoCampaignMessage(\n              playedCampaign,\n              alreadyPlayed,\n              next_match_day\n            );\n          }\n        }\n\n        return;\n      }\n\n      enableButton(buttonElements);\n      buttonElements.forEach((buttonElement) => {\n        buttonElement.removeEventListener(\"click\", openLogin); // Remove any previous login listener\n        buttonElement.addEventListener(\n          \"click\",\n          () => handleButtonClick(game_day),\n          { once: true }\n        );\n      });\n    } else {\n      enableButton(buttonElements);\n      buttonElements.forEach((buttonElement) => {\n        buttonElement.removeEventListener(\"click\", handleButtonClick); // Remove any previous click listener\n        buttonElement.addEventListener(\"click\", openLogin, { once: true });\n      });\n    }\n  };\n\n  const setInfoButtonAction = () => {\n    const existingToRaffleElement = document.getElementById(\"to-raffle\");\n    if (existingToRaffleElement) {\n      existingToRaffleElement.addEventListener(\"click\", () => {\n        Playtech.API.common.navigate(\"/euro2024-raffle\");\n      });\n    }\n  };\n\n  try {\n    const response = await fetch(\n      \"https://searchcollectcounter.azurewebsites.net/api/em\",\n      {\n        method: \"POST\",\n        headers: {\n          \"Content-Type\": \"application/json\",\n        },\n        body: JSON.stringify({}),\n      }\n    );\n\n    if (!response.ok) {\n      throw new Error(`HTTP error! status: ${response.status}`);\n    }\n\n    var emD = await response.json();\n    window.emD = emD;\n    if (!emD.campaign_active) {\n      disableButton(buttonElements);\n      // here the translation has to be changed on the 14th\n      displayNoCampaignMessage(\n        noCampaign,\n        translation,\n        emD.next_match_day\n      );\n    }\n  } catch (error) {\n    console.error(\"Error:\", error);\n  }\n\n  // Define the setButtonLogic function\n  const setButtonLogic = () => {\n    // Check if elements with the class 'play-now' already exist in the DOM on page load\n    const existingElements = document.querySelectorAll(\".play-now\");\n    if (existingElements.length > 0) {\n      setButtonAction(emD);\n      setInfoButtonAction();\n\n      // Optionally, disconnect the observer if the elements already exist\n      observer.disconnect();\n    }\n  };\n\n  // Create a MutationObserver to monitor changes in the DOM\n  const observer = new MutationObserver((mutationsList, observer) => {\n    for (let mutation of mutationsList) {\n      if (mutation.type === \"childList\") {\n        // Check added nodes for the target element\n        for (let node of mutation.addedNodes) {\n          if (node.classList && node.classList.contains(\"play-now\")) {\n            setButtonLogic();\n            // Optionally, stop observing after the element is found\n            observer.disconnect();\n            return; // Exit the callback function\n          }\n        }\n      }\n    }\n  });\n\n  // Start observing the document body for childList changes\n  observer.observe(document.body, { childList: true, subtree: true });\n\n  // Call setButtonLogic to check for elements on initial page load\n  setButtonLogic();\n})();\n"},"conditionIds":["7783b255-8508-4427-9891-30387e8cb9f5","4eaa767f-38ed-46ce-aea0-afceba7315fd"]},{"tagId":"fd4a67c3-9a36-4cc3-8883-cc9d9faebeb3","tagTypeId":"custom_tag_type","name":"EM_2024_Landing_Page CSS","description":"EM_2024_Landing_Page CSS","config":{"beforeEndHead":"<style>\n\nimg,\nvideo {\n  max-width: 100%;\n  height: auto;\n}\n\n.relative {\n  overflow: hidden;\n}\n[hidden] {\n  display: none;\n}\n.page-container-narrow {\n  margin: 0 auto;\n  max-width: 1200px;\n}\n*,\n:before,\n:after {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x: ;\n  --tw-pan-y: ;\n  --tw-pinch-zoom: ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position: ;\n  --tw-gradient-via-position: ;\n  --tw-gradient-to-position: ;\n  --tw-ordinal: ;\n  --tw-slashed-zero: ;\n  --tw-numeric-figure: ;\n  --tw-numeric-spacing: ;\n  --tw-numeric-fraction: ;\n  --tw-ring-inset: ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur: ;\n  --tw-brightness: ;\n  --tw-contrast: ;\n  --tw-grayscale: ;\n  --tw-hue-rotate: ;\n  --tw-invert: ;\n  --tw-saturate: ;\n  --tw-sepia: ;\n  --tw-drop-shadow: ;\n  --tw-backdrop-blur: ;\n  --tw-backdrop-brightness: ;\n  --tw-backdrop-contrast: ;\n  --tw-backdrop-grayscale: ;\n  --tw-backdrop-hue-rotate: ;\n  --tw-backdrop-invert: ;\n  --tw-backdrop-opacity: ;\n  --tw-backdrop-saturate: ;\n  --tw-backdrop-sepia: ;\n  --tw-contain-size: ;\n  --tw-contain-layout: ;\n  --tw-contain-paint: ;\n  --tw-contain-style: ;\n}\n::backdrop {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x: ;\n  --tw-pan-y: ;\n  --tw-pinch-zoom: ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position: ;\n  --tw-gradient-via-position: ;\n  --tw-gradient-to-position: ;\n  --tw-ordinal: ;\n  --tw-slashed-zero: ;\n  --tw-numeric-figure: ;\n  --tw-numeric-spacing: ;\n  --tw-numeric-fraction: ;\n  --tw-ring-inset: ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur: ;\n  --tw-brightness: ;\n  --tw-contrast: ;\n  --tw-grayscale: ;\n  --tw-hue-rotate: ;\n  --tw-invert: ;\n  --tw-saturate: ;\n  --tw-sepia: ;\n  --tw-drop-shadow: ;\n  --tw-backdrop-blur: ;\n  --tw-backdrop-brightness: ;\n  --tw-backdrop-contrast: ;\n  --tw-backdrop-grayscale: ;\n  --tw-backdrop-hue-rotate: ;\n  --tw-backdrop-invert: ;\n  --tw-backdrop-opacity: ;\n  --tw-backdrop-saturate: ;\n  --tw-backdrop-sepia: ;\n  --tw-contain-size: ;\n  --tw-contain-layout: ;\n  --tw-contain-paint: ;\n  --tw-contain-style: ;\n}\n.button-base {\n  font-size: 1rem;\n  line-height: 1.5rem;\n}\n@media (min-width: 1024px) {\n  .button-base {\n    font-size: 1.125rem;\n    line-height: 1.75rem;\n  }\n}\n@media (min-width: 1280px) {\n  .button-base {\n    font-size: 1.25rem;\n    line-height: 1.75rem;\n  }\n}\n.button-base {\n  cursor: pointer;\n  border-radius: 0.125rem;\n  padding: 0.5rem;\n  text-align: center;\n  font-weight: 400;\n  --tw-text-opacity: 1;\n  color: rgb(32 32 32 / var(--tw-text-opacity));\n  text-decoration-thickness: 0px;\n}\n.button-base-bg {\n  border-width: 4px;\n  border-style: solid;\n  --tw-border-opacity: 1;\n  border-color: rgb(255 204 0 / var(--tw-border-opacity));\n}\n.button-base-bg:hover {\n  --tw-border-opacity: 1;\n  border-color: rgb(255 204 0 / var(--tw-border-opacity));\n}\n.button-base-bg {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 204 0 / var(--tw-bg-opacity));\n}\n.button-base-bg:hover {\n  --tw-border-opacity: 1;\n  border-color: rgb(249 176 0 / var(--tw-border-opacity));\n  --tw-bg-opacity: 1;\n  background-color: rgb(249 176 0 / var(--tw-bg-opacity));\n}\n.visible {\n  visibility: visible;\n}\n.absolute {\n  position: absolute;\n}\n.relative {\n  position: relative;\n}\n.bottom-13 {\n  bottom: 6.5rem;\n}\n.bottom-5 {\n  bottom: 2.5rem;\n}\n.bottom-\\[20\\%\\] {\n  bottom: 20%;\n}\n.left-1\\/2 {\n  left: 50%;\n}\n.left-1\\/3 {\n  left: 33.333333%;\n}\n.right-\\[10px\\] {\n  right: 10px;\n}\n.right-\\[5\\%\\] {\n  right: 5%;\n}\n.top-0 {\n  top: 0;\n}\n.top-1\\/2 {\n  top: 50%;\n}\n.top-\\[10px\\] {\n  top: 10px;\n}\n.top-\\[37\\%\\] {\n  top: 37%;\n}\n.z-0 {\n  z-index: 0;\n}\n.z-10 {\n  z-index: 10;\n}\n.z-\\[1\\] {\n  z-index: 1;\n}\n.z-\\[2\\] {\n  z-index: 2;\n}\n.m-0 {\n  margin: 0;\n}\n.m-auto {\n  margin: auto;\n}\n.mx-auto {\n  margin-left: auto;\n  margin-right: auto;\n}\n.my-0 {\n  margin-top: 0;\n  margin-bottom: 0;\n}\n.my-11 {\n  margin-top: 5.5rem;\n  margin-bottom: 5.5rem;\n}\n.\\!ml-0 {\n  margin-left: 0 !important;\n}\n.-mt-13 {\n  margin-top: -6.5rem;\n}\n.-mt-25 {\n  margin-top: -12.5rem;\n}\n.-mt-3 {\n  margin-top: -1.5rem;\n}\n.mb-0 {\n  margin-bottom: 0;\n}\n.mb-5 {\n  margin-bottom: 2.5rem;\n}\n.mt-0 {\n  margin-top: 0;\n}\n.mt-1 {\n  margin-top: 0.5rem;\n}\n.mt-10 {\n  margin-top: 5rem;\n}\n.mt-2 {\n  margin-top: 1rem;\n}\n.mt-3 {\n  margin-top: 1.5rem;\n}\n.mt-4 {\n  margin-top: 2rem;\n}\n.mt-5 {\n  margin-top: 2.5rem;\n}\n.mt-8 {\n  margin-top: 4rem;\n}\n.block {\n  display: block;\n}\n.flex {\n  display: flex;\n}\n.table {\n  display: table;\n}\n.aspect-114-56 {\n  aspect-ratio: 56px;\n}\n.h-26 {\n  height: 13rem;\n}\n.h-\\[120px\\] {\n  height: 120px;\n}\n.h-\\[150px\\] {\n  height: 150px;\n}\n.h-\\[90px\\] {\n  height: 90px;\n}\n.h-auto {\n  height: auto;\n}\n.w-20 {\n  width: 10rem;\n}\n.w-33 {\n  width: 16.5rem;\n}\n.w-39 {\n  width: 19.5rem;\n}\n.w-\\[27rem\\] {\n  width: 27rem;\n}\n.w-\\[80\\%\\] {\n  width: 80%;\n}\n.w-full {\n  width: 100%;\n}\n.w-max {\n  width: -moz-max-content;\n  width: max-content;\n}\n.max-w-screen-xl {\n  max-width: 1280px;\n}\n.flex-1 {\n  flex: 1 1 0%;\n}\n.-translate-x-1\\/2 {\n  --tw-translate-x: -50%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y))\n    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))\n    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.-translate-y-1\\/2 {\n  --tw-translate-y: -50%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y))\n    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))\n    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.rotate-12 {\n  --tw-rotate: 12deg;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y))\n    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))\n    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.transform {\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y))\n    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))\n    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.cursor-pointer {\n  cursor: pointer;\n}\n.list-none {\n  list-style-type: none;\n}\n.flex-col {\n  flex-direction: column;\n}\n.items-center {\n  align-items: center;\n}\n.justify-center {\n  justify-content: center;\n}\n.gap-1 {\n  gap: 0.5rem;\n}\n.gap-4 {\n  gap: 2rem;\n}\n.gap-5 {\n  gap: 2.5rem;\n}\n.space-y-2 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(1rem * var(--tw-space-y-reverse));\n}\n.space-y-4 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(2rem * var(--tw-space-y-reverse));\n}\n.rounded-sm {\n  border-radius: 0.125rem;\n}\n.bg-\\[\\#002133\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(0 33 51 / var(--tw-bg-opacity));\n}\n.bg-transparent {\n  background-color: transparent;\n}\n.object-contain {\n  -o-object-fit: contain;\n  object-fit: contain;\n}\n.px-2 {\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n.px-3 {\n  padding-left: 1.5rem;\n  padding-right: 1.5rem;\n}\n.px-4 {\n  padding-left: 2rem;\n  padding-right: 2rem;\n}\n.px-5 {\n  padding-left: 2.5rem;\n  padding-right: 2.5rem;\n}\n.pb-16 {\n  padding-bottom: 8rem;\n}\n.pb-30 {\n  padding-bottom: 15rem;\n}\n.pb-8 {\n  padding-bottom: 4rem;\n}\n.pl-0 {\n  padding-left: 0;\n}\n.pl-3 {\n  padding-left: 1.5rem;\n}\n.pt-1 {\n  padding-top: 0.5rem;\n}\n.pt-25 {\n  padding-top: 12.5rem;\n}\n.pt-9 {\n  padding-top: 4.5rem;\n}\n.text-left {\n  text-align: left;\n}\n.text-center {\n  text-align: center;\n}\n.text-2xl {\n  font-size: 1.5rem;\n  line-height: 2rem;\n}\n.text-6xl {\n  font-size: 3.75rem;\n  line-height: 1;\n}\n.text-xl {\n  font-size: 1.25rem;\n  line-height: 1.75rem;\n}\n.font-bold {\n  font-weight: 700;\n}\n.font-normal {\n  font-weight: 400;\n}\n.uppercase {\n  text-transform: uppercase;\n}\n.text-\\[\\#f9b000\\] {\n  --tw-text-opacity: 1;\n  color: rgb(249 176 0 / var(--tw-text-opacity));\n}\n.text-white {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n.displaynone {\n  display: none;\n}\nhtml {\n  font-variant-ligatures: normal;\n  font-variant-caps: normal;\n  font-variant-numeric: normal;\n  font-variant-east-asian: normal;\n  font-size: 80%;\n  line-height: normal;\n}\nbody {\n  margin: 0;\n}\n.disabled {\n  filter: grayscale(100%);\n  pointer-events: none;\n}\n.campaign-button.disabled {\n  background-color: gray;\n  cursor: not-allowed;\n}\n.container-content {\n  background: #002133;\n  background: linear-gradient(0deg, #002133 95%, #0021331e);\n}\n#played-campaign a {\n  color: inherit;\n  text-decoration: underline;\n}\n#penalty-placeholder {\n  transition: opacity 1s ease-out;\n}\n#penalty-video {\n  transition: opacity 1s ease-in;\n  opacity: 0;\n}\n#penalty-video.show {\n  opacity: 1;\n}\n#mobile-penalty-placeholder {\n  transition: opacity 1s ease-out;\n}\n#mobile-penalty-video {\n  transition: opacity 1s ease-in;\n  opacity: 0;\n}\n#mobile-penalty-video.show {\n  opacity: 1;\n}\n#ticket-container img {\n  transform: rotate(-12deg);\n}\n#ticket-container span {\n  transform: rotate(-17deg);\n}\n.accordion-content {\n  max-height: 1000px;\n  overflow: hidden;\n  transition: max-height 0.3s ease;\n}\ninput:not(:checked) ~ .accordion-content {\n  max-height: 0;\n}\n.accordion-header:after {\n  content: url(/library/landing-pages/euro-2024/arrow.svg);\n  display: inline-block;\n  margin-left: 5px;\n  transition: transform 0.3s ease;\n  font-size: 16px;\n  position: absolute;\n}\ninput:checked + .accordion-header:after {\n  transform: rotate(180deg);\n}\n.custom-list {\n  list-style-type: \"- \";\n}\n@media (min-width: 1024px) {\n  .hero-image:before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(\n      to right,\n      #002133,\n      #ff00 5%,\n      #ff00 95%,\n      #002133\n    );\n    pointer-events: none;\n  }\n  .lg\\:z-0 {\n    z-index: 0;\n  }\n  .lg\\:-mt-25 {\n    margin-top: -12.5rem;\n  }\n  .lg\\:-mt-32 {\n    margin-top: -16rem;\n  }\n  .lg\\:mb-0 {\n    margin-bottom: 0;\n  }\n  .lg\\:mt-1 {\n    margin-top: 0.5rem;\n  }\n  .lg\\:mt-10 {\n    margin-top: 5rem;\n  }\n  .lg\\:mt-21 {\n    margin-top: 10.5rem;\n  }\n  .lg\\:mt-25 {\n    margin-top: 12.5rem;\n  }\n  .lg\\:mt-5 {\n    margin-top: 2.5rem;\n  }\n  .lg\\:flex {\n    display: flex;\n  }\n  .lg\\:h-28 {\n    height: 14rem;\n  }\n  .lg\\:h-35 {\n    height: 17.5rem;\n  }\n  .lg\\:w-\\[80\\%\\] {\n    width: 80%;\n  }\n  .lg\\:flex-row {\n    flex-direction: row;\n  }\n  .lg\\:gap-20 {\n    gap: 10rem;\n  }\n  .lg\\:space-x-4 > :not([hidden]) ~ :not([hidden]) {\n    --tw-space-x-reverse: 0;\n    margin-right: calc(2rem * var(--tw-space-x-reverse));\n    margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));\n  }\n  .lg\\:space-y-0 > :not([hidden]) ~ :not([hidden]) {\n    --tw-space-y-reverse: 0;\n    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));\n    margin-bottom: calc(0px * var(--tw-space-y-reverse));\n  }\n  .lg\\:px-0 {\n    padding-left: 0;\n    padding-right: 0;\n  }\n  .lg\\:px-3 {\n    padding-left: 1.5rem;\n    padding-right: 1.5rem;\n  }\n  .lg\\:py-2 {\n    padding-top: 1rem;\n    padding-bottom: 1rem;\n  }\n  .lg\\:py-3 {\n    padding-top: 1.5rem;\n    padding-bottom: 1.5rem;\n  }\n  .lg\\:pb-\\[28rem\\] {\n    padding-bottom: 28rem;\n  }\n  .lg\\:pt-14 {\n    padding-top: 7rem;\n  }\n  .lg\\:pt-32 {\n    padding-top: 16rem;\n  }\n  .lg\\:pt-8 {\n    padding-top: 4rem;\n  }\n  .lg\\:text-left {\n    text-align: left;\n  }\n  .lg\\:text-center {\n    text-align: center;\n  }\n  .lg\\:text-2xl {\n    font-size: 1.5rem;\n    line-height: 2rem;\n  }\n  .lg\\:text-3xl {\n    font-size: 1.875rem;\n    line-height: 2.25rem;\n  }\n  .lg\\:text-4xl {\n    font-size: 2.25rem;\n    line-height: 2.5rem;\n  }\n  .lg\\:displaynone {\n    display: none;\n  }\n}\n@media (min-width: 1280px) {\n  .xl\\:text-3xl {\n    font-size: 1.875rem;\n    line-height: 2.25rem;\n  }\n  .xl\\:text-4xl {\n    font-size: 2.25rem;\n    line-height: 2.5rem;\n  }\n}\n\n</style>","beforeEndBody":""},"conditionIds":["7783b255-8508-4427-9891-30387e8cb9f5","536a0342-c6ec-4919-b04d-5f1c0c5c683d"]},{"tagId":"53","tagTypeId":"custom_js","name":"After page render /withdraw","description":"After page render /withdraw","config":{"code":"    document.addEventListener(\"DOMContentLoaded\", function () {\r\n        /* remove whitespaces and \"-\" from IBAN input field */\r\n        function removeCharacters() {\r\n            var el = document.querySelector('input[placeholder=\"IBAN\"]');\r\n            el.addEventListener(\"blur\", function () {\r\n                var inputText = this.value.replace(/ |-/g, \"\");\r\n                this.value = inputText;\r\n            });\r\n            if (!el) {\r\n                setTimeout(removeCharacters, 250);\r\n            }\r\n        }\r\n\r\n        /* auto open Banküberweisung for portable devices */\r\n        function expandMethod() {\r\n            var el = document.querySelector(\r\n                \"#p_p_id_mobilecashier_WAR_cashierportlet_INSTANCE_Kf8muQpaFjxW_>div.fn-portlet.portlet__content.portlet__content_border_show.portlet__content_type_mobile-cashier>ul>li>div.info-list__field\"\r\n            );\r\n            if (el) {\r\n                el.click();\r\n            }\r\n            if (!el) {\r\n                setTimeout(expandMethod, 250);\r\n            }\r\n        }\r\n\r\n        if (document.documentElement.classList.contains(\"mobile\") || document.documentElement.classList.contains(\"tablet\")) {\r\n            expandMethod();\r\n        }\r\n        removeCharacters();\r\n    });\r\n\r\n    function waitForElement(selector) {\r\n        return new Promise(resolve => {\r\n            const element = document.querySelector(selector);\r\n            if (element) {\r\n                resolve(element);\r\n            } else {\r\n                const observer = new MutationObserver(mutations => {\r\n                    const element = document.querySelector(selector);\r\n                    if (element) {\r\n                        observer.disconnect();\r\n                        resolve(element);\r\n                    }\r\n                });\r\n\r\n                observer.observe(document.body, {\r\n                    childList: true,\r\n                    subtree: true\r\n                });\r\n            }\r\n        });\r\n    }\r\n\r\n\r\n    async function handleConfirmationPopup() {\r\n            const okButtonElement = await waitForElement('.CommonPopup__btn--X0f');\r\n                const okButton = document.querySelector('.CommonPopup__btn--X0f');\r\n\r\n                okButton.addEventListener('click', event => {\r\n                    event.preventDefault();\r\n                    location.replace(\"/pending-withdraw\");\r\n                });\r\n    }\r\n    handleConfirmationPopup();\r\n\r\n"},"conditionIds":["4eaa767f-38ed-46ce-aea0-afceba7315fd","c579ac2e-f08f-416f-9a42-53992c3bb524"]},{"tagId":"69","tagTypeId":"custom_tag_type","name":"Custom CSS Tag /deposit","description":"Custom CSS Tag /deposit","config":{"beforeEndHead":"<style>\n\n.desktop .menu__secondlevel-wrapper {\n   display: none;\n}\n\ninput[type=text]:disabled {\n    -webkit-text-fill-color: #282828;\n    color: #282828;\n    opacity: 1.0 !important;\n}\n\n/* Firefox */\ninput[type=number] {\n  -moz-appearance: textfield !important;\n}\n\n/* Margin to avoid overlapping when provisionary topbar is displayed */\n.mobile .info-list {\n    margin: 0 -1.155rem 0 -1.155rem !important;\n}\n\n.mobile .info-list_type_sub {\n  margin-top: 0 !important;  \n}\n\n[class^=micon-payment-PaySafeCard], [class^=micon-payment-Paysafecard]:lang(de) {\n  background-color: #E9E9E9;\n  background-image: url('/library/img/icons/paysafecard-png-v3.png');\n  background-position: 0;\n  min-height: 2em;\n  height: 2em;\n  margin-top: 0.25em;\n  margin-bottom: 0.25em;\n}\n\n[class^=micon-payment-PaySafeCard], [class^=micon-payment-Paysafecard]:lang(en) {\n  background-color: #E9E9E9;\n  background-image: url('/library/img/icons/paysafecard-png-v3.png');\n  background-position: 0;\n  min-height: 2em;\n  height: 2em;\n  margin-top: 0.25em;\n  margin-bottom: 0.25em;\n}\n\n[class^=micon-payment-PaySafeCard], [class^=micon-payment-Paysafecard]:lang(fr) {\n  background-color: #E9E9E9;\n  background-image: url('/library/img/icons/paysafecard-png-v3.png');\n  background-position: 0;\n  min-height: 2em;\n  height: 2em;\n  margin-top: 0.25em;\n  margin-bottom: 0.25em;\n}\n\n[class^=micon-payment-PaySafeCard], [class^=micon-payment-Paysafecard]:lang(it) {\n  background-color: #E9E9E9;\n  background-image: url('/library/img/icons/paysafecard-png-v3.png');\n  background-position: 0;\n  min-height: 2em;\n  height: 2em;\n  margin-top: 0.25em;\n  margin-bottom: 0.25em;\n}\n\n.dynotifyjs-corner {\n  display: block !important;\n  opacity: 1 !important;\n  display: block !important;\n}\n\n.payment-wrapper{\n  display: none;\n}\n\n.bg-anti-flash-white{\n  padding-top: 35px;\n}\n\n</style>","beforeEndBody":""},"conditionIds":["536a0342-c6ec-4919-b04d-5f1c0c5c683d","09bdf729-54d5-4160-92c9-1dae04ca2b04"]},{"tagId":"54","tagTypeId":"custom_tag_type","name":"Custom CSS Tag /withdraw","description":"Custom CSS Tag /withdraw","config":{"beforeEndHead":"<style>\n  #p_p_id_mobilecashier_WAR_cashierportlet_INSTANCE_Kf8muQpaFjxW_ > div.fn-portlet.portlet__content.portlet__content_border_show.portlet__content_type_mobile-cashier > ul > li > div.info-list.fn-accordion-body.info-list_type_sub.info-list_state_collapsed.withdraw__BankTransferCH.accordion-body_expanded > form > div:nth-child(2) > div.field.field_name_amount.fn-validate.tel > div > input[type=tel]{\n    padding-left: 3.65rem !important;\n  }\n.desktop .menu__secondlevel-wrapper {\n   display: none;\n}\n.dynotifyjs-corner {\n  display: none;\n}\n\n/* Firefox */\ninput[type=number] {\n  -moz-appearance: textfield !important;\n}\n\ninput[type=email]:read-only, input[type=number]:read-only, input[type=password]:read-only, input[type=tel]:read-only, input[type=text]:read-only, select.read-only__select+.js-select__display, textarea:read-only {\n    opacity: .7;\n    -webkit-text-fill-color: black;\n}\n\n.payment-wrapper{\n  display: none;\n}\n\n.bg-anti-flash-white{\n  padding-top: 35px;\n}\n\n</style>","beforeEndBody":""},"conditionIds":["536a0342-c6ec-4919-b04d-5f1c0c5c683d","c579ac2e-f08f-416f-9a42-53992c3bb524"]},{"tagId":"4c213d2e-d347-4740-a808-80b3b51221eb","tagTypeId":"i_feel_lucky","name":"feellucky","description":"I feel lucky ","config":{"gameFeed":"i_feel_lucky_game_feed","widgetPosition":"bottomLeft","widgetIcon":"hover"},"conditionIds":["9a6fd193-8be7-4b06-9bd7-bdf8e764f8e8","4eaa767f-38ed-46ce-aea0-afceba7315fd"]},{"tagId":"31","tagTypeId":"custom_tag_type","name":"Custom CSS Tag /poker-bonus-bedingungen","description":"Poker TC page","config":{"beforeEndHead":"<style>\n\n.fn-portlet-container, .portlet-layout page-layout layout-100, .desktop .page-layout {\n  padding: 1.5em;\n}\n\n</style>","beforeEndBody":""},"conditionIds":["65d84453-8642-4e2f-9931-ba085667f1c5","536a0342-c6ec-4919-b04d-5f1c0c5c683d"]},{"tagId":"85b93335-3ce7-4a7f-ae06-03015091149f","tagTypeId":"custom_js","name":"woman game categ Lobby","description":"woman game categ Lobby","config":{"code":"(() => {\n  const waitForElement = (elementId) => {\n    return new Promise((resolve) => {\n      const checkElement = () => {\n        const element = document.getElementById(elementId);\n        if (element) {\n          clearInterval(interval);\n          resolve(element);\n        }\n      };\n\n      const interval = setInterval(checkElement, 500); // Check every 500ms\n    });\n  };\n\n  const removeCategory = async (category) => {\n    if (!category) {\n      console.error(\"Category element not found\");\n      return;\n    }\n\n    try {\n      const playerDetails = await Playtech.fetchUserDetails();\n      if (!playerDetails?.userId || playerDetails?.sex === \"M\") {\n        category.style.display = \"none\";\n      } else {\n        console.log(\"Category not hidden, condition not met\");\n      }\n    } catch (error) {\n      console.error(\"Error fetching player details\", error);\n    }\n  };\n\n  (async () => {\n    const categoryElement = await waitForElement(\n      \"30594a6a-74f2-e5df-32b5-1c934b3eee21\"\n    );\n    removeCategory(categoryElement);\n  })();\n})();\n"},"conditionIds":["753bbe7e-64ab-45c3-8d08-1d182b3ad0a3","4eaa767f-38ed-46ce-aea0-afceba7315fd"]},{"tagId":"5","tagTypeId":"custom_tag_type","name":"Custom CSS Tag /unique-transactions","description":"Custom CSS Tag /unique-transactions","config":{"beforeEndHead":"<style>\n\n.desktop .menu__secondlevel-wrapper {\n   display: none;\n}\n.dynotifyjs-corner {\n  display: none;\n}\n.info-list.info-list__body.info-list_type_sub\n{\n  padding: 0 1.155rem;\n}\n  .mobile .val_type_client-game-category.info-list__row .info-list__field_type_value {\n    overflow: scroll;\n    text-overflow: unset;\n    display: inline-block;\n    animation: marquee 10s linear infinite;\n    /* Adjust the time as needed */\n  }\n\n  @keyframes marquee {\n    from {\n      transform: translateX(50%);\n    }\n\n    to {\n      transform: translateX(-35%);\n      /* Ensure this is enough to scroll the full text */\n    }\n  }\n</style>","beforeEndBody":""},"conditionIds":["536a0342-c6ec-4919-b04d-5f1c0c5c683d","92d9dc5e-9116-412a-ac0a-f1c6fb2ebca8"]},{"tagId":"849bb37f-e880-4272-af62-99cee01cc490","tagTypeId":"custom_tag_type","name":"Registration Landing Page CSS","description":"Registration Landing Page CSS","config":{"beforeEndHead":"<link rel=\"preload\" href=\"./library/DY_banners_font/DINNextLTPro-BoldCondensed.otf\" as=\"font\" type=\"font/otf\" crossorigin=\"anonymous\">\r\n<link rel=\"preload\" href=\"./library/DY_banners_font/DINNextLTPro-Condensed.otf\" as=\"font\" type=\"font/otf\" crossorigin=\"anonymous\">\r\n","beforeEndBody":""},"conditionIds":["cd7b5eb9-f1bc-4ae2-a381-a693cec91386","536a0342-c6ec-4919-b04d-5f1c0c5c683d"]},{"tagId":"df36fc66-7928-4974-a30e-aa576bbc4140","tagTypeId":"custom_js","name":"Custom Js /casino-bonus animate tile","description":"Custom Js /casino-bonus animate tile","config":{"code":"function insertHTMLIntoFirstElement(selector, htmlContent) {\n    const element = document.querySelector(selector);\n    if (element) {\n        element.innerHTML = htmlContent;\n        element.style.display = 'block';  // Set the display property to block\n    }\n}\n\ninsertHTMLIntoFirstElement('.animate-click', '<div id=\"overlay\"><img height=\"100\" alt=\"GIF Pointer Curser\" src=\"/library/favicons/GIF_Pointer_Curser_300x420.gif\" width=\"100\" /></div>');\n"},"conditionIds":["7e84c461-b667-4988-8228-d9a296d085bf","4eaa767f-38ed-46ce-aea0-afceba7315fd"]},{"tagId":"15dab524-d408-4cb6-adfa-7c652ea7f872","tagTypeId":"custom_js","name":"openPokerWebClientOnLogin","description":"openPokerWebClientOnLogin","config":{"code":"Playtech.on(Playtech.Events.LOGGED_IN, function () {\n  let currentUrlRaw = window.location.pathname.includes(\"?\")\n    ? window.location.pathname.split(\"?\")[0]\n    : window.location.pathname;\n  let currentUrl = currentUrlRaw.split(\"/\").pop();\n  let pokerUrls = [\"poker\", \"poker-events\", \"poker-bonus\", \"event_details\"];\n  if (pokerUrls.includes(currentUrl)) {\n    const pokerUrl =\n      \"https://games.swisscasinos.ch/poker/web/WebLauncher.html?&lang=\" +\n      returnLangCode();\n    window.open(pokerUrl, \"newwindow\", \"width=1280, height=720\");\n  }\n});\n"},"conditionIds":["d6ea1032-ba2e-40ce-b1e1-69173b2de8bd","4eaa767f-38ed-46ce-aea0-afceba7315fd"]},{"tagId":"000d5c6b-8f05-493e-8d2f-dbf907011330","tagTypeId":"custom_tag_type","name":"Custom CSS Tag /security","description":"Custom CSS Tag /security","config":{"beforeEndHead":"<style>\r\n.desktop .menu__secondlevel-wrapper {\r\n   display: none;\r\n}\r\n</style>","beforeEndBody":""},"conditionIds":["e320c2ac-98e8-4e63-abe7-37af2219a307","536a0342-c6ec-4919-b04d-5f1c0c5c683d"]},{"tagId":"a9fa027e-7651-4b56-bf9e-0c3ce272d65e","tagTypeId":"custom_js","name":"Registration Page JS","description":"Registration Page JS","config":{"code":"(() => {\r\n  const onElementAdded = (selector, action) => {\r\n    // Find the container where elements will be observed\r\n    const container = document.querySelector(\".wrapper.image-background\");\r\n\r\n    // Proceed only if the container exists\r\n    if (!container) {\r\n      console.warn(\"The specified container (.wrapper) does not exist.\");\r\n      return;\r\n    }\r\n\r\n    const observer = new MutationObserver((mutationsList) => {\r\n      const found = mutationsList.some(\r\n        (mutation) =>\r\n          mutation.type === \"childList\" &&\r\n          Array.from(mutation.addedNodes).some(\r\n            (node) => node.id === selector && (() => action(node) || true)()\r\n          )\r\n      );\r\n\r\n      if (found) observer.disconnect(); // Disconnect after action is applied\r\n    });\r\n\r\n    observer.observe(container, { childList: true, subtree: true });\r\n  };\r\n\r\n  const initialize = () => {\r\n    document.body.addEventListener(\"click\", (event) => {\r\n      if (event.target.id === \"register-now\") {\r\n        Playtech.API.common.navigate(\"/register\");\r\n      }\r\n    });\r\n\r\n    onElementAdded(\"register-now\", () => {\r\n      console.log(\"#register-now button is now available\");\r\n    });\r\n  };\r\n\r\n  initialize();\r\n})();\r\n"},"conditionIds":["cd7b5eb9-f1bc-4ae2-a381-a693cec91386","4eaa767f-38ed-46ce-aea0-afceba7315fd"]},{"tagId":"c701005a-c962-45e8-9d88-538790e184ea","tagTypeId":"custom_tag_type","name":"Preload Dy pinned banner's images","description":"Preload Dy pinned banner's images","config":{"beforeEndHead":"<!--<link fetchpriority=\"high\" rel=\"preload\" as=\"image\" href=\"https://cdn.dynamicyield.com/api/8773396/images/3189810b502ac__welcome1.webp\">-->\n<!--<link fetchpriority=\"high\" rel=\"preload\" as=\"image\" href=\"https://cdn.dynamicyield.com/api/8773396/images/1d5e62169dbc4__welcome2.webp\">-->\n<!--<link fetchpriority=\"high\" rel=\"preload\" as=\"image\" href=\"https://cdn.dynamicyield.com/api/8773396/images/22a2a93de5670__welcome3.webp\">-->","beforeEndBody":""},"conditionIds":["447b0ef8-22a2-43fb-b90e-19ba29771dd8","536a0342-c6ec-4919-b04d-5f1c0c5c683d"]},{"tagId":"63","tagTypeId":"custom_tag_type","name":"Custom CSS Tag /register","description":"Custom CSS Tag /register","config":{"beforeEndHead":"<style>\n/* SC-2026 */\n.desktop .register-popup .layout-column.layout-column-1 {\n  height: 48em;\n}\n\n.desktop .register-popup .fn-portlet.portlet__content.portlet__content_border_show.portlet__content_type_registration  {\n  height: 41em;\n}\n\n.desktop .register-popup .micon-close-btn.popup-modal__button_type_close.fn-close:hover {\n  background-color: transparent;\n}\n.desktop .register-popup .popup-modal__header>.popup-modal__title .popup-modal__title-inner {\n  background:  #fafafa;\n      padding-top: 1.3em;\n}\n.tablet .register-popup .popup-modal__header>.popup-modal__title .popup-modal__title-inner {\n      background: #fafafa;\n    padding-top: 2.3em;\n    height: 100%;\n}\n.desktop .register-popup .popup-modal__header {\n  padding-top: 1em;\n  padding-left: 45%;\n}\n.desktop .register-popup .popup-modal__title {\n  text-align: left;\n  padding: 0 87px!important;\n}\n.tablet .register-popup .popup-modal__header {\n  padding-top: 1em;\n  padding-left: 45%;\n     \n}\n.tablet .register-popup .popup-modal__title {\n  margin-left: 0;\n  margin-right: auto;\n  text-align: left;\n  padding: 0 40px;\n  padding: 0 0 0 38px;\n    width: 100%;\n    height: 5em;\n}\n.desktop .register-popup .registration-step-bar-wrap {\n  width: 70%;\n  left: 15%;\n}\n\n.tablet.portrait .register-popup .registration-step-bar-wrap {\n  bottom: 10em;\n}\n\n.tablet.portrait .register-popup .popup-modal__header {\n    width: 100%;\n    position: absolute;\n    padding-left: 45%;\n        top: -1em;\n    z-index: 100;\n    background: 0 0;\n}\n\n.tablet.landscape .register-popup .popup-modal__header {\n    width: 100%;\n    position: absolute;\n    padding-left: 45%;\n    top: .5em;\n    z-index: 100;\n    background: 0 0;\n}\n\n.tablet .portlet-layout.page-layout.layout-50-50 {\n  margin: 0;\n}\n\n.tablet.portrait .micon-close-btn.popup-modal__button_type_close.fn-close {\n  position: absolute;\n  top: -3em;\n  font-size: 1.5em;\n  right: 0; \n}\n.tablet.landscape .micon-close-btn.popup-modal__button_type_close.fn-close {\n  position: absolute;\n  top: -3em;\n  font-size: 1.5em;\n  right: 0;\n}\n.tablet .register-popup .popup-modal__content {\n  padding: 0;\n}\n.tablet .register-popup #promo_element {\n  height: 42em;\n  padding: 3em;\n}\n.tablet .register-popup .portlet__content.portlet__content_type_registration {\n  padding: 0 3em;\n}\n.tablet .layout-50-50 .layout-column-1 {\n    width: 45%;\n}\n.tablet .layout-50-50 .layout-column-2 {\n    width: 55%;\n}\n.tablet .register-popup .form.form_name_registration {\n  padding: 5.155rem 0px 1.155rem 0;\n}\n.mobile #promo_element .numberlist {\n  margin-left: 0!important;\n}\n.desktop #promo_element .numberlist {\n  margin-left: 0!important;\n}\n.mobile .registration-step-bar-wrap{\n  width: 80%;\n  left: 10%;\n}\n.desktop .register-popup .popup-modal__header {\n  top: 1em;\n}\n.desktop .register-popup .micon-close-btn {\n  top: -3em;\n}\n.mobile .registration-step-bar .active {\n  width: 25px;\n  height: 25px;\n}\n.mobile .registration-step-bar .prevStep {\n  background-position: 3px;\n}\n.desktop #promo_element .numberlist a {\n  padding: 0;\n  height: 40px;\n  padding-bottom: 37px;\n  padding-left: 4em;\n}\n#promo_element .promo_placeholder {\n  transform-style: preserve-3d;\n}\n#promo_element .promo_placeholder:before {\n  content:' ';\n  display:block;\n  width:72px;\n  height:72px;\n  margin:5px auto;\n  left: -44px;\n  position: absolute;\n  top: 70px;\n}\n#promo_element .promo_placeholder:after {\n  content:' ';\n  display:block;\n  width:72px;\n  height:72px;\n  margin:5px auto;\n  top: -40px;\n  left: 80px;\n  position: absolute;\n}\n#promo_element .promo_placeholder:before {\n    background-image: url('/library/img/smartphone.png');\n    background-repeat: no-repeat;\n    background-position: center;\n    background-size: 90%;\n    transform: translateZ(-1px);\n}\n#promo_element .promo_placeholder:after {\n    background-image: url('/library/img/poker-chip.png');\n    background-repeat: no-repeat;\n    background-position: center;\n    background-size: 90%;\n    transform: translateZ(-1px);\n}\n\n\n\n.desktop #promo_element .numberlist a:before {\n  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.27);\n}\n.tablet #promo_element .numberlist a:before {\n  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.27);\n}\n\n.desktop .register-popup .field__control {\n  padding-bottom: .3em;\n}\n.tablet .register-popup .field__control {\n  padding-bottom: .3em;\n}\n.desktop .form__fieldset.fieldset_name_coupon {\n  padding-bottom: .3em;\n}\n.tablet .form__fieldset.fieldset_name_coupon {\n  padding-bottom: .3em;\n}\n.desktop #promo_element .numberlist a:before{\n  width: 20px;\n  height: 20px;\n}\n.tablet #promo_element .numberlist a:before{\n  width: 20px;\n  height: 20px;\n}\n.desktop .register-popup .registration-step-bar .not_active {\n  border: none;\n}\n.tablet .register-popup .registration-step-bar .not_active {\n  border: none;\n}\n.desktop .register-popup #promo_element .numberlist a:before{\n  left: -2em;\n}\n.mobile .register-popup .popup-modal__header .popup-modal__title-inner {\n  margin: 10px 0 0 32px;\n}\n.mobile .register-popup .registration-step-bar .title-1{\n  padding-top: 0;\n}\n.mobile .register-popup .registration-step-bar .title-2{\n  padding-top: 0;\n}\n.mobile .register-popup .registration-step-bar .title-3{\n  padding-top: 0;\n}\n.mobile .register-popup .registration-step-bar .title-4{\n  padding-top: 0;\n}\n.desktop .field-group.field-group_name_date {\n  padding-bottom: .3em;\n}\n.tablet .field-group.field-group_name_date {\n  padding-bottom: .3em;\n}\n/* SC-2026 - end */\n/* DO NOT DELETE */\n.tablet.portrait .form_name_registration {\n    width: 100%;\n    margin: 0 auto;\n}\n\n/* Step 0 - Padding */\n#p_p_id_registration_WAR_accountportlet_ > div.fn-portlet.portlet__content.portlet__content_border_show.portlet__content_type_registration > div.registration-wizard.fn-register-content > div:nth-child(1) > form > div > fieldset.form__fieldset.fieldset_name_simpleText4 {\n    margin: 0 0 .8em 0;\n}\n\n\n/* Back to Step 1 - Padding */\n#p_p_id_registration_WAR_accountportlet_ > div.fn-portlet.portlet__content.portlet__content_border_show.portlet__content_type_registration > div.registration-wizard.fn-register-content > div:nth-child(2) > form > div > fieldset.form__fieldset.fieldset_name_simpleText2 {\n    margin: 0 0 .8em 0;\n}\n\n\n/* Back to Step 2 - Padding */\n#p_p_id_registration_WAR_accountportlet_ > div.fn-portlet.portlet__content.portlet__content_border_show.portlet__content_type_registration > div.registration-wizard.fn-register-content > div:nth-child(3) > form > div > fieldset.form__fieldset.fieldset_name_simpleText3 {\n    margin: 0 0 .8em 0;\n}\n\n\n.desktop .layout-50-50 .layout-column-1 {\n    width: 45%;\n    padding: 40px;\n}\n\n\n.desktop .layout-50-50 .layout-column-2 {\n    width: 55%;\n    padding: 0 75px 0 75px;\n}\n\n\n@media only screen and (max-width: 1700px) and (min-width: 1550px) {\n    .desktop .layout-50-50 .layout-column-1 {\n        width: 50%;\n        padding: 20px;\n    }\n\n\n    .desktop .layout-50-50 .layout-column-2 {\n        width: 50%;\n        padding: 20px;\n    }\n}\n\n\n@media only screen and (max-width: 1550px) and (min-width: 1450px) {\n    .desktop .layout-50-50 .layout-column-1 {\n        width: 50%;\n        padding: 10px;\n    }\n\n\n    .desktop .layout-50-50 .layout-column-2 {\n        width: 50%;\n        padding: 10px;\n    }\n}\n\n@media (max-width: 1449.98px) {\n    .desktop .popup.popup-modal {\n        width: 80% !important;\n        max-width: 80% !important;\n    }\n}\n\n\n/* Registrierung Form Progress  */\n.stepbar {\n    display: grid;\n    grid-template-columns: 22% 1fr 1fr 22%;\n    grid-template-rows: auto auto;\n    padding-bottom: 1em;\n    color: #444;\n    position: relative;\n    z-index: 1;\n}\n\n\n.circle-1 {\n    grid-column: 1 / 1;\n    grid-row: 1;\n    justify-self: start;\n    align-self: center;\n    width: 2.5em;\n    height: 2.5em;\n    border-radius: 100%;\n    line-height: 2.2em;\n    text-align: center;\n    border: 2px solid #d5d5da;\n}\n\n\n.circle-2 {\n    grid-column: 2;\n    grid-row: 1;\n    justify-self: center;\n    align-self: center;\n    width: 2.5em;\n    height: 2.5em;\n    border-radius: 100%;\n    line-height: 2.2em;\n    text-align: center;\n    border: 2px solid #e9e9e9;\n    margin-left: -5%;\n}\n\n\n.circle-3 {\n    grid-column: 3;\n    grid-row: 1;\n    justify-self: center;\n    align-self: center;\n    width: 2.5em;\n    height: 2.5em;\n    border-radius: 100%;\n    line-height: 2.2em;\n    text-align: center;\n    border: 2px solid #e9e9e9;\n    margin-right: -5%;\n}\n\n.circle-4 {\n    grid-column: 4;\n    grid-row: 1;\n    justify-self: end;\n    align-self: center;\n    width: 2.5em;\n    height: 2.5em;\n    border-radius: 100%;\n    line-height: 2.2em;\n    text-align: center;\n    border: 2px solid #e9e9e9;\n}\n\n\n.title-1 {\n    grid-column: 1;\n    grid-row: 2;\n    padding-top: .4em;\n    font-size: .9em;\n}\n\n\n.title-2 {\n    grid-column: 2;\n    grid-row: 2;\n    justify-self: center;\n    /* padding-top: 10px; */\n    padding-top: .4em;\n    font-size: .9em;\n    margin-left: -5%;\n}\n\n\n.title-3 {\n    grid-column: 3;\n    grid-row: 2;\n    padding-top: 10px;\n    justify-self: center;\n    padding-top: .4em;\n    font-size: .9em;\n    margin-right: -5%;\n}\n\n.title-4 {\n    grid-column: 4;\n    grid-row: 2;\n    padding-top: 10px;\n    justify-self: end;\n    padding-top: .4em;\n    font-size: .9em;\n}\n\n\n.stepbar-line {\n    background: #e9e9e9;\n    position: absolute;\n    grid-column: 1 / -1;\n    grid-row: 1 / 2;\n    height: 2px;\n    width: 100%;\n    /* left: 50%; */\n    justify-self: center;\n    align-self: center;\n    z-index: -1;\n}\n\n\n.activ {\n    background-color: #4283ba;\n    color: #fff;\n\n}\n\n.activ:hover {\n    cursor: pointer;\n}\n\n.not_activ {\n    background-color: #fff;\n    color: #111;\n}\n\n.mobile .stepbar {\n    display: grid;\n    grid-template-columns: 24% 1fr 1fr 24%;\n    grid-template-rows: auto auto;\n    padding-bottom: 1em;\n    color: #444;\n    position: relative;\n    z-index: 1;\n}\n\n.mobile .circle-2 {\n    grid-column: 2;\n    grid-row: 1;\n    justify-self: center;\n    align-self: center;\n    width: 2.5em;\n    height: 2.5em;\n    border-radius: 100%;\n    line-height: 2.2em;\n    text-align: center;\n    border: 2px solid #e9e9e9;\n    margin-left: -12%;\n}\n\n.mobile .title-2 {\n    grid-column: 2;\n    grid-row: 2;\n    justify-self: center;\n    /* padding-top: 10px; */\n    padding-top: .4em;\n    font-size: .9em;\n    margin-left: -12%;\n}\n\n.mobile .circle-3 {\n    grid-column: 3;\n    grid-row: 1;\n    justify-self: center;\n    align-self: center;\n    width: 2.5em;\n    height: 2.5em;\n    border-radius: 100%;\n    line-height: 2.2em;\n    text-align: center;\n    border: 2px solid #e9e9e9;\n    margin-right: -12%;\n}\n\n.mobile .title-3 {\n    grid-column: 3;\n    grid-row: 2;\n    padding-top: 10px;\n    justify-self: center;\n    padding-top: .4em;\n    font-size: .9em;\n    margin-right: -12%;\n}\n\n.mobile .popup-modal__content {\n    padding: 0 1em 1em;\n    clear: both;\n    overflow-x: hidden;\n    overflow-y: auto;\n    min-height: unset;\n}\n\n.mobile #promo_element .numberlist {\n    width: 95%;\n    margin-left: 14px;\n}\n.not_activ {\n    background-color: #fff;\n       color: #fff;\n    width: 1.5em;\n    height: 1.5em;\n    line-height: 1em;\n}\n\n.activ {\n    background-color: #4283ba;\n    color: #4283ba;\n    width: 1.5em;\n    height: 1.5em;\n    line-height: 1em;\n}\n\n.title-1, .title-2, .title-3, .title-4{\n      margin-top: -4em;\n      color: #fff;\n}\n.registration-step-bar .title-1 {\n    margin-top: -4em;\n}\n.tablet .registration-step-bar .title-1, .tablet .registration-step-bar .title-2, .tablet .registration-step-bar .title-3, .tablet .registration-step-bar .title-4 {\n\tmargin-top: -6em;\n}\n.desktop .title-1, .desktop .title-2, .desktop .title-3, .desktop  .title-4{\n      margin-top: -6em;\n      color: #fff;\n}\n.desktop .registration-step-bar .title-1 {\n    margin-top: -6em;\n}\n.desktop .registration-step-bar .title-2, .desktop .registration-step-bar .title-3,  .desktop .registration-step-bar .title-4 {\n    margin-top: -6em;\n}\n\n\n.fieldset_name_textLabel1, .fieldset_name_simpleText2, .fieldset_name_simpleText3, .fieldset_name_simpleText4{\n\tposition: fixed;\n    bottom: 5.5em;\n    width: 77%;\n    left: 13%;\n}\n\n.fieldset_name_step1, .fieldset_name_step2, .fieldset_name_step3, .fieldset_name_step0{\n    width: 7em;\n    position: fixed;\n    bottom: 2em;\n    padding: 1em;\n    text-align: center;\n    color: #fff;\n    background-color: #4283bc;\n    box-shadow: inset 0 -0.15em 0 transparent;\n    transition: box-shadow 300ms;\n    border-radius: 2px;\n    margin-left: -6em;\n}\n\n.stepbar-line-blue{\n    justify-self: center;\n    align-self: center;\n    position: absolute;\n    left: 0;\n    z-index: -1;\n     background: #4283ba;\n      grid-row: 1/2;\n}\n\n.fieldset_name_textLabel1 .stepbar-line-blue{\n    grid-column: 1/3;\n    height: 2px;\n    width: 72%;\n  \n}\n\n.fieldset_name_simpleText2 .stepbar-line-blue{\n    grid-column: 1/-1;\n    height: 2px;\n    width: 64%;\n}\n\n.fieldset_name_simpleText3 .stepbar-line-blue, .fieldset_name_simpleText4 .stepbar-line-blue{\n    grid-column: 1/-1;\n    height: 2px;\n    width: 100%;\n}\n.field_name_daylosslimit{\n  padding-top: 1.5em;\n}\n\n .field_name_checkbox2 .field__control, .field_name_checkbox4535 .field__control, .field_name_checkbox1 .field__control{\n    margin: 0 0 0.3em;\n}\n\n.mobile .field_name_checkbox3{\n  padding-top: 1em;\n}\n.mobile .field_name_checkbox2 .error-tooltip,\n.mobile .field_name_checkbox1 .error-tooltip,\n.mobile .field_name_checkbox4535 .error-tooltip{\n      top: -0.3em;\n}\n.desktop .field_name_checkbox2 .error-tooltip,\n.desktop .field_name_checkbox1 .error-tooltip,\n.desktop .field_name_checkbox4535 .error-tooltip{\n      top: -0.5em;\n}\n\n.tablet .field_name_checkbox2 .error-tooltip,\n.tablet .field_name_checkbox1 .error-tooltip,\n.tablet .field_name_checkbox4535 .error-tooltip{\n      top: -0.5em;\n}\n\n.popup-modal__inner.fn-popup-modal-inner{\n    max-width: 992px;\n    margin: 0 auto;\n}\n.desktop .register-popup .registration-step-bar-wrap {\n    width: 100%;\n    left: 0;\n    bottom: 0;\n    top: calc(50% + 380px);\n\n}\n.desktop .registration-step-bar {\n    max-width: 1200px;\n    margin: 0 auto;\n}\n.desktop .form.form_name_registration .fn-generic-datepicker .error-tooltip, \n.tablet .form.form_name_registration .fn-generic-datepicker .error-tooltip{\n        top: -.9em;\n}\n.mdc-text-field .mdc-text-field__input {\n    caret-color: black;\n}\nform.form.form_name_registration .form__fieldset .field.fn-dropdown .error-tooltip,\nform.form.form_name_registration .form__fieldset .field.text .error-tooltip,\nform.form.form_name_registration .form__fieldset .field.tel .error-tooltip,\nform.form.form_name_registration .form__fieldset .field.email .error-tooltip\n{\n  background-color: rgba(217,17,17,.07);\n}\n.fieldset_name_radioButton3 .error-tooltip {\n    top: -1.7em;\n    background-color: rgba(217,17,17,.07);\n}\n.mobile .fieldset_name_radioButton3 .error-tooltip {\n    top: -1.45em;\n}\n .form.form_name_registration .fn-generic-datepicker .error-tooltip{\n    background-color: rgba(217,17,17,.07);\n}\n.desktop .form_name_registration .field.field_name_cellphone3540 .error-tooltip, \n.tablet .form_name_registration .field.field_name_cellphone3540 .error-tooltip\n{\n   top: -.8em;\n}\n  form.form.form_name_registration .field_name_checkbox2 .error-tooltip,\n  form.form.form_name_registration .field_name_checkbox3 .error-tooltip,  \n  form.form.form_name_registration .field_name_checkbox1 .error-tooltip, \n  form.form.form_name_registration .field_name_checkbox4535 .error-tooltip {\n    background: none;\n}\n.form.form_name_registration .fn-generic-datepicker.invalid .field_name_datepicker.field.valid .mdc-line-ripple::before {\n    border-bottom-color: transparent;\n}\n.fieldset_name_radioButton3.invalid .field__control-label {\n    border-bottom: 2px solid transparent;\n}\n\n.desktop .registration-step-bar .active:after, .desktop .registration-step-bar .not_active:after, .tablet .registration-step-bar .active:after, .tablet .registration-step-bar .not_active:after {\n\tcontent: '';\n\tcolor: #4283bc;\n\tline-height: 1em;\n\tborder: solid 2px #4283bc;\n\tbackground-color: #fff;\n\twidth: 23px;\n\theight: 23px;\n\tposition: absolute;\n\tborder-radius: 100%;\n\tleft: 0;\n\ttop: 0.5em;\n}\n.desktop .registration-step-bar .active, .tablet .registration-step-bar .active, .registration-step-bar .not_active {\n\tcolor: transparent;\n\tline-height: 1em;\n\tborder: solid 2px transparent;\n\tbackground-color: transparent;\n\twidth: 70px;\n\theight: 70px;\n\tposition: relative;\n\tborder-radius: 0;\n}\n.mobile .registration-step-bar .active, .registration-step-bar .not_active {\n\tborder-radius: 100%;\n}\n.desktop .registration-step-bar .not_active~.not_active, .tablet .registration-step-bar .not_active~.not_active {\n\twidth: 70px;\n\theight: 100%;\n\tborder: 2px solid transparent;\n}\n.desktop .register-popup .registration-step-bar .not_active:after, .tablet .register-popup .registration-step-bar .not_active:after {\n\tcontent: '';\n\tborder: none;\n\tcolor: #fff;\n\ttransform: scale(0.75);\n}\n.desktop .registration-step-bar .circle-1.active:after, .tablet .registration-step-bar .circle-1.active:after {\n\tcontent: '';\n\tleft: -0.3em;\n\ttop: 1.6em;\n}\n.desktop .register-popup .registration-step-bar .not_active, .tablet .register-popup .registration-step-bar .not_active {\n\tborder: 2px solid transparent;\n}\n.desktop .registration-step-bar .circle-2.active:after, .tablet .registration-step-bar .circle-2.active:after {\n\tcontent: '';\n\tleft: 1.4em;\n\ttop: 1.6em;\n}\n.desktop .registration-step-bar .circle-3.active:after, .tablet .registration-step-bar .circle-3.active:after {\n\tcontent: '';\n\tleft: 1.5em;\n\ttop: 1.6em;\n\tdisplay: inline;\n}\n.desktop .registration-step-bar .circle-4.active:after, .tablet .registration-step-bar .circle-4.active:after {\n\tcontent: '';\n\ttop: 1.6em;\n\tright: -0.3em;\n\tleft: auto;\n\tdisplay: inline;\n}\n.desktop .register-popup .registration-step-bar .circle-2.not_active:after, .tablet .register-popup .registration-step-bar .circle-2.not_active:after {\n\tcontent: '';\n\tright: 35%;\n\tleft: auto;\n\ttop: 34%;\n\tdisplay: inline;\n}\n.desktop .register-popup .registration-step-bar .circle-3.not_active:after, .tablet .register-popup .registration-step-bar .circle-3.not_active:after {\n\tcontent: '';\n\ttop: 34%;\n\tright: 28%;\n\tleft: auto;\n\tdisplay: inline;\n}\n.desktop .register-popup .registration-step-bar .circle-4.not_active:after, .tablet .register-popup .registration-step-bar .circle-4.not_active:after {\n\tcontent: '';\n\tleft: auto;\n\tright: -0.6em;\n\ttop: 34%;\n\tdisplay: inline;\n}\n.desktop .registration-step-bar .prevStep:after, .tablet .registration-step-bar .prevStep:after {\n\tcontent: '';\n\tbackground-color: #4283bc;\n\ttransform: scale(0.68);\n\ttop: 1.2em;\n\tdisplay: inline-block;\n}\n.desktop .registration-step-bar .circle-1.active.prevStep:after, .tablet .registration-step-bar .circle-1.active.prevStep:after {\n\tcontent: '';\n\tleft: -0.6em;\n}\n.tablet.landscape .registration-step-bar-wrap {\n\tbottom: 0.5em;\n}\n.desktop .portlet-title.fn-portlet-title, .tablet .portlet-title.fn-portlet-title{\n    background: #fafafa;\n    padding-top: 1em;\n    color: black;\n    font-weight: 400;\n    margin: 0;\n    padding: 0 1em;\n    font-size: 1em;\n    text-transform: uppercase;\n    height: 3.5em;\n    width: 100%;\n}\n.desktop .portlet-title.fn-portlet-title .portlet-title-text,\n.tablet .portlet-title.fn-portlet-title .portlet-title-text{\n    font-size: 1.7em;\n}\n\n.desktop .popup-modal__title, .tablet .popup-modal__title{\n    display: none;\n}\n.desktop #layout-column_column-1 .portlet-title, \n.tablet #layout-column_column-1 .portlet-title{\n    display:none;\n}\n.desktop .form.form_name_registration, .tablet .form.form_name_registration{\n  padding: 0;\n}\n.mobile .portlet-title.fn-portlet-title{\n    position: fixed;\n    top: 0;\n    width: 100%;\n    background: transparent;\n    text-align: center;\n    font-size: 1.7em;\n    color: black;\n    font-weight: 400;\n}\n.mobile .popup-modal__title-inner.fn-popup-title{\n  display: none;\n}\n.mobile .micon-close-btn {\n  z-index: 100;\n}\n.tablet .portlet-title.fn-portlet-title{\n    height: auto;\n    position: absolute;\n    padding-top: 3.8em;\n    margin-left: 2em;\n    width: 90%;\n}\n\n\n.tablet .registration-step-bar .prevStep+.active:before {\n\tdisplay: none;\n}\n\n.mobile .popup-modal__inner.fn-popup-modal-inner {\n    max-width: 100%;\n    margin: 0 auto;\n}\n\n</style>","beforeEndBody":""},"conditionIds":["536a0342-c6ec-4919-b04d-5f1c0c5c683d","8bfacbb2-0eee-4a46-a082-c5478826911c"]},{"tagId":"24882e60-a6b2-426a-b1e9-434df992a453","tagTypeId":"custom_js","name":"Scroll_to to be used in JS","description":"scrollLogic JS","config":{"code":"(() => {\n    const ScrollApp = {\n        // Smoothly scrolls to the element specified by ID and animates it\n        scrollLogic: async (toParam) => {\n            // Normalize the toParam by removing the leading '#' if present\n            const normalizedToParam = toParam.startsWith(\"#\") ? toParam.slice(1) : toParam;\n            const targetElement = document.getElementById(normalizedToParam);\n            if (!targetElement) {\n                throw new Error(`Element with id '${normalizedToParam}' not found.`);\n            }\n\n            const rect = targetElement.getBoundingClientRect();\n            const scrollTop = window.pageYOffset || document.documentElement.scrollTop;\n            const targetTop = rect.top + scrollTop;\n\n            // Adjust the offset based on the device or browser\n            let offset = Math.round(window.innerHeight * 0.08); // Default offset\n            // Detect iOS devices (both iPad and iPhone)\n            const isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;\n            if (isIOS) {\n                // Increase or adjust the offset for iOS devices\n                offset = Math.round(window.innerHeight * 0.08); // Example adjustment\n            }\n\n            const scrollY = Math.max(0, targetTop - offset);\n\n            window.scrollTo({ top: scrollY, behavior: \"smooth\" });\n            ScrollApp.animateElement(targetElement);\n        },\n\n        // Animates the target element with a scaling effect\n        animateElement: (element) => {\n            const animation = element.animate(\n                [\n                    { transform: \"scale(1)\", boxShadow: \"0 0 0 rgba(0, 0, 0, 0)\" },\n                    {\n                        transform: \"scale(1.07)\",\n                        boxShadow: \"0 8px 16px rgba(0, 0, 0, 0.3)\",\n                    },\n                    { transform: \"scale(1)\", boxShadow: \"0 0 0 rgba(0, 0, 0, 0)\" },\n                ],\n                {\n                    duration: 2500,\n                    iterations: 2,\n                }\n            );\n\n            animation.oncancel = () => console.error(\"Animation cancelled\");\n            animation.onerror = (e) => console.error(\"Animation error\", e);\n        },\n    };\n\n    // Make ScrollApp globally accessible\n    window.ScrollApp = ScrollApp;\n})();\n\n// window.ScrollApp.scrollLogic('targetElementId');\n// ScrollApp.scrollLogic('targetElementId');\n"},"conditionIds":["4eaa767f-38ed-46ce-aea0-afceba7315fd"]},{"tagId":"78","tagTypeId":"custom_tag_type","name":"Custom CSS Tag /agb","description":"Custom CSS Tag /agb ","config":{"beforeEndHead":"<style>\n[data-web-content-id=\"TERMS-AND-CONDITIONS\"] a{\n  color: #094e89; /* Your original link color */\n  text-shadow: 1px 1px 0px #ffffff;\n  font-weight: 600;\n}\n/* DO NOT DELETE FROM HERE */\n.desktop .menu__secondlevel-wrapper {\n   display: none;\n}\nli {\n    line-height: 1.66;\n    color: #202020;\n}\n/* TO HERE */\n\n</style>","beforeEndBody":""},"conditionIds":["536a0342-c6ec-4919-b04d-5f1c0c5c683d","45a99d31-e9b3-4f41-8392-e92c5b5f1ffd"]},{"tagId":"26a18492-90ac-4c60-8644-f4f3eacf1b60","tagTypeId":"custom_tag_type","name":"Custom CSS Tag /agb | ueberuns","description":"Custom CSS Tag /agb | ueberuns","config":{"beforeEndHead":"<style>\n\n/* DO NOT DELETE FROM HERE */\n.desktop .menu__secondlevel-wrapper {\n   display: none;\n}\n/* Heros */\n.herogrid {\n  width: 100%;\n  margin: 0 auto;\n  padding: 1em 0;\n  background-color: #fff;\n  box-shadow: 0 7px 20px rgba(0,0,0,.2) !important;\n  display: grid;\n  grid-template: \"title\" auto\n                  \"content\" auto\n                  /1fr;\n  justify-items: center;\n  align-items: center;\n}\n\n.herotitle {\n  grid-area: title;\n  text-transform: uppercase;\n  text-align: center;\n}\n\n.herocontent {\n  grid-area: content;\n  text-align: center;\n  max-width: 70%;\n  margin-bottom: 1em;\n}\nli {\n    line-height: 1.66;\n    color: #202020;\n}\n/* TO HERE */\n[data-web-content-id=\"TERMS-AND-CONDITIONS\"] a{\n  color: #094e89; /* Your original link color */\n  text-shadow: 1px 1px 0px #ffffff;\n  font-weight: 600;\n}\n</style>","beforeEndBody":""},"conditionIds":["45a99d31-e9b3-4f41-8392-e92c5b5f1ffd","fd3c5c97-c15c-4bb9-b8c6-13eac89497d3","536a0342-c6ec-4919-b04d-5f1c0c5c683d"]},{"tagId":"40","tagTypeId":"custom_tag_type","name":"Custom CSS Tag /ueberuns","description":"Custom CSS Tag /ueberuns","config":{"beforeEndHead":"<style>\n[data-web-content-id=\"UEBER_UNS\"] a {\n  color: #094e89; /* Your original link color */\n  text-shadow: 1px 1px 0px #ffffff;\n  font-weight: 600;\n}\n\n/* DO NOT DELETE FROM HERE */\n.desktop .menu__secondlevel-wrapper {\n   display: none;\n}\n/* TO HERE */\n\n.cert_image {\n  height: 150px;\n  width: 150px;\n  margin: 10px;\n}\n\n.mobile .cert_image {\n  height: 150px;\n  width: 150px;\n}\n\n.cert_images_container {\n  margin-top:50px; \n  margin-bottom:50px\n}\n\n</style>","beforeEndBody":""},"conditionIds":["536a0342-c6ec-4919-b04d-5f1c0c5c683d","fd3c5c97-c15c-4bb9-b8c6-13eac89497d3"]},{"tagId":"77","tagTypeId":"custom_tag_type","name":"Custom CSS Tag /kontakt","description":"Custom CSS Tag /kontakt","config":{"beforeEndHead":"<style>\r\n.seo-section a {\r\n  color: #2d6aa0 !important;\r\n}\r\n  .font-size-huge-extra {\r\n    font-size: 3rem;\r\n    line-height: 1\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .font-size-huge-extra {\r\n        font-size: 3.75rem;\r\n        line-height: 1\r\n    }\r\n}\r\n\r\n@media (min-width: 1280px) {\r\n    .font-size-huge-extra {\r\n        font-size: 4.5rem;\r\n        line-height: 1\r\n    }\r\n}\r\n\r\n.font-size-huge {\r\n    font-size: 2.25rem;\r\n    line-height: 2.5rem\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .font-size-huge {\r\n        font-size: 3rem;\r\n        line-height: 1\r\n    }\r\n}\r\n\r\n@media (min-width: 1280px) {\r\n    .font-size-huge {\r\n        font-size: 3.75rem;\r\n        line-height: 1\r\n    }\r\n}\r\n\r\n.font-size-large-extra {\r\n    font-size: 1.875rem;\r\n    line-height: 2.25rem\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .font-size-large-extra {\r\n        font-size: 2.25rem;\r\n        line-height: 2.5rem\r\n    }\r\n}\r\n\r\n@media (min-width: 1280px) {\r\n    .font-size-large-extra {\r\n        font-size: 3rem;\r\n        line-height: 1\r\n    }\r\n}\r\n\r\n.font-size-large {\r\n    font-size: 1.5rem;\r\n    line-height: 2rem\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .font-size-large {\r\n        font-size: 1.875rem;\r\n        line-height: 2.25rem\r\n    }\r\n}\r\n\r\n@media (min-width: 1280px) {\r\n    .font-size-large {\r\n        font-size: 2.25rem;\r\n        line-height: 2.5rem\r\n    }\r\n}\r\n\r\n.font-size-medium-extra {\r\n    font-size: 1.25rem;\r\n    line-height: 1.75rem\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .font-size-medium-extra {\r\n        font-size: 1.5rem;\r\n        line-height: 2rem\r\n    }\r\n}\r\n\r\n@media (min-width: 1280px) {\r\n    .font-size-medium-extra {\r\n        font-size: 1.875rem;\r\n        line-height: 2.25rem\r\n    }\r\n}\r\n\r\n.font-size-medium {\r\n    font-size: 1.125rem;\r\n    line-height: 1.75rem\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .font-size-medium {\r\n        font-size: 1.25rem;\r\n        line-height: 1.75rem\r\n    }\r\n}\r\n\r\n@media (min-width: 1280px) {\r\n    .font-size-medium {\r\n        font-size: 1.5rem;\r\n        line-height: 2rem\r\n    }\r\n}\r\n\r\n.font-size-base {\r\n    font-size: 1rem;\r\n    line-height: 1.5rem\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .font-size-base {\r\n        font-size: 1.125rem;\r\n        line-height: 1.75rem\r\n    }\r\n}\r\n\r\n@media (min-width: 1280px) {\r\n    .font-size-base {\r\n        font-size: 1.25rem;\r\n        line-height: 1.75rem\r\n    }\r\n}\r\n\r\n.font-size-small-extra {\r\n    font-size: .875rem;\r\n    line-height: 1.25rem\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .font-size-small-extra {\r\n        font-size: 1rem;\r\n        line-height: 1.5rem\r\n    }\r\n}\r\n\r\n@media (min-width: 1280px) {\r\n    .font-size-small-extra {\r\n        font-size: 1.125rem;\r\n        line-height: 1.75rem\r\n    }\r\n}\r\n\r\n.font-size-small {\r\n    font-size: .75rem;\r\n    line-height: 1rem\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .font-size-small {\r\n        font-size: .875rem;\r\n        line-height: 1.25rem\r\n    }\r\n}\r\n\r\n@media (min-width: 1280px) {\r\n    .font-size-small {\r\n        font-size: 1rem;\r\n        line-height: 1.5rem\r\n    }\r\n}\r\n\r\n.page-container-narrow {\r\n    margin: 0 auto;\r\n    max-width: 1200px\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n    img.page-container-narrow {\r\n        width: 100%\r\n    }\r\n}\r\n\r\n*,\r\n:before,\r\n:after {\r\n    --tw-border-spacing-x: 0;\r\n    --tw-border-spacing-y: 0;\r\n    --tw-translate-x: 0;\r\n    --tw-translate-y: 0;\r\n    --tw-rotate: 0;\r\n    --tw-skew-x: 0;\r\n    --tw-skew-y: 0;\r\n    --tw-scale-x: 1;\r\n    --tw-scale-y: 1;\r\n    --tw-pan-x: ;\r\n    --tw-pan-y: ;\r\n    --tw-pinch-zoom: ;\r\n    --tw-scroll-snap-strictness: proximity;\r\n    --tw-ordinal: ;\r\n    --tw-slashed-zero: ;\r\n    --tw-numeric-figure: ;\r\n    --tw-numeric-spacing: ;\r\n    --tw-numeric-fraction: ;\r\n    --tw-ring-inset: ;\r\n    --tw-ring-offset-width: 0px;\r\n    --tw-ring-offset-color: #fff;\r\n    --tw-ring-color: rgb(59 130 246 / .5);\r\n    --tw-ring-offset-shadow: 0 0 #0000;\r\n    --tw-ring-shadow: 0 0 #0000;\r\n    --tw-shadow: 0 0 #0000;\r\n    --tw-shadow-colored: 0 0 #0000;\r\n    --tw-blur: ;\r\n    --tw-brightness: ;\r\n    --tw-contrast: ;\r\n    --tw-grayscale: ;\r\n    --tw-hue-rotate: ;\r\n    --tw-invert: ;\r\n    --tw-saturate: ;\r\n    --tw-sepia: ;\r\n    --tw-drop-shadow: ;\r\n    --tw-backdrop-blur: ;\r\n    --tw-backdrop-brightness: ;\r\n    --tw-backdrop-contrast: ;\r\n    --tw-backdrop-grayscale: ;\r\n    --tw-backdrop-hue-rotate: ;\r\n    --tw-backdrop-invert: ;\r\n    --tw-backdrop-opacity: ;\r\n    --tw-backdrop-saturate: ;\r\n    --tw-backdrop-sepia:\r\n}\r\n\r\n::backdrop {\r\n    --tw-border-spacing-x: 0;\r\n    --tw-border-spacing-y: 0;\r\n    --tw-translate-x: 0;\r\n    --tw-translate-y: 0;\r\n    --tw-rotate: 0;\r\n    --tw-skew-x: 0;\r\n    --tw-skew-y: 0;\r\n    --tw-scale-x: 1;\r\n    --tw-scale-y: 1;\r\n    --tw-pan-x: ;\r\n    --tw-pan-y: ;\r\n    --tw-pinch-zoom: ;\r\n    --tw-scroll-snap-strictness: proximity;\r\n    --tw-ordinal: ;\r\n    --tw-slashed-zero: ;\r\n    --tw-numeric-figure: ;\r\n    --tw-numeric-spacing: ;\r\n    --tw-numeric-fraction: ;\r\n    --tw-ring-inset: ;\r\n    --tw-ring-offset-width: 0px;\r\n    --tw-ring-offset-color: #fff;\r\n    --tw-ring-color: rgb(59 130 246 / .5);\r\n    --tw-ring-offset-shadow: 0 0 #0000;\r\n    --tw-ring-shadow: 0 0 #0000;\r\n    --tw-shadow: 0 0 #0000;\r\n    --tw-shadow-colored: 0 0 #0000;\r\n    --tw-blur: ;\r\n    --tw-brightness: ;\r\n    --tw-contrast: ;\r\n    --tw-grayscale: ;\r\n    --tw-hue-rotate: ;\r\n    --tw-invert: ;\r\n    --tw-saturate: ;\r\n    --tw-sepia: ;\r\n    --tw-drop-shadow: ;\r\n    --tw-backdrop-blur: ;\r\n    --tw-backdrop-brightness: ;\r\n    --tw-backdrop-contrast: ;\r\n    --tw-backdrop-grayscale: ;\r\n    --tw-backdrop-hue-rotate: ;\r\n    --tw-backdrop-invert: ;\r\n    --tw-backdrop-opacity: ;\r\n    --tw-backdrop-saturate: ;\r\n    --tw-backdrop-sepia:\r\n}\r\n\r\n.button-base {\r\n    font-size: 1rem;\r\n    line-height: 1.5rem\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .button-base {\r\n        font-size: 1.125rem;\r\n        line-height: 1.75rem\r\n    }\r\n}\r\n\r\n@media (min-width: 1280px) {\r\n    .button-base {\r\n        font-size: 1.25rem;\r\n        line-height: 1.75rem\r\n    }\r\n}\r\n\r\n.button-base {\r\n    min-width: 10rem;\r\n    cursor: pointer;\r\n    border-radius: .125rem;\r\n    padding: .5rem;\r\n    text-align: center;\r\n    font-weight: 400;\r\n    --tw-text-opacity: 1;\r\n    color: rgb(32 32 32 / var(--tw-text-opacity));\r\n    text-decoration-thickness: 0px;\r\n    transition-duration: .3s\r\n}\r\n\r\n.button-base-border {\r\n    border-width: 1px;\r\n    border-style: solid;\r\n    --tw-border-opacity: 1;\r\n    border-color: rgb(255 204 0 / var(--tw-border-opacity))\r\n}\r\n\r\n.button-base-border:hover {\r\n    --tw-border-opacity: 1;\r\n    border-color: rgb(249 176 0 / var(--tw-border-opacity))\r\n}\r\n\r\n.button-base-bg {\r\n    border-width: 1px;\r\n    border-style: solid;\r\n    --tw-border-opacity: 1;\r\n    border-color: rgb(255 204 0 / var(--tw-border-opacity))\r\n}\r\n\r\n.button-base-bg:hover {\r\n    --tw-border-opacity: 1;\r\n    border-color: rgb(249 176 0 / var(--tw-border-opacity))\r\n}\r\n\r\n.button-base-bg {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(255 204 0 / var(--tw-bg-opacity))\r\n}\r\n\r\n.button-base-bg:hover {\r\n    background-color: transparent\r\n}\r\n\r\n.order-1 {\r\n    order: 1\r\n}\r\n\r\n.m-0 {\r\n    margin: 0\r\n}\r\n\r\n.mx-auto {\r\n    margin-left: auto;\r\n    margin-right: auto\r\n}\r\n\r\n.mx-2 {\r\n    margin-left: 1rem;\r\n    margin-right: 1rem\r\n}\r\n\r\n.my-2 {\r\n    margin-top: 1rem;\r\n    margin-bottom: 1rem\r\n}\r\n\r\n.mb-3 {\r\n    margin-bottom: 1.5rem\r\n}\r\n\r\n.mb-1 {\r\n    margin-bottom: .5rem\r\n}\r\n\r\n.flex {\r\n    display: flex\r\n}\r\n\r\n.grid {\r\n    display: grid\r\n}\r\n\r\n.h-full {\r\n    height: 100%\r\n}\r\n\r\n.h-30 {\r\n    height: 15rem\r\n}\r\n\r\n.w-full {\r\n    width: 100%\r\n}\r\n\r\n.w-30 {\r\n    width: 15rem\r\n}\r\n\r\n.flex-1 {\r\n    flex: 1 1 0%\r\n}\r\n\r\n.grid-cols-1 {\r\n    grid-template-columns: repeat(1, minmax(0, 1fr))\r\n}\r\n\r\n.flex-row {\r\n    flex-direction: row\r\n}\r\n\r\n.flex-col {\r\n    flex-direction: column\r\n}\r\n\r\n.flex-wrap {\r\n    flex-wrap: wrap\r\n}\r\n\r\n.content-start {\r\n    align-content: flex-start\r\n}\r\n\r\n.items-center {\r\n    align-items: center\r\n}\r\n\r\n.justify-start {\r\n    justify-content: flex-start\r\n}\r\n\r\n.justify-center {\r\n    justify-content: center\r\n}\r\n\r\n.gap-0 {\r\n    gap: 0\r\n}\r\n\r\n.border {\r\n    border-width: 1px\r\n}\r\n\r\n.border-t-0 {\r\n    border-top-width: 0px\r\n}\r\n\r\n.border-r-0 {\r\n    border-right-width: 0px\r\n}\r\n\r\n.border-b-\\[1px\\] {\r\n    border-bottom-width: 1px\r\n}\r\n\r\n.border-l-0 {\r\n    border-left-width: 0px\r\n}\r\n\r\n.border-t-\\[12px\\] {\r\n    border-top-width: 12px\r\n}\r\n\r\n.border-b-0 {\r\n    border-bottom-width: 0px\r\n}\r\n\r\n.border-solid {\r\n    border-style: solid\r\n}\r\n\r\n.border-white {\r\n    --tw-border-opacity: 1;\r\n    border-color: rgb(255 255 255 / var(--tw-border-opacity))\r\n}\r\n\r\n.border-cyan-blue {\r\n    --tw-border-opacity: 1;\r\n    border-color: rgb(66 131 188 / var(--tw-border-opacity))\r\n}\r\n\r\n.border-black {\r\n    --tw-border-opacity: 1;\r\n    border-color: rgb(0 0 0 / var(--tw-border-opacity))\r\n}\r\n\r\n.bg-anti-flash-white {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(241 241 241 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-white {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(255 255 255 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-lotion-white {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(250 250 250 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-cultured-white {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(245 245 245 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-black {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(0 0 0 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-raisin-black {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(32 32 32 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-rich-black {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(10 51 56 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-dark-gunmetal {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(33 37 41 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-gray {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(85 85 85 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-bright-gray {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(233 233 233 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-davy-grey {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(87 87 87 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-normal-gray {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(128 128 128 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-chinese-gray {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(204 204 204 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-egyptian-gray {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(126 125 130 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-philippine-gray {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(140 140 140 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-whity-gray {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(186 186 186 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-tangerine-yellow {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(255 204 0 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-chinese-yellow {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(249 176 0 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-cyber-yellow {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(255 212 5 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-lemon-chiffon {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(255 249 207 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-imperial-red {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(234 29 61 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-lava-red {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(217 17 17 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-flame-red {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(216 87 30 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-charleston-green {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(40 40 40 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-iguana-green {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(110 205 141 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-pine-green {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(8 124 110 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-ruddy-brown {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(200 95 50 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-metallic-brown {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(168 70 9 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-sunset-orange {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(243 94 94 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-outrageous-orange {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(255 116 72 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-cyan-blue {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(66 131 188 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-cyan-blue-azure {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(79 136 190 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-picton-blue {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(69 166 222 / var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-tufts-blue {\r\n    --tw-bg-opacity: 1;\r\n    background-color: rgb(52 152 219 / var(--tw-bg-opacity))\r\n}\r\n\r\n.p-2 {\r\n    padding: 1rem\r\n}\r\n\r\n.p-10 {\r\n    padding: 5rem\r\n}\r\n\r\n.p-5 {\r\n    padding: 2.5rem\r\n}\r\n\r\n.py-3 {\r\n    padding-top: 1.5rem;\r\n    padding-bottom: 1.5rem\r\n}\r\n\r\n.px-4 {\r\n    padding-left: 2rem;\r\n    padding-right: 2rem\r\n}\r\n\r\n.\\!px-4 {\r\n    padding-left: 2rem !important;\r\n    padding-right: 2rem !important\r\n}\r\n\r\n.pb-10 {\r\n    padding-bottom: 5rem\r\n}\r\n\r\n.pb-2 {\r\n    padding-bottom: 1rem\r\n}\r\n\r\n.pb-1 {\r\n    padding-bottom: .5rem\r\n}\r\n\r\n.text-center {\r\n    text-align: center\r\n}\r\n\r\n.\\!text-base {\r\n    font-size: 1rem !important;\r\n    line-height: 1.5rem !important\r\n}\r\n\r\n.text-xl {\r\n    font-size: 1.25rem;\r\n    line-height: 1.75rem\r\n}\r\n\r\n.font-normal {\r\n    font-weight: 400\r\n}\r\n\r\n.font-medium {\r\n    font-weight: 500\r\n}\r\n\r\n.font-light {\r\n    font-weight: 300\r\n}\r\n\r\n.font-semibold {\r\n    font-weight: 600\r\n}\r\n\r\n.uppercase {\r\n    text-transform: uppercase\r\n}\r\n\r\n.text-raisin-black {\r\n    --tw-text-opacity: 1;\r\n    color: rgb(32 32 32 / var(--tw-text-opacity))\r\n}\r\n\r\n.text-white {\r\n    --tw-text-opacity: 1;\r\n    color: rgb(255 255 255 / var(--tw-text-opacity))\r\n}\r\n\r\nhtml {\r\n    font-variant-ligatures: normal;\r\n    font-variant-caps: normal;\r\n    font-variant-numeric: normal;\r\n    font-variant-east-asian: normal;\r\n    font-size: 80%;\r\n    line-height: normal\r\n}\r\n\r\nbody {\r\n    margin: 0\r\n}\r\n\r\n.card-section {\r\n    border-bottom: 1px solid #fff\r\n}\r\n\r\n.card {\r\n    box-shadow: 0 7px 20px #0003\r\n}\r\n\r\n.img-hover-zoom {\r\n    position: relative;\r\n    display: inline-block;\r\n    overflow: hidden;\r\n    margin: 0;\r\n    height: 200px\r\n}\r\n\r\n.img-hover-zoom img {\r\n    transition: transform .5s ease;\r\n    min-height: 100%;\r\n    max-width: 100%\r\n}\r\n\r\n.card:hover img {\r\n    transform: scale(1.1);\r\n    min-height: 100%;\r\n    max-width: 100%\r\n}\r\n\r\n.zoom-vertical {\r\n    max-height: 161px\r\n}\r\n\r\n@media (min-width: 768px) {\r\n    .sm\\:text-2xl {\r\n        font-size: 1.5rem;\r\n        line-height: 2rem\r\n    }\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n    .zoom-vertical {\r\n        max-height: 195px\r\n    }\r\n\r\n    .img-hover-zoom {\r\n        overflow: hidden\r\n    }\r\n\r\n    img.mx-auto {\r\n        width: 100%\r\n    }\r\n\r\n    .vertical-card {\r\n        margin-bottom: 1.5rem\r\n    }\r\n}\r\n\r\n.hover\\:\\!bg-chinese-yellow:hover {\r\n    --tw-bg-opacity: 1 !important;\r\n    background-color: rgb(249 176 0 / var(--tw-bg-opacity)) !important\r\n}\r\n\r\n@media (min-width: 768px) {\r\n    .md\\:order-none {\r\n        order: 0\r\n    }\r\n\r\n    .md\\:col-span-2 {\r\n        grid-column: span 2 / span 2\r\n    }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .lg\\:mb-0 {\r\n        margin-bottom: 0\r\n    }\r\n\r\n    .lg\\:w-1\\/2 {\r\n        width: 50%\r\n    }\r\n\r\n    .lg\\:grid-cols-3 {\r\n        grid-template-columns: repeat(3, minmax(0, 1fr))\r\n    }\r\n\r\n    .lg\\:gap-3 {\r\n        gap: 1.5rem\r\n    }\r\n\r\n    .lg\\:border-t-0 {\r\n        border-top-width: 0px\r\n    }\r\n\r\n    .lg\\:\\!border-l-\\[12px\\] {\r\n        border-left-width: 12px !important\r\n    }\r\n\r\n    .lg\\:\\!px-14 {\r\n        padding-left: 7rem !important;\r\n        padding-right: 7rem !important\r\n    }\r\n}\r\n</style>","beforeEndBody":""},"conditionIds":["536a0342-c6ec-4919-b04d-5f1c0c5c683d","b1dd4342-9df4-475b-b11e-c6a56631a948"]},{"tagId":"68","tagTypeId":"custom_js","name":"after page render /deposit","description":"Launch on /deposit","config":{"code":"// Used by https://adm.dynamicyield.com/r?locale=en&redirectToSectionId=8773334#/smarts/overlays/634671/?subType=0\r\nvar onDepositPage = true;"},"conditionIds":["09bdf729-54d5-4160-92c9-1dae04ca2b04","4eaa767f-38ed-46ce-aea0-afceba7315fd"]},{"tagId":"00d0dfd6-9c28-4d6c-bcb5-5c4d746705a7","tagTypeId":"custom_js","name":"Zendesk Talk","description":"Zendesk Talk","config":{"code":"(async () => {\n  const ACTIONS = {\n    call: \"tel:0800-227466\",\n    mail: \"mailto:support@swisscasinos.ch\",\n  };\n\n  const urlParams = new URLSearchParams(window.location.search);\n  const customAction = urlParams.get(\"customAction\");\n\n  if (customAction in ACTIONS) {\n    window.location.href = ACTIONS[customAction];\n  } else {\n    console.warn(\n      `Invalid or unsupported custom action: ${customAction}. Exiting.`\n    );\n  }\n})();\n"},"conditionIds":["b1dd4342-9df4-475b-b11e-c6a56631a948","4eaa767f-38ed-46ce-aea0-afceba7315fd"]},{"tagId":"251bcde4-9e68-4880-84b0-e4207ed012a7","tagTypeId":"custom_js","name":"After page render /verifzierung","description":"After page render /verifzierung","config":{"code":"async function getPlayerTags() {\r\n    const responseTags = await Playtech.API.user.getPlayerTags();\r\n    return responseTags.data.tags;\r\n}\r\n\r\nfunction waitForElement(selector) {\r\n    return new Promise(resolve => {\r\n        const element = document.querySelector(selector);\r\n        if (element) {\r\n            resolve(element);\r\n        } else {\r\n            const observer = new MutationObserver(mutations => {\r\n                const element = document.querySelector(selector);\r\n                if (element) {\r\n                    observer.disconnect();\r\n                    resolve(element);\r\n                }\r\n            });\r\n\r\n            observer.observe(document.body, {\r\n                childList: true,\r\n                subtree: true\r\n            });\r\n        }\r\n    });\r\n}\r\n\r\nasync function handleConfirmationPopup() {\r\n    const tags = await getPlayerTags();\r\n    const tag = tags.find(tag => tag.name.includes(\"sc/verification/beneficialAccountConfirmation\"));\r\n\r\n    if (tag) {\r\n        const confirmationPopup = await waitForElement('.ConfirmationPopup__popup--2k5');\r\n        const negativeButton = document.querySelector('.Button__negative--GZd');\r\n\r\n        negativeButton.addEventListener('click', event => {\r\n            event.preventDefault();\r\n            Playtech.API.user.setPlayerTags([\r\n                {\r\n                    name: \"sc/verification/beneficialOwnerDeclined\",\r\n                }\r\n            ]);\r\n            Playtech.API.user.removePlayerTags([\r\n                {\r\n                    name: \"sc/verification/beneficialAccountConfirmation\",\r\n                    type: \"text\",\r\n                    value: \"declined\",\r\n                },\r\n            ]);\r\n            location.reload();\r\n        });\r\n    }\r\n}\r\n\r\nhandleConfirmationPopup();\r\n"},"conditionIds":["3ff75f26-a4f7-4756-8008-825d079d2b42","4eaa767f-38ed-46ce-aea0-afceba7315fd"]},{"tagId":"f5a6dac6-a0a3-48ea-bfcd-c5a2b72296b2","tagTypeId":"custom_js","name":"Fullstory Zendesk","description":"Connect fullstory user sessions with Zendesk user","config":{"code":"(async () => {\r\n  const user = await Playtech.fetchUserDetails();\r\n\r\n  const relayUserToZendesk = (user) => {\r\n    FS.identify(user.userId, {\r\n      email: user.email,\r\n    });\r\n  };\r\n  if (Playtech.fetchUserDetails().userId) {\r\n    relayUserToZendesk(user);\r\n  }\r\n\r\n  Playtech.on(Playtech.Events.LOGGED_IN, () => {\r\n    relayUserToZendesk(user);\r\n  });\r\n})();\r\n"},"conditionIds":["536a0342-c6ec-4919-b04d-5f1c0c5c683d"]},{"tagId":"73","tagTypeId":"custom_tag_type","name":"Custom CSS Tag /lobby","description":"Custom CSS Tag /lobby","config":{"beforeEndHead":"<style>\n.desktop .layout-100-1200px .layout-100-1200px-navigation-wrapper {\n    display: block;\n    max-width: 100% !important;\n    margin: 0 auto;\n}\n\n.desktop div.menu__secondlevel-wrapper {\n    display: none; \n}\n\n.desktop .footer-wrapper {\n   max-width: 100% !important;\n}\n\n.widefooter {\n    display: block;\n    max-width: 1200px;\n    margin: 0 auto;\n}\n\n#main-content > div > div.layout-100-1200px-navigation-wrapper {\n   display: none;\n}\n\n.mobile .Category__category--3v_ {\n  z-index: 1;\n}\n\n</style>","beforeEndBody":""},"conditionIds":["536a0342-c6ec-4919-b04d-5f1c0c5c683d","753bbe7e-64ab-45c3-8d08-1d182b3ad0a3"]},{"tagId":"512bde2f-7000-4238-bf7a-f3aa3147233a","tagTypeId":"custom_js","name":"twitch popup","description":"twitch popup","config":{"code":"(()=> {\r\nvar elementId = 'twitchFullScreenBtn';\r\nvar intervalTime = 100; // Check every 100 milliseconds\r\n\r\nvar checkElementInterval = setInterval(function() {\r\nvar element = document.getElementById(elementId);\r\n  \r\n  if (element) {\r\n    clearInterval(checkElementInterval);\r\n    element.addEventListener('click', triggerPopup)\r\n  } \r\n}, intervalTime);\r\n\r\nfunction triggerPopup() {\r\n    Playtech.API.popup.showPopup({\r\n        id: \"twitchPopup\",\r\n        title: 'Swiss Casinos Twitch Stream',\r\n        content: `<iframe id=\"twitchIframe\" src=\"https://player.twitch.tv/?channel=therealchaozk&parent=online.swisscasinos.ch\" frameborder=\"0\" allowfullscreen=\"true\" scrolling=\"no\" height=\"490\" width=\"100%\"></iframe>`\r\n    });\r\n\r\n    let twitchPopupElement = document.getElementById('twitchPopup');\r\n    let iframe = document.getElementById(\"twitchIframe\");\r\n    let twitchPopupElementParent = twitchPopupElement.parentElement;\r\n    var buttonsElement = twitchPopupElementParent.querySelector('.popup-modal__buttons');\r\n\r\n    twitchPopupElement.style.width = '50vw';\r\n    twitchPopupElement.style.height = '600px';\r\n\r\n    twitchPopupElementParent.style.maxWidth = '50vw';\r\n    buttonsElement.style.display = \"none\";\r\n\r\n    var isMobile = /iPhone|iPad|iPod|Android|webOS|BlackBerry|Windows Phone/i.test(navigator.userAgent);\r\n    if (isMobile) {\r\n        iframe.style.height = \"195px\"\r\n        twitchPopupElement.style.height = '310px';\r\n    } \r\n}\r\n})();\r\n"},"conditionIds":["4eaa767f-38ed-46ce-aea0-afceba7315fd"]},{"tagId":"34","tagTypeId":"custom_tag_type","name":"Custom CSS Tag /leaderboard-details","description":"Custom CSS Tag /leaderboard-details","config":{"beforeEndHead":"<style>\r\n.mobile .LeaveRace__actions--68X button[type=\"button\"].LeaveRace__button--tH_ {\r\n  white-space: nowrap;\r\n  min-width: 9.12em;\r\n}\r\n.Button__large--3q3 {\r\n  font-size: 1.2rem;\r\n}\r\n\r\n.ExpandableSection__container--2Qc div {\r\n  padding: 1.5em;\r\n}\r\n\r\n.Games__onAir---Lv.Tabs__tab--13l.Games__tab--1O-:nth-of-type(n + 2) {\r\n  display: none;\r\n}\r\n\r\n.Games__countdown--2Mu {\r\n  text-transform: none;\r\n}\r\n\r\n@media (min-width: 1200px) {\r\n  .Button__large--3q3 {\r\n    font-size: 1.4rem;\r\n  }\r\n\r\n  .Games__category--3h_.GamesCategory__category--O2v:nth-of-type(n + 2) {\r\n    display: none;\r\n  }\r\n}\r\n\r\n</style>","beforeEndBody":""},"conditionIds":["536a0342-c6ec-4919-b04d-5f1c0c5c683d","e288e665-5d4b-4209-837f-3e8253a8baf3"]},{"tagId":"7f2c6843-d29e-43a5-85cc-7b7027769227","tagTypeId":"custom_js","name":"After page render /sms","description":"After page render /sms","config":{"code":"(()=> {\r\n\r\nlet checkButtonInterval = setInterval(function() {\r\n  let button = document.getElementById('SMS_unsubscribe_button');\r\n  if (button) {\r\n    button.addEventListener('click', handleClick);\r\n    clearInterval(checkButtonInterval);\r\n  }\r\n}, 500); \r\n\r\nfunction addToLocalStorageWithExpiry(key, value, minutesToExpire) {\r\n  const now = new Date();\r\n  const expirationTime = now.getTime() + minutesToExpire * 60 * 1000;\r\n  const item = {\r\n    value: value,\r\n    expiry: expirationTime,\r\n  };\r\n  localStorage.setItem(key, JSON.stringify(item)); \r\n}\r\n\r\nasync function handleClick() {\r\n  const key = 'sms';\r\n  const value = 'optout';\r\n  const minutesToExpire = 2;\r\n  addToLocalStorageWithExpiry(key, value, minutesToExpire);\r\n\r\n\r\n    if(!Playtech.API.auth.isLoggedIn) {\r\n       Playtech.API.popup.showPopup(\"login\");\r\n       checkLoginEvent();\r\n    }else {\r\n       Playtech.API.common.redirect(\"/profil\");\r\n    }  \r\n}\r\n\r\nfunction checkLoginEvent() {\r\n    Playtech.on(Playtech.Events.LOGGED_IN, function () {\r\n       Playtech.API.common.redirect(\"/profil\");\r\n    });\r\n}\r\n\r\n})();"},"conditionIds":["a3d89dca-11cb-4840-a6e3-9ba4cc81c449","4eaa767f-38ed-46ce-aea0-afceba7315fd"]},{"tagId":"f7cadf80-4737-4fed-a0f1-1a76a7fdb28b","tagTypeId":"custom_js","name":"Remove game from /Leaderboard-details","description":"Remove game from /Leaderboard-details","config":{"code":"<!--(() => {-->\r\n<!--  const waitForElementInterval = setInterval(waitForElement, 100);-->\r\n<!--  function waitForElement() {-->\r\n<!--    const gameDiv = document.querySelector('a[data-game-code=\"pop_65896_wzd\"]');-->\r\n<!--    if (gameDiv) {-->\r\n<!--      const parentDiv = gameDiv.parentElement;-->\r\n<!--      parentDiv.style.opacity = '0';-->\r\n<!--      parentDiv.style.pointerEvents = 'none';-->\r\n<!--      parentDiv.style.width = '0';-->\r\n<!--      clearInterval(waitForElementInterval);-->\r\n<!--    }-->\r\n<!--  }-->\r\n<!--})();-->\r\n"},"conditionIds":["e288e665-5d4b-4209-837f-3e8253a8baf3","4eaa767f-38ed-46ce-aea0-afceba7315fd"]},{"tagId":"df65ed53-9d20-4f1c-9815-b7af59585598","tagTypeId":"custom_js","name":"GA4 - Event - Gamesearch","description":"GA4 - Event - Gamesearch","config":{"code":"function attachEventListener() {\r\n  var searchInput = document.querySelector('.Search__input--2WM');\r\n  if (searchInput) {\r\n    var typingTimer;\r\n    var doneTypingInterval = 1000;\r\n    var isFirstLetterEntered = false;\r\n\r\n    searchInput.addEventListener('input', function(event) {\r\n      if (!isFirstLetterEntered) {\r\n        isFirstLetterEntered = true;\r\n        typingTimer = setTimeout(function() {\r\n          pushData();\r\n        }, doneTypingInterval);\r\n      } else {\r\n        clearTimeout(typingTimer);\r\n        typingTimer = setTimeout(function() {\r\n          pushData();\r\n        }, doneTypingInterval);\r\n      }\r\n    });\r\n  } else {\r\n    var observer = new MutationObserver(function(mutationsList, observer) {\r\n      for (var mutation of mutationsList) {\r\n        if (mutation.type === 'childList' && mutation.addedNodes.length > 0) {\r\n          attachEventListener();\r\n          observer.disconnect();\r\n          break;\r\n        }\r\n      }\r\n    });\r\n\r\n    observer.observe(document.body, { childList: true, subtree: true });\r\n  }\r\n}\r\n\r\nfunction pushData() {\r\nvar searchInput = document.querySelector('.Search__input--2WM');\r\n  var searchQuery = searchInput.value.trim().toLowerCase();\r\n  searchQuery = searchQuery.replace(/\\s+/g, '');\r\n  searchQuery = searchQuery.replace(/[äöü]/g, function(match) {\r\n    return match.replace(/ä/g, 'ae').replace(/ö/g, 'oe').replace(/ü/g, 'ue');\r\n  });\r\n  if (searchQuery.length > 0) {\r\n    window.dataLayer = window.dataLayer || [];\r\n    window.dataLayer.push({\r\n      'event': 'search',\r\n      'search_term': searchQuery,\r\n      'page_location': window.location.pathname\r\n    });\r\n  }\r\n}\r\n\r\nattachEventListener();\r\n"},"conditionIds":["4eaa767f-38ed-46ce-aea0-afceba7315fd"]},{"tagId":"7a60b28d-06a7-460a-8447-64c995e108da","tagTypeId":"custom_js","name":"After page render /unsubscribe","description":"After page render /unsubscribe","config":{"code":"(function() {\r\n  const durationRadioButtons = document.getElementsByName('duration');\r\n  const reasonsContainer = document.querySelector('.Reasons__reasons--1aW');\r\n  const otherReasonRadioBtn = document.querySelector('[value=\"OTHER_REASON\"]');\r\n  const noReasonRadioBtn = document.querySelector('[value=\"no_reason\"]');\r\n  const submitBtn = document.querySelector('.UnsubscribeMarketing__submit--22t');\r\n\r\n  function handleTextAreaInput(textArea) {\r\n    submitBtn.disabled = textArea.value.trim().length < 4;\r\n  }\r\n\r\n  function showReasons() {\r\n    reasonsContainer.style.display = 'block';\r\n    otherReasonRadioBtn.click();\r\n\r\n    const textArea = document.querySelector('.TextareaShallow__textarea--2K9');\r\n\r\n    textArea.addEventListener('input', () => handleTextAreaInput(textArea));\r\n    handleTextAreaInput(textArea);\r\n    submitBtn.disabled = true;\r\n  }\r\n\r\n  function hideReasons() {\r\n    reasonsContainer.style.display = 'none';\r\n    noReasonRadioBtn.click();\r\n    submitBtn.disabled = false;\r\n  }\r\n\r\n  function handleDurationRadioChange() {\r\n    if (parseInt(this.value) >= 90 || parseInt(this.value) === 0) {\r\n      showReasons();\r\n    } else {\r\n      hideReasons();\r\n    }\r\n  }\r\n\r\n  durationRadioButtons.forEach(button => button.addEventListener('change', handleDurationRadioChange));\r\n})();"},"conditionIds":["698129b3-3b2b-47bb-a602-9e5140b62853","4eaa767f-38ed-46ce-aea0-afceba7315fd"]},{"tagId":"1bad2578-824f-4197-8a04-21c6cb3d4923","tagTypeId":"custom_tag_type","name":"Custom CSS /unsubscribe","description":"Custom CSS /unsubscribe","config":{"beforeEndHead":"<style>\n  .AboveHeader__container--2Gp {\n    display: none;\n  }\n  \n    .unsub_logo {\n    margin: 0 auto;\n    text-align: center;\n    padding: 50px;\n  }\n\n  .unsub_logo_image {\n    width: 230px;\n  }\n  \n  .Reasons__reasons--1aW {\n    display: none;\n  }\n  \n  #p_p_id_0 > div > form > div.Reasons__reasons--1aW > div:nth-child(2) {\n    display: none;\n  } \n</style>","beforeEndBody":""},"conditionIds":["698129b3-3b2b-47bb-a602-9e5140b62853","536a0342-c6ec-4919-b04d-5f1c0c5c683d"]},{"tagId":"33697807-4194-4fe3-8da7-e7521c736af9","tagTypeId":"custom_js","name":"Set Tag after deposit","description":"Set Tag after deposit on lobby","config":{"code":"(() => {\r\n  let depositInterval = setInterval(function () {\r\n    if (document.getElementsByClassName(\"swiper\")[0]) {\r\n      clearInterval(depositInterval);\r\n      setTagOnDeposit();\r\n    }\r\n  }, 1000);\r\n})();\r\n\r\nasync function setTagOnDeposit() {\r\n  if (Playtech.fetchUserDetails().userId) {\r\n    const response = await Playtech.API.user.getPlayerTags();\r\n    const tags = [\r\n      \"sc/promo/2022_Signup_CHF111_Deposit\",\r\n      \"sc/promo/2022_Signup_CHF55_111_Deposit\",\r\n      \"sc/promo/2022_Signup_CHF22_55_Deposit\",\r\n      \"sc/promo/2022_Signup_CHF1000_Deposit\"\r\n    ];\r\n    const tagValue = \"start\";\r\n    tags.map((tag) => findTag(response.data.tags, tag, tagValue));\r\n  }\r\n}\r\n\r\nfunction findTag(source, tagName, tagValue) {\r\n  return source.map((tag) => {\r\n    if (tag.name === tagName && tag.value === tagValue) {\r\n      updateTag(tagName, \"successful\");\r\n    }\r\n  });\r\n}\r\n\r\nfunction updateTag(tagName, newValue) {\r\n  Playtech.API.user.setPlayerTags([\r\n    {\r\n      name: tagName,\r\n      type: \"text\",\r\n      value: newValue,\r\n    },\r\n  ]);\r\n}\r\n"},"conditionIds":["753bbe7e-64ab-45c3-8d08-1d182b3ad0a3","536a0342-c6ec-4919-b04d-5f1c0c5c683d"]},{"tagId":"8df59d02-50e5-4465-b0d1-93112ed4de15","tagTypeId":"custom_tag_type","name":"Max 1200px","description":"Max 1200px","config":{"beforeEndHead":"<style>\n.desktop .Footer__footer--3HL {\n  max-width: 1200px !important;\n}\n</style>","beforeEndBody":""},"conditionIds":["f7889435-8f3d-4e3c-b01a-91073a2bfbf7","536a0342-c6ec-4919-b04d-5f1c0c5c683d"]},{"tagId":"f7a812d3-8d90-42d6-a0ca-2155d9ec89ff","tagTypeId":"custom_tag_type","name":"Custom CSS header","description":"navigation | language switcher | Search bar","config":{"beforeEndHead":"<style>\r\n  /* Span effect blue underline */\r\n  #application>div.page.fn-page.page--menu-children-contains>div.header.fn-header>div.fn-navigation-container.navigation-container>div.fn-nav-menu-container>div>div>div.menu__nav-wrapper>ul>span {\r\n    height: 6.192px !important;\r\n    top: 43.192px !important;\r\n  }\r\n  \r\n  /* Main Menu */ \r\n  /* Change Language */\r\n  #p_p_id_56_INSTANCE_CCJS80koz4bB_ {\r\n    padding: 30px;\r\n    background-color: #fafafa;\r\n  }\r\n\r\n  #p_p_id_56_INSTANCE_CCJS80koz4bB_>div>article>div>p>span>div>ul {\r\n    margin: 0px;\r\n    min-width: 100%;\r\n  }\r\n\r\n  #p_p_id_56_INSTANCE_CCJS80koz4bB_>div>article>div>p>span>div>ul>li {\r\n    display: inline;\r\n  }\r\n\r\n  .desktop .language-list__point:hover {\r\n    background-color: #e9e9e9 !important;\r\n  }\r\n  /* Search Bar */\r\n  .mobile .Search__searchContainer--24x,\r\n  .tablet .Search__searchContainer--24x {\r\n    background-color: #e9e9e9 !important;\r\n  }\r\n</style>","beforeEndBody":""},"conditionIds":["536a0342-c6ec-4919-b04d-5f1c0c5c683d"]},{"tagId":"d409211b-948b-484b-be10-866ed7ed669a","tagTypeId":"custom_js","name":"Action login Js","description":"Action login Js","config":{"code":"// check if login action is set in the url parameters\r\nvar urlParams = new URLSearchParams(window.location.search);\r\nif (urlParams.get(\"action\") && urlParams.get(\"action\") === \"login\") {\r\n  window.Playtech.API.popup.showPopup(\"login\");\r\n  const url = new URL(location);\r\n  url.searchParams.delete(\"action\");\r\n  history.replaceState(null, null, url);\r\n}\r\n"},"conditionIds":["4eaa767f-38ed-46ce-aea0-afceba7315fd"]},{"tagId":"4cf503bd-e53d-4dbf-a52c-fc201f5e5416","tagTypeId":"custom_js","name":"Input fix JS","description":"Input fix JS","config":{"code":"var body = document.querySelector(\"body\");\r\n[\"change\", \"input\"].forEach((evt) =>\r\n  body.addEventListener(evt, autoFillEvents)\r\n);\r\n\r\nfunction autoFillEvents() {\r\n  if (document.querySelector(\".popup_type_login\")) {\r\n    let el = document.querySelectorAll(\r\n      \".form_name_login .field__control input\"\r\n    );\r\n    if (el.length !== 0) {\r\n      el.forEach((item) => {\r\n        if (item?.value) {\r\n          const field = item.closest(\".field\");\r\n          if (field.classList.contains(\"invalid\")) {\r\n            field.classList.remove(\"invalid\");\r\n            field.querySelector(\".error-tooltip\")?.remove();\r\n          }\r\n        }\r\n      });\r\n    }\r\n  }\r\n}\r\n"},"conditionIds":["4eaa767f-38ed-46ce-aea0-afceba7315fd"]},{"tagId":"8acb3521-1b4e-4d38-919d-eaa64e4a7f4f","tagTypeId":"custom_js","name":"DY on Login","description":"DY on Login","config":{"code":"Playtech.on(Playtech.Events.LOGGED_IN, function () {\r\n  // Event for DY API \r\n  DY.API(\"event\", {\r\n  name: \"onlogin_event\",\r\n  });\r\n});"},"conditionIds":["49c0db39-d960-4837-920f-574b7820bfe0"]},{"tagId":"f99c1501-30c9-4519-9d63-f10eb168581d","tagTypeId":"custom_tag_type","name":"Custom CSS buttons","description":"Custom CSS buttons","config":{"beforeEndHead":"<style>\r\n  .GameInfo__buttons--3C- .Button__secondary--1xg.Button__info--3se {\r\n    height: 2.2em;\r\n    top: 0.15em;\r\n  }\r\n\r\n  #p_p_id_registration_WAR_accountportlet_>div.fn-portlet.portlet__content.portlet__content_border_show.portlet__content_type_registration>div.portlet__actions.fn-register-controls>div>button {\r\n    min-width: 100%;\r\n  }\r\n\r\n  .Button__inbox-button--gh7.Button__primary--25G {\r\n    background: #4283bc !important;\r\n    color: #fff !important;\r\n    -webkit-box-shadow: 0 0 0 #62ad7d !important;\r\n    box-shadow: 0 0 0 #62ad7d !important;\r\n  }\r\n\r\n  .Button__inbox-button--gh7.Button__primary--25G:hover {\r\n    background: #2d6da5 !important;\r\n  }\r\n\r\n  .Button__inbox-button--gh7.Button__primary--25G.Button__empty--1_q {\r\n    border: .1em solid #4283bc !important;\r\n  }\r\n\r\n  .Button__inbox-button--gh7.Button__danger--1lB.Button__empty--1_q {\r\n    border: .1em solid #4283bc !important;\r\n    background: rgba(0, 0, 0, 0);\r\n    -webkit-box-shadow: none;\r\n    box-shadow: none;\r\n    color: #4283bc !important;\r\n  }\r\n\r\n  .Button__inbox-button--gh7.Button__danger--1lB.Button__empty--1_q:hover {\r\n    border: .1em solid #2d6da5 !important;\r\n    background: rgba(0, 0, 0, 0);\r\n    -webkit-box-shadow: none;\r\n    box-shadow: none;\r\n    color: #2d6da5 !important;\r\n  }\r\n\r\n  /* 2.0 Play and Demo Button */\r\n  .GameInfo__buttons--3C- .Button__primary--2Ru.Button__success--wc6 {\r\n    display: -webkit-box;\r\n    display: -ms-flexbox;\r\n    display: flex;\r\n    -webkit-box-align: center;\r\n    -ms-flex-align: center;\r\n    align-items: center;\r\n    -webkit-box-pack: center;\r\n    -ms-flex-pack: center;\r\n    justify-content: center;\r\n    background-color: #ffcc00 !important;\r\n    border-radius: 3px;\r\n    font-size: 1.5em !important;\r\n    color: #212529 !important;\r\n    width: 50% !important;\r\n    height: 2.2em;\r\n    line-height: normal;\r\n    white-space: nowrap;\r\n    font-weight: 400 !important;\r\n    box-shadow: none !important;\r\n    margin-left: 0.25em;\r\n  }\r\n\r\n  .GameInfo__buttons--3C- .Button__primary--2Ru.Button__success--wc6:hover {\r\n    background-color: #f9b000 !important;\r\n    border-color: #f9b000 !important;\r\n  }\r\n\r\n  .GameInfo__buttons--3C- .Button__secondary--1xg.Button__info--3se {\r\n    display: -webkit-box;\r\n    display: -ms-flexbox;\r\n    display: flex;\r\n    -webkit-box-align: center;\r\n    -ms-flex-align: center;\r\n    align-items: center;\r\n    -webkit-box-pack: center;\r\n    -ms-flex-pack: center;\r\n    justify-content: center;\r\n    background-color: transparent !important;\r\n    border-radius: 3px;\r\n    border: 1px solid #ffcc00 !important;\r\n    font-size: 1.5em !important;\r\n    color: #212529 !important;\r\n    width: 50% !important;\r\n    height: 2.2em;\r\n    line-height: normal;\r\n    white-space: nowrap;\r\n    font-weight: 400 !important;\r\n    margin-right: 0.25em;\r\n  }\r\n\r\n  @media only screen and (max-width: 420px) {\r\n    .Button__primary--2Ru.Button__success--wc6 {\r\n      background-color: #ffcc00 !important;\r\n      color: #111 !important;\r\n      box-shadow: none !important;\r\n      width: 100% !important;\r\n      margin-top: .3em !important;\r\n    }\r\n  }\r\n</style>","beforeEndBody":""},"conditionIds":["536a0342-c6ec-4919-b04d-5f1c0c5c683d"]},{"tagId":"2221d59e-2dc2-491a-9849-c43928763d4d","tagTypeId":"custom_tag_type","name":"Custom CSS promo","description":"Custom CSS promo","config":{"beforeEndHead":"<style>\r\n\r\n  /* Registration stepbar */\r\n  #promo_element .promo_image {\r\n    width: 100%;\r\n    height: auto;\r\n    -moz-border-radius: 0.3em;\r\n    -webkit-border-radius: 0.3em;\r\n    border-radius: 0.3em;\r\n    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.16);\r\n  }\r\n\r\n  #promo_element .promo_placeholder {\r\n    padding-top: 1.155rem;\r\n  }\r\n\r\n  #promo_element .numberlist {\r\n    width: 100%;\r\n  }\r\n\r\n  #promo_element .numberlist ol {\r\n    counter-reset: li;\r\n    list-style: none;\r\n    *list-style: decimal;\r\n    padding: 0;\r\n    margin-bottom: 2em;\r\n    bottom: 0;\r\n  }\r\n\r\n  #promo_element .numberlist ol ol {\r\n    margin: 0 0 0 2em;\r\n  }\r\n\r\n  #promo_element .numberlist a {\r\n    position: relative;\r\n    display: block;\r\n    padding: 0.8em 0.4em 0.8em 5em;\r\n    padding: 0.4em;\r\n    margin: 0.5em 0;\r\n    color: #ffffff;\r\n    text-decoration: none;\r\n    -moz-border-radius: 0.3em;\r\n    -webkit-border-radius: 0.3em;\r\n    border-radius: 0.3em;\r\n    cursor: default;\r\n    font-family: Montserrat;\r\n    font-size: 14px;\r\n    font-weight: normal;\r\n    font-stretch: normal;\r\n    font-style: normal;\r\n    line-height: 1.29;\r\n    letter-spacing: normal;\r\n  }\r\n\r\n  #promo_element .numberlist a:before {\r\n    content: \" \";\r\n    counter-increment: li;\r\n    position: absolute;\r\n    left: -1.3em;\r\n    top: 50%;\r\n    margin-top: -1.3em;\r\n    background: #fafafa;\r\n    height: 2em;\r\n    width: 2em;\r\n    line-height: 2em;\r\n    border: 0.3em solid #fafafa;\r\n    text-align: center;\r\n    font-weight: bold;\r\n    -moz-border-radius: 2em;\r\n    -webkit-border-radius: 2em;\r\n    border-radius: 2em;\r\n    color: #fff;\r\n    margin-left: 2em;\r\n    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.16);\r\n  }\r\n\r\n  #p_p_id_56_INSTANCE_wVs5tp3krJAS_>div>article>p.lead2 {\r\n    padding-top: 1.155rem !important;\r\n  }\r\n\r\n  .promocode-replacer .form.fn-promocode {\r\n    padding-top: 0px !important;\r\n  }\r\n\r\n  .desktop .promocode-replacer .field,\r\n  .tablet .promocode-replacer .field,\r\n  .mobile .promocode-replacer .field {\r\n    width: 23em;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  #promo_replacer {\r\n    margin-bottom: 0px !important;\r\n  }\r\n\r\n  @media only screen and (max-width: 768px) {\r\n    #promo_element p {\r\n      text-align: center;\r\n    }\r\n\r\n    #promo_element .promo_block {\r\n      font-size: 1.5rem !important;\r\n    }\r\n\r\n    #promo_element .popup-modal__content {\r\n      padding: 1rem 1rem !important;\r\n    }\r\n  }\r\n</style>","beforeEndBody":""},"conditionIds":["536a0342-c6ec-4919-b04d-5f1c0c5c683d"]},{"tagId":"92c9d8c9-1f6a-4893-a8cf-372438cb8688","tagTypeId":"custom_tag_type","name":"Custom CSS app-react | Inbox","description":"Custom CSS app-react | Inbox","config":{"beforeEndHead":"<style>\n/*1.9 Inbox Widget */\n  .app-react-components-Inbox-common-Layout-index__window {\n    z-index: 20 !important;\n  }\n\n  .app-react-components-Inbox-common-Header-index__header {\n    background-color: #e9e9e9 !important;\n    border-bottom: 1px solid #d3d3d3 !important;\n  }\n\n  .app-react-components-Inbox-common-Header-index__title {\n    color: #4283bc !important;\n    font-size: 1.7em !important;\n    line-height: 2.0 !important;\n  }\n\n  .app-react-components-Inbox-common-Tabs-index__tabs>.app-react-components-Inbox-common-Tabs-index__tab {\n    display: none;\n    font-size: inherit;\n    background-color: #e9e9e9 !important;\n    color: #3c3c3c !important;\n    border-bottom: 1px solid #d3d3d3 !important;\n  }\n\n  .app-react-components-Inbox-common-Tabs-index__tabs>.app-react-components-Inbox-common-Tabs-index__tab.app-react-components-Inbox-common-Tabs-index__active {\n    color: #fff !important;\n    font-weight: 400 !important;\n    background-color: #4283bc !important;\n    padding: 1em 0 !important;\n    border-bottom: 1px solid #4283bc!important;\n  }\n\n  .app-react-components-Inbox-layouts-MessagesList-index__messages {\n    background-color: #f1f1f1 !important;\n    height: 100% !important;\n  }\n\n  .app-react-components-Inbox-layouts-MessagesList-index__message {\n    background-color: #fff !important;\n  }\n\n  .app-react-components-Inbox-common-Icon-Icon__inbox-icon.app-react-components-Inbox-common-Icon-Icon__message.app-react-components-Inbox-common-Icon-Icon__reply {\n    display: none !important;\n  }\n\n  .app-react-components-Inbox-common-Footer-index__footer {\n    background: #e9e9e9 !important;\n    padding: 1em 2em;\n    box-shadow: none !important;\n    border-top: 1px solid #d3d3d3;\n  }\n\n  .app-react-components-Inbox-common-Footer-index__footer {\n    display: none !important;\n  }\n\n  /*Inbox received messages */\n  .app-react-components-Inbox-common-Button-Button__empty {\n    border: 1px solid #4283bc !important;\n    color: #fff !important;\n  }\n\n  .app-react-components-Inbox-common-FormField-index__text .app-react-components-Inbox-common-FormField-index__capture {\n    min-width: 5em !important;\n  }\n\n  .app-react-components-Inbox-common-FormField-index__text input, .app-react-components-Inbox-common-FormField-index__text input:disabled {\n    border: none !important;\n  }\n\n  .app-react-components-Inbox-common-FormField-index__text .app-react-components-Inbox-common-FormField-index__description {\n    margin-left: 0.8em !important;\n  }\n\n  .app-react-components-Inbox-layouts-MessageDetails-index__body {\n    border-top: 1px solid #d3d3d3 !important;\n  }\n\n  .app-react-components-Inbox-common-FormField-index__text {\n    border-bottom: none !important;\n    background-color: #fff !important;\n  }\n  .app-react-components-Inbox-common-Content-index__content {\n    height: 100% !important;\n  }\n\n  .app-react-components-Inbox-layouts-MessageDetails-index__message {\n    height: 100% !important;\n    background-color: #f1f1f1 !important;\n  }\n    .app-react-components-common-Button-index__primary.app-react-components-common-Button-index__success {\n    background-color: #4283bc !important;\n    box-shadow: none !important;\n  }\n\n  .app-react-components-common-Button-index__primary.app-react-components-common-Button-index__success:hover {\n    background-color: #4283bc !important;\n  }\n</style>","beforeEndBody":""},"conditionIds":["536a0342-c6ec-4919-b04d-5f1c0c5c683d"]},{"tagId":"1f389a03-1571-48ff-b981-22488ecefc32","tagTypeId":"custom_tag_type","name":"Custom CSS popup relevant","description":"Custom CSS popup relevant","config":{"beforeEndHead":"<style>\r\n  /* Login Form - 2 (from Games) */\r\n  #p_p_id_56_INSTANCE_hOtbLB31bijW_,\r\n  #p_p_id_56_INSTANCE_HuvHvaj02VkP_ {\r\n    background-color: #fafafa;\r\n  }\r\n\r\n  /* Signup portlet web content background */\r\n  #p_p_id_56_INSTANCE_YY34LqXRCjPt_ {\r\n    background-color: #fafafa;\r\n  }\r\n\r\n  /* Signup portlet Input Form */\r\n  #p_p_id_registration_WAR_accountportlet_ {\r\n    background-color: #fafafa;\r\n  }\r\n\r\n  #text174,\r\n  #text541 {\r\n    text-transform: capitalize;\r\n  }\r\n\r\n  /* Error message registration form */\r\n  #p_p_id_registration_WAR_accountportlet_>div.fn-portlet.portlet__content.portlet__content_border_show.portlet__content_type_registration>div.portlet-registration__messages.fn-register-messages>p {\r\n    text-align: left;\r\n    color: #f35e5e;\r\n    background-color: #ea1d3d1c;\r\n    padding: 1em;\r\n    border: 1px solid #ea1d3d;\r\n    font-size: 1em !important;\r\n    font-weight: 400 !important;\r\n    border-radius: 3px;\r\n  }\r\n\r\n  .portlet-registration__messages {\r\n    padding-left: 0em !important;\r\n  }\r\n\r\n  /* Error messasge Login form */\r\n  .form-messages .message {\r\n    text-align: left;\r\n    color: #f35e5e;\r\n    background-color: #ea1d3d1c;\r\n    padding: 1em;\r\n    border: 1px solid #ea1d3d;\r\n    font-size: 1em !important;\r\n    font-weight: 400 !important;\r\n    border-radius: 3px;\r\n  }\r\n\r\n  .error {\r\n    text-align: left !important;\r\n    color: #f35e5e;\r\n    background-color: #ea1d3d1c;\r\n    padding: 1em;\r\n    border: 1px solid #ea1d3d;\r\n    font-size: 1em !important;\r\n    font-weight: 400 !important;\r\n    border-radius: 3px;\r\n  }\r\n\r\n  .FormField__text--9GQ .FormField__description--1ys {\r\n    color: #ccc;\r\n    font-size: .8em;\r\n    position: absolute;\r\n    bottom: -7px !important;\r\n    left: 0;\r\n  }\r\n\r\n  @media only screen and (max-width: 768px) {\r\n    /* Heros */\r\n    #application>div:not(.fn-popups) .herogrid {\r\n      width: 100%;\r\n      margin: 0 auto;\r\n      padding: 1em 0;\r\n      background-color: #fff;\r\n      box-shadow: 0 7px 20px rgba(0, 0, 0, .2) !important;\r\n      display: grid;\r\n      grid-template: \"title\" auto \"content\" auto /1fr;\r\n      justify-items: center;\r\n      align-items: center;\r\n    }\r\n\r\n    #application>div:not(.fn-popups) .herotitle {\r\n      grid-area: title;\r\n      text-transform: uppercase;\r\n      text-align: center;\r\n    }\r\n\r\n    #application>div:not(.fn-popups) .herocontent {\r\n      grid-area: content;\r\n      text-align: center;\r\n      max-width: 70%;\r\n      margin-bottom: 1em;\r\n    }\r\n\r\n    .fn-popups .fn-loss-limits {\r\n      margin-top: 0;\r\n    }\r\n  }\r\n  @media only screen and (max-width: 420px) {\r\n    .mobile.portrait .AdvancedPlayerMessage__btn--31a {\r\n      margin: 0;\r\n    }\r\n  }\r\n</style>","beforeEndBody":""},"conditionIds":["536a0342-c6ec-4919-b04d-5f1c0c5c683d"]},{"tagId":"db7b4b3c-464a-4e6c-b931-ce6324b25c18","tagTypeId":"custom_tag_type","name":"Custom CSS Bonus-popup","description":"Custom CSS Bonus-popup","config":{"beforeEndHead":"<style>\r\n/* Bonus Pop-up */\r\n  .popup-modal__buttons .btn, .popup-modal__buttons .popup-modal__button {\r\n    border-radius: 3px !important;\r\n  }\r\n  .desktop .popup-modal__buttons.btns-count-2, .tablet .popup-modal__buttons.btns-count-2,\r\n  .desktop .popup-modal__buttons.btns-count-3, .tablet .popup-modal__buttons.btns-count-3,\r\n  .desktop .popup-modal__buttons.btns-count-4, .tablet .popup-modal__buttons.btns-count-4 {\r\n    padding: 0 !important;\r\n  }\r\n  .mobile .detailed-bonus-popup > .popup-modal__inner > .popup-modal__content > .popup-modal__buttons.btns-count-2 > .popup-modal__button {\r\n    display: table !important;\r\n    margin-top: .3em !important;\r\n    margin-left: initial !important;\r\n    width: 100% !important;\r\n  }\r\n  .tablet .detailed-bonus-popup > .popup-modal__inner > .popup-modal__content > .popup-modal__buttons {\r\n    max-width: none !important;\r\n    display: flex !important;\r\n  }\r\n  .tablet .detailed-bonus-popup > .popup-modal__inner > .popup-modal__content > .popup-modal__buttons > .fn-get-bonus {\r\n    margin: 0 auto !important;\r\n  }\r\n  .tablet .detailed-bonus-popup > .popup-modal__inner > .popup-modal__content > .popup-modal__buttons > .fn-show-tc {\r\n    margin-left: .4em !important;\r\n  }\r\n  .desktop .detailed-bonus-popup > .popup-modal__inner > .popup-modal__content > .popup-modal__buttons {\r\n    max-width: none !important;\r\n    display: flex !important;\r\n  }\r\n  .desktop .detailed-bonus-popup > .popup-modal__inner > .popup-modal__content > .popup-modal__buttons > .fn-get-bonus {\r\n    margin: 0 auto !important;\r\n  }\r\n  .desktop .detailed-bonus-popup > .popup-modal__inner > .popup-modal__content > .popup-modal__buttons > .fn-show-tc {\r\n    margin-left: .4em !important;\r\n  }\r\n\r\n  /* Bonus Popup on Registration */\r\n  .mobile .popup-modal__inner .popup-modal__content .popup-modal__buttons .popup-modal__button {\r\n    width: 100%!important;\r\n    min-width: 0!important;\r\n    margin: 0 0 0.3em!important;\r\n    display: table!important;\r\n  }\r\n  .mobile .popup-modal__inner .popup-modal__content .popup-modal__buttons > fn-accept {\r\n    margin: 0!important;\r\n  }\r\n\r\n</style>","beforeEndBody":""},"conditionIds":["536a0342-c6ec-4919-b04d-5f1c0c5c683d"]},{"tagId":"52","tagTypeId":"custom_tag_type","name":"Custom CSS Tag /pending-withdraw","description":"Custom CSS Tag /pending-withdraw","config":{"beforeEndHead":"<style>\n\n.desktop .menu__secondlevel-wrapper {\n   display: none;\n}\n.dynotifyjs-corner {\n  display: none;\n}\n\n</style>","beforeEndBody":""},"conditionIds":["536a0342-c6ec-4919-b04d-5f1c0c5c683d","5eb1af30-03e6-4a2e-863e-37fc492d0de5"]},{"tagId":"44","tagTypeId":"custom_js","name":"After page render /self-exclusion","description":"After page render /self-exclusion","config":{"code":"(function ($) {\r\n    $(document).ready(function()\r\n    {\r\n     \r\n         $(\"#confirmSE\").keyup(function(event){\r\n            var btn = $('.Openended .btn_name_exclude');\r\n                    if($(this).val() == $(\"#theWord\").text())\r\n                        btn.attr(\"disabled\", false);\r\n                    else\r\n                        btn.attr(\"disabled\", true);\r\n                });\r\n    });\r\n})(jQuery);"},"conditionIds":["4eaa767f-38ed-46ce-aea0-afceba7315fd","7be92568-c224-4f7a-ab2f-0c69a86713e8"]},{"tagId":"45","tagTypeId":"custom_tag_type","name":"Custom CSS Tag /self-exclusion","description":"Custom CSS Tag /self-exclusion","config":{"beforeEndHead":"<style>\n\n#p_p_id_56_INSTANCE_JzD0jFOgtXnt_{\n   background-color: #fafafa;\n}\n\n#p_p_id_ngresponsiblegaming_WAR_accountportlet_INSTANCE_cRKKj1HLfxdZ_ {\n   background-color: #fafafa;\n}\n\n#p_p_id_ngresponsiblegaming_WAR_accountportlet_INSTANCE_cRKKj1HLfxdZ_ > div.fn-portlet.portlet__content.portlet__content_border_show.portlet__content_type_ngresponsiblegaming > div.fn-self-exclusion-container > div > div > div > form > div.form__fieldset > div.field.field_name_self-exclusion-period.fn-validate.select {\n   display: none;\n}\n\n#p_p_id_ngresponsiblegaming_WAR_accountportlet_INSTANCE_cRKKj1HLfxdZ_ > div.fn-portlet.portlet__content.portlet__content_border_show.portlet__content_type_ngresponsiblegaming > div.fn-self-exclusion-container > div > div > div > p {\n   display: none !important;\n}\n\n#p_p_id_ngresponsiblegaming_WAR_accountportlet_INSTANCE_cRKKj1HLfxdZ_ > div.fn-portlet.portlet__content.portlet__content_border_show.portlet__content_type_ngresponsiblegaming > div.fn-self-exclusion-container > div > div > div > h3 {\n   display: none !important;\n}\n\n.desktop #p_p_id_ngresponsiblegaming_WAR_accountportlet_INSTANCE_cRKKj1HLfxdZ_ > div.fn-portlet.portlet__content.portlet__content_border_show.portlet__content_type_ngresponsiblegaming > div.fn-self-exclusion-container > div > div > div > form > div.form__actions > button {\n   background-color: #ea1d3d;\n    margin-top: -16em;\n}\n\n .tablet #p_p_id_ngresponsiblegaming_WAR_accountportlet_INSTANCE_cRKKj1HLfxdZ_ > div.fn-portlet.portlet__content.portlet__content_border_show.portlet__content_type_ngresponsiblegaming > div.fn-self-exclusion-container > div > div > div > form > div.form__actions > button {\n    background-color: #ea1d3d;\n     margin-top: -17.5em;\n }\n\n.mobile #p_p_id_ngresponsiblegaming_WAR_accountportlet_INSTANCE_cRKKj1HLfxdZ_ > div.fn-portlet.portlet__content.portlet__content_border_show.portlet__content_type_ngresponsiblegaming > div.fn-self-exclusion-container > div > div > div > form > div.form__actions > button {\n   background-color: #ea1d3d;\n    margin-top: -17em;\n}\n\n.mobile.landscape #p_p_id_ngresponsiblegaming_WAR_accountportlet_INSTANCE_cRKKj1HLfxdZ_ > div.fn-portlet.portlet__content.portlet__content_border_show.portlet__content_type_ngresponsiblegaming > div.fn-self-exclusion-container > div > div > div > form > div.form__actions > button {\n   background-color: #ea1d3d;\n    margin-top: -17.5em;\n}\n\n#p_p_id_ngresponsiblegaming_WAR_accountportlet_INSTANCE_cRKKj1HLfxdZ_ > div.fn-portlet.portlet__content.portlet__content_border_show.portlet__content_type_ngresponsiblegaming > div.fn-self-exclusion-container > div > div > div > form {\n   padding: 0;\n}\n\n#p_p_id_jumio_WAR_accountportlet_INSTANCE_DZ7CRyJpAoor_ > div.Jumio__container--SR5 > div.Jumio__controls--1ea > button {\n   box-shadow: none !important;\n   font-family: Montserrat !important;\n}\n\n#p_p_id_ngresponsiblegaming_WAR_accountportlet_INSTANCE_cRKKj1HLfxdZ_ > div.fn-portlet.portlet__content.portlet__content_border_show.portlet__content_type_ngresponsiblegaming > div.fn-self-exclusion-container > div > div > div > div {\n   display: none;\n}\n#p_p_id_ngresponsiblegaming_WAR_accountportlet_INSTANCE_cRKKj1HLfxdZ_>div.fn-portlet.portlet__content.portlet__content_border_show.portlet__content_type_ngresponsiblegaming>div.fn-self-exclusion-container>div>div>div>form>div.form__fieldset {\n   display: none;\n}\n\n#p_p_id_ngresponsiblegaming_WAR_accountportlet_INSTANCE_cRKKj1HLfxdZ_ .form__actions {\n  margin: 0 !important;\n}\n\n\n</style>","beforeEndBody":""},"conditionIds":["536a0342-c6ec-4919-b04d-5f1c0c5c683d","7be92568-c224-4f7a-ab2f-0c69a86713e8"]},{"tagId":"39a806b0-6d0f-4723-8eb0-725c69a2a491","tagTypeId":"custom_js","name":"Before page Render JS /spielerschutz","description":"Before page Render JS /spielerschutz","config":{"code":"var userLimitObj = Playtech.API.auth.isLoggedIn ? { depositLimit: Playtech.Variables.depositLimit, lossLimits: Playtech.Variables.lossLimits } : {};"},"conditionIds":["fb7a80b8-a2b2-4015-bdb2-db97fe690882","536a0342-c6ec-4919-b04d-5f1c0c5c683d"]},{"tagId":"60","tagTypeId":"custom_tag_type","name":"Custom CSS Tag /change-password","description":"Custom CSS Tag /change-password","config":{"beforeEndHead":"<style>\n.desktop .menu__secondlevel-wrapper {\n   display: none;\n}\n\n/* Heros */\n.herogrid {\n  width: 100%;\n  margin: 0 auto;\n  padding: 1em 0;\n  background-color: #fff;\n  box-shadow: 0 7px 20px rgba(0,0,0,.2) !important;\n  display: grid;\n  grid-template: \"title\" auto\n                  \"content\" auto\n                  /1fr;\n  justify-items: center;\n  align-items: center;\n}\n\n.herotitle {\n  grid-area: title;\n  text-transform: uppercase;\n  text-align: center;\n}\n\n.herocontent {\n  grid-area: content;\n  text-align: center;\n  max-width: 70%;\n  margin-bottom: 1em;\n}\n\n#p_p_id_56_INSTANCE_Z2mloFqk5XNi_ {\n   background-color: transparent;\n   margin-top: 3.0em;\n}\n\n#p_p_id_56_INSTANCE_Z2mloFqk5XNi_ div.form__actions {\n  margin: 3em auto;\n}\n</style>","beforeEndBody":""},"conditionIds":["536a0342-c6ec-4919-b04d-5f1c0c5c683d","1e2327d4-7c4e-403e-9455-b0a5484113eb"]},{"tagId":"39","tagTypeId":"custom_js","name":"Before page render /pgg2","description":"Before page render /pgg2","config":{"code":"  if (/\\/esbk_test$/.test(location.href)) {\r\n        if (localStorage.getItem('authn') === null && location.search.indexOf('wrapper') === -1) {\r\n            var user=prompt(\"Username: \", \"user\");\r\n            var passwrd = prompt(\"Password: \", \"password\");\r\n            if (user==atob(\"ZXNiaw==\")&&passwrd==atob(\"SGlAU2VjXzIwMjA=\")){\r\n                localStorage[\"authn\"] = true;\r\n            } else {\r\n                alert(\"Unauthorized\");\r\n                window.stop();\r\n            }\r\n        }\r\n    }"},"conditionIds":["5079551b-bb39-43d8-ae39-220757114834","536a0342-c6ec-4919-b04d-5f1c0c5c683d"]},{"tagId":"72","tagTypeId":"custom_tag_type","name":"Custom CSS Tag /casino","description":"","config":{"beforeEndHead":"<style>\n\n.desktop .layout-100-1200px .layout-100-1200px-navigation-wrapper {\n    display: block;\n    max-width: 100% !important;\n    margin: 0 auto;\n}\n\n.desktop .menu__secondlevel-wrapper {\n    display: none;\n}\n\n.desktop .footer-wrapper {\n   max-width: 100% !important;\n}\n\n.widefooter {\n    display: block;\n    max-width: 1200px;\n    margin: 0 auto;\n}\n\n#main-content > div > div.layout-100-1200px-navigation-wrapper {\n   display: none;\n}\n\n\n</style>","beforeEndBody":""},"conditionIds":["536a0342-c6ec-4919-b04d-5f1c0c5c683d","3cad490a-3ca3-4671-aff7-298ae6892c99"]},{"tagId":"71","tagTypeId":"custom_tag_type","name":"Custom CSS Tag /livecasino","description":"","config":{"beforeEndHead":"<style>\n\n.desktop .layout-100-1200px .layout-100-1200px-navigation-wrapper {\n    display: block;\n    max-width: 100% !important;\n    margin: 0 auto;\n}\n\n.desktop .menu__secondlevel-wrapper {\n    display: none;\n}\n\n.desktop .footer-wrapper {\n   max-width: 100% !important;\n}\n\n.widefooter {\n    display: block;\n    max-width: 1200px;\n    margin: 0 auto;\n}\n\n#main-content > div > div.layout-100-1200px-navigation-wrapper {\n   display: none;\n}\n\n\n</style>","beforeEndBody":""},"conditionIds":["536a0342-c6ec-4919-b04d-5f1c0c5c683d","c79af5ef-4f6f-4b9a-9d02-564493da0df8"]},{"tagId":"67","tagTypeId":"custom_tag_type","name":"Custom CSS Tag /my-account","description":"","config":{"beforeEndHead":"<style>\n\n@media all {\n  .clearfix:after {\n    content: \"\";\n    display: table;\n    clear: both;\n  }\n}\n\n\n@media all {\n  *,\n  :after,\n  :before {\n    box-sizing: border-box;\n  }\n  h2,\n  h3 {\n    margin-top: 0;\n    margin-bottom: .5rem;\n  }\n  p {\n    margin-top: 0;\n    margin-bottom: 1rem;\n  }\n  a {\n    background-color: transparent;\n  }\n  a,\n  a:hover {\n    color: #202020;\n    text-decoration: none;\n  }\n  img {\n    border-style: none;\n  }\n  img {\n    vertical-align: middle;\n  }\n  .h3,\n  h2,\n  h3 {\n    margin-bottom: .5rem;\n    font-family: Montserrat, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;\n    font-weight: 400;\n    line-height: 1.5;\n    color: inherit;\n  }\n  h2 {\n    font-size: 2.5714rem;\n  }\n  .h3,\n  h3 {\n    font-size: 2rem;\n  }\n  .img-fluid {\n    height: 100%;\n    width: auto;\n  }\n  .row {\n    display: -webkit-flex;\n    display: flex;\n    -webkit-flex-wrap: wrap;\n    flex-wrap: wrap;\n    margin-right: -15px;\n    margin-left: -15px;\n  }\n  .col-sm-10 {\n    position: relative;\n    width: 100%;\n    padding-right: 15px;\n    padding-left: 15px;\n  }\n  @media (min-width:576px) {\n    .col-sm-10 {\n      -webkit-flex: 0 0 83.33333%;\n      flex: 0 0 83.33333%;\n      max-width: 83.33333%;\n    }\n    .offset-sm-1 {\n      margin-left: 8.33333%;\n    }\n  }\n  .btn {\n    display: inline-block;\n    font-weight: 500;\n    color: #202020;\n    text-align: center;\n    vertical-align: middle;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n    background-color: transparent;\n    border: 1px solid transparent;\n    padding: .375rem .75rem;\n    font-size: 1rem;\n    line-height: 1.66;\n    border-radius: 2px;\n    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;\n  }\n  @media screen and (prefers-reduced-motion:reduce) {\n    .btn {\n      transition: none;\n    }\n  }\n  .btn:hover {\n    color: #202020;\n    text-decoration: none;\n  }\n  .btn:focus {\n    outline: 0;\n    box-shadow: 0 0 0 .3rem #e9e9e9;\n  }\n  .btn:disabled {\n    opacity: .65;\n  }\n  .btn:not(:disabled):not(.disabled) {\n    cursor: pointer;\n  }\n  .btn-primary {\n    color: #212529;\n    background-color: #fc0;\n    border-color: #fc0;\n  }\n  .btn-primary:hover {\n    color: #212529;\n    background-color: #d9ad00;\n    border-color: #cca300;\n  }\n  .btn-primary:focus {\n    box-shadow: 0 0 0 .3rem rgba(222, 179, 6, .5);\n  }\n  .btn-primary:disabled {\n    color: #212529;\n    background-color: #fc0;\n    border-color: #fc0;\n  }\n  .bg-white {\n    background-color: #fff !important;\n  }\n  .clearfix:after {\n    display: block;\n    clear: both;\n    content: \"\";\n  }\n  .d-flex {\n    display: -webkit-flex !important;\n    display: flex !important;\n  }\n  @media (min-width:1500px) {\n    .d-xl-flex {\n      display: -webkit-flex !important;\n      display: flex !important;\n    }\n  }\n  .embed-responsive {\n    display: block;\n    width: 100%;\n    padding: 0;\n    overflow: hidden;\n  }\n  .embed-responsive:before {\n    display: block;\n    content: \"\";\n  }\n  .embed-responsive-16by9:before {\n    padding-top: 56.25%;\n  }\n  .embed-responsive-5by3:before {\n    padding-top: 60%;\n  }\n  .shadow-lg {\n    box-shadow: 0 7px 20px rgba(0, 0, 0, .2) !important;\n  }\n  .w-50 {\n    width: 50% !important;\n  }\n  .h-100 {\n    height: 100% !important;\n  }\n  .mb-0 {\n    margin-bottom: 0 !important;\n  }\n  .mb-3 {\n    margin-bottom: 1rem !important;\n  }\n  .mb-8 {\n    margin-bottom: 2rem !important;\n  }\n  .pt-2 {\n    padding-top: .5rem !important;\n  }\n  .py-3 {\n    padding-top: 1rem !important;\n  }\n  .py-3 {\n    padding-bottom: 1rem !important;\n  }\n  .px-4 {\n    padding-right: 1.5rem !important;\n  }\n  .px-4 {\n    padding-left: 1.5rem !important;\n  }\n  .pt-8 {\n    padding-top: 2rem !important;\n  }\n  .pb-9 {\n    padding-bottom: 2.7rem !important;\n  }\n  .text-center {\n    text-align: center !important;\n  }\n  .text-uppercase {\n    text-transform: uppercase !important;\n  }\n  @media print {\n    *,\n    :after,\n    :before {\n      text-shadow: none !important;\n      box-shadow: none !important;\n    }\n    img {\n      page-break-inside: avoid;\n    }\n    h2,\n    h3,\n    p {\n      orphans: 3;\n      widows: 3;\n    }\n    h2,\n    h3 {\n      page-break-after: avoid;\n    }\n  }\n  h3 {\n    font-weight: 500;\n  }\n  h2,\n  h2.h3,\n  h3 {\n    font-weight: 400;\n  }\n  .text-uppercase {\n    text-transform: uppercase;\n    letter-spacing: .025em;\n  }\n  .text-weight-semibold {\n    font-weight: 500;\n  }\n  .text-size-large {\n    font-size: 1.1429rem;\n  }\n  .text-size-huge {\n    font-size: 1.4286rem;\n  }\n  * {\n    border-width: 0;\n  }\n  .embed-responsive {\n    position: relative;\n  }\n  .embed-responsive picture {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n  }\n  .border-bottom-12,\n  .border-right-12 {\n    border-style: solid;\n    border-color: #4283bc;\n  }\n  .border-right-12 {\n    border-right-width: 12px;\n  }\n  .border-bottom-12 {\n    border-bottom-width: 12px;\n  }\n  .border-theme {\n    transition: border-color .25s ease-in-out;\n  }\n  .page-theme-secondary .border-theme {\n    border-color: #4283bc;\n  }\n  .btn-primary:hover {\n    background-color: #f9b000;\n    border-color: #f9b000;\n  }\n  body[data-aos-delay=\"100\"] [data-aos] {\n    transition-delay: 0;\n  }\n  body[data-aos-delay=\"100\"] [data-aos].aos-animate {\n    transition-delay: .1s;\n  }\n  body[data-aos-duration=\"400\"] [data-aos] {\n    transition-duration: .4s;\n  }\n  body[data-aos-easing=ease] [data-aos] {\n    transition-timing-function: ease;\n  }\n  [data-aos^=fade][data-aos^=fade] {\n    opacity: 0;\n    transition-property: opacity, -webkit-transform;\n    transition-property: opacity, transform;\n    transition-property: opacity, transform, -webkit-transform;\n  }\n  [data-aos^=fade][data-aos^=fade].aos-animate {\n    opacity: 1;\n    -webkit-transform: translateZ(0);\n    transform: translateZ(0);\n  }\n  .teaser_box.teaser_type_horizontal>div {\n    width: 50%;\n  }\n  .teaser_box .teaser__image {\n    overflow: hidden;\n  }\n  .teaser_box .teaser__image picture {\n    transition: -webkit-transform .25s ease-in-out;\n    transition: transform .25s ease-in-out;\n    transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out;\n    -webkit-transform: scale(1);\n    transform: scale(1);\n  }\n  .teaser_box:hover .teaser__image picture {\n    -webkit-transform: scale(1.1);\n    transform: scale(1.1);\n  }\n  @media (max-width:1019.98px) {\n    .teaser_type_horizontal {\n      -webkit-flex-direction: column;\n      flex-direction: column;\n    }\n    .teaser_type_horizontal .teaser__image {\n      width: 100% !important;\n    }\n    .teaser_type_horizontal .teaser__image .border-right-12 {\n      border-right-width: 0;\n      border-bottom-width: 12px;\n    }\n    .teaser_type_horizontal .teaser__info {\n      width: 100% !important;\n    }\n  }\n  @media (min-width:1020px) {\n    .paragraph-teaser-box.paragraph-teaser-box-block-3 .teasers {\n      display: grid;\n      grid-template-columns: 2fr 1fr;\n      grid-template-areas: \"left-top right\" \"left-bottom right\";\n      grid-column-gap: 30px;\n      grid-row-gap: 30px;\n      grid-auto-rows: 1fr;\n      padding-bottom: 30px;\n    }\n    .paragraph-teaser-box.paragraph-teaser-box-block-3 .teasers .teaser_box:nth-child(3n+1) {\n      grid-area: left-top;\n    }\n    .paragraph-teaser-box.paragraph-teaser-box-block-3 .teasers .teaser_box:nth-child(3n+2) {\n      grid-area: left-bottom;\n    }\n    .paragraph-teaser-box.paragraph-teaser-box-block-3 .teasers .teaser_box:nth-child(3n+3) {\n      grid-area: right;\n    }\n  }\n}\n\n</style>","beforeEndBody":""},"conditionIds":["536a0342-c6ec-4919-b04d-5f1c0c5c683d","60d701c7-452f-40f2-be68-52e301ddfd02"]},{"tagId":"64","tagTypeId":"custom_tag_type","name":"Custom CSS Tag /forgotten_password","description":"","config":{"beforeEndHead":"<style>\n\n/* DO NOT DELETE */\n\n/* Back to Step 1 - Padding */\n#p_p_id_registration_WAR_accountportlet_ > div.fn-portlet.portlet__content.portlet__content_border_show.portlet__content_type_registration > div.registration-wizard.fn-register-content > div:nth-child(2) > form > div > fieldset.form__fieldset.fieldset_name_simpleText2 {\n       margin: 0 0 .8em 0;\n}\n\n/* Back to Step 2 - Padding */\n#p_p_id_registration_WAR_accountportlet_ > div.fn-portlet.portlet__content.portlet__content_border_show.portlet__content_type_registration > div.registration-wizard.fn-register-content > div:nth-child(3) > form > div > fieldset.form__fieldset.fieldset_name_simpleText3 {\n       margin: 0 0 .8em 0;\n}\n\n.layout-50-50 .layout-column-1 {\n    width: 50%;\n    padding: 40px;\n}\n\n.layout-50-50 .layout-column-2 {\n    width: 50%;\n    padding: 40px;\n}\n\n.portlet-wrapper {\n    background: initial;\n}\n\n/* Padding form */\n#p_p_id_56_INSTANCE_pOv7LJrLziUq_ .form {\n  margin: 0;\n  padding: 0;\n}\n/* Margin form button */\n#p_p_id_56_INSTANCE_pOv7LJrLziUq_ .form__actions {\n    margin: 2em 0;\n}\n\n</style>","beforeEndBody":""},"conditionIds":["536a0342-c6ec-4919-b04d-5f1c0c5c683d","215e6c11-2dc5-40bc-928d-68687a42bf6a"]},{"tagId":"51","tagTypeId":"custom_tag_type","name":"Custom CSS Tag /transaction-history","description":"","config":{"beforeEndHead":"<style>\n\n.desktop .menu__secondlevel-wrapper {\n   display: none;\n}\n\n/* Ausrichtung Textfelder Kontoübersicht */\n.transaction-summary-table .field {\n    padding: 1em;\n    text-align: right;\n}\n\n.transaction-summary-table .field:first-child {\n   text-align: left !important;\n}\n.dynotifyjs-corner {\n  display: none;\n}\n\n</style>","beforeEndBody":""},"conditionIds":["536a0342-c6ec-4919-b04d-5f1c0c5c683d","805f52e7-f79b-4969-9090-0996b5f78bf4"]},{"tagId":"49","tagTypeId":"custom_tag_type","name":"Custom CSS Tag /balance","description":"","config":{"beforeEndHead":"<style>\n\n/* --- Page level --- */\r\n.desktop .menu__secondlevel-wrapper {\r\n    display: none;\r\n }\r\n\r\n.portlet__content {\r\n    padding: 0 !important;\r\n}\r\n\r\n.info-list__row_type_link:after {\r\n    position: relative !important;\r\n    right: 0 !important;\r\n    top: 0 !important;\r\n}\r\n\r\n/* --- Structure --- */\r\n.balance-1 {\r\n    width: 100%;\r\n    display: grid;\r\n    grid-template:\r\n        \"ic1 bal1 amount1\" 48px / 48px 1fr 120px;\r\n}\r\n\r\n.balance-2 {\r\n    width: 100%;\r\n    display: grid;\r\n    grid-template: \r\n        \"ic2 bal2 amount2\" 48px / 48px 1fr 120px;\r\n}\r\n\r\n.balance-3 {\r\n    width: 100%;\r\n    display: grid;\r\n    grid-template:\r\n        \"ic3 bal3 amount3\" 48px / 48px 1fr 120px;\r\n}\r\n\r\n.balance-4 {\r\n    width: 100%;\r\n    display: grid;\r\n    grid-template:\r\n        \"ic4 bal4 amount4\" 48px / 48px 1fr 120px;\r\n}\r\n\r\n.balance-5 {\r\n    width: 100%;\r\n    display: grid;\r\n    grid-template:\r\n        \"ic5 bal5 amount5\" 48px / 48px 1fr 120px;\r\n}\r\n\r\n.settings-1 {\r\n    width: 100%;\r\n    display: grid;\r\n    grid-template:\r\n        \"ic6 bal6 amount6\" 48px / 48px 1fr 120px;\r\n}\r\n  \r\n.settings-2 {\r\n    width: 100%;\r\n    display: grid;\r\n    grid-template:\r\n        \"ic7 bal7 amount7\" 48px / 48px 1fr 80px;\r\n}\r\n  \r\n  \r\n    .icon-1 { \r\n        grid-area: ic1;\r\n        align-self: center;\r\n        justify-self: center;\r\n    } \r\n    .bal-1 {\r\n        grid-area: bal1;\r\n        align-self: center;\r\n    }\r\n    .amount-1 { \r\n        grid-area: amount1;\r\n        align-self: center;\r\n    }\r\n    .icon-2 { \r\n        grid-area: ic2;\r\n        align-self: center;\r\n        justify-self: center;\r\n    }\r\n    .bal-2 {\r\n        grid-area: bal2;\r\n        align-self: center;\r\n    }\r\n    .amount-2 { \r\n        grid-area: amount2;\r\n        align-self: center;\r\n    }\r\n    .icon-3 { \r\n        grid-area: ic3;\r\n        align-self: center;\r\n        justify-self: center;\r\n    }\r\n    .bal-3 { \r\n        grid-area: bal3;\r\n        align-self: center;\r\n    }\r\n    .amount-3 { \r\n        grid-area: amount3;\r\n        align-self: center;\r\n    }\r\n    .icon-4 { \r\n        grid-area: ic4;\r\n        align-self: center;\r\n        justify-self: center;\r\n    }\r\n    .bal-4 { \r\n        grid-area: bal4;\r\n        align-self: center;\r\n    }\r\n    .amount-4 { \r\n        grid-area: amount4;\r\n        align-self: center;\r\n    }\r\n    .icon-5 { \r\n        grid-area: ic5;\r\n        align-self: center;\r\n        justify-self: center;\r\n    }\r\n    .bal-5 { \r\n        grid-area: bal5;\r\n        align-self: center;\r\n    }\r\n    .amount-5 { \r\n        grid-area: amount5;\r\n        align-self: center;\r\n    }\r\n    .icon-6 { \r\n        grid-area: ic6;\r\n        align-self: center;\r\n        justify-self: center;\r\n    }\r\n    .bal-6 { \r\n        grid-area: bal6;\r\n        align-self: center;\r\n    }\r\n    .amount-6 { \r\n        grid-area: amount6;\r\n        align-self: center;\r\n    }\r\n    .icon-7 { \r\n        grid-area: ic7;\r\n        align-self: center;\r\n        justify-self: center;\r\n    }\r\n    .bal-7 { \r\n        grid-area: bal7;\r\n        align-self: center;\r\n    }\r\n    .amount-7 { \r\n        grid-area: amount7;\r\n        align-self: center;\r\n    }\r\n\r\n\r\n/* --- CSS atomized --- */\r\n\r\n .Bd\\(bd1\\) {\r\n    border: 1px solid #d3d3d3;\r\n  }\r\n  .Bdb\\(bd1\\) {\r\n    border-bottom: 1px solid #d3d3d3;\r\n  }\r\n  .Bgc\\(white\\) {\r\n    background-color: white;\r\n  }\r\n  .C\\(\\#bababa\\) {\r\n    color: #bababa;\r\n  }\r\n  .Fw\\(700\\) {\r\n    font-weight: 700;\r\n  }\r\n  .Fw\\(400\\) {\r\n    font-weight: 400;\r\n  }\r\n  .Fz\\(1\\.15em\\) {\r\n    font-size: 1.15em;\r\n  }\r\n  .Fz\\(0\\.9em\\) {\r\n    font-size: 0.9em;\r\n  }\r\n  .H\\(100\\%\\) {\r\n    height: 100%;\r\n  }\r\n  .Lh\\(1\\.2\\) {\r\n    line-height: 1.2;\r\n  }\r\n  .M\\(0\\) {\r\n    margin: 0;\r\n  }\r\n  .Mt\\(1\\.0rem\\) {\r\n    margin-top: 1.0rem;\r\n  }\r\n  .P\\(0\\) {\r\n    padding: 0;\r\n  }\r\n  .Pend\\(20px\\) {\r\n    padding-right: 20px;\r\n  }\r\n  .Pend\\(10px\\) {\r\n    padding-right: 10px;\r\n  }\r\n  .Ta\\(e\\) {\r\n    text-align: end;\r\n  }\r\n  .W\\(100\\%\\) {\r\n    width: 100%;\r\n  }\r\n  @media(min-width:320px) {\r\n    .Mt\\(3em\\)--sm {\r\n      margin-top: 3em;\r\n    }\r\n    .Mb\\(3em\\)--sm {\r\n      margin-bottom: 3em;\r\n    }\r\n  }\r\n  @media(min-width:1200px) {\r\n    .Px\\(1\\.155rem\\)--lg {\r\n      padding-left: 1.155rem;\r\n      padding-right: 1.155rem;\r\n    }\r\n  }\r\n  @media(min-width:768px) {\r\n    .Px\\(1\\.155rem\\)--md {\r\n      padding-left: 1.155rem;\r\n      padding-right: 1.155rem;\r\n    }\r\n  }\r\n  \r\n.dynotifyjs-corner {\r\n  display: none;\r\n}\n\n</style>","beforeEndBody":""},"conditionIds":["536a0342-c6ec-4919-b04d-5f1c0c5c683d","cce01dbe-e7b4-4671-9985-8e9373e46b47"]},{"tagId":"43","tagTypeId":"custom_tag_type","name":"Custom CSS Tag /ingamelimits","description":"","config":{"beforeEndHead":"<style>\n\n.fn-limits-container{\n    width: auto!important;\n}\n.popup-modal__title, .fn-popup-title {\n    display: none;\n}\n.micon-close-btn, .popup-modal__button_type_close, .fn-close {\n    display: none;\n}\n.portlet-wrapper {\n    background: initial!important;\n}\n\n</style>","beforeEndBody":""},"conditionIds":["536a0342-c6ec-4919-b04d-5f1c0c5c683d","8cc7bc4d-c508-4344-9091-2ff4a646cf56"]},{"tagId":"38","tagTypeId":"custom_tag_type","name":"Custom CSS Tag /sms","description":"","config":{"beforeEndHead":"<style>\n\n\n.layout-100-1200px .layout-100-1200px-navigation-wrapper, .page .layout-100, .page .layout-30-70 {\n  box-shadow: none;\n}\n\n.layout-column, #p_p_id_1_ {\n  background-color: #fafafa !important;\n}\n\n</style>","beforeEndBody":""},"conditionIds":["536a0342-c6ec-4919-b04d-5f1c0c5c683d","a3d89dca-11cb-4840-a6e3-9ba4cc81c449"]},{"tagId":"7","tagTypeId":"custom_tag_type","name":"Custom CSS Tag /poker-championship","description":"","config":{"beforeEndHead":"<style>\n\n/*Page Settings*/\r\n.desktop .footer-wrapper {\r\n    max-width: 100% !important;\r\n    margin: 0 !important;\r\n}\r\n\r\n.widefooter {\r\n    display: block;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.tablet .page-layout:not(.layout-100-1200px) {\r\n    margin: 0;\r\n}\r\n.page-layout {\r\n    max-width: 100% !important;\r\n    margin-top: 0;\r\n}\r\n\r\n.desktop .page .layout-100, .desktop .page .layout-30-70 {\r\n    margin-top: 0;\r\n}\r\n\r\n.portlet__content {\r\n  padding: 0;\r\n}\r\n/*End page settings*/\r\n\r\n.page_container {\r\n\twidth: 100%;\r\n\t/*background: url('/library/Poker/pokerChamp/SCS_pokerSM_EVENTS-tablet_background_1920px.jpg');*/\r\n\tbackground: url('/library/Poker/pokerChamp/SCS_pokerSM_EVENTS-desktop_background_5000px.jpg');\r\n\tbackground-position: top;\r\n\tbackground-repeat: no-repeat;\r\n  background-size: auto;\r\n  }\r\n\r\n.mobile .page_container {\r\n  background: url('/library/Poker/pokerChamp/SCS_pokerSM_EVENTS-mobile_background_750px.jpg');\r\n  background-position: top;\r\n  background-size: auto;\r\n}\r\n\r\n.tablet .page_container {\r\n  background: url('/library/Poker/pokerChamp/SCS_pokerSM_EVENTS-tablet_background_1920px.jpg');\r\n  background-position: top;\r\n  background-size: auto;\r\n}\r\n\r\n  .page_wrap {\r\n  \tdisplay: flex;\r\n  \tpadding-right: 5%;\r\n  \tpadding-left: 5%;\r\n  \tfont-family: 'Montserrat', sans-serif;\r\n  \tflex-direction: column;\r\n  \tpadding-bottom: 12em;\r\n  }\r\n\r\n  .tablet .page_wrap {\r\n\twidth: 89%;\r\n\tmargin: auto;\r\n\tpadding-right: 0;\r\n\tpadding-left: 0;\r\n  }\r\n\r\n  .tablet .modal-dialog {\r\n\tmax-width: 89% !important;\r\n  }\r\n\r\n  .tablet .modal-dialog-centered {\r\n\tmin-height: calc(80% - (-5em * 2)) !important;\r\n  }\r\n\r\n  .page_headline {\r\n\tfont-weight: 700;\r\n\tfont-size: 4em;\r\n\tcolor: #ffffff;\r\n\tmargin-bottom: 0.5em;\r\n\tmargin-top: 52%;\r\n\ttext-transform: uppercase;\r\n  }\r\n\r\n  .page_main_content {\r\n\tline-height: 1.5;\r\n  }\r\n\r\n  .page_main_content_space_small {\r\n\tmargin-bottom: 1em;\r\n  }\r\n\r\n  .page_main_content_space_big {\r\n\tmargin-bottom: 2em;\r\n  }\r\n\r\n  .page_main_content_text-yellow {\r\n\tcolor: #FDC72F;\r\n\tfont-size: 1.5em;\r\n\tfont-weight: 400;\r\n  }\r\n\r\n  .page_main_content_text-white {\r\n\tcolor: #ffffff;\r\n\tfont-size: 1.4em;\r\n\tfont-weight: 400;\r\n  }\r\n\r\n  .page_main_content_with_title-text {\r\n\tcolor: #ffffff;\r\n\tfont-size: 1.4em;\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n\t.page_wrap {\r\n\t  padding-right: 10%;\r\n\t  padding-left: 10%;\r\n\t}\r\n\t\r\n\t.page_headline {\r\n    margin-top: 90% !important;\r\n\t}\r\n  }\r\n\r\n /* @media (max-width: 1366px) {*/\r\n\t/*.page_wrap {*/\r\n\t/*  padding-right: 20%;*/\r\n\t/*  padding-left: 20%;*/\r\n\t/*}*/\r\n /* }*/\r\n\r\n  @media (max-width: 1024px) {\r\n\t.page_wrap {\r\n\t  padding-right: 5%;\r\n\t  padding-left: 5%;\r\n\t}\r\n\t\r\n\t.page_headline {\r\n\t  margin-top: 70%;\r\n\t}\r\n  }\r\n\r\n  @media (min-width: 1440px) {\r\n\t.page_wrap {\r\n\t  padding-left: 0;\r\n\t  padding-right: 0;\r\n\t  max-width: 1200px;\r\n\t  margin: auto;\r\n\t}\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n\r\n\t.page_wrap {\r\n\t  max-width: 83%;\r\n\t  margin: 0 auto;\r\n\t  padding: 0;\r\n\t  padding-bottom: 3em;\r\n\t}\r\n\r\n\t.page_headline {\r\n\t  font-size: 3em;\r\n    margin-top: 85%;\r\n\t}\r\n\t\r\n\t.header_title_wrap {\r\n\t  margin: 0.01em 0 0 !important;\r\n\t}\r\n\r\n  }\r\n  \r\n  @media (max-width: 320px) {\r\n    .page_headline {\r\n      font-size: 2.2em;\r\n      margin-top: 100% !important;\r\n    }\r\n    \r\n    .btn_cont { \r\n      width: 270px !important;\r\n    }\r\n    \r\n    .btn_back {\r\n      background-size: 287px 69px !important;\r\n      margin-right: -2px !important;\r\n    }\r\n    \r\n    .btn_border {\r\n      width: 270px !important;\r\n    }\r\n}\r\n  \r\n  /*Custom button styling*/\r\n  /* Buttons */\r\n\r\n.btn_cont {\r\n    display: grid;\r\n    grid-template: \r\n        \"btn\" 100%/100%;\r\n    justify-content: center;\r\n    margin: 0 auto;\r\n    width: 317px;\r\n    height: 95px;\r\n  }\r\n  \r\n  .btn_back {\r\n    grid-area: btn;\r\n    background-image: url(/library/Poker/landingpage/button_prim.png);\r\n    /*background-size: contain;*/\r\n    background-size: 342px 68px;\r\n    background-repeat: no-repeat;\r\n    background-position: 50% 50%;\r\n    margin-right: -4.3px;\r\n  }\r\n  \r\n  .btn_overlay {\r\n    grid-area: btn;\r\n    justify-self: center;\r\n    align-self: center;\r\n    box-shadow: inset 0 0 0px rgba(255, 255, 255, 0);\r\n    text-shadow: none;\r\n    -webkit-transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);\r\n    transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);\r\n    width: 322px;\r\n    height: 58px;\r\n    border-radius: 24px;\r\n  }\r\n  \r\n  .btn_border {\r\n    grid-area: btn;\r\n    border: 1px solid #f1f1f1;\r\n    background-color: transparent;\r\n    justify-self: center;\r\n    align-self: center;\r\n    opacity: 1;\r\n    -webkit-transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);\r\n    transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);\r\n    width: 320px;\r\n    height: 58px;\r\n    border-radius: 24px;\r\n  }\r\n  \r\n  .btn_text {\r\n    grid-area: btn;\r\n    align-self: center;\r\n    justify-self: center;\r\n    text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.33);\r\n    font-family: Montserrat;\r\n    font-weight: bold;\r\n    font-stretch: normal;\r\n    font-style: normal;\r\n    line-height: 1.2;\r\n    letter-spacing: normal;\r\n    text-align: center;\r\n    text-transform: uppercase;\r\n    color: #ffffff;\r\n    font-size: 18px;\r\n    letter-spacing: 1px;\r\n  }\r\n  \r\n  .btn_cont:active {\r\n    transform: scale(.95);\r\n  }\r\n  \r\n  .btn_cont:hover {\r\n    cursor: pointer;\r\n  }\r\n  \r\n  .btn_cont:hover .btn_overlay {\r\n    border: 1px solid  #f1f1f1;\r\n    box-shadow: inset 0 0 20px rgba(80, 33, 1, 1), 0 0 20px rgba(255, 255, 255, 1);\r\n  }\r\n  \r\n  .btn_cont:hover .btn_border{\r\n    transform: scalex(1.2) scaley(1.7);\r\n    opacity: 0;\r\n  }\r\n  /* End of buttons style */\r\n  \r\n \n\n</style>","beforeEndBody":""},"conditionIds":["536a0342-c6ec-4919-b04d-5f1c0c5c683d","81558bdc-00a3-4ba7-b81b-853dbee4619c"]},{"tagId":"2","tagTypeId":"custom_tag_type","name":"Custom CSS Tag /poker_strategy","description":"","config":{"beforeEndHead":"<style>\n\n.desktop .layout-100-1200px .layout-100-1200px-navigation-wrapper {\r\n  display: block;\r\n  max-width: 100% !important;\r\n  margin: 0 auto;\r\n}\r\n\r\n.desktop .page-layout {\r\n  max-width: 100% !important;\r\n  margin-top: 0 !important;\r\n}\r\n\r\n.tablet .page-layout {\r\n  margin: auto !important;\r\n}\r\n\r\n.desktop .footer-wrapper {\r\n  max-width: 100% !important;\r\n  margin: 0 !important;\r\n}\r\n\r\n.widefooter {\r\n  display: block;\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n}\r\n\r\nb,\r\nstrong {\r\n  font-weight: bolder\r\n}\r\n\r\ntable {\r\n  text-indent: 0;\r\n  border-color: inherit\r\n}\r\n\r\nbutton,\r\ninput {\r\n  font-family: inherit;\r\n  font-size: 100%;\r\n  line-height: 1.15;\r\n  margin: 0\r\n}\r\n\r\nbutton {\r\n  text-transform: none\r\n}\r\n\r\n[type=button],\r\nbutton {\r\n  -webkit-appearance: button\r\n}\r\n\r\nbutton {\r\n  background-color: transparent;\r\n  background-image: none\r\n}\r\n\r\ninput::-moz-placeholder {\r\n  opacity: 1;\r\n  color: #9ca3af\r\n}\r\n\r\ninput:-ms-input-placeholder {\r\n  opacity: 1;\r\n  color: #9ca3af\r\n}\r\n\r\ninput::placeholder {\r\n  opacity: 1;\r\n  color: #9ca3af\r\n}\r\n\r\nbutton {\r\n  cursor: pointer\r\n}\r\n\r\ntable {\r\n  border-collapse: collapse\r\n}\r\n\r\n.container {\r\n  width: 100%\r\n}\r\n\r\n@media (min-width:640px) {\r\n  .container {\r\n    max-width: 640px\r\n  }\r\n}\r\n\r\n@media (min-width:768px) {\r\n  .container {\r\n    max-width: 768px\r\n  }\r\n}\r\n\r\n@media (min-width:1024px) {\r\n  .container {\r\n    max-width: 1024px\r\n  }\r\n}\r\n\r\n@media (min-width:1280px) {\r\n  .container {\r\n    max-width: 1280px\r\n  }\r\n}\r\n\r\n@media (min-width:1536px) {\r\n  .container {\r\n    max-width: 1536px\r\n  }\r\n}\r\n\r\n.relative {\r\n  position: relative\r\n}\r\n\r\n.mx-auto {\r\n  margin-left: auto;\r\n  margin-right: auto\r\n}\r\n\r\n.my-0 {\r\n  margin-top: 0;\r\n  margin-bottom: 0\r\n}\r\n\r\n.mt-2 {\r\n  margin-top: .5rem\r\n}\r\n\r\n.mt-4 {\r\n  margin-top: 1rem\r\n}\r\n\r\n.mb-1 {\r\n  margin-bottom: .25rem\r\n}\r\n\r\n.mb-2 {\r\n  margin-bottom: .5rem\r\n}\r\n\r\n.mb-3 {\r\n  margin-bottom: .75rem\r\n}\r\n\r\n.mb-4 {\r\n  margin-bottom: 1rem\r\n}\r\n\r\n.mb-5 {\r\n  margin-bottom: 1.25rem\r\n}\r\n\r\n.mb-8 {\r\n  margin-bottom: 2rem\r\n}\r\n\r\n.mb-10 {\r\n  margin-bottom: 2.5rem\r\n}\r\n\r\n.mb-px {\r\n  margin-bottom: 1px\r\n}\r\n\r\n.block {\r\n  display: block\r\n}\r\n\r\n.flex {\r\n  display: flex\r\n}\r\n\r\n.table {\r\n  display: table\r\n}\r\n\r\n.hidden {\r\n  display: none\r\n}\r\n\r\n.min-h-300 {\r\n  min-height: 300px\r\n}\r\n\r\n.w-52 {\r\n  width: 13rem\r\n}\r\n\r\n.w-11\\/12 {\r\n  width: 91.666667%\r\n}\r\n\r\n.w-full {\r\n  width: 100%\r\n}\r\n\r\n.min-w-506 {\r\n  min-width: 506px\r\n}\r\n\r\n.max-w-7xl {\r\n  max-width: 80rem\r\n}\r\n\r\n.cursor-pointer {\r\n  cursor: pointer\r\n}\r\n\r\n.flex-row {\r\n  flex-direction: row\r\n}\r\n\r\n.flex-col {\r\n  flex-direction: column\r\n}\r\n\r\n.items-center {\r\n  align-items: center\r\n}\r\n\r\n.justify-center {\r\n  justify-content: center\r\n}\r\n\r\n.overflow-hidden {\r\n  overflow: hidden\r\n}\r\n\r\n.border-b {\r\n  border-bottom-width: 1px\r\n}\r\n\r\n.bg-black {\r\n  --tw-bg-opacity: 1;\r\n  background-color: rgba(0, 0, 0, var(--tw-bg-opacity))\r\n}\r\n\r\n.bg-white {\r\n  --tw-bg-opacity: 1;\r\n  background-color: rgba(255, 255, 255, var(--tw-bg-opacity))\r\n}\r\n\r\n.p-4 {\r\n  padding: 1rem\r\n}\r\n\r\n.p-5 {\r\n  padding: 1.25rem\r\n}\r\n\r\n.p-7 {\r\n  padding: 1.75rem\r\n}\r\n\r\n.px-3 {\r\n  padding-left: .75rem;\r\n  padding-right: .75rem\r\n}\r\n\r\n.px-5 {\r\n  padding-left: 1.25rem;\r\n  padding-right: 1.25rem\r\n}\r\n\r\n.px-16 {\r\n  padding-left: 4rem;\r\n  padding-right: 4rem\r\n}\r\n\r\n.pt-1 {\r\n  padding-top: .25rem\r\n}\r\n\r\n.pt-5 {\r\n  padding-top: 1.25rem\r\n}\r\n\r\n.pt-24 {\r\n  padding-top: 6rem\r\n}\r\n\r\n.pr-5 {\r\n  padding-right: 1.25rem\r\n}\r\n\r\n.pb-2 {\r\n  padding-bottom: .5rem\r\n}\r\n\r\n.pb-5 {\r\n  padding-bottom: 1.25rem\r\n}\r\n\r\n.pb-10 {\r\n  padding-bottom: 2.5rem\r\n}\r\n\r\n.pb-20 {\r\n  padding-bottom: 5rem\r\n}\r\n\r\n.pl-3 {\r\n  padding-left: .75rem\r\n}\r\n\r\n.pl-10 {\r\n  padding-left: 2.5rem\r\n}\r\n\r\n.text-left {\r\n  text-align: left\r\n}\r\n\r\n.text-center {\r\n  text-align: center\r\n}\r\n\r\n.text-base {\r\n  font-size: 1rem;\r\n  line-height: 1.5rem\r\n}\r\n\r\n.text-lg {\r\n  font-size: 1.125rem;\r\n  line-height: 1.75rem\r\n}\r\n\r\n.text-2xl {\r\n  font-size: 1.5rem;\r\n  line-height: 2rem\r\n}\r\n\r\n.text-3xl {\r\n  font-size: 1.875rem;\r\n  line-height: 2.25rem\r\n}\r\n\r\n.text-5xl {\r\n  font-size: 3rem;\r\n  line-height: 1\r\n}\r\n\r\n.font-light {\r\n  font-weight: 300\r\n}\r\n\r\n.font-normal {\r\n  font-weight: 400\r\n}\r\n\r\n.font-medium {\r\n  font-weight: 500\r\n}\r\n\r\n.font-semibold {\r\n  font-weight: 600\r\n}\r\n\r\n.font-extrabold {\r\n  font-weight: 800\r\n}\r\n\r\n.uppercase {\r\n  text-transform: uppercase\r\n}\r\n\r\n.leading-6 {\r\n  line-height: 1.5rem\r\n}\r\n\r\n.text-black {\r\n  --tw-text-opacity: 1;\r\n  color: rgba(0, 0, 0, var(--tw-text-opacity))\r\n}\r\n\r\n.text-white {\r\n  --tw-text-opacity: 1;\r\n  color: rgba(255, 255, 255, var(--tw-text-opacity))\r\n}\r\n\r\n.shadow {\r\n  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)\r\n}\r\n\r\n.shadow,\r\n.shadow-2xl {\r\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)\r\n}\r\n\r\n.shadow-2xl {\r\n  --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25)\r\n}\r\n\r\n.bg-image {\r\n  background-image: url(/library/Poker/new-strategy-page/strategypagebg.png);\r\n  -o-object-fit: cover;\r\n  object-fit: cover;\r\n  background-repeat: repeat-y;\r\n  height: 100%\r\n}\r\n\r\n.color-yellow {\r\n  color: #fc0\r\n}\r\n\r\n.color-brown {\r\n  color: #c85f32\r\n}\r\n\r\n.display-none {\r\n  display: none\r\n}\r\n\r\n@media (min-width:1024px) {\r\n  .lg-display-none {\r\n    display: none\r\n  }\r\n}\r\n\r\n.accor-label:hover {\r\n  background-color: #fc0;\r\n  color: #000;\r\n  cursor: pointer\r\n}\r\n\r\n.sub-accor-label {\r\n  background-color: #000 !important;\r\n  color: #fff !important\r\n}\r\n\r\n.accor-label:after {\r\n  right: 1em;\r\n  transform: rotate(90deg);\r\n  padding-right: 1em\r\n}\r\n\r\n.accor-label:after,\r\ninput:checked+.accor-label:after {\r\n  font-family: monospace !important;\r\n  content: \"\\203a\";\r\n  position: absolute;\r\n  font-size: 1.5em;\r\n  font-weight: 400;\r\n  top: auto;\r\n  width: 1em;\r\n  height: 1.5em;\r\n  line-height: 1.5em;\r\n  text-align: center\r\n}\r\n\r\ninput:checked+.accor-label:after {\r\n  transform: rotate(270deg);\r\n  right: 1.1em;\r\n  padding-right: 0;\r\n  padding-left: .5em\r\n}\r\n\r\n.accordion-content {\r\n  max-height: 0;\r\n  transition: all .4s cubic-bezier(.865, .14, .095, .87)\r\n}\r\n\r\n.mob-accor-label:before {\r\n  content: \"\";\r\n  background: url(/library/Poker/new-strategy-page/card-white.png) no-repeat;\r\n  width: 16px;\r\n  height: 21px;\r\n  min-width: 16px;\r\n  min-height: 21px;\r\n  margin-right: 10px;\r\n  background-size: 15px\r\n}\r\n\r\ninput[name=panel]:checked~.accordion-content,\r\ninput[name=sub-panel]:checked~.accordion-content {\r\n  max-height: -webkit-fit-content;\r\n  max-height: -moz-fit-content;\r\n  max-height: fit-content\r\n}\r\n\r\ninput[name=panel]:checked~.accor-label {\r\n  background-color: #fc0;\r\n  color: #000\r\n}\r\n\r\ninput[name=panel]:checked~.mob-accor-label {\r\n  background-color: #fff;\r\n  border-bottom: 5px solid #fc0;\r\n  color: #000\r\n}\r\n\r\ninput[name=panel]:checked~.mob-accor-label:before {\r\n  background: url(/library/Poker/new-strategy-page/card-black.png) no-repeat;\r\n  background-size: 15px\r\n}\r\n\r\n.background-color-redsh {\r\n  background-color: #a84609\r\n}\r\n\r\n.item:before {\r\n  content: \"\";\r\n  background: url(/library/Poker/new-strategy-page/card-white.png) no-repeat;\r\n  width: 35px;\r\n  height: 35px;\r\n  min-width: 35px;\r\n  min-height: 35px;\r\n  margin-right: 15px\r\n}\r\n\r\n.item-not-active:after {\r\n  background: url(/library/Poker/new-strategy-page/next-white.png) no-repeat\r\n}\r\n\r\n.item-active:after,\r\n.item-not-active:after {\r\n  content: \"\";\r\n  width: 25px;\r\n  height: 37px;\r\n  min-width: 25px;\r\n  margin-left: auto;\r\n  margin-right: 0\r\n}\r\n\r\n.item-active:after {\r\n  background: url(/library/Poker/new-strategy-page/arrow-yellow.png) no-repeat\r\n}\r\n\r\n.item-active {\r\n  background-color: #fff;\r\n  border-bottom: 5px solid #fc0;\r\n  color: #000\r\n}\r\n\r\n.item-active:before {\r\n  background: url(/library/Poker/new-strategy-page/card-black.png) no-repeat\r\n}\r\n\r\n.accordion-content p {\r\n  margin-top: 10px;\r\n  margin-bottom: 10px;\r\n  font-size: 18px\r\n}\r\n\r\n.sub-accor-mob {\r\n  margin-bottom: 10px\r\n}\r\n\r\n.poker-accor-table td,\r\n.poker-accor-table th {\r\n  padding: 8px\r\n}\r\n\r\n.poker-accor-table tr:hover {\r\n  background-color: #ddd\r\n}\r\n\r\n.poker-accor-table th {\r\n  padding-top: 12px;\r\n  padding-bottom: 12px;\r\n  text-align: center;\r\n  font-weight: 600\r\n}\r\n\r\n.swiper-slide {\r\n  text-align: center;\r\n  font-size: 18px;\r\n  background: #fff;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  background-size: cover;\r\n  background-position: 50%\r\n}\r\n\r\n.swiper-slide-thumb {\r\n  background: none\r\n}\r\n\r\n.swiper,\r\n.swiper-slide img {\r\n  width: 100%\r\n}\r\n\r\n.swiper {\r\n  height: 300px;\r\n  margin-left: auto;\r\n  margin-right: auto\r\n}\r\n\r\n.mySwiper2 {\r\n  height: 80%;\r\n  width: 100%\r\n}\r\n\r\n.mySwiper {\r\n  height: 20%;\r\n  box-sizing: border-box;\r\n  padding: 10px 0\r\n}\r\n\r\n.mySwiper .swiper-slide {\r\n  width: 25%;\r\n  height: 100%;\r\n  opacity: .4\r\n}\r\n\r\n.swiper-slide img {\r\n  display: block;\r\n  min-width: 100%;\r\n  height: 100%;\r\n  -o-object-fit: cover;\r\n  object-fit: cover\r\n}\r\n\r\n#poker-swiper-next {\r\n  right: -40px\r\n}\r\n\r\n#poker-swiper-prev {\r\n  left: -40px\r\n}\r\n\r\n.swiper-button-next,\r\n.swiper-button-prev {\r\n  color: #fff;\r\n  top: 45%\r\n}\r\n\r\n.swiper-slide-action-button {\r\n  background-image: url(/library/Poker/new-strategy-page/button_prim-nobg.png) !important;\r\n  background-size: cover;\r\n  background-repeat: no-repeat;\r\n  background-position: 50%;\r\n  width: 215px;\r\n  height: 50px;\r\n  border: none;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.swiper-slide-action-button:hover {\r\n  box-shadow: inset 0 0 20px hsla(0, 0%, 100%, .5), 0 0 20px hsla(0, 0%, 100%, .2)\r\n}\r\n\r\n.swiper-slide-thumb-title {\r\n  background-image: url(/library/Poker/new-strategy-page/plaquette.png) !important;\r\n  background-size: cover;\r\n  background-repeat: no-repeat;\r\n  background-position: 50%;\r\n  width: 100%;\r\n  height: 48px\r\n}\r\n\r\n@media (min-width:1024px) {\r\n  .lg\\:w-30\\% {\r\n    width: 30%;\r\n  }\r\n  \r\n  .lg\\:w-70\\% {\r\n    width: 70%;\r\n  }\r\n  \r\n  .lg\\:mb-0 {\r\n    margin-bottom: 0\r\n  }\r\n\r\n  .lg\\:flex {\r\n    display: flex\r\n  }\r\n\r\n  .lg\\:min-h-506 {\r\n    min-height: 506px\r\n  }\r\n\r\n  .lg\\:w-80 {\r\n    width: 20rem\r\n  }\r\n\r\n  .lg\\:w-6\\/12 {\r\n    width: 50%\r\n  }\r\n\r\n  .lg\\:max-w-screen-xl {\r\n    max-width: 1280px\r\n  }\r\n\r\n  .lg\\:flex-row {\r\n    flex-direction: row\r\n  }\r\n\r\n  .lg\\:p-0 {\r\n    padding: 0\r\n  }\r\n\r\n  .lg\\:px-0 {\r\n    padding-left: 0;\r\n    padding-right: 0\r\n  }\r\n\r\n  .lg\\:pb-20 {\r\n    padding-bottom: 5rem\r\n  }\r\n\r\n  .lg\\:px-14 {\r\n    padding-left: 3.5rem;\r\n    padding-right: 3.5rem;\r\n  }\r\n}\r\n\r\n@media (min-width: 1280px) {\r\n  .xl\\:px-3 {\r\n    padding-left: 0.75rem;\r\n    padding-right: 0.75rem;\r\n  }\r\n}\r\n\r\n.swiper-slide-thumb-active {\r\n  border-top: 6px solid rgb(217 86 30);\r\n  opacity: 1 !important;\r\n}\r\n\r\n\n\n</style>","beforeEndBody":""},"conditionIds":["536a0342-c6ec-4919-b04d-5f1c0c5c683d","be9fce35-7c1e-4416-8c2e-65d0312e2924"]}],"conditions":[{"conditionId":"7703f5dd-3c34-4604-b7ac-8ddc0032d428","conditionTypeId":"page_condition","name":"Launch on /bloom-up-may","description":"Launch on /bloom-up-may","config":{"onPageLaunch":"/bloom-up-may"}},{"conditionId":"f89abb3e-1262-4655-9cc6-6d2a78431461","conditionTypeId":"page_condition","name":"On poker-news-details","description":"On poker-news-details","config":{"onPageLaunch":"/poker-news/feature-release-august-2024, /poker-news/feature-release-october-2024, /poker-news/feature-release-january-2025, /poker-news/feature-release-april-2025, /poker-news/live-qualifiers-rozvadov, /poker-news/live-qualifiers-thessaloniki, /poker-news/live-qualifiers-stgallen, /poker-news/live-qualifiers-festival-malta, /poker-news/live-qualifiers-spt25-sunny-beach, /poker-news/live-qualifiers-ipt-killarney25, /poker-news/live-qualifiers-kings-rozvadov,  /poker-news/live-qualifiers-mpf-autumn-25, /poker-news/live-qualifiers-MCOP25-Amsterdam, /poker-news/live-qualifiers-thefestival-bratislava, /poker-news/live-qualifiers-rozvadov-october, /poker-news/live-qualifiers-irish-open-2026, /poker-news/live-qualifiers-ipt-galway-2026, /poker-news/live-qualifiers-costa-rica-2026, /poker-news/exl-nye2025, /poker-news/feature-release-dec-2025,/poker-news/the-festival-bratislava-0126,/poker-news/daily-twister-sprint, /poker-news/live-qualifiers-bom-malta-2026, /poker-news/live-qualifiers-banco-bratislava-2026, /poker-news/live-qualifiers-tfo-rozvadov-042026, /poker-news/gpo-2026"}},{"conditionId":"5792fd22-e785-4f4d-8213-3d5d89a756cd","conditionTypeId":"page_condition","name":"On /oster-suche","description":"On /oster-suche","config":{"onPageLaunch":"/oster-suche"}},{"conditionId":"ae36d1e7-aff4-4075-8de1-91827d73033a","conditionTypeId":"page_condition","name":"Ostern Page","description":"Ostern Page","config":{"onPageLaunch":"/oster-suche"}},{"conditionId":"610d1781-deac-4c95-844a-d51a4495a3e3","conditionTypeId":"page_condition","name":"Launch an all withdraw pages","description":"Launch an all withdraw pages","config":{"onPageLaunch":"/withdraw-poker, /withdraw"}},{"conditionId":"46b77f79-9cdf-4c7e-bb94-108cceaa5f6d","conditionTypeId":"page_condition","name":"On /lucky-day","description":"On /lucky-day","config":{"onPageLaunch":"/lucky-day"}},{"conditionId":"72e5733c-5c1a-42bc-a421-cbe7b567d840","conditionTypeId":"page_condition","name":"On /age-of-the-dogs-game","description":"On /age-of-the-dogs-game","config":{"onPageLaunch":"/age-of-the-dogs-game"}},{"conditionId":"13b1777d-e876-41ac-9fdf-b91927b4f37b","conditionTypeId":"page_condition","name":"on /golden-games","description":"on /golden-games","config":{"onPageLaunch":"/golden-games"}},{"conditionId":"3f2232eb-487c-4c79-97ac-0c99c41aba75","conditionTypeId":"page_condition","name":"On /lucky-weekend","description":"On /lucky-weekend","config":{"onPageLaunch":"/lucky-weekend"}},{"conditionId":"fbd30e2c-806a-45bb-b7b2-d4f2fb79f8af","conditionTypeId":"page_condition","name":"Launch on /adventskalender","description":"Launch on /adventskalender ","config":{"onPageLaunch":"/adventskalender"}},{"conditionId":"f6363dc6-270b-42d8-bf84-77b65203185e","conditionTypeId":"page_condition","name":"Launch on /festtagsverlosung","description":"on /festtagsverlosung","config":{"onPageLaunch":"/festtagsverlosung"}},{"conditionId":"634bf69c-08e3-486c-921f-5b72d5783468","conditionTypeId":"page_condition","name":"Black Friday Page","description":"Black Friday Page","config":{"onPageLaunch":"/blackfriday"}},{"conditionId":"bb8f22d5-b235-401d-8f96-e3ed9c0fe5e8","conditionTypeId":"page_condition","name":"Zendesk Native Auth","description":"Zendesk Native Auth","config":{"onPageLaunch":"/zendesk-native-auth"}},{"conditionId":"07f8567d-983f-4041-ade8-8b5b55ba6cd7","conditionTypeId":"page_condition","name":"Halloween","description":"Halloween Page","config":{"onPageLaunch":"/halloween"}},{"conditionId":"b99f1cd3-984c-457e-a25f-957f0e9e91ef","conditionTypeId":"page_condition","name":"Shop Page","description":"Shop Page","config":{"onPageLaunch":"/shop"}},{"conditionId":"c24e6346-700f-43a5-b46a-f8f7f8f1c0d0","conditionTypeId":"page_condition","name":"schwingfest raffle","description":"on schwingfest-verlosung","config":{"onPageLaunch":"/schwingfest-verlosung"}},{"conditionId":"dd75292e-e8a1-4adb-b1ec-09ca1f7c9748","conditionTypeId":"page_condition","name":"schwingfest","description":"schwingfest","config":{"onPageLaunch":"/schwingfest"}},{"conditionId":"27ccace8-57db-4a3c-a9de-dc90b4a450b6","conditionTypeId":"page_condition","name":"Launch on /mcdonalds","description":"Launch on /mcdonalds","config":{"onPageLaunch":"/mcdonalds"}},{"conditionId":"de963891-04df-48bf-a218-fc772c07ccc4","conditionTypeId":"page_condition","name":"Locations Pages","description":"Locations Pages","config":{"onPageLaunch":"/standorte, /uebersicht, /swiss-casino-zuerich, /swiss-casino-pfaeffikon, /swiss-casino-st-gallen, /swiss-casino-schaffhausen, /swiss-casino-winterthur"}},{"conditionId":"88653fa7-1ae3-48ec-b48c-08a7d9c51b28","conditionTypeId":"page_condition","name":"on Poker Bonus Portal and DL","description":"on Poker Bonus Portal and DL","config":{"onPageLaunch":"/poker-bonus, /poker-bonus-dl"}},{"conditionId":"b23e3c00-0d89-4679-83f1-46b4ffda88af","conditionTypeId":"page_condition","name":"Lobby-Casino-LiveCas","description":"Lobby, casino. livecasino","config":{"onPageLaunch":"/,/casino,/lobby,/livecasino"}},{"conditionId":"b5fd5fb3-babd-4640-a727-88565d7764ee","conditionTypeId":"page_condition","name":"On /poker-bonus ","description":"On /poker-bonus and poker-bonus-dl","config":{"onPageLaunch":"/poker-bonus"}},{"conditionId":"8d64e386-c491-4637-acce-31c5851bcc71","conditionTypeId":"page_condition","name":"On Zendesk Logout","description":"On Zendesk Logout","config":{"onPageLaunch":"/zendesk-logout"}},{"conditionId":"c7e12332-6f1f-4c8d-ab61-7f63050b7cd4","conditionTypeId":"page_condition","name":"Launch on /spc-poker-app","description":"Launch on /spc-poker-app","config":{"onPageLaunch":"/spc-poker-app"}},{"conditionId":"40f30ec7-19d5-45a3-bf62-74d11b06b6ee","conditionTypeId":"page_condition","name":"Launch on /spc","description":"Launch on /spc","config":{"onPageLaunch":"/spc, /spc-poker-app"}},{"conditionId":"754c9c4c-9342-4c5a-822d-9d9b5b61960b","conditionTypeId":"page_condition","name":"On /esbk_test","description":"On /esbk_test","config":{"onPageLaunch":"/esbk_test"}},{"conditionId":"4aa2f6c2-c6c5-49df-af42-9cc833bc02c2","conditionTypeId":"page_condition","name":"On Zendesk login","description":"On Zendesk login","config":{"onPageLaunch":"/zendesk-login"}},{"conditionId":"92d9dc5e-9116-412a-ac0a-f1c6fb2ebca8","conditionTypeId":"page_condition","name":"Launch on /unique-transactions","description":"Launch on /unique-transactions, poker-unique","config":{"onPageLaunch":"/unique-transactions"}},{"conditionId":"562820c9-a629-4de7-bfd6-3652dadee982","conditionTypeId":"page_condition","name":"Launch on /bonus-history","description":"/bonus-history, /poker-bonus-history","config":{"onPageLaunch":"/bonus-history, /poker-bonus-history"}},{"conditionId":"cce01dbe-e7b4-4671-9985-8e9373e46b47","conditionTypeId":"page_condition","name":"Launch on /balance","description":"/balance, /balance-poker","config":{"onPageLaunch":"/balance, /balance-poker"}},{"conditionId":"9a6d0944-98f6-4b91-873b-1d542ea7b5d7","conditionTypeId":"page_condition","name":"Poker Cashier Pages","description":"Poker Cashier Pages","config":{"onPageLaunch":"/einzahlen-poker, /withdraw-poker, /pendent-poker, /gaming-history-poker, /transactions-no-summary-poker, /balance-poker, /poker-bonus-history"}},{"conditionId":"62346deb-7123-4469-b084-a1a898b51b20","conditionTypeId":"page_condition","name":"Poker strategies","description":"Poker strategies","config":{"onPageLaunch":"/poker-strategies,/poker-strategien,/strategies-poker,/strategie-di-poker"}},{"conditionId":"23e02e33-f239-4ecd-b566-f159596ba41e","conditionTypeId":"page_condition","name":"Floating Icon Pages","description":"Floating Icon Pages","config":{"onPageLaunch":"  /, /lobby, /casino, /livecasino, /poker, /poker-events, /gamingrules, /casino-bonus, /poker-bonus, /leaderboard, /spielregeln, /regles-de-jeux, /regole-dei-giochi, /deposit"}},{"conditionId":"5b83253e-1d90-401b-9697-1b422cbeac28","conditionTypeId":"page_condition","name":"On bring a friend","description":"On bring a friend","config":{"onPageLaunch":"/bring-a-friend"}},{"conditionId":"1693427d-373c-460c-bf7c-3294c40a27d7","conditionTypeId":"page_condition","name":"On poker-news","description":"On poker-news","config":{"onPageLaunch":"/poker-news"}},{"conditionId":"3192fa97-9af0-4226-b921-323cab5c5574","conditionTypeId":"page_condition","name":"Launch on /404","description":"Launch on /404","config":{"onPageLaunch":"/404"}},{"conditionId":"be1d343d-4d07-435e-8f9e-e345cd35ad8e","conditionTypeId":"page_condition","name":"Lakers 2024","description":"Lakers 2024","config":{"onPageLaunch":"/lakers"}},{"conditionId":"bbfe9b1e-cc9c-4b44-89a5-4fc5dbcf0f16","conditionTypeId":"page_condition","name":"Selflink ScrollToTop","description":"Selflink ScrollToTop","config":{"onPageLaunch":"/casino-bonus,/leaderboard,/kontakt,/ueberuns,/poker-bonus,/poker"}},{"conditionId":"65d84453-8642-4e2f-9931-ba085667f1c5","conditionTypeId":"page_condition","name":"Launch on Poker TC","description":"Launch on /poker-bonus-bedingungen","config":{"onPageLaunch":"/poker-bonus-bedingungen,/poker-bonus-tc,/poker-bonus-conditions,/poker-bonus-condizioni"}},{"conditionId":"8862aa22-22e0-4bcf-851f-900c44547f48","conditionTypeId":"page_condition","name":"euro2024_Raffle","description":"Euro2024 Raffle","config":{"onPageLaunch":"/euro2024-raffle"}},{"conditionId":"7783b255-8508-4427-9891-30387e8cb9f5","conditionTypeId":"page_condition","name":"euro2024","description":"Euro2024","config":{"onPageLaunch":"/euro2024"}},{"conditionId":"aedeac84-e180-45af-87a4-9a5ddeef5fed","conditionTypeId":"page_condition","name":"kampagne page","description":"kampagne page","config":{"onPageLaunch":"/kampagne"}},{"conditionId":"a94d9adc-5df8-4e36-ab83-2cccfda08694","conditionTypeId":"page_condition","name":"SPC Review page","description":"SPC Review page","config":{"onPageLaunch":"/spc-rueckblick"}},{"conditionId":"e320c2ac-98e8-4e63-abe7-37af2219a307","conditionTypeId":"page_condition","name":"launch on /security","description":"launch on /security","config":{"onPageLaunch":"/security"}},{"conditionId":"e53594c2-b13d-4a61-baf9-f0d359dc65d7","conditionTypeId":"page_condition","name":"SEO-BOX Pages","description":"SEO-BOX Pages","config":{"onPageLaunch":"/, /casino, /lobby, /livecasino, /casino-bonus, /kontakt, /spc"}},{"conditionId":"f659b191-a68d-43d6-8960-f31717a6222c","conditionTypeId":"page_condition","name":"On /adg-deposit","description":"On /adg-deposit","config":{"onPageLaunch":"/adg-deposit"}},{"conditionId":"087a727d-485f-48a1-bc37-4ed3e5d45c07","conditionTypeId":"page_condition","name":"Lunch on /adg-payout","description":"Lunch on /adg-payout","config":{"onPageLaunch":"/adg-withdraw"}},{"conditionId":"1f71e7a9-95b1-4abf-a916-32944c511a69","conditionTypeId":"page_condition","name":"Launch on ADG pages","description":"Launch on ADG pages","config":{"onPageLaunch":"/adg-feed,/adg-casino,/adg-live,/adg-withdraw,/adg-deposit"}},{"conditionId":"27a5f315-7774-4824-809b-24118776f374","conditionTypeId":"page_condition","name":"Launch on /adg-feed","description":"Launch on /adg-feed","config":{"onPageLaunch":"/adg-feed"}},{"conditionId":"447b0ef8-22a2-43fb-b90e-19ba29771dd8","conditionTypeId":"page_condition","name":"All banners page","description":"All banners page","config":{"onPageLaunch":"/,/casino,/lobby,/livecasino,/casino-bonus"}},{"conditionId":"f3b0a7b6-e920-4c28-bbfe-ffe8077774a8","conditionTypeId":"page_condition","name":"on /advents-raffle","description":"on /advents-raffle","config":{"onPageLaunch":"/adventskalender-raffle"}},{"conditionId":"008ab626-b4e4-41a9-962e-a6af207f7585","conditionTypeId":"page_condition","name":"scroll to","description":"scroll to - used for games which take advantage of scroll_to url parameter","config":{"onPageLaunch":"/,/casino,/lobby,/livecasino,/spielerschutz"}},{"conditionId":"dff3d7c5-6750-457e-85c8-40140285f325","conditionTypeId":"page_condition","name":"On /poker-bonus-dl","description":"/poker-bonus-dl","config":{"onPageLaunch":"/poker-bonus-dl"}},{"conditionId":"cd7b5eb9-f1bc-4ae2-a381-a693cec91386","conditionTypeId":"page_condition","name":"On registration","description":"On registration","config":{"onPageLaunch":"/registration"}},{"conditionId":"698129b3-3b2b-47bb-a602-9e5140b62853","conditionTypeId":"page_condition","name":"On /unsubscribe","description":"On /unsubscribe","config":{"onPageLaunch":"/unsubscribe"}},{"conditionId":"d6ea1032-ba2e-40ce-b1e1-69173b2de8bd","conditionTypeId":"page_condition","name":"on all poker pages","description":"on all poker pages","config":{"onPageLaunch":"/poker, /poker-events, /poker-bonus, /event_details"}},{"conditionId":"f7889435-8f3d-4e3c-b01a-91073a2bfbf7","conditionTypeId":"page_condition","name":"Max 1200px","description":"Max 1200px","config":{"onPageLaunch":"/profil, /my-promotions, /change-password, /spielerschutz, /verifizierung, /balance, /bonus-history, /unique-transactions, /transaction-history, /pending-withdraw, /withdraw, /deposit, /kontakt, /agb, /ueberuns, /casino-bonus"}},{"conditionId":"7e84c461-b667-4988-8228-d9a296d085bf","conditionTypeId":"page_condition","name":"Launch on /casino-bo","description":"Launch on /casino-bo","config":{"onPageLaunch":"/casino-bonus"}},{"conditionId":"064bfc27-6f6a-4a7b-9e38-e4d982aa5aa9","conditionTypeId":"page_condition","name":"on Casino and Lobby","description":"on Casino and Lobby","config":{"onPageLaunch":"/,/casino,/lobby"}},{"conditionId":"e6d9dc6e-0df3-4e83-84ab-c0ad7e9bfa74","conditionTypeId":"page_condition","name":"On /poker-events","description":"On /poker-events","config":{"onPageLaunch":"/poker-events"}},{"conditionId":"061f992b-6c03-4dde-af4d-1c06f250a109","conditionTypeId":"page_condition","name":"On /event_details","description":"On /event_details","config":{"onPageLaunch":"/event_details"}},{"conditionId":"a7857dcd-f62a-4fd9-8ccd-e2a1e69d1332","conditionTypeId":"page_condition","name":"Launch on /poker","description":"Launch on /poker","config":{"onPageLaunch":"/poker"}},{"conditionId":"830c040b-ef32-4efe-bf3b-bf09227914e8","conditionTypeId":"page_condition","name":"On /spielregeln","description":"Launch on /spielregeln","config":{"onPageLaunch":"/spielregeln, /gamingrules, /regles-de-jeux,/regole-dei-giochi"}},{"conditionId":"49c0db39-d960-4837-920f-574b7820bfe0","conditionTypeId":"basic_condition","name":"app initialization","description":"On app initialization","config":{"launch":"onAppInit"}},{"conditionId":"9a6fd193-8be7-4b06-9bd7-bdf8e764f8e8","conditionTypeId":"page_condition","name":"Game Pages","description":"Game Pages","config":{"onPageLaunch":"/casino, /lobby, /livecasino"}},{"conditionId":"45a99d31-e9b3-4f41-8392-e92c5b5f1ffd","conditionTypeId":"page_condition","name":"Launch on /agb","description":"","config":{"onPageLaunch":"/agb"}},{"conditionId":"b1dd4342-9df4-475b-b11e-c6a56631a948","conditionTypeId":"page_condition","name":"Launch on /kontakt","description":"","config":{"onPageLaunch":"/kontakt"}},{"conditionId":"753bbe7e-64ab-45c3-8d08-1d182b3ad0a3","conditionTypeId":"page_condition","name":"Launch on /lobby","description":"","config":{"onPageLaunch":"/lobby"}},{"conditionId":"3cad490a-3ca3-4671-aff7-298ae6892c99","conditionTypeId":"page_condition","name":"Launch on /casino","description":"","config":{"onPageLaunch":"/casino"}},{"conditionId":"c79af5ef-4f6f-4b9a-9d02-564493da0df8","conditionTypeId":"page_condition","name":"Launch on /livecasino","description":"","config":{"onPageLaunch":"/livecasino"}},{"conditionId":"09bdf729-54d5-4160-92c9-1dae04ca2b04","conditionTypeId":"page_condition","name":"Launch on /deposit","description":"","config":{"onPageLaunch":"/deposit"}},{"conditionId":"60d701c7-452f-40f2-be68-52e301ddfd02","conditionTypeId":"page_condition","name":"Launch on /my-account","description":"","config":{"onPageLaunch":"/my-account"}},{"conditionId":"baa1c3f8-635a-4ab9-b96e-ee8e99f8ce32","conditionTypeId":"page_condition","name":"Launch on /profil","description":"","config":{"onPageLaunch":"/profil"}},{"conditionId":"215e6c11-2dc5-40bc-928d-68687a42bf6a","conditionTypeId":"page_condition","name":"Launch on /forgotten_password","description":"","config":{"onPageLaunch":"/forgotten_password"}},{"conditionId":"8bfacbb2-0eee-4a46-a082-c5478826911c","conditionTypeId":"page_condition","name":"Launch on /register","description":"","config":{"onPageLaunch":"/register"}},{"conditionId":"d008e583-abf9-4a09-a76b-868cd64fed50","conditionTypeId":"page_condition","name":"Launch on /my-promotions","description":"","config":{"onPageLaunch":"/my-promotions"}},{"conditionId":"1e2327d4-7c4e-403e-9455-b0a5484113eb","conditionTypeId":"page_condition","name":"Launch on /change-password","description":"","config":{"onPageLaunch":"/change-password"}},{"conditionId":"3ff75f26-a4f7-4756-8008-825d079d2b42","conditionTypeId":"page_condition","name":"Launch on /verifizierung","description":"","config":{"onPageLaunch":"/verifizierung"}},{"conditionId":"fb7a80b8-a2b2-4015-bdb2-db97fe690882","conditionTypeId":"page_condition","name":"Launch on /spielerschutz","description":"","config":{"onPageLaunch":"/spielerschutz"}},{"conditionId":"c579ac2e-f08f-416f-9a42-53992c3bb524","conditionTypeId":"page_condition","name":"Launch on /withdraw","description":"","config":{"onPageLaunch":"/withdraw"}},{"conditionId":"5eb1af30-03e6-4a2e-863e-37fc492d0de5","conditionTypeId":"page_condition","name":"Launch on /pending-withdraw","description":"","config":{"onPageLaunch":"/pending-withdraw"}},{"conditionId":"805f52e7-f79b-4969-9090-0996b5f78bf4","conditionTypeId":"page_condition","name":"Launch on /transaction-history","description":"","config":{"onPageLaunch":"/transaction-history"}},{"conditionId":"dcbf0a8d-a14a-46c5-b4d8-679a11615f22","conditionTypeId":"page_condition","name":"Launch on /spiele","description":"","config":{"onPageLaunch":"/spiele"}},{"conditionId":"7be92568-c224-4f7a-ab2f-0c69a86713e8","conditionTypeId":"page_condition","name":"Launch on /self-exclusion","description":"","config":{"onPageLaunch":"/self-exclusion"}},{"conditionId":"8cc7bc4d-c508-4344-9091-2ff4a646cf56","conditionTypeId":"page_condition","name":"Launch on /ingamelimits","description":"","config":{"onPageLaunch":"/ingamelimits"}},{"conditionId":"fd3c5c97-c15c-4bb9-b8c6-13eac89497d3","conditionTypeId":"page_condition","name":"Launch on /ueberuns","description":"","config":{"onPageLaunch":"/ueberuns"}},{"conditionId":"5079551b-bb39-43d8-ae39-220757114834","conditionTypeId":"page_condition","name":"Launch on /pgg2","description":"","config":{"onPageLaunch":"/pgg2"}},{"conditionId":"a3d89dca-11cb-4840-a6e3-9ba4cc81c449","conditionTypeId":"page_condition","name":"Launch on /sms","description":"","config":{"onPageLaunch":"/sms"}},{"conditionId":"b7c1694b-dabc-4d35-a883-c24544a9bbd6","conditionTypeId":"page_condition","name":"Launch on /leaderboard","description":"","config":{"onPageLaunch":"/leaderboard"}},{"conditionId":"e288e665-5d4b-4209-837f-3e8253a8baf3","conditionTypeId":"page_condition","name":"Launch on /leaderboard-details","description":"","config":{"onPageLaunch":"/leaderboard-details"}},{"conditionId":"47eb630f-7472-4896-b6dc-47f475a5095b","conditionTypeId":"page_condition","name":"Launch on /strategie-poker-basics","description":"","config":{"onPageLaunch":"/strategie-poker-basics"}},{"conditionId":"e7c63e6a-1011-498a-99df-7f6d2ce7c725","conditionTypeId":"page_condition","name":"Launch on /strategie-poker-advanced","description":"","config":{"onPageLaunch":"/strategie-poker-advanced"}},{"conditionId":"dfacb212-1587-4090-b13e-78df5475c4ea","conditionTypeId":"page_condition","name":"Launch on /strategie-poker-no-limit-basics","description":"","config":{"onPageLaunch":"/strategie-poker-no-limit-basics"}},{"conditionId":"55b9c2fe-cea8-4a27-816f-f069937a5e8a","conditionTypeId":"page_condition","name":"Launch on /strategie-poker-no-limit-advanced","description":"","config":{"onPageLaunch":"/strategie-poker-no-limit-advanced"}},{"conditionId":"a04039db-3a53-4f6b-a181-1e6337076ca7","conditionTypeId":"page_condition","name":"Launch on /strategie-poker-mtt-basics","description":"","config":{"onPageLaunch":"/strategie-poker-mtt-basics"}},{"conditionId":"f99e244c-0283-431d-85bf-09a4d8adcdde","conditionTypeId":"page_condition","name":"Launch on /strategie-poker-mtt-advanced","description":"","config":{"onPageLaunch":"/strategie-poker-mtt-advanced"}},{"conditionId":"d45c424c-db4b-4ac9-80cf-64ea0a5c27ea","conditionTypeId":"page_condition","name":"Launch on /strategie-poker-sit-and-go-basics","description":"","config":{"onPageLaunch":"/strategie-poker-sit-and-go-basics"}},{"conditionId":"ca3b7045-c8a8-4acf-9639-7373d0c6959e","conditionTypeId":"page_condition","name":"Launch on /strategie-poker-sit-and-go-advanced","description":"","config":{"onPageLaunch":"/strategie-poker-sit-and-go-advanced"}},{"conditionId":"2a2d1e12-1f56-408e-b089-a67ebb24857e","conditionTypeId":"page_condition","name":"Launch on /valentines","description":"","config":{"onPageLaunch":"/valentines"}},{"conditionId":"addeb8b7-3dc5-4b80-a29e-4e0567098256","conditionTypeId":"page_condition","name":"Launch on /glueckswoche","description":"","config":{"onPageLaunch":"/glueckswoche"}},{"conditionId":"81558bdc-00a3-4ba7-b81b-853dbee4619c","conditionTypeId":"page_condition","name":"Launch on /poker-championship","description":"","config":{"onPageLaunch":"/poker-championship"}},{"conditionId":"be9fce35-7c1e-4416-8c2e-65d0312e2924","conditionTypeId":"page_condition","name":"Launch on /poker_strategy","description":"","config":{"onPageLaunch":"/poker_strategy"}},{"conditionId":"4eaa767f-38ed-46ce-aea0-afceba7315fd","conditionTypeId":"basic_condition","name":"After Page Rendered","description":"","config":{"launch":"afterPageRendered"}},{"conditionId":"536a0342-c6ec-4919-b04d-5f1c0c5c683d","conditionTypeId":"basic_condition","name":"Before Page Rendered","description":"","config":{"launch":"beforePageRendered"}}]}