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

canvas {
  image-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

:root {
  --menu-title-h: 10vh;
  --menu-buttons-h: 10vh;
  --buttons-size: 60px;
  --buttons-border-size: 3px;
  --bet-auto-border-width: 4px;
  --border-radius: 10px;
  --accented-gradient: linear-gradient(172deg, rgba(122, 90, 153, 0.7) 0%, rgba(84, 38, 135, 1) 15%, rgba(101, 57, 147, 1) 50%, rgba(80, 39, 119, 0.8) 81%, rgba(71, 32, 119, 1) 84%, rgba(83, 37, 143, 0.6) 93%);
  --button-gradient: linear-gradient(177deg, rgba(133, 110, 167, 0.7) 0%, rgba(97, 64, 147, 0.5) 15%, rgba(127, 98, 167, 0.5) 85%, rgba(160, 134, 188, 0.5) 100%);
  --button-active-gradient: linear-gradient(177deg, rgba(133, 110, 167, 0.7) 0%, rgba(97, 64, 147, 1) 15%, rgba(127, 98, 167, 0.8) 85%, rgba(160, 134, 188, 0.6) 100%);
  --accented-color: #ff9900;
  --buttons-margin: 10px;
  --mrg: calc(var(--buttons-size) * 2 + var(--buttons-margin) * 4);
  --clock-height: 10px;
  --logo-width: min(80vw, 400px, 80vh);
  --progress-percentage: 0.1;
}

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

#small_loader {
  position: relative;
  left: calc(50% - 16px);
  top: calc(50% - 16px);
}

#small_loader img {
  /*margin: auto;*/
  -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 */
#loading {
  position: fixed;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
}

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

#image_logo, #image_logo_contour {
  width: 30vw;
}

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

#image_logo, #image_logo_contour {
  width: 30vw;
}

#powered_text {
  color: rgba(5, 5, 5);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 40px;
  text-align: center;
}

.loadingContainer {
  position: relative;
  height: 60vh;
}

#logo_gif, .progress-circle-wrapper, .svg_image {
  width: var(--logo-width);
  height: var(--logo-width);
}

.circular-progress {
  --size: 400px;
  --half-size: calc(var(--size) / 2);
  --stroke-width: 3px;
  --radius: calc((var(--size) - var(--stroke-width)) / 2);
  --circumference: calc(var(--radius) * pi * 2);
  --dash: calc((var(--progress-percentage) * var(--circumference)) / 100);
  /* animation: progress-animation 5s linear 0s 1 forwards; */
}

.circular-progress circle {
  cx: var(--half-size);
  cy: var(--half-size);
  r: var(--radius);
  stroke-width: var(--stroke-width);
  fill: none;
  stroke-linecap: round;
}

.circular-progress circle.fg {
  transform: rotate(-90deg);
  transform-origin: var(--half-size) var(--half-size);
  stroke-dasharray: var(--dash) calc(var(--circumference) - var(--dash));
  transition: stroke-dasharray 0.3s linear 0s;
  stroke: white;
}

@-webkit-keyframes rot {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}

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

#logo_arrows {
  -webkit-animation: rot 10s linear infinite;
  animation: rot 10s linear infinite;
}

.loader {
  background-color: transparent;
  overflow: hidden;
}

.loadingContainer {
  position: relative;
}

