* {
  box-sizing: border-box;
  user-select: none;
}

:root {
  --menu-title-h: 10vh;
  --menu-buttons-h: 0vh;
  --buttons-size: 60px;
  --buttons-border-size: 3px;
  --buttons-margin: 10px;
  --mrg: calc(var(--buttons-size)* 2 + var(--buttons-margin) * 4);
  --clock-height: 10px;
}

html,
body {
  height: 100%;
  font-family: Jaldi, sans-serif;
  width: 100%;
  padding: 0;
  margin: 0;
  background: #000;
  overflow: hidden;
}

/* UI LAYER overlay and scaling */
#ui-layer {
  position: fixed;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background 0.4s ease-in-out;
  overflow: hidden;
}
#ui-layer.is-overlay {
  background: rgba(0, 0, 0, 0.60);
  pointer-events: auto;
}
#ui-layer.is-black-overlay {
  background: black;
  transition: none;
  pointer-events: auto;
}
#ui-layer.is-darkPurple-overlay {
  background: #0F0032;
  transition: none;
  pointer-events: auto;
}

/* The UI layer overlays the game and blocks interactions.
During certain games states, disable UI layer pointer events
so clicks can pass through to the underlying game. */
#ui-layer,
#ui-scaler {
  pointer-events: none;
}
/*
 * Ensures the MainMenu does not let the Win display overlap it during
 * Free Spins, Autoplay, and Promo campaigns.
 *
 * The MainMenu wrapper is transparent to pointer events, so clicks can pass
 * through to Control Panel buttons outside the visible popup. Pointer handling
 * for the visible MainMenu content is delegated to `.main_menu_section` below.
 */
#main_menu_wrapper,
#main_menu_wrapper.fade-out,
#main_menu_wrapper.fade-out * {
  pointer-events: none;
}
#ui_wrapper,
#buy_bonus_wrapper,
#turbo_autoplay_wrapper,
#main_menu_wrapper:not(.fade-out) .main_menu_section,
#bet_settings_wrapper,
#intro_screens_wrapper,
#external_cheats,
#external_sound_popup,
#game_round_history,
#external_popups,
#external_notification,
#external_fullscreen,
#external_replay_end {
  pointer-events: auto;
}

#ui-scaler {
  position: absolute;
  width: 720px;
  height: 1280px;
}

/* RECTANGLE or LANDSCAPE layout (aspect ratio: width > height) */
@media screen and (min-aspect-ratio: 1/1) and (max-width: 2276px) {
  #ui-scaler {
    position: absolute;
    width: 1280px;
    height: 720px;
  }
}

/* DESKTOP VIEW */
@media (hover: hover) and (pointer: fine) {
  #ui-scaler {
    position: absolute;
    width: 2276px;
    height: 1280px;
  }
}
/* END UI LAYER overlay and scaling */

#small_loader {
  position: relative;
  left: calc(50% - 16px);
  top: calc(50% - 16px);
}
#small_loader img {
  -webkit-animation: load 2s linear infinite;
  animation: load 2s linear infinite;
}
@-webkit-keyframes load {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes load {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

#scroll {
  width: 100%;
  height: 2000px;
  position: absolute;
  display: none;
}

/* start loader */
/* DEFAULT LOADER STYLES */
#external_loader {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

#loading {
  width: 100%;
  height: 100%;
}

