:root {
  --db-primary: #ffebae;
  --db-primary-accent: #ece8fe;
  --db-alert: #c50000;
  --db-warning: #ffb800;
  --db-success: #06cd01;

  /* BLACKS */
  --db-black: #000000;
  --db-black-100: #1a181b;

  /* GRAYS */
  --db-gray-500: #eaeaf0;
  --db-gray-700: #adaebe;
  --db-gray-750: #6d6d6d;
  --db-gray-800: #77788e;
  --db-gray-820: #4c4c4c;
  --db-gray-850: #414149;
  --db-gray-900: #1c1c1c;

  /* WHITES */
  --db-white: #ffffff;
  --db-white-200: #fcfcfe;
  --db-white-300: #f8f8fa;

  /* SASHES */
  --db-new-sash: var(--db-alert);
  --db-hot-sash: var(--db-primary);
  --db-exclusive-sash: var(--db-primary);
  --db-popular-sash: var(--db-primary);

  /* TEXT */
  --db-body-text-color: var(--db-gray-500);
}
.category-header {
  color: var(--db-primary) !important;
}
.swiper-pagination-container {
  background-color: var(--db-gray-900);
}
.close-search,
.swiper-pagination-container .games-search,
.swiper-pagination-container .swiper-pagination-bullet {
  background-color: var(--db-gray-820);
  color: var(--db-white);
}
.swiper-pagination-bullet {
  border: none !important;
}
.db-slider-arrow {
  border: 1px solid var(--db-arrow-border, var(--db-primary));
}
.db-slider-arrow::after {
  background-color: var(--db-arrow-color, var(--db-primary));
}
html.desktop .swiper-pagination-bullet {
  font-size: 1.143rem;
}

.swiper-pagination-first-visible,
[data-grid-layout="live"] .swiper-pagination-bullet-active {
  background-color: var(--db-primary) !important;
  color: var(--db-gray-900) !important;
}
.games-grid-container .category-header {
  font-weight: 500;
  font-size: 18px;
}
.games-grid-container .category-header .category-header_view-more {
  color: var(--db-white);
  text-decoration: none;
  font-weight: 400;
  font-size: 14px;
}
[data-sash-category] {
  font-size: 14px !important;
  font-weight: 700 !important;
  padding: 4px 8px !important;
  border-radius: 50px !important;
}
[data-sash-category="NOVO!"] {
  background-color: var(--db-new-sash) !important;
  color: var(--db-white) !important;
}
[data-sash-category="POPULAR!"] {
  background-color: var(--db-popular-sash) !important;
  color: var(--db-gray-900) !important;
}
[data-sash-category="EXCLUSIVO!"] {
  background-color: var(--db-exclusive-sash) !important;
  color: var(--db-gray-900) !important;
}
[data-sash-category="HOT!"] {
  background-color: var(--db-hot-sash) !important;
  color: var(--db-gray-900) !important;
}
[data-search-close-search]:after {
  content: " ";
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url(/library/digitalbeat/Icons/x.svg) !important;
  background-size: contain;
}
.digitalbeat-search-games {
  background-color: var(--body-background-color);
}
.digitalbeat-search-games * {
  color: var(--db-body-text-color);
}
.digitalbeat-search-games .search-input,
.digitalbeat-search-games .search-input input {
  background-color: var(--db-inactive-chip) !important;
}
.digitalbeat-search-games .search-input i {
  background-image: url(/library/digitalbeat/Icons/search.svg) !important;
}
/* [data-search-close-search]:after {
  filter: invert(1);
} */

.db-games-grid .db-jackpot {
  background: #ffebae;
  color: black;
}

@media only screen and (min-width: 640px) {
  .swiper-pagination-bullet-active {
    background-color: var(--db-primary) !important;
    color: var(--db-gray-900) !important;
  }
}
[data-search-clear-input] {
  background-image: url(/library/digitalbeat/Icons/x.svg) !important;
  background-size: contain;
  cursor: pointer;
}

/* .mobile digitalbeat-games-grid:not([data-grid-layout]) .db-jackpot,
.mobile [data-grid-layout="classic"] .db-jackpot {
  min-width: unset;
  width: min(94%, 100px);
  padding: 2px;
}

.mobile digitalbeat-games-grid:not([data-grid-layout]) .db-jackpot span,
.mobile [data-grid-layout="classic"] .db-jackpot span {
  font-size: 0.75em !important;
} */

.game-tile {
  --db-game-name: attr(data-game-name);
}

[dynamic_live_images="true"] .game-tile .game-live:before {
  margin: 5px 2px;
  content: var(--db-game-name);
  text-align: center;
  font-size: 1.2em;
  font-weight: 600;
  color: var(--db-primary);
}

/* Styling for royals live with dynamic images */

[dynamic_live_images="true"] .db-games-grid .game-tile img {
  border: 3px solid #ffebae;
}

[dynamic_live_images="true"] .db-games-grid .game-tile .game-live {
  background: none;
}