#external_fullscreen,
#external_intro,
#external_popups,
#external_menu,
#external_menu_regulation,
#external_bets,
#external_autoplay,
#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-size: var(--buttons-size);
  background-image: url(data:image/svg+xml;base64,CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE4OHB4IiBoZWlnaHQ9IjkzcHgiIHZpZXdCb3g9IjAgMCAxODggOTMiPgo8ZGVmcz4KPGcgaWQ9ImFycm93XzBfTGF5ZXIwXzBfRklMTCI+CjxwYXRoIGZpbGw9IiNGRkZGRkYiIHN0cm9rZT0ibm9uZSIgZD0iCk0gMCAxMS45NQpMIDAgNDQuMjUgNjMuODUgNDQuMjUgNjMuODUgNjIuMiAxMDkuNiAyOC4xIDYzLjg1IC02IDYzLjg1IDExLjk1IDAgMTEuOTUgWiIvPgo8L2c+Cgo8ZyBpZD0iX19fX18wX0xheWVyMF8wX0ZJTEwiPgo8cGF0aCBmaWxsPSIjRkZGRkZGIiBzdHJva2U9Im5vbmUiIGQ9IgpNIDE0NiAzNC42NQpMIDE0NiAyNQpRIDE0NiAxNC42NSAxMjQuNiA3LjMgMTAzLjI1IDAgNzMgMCA0Mi43NSAwIDIxLjM1IDcuMyAwIDE0LjY1IDAgMjUKTCAwIDM0LjY1ClEgMC40IDQ0Ljc1IDIxLjM1IDUxLjk1IDQyLjc1IDU5LjMgNzMgNTkuMyAxMDMuMjUgNTkuMyAxMjQuNiA1MS45NSAxNDUuNjUgNDQuNzUgMTQ2IDM0LjY1Ck0gMTA5LjkgMTEuMzUKUSAxMjYuMjUgMTUuMyAxMjYgMjEuMyAxMjYuMjUgMjcuMyAxMDkuOSAzMS4yIDk0LjUgMzQuOTUgNzIuNyAzNC45NSA1MC45IDM0Ljk1IDM1LjUgMzEuMiAxOS4xNSAyNy4zIDE5LjQgMjEuMyAxOS4xNSAxNS4zIDM1LjQ1IDExLjM1CkwgMzUuNSAxMS4zNQpRIDUwLjkgNy42IDcyLjcgNy42IDk0LjUgNy42IDEwOS45IDExLjM1Ck0gMTA5LjQgMjkuMjUKTCAxMDkuNDUgMjkuMjUKUSAxMjMuOCAyNS44IDEyNCAyMS4zIDEyMy44IDE2LjggMTA5LjQ1IDEzLjMgOTQuMiA5LjYgNzIuNyA5LjYgNTEuMiA5LjYgMzUuOTUgMTMuMyAyMS42NSAxNi44IDIxLjQgMjEuMyAyMS42IDI1LjggMzUuOTUgMjkuMjUgNTEuMiAzMi45NSA3Mi43IDMyLjk1IDk0LjIgMzIuOTUgMTA5LjQgMjkuMjUgWiIvPgo8L2c+CjwvZGVmcz4KCjxnIHRyYW5zZm9ybT0ibWF0cml4KCAwLjM5MDc0NzA3MDMxMjUsIDAsIDAsIDAuMzkwNzQ3MDcwMzEyNSwgMC4wNSwwKSAiPgo8ZyB0cmFuc2Zvcm09Im1hdHJpeCggMS4wODgwNDMyMTI4OTA2MjUsIDAsIDAsIDEuNDAwNTEyNjk1MzEyNSwgNS4yNSwxNy4xKSAiPgo8ZyB0cmFuc2Zvcm09Im1hdHJpeCggMSwgMCwgMCwgMSwgMCwwKSAiPgo8dXNlIHhsaW5rOmhyZWY9IiNhcnJvd18wX0xheWVyMF8wX0ZJTEwiLz4KPC9nPgo8L2c+Cgo8ZyB0cmFuc2Zvcm09Im1hdHJpeCggLTEuMDg4MDQzMjEyODkwNjI1LCAwLCAwLCAxLjQwMDUxMjY5NTMxMjUsIDEyNC41LDEyMy43KSAiPgo8ZyB0cmFuc2Zvcm09Im1hdHJpeCggMSwgMCwgMCwgMSwgMCwwKSAiPgo8dXNlIHhsaW5rOmhyZWY9IiNhcnJvd18wX0xheWVyMF8wX0ZJTEwiLz4KPC9nPgo8L2c+Cgo8ZyB0cmFuc2Zvcm09Im1hdHJpeCggMS42MDM1MDAzNjYyMTA5Mzc1LCAwLCAwLCAxLjYwMzUwMDM2NjIxMDkzNzUsIDE0Mi45NSwxMjYuNykgIj4KPGcgdHJhbnNmb3JtPSJtYXRyaXgoIDEsIDAsIDAsIDEsIDAsMCkgIj4KPHVzZSB4bGluazpocmVmPSIjX19fX18wX0xheWVyMF8wX0ZJTEwiLz4KPC9nPgo8L2c+Cgo8ZyB0cmFuc2Zvcm09Im1hdHJpeCggMS42MDM1MDAzNjYyMTA5Mzc1LCAwLCAwLCAxLjYwMzUwMDM2NjIxMDkzNzUsIDEyNC41LDY0LjUpICI+CjxnIHRyYW5zZm9ybT0ibWF0cml4KCAxLCAwLCAwLCAxLCAwLDApICI+Cjx1c2UgeGxpbms6aHJlZj0iI19fX19fMF9MYXllcjBfMF9GSUxMIi8+CjwvZz4KPC9nPgoKPGcgdHJhbnNmb3JtPSJtYXRyaXgoIDEuNjAzNTAwMzY2MjEwOTM3NSwgMCwgMCwgMS42MDM1MDAzNjYyMTA5Mzc1LCAxMzgsOC4xNSkgIj4KPGcgdHJhbnNmb3JtPSJtYXRyaXgoIDEsIDAsIDAsIDEsIDAsMCkgIj4KPHVzZSB4bGluazpocmVmPSIjX19fX18wX0xheWVyMF8wX0ZJTEwiLz4KPC9nPgo8L2c+CjwvZz4KPC9zdmc+Cg==);
}