.main {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.progress {
  display: grid;
  grid-template-columns: [column0] auto;
  grid-template-rows: [row0] auto;
}
.hero_children{
  grid-row: row0;
  grid-column: column0
}

.bar {
  border-radius: 20px;
  width: 0%;
  height: 5%;
  transition: width;
  position: absolute;
  bottom: 0;
}

.loader {
  background-color: #ff00ff;
  overflow: hidden;
}

.loadingContainer {
  position: relative;
  height: fit-content;
}

.bar-fill-image {
  width: 313px; /* Set the same width with for all elements */
  height: auto;
  display: block;
}

.bar-fill-wrapper {
  position: relative;
  width: 0%;
  height: 100%;
  overflow: hidden; /* This hides the 'extra' part of the filled image */
}

.bar-bg {
  position: fixed;
  display: block;
  width: 313px; /* Set the same width with for all elements */
  height: auto;
}

.progress-container {
  position: relative;
  width: 313px; /* Set the same width with for all elements */
  margin-top: 284px;
  height: 50px;
}

.logo-image {
  width: 313px; /* Set the same width with for all elements */
  height: 337px;
}

.eye {
  position: absolute;
}
.eye-right {
  top: 120px;
  left: 199px;
  /* The rotation animation */
  animation: rotate-righteye 2s linear infinite;
}
.eye-left {
  top: 122px;
  left: 103px;
  /* The rotation animation */
  animation: rotate-lefteye 2s linear infinite;
}

@keyframes rotate-lefteye {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
@keyframes rotate-righteye {
  from { transform: rotate(0deg); }
  to { transform: rotate(-360deg); }
}

.text-image {
  width: 313px; /* Set the same width with for all elements */
  display: block;
  margin-top: 33px;
}

.percentage {
  color: #ff00ff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: 'Courier New', monospace;
  text-align: center;
}

/* CIRCLE LOADER STYLES */
.loadingCircleContainer {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.circle-loader {
  --loader-progress: 0%;
  position: relative;
  width: 194px;
  height: 192px;
}

.circle-loader-track {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0.22;
  z-index: 1;
}

.circle-loader-fill {
  position: absolute;
  inset: 0;
  z-index: 2;
  background: conic-gradient(
    from -360deg,
    #bbd043 0 var(--loader-progress),
    transparent var(--loader-progress) 100%
  );
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.percentage--circle {
  color: #bbd043;
  position: absolute;
  z-index: 3;
  font-size: 24px;
  line-height: 1;
}

.circle-loader-text {
  position: absolute;
  bottom: 230px;
  width: 295px;
  height: auto;
}
/* end loader */

#external_fullscreen,
#external_intro,
#external_popups,
#external_menu,
#external_menu_regulation,
#external_bets,
#external_autoplay,
#external_cheats,
#external_sound_popup,
#external_replay_end {
  width: 100vw;
  height: inherit;
}

#external_intro { background-color: black }

.external_button { background-repeat: no-repeat }
.external_button.adjust_button {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBmaWxsPSJ3aGl0ZSI+PHBhdGggZD0iTTUxMiA4MEM1MTIgOTguMDEgNDk3LjcgMTE0LjYgNDczLjYgMTI4QzQ0NC41IDE0NC4xIDQwMS4yIDE1NS41IDM1MS4zIDE1OC45QzM0Ny43IDE1Ny4yIDM0My45IDE1NS41IDM0MC4xIDE1My45QzMwMC42IDEzNy40IDI0OC4yIDEyOCAxOTIgMTI4QzE4My43IDEyOCAxNzUuNiAxMjguMiAxNjcuNSAxMjguNkwxNjYuNCAxMjhDMTQyLjMgMTE0LjYgMTI4IDk4LjAxIDEyOCA4MEMxMjggMzUuODIgMjEzLjEgMCAzMjAgMEM0MjYgMCA1MTIgMzUuODIgNTEyIDgwVjgwek0xNjAuNyAxNjEuMUMxNzAuOSAxNjAuNCAxODEuMyAxNjAgMTkyIDE2MEMyNTQuMiAxNjAgMzA5LjQgMTcyLjMgMzQ0LjUgMTkxLjRDMzY5LjMgMjA0LjkgMzg0IDIyMS43IDM4NCAyNDBDMzg0IDI0My4xIDM4My4zIDI0Ny45IDM4MS45IDI1MS43QzM3Ny4zIDI2NC45IDM2NC4xIDI3NyAzNDYuOSAyODcuM0MzNDYuOSAyODcuMyAzNDYuOSAyODcuMyAzNDYuOSAyODcuM0MzNDYuOCAyODcuMyAzNDYuNiAyODcuNCAzNDYuNSAyODcuNUwzNDYuNSAyODcuNUMzNDYuMiAyODcuNyAzNDUuOSAyODcuOCAzNDUuNiAyODhDMzEwLjYgMzA3LjQgMjU0LjggMzIwIDE5MiAzMjBDMTMyLjQgMzIwIDc5LjA2IDMwOC43IDQzLjg0IDI5MC45QzQxLjk3IDI4OS45IDQwLjE1IDI4OC4xIDM4LjM5IDI4OEMxNC4yOCAyNzQuNiAwIDI1OCAwIDI0MEMwIDIwNS4yIDUzLjQzIDE3NS41IDEyOCAxNjQuNkMxMzguNSAxNjMgMTQ5LjQgMTYxLjggMTYwLjcgMTYxLjFMMTYwLjcgMTYxLjF6TTM5MS45IDE4Ni42QzQyMC4yIDE4Mi4yIDQ0Ni4xIDE3NS4yIDQ2OC4xIDE2Ni4xQzQ4NC40IDE1OS4zIDQ5OS41IDE1MC45IDUxMiAxNDAuNlYxNzZDNTEyIDE5NS4zIDQ5NS41IDIxMy4xIDQ2OC4yIDIyNi45QzQ1My41IDIzNC4zIDQzNS44IDI0MC41IDQxNS44IDI0NS4zQzQxNS45IDI0My42IDQxNiAyNDEuOCA0MTYgMjQwQzQxNiAyMTguMSA0MDUuNCAyMDAuMSAzOTEuOSAxODYuNlYxODYuNnpNMzg0IDMzNkMzODQgMzU0IDM2OS43IDM3MC42IDM0NS42IDM4NEMzNDMuOCAzODQuMSAzNDIgMzg1LjkgMzQwLjIgMzg2LjlDMzA0LjkgNDA0LjcgMjUxLjYgNDE2IDE5MiA0MTZDMTI5LjIgNDE2IDczLjQyIDQwMy40IDM4LjM5IDM4NEMxNC4yOCAzNzAuNiAuMDAwMyAzNTQgLjAwMDMgMzM2VjMwMC42QzEyLjQ1IDMxMC45IDI3LjYyIDMxOS4zIDQzLjkzIDMyNi4xQzgzLjQ0IDM0Mi42IDEzNS44IDM1MiAxOTIgMzUyQzI0OC4yIDM1MiAzMDAuNiAzNDIuNiAzNDAuMSAzMjYuMUMzNDcuOSAzMjIuOSAzNTUuNCAzMTkuMiAzNjIuNSAzMTUuMkMzNjguNiAzMTEuOCAzNzQuMyAzMDggMzc5LjcgMzA0QzM4MS4yIDMwMi45IDM4Mi42IDMwMS43IDM4NCAzMDAuNkwzODQgMzM2ek00MTYgMjc4LjFDNDM0LjEgMjczLjEgNDUyLjUgMjY4LjYgNDY4LjEgMjYyLjFDNDg0LjQgMjU1LjMgNDk5LjUgMjQ2LjkgNTEyIDIzNi42VjI3MkM1MTIgMjgyLjUgNTA3IDI5MyA0OTcuMSAzMDIuOUM0ODAuOCAzMTkuMiA0NTIuMSAzMzIuNiA0MTUuOCAzNDEuM0M0MTUuOSAzMzkuNiA0MTYgMzM3LjggNDE2IDMzNlYyNzguMXpNMTkyIDQ0OEMyNDguMiA0NDggMzAwLjYgNDM4LjYgMzQwLjEgNDIyLjFDMzU2LjQgNDE1LjMgMzcxLjUgNDA2LjkgMzg0IDM5Ni42VjQzMkMzODQgNDc2LjIgMjk4IDUxMiAxOTIgNTEyQzg1Ljk2IDUxMiAuMDAwMyA0NzYuMiAuMDAwMyA0MzJWMzk2LjZDMTIuNDUgNDA2LjkgMjcuNjIgNDE1LjMgNDMuOTMgNDIyLjFDODMuNDQgNDM4LjYgMTM1LjggNDQ4IDE5MiA0NDh6Ii8+PC9zdmc+);
}
.external_button.deposit_button, .deposit_button {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNTEyIiBmaWxsPSJ3aGl0ZSI+PHBhdGggZD0iTTUzNSA3LjAzQzU0NC40LTIuMzQzIDU1OS42LTIuMzQzIDU2OC4xIDcuMDI5TDYzMi4xIDcxLjAyQzYzNy41IDc1LjUyIDY0MCA4MS42MyA2NDAgODcuOTlDNjQwIDk0LjM2IDYzNy41IDEwMC41IDYzMi4xIDEwNC4xTDU2OC4xIDE2OC4xQzU1OS42IDE3OC4zIDU0NC40IDE3OC4zIDUzNSAxNjguMUM1MjUuNyAxNTkuNiA1MjUuNyAxNDQuNCA1MzUgMTM1TDU1OC4xIDExMS4xTDM4NCAxMTEuMUMzNzAuNyAxMTEuMSAzNjAgMTAxLjIgMzYwIDg3Ljk5QzM2MCA3NC43NCAzNzAuNyA2My45OSAzODQgNjMuOTlMNTU4LjEgNjMuMUw1MzUgNDAuOTdDNTI1LjcgMzEuNiA1MjUuNyAxNi40IDUzNSA3LjAzVjcuMDN6TTEwNC4xIDM3Ni4xTDgxLjk0IDQwMEwyNTUuMSAzOTkuMUMyNjkuMyAzOTkuMSAyNzkuMSA0MTAuNyAyNzkuMSA0MjMuMUMyNzkuMSA0MzcuMiAyNjkuMyA0NDcuMSAyNTUuMSA0NDcuMUw4MS45NSA0NDhMMTA0LjEgNDcxQzExNC4zIDQ4MC40IDExNC4zIDQ5NS42IDEwNC4xIDUwNC4xQzk1LjYgNTE0LjMgODAuNCA1MTQuMyA3MS4wMyA1MDQuMUw3LjAyOSA0NDAuMUMyLjUyOCA0MzYuNS0uMDAwMyA0MzAuNCAwIDQyMy4xQzAgNDE3LjYgMi41MjkgNDExLjUgNy4wMyA0MDdMNzEuMDMgMzQzQzgwLjQgMzMzLjcgOTUuNiAzMzMuNyAxMDQuMSAzNDNDMTE0LjMgMzUyLjQgMTE0LjMgMzY3LjYgMTA0LjEgMzc2LjFIMTA0LjF6TTk1LjEgNjRIMzM3LjlDMzM0LjEgNzEuMTggMzMyIDc5LjM0IDMzMiA4Ny4xQzMzMiAxMTYuNyAzNTUuMyAxMzkuMSAzODQgMTM5LjFMNDgxLjEgMTM5LjFDNDg0LjQgMTU3LjUgNDk0LjkgMTcyLjUgNTA5LjQgMTgxLjlDNTExLjEgMTg0LjMgNTEzLjEgMTg2LjYgNTE1LjIgMTg4LjhDNTM1LjUgMjA5LjEgNTY4LjUgMjA5LjEgNTg4LjggMTg4LjhMNjA4IDE2OS41VjM4NEM2MDggNDE5LjMgNTc5LjMgNDQ4IDU0NCA0NDhIMzAyLjFDMzA1LjkgNDQwLjggMzA3LjEgNDMyLjcgMzA3LjEgNDIzLjFDMzA3LjEgMzk1LjMgMjg0LjcgMzcxLjEgMjU1LjEgMzcxLjFMMTU4LjkgMzcyQzE1NS41IDM1NC41IDE0NS4xIDMzOS41IDEzMC42IDMzMC4xQzEyOC45IDMyNy43IDEyNi45IDMyNS40IDEyNC44IDMyMy4yQzEwNC41IDMwMi45IDcxLjU0IDMwMi45IDUxLjIzIDMyMy4yTDMxLjEgMzQyLjVWMTI4QzMxLjEgOTIuNjUgNjAuNjUgNjQgOTUuMSA2NFY2NHpNOTUuMSAxOTJDMTMxLjMgMTkyIDE1OS4xIDE2My4zIDE1OS4xIDEyOEg5NS4xVjE5MnpNNTQ0IDM4NFYzMjBDNTA4LjcgMzIwIDQ4MCAzNDguNyA0ODAgMzg0SDU0NHpNMzE5LjEgMzUyQzM3MyAzNTIgNDE2IDMwOSA0MTYgMjU2QzQxNiAyMDIuMSAzNzMgMTYwIDMxOS4xIDE2MEMyNjYuMSAxNjAgMjIzLjEgMjAyLjEgMjIzLjEgMjU2QzIyMy4xIDMwOSAyNjYuMSAzNTIgMzE5LjEgMzUyeiIvPjwvc3ZnPg==);
}
.external_button.home_button, .home_button {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NzYgNTEyIiBmaWxsPSJ3aGl0ZSI+PHBhdGggZD0iTTU3NS44IDI1NS41QzU3NS44IDI3My41IDU2MC44IDI4Ny42IDU0My44IDI4Ny42SDUxMS44TDUxMi41IDQ0Ny43QzUxMi41IDQ1MC41IDUxMi4zIDQ1My4xIDUxMiA0NTUuOFY0NzJDNTEyIDQ5NC4xIDQ5NC4xIDUxMiA0NzIgNTEySDQ1NkM0NTQuOSA1MTIgNDUzLjggNTExLjEgNDUyLjcgNTExLjlDNDUxLjMgNTExLjEgNDQ5LjkgNTEyIDQ0OC41IDUxMkgzOTJDMzY5LjkgNTEyIDM1MiA0OTQuMSAzNTIgNDcyVjM4NEMzNTIgMzY2LjMgMzM3LjcgMzUyIDMyMCAzNTJIMjU2QzIzOC4zIDM1MiAyMjQgMzY2LjMgMjI0IDM4NFY0NzJDMjI0IDQ5NC4xIDIwNi4xIDUxMiAxODQgNTEySDEyOC4xQzEyNi42IDUxMiAxMjUuMSA1MTEuOSAxMjMuNiA1MTEuOEMxMjIuNCA1MTEuOSAxMjEuMiA1MTIgMTIwIDUxMkgxMDRDODEuOTEgNTEyIDY0IDQ5NC4xIDY0IDQ3MlYzNjBDNjQgMzU5LjEgNjQuMDMgMzU4LjEgNjQuMDkgMzU3LjJWMjg3LjZIMzIuMDVDMTQuMDIgMjg3LjYgMCAyNzMuNSAwIDI1NS41QzAgMjQ2LjUgMy4wMDQgMjM4LjUgMTAuMDEgMjMxLjVMMjY2LjQgOC4wMTZDMjczLjQgMS4wMDIgMjgxLjQgMCAyODguNCAwQzI5NS40IDAgMzAzLjQgMi4wMDQgMzA5LjUgNy4wMTRMNTY0LjggMjMxLjVDNTcyLjggMjM4LjUgNTc2LjkgMjQ2LjUgNTc1LjggMjU1LjVMNTc1LjggMjU1LjV6Ii8+PC9zdmc+);
}
.external_button.ok_button {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBmaWxsPSJ3aGl0ZSI+PHBhdGggZD0iTTAgMjU2QzAgMTE0LjYgMTE0LjYgMCAyNTYgMEMzOTcuNCAwIDUxMiAxMTQuNiA1MTIgMjU2QzUxMiAzOTcuNCAzOTcuNCA1MTIgMjU2IDUxMkMxMTQuNiA1MTIgMCAzOTcuNCAwIDI1NnpNMzcxLjggMjExLjhDMzgyLjcgMjAwLjkgMzgyLjcgMTgzLjEgMzcxLjggMTcyLjJDMzYwLjkgMTYxLjMgMzQzLjEgMTYxLjMgMzMyLjIgMTcyLjJMMjI0IDI4MC40TDE3OS44IDIzNi4yQzE2OC45IDIyNS4zIDE1MS4xIDIyNS4zIDE0MC4yIDIzNi4yQzEyOS4zIDI0Ny4xIDEyOS4zIDI2NC45IDE0MC4yIDI3NS44TDIwNC4yIDMzOS44QzIxNS4xIDM1MC43IDIzMi45IDM1MC43IDI0My44IDMzOS44TDM3MS44IDIxMS44eiIvPjwvc3ZnPg==);
}
.external_button.reload_button {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBmaWxsPSJ3aGl0ZSI+PHBhdGggZD0iTTQ0OS45IDM5Ljk2bC00OC41IDQ4LjUzQzM2Mi41IDUzLjE5IDMxMS40IDMyIDI1NiAzMkMxNjEuNSAzMiA3OC41OSA5Mi4zNCA0OS41OCAxODIuMmMtNS40MzggMTYuODEgMy43OTcgMzQuODggMjAuNjEgNDAuMjhjMTYuOTcgNS41IDM0Ljg2LTMuODEyIDQwLjMtMjAuNTlDMTMwLjkgMTM4LjUgMTg5LjQgOTYgMjU2IDk2YzM3Ljk2IDAgNzMgMTQuMTggMTAwLjIgMzcuOEwzMTEuMSAxNzhDMjk1LjEgMTk0LjggMzA2LjggMjIzLjQgMzMwLjQgMjI0aDE0Ni45QzQ4Ny43IDIyMy43IDQ5NiAyMTUuMyA0OTYgMjA0LjlWNTkuMDRDNDk2IDM0Ljk5IDQ2Ni45IDIyLjk1IDQ0OS45IDM5Ljk2ek00NDEuOCAyODkuNmMtMTYuOTQtNS40MzgtMzQuODggMy44MTItNDAuMyAyMC41OUMzODEuMSAzNzMuNSAzMjIuNiA0MTYgMjU2IDQxNmMtMzcuOTYgMC03My0xNC4xOC0xMDAuMi0zNy44TDIwMCAzMzRDMjE2LjkgMzE3LjIgMjA1LjIgMjg4LjYgMTgxLjYgMjg4SDM0LjY2QzI0LjMyIDI4OC4zIDE2IDI5Ni43IDE2IDMwNy4xdjE0NS45YzAgMjQuMDQgMjkuMDcgMzYuMDggNDYuMDcgMTkuMDdsNDguNS00OC41M0MxNDkuNSA0NTguOCAyMDAuNiA0ODAgMjU1LjEgNDgwYzk0LjQ1IDAgMTc3LjQtNjAuMzQgMjA2LjQtMTUwLjJDNDY3LjkgMzEzIDQ1OC42IDI5NC4xIDQ0MS44IDI4OS42eiIvPjwvc3ZnPg==);
}
#btn_close_history,
.external_button.close_button {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjUwcHgiIGhlaWdodD0iNTBweCIgdmlld0JveD0iMCAwIDgwIDgwIj48ZGVmcz48ZyBpZD0iTGF5ZXIwXzBfRklMTCI+PHBhdGggZmlsbD0iI2ZmZmZmZiIgc3Ryb2tlPSJub25lIiBkPSIgTSA0OS41IDQwIEwgNjQuNjUgMjQuODUgNTUuMTUgMTUuMzUgNDAgMzAuNSAyNC44NSAxNS4zNSAxNS4zNSAyNC44NSAzMC41IDQwIDE1LjM1IDU1LjE1IDI0Ljg1IDY0LjY1IDQwIDQ5LjUgNTUuMTUgNjQuNjUgNjQuNjUgNTUuMTUgNDkuNSA0MCBaIi8+PC9nPjwvZGVmcz48ZyBpZD0iTGF5ZXJfMSI+PGcgdHJhbnNmb3JtPSJtYXRyaXgoIDEsIDAsIDAsIDEsIDAsMCkgIj48dXNlIHhsaW5rOmhyZWY9IiNMYXllcjBfMF9GSUxMIi8+PC9nPjwvZz48L3N2Zz4=);
}
#menu_general_buttons_replay .external_button.close_button,
#round_replay_wrapper .external_button.close
{
  background-size: 35px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjUwcHgiIGhlaWdodD0iNTBweCIgdmlld0JveD0iMCAwIDgwIDgwIj48ZGVmcz48ZyBpZD0iTGF5ZXIwXzBfRklMTCI+PHBhdGggZmlsbD0iI2ZmZmZmZiIgc3Ryb2tlPSJub25lIiBkPSIgTSA0OS41IDQwIEwgNjQuNjUgMjQuODUgNTUuMTUgMTUuMzUgNDAgMzAuNSAyNC44NSAxNS4zNSAxNS4zNSAyNC44NSAzMC41IDQwIDE1LjM1IDU1LjE1IDI0Ljg1IDY0LjY1IDQwIDQ5LjUgNTUuMTUgNjQuNjUgNjQuNjUgNTUuMTUgNDkuNSA0MCBaIi8+PC9nPjwvZGVmcz48ZyBpZD0iTGF5ZXJfMSI+PGcgdHJhbnNmb3JtPSJtYXRyaXgoIDEsIDAsIDAsIDEsIDAsMCkgIj48dXNlIHhsaW5rOmhyZWY9IiNMYXllcjBfMF9GSUxMIi8+PC9nPjwvZz48L3N2Zz4=);
}
.external_button.collection {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjgwcHgiIGhlaWdodD0iODBweCIgdmlld0JveD0iMCAwIDEwMCAxMDAiPjxkZWZzPjxnIGlkPSJMYXllcjBfMF9GSUxMIj48cGF0aCBmaWxsPSIjRkZGRkZGIiBzdHJva2U9Im5vbmUiIGQ9Ik0gNzYuMyA0NC4yIEwgNTcgNDMuNzUgNTAuMSAyNS4xIDQzLjE1IDQzLjc1IDIzLjg1IDQ0LjIgMzguODUgNTYuOTUgMzMuODUgNzUgNTAuMSA2NS4xIDY2LjI1IDc1IDYxLjMgNTYuOTUgNzYuMyA0NC4yIFoiLz48L2c+PC9kZWZzPjxnIGlkPSJMYXllcl8xIj48ZyB0cmFuc2Zvcm09Im1hdHJpeCggMSwgMCwgMCwgMSwgMCwwKSAiPjx1c2UgeGxpbms6aHJlZj0iI0xheWVyMF8wX0ZJTEwiLz48L2c+PC9nPjwvc3ZnPg==);
}
.external_button.collection.disabled {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjgwcHgiIGhlaWdodD0iODBweCIgdmlld0JveD0iMCAwIDEwMCAxMDAiPjxkZWZzPjxnIGlkPSJMYXllcjBfMF9GSUxMIj48cGF0aCBmaWxsPSIjNjY2NjY2IiBzdHJva2U9Im5vbmUiIGQ9Ik0gNzYuMyA0NC4yIEwgNTcgNDMuNzUgNTAuMSAyNS4xIDQzLjE1IDQzLjc1IDIzLjg1IDQ0LjIgMzguODUgNTYuOTUgMzMuODUgNzUgNTAuMSA2NS4xIDY2LjI1IDc1IDYxLjMgNTYuOTUgNzYuMyA0NC4yIFoiLz48L2c+PC9kZWZzPjxnIGlkPSJMYXllcl8xIj48ZyB0cmFuc2Zvcm09Im1hdHJpeCggMSwgMCwgMCwgMSwgMCwwKSAiPjx1c2UgeGxpbms6aHJlZj0iI0xheWVyMF8wX0ZJTEwiLz48L2c+PC9nPjwvc3ZnPg==);
}
.external_button.paytable {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjgwcHgiIGhlaWdodD0iODBweCIgdmlld0JveD0iMCAwIDEwMCAxMDAiPjxkZWZzPjxnIGlkPSJMYXllcjBfMF9GSUxMIj48cGF0aCBmaWxsPSIjZmZmZmZmIiBzdHJva2U9Im5vbmUiIGQ9Ik0gMzMgNTAuNSBRIDMzLjA4ODA4NTkzNzUgNTQuMDk0OTIxODc1IDM4IDU2LjYgNDMgNTkuMjUgNTAgNTkuMjUgNTcuMDUgNTkuMjUgNjIgNTYuNiA2Ni45MTIxMDkzNzUgNTQuMDk0OTIxODc1IDY3IDUwLjUgTCA2NyA0NS40NSBRIDY2Ljg5MDQyOTY4NzUgNDkuMDA1ODU5Mzc1IDYyIDUxLjUgNTcuMDUgNTQuMTUgNTAgNTQuMTUgNDMgNTQuMTUgMzggNTEuNSAzMy4xMDk1NzAzMTI1IDQ5LjAwNTg1OTM3NSAzMyA0NS40NSBMIDMzIDUwLjUgTSAzOCA2MC43IFEgMzMuMTA3NDIxODc1IDU4LjIwNDY4NzUgMzMgNTQuNjUgTCAzMyA1OS42IFEgMzMuMDc4MTI1IDYzLjE4OTg0Mzc1IDM4IDY1LjcgNDMgNjguMzUgNTAgNjguMzUgNTcuMDUgNjguMzUgNjIgNjUuNyA2Ni45MjE4NzUgNjMuMTg5ODQzNzUgNjcgNTkuNiBMIDY3IDU0LjY1IFEgNjYuODkyNTc4MTI1IDU4LjIwNDY4NzUgNjIgNjAuNyA1Ny4wNSA2My4zNSA1MCA2My4zNSA0MyA2My4zNSAzOCA2MC43IE0gNjcgNDAuMzUgUSA2Ni45MjE4NzUgMzYuNzU5Mzc1IDYyIDM0LjIgNTcuMDUgMzEuNjUgNTAgMzEuNjUgNDMgMzEuNjUgMzggMzQuMiAzMy4wNzgxMjUgMzYuNzU5Mzc1IDMzIDQwLjM1IEwgMzMgNDAuNiBRIDMzLjA3ODEyNSA0NC4xODk4NDM3NSAzOCA0Ni43IDQzIDQ5LjM1IDUwIDQ5LjM1IDU3LjA1IDQ5LjM1IDYyIDQ2LjcgNjYuOTIxODc1IDQ0LjE4OTg0Mzc1IDY3IDQwLjYgTCA2NyA0MC4zNSBaIi8+PC9nPjwvZGVmcz48ZyBpZD0iTGF5ZXJfMSI+PGcgdHJhbnNmb3JtPSJtYXRyaXgoIDEsIDAsIDAsIDEsIDAsMCkgIj48dXNlIHhsaW5rOmhyZWY9IiNMYXllcjBfMF9GSUxMIi8+PC9nPjwvZz48L3N2Zz4=);
}
.external_button.paytable.disabled {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjgwcHgiIGhlaWdodD0iODBweCIgdmlld0JveD0iMCAwIDEwMCAxMDAiPjxkZWZzPjxnIGlkPSJMYXllcjBfMF9GSUxMIj48cGF0aCBmaWxsPSIjNjY2NjY2IiBzdHJva2U9Im5vbmUiIGQ9Ik0gMzMgNTAuNSBRIDMzLjA4ODA4NTkzNzUgNTQuMDk0OTIxODc1IDM4IDU2LjYgNDMgNTkuMjUgNTAgNTkuMjUgNTcuMDUgNTkuMjUgNjIgNTYuNiA2Ni45MTIxMDkzNzUgNTQuMDk0OTIxODc1IDY3IDUwLjUgTCA2NyA0NS40NSBRIDY2Ljg5MDQyOTY4NzUgNDkuMDA1ODU5Mzc1IDYyIDUxLjUgNTcuMDUgNTQuMTUgNTAgNTQuMTUgNDMgNTQuMTUgMzggNTEuNSAzMy4xMDk1NzAzMTI1IDQ5LjAwNTg1OTM3NSAzMyA0NS40NSBMIDMzIDUwLjUgTSAzOCA2MC43IFEgMzMuMTA3NDIxODc1IDU4LjIwNDY4NzUgMzMgNTQuNjUgTCAzMyA1OS42IFEgMzMuMDc4MTI1IDYzLjE4OTg0Mzc1IDM4IDY1LjcgNDMgNjguMzUgNTAgNjguMzUgNTcuMDUgNjguMzUgNjIgNjUuNyA2Ni45MjE4NzUgNjMuMTg5ODQzNzUgNjcgNTkuNiBMIDY3IDU0LjY1IFEgNjYuODkyNTc4MTI1IDU4LjIwNDY4NzUgNjIgNjAuNyA1Ny4wNSA2My4zNSA1MCA2My4zNSA0MyA2My4zNSAzOCA2MC43IE0gNjcgNDAuMzUgUSA2Ni45MjE4NzUgMzYuNzU5Mzc1IDYyIDM0LjIgNTcuMDUgMzEuNjUgNTAgMzEuNjUgNDMgMzEuNjUgMzggMzQuMiAzMy4wNzgxMjUgMzYuNzU5Mzc1IDMzIDQwLjM1IEwgMzMgNDAuNiBRIDMzLjA3ODEyNSA0NC4xODk4NDM3NSAzOCA0Ni43IDQzIDQ5LjM1IDUwIDQ5LjM1IDU3LjA1IDQ5LjM1IDYyIDQ2LjcgNjYuOTIxODc1IDQ0LjE4OTg0Mzc1IDY3IDQwLjYgTCA2NyA0MC4zNSBaIi8+PC9nPjwvZGVmcz48ZyBpZD0iTGF5ZXJfMSI+PGcgdHJhbnNmb3JtPSJtYXRyaXgoIDEsIDAsIDAsIDEsIDAsMCkgIj48dXNlIHhsaW5rOmhyZWY9IiNMYXllcjBfMF9GSUxMIi8+PC9nPjwvZz48L3N2Zz4=);
}
.external_button.rules {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjgwcHgiIGhlaWdodD0iODBweCIgdmlld0JveD0iMCAwIDEwMCAxMDAiPjxkZWZzPjxnIGlkPSJMYXllcjBfMF9GSUxMIj48cGF0aCBmaWxsPSIjZmZmZmZmIiBzdHJva2U9Im5vbmUiIGQ9Ik0gNTIuOCAzNi44NSBRIDU0IDM1LjY1IDU0IDM0IDU0IDMyLjQgNTIuOCAzMS4yIDUxLjY1IDMwIDUwIDMwIDQ4LjM1IDMwIDQ3LjIgMzEuMiA0NiAzMi40IDQ2IDM0IDQ2IDM1LjY1IDQ3LjIgMzYuODUgNDguMzUgMzggNTAgMzggNTEuNjUgMzggNTIuOCAzNi44NSBaIi8+PC9nPjxnIGlkPSJMYXllcjBfMV9GSUxMIj48cGF0aCBmaWxsPSIjZmZmZmZmIiBzdHJva2U9Im5vbmUiIGQ9Ik0gNTIuOSA0My4yNSBRIDUxLjcgNDIuMDUgNTAgNDIuMDUgNDguMyA0Mi4wNSA0Ny4xIDQzLjI1IDQ1LjkgNDQuNDUgNDUuOSA0Ni4xNSBMIDQ1LjkgNjYuMiBRIDQ1LjkgNjcuOSA0Ny4xIDY5LjEgNDguMyA3MC4zIDUwIDcwLjMgNTEuNyA3MC4zIDUyLjkgNjkuMSA1NC4xIDY3LjkgNTQuMSA2Ni4yIEwgNTQuMSA0Ni4xNSBRIDU0LjEgNDQuNDUgNTIuOSA0My4yNSBaIi8+PC9nPjwvZGVmcz48ZyBpZD0iTGF5ZXJfMSI+PGcgdHJhbnNmb3JtPSJtYXRyaXgoIDEsIDAsIDAsIDEsIDAsMCkgIj48dXNlIHhsaW5rOmhyZWY9IiNMYXllcjBfMF9GSUxMIi8+PC9nPjxnIHRyYW5zZm9ybT0ibWF0cml4KCAxLCAwLCAwLCAxLCAwLDApICI+PHVzZSB4bGluazpocmVmPSIjTGF5ZXIwXzFfRklMTCIvPjwvZz48L2c+PC9zdmc+);
}
.external_button.rules.disabled {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjgwcHgiIGhlaWdodD0iODBweCIgdmlld0JveD0iMCAwIDEwMCAxMDAiPjxkZWZzPjxnIGlkPSJMYXllcjBfMF9GSUxMIj48cGF0aCBmaWxsPSIjNjY2NjY2IiBzdHJva2U9Im5vbmUiIGQ9Ik0gNTIuOCAzNi44NSBRIDU0IDM1LjY1IDU0IDM0IDU0IDMyLjQgNTIuOCAzMS4yIDUxLjY1IDMwIDUwIDMwIDQ4LjM1IDMwIDQ3LjIgMzEuMiA0NiAzMi40IDQ2IDM0IDQ2IDM1LjY1IDQ3LjIgMzYuODUgNDguMzUgMzggNTAgMzggNTEuNjUgMzggNTIuOCAzNi44NSBaIi8+PC9nPjxnIGlkPSJMYXllcjBfMV9GSUxMIj48cGF0aCBmaWxsPSIjNjY2NjY2IiBzdHJva2U9Im5vbmUiIGQ9Ik0gNTIuOSA0My4yNSBRIDUxLjcgNDIuMDUgNTAgNDIuMDUgNDguMyA0Mi4wNSA0Ny4xIDQzLjI1IDQ1LjkgNDQuNDUgNDUuOSA0Ni4xNSBMIDQ1LjkgNjYuMiBRIDQ1LjkgNjcuOSA0Ny4xIDY5LjEgNDguMyA3MC4zIDUwIDcwLjMgNTEuNyA3MC4zIDUyLjkgNjkuMSA1NC4xIDY3LjkgNTQuMSA2Ni4yIEwgNTQuMSA0Ni4xNSBRIDU0LjEgNDQuNDUgNTIuOSA0My4yNSBaIi8+PC9nPjwvZGVmcz48ZyBpZD0iTGF5ZXJfMSI+PGcgdHJhbnNmb3JtPSJtYXRyaXgoIDEsIDAsIDAsIDEsIDAsMCkgIj48dXNlIHhsaW5rOmhyZWY9IiNMYXllcjBfMF9GSUxMIi8+PC9nPjxnIHRyYW5zZm9ybT0ibWF0cml4KCAxLCAwLCAwLCAxLCAwLDApICI+PHVzZSB4bGluazpocmVmPSIjTGF5ZXIwXzFfRklMTCIvPjwvZz48L2c+PC9zdmc+);
}
.external_button.settings {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjgwcHgiIGhlaWdodD0iODBweCIgdmlld0JveD0iMCAwIDEwMCAxMDAiPjxkZWZzPjxnIGlkPSJMYXllcjBfMF9GSUxMIj48cGF0aCBmaWxsPSIjZmZmZmZmIiBzdHJva2U9Im5vbmUiIGQ9Ik0gNTQuOTUgMzAgUSA1Mi45IDM0LjE1IDUwLjA1IDM0LjE1IDQ3LjIgMzQuMTUgNDUuMiAzMCA0NC45Nzk0OTIxODc1IDI5LjU1MzcxMDkzNzUgNDQuNzUgMjkuMSA0MS42NzUzOTA2MjUgMjkuODIyMjY1NjI1IDM4Ljk1IDMxLjQ1IDM5LjE0MDYyNSAzMS45MzgwODU5Mzc1IDM5LjMgMzIuNCA0MC44IDM2LjggMzguOCAzOC44IDM2LjggNDAuOCAzMi40NSAzOS4zIDMxLjk3OTY4NzUgMzkuMTQzMTY0MDYyNSAzMS41IDM4Ljk1IDI5Ljg4NDc2NTYyNSA0MS42NTY4MzU5Mzc1IDI5LjE1IDQ0LjcgMjkuNTg0NzY1NjI1IDQ0Ljg5OTgwNDY4NzUgMzAgNDUuMSAzNC4xNSA0Ny4xNSAzNC4xNSA1MCAzNC4xNSA1Mi44NSAzMCA1NC44NSAyOS41ODEyNSA1NS4wNTY4MzU5Mzc1IDI5LjE1IDU1LjI1IDI5Ljg4MDY2NDA2MjUgNTguMzI2NTYyNSAzMS41IDYxIDMxLjk2MjUgNjAuODQ5MjE4NzUgMzIuNCA2MC43IDM2LjggNTkuMiAzOC44IDYxLjIgNDAuOCA2My4yIDM5LjMgNjcuNiAzOS4xNDg0Mzc1IDY4LjA0NDUzMTI1IDM4Ljk1IDY4LjQ1IDQxLjY4NDc2NTYyNSA3MC4xNTAxOTUzMTI1IDQ0Ljc1IDcwLjkgNDQuOTc0NDE0MDYyNSA3MC40MTI1IDQ1LjIgNjkuOTUgNDcuMiA2NS44IDUwLjA1IDY1LjggNTIuOSA2NS44IDU0Ljg1IDY5Ljk1IDU1LjA3NzkyOTY4NzUgNzAuNDA1ODU5Mzc1IDU1LjI1IDcwLjg1IDU4LjM1NzIyNjU2MjUgNzAuMTI4OTA2MjUgNjEuMDUgNjguNDUgNjAuODU4OTg0Mzc1IDY4LjAwNTg1OTM3NSA2MC43IDY3LjU1IDU5LjIgNjMuMiA2MS4yIDYxLjIgNjMuMiA1OS4yIDY3LjU1IDYwLjcgNjguMDEwNzQyMTg3NSA2MC44NTM1MTU2MjUgNjguNDUgNjEgNzAuMTQyNzczNDM3NSA1OC4zNDc0NjA5Mzc1IDcwLjkgNTUuMjUgNzAuNDYwMzUxNTYyNSA1NS4wOTUxMTcxODc1IDcwLjA1IDU0LjkgNjUuOSA1Mi44NSA2NS45IDUwIDY1LjkgNDcuMTUgNzAuMDUgNDUuMTUgNzAuNDY0NjQ4NDM3NSA0NC45NDc2NTYyNSA3MC45IDQ0Ljc1IDcwLjE1IDQxLjY3MDMxMjUgNjguNDUgMzguOTUgNjguMDE2NjAxNTYyNSAzOS4xMzM3ODkwNjI1IDY3LjU1IDM5LjMgNjMuMiA0MC43NSA2MS4yIDM4Ljc1IDU5LjIgMzYuNzUgNjAuNyAzMi40NSA2MC44NjI4OTA2MjUgMzEuOTcyMjY1NjI1IDYxLjA1IDMxLjUgNTguMzkxMjEwOTM3NSAyOS44NjU0Mjk2ODc1IDU1LjM1IDI5LjEgNTUuMTU3NjE3MTg3NSAyOS41NjkzMzU5Mzc1IDU0Ljk1IDMwIE0gNDMuMSA0My4xIFEgNDYgNDAuMjUgNTAgNDAuMjUgNTQuMDUgNDAuMjUgNTYuOSA0My4xIDU5Ljc1IDQ2IDU5Ljc1IDUwIDU5Ljc1IDU0LjA1IDU2LjkgNTYuOSA1NC4wNSA1OS43NSA1MCA1OS43NSA0NiA1OS43NSA0My4xIDU2LjkgNDAuMyA1NC4wNSA0MC4zIDUwIDQwLjMgNDYgNDMuMSA0My4xIFoiLz48L2c+PC9kZWZzPjxnIGlkPSJMYXllcl8xIj48ZyB0cmFuc2Zvcm09Im1hdHJpeCggMSwgMCwgMCwgMSwgMCwwKSAiPjx1c2UgeGxpbms6aHJlZj0iI0xheWVyMF8wX0ZJTEwiLz48L2c+PC9nPjwvc3ZnPg==);
}
.external_button.settings.disabled {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjgwcHgiIGhlaWdodD0iODBweCIgdmlld0JveD0iMCAwIDEwMCAxMDAiPjxkZWZzPjxnIGlkPSJMYXllcjBfMF9GSUxMIj48cGF0aCBmaWxsPSIjNjY2NjY2IiBzdHJva2U9Im5vbmUiIGQ9Ik0gNTQuOTUgMzAgUSA1Mi45IDM0LjE1IDUwLjA1IDM0LjE1IDQ3LjIgMzQuMTUgNDUuMiAzMCA0NC45Nzk0OTIxODc1IDI5LjU1MzcxMDkzNzUgNDQuNzUgMjkuMSA0MS42NzUzOTA2MjUgMjkuODIyMjY1NjI1IDM4Ljk1IDMxLjQ1IDM5LjE0MDYyNSAzMS45MzgwODU5Mzc1IDM5LjMgMzIuNCA0MC44IDM2LjggMzguOCAzOC44IDM2LjggNDAuOCAzMi40NSAzOS4zIDMxLjk3OTY4NzUgMzkuMTQzMTY0MDYyNSAzMS41IDM4Ljk1IDI5Ljg4NDc2NTYyNSA0MS42NTY4MzU5Mzc1IDI5LjE1IDQ0LjcgMjkuNTg0NzY1NjI1IDQ0Ljg5OTgwNDY4NzUgMzAgNDUuMSAzNC4xNSA0Ny4xNSAzNC4xNSA1MCAzNC4xNSA1Mi44NSAzMCA1NC44NSAyOS41ODEyNSA1NS4wNTY4MzU5Mzc1IDI5LjE1IDU1LjI1IDI5Ljg4MDY2NDA2MjUgNTguMzI2NTYyNSAzMS41IDYxIDMxLjk2MjUgNjAuODQ5MjE4NzUgMzIuNCA2MC43IDM2LjggNTkuMiAzOC44IDYxLjIgNDAuOCA2My4yIDM5LjMgNjcuNiAzOS4xNDg0Mzc1IDY4LjA0NDUzMTI1IDM4Ljk1IDY4LjQ1IDQxLjY4NDc2NTYyNSA3MC4xNTAxOTUzMTI1IDQ0Ljc1IDcwLjkgNDQuOTc0NDE0MDYyNSA3MC40MTI1IDQ1LjIgNjkuOTUgNDcuMiA2NS44IDUwLjA1IDY1LjggNTIuOSA2NS44IDU0Ljg1IDY5Ljk1IDU1LjA3NzkyOTY4NzUgNzAuNDA1ODU5Mzc1IDU1LjI1IDcwLjg1IDU4LjM1NzIyNjU2MjUgNzAuMTI4OTA2MjUgNjEuMDUgNjguNDUgNjAuODU4OTg0Mzc1IDY4LjAwNTg1OTM3NSA2MC43IDY3LjU1IDU5LjIgNjMuMiA2MS4yIDYxLjIgNjMuMiA1OS4yIDY3LjU1IDYwLjcgNjguMDEwNzQyMTg3NSA2MC44NTM1MTU2MjUgNjguNDUgNjEgNzAuMTQyNzczNDM3NSA1OC4zNDc0NjA5Mzc1IDcwLjkgNTUuMjUgNzAuNDYwMzUxNTYyNSA1NS4wOTUxMTcxODc1IDcwLjA1IDU0LjkgNjUuOSA1Mi44NSA2NS45IDUwIDY1LjkgNDcuMTUgNzAuMDUgNDUuMTUgNzAuNDY0NjQ4NDM3NSA0NC45NDc2NTYyNSA3MC45IDQ0Ljc1IDcwLjE1IDQxLjY3MDMxMjUgNjguNDUgMzguOTUgNjguMDE2NjAxNTYyNSAzOS4xMzM3ODkwNjI1IDY3LjU1IDM5LjMgNjMuMiA0MC43NSA2MS4yIDM4Ljc1IDU5LjIgMzYuNzUgNjAuNyAzMi40NSA2MC44NjI4OTA2MjUgMzEuOTcyMjY1NjI1IDYxLjA1IDMxLjUgNTguMzkxMjEwOTM3NSAyOS44NjU0Mjk2ODc1IDU1LjM1IDI5LjEgNTUuMTU3NjE3MTg3NSAyOS41NjkzMzU5Mzc1IDU0Ljk1IDMwIE0gNDMuMSA0My4xIFEgNDYgNDAuMjUgNTAgNDAuMjUgNTQuMDUgNDAuMjUgNTYuOSA0My4xIDU5Ljc1IDQ2IDU5Ljc1IDUwIDU5Ljc1IDU0LjA1IDU2LjkgNTYuOSA1NC4wNSA1OS43NSA1MCA1OS43NSA0NiA1OS43NSA0My4xIDU2LjkgNDAuMyA1NC4wNSA0MC4zIDUwIDQwLjMgNDYgNDMuMSA0My4xIFoiLz48L2c+PC9kZWZzPjxnIGlkPSJMYXllcl8xIj48ZyB0cmFuc2Zvcm09Im1hdHJpeCggMSwgMCwgMCwgMSwgMCwwKSAiPjx1c2UgeGxpbms6aHJlZj0iI0xheWVyMF8wX0ZJTEwiLz48L2c+PC9nPjwvc3ZnPg==);
}
.external_button.history {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjgwcHgiIGhlaWdodD0iODBweCIgdmlld0JveD0iMCAwIDEwMCAxMDAiPjxkZWZzPjxnIGlkPSJMYXllcjBfMF9GSUxMIj48cGF0aCBmaWxsPSIjZmZmZmZmIiBzdHJva2U9Im5vbmUiIGQ9Ik0gNDcuNiAyOS41NSBRIDQ3LjA0NDUzMTI1IDMwLjE2NjAxNTYyNSA0Ny4wNSAzMSBMIDQ3LjA1IDUwLjYgUSA0Ny4wNTE3NTc4MTI1IDUxLjIzMDQ2ODc1IDQ3LjQgNTEuNzUgNDcuNzk3ODUxNTYyNSA1Mi4yODA0Njg3NSA0OC40IDUyLjUgTCA2NC44IDU4LjI1IFEgNjUuNTc5NDkyMTg3NSA1OC41MTcxODc1IDY2LjMgNTguMTUgNjcuMDc0MjE4NzUgNTcuNzgzMzk4NDM3NSA2Ny4zNSA1NyA2Ny42MTc1NzgxMjUgNTYuMjIwNzAzMTI1IDY3LjI1IDU1LjQ1IDY2Ljg4MzAwNzgxMjUgNTQuNzI2MTcxODc1IDY2LjEgNTQuNDUgTCA1MS4wNSA0OS4xNSA1MS4wNSAzMSBRIDUxLjA1NTI3MzQzNzUgMzAuMTY2MDE1NjI1IDUwLjQ1IDI5LjU1IDQ5Ljg4Mzc4OTA2MjUgMjguOTk0NTMxMjUgNDkuMDUgMjkgNDguMjE2MDE1NjI1IDI4Ljk5NDUzMTI1IDQ3LjYgMjkuNTUgWiIvPjwvZz48L2RlZnM+PGcgaWQ9IkxheWVyXzEiPjxnIHRyYW5zZm9ybT0ibWF0cml4KCAxLCAwLCAwLCAxLCAwLDApICI+PHVzZSB4bGluazpocmVmPSIjTGF5ZXIwXzBfRklMTCIvPjwvZz48L2c+PC9zdmc+);
}
.external_button.history.disabled {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjgwcHgiIGhlaWdodD0iODBweCIgdmlld0JveD0iMCAwIDEwMCAxMDAiPjxkZWZzPjxnIGlkPSJMYXllcjBfMF9GSUxMIj48cGF0aCBmaWxsPSIjNjY2NjY2IiBzdHJva2U9Im5vbmUiIGQ9Ik0gNDcuNiAyOS41NSBRIDQ3LjA0NDUzMTI1IDMwLjE2NjAxNTYyNSA0Ny4wNSAzMSBMIDQ3LjA1IDUwLjYgUSA0Ny4wNTE3NTc4MTI1IDUxLjIzMDQ2ODc1IDQ3LjQgNTEuNzUgNDcuNzk3ODUxNTYyNSA1Mi4yODA0Njg3NSA0OC40IDUyLjUgTCA2NC44IDU4LjI1IFEgNjUuNTc5NDkyMTg3NSA1OC41MTcxODc1IDY2LjMgNTguMTUgNjcuMDc0MjE4NzUgNTcuNzgzMzk4NDM3NSA2Ny4zNSA1NyA2Ny42MTc1NzgxMjUgNTYuMjIwNzAzMTI1IDY3LjI1IDU1LjQ1IDY2Ljg4MzAwNzgxMjUgNTQuNzI2MTcxODc1IDY2LjEgNTQuNDUgTCA1MS4wNSA0OS4xNSA1MS4wNSAzMSBRIDUxLjA1NTI3MzQzNzUgMzAuMTY2MDE1NjI1IDUwLjQ1IDI5LjU1IDQ5Ljg4Mzc4OTA2MjUgMjguOTk0NTMxMjUgNDkuMDUgMjkgNDguMjE2MDE1NjI1IDI4Ljk5NDUzMTI1IDQ3LjYgMjkuNTUgWiIvPjwvZz48L2RlZnM+PGcgaWQ9IkxheWVyXzEiPjxnIHRyYW5zZm9ybT0ibWF0cml4KCAxLCAwLCAwLCAxLCAwLDApICI+PHVzZSB4bGluazpocmVmPSIjTGF5ZXIwXzBfRklMTCIvPjwvZz48L2c+PC9zdmc+);
}
.external_button.replay {
  background-size: 70%;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTgiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA1OCA2MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQxLjc1IDIuOTY4NzFDNDYuNjkxOCA1Ljc1NTM3IDUwLjMwNzggOC41ODA4NSA1My4zMTI1IDEzLjQwNjJDNTMuNzIyNCAxNC4wNjIzIDU0LjEzMjMgMTQuNzE4NSA1NC41NTQ3IDE1LjM5NDVDNTcuOTQ4NyAyMS43OTYzIDU4LjM5NzEgMjguMzAyOCA1Ny4zMTI1IDM1LjQwNjJDNTQuMzk2MyA0NC4wODI2IDUwLjA2MzIgNTAuMzUzMyA0MS45NzI3IDU0LjY0ODRDMzYuMTA1MiA1Ny40MDYyIDM2LjEwNTIgNTcuNDA2MiAzMi4zMTI1IDU3LjQwNjJDMzIuMzEyNSA1OC4wNjYyIDMyLjMxMjUgNTguNzI2MiAzMi4zMTI1IDU5LjQwNjJDMjYuODU3NyA1OC44MzggMjIuNDAxOSA1Ny40NTk4IDE3LjMxMjUgNTUuNDA2MkMxNy4zMTI1IDU0LjQxNjIgMTcuMzEyNSA1My40MjYyIDE3LjMxMjUgNTIuNDA2MkMxOS40MzU5IDUxLjU2ODggMjEuNTYxMyA1MC43MzY0IDIzLjY4NzUgNDkuOTA2MkMyNC44NzA5IDQ5LjQ0MjEgMjYuMDU0MiA0OC45NzgxIDI3LjI3MzQgNDguNUMzMC4zMTI1IDQ3LjQwNjIgMzAuMzEyNSA0Ny40MDYyIDMyLjMxMjUgNDcuNDA2MkMzMi4zMTI1IDQ4LjM5NjIgMzIuMzEyNSA0OS4zODYyIDMyLjMxMjUgNTAuNDA2MkMzOC44Mzk2IDQ4LjI1MTYgNDMuNTM2MyA0Ni40NzExIDQ3LjMxMjUgNDAuNDA2MkM1MC40MDMgMzQuMDkyIDUxLjA4NTggMjguMjM1IDQ5LjMxMjUgMjEuNDA2MkM0Ny4wOTY1IDE1Ljk2NjEgNDMuNzUyNSAxMi4xNjI1IDM4LjYwOTQgOS4zMjAyOEMzMi4yOTY1IDYuODA4IDI2LjMyNiA2LjcwNjEyIDE5LjkzNzUgOC45Njg3MUMxMy45ODE0IDExLjczNDQgMTEuMDE3MSAxNS4yNjE5IDguNjI1IDIxLjQwNjJDOC4xNzUxMiAyMi43MzU0IDcuNzM3MSAyNC4wNjg3IDcuMzEyNSAyNS40MDYyQzYuOTIwNjMgMjYuNTYxMiA2LjUyODc1IDI3LjcxNjIgNi4xMjUgMjguOTA2MkM1LjcyMjgxIDMwLjE0MzcgNS43MjI4MSAzMC4xNDM3IDUuMzEyNSAzMS40MDYyQzMuOTkyNSAzMS40MDYyIDIuNjcyNSAzMS40MDYyIDEuMzEyNSAzMS40MDYyQzAuMzEyNSAzMC40MDYyIDAuMzEyNSAzMC40MDYyIDAgMjYuOTA2MkMwLjExNzc4MyAxOS41OTA2IDMuNjgxMjQgMTMuMjk2NyA4LjUzMTI1IDcuOTc2NTNDMTcuOTU5MyAtMC4zMzUwMTggMzAuMzE2NCAtMi40MDUwNyA0MS43NSAyLjk2ODcxWiIgZmlsbD0iI0YzRjNGMyIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTM0Ljc4NDYgMTUuOTA5MUMzMi44NTE0IDE0Ljk0MTYgMzAuMzg4NCAxNS4wMzI4IDIwLjMxMjUgMTUuNDA2VjQyLjQwNkgyNS4zMTI1VjMxLjQwNkMyOC40NjEyIDMyLjA5NzIgMjguNDYxMiAzMi4wOTcyIDI5LjcwNyAzNC42OTEyQzMxLjEwMTEgMzcuNDIxNiAzMi40ODI2IDM5Ljk0NDMgMzQuMzEyNSA0Mi40MDZDMzYuMTkzOCA0Mi43NTQ0IDM3LjAyNjUgNDIuOTA4NiAzNy44NDk2IDQyLjg2ODZDMzguNTAzMiA0Mi44MzY4IDM5LjE1MDggNDIuNjgyNiA0MC4zMTI1IDQyLjQwNkM0MC4zMTI1IDQxLjUxNTQgNDAuMzEyNSA0MS4wMjE0IDQwLjE5NjYgNDAuNTU2MkM0MC4wNTIyIDM5Ljk3NjkgMzkuNzI4IDM5LjQ0MjMgMzkgMzguMjQyTDM3LjMxMjUgMzUuNzgxTDM1LjYyNSAzMy4zMDQ1TDM0LjMxMjUgMzEuNDA2QzM1LjIwNzMgMzAuNDgzMiAzNS43MDE4IDI5Ljk3MzMgMzYuMTU0MiAyOS40Mjg0QzM2LjcxMjkgMjguNzU1NSAzNy4yMDczIDI4LjAyOTIgMzguMzEyNSAyNi40MDZDMzguODU1NiAyMi41MzY1IDM5LjA0NDYgMjAuNDI2MiAzNi43MzQ0IDE3LjIwNjhDMzUuOTggMTYuNjQ1OSAzNS40MSAxNi4yMjIxIDM0Ljc4NDYgMTUuOTA5MVpNMzIgMjFIMjZWMjdMMjguOTM3NSAyNy4wNjI1QzMwLjk3MDQgMjcuMDIxIDMxLjY1MzkgMjcuMDA3MSAzMi4xNzYxIDI2LjcwOTlDMzIuNDQwNiAyNi41NTk0IDMyLjY2MzggMjYuMzM2MiAzMyAyNkMzMi43MTQgMjQuMzI0NiAzMi4zODIyIDIyLjY1NjEgMzIgMjFaIiBmaWxsPSIjRjNGM0YzIi8+Cjwvc3ZnPgo=);
}
.external_button.replay.disabled {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTgiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA1OCA2MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQxLjc1IDIuOTY4NzFDNDYuNjkxOCA1Ljc1NTM3IDUwLjMwNzggOC41ODA4NSA1My4zMTI1IDEzLjQwNjJDNTMuNzIyNCAxNC4wNjIzIDU0LjEzMjMgMTQuNzE4NSA1NC41NTQ3IDE1LjM5NDVDNTcuOTQ4NyAyMS43OTYzIDU4LjM5NzEgMjguMzAyOCA1Ny4zMTI1IDM1LjQwNjJDNTQuMzk2MyA0NC4wODI2IDUwLjA2MzIgNTAuMzUzMyA0MS45NzI3IDU0LjY0ODRDMzYuMTA1MiA1Ny40MDYyIDM2LjEwNTIgNTcuNDA2MiAzMi4zMTI1IDU3LjQwNjJDMzIuMzEyNSA1OC4wNjYyIDMyLjMxMjUgNTguNzI2MiAzMi4zMTI1IDU5LjQwNjJDMjYuODU3NyA1OC44MzggMjIuNDAxOSA1Ny40NTk4IDE3LjMxMjUgNTUuNDA2MkMxNy4zMTI1IDU0LjQxNjIgMTcuMzEyNSA1My40MjYyIDE3LjMxMjUgNTIuNDA2MkMxOS40MzU5IDUxLjU2ODggMjEuNTYxMyA1MC43MzY0IDIzLjY4NzUgNDkuOTA2MkMyNC44NzA5IDQ5LjQ0MjEgMjYuMDU0MiA0OC45NzgxIDI3LjI3MzQgNDguNUMzMC4zMTI1IDQ3LjQwNjIgMzAuMzEyNSA0Ny40MDYyIDMyLjMxMjUgNDcuNDA2MkMzMi4zMTI1IDQ4LjM5NjIgMzIuMzEyNSA0OS4zODYyIDMyLjMxMjUgNTAuNDA2MkMzOC44Mzk2IDQ4LjI1MTYgNDMuNTM2MyA0Ni40NzExIDQ3LjMxMjUgNDAuNDA2MkM1MC40MDMgMzQuMDkyIDUxLjA4NTggMjguMjM1IDQ5LjMxMjUgMjEuNDA2MkM0Ny4wOTY1IDE1Ljk2NjEgNDMuNzUyNSAxMi4xNjI1IDM4LjYwOTQgOS4zMjAyOEMzMi4yOTY1IDYuODA4IDI2LjMyNiA2LjcwNjEyIDE5LjkzNzUgOC45Njg3MUMxMy45ODE0IDExLjczNDQgMTEuMDE3MSAxNS4yNjE5IDguNjI1IDIxLjQwNjJDOC4xNzUxMiAyMi43MzU0IDcuNzM3MSAyNC4wNjg3IDcuMzEyNSAyNS40MDYyQzYuOTIwNjMgMjYuNTYxMiA2LjUyODc1IDI3LjcxNjIgNi4xMjUgMjguOTA2MkM1LjcyMjgxIDMwLjE0MzcgNS43MjI4MSAzMC4xNDM3IDUuMzEyNSAzMS40MDYyQzMuOTkyNSAzMS40MDYyIDIuNjcyNSAzMS40MDYyIDEuMzEyNSAzMS40MDYyQzAuMzEyNSAzMC40MDYyIDAuMzEyNSAzMC40MDYyIDAgMjYuOTA2MkMwLjExNzc4MyAxOS41OTA2IDMuNjgxMjQgMTMuMjk2NyA4LjUzMTI1IDcuOTc2NTNDMTcuOTU5MyAtMC4zMzUwMTggMzAuMzE2NCAtMi40MDUwNyA0MS43NSAyLjk2ODcxWiIgZmlsbD0iIzgwODA4MCIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTM0Ljc4NDYgMTUuOTA5MUMzMi44NTE0IDE0Ljk0MTYgMzAuMzg4NCAxNS4wMzI4IDIwLjMxMjUgMTUuNDA2VjQyLjQwNkgyNS4zMTI1VjMxLjQwNkMyOC40NjEyIDMyLjA5NzIgMjguNDYxMiAzMi4wOTcyIDI5LjcwNyAzNC42OTEyQzMxLjEwMTEgMzcuNDIxNiAzMi40ODI2IDM5Ljk0NDMgMzQuMzEyNSA0Mi40MDZDMzYuMTkzOCA0Mi43NTQ0IDM3LjAyNjUgNDIuOTA4NiAzNy44NDk2IDQyLjg2ODZDMzguNTAzMiA0Mi44MzY4IDM5LjE1MDggNDIuNjgyNiA0MC4zMTI1IDQyLjQwNkM0MC4zMTI1IDQxLjUxNTQgNDAuMzEyNSA0MS4wMjE0IDQwLjE5NjYgNDAuNTU2MkM0MC4wNTIyIDM5Ljk3NjkgMzkuNzI4IDM5LjQ0MjMgMzkgMzguMjQyTDM3LjMxMjUgMzUuNzgxTDM1LjYyNSAzMy4zMDQ1TDM0LjMxMjUgMzEuNDA2QzM1LjIwNzMgMzAuNDgzMiAzNS43MDE4IDI5Ljk3MzMgMzYuMTU0MiAyOS40Mjg0QzM2LjcxMjkgMjguNzU1NSAzNy4yMDczIDI4LjAyOTIgMzguMzEyNSAyNi40MDZDMzguODU1NiAyMi41MzY1IDM5LjA0NDYgMjAuNDI2MiAzNi43MzQ0IDE3LjIwNjhDMzUuOTggMTYuNjQ1OSAzNS40MSAxNi4yMjIxIDM0Ljc4NDYgMTUuOTA5MVpNMzIgMjFIMjZWMjdMMjguOTM3NSAyNy4wNjI1QzMwLjk3MDQgMjcuMDIxIDMxLjY1MzkgMjcuMDA3MSAzMi4xNzYxIDI2LjcwOTlDMzIuNDQwNiAyNi41NTk0IDMyLjY2MzggMjYuMzM2MiAzMyAyNkMzMi43MTQgMjQuMzI0NiAzMi4zODIyIDIyLjY1NjEgMzIgMjFaIiBmaWxsPSIjODA4MDgwIi8+Cjwvc3ZnPgo=);
}
.external_button.history_details {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjgwcHgiIGhlaWdodD0iODBweCIgdmlld0JveD0iMCAwIDEwMCAxMDAiPjxkZWZzPjxnIGlkPSJMYXllcjBfMF9GSUxMIj48cGF0aCBmaWxsPSIjRkZGRkZGIiBzdHJva2U9Im5vbmUiIGQ9Ik0gOTAgOTEuOSBMIDk0LjYgODcuMyA3Ny4wNSA2OS43NSA3Mi40NSA3NC4zNSA5MCA5MS45IE0gMjAuNjUgNjUuMiBMIDM2LjEgNjUuMiBRIDM0LjYxMjEwOTM3NSA2Mi43Njc3NzM0Mzc1IDMzLjc1IDYwLjA1IEwgMjAuNjUgNjAuMDUgUSAxOS42IDYwLjA1IDE4Ljg1IDYwLjggMTguMSA2MS41NSAxOC4xIDYyLjYgTCAxOC4xIDYyLjY1IFEgMTguMSA2My43IDE4Ljg1IDY0LjQ1IDE5LjYgNjUuMiAyMC42NSA2NS4yIE0gMzMuMSA1Ny4yIFEgMzIuNzUgNTUuMDc4NTE1NjI1IDMyLjc1IDUyLjggMzIuNzUgNTIuNDIyODUxNTYyNSAzMi43NSA1Mi4wNSBMIDIwLjY1IDUyLjA1IFEgMTkuNiA1Mi4wNSAxOC44NSA1Mi44IDE4LjEgNTMuNTUgMTguMSA1NC42IEwgMTguMSA1NC42NSBRIDE4LjEgNTUuNyAxOC44NSA1Ni40NSAxOS42IDU3LjIgMjAuNjUgNTcuMiBMIDMzLjEgNTcuMiBNIDE4LjEgNDcuMTUgUSAxOC4xIDQ4LjIgMTguODUgNDguOTUgMTkuNiA0OS43IDIwLjY1IDQ5LjcgTCAzMi45IDQ5LjcgUSAzMy4yMzU5Mzc1IDQ3LjAwODc4OTA2MjUgMzQuMSA0NC41NSBMIDIwLjY1IDQ0LjU1IFEgMTkuNiA0NC41NSAxOC44NSA0NS4zIDE4LjEgNDYuMDUgMTguMSA0Ny4xIEwgMTguMSA0Ny4xNSBNIDE4Ljg1IDM0LjMgUSAxOC4xIDM1LjA1IDE4LjEgMzYuMSBMIDE4LjEgMzYuMTUgUSAxOC4xIDM3LjIgMTguODUgMzcuOTUgMTkuNiAzOC43IDIwLjY1IDM4LjcgTCAzNC4wNSAzOC43IDM0LjA1IDMzLjU1IDIwLjY1IDMzLjU1IFEgMTkuNiAzMy41NSAxOC44NSAzNC4zIE0gMTguMSAyOC42NSBRIDE4LjEgMjkuNyAxOC44NSAzMC40NSAxOS42IDMxLjIgMjAuNjUgMzEuMiBMIDM0LjA1IDMxLjIgMzQuMDUgMjYuMDUgMjAuNjUgMjYuMDUgUSAxOS42IDI2LjA1IDE4Ljg1IDI2LjggMTguMSAyNy41NSAxOC4xIDI4LjYgTCAxOC4xIDI4LjY1IE0gNTYuODUgMzAuMiBRIDQ3LjUgMzAuMiA0MC45IDM2Ljc1IDM0LjMgNDMuNCAzNC4zIDUyLjc1IDM0LjMgNjIuMDUgNDAuOSA2OC42NSA0Ny41IDc1LjI1IDU2Ljg1IDc1LjI1IDY2LjIgNzUuMjUgNzIuNzUgNjguNjUgNzcuNTM2NTIzNDM3NSA2My44OTk0MTQwNjI1IDc4Ljg1IDU3Ljc1IDc5LjQgNTUuMzU2MDU0Njg3NSA3OS40IDUyLjc1IDc5LjQgNDkuOTU0Mjk2ODc1IDc4LjggNDcuNCA3Ny40MTE3MTg3NSA0MS40MTE3MTg3NSA3Mi43NSAzNi43NSA2Ni4yIDMwLjIgNTYuODUgMzAuMiBNIDQ0LjggNDAuNyBRIDQ5LjggMzUuNzUgNTYuODUgMzUuNzUgNjMuOSAzNS43NSA2OC44NSA0MC43IDcxLjg2NDY0ODQzNzUgNDMuNjg0NzY1NjI1IDczLjA1IDQ3LjQgNzMuOSA0OS45MDg1OTM3NSA3My45IDUyLjc1IDczLjkgNTUuMzk4MjQyMTg3NSA3My4yIDU3Ljc1IDcyLjAwMzEyNSA2MS42NTkzNzUgNjguODUgNjQuNzUgNjMuOSA2OS43NSA1Ni44NSA2OS43NSA0OS44IDY5Ljc1IDQ0LjggNjQuNzUgMzkuODUgNTkuOCAzOS44NSA1Mi43NSAzOS44NSA0NS43IDQ0LjggNDAuNyBNIDU1LjMgNjAuOCBRIDU0LjU1IDYwLjA1IDUzLjUgNjAuMDUgTCA0My42IDYwLjA1IFEgNDQuNjI4NTE1NjI1IDYxLjg0NjI4OTA2MjUgNDYuMiA2My40IDQ3LjIxNjIxMDkzNzUgNjQuNDE2MjEwOTM3NSA0OC4zIDY1LjIgTCA1My41IDY1LjIgUSA1NC41NSA2NS4yIDU1LjMgNjQuNDUgNTYuMDUgNjMuNyA1Ni4wNSA2Mi42NSBMIDU2LjA1IDYyLjYgUSA1Ni4wNSA2MS41NSA1NS4zIDYwLjggTSA1NS4zIDUyLjggUSA1NC41NSA1Mi4wNSA1My41IDUyLjA1IEwgNDEuOCA1Mi4wNSBRIDQxLjggNTIuNDIxNjc5Njg3NSA0MS44IDUyLjggNDEuOCA1NS4xMzIyMjY1NjI1IDQyLjQgNTcuMiBMIDUzLjUgNTcuMiBRIDU0LjU1IDU3LjIgNTUuMyA1Ni40NSA1Ni4wNSA1NS43IDU2LjA1IDU0LjY1IEwgNTYuMDUgNTQuNiBRIDU2LjA1IDUzLjU1IDU1LjMgNTIuOCBNIDY3LjUgNDIuMSBRIDY2LjAyODUxNTYyNSA0MC42NDUzMTI1IDY0LjM1IDM5LjY1IEwgNjQuMzUgNjUuODUgUSA2Ni4wMjg1MTU2MjUgNjQuODg4MDg1OTM3NSA2Ny41IDYzLjQgNjguNzQ4MjQyMTg3NSA2Mi4xOTMzNTkzNzUgNjkuNjUgNjAuODUgTCA2OS42NSA0NC43IFEgNjguNzQ4MjQyMTg3NSA0My4zMzQzNzUgNjcuNSA0Mi4xIE0gNTMuNSA0NC41NSBMIDQ0LjIgNDQuNTUgUSA0Mi42Mzk4NDM3NSA0Ni45MTY5OTIxODc1IDQyLjEgNDkuNyBMIDUzLjUgNDkuNyBRIDU0LjU1IDQ5LjcgNTUuMyA0OC45NSA1Ni4wNSA0OC4yIDU2LjA1IDQ3LjE1IEwgNTYuMDUgNDcuMSBRIDU2LjA1IDQ2LjA1IDU1LjMgNDUuMyA1NC41NSA0NC41NSA1My41IDQ0LjU1IE0gNTUuNSAxNC45IEwgNTUuNSAyMyA2NC4zNSAyMyA2NC4zNSAyOS43IFEgNjcuMTQ3ODUxNTYyNSAzMC41Njk3MjY1NjI1IDY5LjY1IDMyLjE1IEwgNjkuNjUgMjMgNTggOC4zIDUuNyA4LjMgNS43IDkxLjEgNjkuNjUgOTEuMSA2OS42NSA3My40IFEgNjcuMTQ3ODUxNTYyNSA3NS4wMDYyNSA2NC4zNSA3NS45IEwgNjQuMzUgODUuNDUgMTEuMyA4NS40NSAxMS4zIDE0LjkgNTUuNSAxNC45IFoiLz48L2c+PC9kZWZzPjxnIGlkPSJMYXllcl8xIj48ZyB0cmFuc2Zvcm09Im1hdHJpeCggMSwgMCwgMCwgMSwgMCwwKSAiPjx1c2UgeGxpbms6aHJlZj0iI0xheWVyMF8wX0ZJTEwiLz48L2c+PC9nPjwvc3ZnPg==);
}
.external_button.watch {
  background-size: 20%;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmZmZmIiBoZWlnaHQ9IjY0cHgiIHdpZHRoPSI2NHB4IiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCA1OC43NTIgNTguNzUyIiB4bWw6c3BhY2U9InByZXNlcnZlIiBzdHJva2U9IiNmZmZmZmYiPjxnIGlkPSJTVkdSZXBvX2JnQ2FycmllciIgc3Ryb2tlLXdpZHRoPSIwIi8+PGcgaWQ9IlNWR1JlcG9fdHJhY2VyQ2FycmllciIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PGcgaWQ9IlNWR1JlcG9faWNvbkNhcnJpZXIiPiA8Zz4gPHBhdGggZD0iTTUyLjUyNCwyMy45MjVMMTIuNTA3LDAuODI0Yy0xLjkwNy0xLjEtNC4zNzYtMS4wOTctNi4yNzYsMEM0LjI5MywxLjk0LDMuMDg4LDQuMDI1LDMuMDg4LDYuMjY0djQ2LjIwNSBjMCwyLjI0LDEuMjA0LDQuMzI1LDMuMTMxLDUuNDM1YzAuOTUzLDAuNTU1LDIuMDQyLDAuODQ4LDMuMTQ5LDAuODQ4YzEuMTA0LDAsMi4xOTItMC4yOTIsMy4xNDEtMC44NDNsNDAuMDE3LTIzLjEwMyBjMS45MzYtMS4xMTksMy4xMzgtMy4yMDMsMy4xMzgtNS40MzlDNTUuNjYzLDI3LjEzNCw1NC40NjIsMjUuMDUsNTIuNTI0LDIzLjkyNXogTTQ5LjUyNCwyOS42MTJMOS41MDQsNTIuNzE2IGMtMC4wODIsMC4wNDctMC4xOCwwLjA1Mi0wLjI3OS0wLjAwNWMtMC4wODQtMC4wNDktMC4xMzctMC4xNDItMC4xMzctMC4yNDJWNi4yNjNjMC0wLjEsMC4wNTItMC4xOTIsMC4xNC0wLjI0MyBjMC4wNDItMC4wMjUsMC4wOS0wLjAzOCwwLjEzOS0wLjAzOGMwLjA1MSwwLDAuMDk5LDAuMDEzLDAuMTQyLDAuMDM4bDQwLjAxLDIzLjA5OGMwLjA4OSwwLjA1MiwwLjE0NSwwLjE0NywwLjE0NSwwLjI0OSBDNDkuNjYzLDI5LjQ3LDQ5LjYxMSwyOS41NjEsNDkuNTI0LDI5LjYxMnoiLz4gPC9nPiA8L2c+PC9zdmc+);
}