.external_button.home_button, .home_button {
  background-image: url(data:image/svg+xml;base64,CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjEwMHB4IiBoZWlnaHQ9IjEwMHB4IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+CjxkZWZzPgo8ZyBpZD0iaGFsZl9vZl9ob21lXzBfTGF5ZXIwXzBfRklMTCI+CjxwYXRoIGZpbGw9IiNGRkZGRkYiIHN0cm9rZT0ibm9uZSIgZD0iCk0gMCA1Ny42NQpMIDAgNDkuOSAtMjcuMzUgNDkuOSAtMjcuMzUgODguNDUgMS40IDg4LjQ1IDEuNCA3Ni44NSAtNy4yIDc2Ljg1IC03LjIgNTcuNjUgMCA1Ny42NQpNIDAgNDcuMwpMIDAgMC4zClEgLTEuOTk1MTE3MTg3NSAwLjMwNjA1NDY4NzUgLTMuOCAyLjYKTCAtMzkgNDIuNjUKUSAtNDAuNTUgNDQuNSAtNDAuMTUgNDUuOCAtMzkuNzUgNDcuMTUgLTM3LjQ1IDQ3LjMKTCAwIDQ3LjMgWiIvPgo8L2c+CjwvZGVmcz4KCjxnIHRyYW5zZm9ybT0ibWF0cml4KCAxLCAwLCAwLCAxLCA1MCw2LjQpICI+CjxnIHRyYW5zZm9ybT0ibWF0cml4KCAxLCAwLCAwLCAxLCAwLDApICI+Cjx1c2UgeGxpbms6aHJlZj0iI2hhbGZfb2ZfaG9tZV8wX0xheWVyMF8wX0ZJTEwiLz4KPC9nPgo8L2c+Cgo8ZyB0cmFuc2Zvcm09Im1hdHJpeCggLTEsIDAsIDAsIDEsIDUwLDYuNCkgIj4KPGcgdHJhbnNmb3JtPSJtYXRyaXgoIDEsIDAsIDAsIDEsIDAsMCkgIj4KPHVzZSB4bGluazpocmVmPSIjaGFsZl9vZl9ob21lXzBfTGF5ZXIwXzBfRklMTCIvPgo8L2c+CjwvZz4KPC9zdmc+Cg==);
}

.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-size: var(--buttons-size);
  background-image: url(data:image/svg+xml;base64,CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjI0NHB4IiBoZWlnaHQ9IjEwMHB4IiB2aWV3Qm94PSIwIDAgMjQ0IDEwMCI+CjxkZWZzPgo8cGF0aCBpZD0iTGF5ZXIwXzBfMV9TVFJPS0VTIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBmaWxsPSJub25lIiBkPSIKTSAxMzcuNSAzNC41NQpMIDEyMi4wMjUgNTAuMDI1IDEzNy41IDY1LjUKTSAxMDYuNTUgNjUuNQpMIDEyMi4wMjUgNTAuMDI1IDEwNi41NSAzNC41NSIvPgoKPHBhdGggaWQ9IkxheWVyMF8xXzFfU1RST0tFUyIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgZmlsbD0ibm9uZSIgZD0iCk0gMjMuMjUgMTEuNQpMIDIyMCAxMS41ClEgMjMxLjI1IDExLjUgMjMxLjI1IDIyLjc1CkwgMjMxLjI1IDc5ClEgMjMxLjI1IDkwLjI1IDIyMCA5MC4yNQpMIDIzLjI1IDkwLjI1ClEgMTIgOTAuMjUgMTIgNzkKTCAxMiAyMi43NQpRIDEyIDExLjUgMjMuMjUgMTEuNSBaIi8+CjwvZGVmcz4KCjxnIHRyYW5zZm9ybT0ibWF0cml4KCAxLCAwLCAwLCAxLCAwLDApICI+Cjx1c2UgeGxpbms6aHJlZj0iI0xheWVyMF8wXzFfU1RST0tFUyIvPgo8L2c+Cgo8ZyB0cmFuc2Zvcm09Im1hdHJpeCggMSwgMCwgMCwgMSwgMCwwKSAiPgo8dXNlIHhsaW5rOmhyZWY9IiNMYXllcjBfMV8xX1NUUk9LRVMiLz4KPC9nPgo8L3N2Zz4K);
}

#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+);
}

.button.history_details {
  background-size: 35px;
  background-image: url(data:image/svg+xml;base64,CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjYwcHgiIGhlaWdodD0iNjBweCIgdmlld0JveD0iMCAwIDYwIDYwIj4KPGRlZnM+CjxwYXRoIGlkPSJMYXllcjBfMF8xX1NUUk9LRVMiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbGluZWNhcD0icm91bmQiIGZpbGw9Im5vbmUiIGQ9IgpNIDE0Ljc1IDcuMQpMIDQ0LjIgNy4xClEgNDYuNSA3LjEgNDYuNSA5LjQKTCA0Ni41IDI0LjkKUSA1MC4zMjYzNjcxODc1IDI1LjA3OTI5Njg3NSA1My4wNSAyNy44NSA1NiAzMC43NSA1NiAzNC45IDU2IDM5LjA1IDUzLjA1IDQxLjk1IDUwLjMyNjM2NzE4NzUgNDQuNzIwNzAzMTI1IDQ2LjUgNDQuOQpMIDQ2LjUgNDYuMQpRIDQ2LjUgNDguNCA0NC4yIDQ4LjQKTCAxNC43NSA0OC40ClEgMTIuNDUgNDguNCAxMi40NSA0Ni4xCkwgMTIuNDUgOS40ClEgMTIuNDUgNy4xIDE0Ljc1IDcuMSBaCk0gNDYgMjguMDUKTCA0NiAzNC45IDUwLjEgMzQuOQpNIDE4LjEgMjkuNjUKTCAzNy40NzUgMjkuNjUKUSAzOC4wODg2NzE4NzUgMjguNjk2ODc1IDM4Ljk1IDI3Ljg1IDQxLjg1IDI0LjkgNDYgMjQuOSA0Ni4yNTIzNDM3NSAyNC45IDQ2LjUgMjQuOQpNIDQ2LjUgNDQuOQpRIDQ2LjI1MjM0Mzc1IDQ0LjkgNDYgNDQuOSA0MS44NSA0NC45IDM4Ljk1IDQxLjk1IDM3LjAzMTgzNTkzNzUgNDAuMDY0MjU3ODEyNSAzNi4zNSAzNy42NQpMIDE4LjEgMzcuNjUKTSAzNi4zNSAzNy42NQpRIDM2IDM2LjM1MTU2MjUgMzYgMzQuOSAzNiAzMS45NjE3MTg3NSAzNy40NzUgMjkuNjUKTSAxOC4xIDIxLjY1CkwgNDAuNjUgMjEuNjUKTSAxOC4xIDEzLjY1CkwgNDAuNjUgMTMuNjUiLz4KPC9kZWZzPgoKPGcgdHJhbnNmb3JtPSJtYXRyaXgoIDEsIDAsIDAsIDEsIDAsMCkgIj4KPHVzZSB4bGluazpocmVmPSIjTGF5ZXIwXzBfMV9TVFJPS0VTIi8+CjwvZz4KPC9zdmc+Cg==);
  background-position: center;
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  margin: 0 20px 0 auto;
}

.history_item:nth-child(even) .button.history_details {
  margin: 0 auto 0 20px;
}

#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;
  /*background-size: contain;*/
}

.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: 46px;*/
  /*background-color: #777777;*/
  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);
  /*background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjUwcHgiIGhlaWdodD0iNTBweCIgdmlld0JveD0iMCAwIDgwIDgwIj48ZGVmcz48ZyBpZD0iTGF5ZXIwXzBfRklMTCI+PHBhdGggZmlsbD0iI2ZmZmZmZiIgc3Ryb2tlPSJub25lIiBkPSIgTSA0OS41IDQwIEwgNjQuNjUgMjQuODUgNTUuMTUgMTUuMzUgNDAgMzAuNSAyNC44NSAxNS4zNSAxNS4zNSAyNC44NSAzMC41IDQwIDE1LjM1IDU1LjE1IDI0Ljg1IDY0LjY1IDQwIDQ5LjUgNTUuMTUgNjQuNjUgNjQuNjUgNTUuMTUgNDkuNSA0MCBaIi8+PC9nPjwvZGVmcz48ZyBpZD0iTGF5ZXJfMSI+PGcgdHJhbnNmb3JtPSJtYXRyaXgoIDEsIDAsIDAsIDEsIDAsMCkgIj48dXNlIHhsaW5rOmhyZWY9IiNMYXllcjBfMF9GSUxMIi8+PC9nPjwvZz48L3N2Zz4=);*/
  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_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;
}