#intro_content {
  width: inherit;
  height: inherit;
}

/* end loader */

#external_fullscreen {
  background-color: rgba(0,0,0,0.8);
  position: absolute;
  display: flex;
  z-index: 10;
}

#fs_android {
  height: 40%;
  margin: auto;
}

#popup_content {
  display: flex;
  flex-flow: column;
  justify-content: center;
  width: calc(100vw / 2);
  height: calc(100vh / 2);
  max-height: 400px;
  max-width: 600px;
  margin: auto;
}

#popup_buttons { display: flex }

#popup_message {
  margin: 20px auto;
  color: white;
  font-size: 18px;
  text-align: center;
}

.external_button {
  margin: var(--buttons-margin) auto;
  border: var(--buttons-border-size) solid gray;
  border-radius: 20px;
  color: white;
  padding: 10px;
  cursor: pointer;
  font-size: 20px;
  user-select: none;
  min-width: var(--buttons-size);
  min-height: var(--buttons-size);
  display: block;
  background-position: center;
  background-repeat: no-repeat;
}
.external_button.popup_button {
  width: 30%;
  height: 70%;
  background-size: 40px;
  max-width: 120px;
}
.menu_buttons_table .external_button {
  margin: 0;
  cursor: auto;
}
.menu_buttons_table .external_button.simple {
  background-size: 40px;
  border: none;
}
.button_icon_image {
  width: var(--buttons-size);
  height: var(--buttons-size);
}