.bet_wrapper .menu_title,
.auto_wrapper .menu_title {
  margin: auto
}

.bet_wrapper,
.auto_wrapper {
  /*width: clamp(100px, 80vw, 1400px);*/
  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;
}

#promo_popup_content,
#external_popups,
#external_menu,
#external_menu_regulation,
#external_bets,
#external_autoplay,
#external_notification,
#external_sound_popup,
#external_replay_end {
  position: absolute;
  background: rgba(0, 0, 0, 0.95);
  display: flex;
}

#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: black
}

/* 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;
}

#popup_sound_button_yes .icon, #popup_sound_button_no .icon {
  height: calc(var(--buttons-size) * 0.7);
  width: auto;
}

#popup_sound_button_yes .icon {
  content: url(data:image/svg+xml;base64,CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmlld0JveD0iMCAwIDQwIDQwIj4KPGRlZnM+CjxwYXRoIGlkPSJMYXllcjBfMF8xX1NUUk9LRVMiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbGluZWNhcD0icm91bmQiIGZpbGw9Im5vbmUiIGQ9IgpNIDM1LjMgOC44NQpRIDM3Ljc1IDE0LjY1IDM3Ljc1IDIwLjg1IDM3Ljc1IDI2Ljk1IDM1LjMgMzMuNQpNIDI5LjU1IDEzLjYKUSAzMi43NSAyMC45IDI5LjU1IDI4LjgiLz4KCjxwYXRoIGlkPSJkaW5hbXlrXzBfTGF5ZXIwXzBfMV9TVFJPS0VTIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBmaWxsPSJub25lIiBkPSIKTSA0LjY1IDExLjE1CkwgMTYuMTUgMTEuMTUgMjYuNiAxLjQ1ClEgMjguNzUgLTAuNSAzMCAwLjIgMzEuMjUgMC43NSAzMS4yNSAzLjIKTCAzMS4yNSAyMC4zIDMxLjI1IDQzLjg1ClEgMzEuMjUgNDYuMiAyOS44IDQ2LjY1IDI4LjQ1IDQ3LjI1IDI2LjYgNDUuNgpMIDE2LjE1IDM1LjkgNC42NSAzNS45ClEgMCAzNS45IDAgMzEuMjUKTCAwIDE1Ljc1ClEgMCAxMS4xNSA0LjY1IDExLjE1IFoiLz4KPC9kZWZzPgoKPGcgdHJhbnNmb3JtPSJtYXRyaXgoIDEsIDAsIDAsIDEsIDAsMCkgIj4KPHVzZSB4bGluazpocmVmPSIjTGF5ZXIwXzBfMV9TVFJPS0VTIi8+CjwvZz4KCjxnIHRyYW5zZm9ybT0ibWF0cml4KCAwLjcxNzk0MTI4NDE3OTY4NzUsIDAsIDAsIDAuNzE3OTQxMjg0MTc5Njg3NSwgMi44LDMuMikgIj4KPGcgdHJhbnNmb3JtPSJtYXRyaXgoIDEsIDAsIDAsIDEsIDAsMCkgIj4KPHVzZSB4bGluazpocmVmPSIjZGluYW15a18wX0xheWVyMF8wXzFfU1RST0tFUyIvPgo8L2c+CjwvZz4KPC9zdmc+Cg==);
}

#popup_sound_button_no .icon {
  content: url(data:image/svg+xml;base64,CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmlld0JveD0iMCAwIDQwIDQwIj4KPGRlZnM+CjxwYXRoIGlkPSJkaW5hbXlrXzBfTGF5ZXIwXzBfMV9TVFJPS0VTIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBmaWxsPSJub25lIiBkPSIKTSA0LjY1IDExLjE1CkwgMTYuMTUgMTEuMTUgMjYuNiAxLjQ1ClEgMjguNzUgLTAuNSAzMCAwLjIgMzEuMjUgMC43NSAzMS4yNSAzLjIKTCAzMS4yNSAyMC4zIDMxLjI1IDQzLjg1ClEgMzEuMjUgNDYuMiAyOS44IDQ2LjY1IDI4LjQ1IDQ3LjI1IDI2LjYgNDUuNgpMIDE2LjE1IDM1LjkgNC42NSAzNS45ClEgMCAzNS45IDAgMzEuMjUKTCAwIDE1Ljc1ClEgMCAxMS4xNSA0LjY1IDExLjE1IFoiLz4KCjxwYXRoIGlkPSJMYXllcjBfMV8xX1NUUk9LRVMiIHN0cm9rZT0iI0ZGMDAwMCIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbGluZWNhcD0icm91bmQiIGZpbGw9Im5vbmUiIGQ9IgpNIDUuNDQ4NjQ4MDcxMjg5MDYzIDMzLjk2NjI5OTQzODQ3NjU2CkwgMzUuODg5MzU4NTIwNTA3ODEgNi4yNTM3NjU4NjkxNDA2MjYiLz4KPC9kZWZzPgoKPGcgdHJhbnNmb3JtPSJtYXRyaXgoIDAuNzE3OTQxMjg0MTc5Njg3NSwgMCwgMCwgMC43MTc5NDEyODQxNzk2ODc1LCA3LjEsMy4yKSAiPgo8ZyB0cmFuc2Zvcm09Im1hdHJpeCggMSwgMCwgMCwgMSwgMCwwKSAiPgo8dXNlIHhsaW5rOmhyZWY9IiNkaW5hbXlrXzBfTGF5ZXIwXzBfMV9TVFJPS0VTIi8+CjwvZz4KPC9nPgoKPGcgdHJhbnNmb3JtPSJtYXRyaXgoIDAuNzE3OTQxMjg0MTc5Njg3NSwgMCwgMCwgMC43MTc5NDEyODQxNzk2ODc1LCAtMS4zLC0xLjUpICI+Cjx1c2UgeGxpbms6aHJlZj0iI0xheWVyMF8xXzFfU1RST0tFUyIgdHJhbnNmb3JtPSJtYXRyaXgoIDEuMzkyODY4MDQxOTkyMTg3NSwgMCwgMCwgMS4zOTI4NjgwNDE5OTIxODc1LCAxLjgsMi4wNSkgIi8+CjwvZz4KPC9zdmc+Cg==);
}

/* end sound 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 {
  bottom: 0;
  top: auto;
  height: var(--menu-buttons-h);
  margin: 0 0 1vh 0;
  flex-flow: row;
  width: 100vw;
  gap: 0;
  display: flex;
  position: absolute;
  /*top: 0;*/
  /*left: 0;*/
  /*flex-flow: column;*/
  justify-content: space-around;
  align-items: center;
  /*margin: 0 2vw;*/
  /*height: inherit;*/
  /*gap: 2vh;*/
  min-height: 50px;
}