.btn_close_wrapper {
  height: 40px;
  width: 40px;
  position: absolute;
  top: 8px;
  right: 10px;
  border: 2px solid #777777;
  border-radius: 12px;
}
#btn_close_history,
#btn_close_replay {
  position: absolute;
  right: var(--buttons-margin);
  top: max(calc(var(--menu-title-h) / 2 - var(--buttons-size) / 2 + var(--clock-height)), calc(25px - var(--buttons-size) / 2 + var(--clock-height)));
}

#game_round_history {
  position: absolute;
  background-color: black;
  width: 100%;
  height: inherit;
}
.bet_wrapper .menu_header {
  display: flex;
}
#btn_close_cheats,
#btn_close_bets {
  position: absolute;
  top: 12px;
  right: 10px;
  border: none;
}
#game_round_history .menu_header {
  margin-left: calc(var(--buttons-size) + 4vw);
}
#game_round_replay .menu_header img {
  width: 35px;
  height: 35px;
}
#game_round_replay .menu_header {
  display: flex;
  gap: 5px;
  align-items: center;
}
.top_selector {
  position: absolute;
  top: 50px;
  width: 100%;
  height: 2px;
  background-color: darkgray;
}

#rules_wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: white;
}
.cheats_wrapper .menu_title,
.bet_wrapper .menu_title,
.auto_wrapper .menu_title { margin: auto }
.cheats_wrapper,
.bet_wrapper,
.auto_wrapper {
  margin: auto;
  display: flex;
  flex-flow: column;
  justify-content: space-evenly;
  height: inherit;
}
.menu_title {
  text-align: center;
  color: white;
  height: var(--menu-title-h);
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 50px;
  font-size: 30px;
  margin: 0 calc(var(--buttons-size)* 1 + var(--buttons-margin)* 2) 0 calc(var(--buttons-size)* 2 + var(--buttons-margin)* 4);
  margin-top: var(--clock-height);
}

.btn_close_wrapper svg {
  width: 37px;
  height: 37px;
}

.flex_line {
  display: flex;
  justify-content: center;
  margin: 10px;
  gap: 5px;
}
.flex_column {
  display: flex;
  margin: 10px;
  flex-flow: column;
}

.title {
  font-size: min(8cqw, 30px);
  text-align: center;
  margin: 10px;
}
.subtitle {
  font-size: 24px;
  text-align: center;
  margin: 8px;
}
.title,
.subtitle { color: white }
.uppercase { text-transform: uppercase }

.item_m {
  width: 100px;
  height: 100px;
}
.image img {
  width: inherit;
  height: inherit;
}
.full_width img { width: 100% }
.image_pare {
  display: flex;
  align-items: center;
}

#external_popups,
#external_menu,
#external_menu_regulation,
#external_bets,
#external_autoplay,
#external_cheats,
#external_notification,
#external_sound_popup,
#external_replay_end {
  position: absolute;
  background: rgba(0, 0, 0, 0.95);
  display: flex;
}
#external_menu,
#external_bets,
#external_autoplay,
#external_cheats,
#external_sound_popup,
#external_popups {
  z-index: 10002; /* this allow external overlays to cover and block UI Buttons with z-index 10001 */
  width: 100%;
}

#external_replay, #game_round_replay {
  width: 100vw;
  height: 100vh;
  position: absolute;
  display: flex;
  justify-content: center;
  background: rgba(0, 0, 0, 0.6);
}
 #game_round_replay {
  background: transparent;
}

#external_sound_popup { background: transparent }

/* start sound popup */
#sound_popup_content, #replay_end_content {
  margin: auto;
  display: flex;
  flex-flow: column;
  justify-content: center;
}
#sound_popup_content .buttons_wrapper , #replay_end_content .buttons_wrapper {
  display: flex;
  gap: 20px;
}
#sound_popup_content .external_button, #replay_end_content .external_button {
  min-width: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: clamp(45px, 50px, 12vw);
  border-radius: 50px;
}
#replay_end_content .external_button {
  width: auto;
}
/* end sound popup */

/* start limit reached popup */
#external_popups {
  background: transparent !important;
  justify-content: center;
  align-items: center;
}
#limit_reached_content {
  position: absolute;
  inset: 0;
  padding: 0 8px 296px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: opacity 0.4s ease-in-out;
}
#limit_reached_content.fade-out {
  opacity: 0;
  pointer-events: none;
}
@media (min-aspect-ratio: 1/1) and (pointer: coarse) {
  #limit_reached_content {
    align-items: center;
    padding-bottom: 0;
  }
}
.limit_reached_card {
  width: 704px;
  position: relative;
  margin: 0;
  padding: 30px 40px;
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 25px;
  background: linear-gradient(180deg, #424242 0%, #2D2E2E 100%);
  box-shadow:
          0 8px 12px rgba(0, 0, 0, 0.3),
          inset 0 4px 2px rgba(255, 255, 255, 0.1);
  opacity: 0.95;
  border-radius: 30px;
  overflow-y: auto;
  color: white;
  font-size: 26px;
  font-weight: bold;
  line-height: 22px;
  letter-spacing: 0.05em;
  align-items: center;
  box-sizing: border-box;
}
.limit_reached_message {
  color: white;
  font-size: clamp(30px, 7vw, 35px);
  text-align: center;
  font-weight: 200;
  line-height: 1.3;
  letter-spacing: 0.3px;
}
.limit_reached_buttons {
  display: flex;
  justify-content: center;
  width: 100%;
}
.limit_reached_confirm_btn {
  width: 55%;
  min-width: 180px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 42px;
  border-radius: 50px;
  background: white;
  padding: 25px;
  cursor: pointer;
  transition: opacity 0.15s ease;
}
.limit_reached_confirm_btn:active {
  opacity: 0.8;
}
.limit_reached_confirm_btn .title {
  color: #1a1a1a;
  font-size: clamp(30px, 7vw, 35px);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  margin: 0;
}
/* end limit reached popup */

#game_round_history_frame {
  background-color: white;
  width: 100vw;
  height: calc(100% - var(--menu-title-h) - var(--clock-height));
  max-height: calc(100vh - 60px);
}
#game_round_replay_frame {
  background-color: white;
  width: 100%;
  height: calc(100% - 40px);
  max-height: calc(100vh - 60px);
  border: none;
  border-radius: 0 0 10px 10px;
  z-index: 1;
}
#external_notification {
  background: rgba(0, 0, 0, 0);
  height: auto;
  width: 100vw;
  top: -40vh;
  transition: top 1s;
}
#external_notification.active { top: 0 }
.notification_item {
  width: 100vw;
  display: flex;
}
.notification_content {
  margin: 10px auto 0 auto;
  width: 50%;
  height: 10vh;
  color: white;
  background: black;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* start menu */
#menu_regulation_buttons,
#menu_buttons {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  flex-flow: column;
  justify-content: center;
  margin: 0 2vw;
  height: inherit;
  gap: 2vh;
  min-height: 50px;
}
#menu_regulation_buttons {
  top: auto;
  max-height: 100px;
  bottom: 0;
  width: 100vw;
}
#menu_general_buttons {
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 0;
  left: calc(var(--buttons-size) + 4vw);
  width: calc(96% - var(--buttons-size));
  height: var(--menu-title-h);
  min-height: 50px;
  margin-top: var(--clock-height);
}
#menu_general_buttons_replay .external_button.close_button, #btn_close_replay {
  position: absolute;
  top: calc(var(--buttons-size) - 35px);
  right: calc(var(--buttons-size) - 15px);
  min-width: 45px;
  min-height: 45px;
}

#lobby_buttons { display: flex }
.external_button.close {
  margin: auto 0;
  border: none;
}
#menu_general_buttons .external_button {
  margin: auto var(--buttons-margin);
  border-color: rgba(0, 0, 0, 0);
}
.menu_item {
  display: flex;
  width: inherit;
  height: inherit;
}

#menu_content_replay .menu_item {
  width: 100%;
}

.menu_content_item {
  display: flex;
  flex-flow: column;
  width: inherit;
  height: inherit;
}
#menu_regulation_content,
#menu_content {
  width: calc(96vw - var(--buttons-size));
  height: inherit;
  color: white;
  margin-left: calc(var(--buttons-size) + 4vw);
  display: flex;
}
#menu_content_replay , #round_replay_wrapper {
  display: flex;
  color: white;
  flex-direction: column;
  align-self: center;
  width: 95vw;
  height: 95vh;
  background: rgb(0, 0, 0);
  border-radius: 10px;
  align-items: center;
}
#menu_content_replay .menu_title, #game_round_replay .menu_title{
  margin: 0;
  height: auto;
  font-size: 25px;
}
#menu_regulation_content {
  width: 100vw;
  margin-left: unset;
}
.menu_buttons_table .external_button.general_menu,
#menu_buttons .external_button {
  background-position: center;
  border-radius: 10px;
  border-color: white;
  transition: all .3s;
}
#menu_buttons .external_button.disabled {
  border-color: rgba(255, 255, 255, 0.18);
  transition: all .3s;
}
.goto_button{
  background-position: center;
  background-size: 40px;
  background-repeat: no-repeat;
}
#btn_close_cheats:hover,
#btn_close_bets:hover,
#btn_close_history:hover,
#btn_close_replay:hover,
#menu_general_buttons .external_button:hover,
#menu_general_buttons_replay .external_button:hover,
#menu_buttons .external_button:hover {
  border-color: gray;
  background-color: rgba(255, 255, 255, 0.1);
  transition: all .3s;
}
#menu_buttons .external_button.disabled:hover {
  border-color: rgba(255, 255, 255, 0.18);
  background-color: rgba(0, 0, 0, 0);
  cursor: auto;
}
/* end menu */

.scrolled_body,
.settings_wrapper {
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 6px;
  box-shadow: rgba(255, 255, 255, 0.4) 0 0 14px -2px;
}

.btn_close_wrapper svg {
  width: 37px;
  height: 37px;
}

.rules_body {
  overflow-y: scroll;
  overflow-x: hidden;
}
.paragraph_wrapper { margin: 40px 0 40px 0}
.rules_bottom_gap { height: 120px }

.settings_wrapper {
  display: flex;
  justify-content: center;
  flex-flow: column;
}

.rules_body,
.settings_wrapper {
  height: calc(98% - var(--menu-title-h) - var(--menu-buttons-h) - var(--clock-height));
  padding: min(2vh, 2vw);
}
.settings_wrapper.replay {
  height: calc(100% - 120px);
}

#external_menu_regulation .rules_body {
  height: calc(100vh - 114px);
  margin-top: 22px;
}
#menu_regulation_buttons .external_button,
#external_menu_regulation .menu_title {
  margin: auto;
}
.settings_body {
  display: grid;
  grid-template-columns: [ setting_text_column ] calc(98% - 52px) [ gap ] 2% [ toggle_column ] 52px;
  row-gap: 4vh;
  margin: auto;
  width: clamp(100px, 80vw, 800px);
}
.settings_body > * { align-self: center }
.setting_text_column {
  grid-column: setting_text_column;
  font-size: 3vw;
}
.inline > * { display: inline }
.toggle_column { grid-column: toggle_column }
/*settings toggle*/
.switch {
  position: relative;
  display: inline-block;
  width: 56px;
  height: 32px;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #818181;
  -webkit-transition: .2s;
  transition: .2s;
}
.slider:before {
  position: absolute;
  content: "";
  height: 28px;
  width: 28px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .2s;
  transition: .2s;
}
input:checked + .slider { background-color: #1572e7 }
input:checked + .slider:before {
  -webkit-transform: translateX(24px);
  -ms-transform: translateX(24px);
  transform: translateX(24px);
}
/*slider in intro (splash) screen*/
#toggle_intro + .slider { background-color: #1572e7 }
#toggle_intro:checked + .slider { background-color: #818181 }
#toggle_intro + .slider:before {
  -webkit-transform: translateX(24px);
  -ms-transform: translateX(24px);
  transform: translateX(24px);
}
#toggle_intro:checked + .slider:before {
  -webkit-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
}
/* Rounded sliders */
.slider.round { border-radius: 34px }
.slider.round:before { border-radius: 50% }

.cheats_container {
  margin: 4cqh auto;
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 20px;
}

.apply_clear_wrapper {
  display: flex;
  gap: 20px;
  justify-content: space-between;
}

.apply_cancel_wrapper {
  display: flex;
  gap: 20px;
  margin: 8cqh auto;
  justify-content: space-around;
  width: 80%;
}
.apply_button .simple_button,
.start_button .simple_button {
  background-image: linear-gradient(to bottom, #1572e7, #1d9bf0);
  box-shadow: inset 0 3px 2px 1px #21b2f4;
}
.apply_button .simple_button,
.start_button .simple_button,
.clear_button .simple_button,
.cancel_button .simple_button {
  width: clamp(170px, calc(24vw / 2), 400px);
  height: 64px;
}
.apply_button .simple_button.disabled {
  background-image: linear-gradient(to bottom, #8aa6c8, #a4b9d6);
  box-shadow: inset 0 2px 2px 1px #b8c6d4;
  cursor: not-allowed;
  opacity: 0.6;
  pointer-events: none;
}

.clear_button .simple_button,
.cancel_button .simple_button,
.menu_list_button {
  background: black;
  border-color: #606060;
  border-style: solid;
  border-width: 4px;
}
.menu_list_button.active{
  background-image: linear-gradient(to bottom, #606060, #838383);
  box-shadow: inset 0 2px 2px 1px #909090;
  cursor: auto;
  border-width: 0;
}

.simple_button {
  display: flex;

  align-items: center;
  justify-content: center;

  border-radius: 18px;
  color: white;
  cursor: pointer;
  min-width: max(10vw, 90px);
}
.simple_button_text {
  font-size: 2.4cqh;
  height: 58px;
  display: flex;
  align-items: center;
  padding: 0 4px;
}

.choice_buttons_wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 2vh auto;
  gap: 2vh;
}
#bet_buttons_wrapper {
  gap: 2vh;
  overflow-y: scroll;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 6px;
  box-shadow: rgba(255, 255, 255, 0.4) 0 0 14px -2px;
  margin: 0 0 2vh 0;
  padding: 80px 10px;
}

/* history */
.history_header,
.replay_header {
  color: #ff9900;
  border-bottom: 3px solid #ff9900;
  padding: 10px 0;
}
#history_wrapper,
#replay_wrapper {
  height: 100%;
}

.history_header,
#history_wrapper>.history_item {
  display: grid;
  grid-template-columns: [date_column] 40% [bet_column] 22% [win_column] 22% [details_column] 16%;
  align-items: center;
  column-gap: 2px;
}

.replay_header,
#replay_wrapper > .history_item {
  display: grid;
  grid-template-columns: [date_column] 16% [round_column] 20% [xbet_column] 14% [bet_column] 14% [win_column] 16% [link_column] auto [watch_column] auto;
  align-items: center;
  column-gap: 2px;
}
#history_wrapper>.history_item,
#replay_wrapper > .history_item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.history_item .external_button {
  margin: calc(var(--buttons-margin) - 1px) auto;
}
.date_column { grid-column: date_column }
.bet_column { grid-column: bet_column }
.win_column { grid-column: win_column }
.details_column { grid-column: details_column }
.watch_column { grid-column: watch_column; }
.link_column { grid-column: link_column; }

.date_column,
.bet_column,
.win_column,
.details_column,
.xbet_column {
  place-self: center;
}

.watch_column, .link_column {
  place-self: center start;
}

.history_details {
  border-radius: 0;
  background-size: contain;
  border: none;
}
.replayMenuTop {
  position: relative;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: space-evenly;
  margin: 10px 0px;
}
#btnLatestReplay, #btnTopReplay {
  width: 25%;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.replayPageSelected {
  font-weight: bold;
  color: #ff9900;
  border-bottom: 3px solid #ff9900;
}
#noReplaysText {
    display: flex;
    width: 100%;
    height: 100%;
    color: white;
    align-items: center;
    text-align: center;
    justify-content: center;
}
.replay_details_button {
  border-radius: 10px;
  width: 90%;
  text-align: center;
  align-content: center;
  height: 5px;
  position: relative;
  padding: 0;
}
.replay_details_button:hover {
  border-color: gray;
  background-color: rgba(255, 255, 255, 0.1);
  transition: all 0.3s;
}
.replay_details_button .popup {
  position: absolute;
  background: #29b93e;
  padding: 0 15px;
  border-radius: 5px;
  left: 50%;
  transform: translateX(-50%);
  top: -30%;
  font-size: 16px;
  white-space: nowrap;
  transition: opacity 0.5s ease, visibility 0.5s ease;
  opacity: 0;
  z-index: 1;
}
.replay_details_button.show .popup {
  animation: copyFade 2s;
}
@keyframes copyFade {
  0% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.payout_index { color: #ff9900 }

#external_intro {
  overflow: hidden;
  position: absolute;
}

#external_clock {
  position: absolute;
  top: 2px;
  right: 20px;
  display: flex;
  color: white;
  font-size: calc(var(--clock-height) + 2px);
  width: calc(100vw - 20px - 20px);
  justify-content: space-between;
}

/* scrollbar */
::-webkit-scrollbar {
  width: 40px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-button {
  display: none;
}
::-webkit-scrollbar-thumb {
  height: 112px;
  width: 40px;
  background-image: url("./images/BTN_Scroll_svg.svg");
  background-repeat: no-repeat;
  background-position: top;
}
/* scrollbar */

.hide {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  position: absolute !important;
}
.hide_tween {
  transition: all .3s;
  opacity: 0;
}

@keyframes fadeOut {
  from { opacity: 1 }
  to { opacity: 0 }
}

.fadeOut { animation: fadeOut 2s }

@keyframes fadeOutRemove {
  from { opacity: 1 }
  to {
    opacity: 0;
    display: none;
  }
}

.fadeOutRemove { animation: fadeOut 1s }

#game_round_history .menu_header {
  margin-left: calc(var(--buttons-size) + 4vw);
}