#menu_buttons {
  overflow-x: scroll;
}

#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));*/
  width: 96%;
  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;
}

.menu_page_button {
  color: white;
  cursor: pointer;
  padding: 10px;
}

.menu_page_button.disabled {
  color: var(--accented-color);
  cursor: auto;
}

#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));*/
  width: 100vw;
  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: var(--border-radius);
  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_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: var(--button-gradient);
  -webkit-transition: .2s;
  transition: .2s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 28px;
  width: 28px;
  left: 2px;
  bottom: 2px;
  background-color: gray;
  -webkit-transition: .2s;
  transition: .2s;
}

input:checked + .slider {
  background: var(--accented-gradient)
}

input:checked + .slider:before {
  -webkit-transform: translateX(24px);
  -ms-transform: translateX(24px);
  transform: translateX(24px);
  background-color: white;
}

/*slider in intro (splash) screen*/
#toggle_intro + .slider {
  background: var(--accented-gradient)
}

#toggle_intro:checked + .slider {
  background: var(--button-gradient)
}

#toggle_intro + .slider:before {
  -webkit-transform: translateX(24px);
  -ms-transform: translateX(24px);
  transform: translateX(24px);
  background-color: white;
}

#toggle_intro:checked + .slider:before {
  -webkit-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
}

/* Rounded sliders */
.slider.round {
  border-radius: var(--border-radius)
}

.slider.round:before {
  border-radius: 25%
}

.apply_cancel_wrapper {
  display: flex;
  margin: 8cqh auto;
  justify-content: space-around;
  width: 80%;
}

.apply_button .simple_button {
  background-image: var(--accented-gradient);
  box-shadow: inset 0 3px 2px 1px #21b2f4;
}

.apply_button .simple_button,
.cancel_button .simple_button {
  width: clamp(170px, calc(24vw / 2), 400px);
  height: 64px;
}

.cancel_button .simple_button,
.menu_list_button {
  background: var(--button-active-gradient);
}

.menu_list_button.active {
  background-image: var(--button-active-gradient);
  box-shadow: inset 0 2px 2px 1px #909090;
  cursor: auto;
  color: var(--accented-color);
}