@media only screen and (max-width: 1200px) {
  .bet_wrapper, .auto_wrapper, .cheats_wrapper { width: 98vw }
}
@media only screen and (max-width: 900px) {
  .round_column {
    display: none;
  }
  .replay_header, #replay_wrapper > .history_item {
    grid-template-columns: [date_column] 20% [xbet_column] 15% [bet_column] 20% [win_column] 20% [link_column] auto [watch_column] auto;
  }
}
@media only screen and (max-width: 800px) {
  .setting_text_column { font-size: 4vw }
  #menu_content .menu_title {
    font-size: 3.4vw;
    margin-left: var(--mrg);
    text-wrap: wrap;
    justify-content: flex-start;
    text-align: left;
  }
  #game_round_history .menu_header {
    margin-left: calc(
      var(--buttons-size) * 3 + 4vw + var(--buttons-margin) * 4
    );
  }
  #game_round_history .menu_title {
    text-align: left;
    margin: var(--clock-height) 0 0 0;
    justify-content: flex-start;
    font-size: 3.4vw;
  }
  #menu_content_replay .menu_title,
  #game_round_replay .menu_title {
    font-size: 3.4vw;
  }
}
@media only screen and (max-width: 720px) {
  :root { --menu-buttons-h: 10vh }
  .rules_body,
  .settings_wrapper {
    height: calc(98% - max(var(--menu-title-h), 50px) - max(var(--menu-buttons-h), 50px) - var(--clock-height));
    padding: min(1vh, 1vw);
  }
  .settings_wrapper.replay{
    height: calc(100% - 90px);
  }
  #replay_end_content .title {
    font-size: 16px ;
  }
  .rules_body .history_item .date_column,
  .rules_body .history_item .bet_column,
  .rules_body .history_item .xbet_column,
  .rules_body .history_item .win_column,
  .replay_details_button{
    font-size: 12px;
  }

  .replayMenuTop {
    margin: 0px;
  }
  #btnLatestReplay, #btnTopReplay{
    width: 50%;
    height: 40px;
  }
  #game_round_replay .menu_header {
    gap: 3px;
  }
  #game_round_replay .menu_header img {
    width: calc(min(6vw, 30px));
    height: calc(min(6vw, 30px));
  }
  #game_round_history .menu_header {
    margin-left: var(--mrg);
  }
  #menu_general_buttons {
    left: 0;
    width: 100%;
  }
  #menu_content,
  #menu_content_replay,
  #round_replay_wrapper {
    margin-left: 0;
    width: 99vw;
  }
  #menu_general_buttons_replay .external_button.close_button, #btn_close_replay {
    position: absolute;
    top: calc(var(--buttons-size) - 25px);
    right: calc(var(--buttons-size) - 30px);
  }

  #menu_regulation_buttons,
  #menu_buttons {
    bottom: 0;
    top: auto;
    height: var(--menu-buttons-h);
    margin: 0 0 1vh 0;
    flex-flow: row;
    width: 100vw;
    gap: 0;
  }
  #menu_buttons .external_button { margin: auto var(--buttons-margin) }
  #menu_buttons .close { margin-top: auto }
}
@media only screen and (max-width: 500px) {
  .subtitle { font-size: 16px }
  .choice_buttons_wrapper {
    margin: 1vh auto;
    gap: 1vw;
  }
  .apply_clear_wrapper
  .apply_cancel_wrapper {
    margin: 2cqh auto;
    width: 100%;
    flex-wrap: wrap;
  }

  .apply_clear_wrapper .apply_button,
  .clear_button,
  .apply_clear_wrapper .apply_button .simple_button,
  .clear_button .simple_button {
    width: 100%;
  }

  .round_column,
  .xbet_column {
    display:none;
  }
  .replay_header, #replay_wrapper > .history_item {
    grid-template-columns: [date_column] 25% [bet_column] 20% [win_column] 20% [link_column] 16% [watch_column] auto;
  }
}
@media only screen and (max-width: 400px) {
  .simple_button { width: clamp(100px, calc(75% / 4 - 6vh), 400px) }
  .apply_button .simple_button,
  .start_button .simple_button,
  .cancel_button .simple_button { margin: 0 auto }
}
@media only screen and (max-height: 800px) {
  .apply_clear_wrapper,
  .apply_cancel_wrapper {
    margin: 2cqh auto;
    width: 100%;
  }
}
@media only screen and (max-height: 700px) {
  :root { --buttons-size: 50px }
  .subtitle { font-size: 18px }
  .simple_button_text {
    font-size: 2.4cqh;
    height: clamp(30px, 6vh, 80px);
  }
  .apply_button .simple_button,
  .start_button .simple_button,
  .clear_button .simple_button,
  .cancel_button .simple_button { height: 50px }
}
@media only screen and (max-height: 600px) {
  :root {
    --buttons-size: 40px;
    --buttons-border-size: 1px;
    --buttons-margin: 6px;
    --clock-height: 8px;
  }
  .simple_button_text {
    font-size: 18px;
    height: clamp(40px, 6vh, 80px);
  }
  .simple_button {
    border-width: 1px;
    width: clamp(60px, calc(70% / 4 - 6vh), 400px);
  }
  .apply_button .simple_button,
  .start_button .simple_button,
  .cancel_button .simple_button { border-width: 1px }
  #btn_close_cheats,
  #btn_close_bets {
    top: 16px;
    right: 16px;
  }
  #btn_close_cheats,
  #btn_close_bets,
  #btn_close_history,
  #btn_close_replay,
  .menu_buttons_table .external_button.simple,
  #menu_general_buttons .external_button,
  #menu_general_buttons_replay .external_button {
    border-radius: 0;
    border: none;
  }
}
@media only screen and (max-height: 500px) {
  :root {
    --buttons-size: 38px;
    --buttons-margin: 4px;
  }
  .apply_button .simple_button,
  .start_button .simple_button,
  .clear_button .simple_button,
  .cancel_button .simple_button { height: 40px }
}
@media only screen and (max-height: 400px) {
  h1,
  .cheats_wrapper .menu_title,
  .auto_wrapper .menu_title,
  .bet_wrapper .menu_title {
    font-size: 18px;
    margin: auto;
    min-height: 20px;
  }
  .subtitle {
    font-size: 8px;
    margin: 2px;
  }
}
@media only screen and (max-width: 600px) {
  :root {
    --buttons-size: 50px;
    --buttons-border-size: 2px;
  }
  .auto_wrapper .menu_title,
  .bet_wrapper .menu_title {
    font-size: 18px;
    margin: auto;
    min-height: 20px;
  }
  .subtitle {
    font-size: 12px;
    margin: 2px;
  }
  #menu_general_buttons .external_button:has(+ .external_button),
  #menu_general_buttons_replay .external_button:has(+ .external_button)
  { margin-right: 0 }
  #btn_close_cheats,
  #btn_close_bets {
    top: 16px;
    right: 16px;
  }
  #btn_close_cheats,
  #btn_close_bets,
  #btn_close_history,
  #btn_close_replay,
  .menu_buttons_table .external_button.simple,
  #menu_general_buttons .external_button,
  #menu_general_buttons_replay .external_button
  {
    border-radius: 0;
    border: none;
  }
  #btn_close_history:hover,
  #btn_close_replay:hover,
  #menu_general_buttons .external_button:hover,
  #menu_general_buttons_replay .external_button:hover
  { background-color: transparent }
  #menu_item_history { font-size: 3vw }
}
@media only screen and (max-width: 500px) {
  :root {
    --menu-title-h: 8vh;
    --menu-buttons-h: 8vh;
    --buttons-size: 40px;
    --buttons-border-size: 1px;
  }
}
@media only screen and (max-width: 400px) {
  :root { --buttons-margin: 4px }
}



/* =========================================
              DEV TOOLS
   ========================================= */

.cheats_wrapper {
  max-width: 512px;
  max-height: 100vh;
  overflow-y: auto;
}

.cheats_section_frame {
  position: relative;
  background: rgba(255, 255, 255, 0.08);
  border: 2px solid rgba(255, 255, 255, 0.15);
  border-radius: 12px;
  width: 100%;
  padding: 22px;
  box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.05);
  transition: all 0.3s ease;
}
.cheats_section_frame:hover {
  border-color: rgba(255, 255, 255, 0.3);
  background: rgba(255, 255, 255, 0.12);
}

.cheats_section_notification {
  visibility: hidden;
  position: absolute;
  top: 3px;
  font-size: 0.9em;
  color: #ff9900;
  opacity: 0;
  transform: translateY(-5px);
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.cheats_section_notification[style*="visible"] {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}
.cheats_section_title {
  font-size: 1.2em;
  font-weight: 600;
  margin-bottom: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding-bottom: 5px;
  color: #fff;
}
.cheats_dropdown_wrapper label {
  display: block;
  font-size: 0.9em;
  margin-bottom: 5px;
  color: #ccc;
}
.cheats_dropdown,
.cheats_search {
  width: 100%;
  padding: 8px 10px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.25);
  outline: none;
  transition: border 0.3s, background 0.3s;
  font-size: 16px !important;
}
.cheats_dropdown:hover {
  border-color: #ff9900;
}
.cheats_dropdown:focus {
  border-color: #ff9900;
  background: rgba(255, 255, 255, 0.15);
}
.cheats_dropdown option {
  padding: 6px 10px !important;
  font-size: 16px !important;
  font-family: Arial, sans-serif !important;
  line-height: 1.4 !important;
  background-color: rgba(20, 20, 20, 0.8) !important;
  color: #fff !important;
}

.cheats_search_wrapper {
  position: relative;
  width: 100%;
}
.cheats_search_icon {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  pointer-events: none;
}
.cheats_search {
  padding: 8px 22px 8px 32px; /* space for icon */
}
.cheats_search:hover {
  border-color: rgba(255, 255, 255, 0.3);
  background: rgba(255, 255, 255, 0.12);
}
.cheats_search:focus {
  border-color: #ff9900;
  background: rgba(255, 255, 255, 0.15);
}

@media (max-width: 700px) {
  .cheats_section_title {
    font-size: 1em;
  }
}

.cheats_checkbox_wrapper {
  margin: 10px 0;
  display: flex;
  align-items: center;
  font-family: Arial, sans-serif;
  font-size: 14px;
}

.custom_checkbox {
  position: relative;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  user-select: none;
  padding-left: 30px; /* space for checkmark */
  color: #fff;
}

.custom_checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.custom_checkbox .checkmark {
  position: absolute;
  left: 0;
  top: 0;
  height: 20px;
  width: 20px;
  background-color: #222;
  border: 2px solid #555;
  border-radius: 4px;
  transition: all 0.2s;
}

.custom_checkbox:hover .checkmark {
  border-color: #fff;
}

.custom_checkbox input:checked ~ .checkmark {
  background-color: #1572e7;
  border-color: #1572e7;
}

.custom_checkbox input:focus ~ .checkmark {
  box-shadow: 0 0 3px #1572e7;
}

.devtools-btn {
  width: 50px;
  height: 50px;
  background-color: #555555;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  cursor: pointer;
  position: fixed;
  top: 20px;
  left: 20px;
  font-size: 24px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  user-select: none;
  z-index: 999;
  transition: background-color 0.2s;
}
.devtools-btn:hover {
  background-color: #777777;
}

/* =========================================
              UI BUTTONS
   ========================================= */

/* STYLES FOR 720x1280 LAYOUT */
#ui_wrapper {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* Only used when the game Free Spins start and finish popups require player click anywhere interaction  */
#ui_wrapper.is-eventless {
  pointer-events: none;
}

.ui_panel {
  z-index: 10001;
}

.ui_container {
  width: auto;
  height: 100%;
  display: flex;
  flex-direction: column;
  /* Styles for Fade-out/Fade-in effects */
  opacity: 1;
  transition: opacity 0.4s ease-in-out;
}
.ui_container.fade-out {
  /* Styles for Fade-out/Fade-in effects */
  opacity: 0;
  pointer-events: none;
}

.ui_buttons_container {
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center;
}

.ui_spin_container {
  position: relative;
  margin-left: 25px;
  margin-right: 51px;
  padding: 0 6px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.ui_spin_container_back {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto 0;
  width: 100%;
  height: 88px;
  border-radius: 43px;
  background: linear-gradient(180deg, #1e1e1e 0%, #232323 50%, #1a1a1a 100%);
  box-shadow: inset 0px 9px 16px 0px rgba(0, 0, 0, 0.4);
  z-index: -1;
}
.ui_spin_container_back::before {
  content: '';
  position: absolute;
  inset: -2px; /* border thickness */
  border-radius: inherit;
  background: linear-gradient(180deg, #595959 0%, #BFBFBF 100%);
  /* MASK — cuts the center out */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  mask-composite: exclude;
  padding: 2px;
  pointer-events: none;
}
.ui_spin_container_back.is-disabled {
  background: linear-gradient(180deg, #222222 0%, #222222 50%, #222222 100%);
}

.ui_buy_bonus_button,
.ui_feature_bet_button,
.ui_minus_button,
.ui_spin_button,
.ui_plus_button,
.ui_autoplay_button,
.ui_menu_button,
.ui_volatility_button {
  color: #fff;
  font-weight: bold;
  cursor: pointer;
  border-radius: 100%;
}

.ui_buttons_group {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
}

.ui_autoplay_button {
  width: 84px;
  height: 84px;
}

.ui_menu_button {
  width: 64px;
  height: 60px;
}

.ui_spin_button {
  position: relative;
  width: 205px;
  height: 205px;
  transition: all 0.2s ease-in-out;
}
.ui_spin_button.is-promo .ui_spin_bg {
  fill: #FF45E9;
}
.ui_spin_button.is-promo .ui_spin_arrow {
  fill: #0F0032;
  stroke: rgba(255, 255, 255, 0.25);
}
.ui_spin_button.is-promo .ui_spin_ring {
  stop-color: #FFFFFF;
}
.ui_spin_button.is-fs .ui_spin_bg {
  fill: #222222;
}

.ui_spin_counter {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 60px;
  font-weight: bold;
  letter-spacing: 0.02em;
  line-height: 100%;
  color: white;
}
.ui_spin_counter svg {
  width: 65%;
}
.ui_spin_button.is-stop .ui_spin_counter,
.ui_spin_button.is-fs .ui_spin_counter,
.ui_spin_button.is-promo .ui_spin_counter {
  display: flex;
  justify-content: center;
  align-items: center;
}
.ui_spin_button.is-stop .ui_spin_arrow {
  display: none;
}
.ui_spin_button.is-promo .ui_spin_counter {
  color: #0F0032;
}

.ui_minus_button {
  margin-top: 5px;
  margin-bottom: 5px;
  width: 80px;
  height: 80px;
}

.ui_plus_button {
  margin-top: 5px;
  margin-bottom: 5px;
  width: 80px;
  height: 80px;
}

.ui_volatility_button {
  position: absolute;
  bottom: 1%;
  width: 84px;
  height: 84px;
  }

.ui_buy_bonus_button {
  width: 113px;
  height: 100px;
}

.ui_buy_bonus_button.fade-out {
    display: none;
}

.buy_bonus_info_button {
  color: white;
}

.ui_feature_bet_button {
    display: none;
}

.ui_feature_bet_button.is-visible {
    display: flex;
}

/* Buttons Hover Effects only for Desktop */
@media (hover: hover) and (pointer: fine) {
  .ui_bb_bg_1,
  .ui_bb_bg_2,
  .ui_bb_bg_3,
  .ui_spin_bg,
  .ui_spin_arrow,
  .ui_spin_ring,
  .ui_spin_ring_middle {
    transition: all 0.2s ease-in-out;
  }

  .ui_svg_bg {
    fill: #D9D9D9;
    transition: all 0.2s ease-in-out;
  }

  .buy_bonus_info_button .ui_bb_info_bg {
    fill: transparent;
    transition: all 0.2s ease-in-out;
  }

  svg g {
    transition: all 0.2s ease-in-out;
  }

  .ui_minus_button:hover .ui_svg_bg,
  .ui_plus_button:hover .ui_svg_bg,
  .ui_autoplay_button:hover .ui_svg_bg,
  .ui_menu_button:hover .ui_svg_bg,
  .buy_bonus_close_description:hover .ui_svg_bg {
    fill: #fdfdfd;
  }

  #ui_bet:hover .ui_label_wrapper {
    background: #fdfdfd;
  }

  .ui_buy_bonus_button:hover .ui_bb_bg_1 {
    fill: #fe6ef0;
  }
  .ui_buy_bonus_button:hover .ui_bb_bg_2 {
    fill: #F0EAF4;
  }
  .ui_buy_bonus_button:hover .ui_bb_bg_3 {

    fill: #623e60;
  }

  .buy_bonus_info_button:hover .ui_bb_info_bg {
    fill: rgba(255, 255, 255, 0.2);
  }
  .buy_bonus_info_button:hover g {
    opacity: 0.8;
  }

  .buy_bonus_buy_button:hover svg {
    opacity: 0.8;
  }

  #buy_bonus_confirm_button:hover,
  #buy_bonus_confirm_button:hover *,
  #menu_home_confirm_button:hover,
  #menu_home_confirm_button:hover * {
    background: #fdfdfd;
  }

  .ui_spin_button:not(.is-fs):not(.is-stop):not(.is-promo):hover .ui_spin_bg {
    fill: #4d4d4d;
  }
  .ui_spin_button:not(.is-fs):not(.is-stop):not(.is-promo):hover .ui_spin_ring {
    stop-color: #ffffff;
  }
  .ui_spin_button:not(.is-fs):not(.is-stop):not(.is-promo):hover .ui_spin_ring_middle {
    stop-color: #ffffff;
  }

  .autoplay_expand_button:hover {
    background: #fdfdfd;
  }
}

/* Buttons Active Effects */
.ui_minus_button:active .ui_svg_bg,
.ui_plus_button:active .ui_svg_bg,
.ui_autoplay_button:active .ui_svg_bg,
.ui_menu_button:active .ui_svg_bg,
.buy_bonus_close_description:active .ui_svg_bg {
  fill: #999999;
}

#ui_bet:active .ui_label_wrapper {
  background: #999999;
}

.ui_buy_bonus_button:active .ui_bb_bg_1 {
  fill: #972B8A;
}
.ui_buy_bonus_button:active .ui_bb_bg_2 {
  fill: #939091;
}
.ui_buy_bonus_button:active .ui_bb_bg_3 {
  fill: #231826;
}

.buy_bonus_info_button:active {
  color: #999999;
}
.buy_bonus_info_button:active .ui_svg_bg {
  fill: rgba(0, 0, 0, 0.4);
}
.buy_bonus_info_button:active g {
  opacity: 0.8;
}

.buy_bonus_buy_button:active svg {
  opacity: 0.9;
}

#buy_bonus_confirm_button:active,
#buy_bonus_confirm_button:active *,
#menu_home_confirm_button:active,
#menu_home_confirm_button:active * {
  background: #999999;
}

.ui_spin_button:not(.is-fs):not(.is-stop):not(.is-promo):active .ui_spin_bg {
  fill: #141414;
}
.ui_spin_button:not(.is-fs):not(.is-stop):not(.is-promo):active .ui_spin_arrow {
  fill: #999999;
}
.ui_spin_button:not(.is-fs):not(.is-stop):not(.is-promo):active .ui_spin_ring {
  stop-color: #999999;
}
.ui_spin_button:not(.is-fs):not(.is-stop):not(.is-promo):active .ui_spin_ring_middle {
  stop-color: #666666;
}

.autoplay_expand_button:active {
  background: #666666;
}

/* Buttons Disable Effects */
.ui_buy_bonus_button.is-disabled,
.ui_feature_bet_button.is-disabled,
.ui_spin_button.is-disabled,
.ui_autoplay_button.is-disabled,
.ui_menu_button.is-disabled,
#ui_bet.is-disabled .ui_label_wrapper,
.ui_volatility_button.is-disabled,
.buy_bonus_info_button.is-disabled {
  pointer-events: none;
  cursor: default;
}
.ui_minus_button.is-disabled .ui_svg_bg,
.ui_plus_button.is-disabled .ui_svg_bg,
.ui_autoplay_button.is-disabled .ui_svg_bg,
.ui_menu_button.is-disabled .ui_svg_bg,
.ui_volatility_button.is-disabled .ui_svg_bg {
  fill: #666666;
}

.ui_minus_button.is-disabled,
.ui_minus_button.is-bet-boundary-disabled,
.ui_plus_button.is-disabled,
.ui_plus_button.is-bet-boundary-disabled {
  cursor: default;
}
.ui_minus_button.is-bet-boundary-disabled .ui_svg_bg,
.ui_plus_button.is-bet-boundary-disabled .ui_svg_bg {
  fill: #666666;
}

.ui_spin_button.is-disabled .ui_spin_bg {
  fill: #232323;
}
.ui_spin_button.is-disabled .ui_spin_arrow {
  fill: #666666;
}
.ui_spin_button.is-disabled .ui_spin_ring {
  stop-color: #666666;
}
.ui_spin_button.is-disabled .ui_spin_ring_middle {
  stop-color: #3f3f3f;
}

#ui_bet.is-disabled .ui_label_wrapper {
  background: #666666;
  transition: none;
}

.buy_bonus_info_button.is-disabled {
  color: #666666;
}
.buy_bonus_info_button.is-disabled .ui_svg_bg {
  fill: rgba(34, 34, 34, 0.75);
}
.buy_bonus_info_button.is-disabled g {
  opacity: 0.8;
}

.ui_general_info {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 147px;
  font-size: 26px;
  font-weight: bold;
  color: white;
  text-transform: uppercase;
}

.ui_info_container {
  display: flex;
  align-items: center;
}

.ui_info_title {
  font-size: 22px;
  letter-spacing: 0.15em;
}