.simple_button {
  display: flex;
  border-radius: 10px;
  color: white;
  cursor: pointer;
  min-width: max(10vw, 90px);
  position: relative;
  box-sizing: border-box;
  background-clip: padding-box; /* !importanté */
  border: var(--bet-auto-border-width) solid transparent; /* !importanté */

  &:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    margin: -4px; /* !importanté */
    border-radius: inherit; /* !importanté */
    background: linear-gradient(to right, red, orange);
  }
}

.simple_button_text {
  margin: auto;
  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: var(--accented-color);
  border-bottom: 3px solid var(--accented-color);
  padding: 10px 0;
}

#history_wrapper {
  height: 90%;
  border-bottom: 3px solid #ff9900;
}

.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);
  padding: 4px;
}

.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 0;
}

#btnLatestReplay, #btnTopReplay {
  width: 25%;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.replayPageSelected {
  font-weight: bold;
  color: var(--accented-color);
  border-bottom: 3px solid var(--accented-color);
}

#noReplaysText {
  display: flex;
  width: 100%;
  height: 100%;
  color: white;
  align-items: center;
  text-align: center;
  justify-content: center;
}

.replay_details_button {
  /* border: 1px solid white; */
  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 BorderColor {
  0% {
    background-color: red;
  }
  50% {
    background-color: green;
  }
  100% {
    background-color: red;
  }
}

@keyframes copyFade {
  0% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.payout_index {
  color: var(--accented-color)
}

#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: 8px;
  height: 8px;
}

::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 8px;
}

::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 8px;
}

/* 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 {
    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: 0;
  }

  #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_cancel_wrapper {
    margin: 2cqh auto;
    width: 100%;
    flex-wrap: wrap;
  }

  .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,
  .cancel_button .simple_button {
    margin: 0 auto
  }
}

@media only screen and (max-height: 800px) {
  .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,
  .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,
  .cancel_button .simple_button {
    border-width: 1px
  }

  #btn_close_bets {
    top: 16px;
    right: 16px;
  }

  #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,
  .cancel_button .simple_button {
    height: 40px
  }
}

@media only screen and (max-height: 400px) {
  h1,
  .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_bets {
    top: 16px;
    right: 16px;
  }

  #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
  }

  ::-webkit-scrollbar {
    width: 4px;
    height: 4px;
  }
}

@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
  }
}

/* HISTORY */

.history_transaction_body {
  box-shadow: #feb94a 0 0 5px 3px;
  padding: 10px;
  position: relative;
  max-width: 600px;
  margin: auto;
}

#external_history_round {
  background: black;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: white;
  display: flex;
}

#game-transactions {
  width: 100%;
  height: 100%;
}

#game-transactions-header {
  display: flex;
  height: 6vh;
}

#game-round-information {
  font-size: 0.9rem;
  height: 12vh;
}

#game-round-transactions {
  height: 66vh;
  overflow-y: scroll;
  box-shadow: #feb94a 0 0 28px 1px;
}

#game-round-summary {
  font-size: 0.9rem;
  height: 15vh;
  display: flex;
  flex-flow: column;
}

.history_block_line {
  background-color: #feb94a;
  width: 100%;
  height: 2px;
  margin: 0.2vh;
  display: block;
  opacity: 0.6;
}

.history_block_line.small {
  height: 0.05px;
  margin: 0.01vh auto;
}

.info_title {
  width: 100%;
  text-align: center;
  margin: auto;
  font-size: 2vh;
}

#game_round_transactions_close {
  border: none;
  margin: auto 20px;
}

.game-round-information {
  display: flex;
  flex-flow: column;
  justify-content: space-around;
  padding: 4px 20px;
}

#game-round-summary .info_title {
  margin: 0.4vh auto;
}

/* history round */


sup {
  display: contents;
}

.matrix {
  display: flex;
  margin: 1vh auto;
  justify-content: center;
}

.text_matrix {
  position: absolute;
  margin-top: -200px;
  display: flex;
  left: 50%;
  transform: translateX(-50%);
}

.text_matrix .reel {
  width: 20%;
  display: flex;
  flex-flow: column;
}

.text_matrix .matrix__item {
  width: 64px;
  height: 64px;
  display: flex;
}

.text_matrix .matrix__item_content {
  margin: auto;
  font-weight: 750;
  max-width: 58px;
  overflow-wrap: anywhere;
  line-height: 0.9;
  font-size: 1.3em;
  color: #fdea7a;
  text-align: center;
  text-shadow: 1px 1px 3px #5f0a00;
  animation: textAnimation 2s infinite linear;
}