#ui_bet.ui_info_container,
#ui_balance.ui_info_container {
  position: relative;
  padding: 2px 2px 2px 15px;
  gap: 10px;
  border-radius: 43px;
  background: linear-gradient(180deg, #1e1e1e 0%, #232323 50%, #1a1a1a 100%);
  box-shadow: inset 0px 9px 16px 0px rgba(0, 0, 0, 0.4);
  z-index: -1;
}
#ui_bet.ui_info_container::before,
#ui_balance.ui_info_container::before {
  content: '';
  position: absolute;
  inset: -2px; /* border thickness */
  border-radius: inherit;
  background: linear-gradient(180deg, #595959 0%, #BFBFBF 100%);
  /* MASK — cuts the center out */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  mask-composite: exclude;
  padding: 2px;
  pointer-events: none;
}
#ui_bet.ui_info_container.is-disabled {
  background: linear-gradient(180deg, #222222 0%, #222222 50%, #222222 100%);
}

#ui_win {
  z-index: 9999;
}

#ui_win.ui_info_container {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 463%);
  padding: 0 20px;
  min-height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 43px;
  background: rgba(8, 8, 8, 0.9);
  color: white;
  /* Styles for Fade-out/Fade-in effects */
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease-in-out;
}
/* Styles for Fade-out/Fade-in effects */
#ui_win.ui_info_container.is-visible {
  opacity: 1;
}
/* Used to snap the win field hidden instantly (no fade) during a sustained hold-to-spin/skip */
#ui_win.ui_info_container.no-transition {
  transition: none;
}

#ui_win .ui_label {
  display: flex;
  align-items: center;
  gap: 10px;
  letter-spacing: 0.08em;
  line-height: 100%;
}

#ui_win .ui_win_prefix {
  display: none;
  font-size: 34px;
  font-weight: normal;
  color: rgba(217, 217, 217, 1);
}

#ui_win .ui_win_prefix.is-visible {
  display: flex;
}

#ui_win .ui_win_value {
  display: flex;
  justify-content: center;
  font-weight: bold;
  font-size: 34px;
  text-wrap: nowrap;
}

#ui_balance .ui_label_wrapper {
  padding: 0 20px;
  height: 46px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.9);
  box-shadow: inset 0px 9px 16px 0px rgba(0, 0, 0, 0.4);
  border-radius: 100px;
  color: rgba(217, 217, 217, 1);
}

#ui_bet .ui_label_wrapper {
  padding: 0 20px;
  height: 46px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #D9D9D9;
  box-shadow:
    inset 0px -2px 1px 0px rgba(64, 64, 64, 0.5),
    inset 0px 2px 1px 0px rgba(255, 255, 255, 0.5);
  border-radius: 100px;
  color: rgba(48, 48, 48, 1);
  letter-spacing: 0.08em;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}

#ui_balance .ui_label,
#ui_bet .ui_label {
  display: flex;
  align-items: center;
  gap: 10px;
  letter-spacing: 0.08em;
  text-wrap: nowrap;
}

.ui_amount {
  white-space: nowrap;  /* fallback */
  text-wrap: nowrap;  /* modern Safari */
}

.ui_currency {
  font-weight: normal;
}

/* Hide tap highlight of Mobile and Tablet devices for all buttons */
.ui_volatility_button,
.ui_buy_bonus_button,
.ui_feature_bet_button,
.ui_minus_button,
.ui_spin_button,
.ui_spin_button *,
.ui_plus_button,
.ui_autoplay_button,
.ui_menu_button,
#ui_bet_button,
#buy_bonus_next_btn,
#buy_bonus_prev_btn,
#intro_next_btn,
#intro_prev_btn,
.buy_bonus_slider_dot,
.toggle_button,
.selection_button,
#autoplay_expand_button,
.buy_bonus_item,
#buy_bonus_close_description,
#buy_bonus_confirm_button,
#buy_bonus_confirm_button *,
#menu_home_confirm_button,
#menu_home_confirm_button * {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}
.ui_volatility_button svg,
.ui_buy_bonus_button svg,
.ui_feature_bet_button svg,
.ui_minus_button svg,
.ui_spin_button svg,
.ui_plus_button svg,
.ui_autoplay_button svg,
.ui_menu_button svg,
#ui_bet_button svg,
.ui_volatility_button svg *,
.ui_buy_bonus_button svg *,
.ui_feature_bet_button svg *,
.ui_minus_button svg *,
.ui_spin_button svg *,
.ui_plus_button svg *,
.ui_autoplay_button svg *,
.ui_menu_button svg *,
#ui_bet_button svg *,
#buy_bonus_next_btn svg,
#buy_bonus_prev_btn svg,
#intro_next_btn svg,
#intro_prev_btn svg,
.toggle_button svg,
.selection_button svg,
#autoplay_expand_button svg,
#buy_bonus_close_description svg {
  pointer-events: none;
}

/* RECTANGLE or LANDSCAPE layout (aspect ratio: width > height). EXCUDED DESKTOP VIEW */
@media (min-aspect-ratio: 1/1) and (pointer: coarse) {
  #ui_wrapper {
    position: absolute;
    left: auto;
    right: 44px;
    top: 0;
    bottom: 0;
    height: 100%;
    display: flex;
    justify-content: right;
    align-items: center;
  }

  .ui_buttons_container {
    margin-top: 42px;
    margin-bottom: 46px;
    height: 100%;
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
    align-items: center;
  }

  .ui_spin_container {
    position: relative;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .ui_spin_container_back {
    position: absolute;
    margin: auto;
    height: 100%;
    width: 88px;
  }

  .ui_buttons_group {
    display: flex;
    flex-direction: row;
  }

  .ui_general_info {
    bottom: 10px;
    margin: 0 280px;
  }

  #ui_win.ui_info_container {
    top: 50%;
    left: 50%;
    transform: translate(-50%, 355%);
  }
}

/* =========================================
              BUY BONUS POPUP
   ========================================= */

/* STYLES FOR 720x1280 LAYOUT */
#buy_bonus_wrapper {
  position: absolute;
  inset: 0;
  padding: 0 8px;
  padding-bottom: 296px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  z-index: 10000;
  /* Styles for Fade-out/Fade-in effects */
  opacity: 1;
  transition: opacity 0.4s ease-in-out;
}
#buy_bonus_wrapper.fade-out {
  /* Styles for Fade-out/Fade-in effects */
  opacity: 0;
  pointer-events: none;
}

.buy_bonus_container {
  position: relative;
  margin: 0;
  padding: 20px 50px;
  width: 704px;
  height: 692px;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
  gap: 20px;
  font-size: 30px;
  letter-spacing: 0.08em;
  color: white;
  border-radius: 30px;
  background: linear-gradient(180deg, #424242 0%, #2D2E2E 100%);
  box-shadow:
    0 8px 12px rgba(0, 0, 0, 0.3),        /* outer shadow */
    inset 0 4px 2px rgba(255, 255, 255, 0.1); /* inner highlight */
  opacity: 0.95;
  box-sizing: border-box;
  transition: height 0.2s ease-in-out;
}
#buy_bonus_wrapper.is-confirm .buy_bonus_container {
  height: 443px;
}
#buy_bonus_wrapper.is-description .buy_bonus_container {
  height: 692px;
}
#buy_bonus_wrapper.is-options-3 .buy_bonus_container {
  height: 692px;
}
#buy_bonus_wrapper.is-options-2 .buy_bonus_container {
  height: 530px;
}
#buy_bonus_wrapper.is-options-1 .buy_bonus_container {
  height: 360px;
}

.buy_bonus_background_container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -1;
}

.buy_bonus_background_image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.buy_bonus_title_container {
  margin-bottom: -25px;
  width: 347px;
  z-index: -1;
}

.buy_bonus_title-landscape {
  display: none;
}

.buy_bonus_item-title,
.buy_bonus_description-title {
  font-size: 40px;
  text-transform: uppercase;
  line-height: 36px;
  letter-spacing: 0.08em;
}

.buy_bonus_description-title {
  text-align: center;
}

.buy_bonus_items_container {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.buy_bonus_description_container.is-disabled .buy_bonus_description_background-color {
  fill: rgba(85, 85, 85, 1);
}
.buy_bonus_description_container.is-disabled .buy_bonus_description_image {
  filter: grayscale(100%);
}
.buy_bonus_description_container.is-disabled .buy_bonus_buy_button {
  pointer-events: none;
  opacity: 0.4;
}

.buy_bonus_item_wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.buy_bonus_item_wrapper:nth-child(1) {
  top: 0;
  z-index: 2;
}
.buy_bonus_item_wrapper:nth-child(2) {
  top: 155px;
  z-index: 1;
}
.buy_bonus_item_wrapper:nth-child(3) {
  top: 330px;
  left: 5px;
  z-index: 0;
}

.buy_bonus_item {
  position: relative;
  margin-bottom: -20px;
  padding: 10px 0 10px 160px;
  width: 100%;
  height: 175px;
  display: flex;
  cursor: pointer;
  overflow: hidden;
}
.buy_bonus_item.is-disabled {
  pointer-events: none;
  cursor: default;
}
.buy_bonus_item.is-disabled .buy_bonus_item-background-color {
  fill: rgba(85, 85, 85, 1);
}
.buy_bonus_item.is-disabled .buy_bonus_item-image {
  filter: grayscale(100%);
}

.buy_bonus_item-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: fill;
  pointer-events: none;
  user-select: none;
  z-index: -1;
  filter: drop-shadow(0px 10px 10px rgba(0, 0, 0, 0.25));
}

.buy_bonus_item-image {
  position: absolute;
  bottom: 19px;
  left: -3px;
  width: 29%;
  object-fit: fill;
}

.buy_bonus_item-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.buy_bonus_price_container {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 7px;
}

.buy_bonus_item-price {
  padding: 10px 16px;
  width: fit-content;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 32px;
  font-size: 30px;
  font-weight: bold;
  line-height: 100%;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.buy_bonus_buy_button {
  width: 110px;
  cursor: pointer;
}

.buy_bonus_info_button {
  position: absolute;
  right: 35px;
  top: 50%;
  transform: translateY(-65%);
  width: 55px;
  height: 55px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.buy_bonus_item-description {
  font-size: 30px;
  line-height: 32px;
  letter-spacing: 0;
  overflow: hidden;
  text-align: justify;
}

.buy_bonus_close_description {
  position: absolute;
  width: 50px;
  top: 20px;
  right: 30px;
  cursor: pointer;
  z-index: 1;
}

.buy_bonus_particle {
  width: 100%;
  height: 505px;
  display: grid;
}

#buy_bonus_wrapper.is-options-3 .buy_bonus_particle,
#buy_bonus_wrapper.is-options-3 .buy_bonus_items_container {
  height: 505px;
}
#buy_bonus_wrapper.is-options-2 .buy_bonus_particle,
#buy_bonus_wrapper.is-options-2 .buy_bonus_items_container {
  height: 345px;
}
#buy_bonus_wrapper.is-options-1 .buy_bonus_particle,
#buy_bonus_wrapper.is-options-1 .buy_bonus_items_container {
  height: 175px;
}

.buy_bonus_view_page {
  grid-area: 1 / 1;
  width: 100%;
  min-width: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease-in-out;
}
.buy_bonus_view_page.is-active {
  opacity: 1;
  pointer-events: auto;
}
#buy_bonus_wrapper.is-description .buy_bonus_view_page {
  height: 505px;
}
#buy_bonus_wrapper.fade-out .buy_bonus_view_page {
  pointer-events: none;
}

.buy_bonus_description_item {
  position: relative;
  width: 100%;
  height: 475px;
  margin-bottom: 35px;
  padding: 40px 40px 10px 40px;
}

.buy_bonus_description_background {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: fill;
  pointer-events: none;
  user-select: none;
  z-index: -1;
  filter: drop-shadow(0px 10px 10px rgba(0, 0, 0, 0.25));
}

.buy_bonus_description_image {
  position: absolute;
  bottom: -1px;
  left: -2px;
  width: 30%;
  object-fit: fill;
}

.buy_bonus_description_content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
}

.buy_bonus_description_group {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 20px;
}

.buy_bonus_description_title-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.buy_bonus_confirm {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
}

.buy_bonus_confirm_title,
.menu_home_confirm_title {
  font-size: 34px;
  line-height: 38px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  text-align: center;
  max-width: 434px;
}

#buy_bonus_confirm_button,
#buy_bonus_confirm_button *,
#menu_home_confirm_button,
#menu_home_confirm_button * {
  width: 297px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #D9D9D9;
  box-shadow:
    inset 0px -2px 1px 0px rgba(64, 64, 64, 0.5),
    inset 0px 2px 1px 0px rgba(255, 255, 255, 0.5);
  border-radius: 100px;
  color: rgba(48, 48, 48, 1);
  font-size: 34px;
  line-height: 22px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}

/* Slider */
.buy_bonus_slider_controls {
  margin: 0 auto;
  width: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 70px;
}
.buy_bonus_slider_controls.is-hidden {
  visibility: hidden;
  pointer-events: none;
}

.buy_bonus_slider_btn {
  /* Disable button tag default styles */
  background-color: transparent;
  border: none;
  padding: 0;
  margin: 0;
  text-align: inherit;
  font: inherit;
  border-radius: 0;
  appearance: none;

  width: 60px;
  height: 60px;
  cursor: pointer;
}

.buy_bonus_slider_btn.is-disabled {
  opacity: 0.3;
  pointer-events: none;
}

.buy_bonus_slider_dots {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 12px;
}

.buy_bonus_slider_dot {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: rgba(95, 95, 95, 1);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.buy_bonus_slider_dot.is-active {
  background: rgba(95, 95, 95, 1);
}

.buy_bonus_slider_dot-inner {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: rgba(255, 69, 233, 1);
  opacity: 0;
}
.buy_bonus_slider_dot.is-active .buy_bonus_slider_dot-inner {
  opacity: 1;
}

/* RECTANGLE or LANDSCAPE layout (aspect ratio: width > height). EXCUDED DESKTOP VIEW */
@media (min-aspect-ratio: 1/1) and (pointer: coarse) {
  #buy_bonus_wrapper {
    padding-right: 240px;
  }
  #buy_bonus_wrapper.is-options-3 {
    padding-bottom: 68px;
  }
  #buy_bonus_wrapper.is-options-2 {
    padding-bottom: 136px;
  }
  #buy_bonus_wrapper.is-options-1 {
    padding-bottom: 204px;
  }
  #buy_bonus_wrapper.is-description {
    padding-bottom: 68px;
  }
  #buy_bonus_wrapper.is-confirm {
    padding-bottom: 165px;
  }

  .buy_bonus_container {
    padding: 40px 50px 20px 323px;
    width: 973px;
    height: 643px;
    transition: none;
  }
  #buy_bonus_wrapper.is-options-3 .buy_bonus_container {
    height: 643px;
  }
  #buy_bonus_wrapper.is-options-2 .buy_bonus_container {
    height: 483px;
  }
  #buy_bonus_wrapper.is-options-1 .buy_bonus_container {
    height: 313px;
  }
  #buy_bonus_wrapper.is-description .buy_bonus_container {
    height: 643px;
  }

  .buy_bonus_title_container {
    position: absolute;
    top: 0;
    left: 35px;
    height: 100%;
    display: flex;
    align-items: center;
    width: 244px;
  }

  .buy_bonus_title-portrait {
    display: none;
  }

  .buy_bonus_title-landscape {
    display: block;
  }

  .buy_bonus_confirm_container {
    margin-top: 30px;
  }
}

/* =========================================
              TURBO and AUTOPLAY
   ========================================= */

/* STYLES FOR 720x1280 LAYOUT */
#turbo_autoplay_wrapper {
  position: absolute;
  inset: 0;
  padding: 0 8px;
  padding-bottom: 296px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  z-index: 10000;
  overflow-y: auto;
  /* Styles for Fade-out/Fade-in effects */
  opacity: 1;
  transition: opacity 0.4s ease-in-out;
}
#turbo_autoplay_wrapper.fade-out {
  /* Styles for Fade-out/Fade-in effects */
  opacity: 0;
  pointer-events: none;
}

.turbo_autoplay_container {
  position: relative;
  margin: 0;
  padding: 20px 40px;
  width: 704px;
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 20px;
  background: linear-gradient(180deg, #424242 0%, #2D2E2E 100%);
  box-shadow:
    0 8px 12px rgba(0, 0, 0, 0.3),        /* outer shadow */
    inset 0 4px 2px rgba(255, 255, 255, 0.1); /* inner highlight */
  opacity: 0.95;
  border-radius: 30px;
  overflow-y: auto;
  color: white;
  font-size: 26px;
  font-weight: bold;
  line-height: 22px;
  letter-spacing: 0.05em;
  box-sizing: border-box;
}

.turbo_autoplay_section {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}

.turbo_autoplay_title {
  font-size: 34px;
  line-height: 22px;
}

.turbo_buttons_container {
  width: 100%;
  display: flex;
  justify-content: space-around;
}

.turbo_autoplay_vertical_group {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}

.turbo_button_title {
  font-weight: normal;
}

.toggle_button {
  position: relative;
  width: 120px;
  height: 60px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 100px;
  box-shadow: inset 0 2px 2px rgba(0,0,0,0.85);
  cursor: pointer;
}

 .toggle_knob {
  position: absolute;
  top: 50%;
  left: 0;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: radial-gradient(63.43% 63.43% at 50% 50%, #FFFFFF 0%, #D9D9D9 100%);
  transform: translate(0, -50%);
  transition: transform 0.25s ease-in-out, background 0.25s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow:
    inset 0px -2px 1px rgba(64, 64, 64, 0.5),
    inset 0px 2px 1px rgba(255, 255, 255, 0.5);
}

.toggle_button.active .toggle_knob {
  transform: translate(60px, -50%);
  background: rgba(255, 69, 233, 1);
}
.toggle_button.is-disabled {
  background: #505050;
  box-shadow:
    inset 0px -2px 1px 0px rgba(64, 64, 64, 0.5),
    inset 0px 2px 1px 0px rgba(255, 255, 255, 0.5);
  pointer-events: none;
  cursor: default;
}
.toggle_button.is-disabled .toggle_knob {
  pointer-events: none;
  background: #575757;
  box-shadow:
    inset 0px -2px 1px 0px rgba(64, 64, 64, 0.5),
    inset 0px 2px 1px 0px rgba(255, 255, 255, 0.5);
}

.toggle_icon {
  margin-left: 2px;
  width: 28px;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.toggle_button.active .toggle_icon {
  margin-left: 5px;
}

.selection_buttons_container {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
}

.selection_button {
  width: 80px;
  height: 80px;
  border-radius: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 30px;
  line-height: 100%;
  letter-spacing: 0.08em;
  color: white;
  cursor: pointer;
  transition: all 0.25s ease-in-out;
  box-shadow: inset 0px -2px 1px 0px #6D6D6D;
}
.selection_button.active {
  background: rgba(255, 69, 233, 1);
  color: black;
  box-shadow:
    inset 0px -2px 1px 0px rgba(64, 64, 64, 0.5),
    inset 0px 2px 1px 0px rgba(255, 255, 255, 0.5);
}
/* Cancel flash animation */
.selection_button.is-cancel-flash {
  animation: cancelFlash 0.25s ease-in-out;
}

@keyframes cancelFlash {
  0% {
    background: rgba(0, 0, 0, 0.5);
  }
  80% {
    background: rgba(255, 69, 233, 1);
  }
  100% {
    background: rgba(0, 0, 0, 0.5);
  }
}

.selection_button svg {
  width: 35px;
 }

.selection_button--input {
  position: relative;
  padding: 0;
}

.selection_input {
  width: 100%;
  height: 100%;
  border: none;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: center;
  outline: none;
  z-index: 2;
}

.selection_input::-webkit-inner-spin-button,
.selection_input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.selection_input_icon {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
}
/* Hide an icon when input is active */
.selection_button--input.active .selection_input_icon,
.selection_button--input:focus-within .selection_input_icon {
  opacity: 0;
}

.autoplay_expand_button {
  padding: 15px;
  width: 60px;
  height: 60px;
  background: #D9D9D9;
  border-radius: 100%;
  box-shadow:
    inset 0px -2px 1px 0px rgba(64, 64, 64, 0.5),
    inset 0px 2px 1px 0px rgba(255, 255, 255, 0.5);
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}
.autoplay_expand_button svg {
  transition: transform 0.2s ease-in-out;
}
.autoplay_expand_button.is-expanded svg {
  transform: rotate(180deg);
}

.autoplay_expanded_container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height .4s ease-in-out, opacity .4s ease-in-out;
}
.autoplay_expanded_container.autoplay_expanded_container--expanded {
  max-height: 100vh;
  opacity: 1;
}

.turbo_autoplay_horizontal_group {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  gap: 20px;
}

/* RECTANGLE or LANDSCAPE layout (aspect ratio: width > height). EXCUDED DESKTOP VIEW */
@media (min-aspect-ratio: 1/1) and (pointer: coarse) {
  #turbo_autoplay_wrapper {
    padding-bottom: 0;
    align-items: center;
  }

  /* THE FOLLOWING STYLES ARE DISPLAYED WHEN THE TURBO AUTOPLAY POPUP WINDOW IS EXPANDED */
  #turbo_autoplay_wrapper.is-expanded {
    padding-bottom: 96px;
    padding-right: 160px;
    align-items: flex-end;
  }

  .turbo_autoplay_container.is-expanded {
    padding: 50px 40px 20px 40px;
    width: 895px;
    max-width: none;
    height: 580px;
    flex-direction: row;
    gap: 20px;
  }
  .turbo_autoplay_container.is-expanded .is-turbo-section {
    position: relative;
    width: 222px;
  }
  .turbo_autoplay_container.is-expanded .is-turbo-section::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: -10px; /* center divider inside the gap (container gap = 20px) */
    width: 2px;
    opacity: 0.2;
    background: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0) 0%,
      #FFFFFF 16%,
      #FFFFFF 81%,
      rgba(255, 255, 255, 0) 100%
    );
  }
  .turbo_autoplay_container.is-expanded .is-autoplay-section {
    width: 633px;
  }
  .turbo_autoplay_container.is-expanded .turbo_buttons_container {
    flex-direction: column;
    justify-content: space-around;
    gap: 26px;
  }
  .turbo_autoplay_container.is-expanded .selection_buttons_container.autoplay_section {
    padding-left: 58px;
    justify-content: start;
  }

  .autoplay_expanded_container {
    transition: none;
  }

  .autoplay_expanded_container--expanded .turbo_autoplay_horizontal_group {
    justify-content: flex-end;
    gap: 50px;
  }
  .autoplay_expanded_container--expanded .turbo_autoplay_vertical_group {
    width: 100%;
    gap: 14px;
  }
}