@keyframes textAnimation {
  0% {
    background-color: rgba(255, 255, 255, 0);
  }
  50% {
    background-color: #530000;
  }
  100% {
    background-color: rgba(255, 255, 255, 0);
  }
}

.collection__item, .matrix__item_img, .line-symbol, .transfer-symbol {
  display: block;
  transition: all .4s;
}

.collection__item,
.line-symbol,
.transfer-symbol {
  width: 42px;
  height: 42px;
  display: initial;
}

.matrix__item_img, .line-symbol {
  border: transparent solid 4px;
}

.matrix__item_img {
  /*position: absolute;*/
  width: 64px;
  height: 64px;
}

.wrapper_info_block {
  box-shadow: rgba(255, 255, 255, 0.4) 0 0 14px -2px;
  padding: 4px 16px;
}

.wrapper_info_block.freespins,
.wrapper_info_block.global_multiplier {
  display: flex;
}

.wrapper_info_block.summery {

}

.mode_selection__item {
  width: 90px;
  height: 180px;
  margin: 0 10px;
}

.mode_selection__item_static {
  width: 70px;
  height: 140px;
  margin: 40px 20px 0 20px;
}

.mode_selection__item_active {

}

.multiplier__item {
  width: 46px;
}

.jp__item {
  width: 80px;
  margin-left: -10px;
}

.row,
.wrapper_transfer,
.mode_selection,
.info_row_wrapper {
  display: flex;
}

.mode_selection_names {
  display: flex;
  width: 330px;
  justify-content: space-around;
  margin-top: -60px;
  position: absolute;
}

.mode_selection_names__item {
  text-transform: uppercase;
  color: bisque;
  font-size: medium;
  font-weight: 700;
  text-shadow: 1px 1px 2px #303030, 0 0 1em #303030, 0 0 0.2em #303030;
  text-align: center;
  width: 110px;
}

.matrix__item_img.highlighted {
  /*border-color: #4cae4c !important;*/
  /*border-color: #ff6700 !important;*/
  animation: BorderColor 2s linear infinite;
}

.info_row__item {
  width: 60px;
  height: 20px;
  display: block;
  text-align: center;
  border: transparent solid 2px;
}


.wrapper_info.table .info__item {
  display: flex;
  flex-flow: column;
  margin: 0;
}

.wrapper_info.table .info__item .item_icon {
  padding: 0;
  display: flex;
}

.wrapper_info.table .info__item > span,
.wrapper_info.table .info__item > div {
  border: #1f1c1f solid 1px;
  min-width: 74px;
  min-height: 50px;
  display: flex;
}

.info_item_title {
  background-color: lightgray;
}

.info_item_title span {
  margin: auto;
  text-align: center;
}

.payline {
  display: flex;
  cursor: pointer;
  width: fit-content;
  border: #eee solid 2px;
  transition: all .4s;
}

.payline.highlighted {
  /*border: red solid 2px;*/
  /*border: #ff6700 solid 2px;*/
  animation: BorderColor 2s linear infinite;
}

.payline.payline_expanding {
  margin-top: 20px;
}

.pick_button {
  padding: 5px;
  margin: 10px 0 0 0;
}

.line_info {
  margin: auto 10px;
}

.transfer {
  margin: 10px 10px 10px 0;
}

.wrapper_info, .info__item {
  margin: auto 10px;
}

.wrapper_info.table {
  display: flex;
}

.info__title {
  /*margin-top: 10px;*/
  margin: auto 0;
}

.value {
  font-weight: 800;
  margin: auto;
  text-align: center;
}

/* promo */
#promo_popup_content {
  text-align: center;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

#promo_popup_content .buttons_wrapper {
  display: flex;
}

.promo_popup_bg {
  display: flex;
  flex-flow: column;
  justify-content: space-evenly;
  padding: min(5vh, 5vw);
  color: white;
  max-width: min(80vw, 800px);
  border: white solid 3px;
  border-radius: 10px;
  background: linear-gradient(352deg, rgba(0, 18, 54, 1) 0%, rgba(0, 50, 105, 1) 40%, rgba(0, 50, 105, 1) 56%, rgba(0, 18, 54, 1) 100%);
}

#popup_promo_button_start {
  background: linear-gradient(180deg, rgba(0, 187, 254, 1) 0%, rgba(0, 181, 252, 1) 50%, rgba(0, 112, 213, 1) 100%);
}

#popup_promo_button_cancel {
  background: linear-gradient(180deg, rgba(27, 207, 255, 0.2) 65%, rgba(27, 207, 255, 0.5) 100%);
}