/* =========================================
              BET SETTINGS POPUP
   ========================================= */

/* STYLES FOR 720x1280 LAYOUT */
#bet_settings_wrapper {
  position: absolute;
  inset: 0;
  padding: 0 8px;
  padding-bottom: 296px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  z-index: 10000;
  overflow-y: auto;
  /* Styles for Fade-out/Fade-in effects */
  opacity: 1;
  transition: opacity 0.4s ease-in-out;
}
#bet_settings_wrapper.fade-out {
  /* Styles for Fade-out/Fade-in effects */
  opacity: 0;
  pointer-events: none;
}

.bet_settings_container {
  position: relative;
  padding: 20px 10px;
  width: 704px;
  height: auto;
  max-height: 970px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  background: linear-gradient(180deg, #424242 0%, #2D2E2E 100%);
  box-shadow:
    0 8px 12px rgba(0, 0, 0, 0.3),        /* outer shadow */
    inset 0 4px 2px rgba(255, 255, 255, 0.1); /* inner highlight */
  opacity: 0.95;
  border-radius: 30px;
  overflow: hidden;
  color: white;
  font-size: 30px;
  font-weight: bold;
  letter-spacing: 0.08em;
  box-sizing: border-box;
}

.bet_settings_title {
  font-size: 34px;
  line-height: 22px;
  font-weight: bold;
  letter-spacing: 0.1em;
}

.bet_selection_buttons_container {
  width: 100%;
  /* Calculation : 40px vertical padding, 34px title area, 20px flex gap between title and buttons = scrollable button area*/
  max-height: calc(970px - 40px - 34px - 20px);
  min-height: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: flex-start;
  flex-wrap: wrap-reverse;
  gap: 10px;
  row-gap: 20px;
  overflow-y: auto;
  overflow-x: hidden;
  box-sizing: border-box;
}
.bet_selection_buttons_container.has-scroll {
  padding-right: 8px;
}

.bet_selection_button {
  /* Keeps the current 220px size when there is no scrollbar,
  but lets buttons shrink slightly when the custom scrollbar consumes horizontal space.*/
  flex: 0 0 calc((100% - 20px) / 3);
  max-width: 220px;
  height: 70px;
  border-radius: 100px;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  cursor: pointer;
  text-align: center;
  transition: all 0.25s ease-in-out;
  box-shadow: inset 0px -2px 1px 0px #6D6D6D;
}
.bet_selection_button.active {
  background: rgba(255, 69, 233, 1);
  color: black;
  box-shadow:
    inset 0px -2px 1px 0px rgba(64, 64, 64, 0.5),
    inset 0px 2px 1px 0px rgba(255, 255, 255, 0.5);
}
.bet_selection_button.disabled {
  background: rgba(0, 0, 0, 1);
  opacity: 0.75;
  color: white;
  cursor: not-allowed;
  pointer-events: none;
}

.bet_selection_label {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: center;
}

.bet_selection_currency {
  font-family: RobotoLight;
  font-size: 24px;
  font-weight: 400;
  font-style: normal;
}

.bet_selection_amount {
  font-weight: bold;
}

/* RECTANGLE or LANDSCAPE layout (aspect ratio: width > height). EXCUDED DESKTOP VIEW */
@media (min-aspect-ratio: 1/1) and (pointer: coarse) {
  #bet_settings_wrapper {
    align-items: center;
    padding-bottom: 0;
  }
}

/* =========================================
              MAIN MENU POPUP
   ========================================= */

/* STYLES FOR 720x1280 LAYOUT */
#main_menu_wrapper {
  position: absolute;
  inset: 0;
  padding: 0 8px;
  padding-bottom: 296px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  z-index: 10000;
  overflow-y: auto;
  /* Styles for Fade-out/Fade-in effects */
  opacity: 1;
  transition: opacity 0.4s ease-in-out;
}
#main_menu_wrapper.fade-out {
  /* Styles for Fade-out/Fade-in effects */
  opacity: 0;
  pointer-events: none;
}

.main_menu_section {
  position: relative;
  width: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.main_menu_selection_wrapper {
  position: absolute;
  bottom: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
.main_menu_selection_wrapper.is-hidden {
  opacity: 0;
  pointer-events: none;
}

.main_menu_container {
  position: relative;
  margin: 0;
  padding: 20px 40px 194px 40px;
  width: 704px;
  height: 970px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  background: linear-gradient(180deg, #424242 0%, #2D2E2E 100%);
  box-shadow:
    0 8px 12px rgba(0, 0, 0, 0.3),        /* outer shadow */
    inset 0 4px 2px rgba(255, 255, 255, 0.1); /* inner highlight */
  opacity: 0.95;
  border-radius: 30px;
  overflow-y: auto;
  color: white;
  font-size: 26px;
  line-height: 100%;
  letter-spacing: 0.05em;
  box-sizing: border-box;
  transition: height 0.2s ease-in-out;
}
.main_menu_container.have-scroll {
  padding: 20px 8px 194px 40px;
}
#main_menu_wrapper.is-home .main_menu_container {
  padding: 20px 40px 20px 40px;
  height: 208px;
}

.main_menu_sounds_wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.25s ease-in-out;
}

.main_menu_sounds-off {
  position: absolute;
  inset: 0;
  width: 64px;
  opacity: 0;
  pointer-events: none;
}
.main_menu_sounds_wrapper.is-off .main_menu_sounds-off {
  opacity: 1;
}

.menu_settings_container,
.menu_info_container,
.menu_history_container,
.menu_home_container,
.menu_history_wrapper,
.menu_info_wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 26px;
  overflow-x: hidden;
}
.menu_settings_container {
  justify-content: center;
}

.main_menu_title,
.main_menu_view_title {
  font-family: Roboto;
  font-weight: 600;
  font-size: 42px;
  line-height: 42px;
  letter-spacing: 0.05em;
  text-align: center;
  text-box-trim: none;
  color: white;
  text-transform: uppercase;
  opacity: 1;
  transition: opacity 0.2s ease-in-out;
}
.main_menu_title.is-fading {
  opacity: 0;
}
.main_menu_title_heading{
  font-family: Roboto;
  font-weight: 600;
  font-size: 32px;
  line-height: 32px;
  letter-spacing: 0.05em;
  text-align: center;
  text-box-trim: none;
  color: white;
  text-transform: uppercase;
  opacity: 1;
  transition: opacity 0.2s ease-in-out;
}
.main_menu_title_heading.is-fading {
  opacity: 0;
}

.main_menu_view_title {
  text-wrap: nowrap;
}

.menu_settings_title {
  font-size: 34px;
  line-height: 22px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}

.main_menu_selection {
  position: relative;
  padding: 0 10px;
  height: 88px;
  width: 410px;
  border-radius: 43px;
  background: linear-gradient(180deg, #1e1e1e 0%, #232323 50%, #1a1a1a 100%);
  box-shadow: inset 0px 9px 16px 0px rgba(0, 0, 0, 0.4);
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  gap: 10px;
}
.main_menu_selection::before {
  content: '';
  position: absolute;
  inset: -2px; /* border thickness */
  border-radius: inherit;
  background: linear-gradient(180deg, #1B1B1B 0%, #5C5C5C 100%);
  /* MASK — cuts the center out */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  mask-composite: exclude;
  padding: 2px;
  pointer-events: none;
}

.main_menu_selection-button {
  padding: 16px;
  width: 65px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  border-radius: 100%;
  transition: all 0.25s ease-in-out;
  cursor: pointer;
}
.main_menu_selection-button.is-active {
  color: #303030;
  background: radial-gradient(63.43% 63.43% at 50% 50%, #FFFFFF 0%, #D9D9D9 100%);
  box-shadow:
    inset 0px -2px 1px 0px rgba(64, 64, 64, 0.5),
    inset 0px 2px 1px 0px rgba(255, 255, 255, 0.5);
}

.main_menu_particle {
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: opacity 0.2s ease-in-out;
}
.main_menu_particle.is-fading {
  opacity: 0;
  pointer-events: none;
}

.menu_settings_section{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}

.menu_settings_horizontal_group {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

.menu_settings_button_lable {
  font-size: 26px;
  line-height: 22px;
  text-transform: uppercase;
}

.menu_settings_keyboard {
  display: none;
}

.menu_info_divider_wrapper {
  position: relative;
  width: 100%;
  height: 2px;
}
.menu_info_divider {
  position: absolute;
  width: 100%;
  height: 2px;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.2) 15.87%,
    rgba(255, 255, 255, 0.2) 80.77%,
    rgba(255, 255, 255, 0) 100%
  );
}

.menu_info_image {
  width: 100%;
  max-width: 465px;
  object-fit: contain;
}
.is-square-image {
  max-width: 250px;
}

.menu_info_description {
  width: 100%;
  font-family: RobotoLight;
  font-weight: 400;
  font-style: normal;
  font-size: 26px;
  line-height: 28px;
  letter-spacing: 0.05em;
  text-align: justify;
  text-box-trim: none;
}

.menu_info_list {
  margin: 0;
  padding: 0;
  padding-left: 35px;
  width: 100%;
}
.menu_info_list_bullet {
  margin-bottom: 10px;
  font-family: RobotoLight;
  font-weight: 400;
  font-style: normal;
  font-size: 26px;
  line-height: 28px;
  letter-spacing: 0.05em;
  text-align: justify;
}

.menu_history_wrapper,
.menu_info_wrapper {
  width: 100%;
  max-height: 795px;
  overflow-y: auto;
  position: relative;
  /* Fade out effect adjustment for Chrome / Edge / Safari */
  -webkit-mask-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 1) 0%,
    rgba(0, 0, 0, 1) 80%,
    rgba(0, 0, 0, 0) 100%
  );
  /* Fade out effect adjustment for Firefox */
  mask-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 1) 0%,
    rgba(0, 0, 0, 1) 80%,
    rgba(0, 0, 0, 0) 100%
  );
}
/* Add padding-right to make space between content and scrollbar */
.menu_info_wrapper {
  padding-right: 8px;
}

#info_common_mount {
  width: 100%;
}

.menu_info_common_container {
  padding-bottom: 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 26px;
}

.menu_info_split_section {
  display: flex;
  flex-direction: column;
  gap: inherit;
}

.menu_info_split_container {
  margin: 20px 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: center;
  gap: 20px;
}

.menu_info_subtitle {
  font-size: 26px;
  font-weight: bold;
  text-transform: uppercase;
}

.menu_info_split_left {
  grid-column: span 1 / span 1;
  display: flex;
  justify-content: center;
}

.menu_info_split_right {
  grid-column: span 2 / span 2;
}

.menu_info_split_container .menu_info_description {
  margin-bottom: 0;
}

.menu_info_common_image {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.common_img_small {
  width: 30%;
}
.common_img_medium {
  width: 50%;
}

.menu_history_section {
  position: relative;
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 20px;
  text-transform: uppercase;
  padding-bottom: 26px; /* space for divider */
  line-height: 100%;
}
.menu_history_section::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  opacity: 0.2;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    #FFFFFF 15.87%,
    #FFFFFF 80.77%,
    rgba(255, 255, 255, 0) 100%
  );
}

.menu_history_details {
  grid-column: span 3 / span 3;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.menu_history_date-time_wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: bold;
}

.menu_history_details_group {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.menu_history_label {
  font-weight: bold;
}

.menu_history_icon {
  width: 60px;
  grid-column: span 1 / span 1;
  align-self: center;
  justify-self: center;
}

.paytable_container {
  margin-bottom: 30px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px;
  row-gap: 50px;
}

.paytable_item {
  width: 48%;
  display: flex;
  align-items: center;
  gap: 20px;
}

.paytable_item_image {
  width: 135px;
  object-fit: contain;
}

.paytable_lines_container {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.paytable_line {
  display: flex;
  gap: 10px;
  font-family: RobotoLight;
}

/* STYLES FOR DESKTOP  */
@media (hover: hover) and (pointer: fine) {
  .menu_settings_keyboard {
    display: flex;
  }
}

/* RECTANGLE or LANDSCAPE layout (aspect ratio: width > height). EXCUDED DESKTOP VIEW */
@media (min-aspect-ratio: 1/1) and (pointer: coarse) {
  #main_menu_wrapper {
    padding-bottom: 68px;
    padding-right: 240px;
  }
  #main_menu_wrapper.is-home {
    padding-right: 285px;
    justify-content: end;
    align-items: center;
  }

  .main_menu_container {
    padding: 82px 40px 20px 130px;
    width: 973px;
    height: 643px;
    transition: none;
  }
  .main_menu_container.have-scroll {
    padding: 82px 20px 20px 130px;
  }
  #main_menu_wrapper.is-home .main_menu_container {
    padding: 20px 40px 20px 40px;
    width: 704px;
    height: 208px;
  }

  .main_menu_selection_wrapper {
    top: 50%;
    left: 50%;
    transform: translate(-154%, -50%);
    flex-direction: row;
  }

  .main_menu_view_title {
    position: absolute;
    top: -150;
    left: 450;
    width: 100%;
  }

  .main_menu_selection {
    transform: rotate(90deg);
  }
  .main_menu_selection::before {
    background: linear-gradient(-90deg, #1B1B1B 0%, #5C5C5C 100%);
  }

  .main_menu_selection-button {
    transform: rotate(-90deg);
  }

  .menu_settings_horizontal_group {
    padding: 0 100px;
  }

  .menu_info_wrapper {
    padding-right: 20px;
  }
}

/* =========================================
              INTRO SCREENS
   ========================================= */

/* STYLES FOR 720x1280 LAYOUT */
#intro_screens_wrapper {
  position: absolute;
  inset: 0;
  padding: 0 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  /* Styles for Fade-out/Fade-in effects */
  opacity: 1;
  transition: opacity 0.4s ease-in-out;
}
#intro_screens_wrapper.fade-out {
  /* Styles for Fade-out/Fade-in effects */
  opacity: 0;
  pointer-events: none;
}

.intro_screens_container {
  position: relative;
  padding: 40px 50px 20px 50px;
  width: 704px;
  height: 692px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  background: linear-gradient(180deg, #424242 0%, #2D2E2E 100%);
  box-shadow:
    0 8px 12px rgba(0, 0, 0, 0.3),        /* outer shadow */
    inset 0 4px 2px rgba(255, 255, 255, 0.1); /* inner highlight */
  opacity: 0.95;
  border-radius: 30px;
  color: white;
  font-size: 30px;
  line-height: 32px;
  box-sizing: border-box;
  overflow: visible;
}

/* --- CLICK TO CONTINUE GLOBAL */
.click_to_continue_wrapper {
  position: absolute;
  bottom: -125px;
  left: 0;
  width: 100%;
  text-align: center;
  pointer-events: none;
  z-index: 10;
}

.click_to_continue_text {
  color: #FFFFFF;
  font-family: "Londrina Solid";
  font-size: 55px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 2px;
  display: inline-block;
  text-shadow:
    0px 2px 0px #d647cb,
    0px 2px 0px #d647cb,
    0px 5px 0px #d647cb,
    0px 4px 0px #d647cb,
    0px 5px 6px rgba(0, 0, 0, 0.6);
}

.intro_screens_particle_wrapper {
  position: relative;
  height: 100%;
  overflow: hidden;
}

.intro_screens_particle {
  display: grid;
}

.intro_screens_logo_image {
  position: absolute;
  left: 50%;
  bottom: 645px;
  transform: translateX(-50%);
  width: 385px;
}

.intro_view_page {
  grid-area: 1 / 1;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}
.intro_view_page.is-active {
  opacity: 1;
}

.intro_view_wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.intro_screens_title {
  margin-bottom: 30px;
  font-size: 42px;
  line-height: 42px;
  text-align: center;
  font-weight: bold;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.intro_screens_image {
  margin: auto;
  width: 100%;
  object-fit: contain;
}
/* Add spacing only if NOT last element */
.intro_screens_image:not(:last-child) {
  margin-bottom: 30px;
}

.intro_screens_description {
  margin: 0 20px;
  text-align: justify;
}
.intro_screens_description strong {
  font-weight: bold;
}
/* Add spacing only if NOT last element */
.intro_screens_description:not(:last-child) {
  margin-bottom: 30px;
}

/* RECTANGLE or LANDSCAPE layout (aspect ratio: width > height). EXCUDED DESKTOP VIEW */
@media (min-aspect-ratio: 1/1) and (pointer: coarse) {
  .intro_screens_logo_image,
  .click_to_continue_wrapper {
    display: none;
  }
}

#stats {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1000;
}

#stats canvas {
  width: max(100px, 10vw, 10vh);
  height: max(60px, 6vh, 6vw);
  user-select: none;
}
/* This CSS fixes overlapping intro text while continue switching */
#external_intro .intro_view_page {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transition:
  transform .4s ease,
  opacity .4s ease;
}

#external_intro .intro_view_page.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  position: relative;
  z-index: 2;
}

#external_intro .intro_view_page.left {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}