:root {
  /* badge status colors */

  /* LIVE */
  --sds-live: #ffc5aa;
  --sds-live-text: #ff2e00;
  --sds-live-gradient: linear-gradient(
    203deg,
    #ffc5aa -13.64%,
    #f96e28 57.15%,
    #ffd9cc 159.9%,
    #ffd9cc 214.7%
  );
  --sds-live-accent-gradient: linear-gradient(
    248deg,
    #ffc5aa 12.19%,
    #f96e28 40.73%,
    #ffd9cc 104.25%
  );

  /* BONUS */
  --sds-bonus: #b3ff9d;
  --sds-bonus-text: #228609;
  --sds-bonus-gradient: linear-gradient(
    203deg,
    #00ff85 -13.64%,
    #4cad00 57.15%,
    #416c27 159.9%,
    #00ff85 214.7%
  );
  --sds-bonus-accent-gradient: linear-gradient(
    203deg,
    #00ffc2 2.98%,
    #5fd900 68.48%,
    #215700 163.57%,
    #00ff85 214.28%
  );

  /* HOT */
  --sds-hot: #ffbbc4;
  --sds-hot-text: #ff0317;
  --sds-hot-gradient: linear-gradient(
    203deg,
    #ffa2ae -13.64%,
    #ff1c38 57.15%,
    #ff909d 159.9%,
    #ff0013 214.7%
  );
  --sds-hot-accent-gradient: linear-gradient(
    201deg,
    #ffecee -0.03%,
    #ff0020 73.23%,
    #ffe8ea 98.04%,
    #f00219 0.76%
  );

  /* NEW */
  --sds-new: #dcb5ff;
  --sds-new-text: #7111ff;
  --sds-new-gradient: linear-gradient(
    203deg,
    #c27eff -13.64%,
    #812dcd 57.15%,
    #c27eff 159.9%,
    #b768ff 214.7%
  );
  --sds-new-accent-gradient: linear-gradient(
    203deg,
    #f8f8f8 13.64%,
    #8300fa 57.15%,
    #c27eff 92.5%,
    #b768ff 214.7%
  );

  /* ruletasS */
  --sds-ruletas: rgba(254, 177, 219, 0.85);
  --sds-ruletas-text: #9a0355;
  --sds-ruletas-gradient: linear-gradient(
    203deg,
    #f388c2 -13.64%,
    #ce4d93 57.15%,
    #f388c2 159.9%,
    #d76ca6 214.7%
  );
  --sds-ruletas-accent-gradient: linear-gradient(
    203deg,
    #ffeff8 -13.64%,
    #ce4d93 57.15%,
    #feb1db 92.5%,
    #dd73ad 214.7%
  );

  /* GAME SHOW */
  --sds-game-show: rgba(103, 233, 199, 0.85);
  --sds-game-show-text: #103d31;
  --sds-game-show-gradient: linear-gradient(
    203deg,
    #67e9c7 -13.64%,
    #337d6a 57.15%,
    #67e9c7 159.9%,
    #45c9a6 214.7%
  );
  --sds-game-show-accent-gradient: linear-gradient(
    203deg,
    rgba(252, 255, 254, 0.56) -13.64%,
    #4aa08a 57.15%,
    #70d4bb 92.5%,
    #75d7bd 214.7%
  );

  /* POKER */
  --sds-poker: #fad882;
  --sds-poker-text: #523600;
  --sds-poker-gradient: linear-gradient(
    203deg,
    #ffde87 -13.64%,
    #ffb800 57.15%,
    #ffde87 159.9%,
    #debc64 214.7%
  );
  --sds-poker-accent-gradient: linear-gradient(
    203deg,
    #fffdf9 -13.64%,
    #f6b200 57.15%,
    #ffe8ab 92.5%,
    #ffdd85 214.7%
  );

  /* BLACKJACK */
  --sds-blackjack: #76b6e4;
  --sds-blackjack-text: #08273f;
  --sds-blackjack-gradient: linear-gradient(
    203deg,
    rgb(26, 66, 94, 59%) -13.64%,
    rgb(5, 34, 82, 65%) 57.15%,
    rgb(12, 49, 79, 48%) 159.9%,
    rgb(44, 71, 90, 68%) 214.7%
  );
  --sds-blackjack-accent-gradient: linear-gradient(
    198deg,
    rgba(122, 181, 226, 0.5) 12.19%,
    rgb(6, 48, 78, 81%) 40.73%,
    rgba(122, 181, 226, 0.5) 104.25%
  );

  /* BACCARAT */
  --sds-baccarat: #a4acf6;
  --sds-baccarat-text: #1421a4;
  --sds-baccarat-gradient: linear-gradient(
    203deg,
    #7280fc -13.64%,
    #4250ce 57.15%,
    #7280fc 159.9%,
    #6673ed 214.7%
  );
  --sds-baccarat-accent-gradient: linear-gradient(
    203deg,
    #dee1fe -13.64%,
    #4250ce 57.15%,
    #818cef 92.5%,
    #818cef 214.7%
  );

  /* FAVORITE */
  --sds-favorite: #ffe5b2;
  --sds-favorite-text: #844f00;
  --sds-favorite-gradient: linear-gradient(
    203deg,
    #ffbd3d -13.64%,
    #875901 57.15%,
    #ffbd3d 159.9%,
    rgba(255, 217, 142, 0.83) 214.7%
  );
  --sds-favorite-accent-gradient: linear-gradient(
    203deg,
    #fff5e2 -13.64%,
    #ac7200 57.15%,
    #fff5e0 159.9%,
    rgba(255, 251, 244, 0.83) 214.7%
  );

  /* DEFAULT */
  --sds-black: #000000;
  --sds-grey: #d9d9d9;
  --sds-grey-text: #333333;
  --sds-grey-gradient: linear-gradient(
    203deg,
    #808080 -13.64%,
    #333333 57.15%,
    #666666 159.9%,
    #808080 214.7%
  );
  --sds-grey-accent-gradient: linear-gradient(
    203deg,
    #cccccc 2.98%,
    #666666 68.48%,
    #333333 163.57%,
    #808080 214.28%
  );
}

.default-badge {
  color: var(--semantic-text-primary-contrast);
  font-family: var(--sds-typeface-font-family);
  font-size: var(--sds-typeface-size-badge-label);
  font-weight: 600;
  line-height: var(--sds-typeface-size-badge-label);
  background-blend-mode: soft-light, normal;
  border-radius: 25px;
  padding-left: 10px;
  padding-right: 14px;
  padding-block: 3px;
  margin: 1px;
}

.default-badge:not(.no-hover):active {
  border: 1px solid var(--brand-white);
  color: var(--semantic-text-primary);
  margin: 0;
}

.default-badge:not(.no-hover):active svg {
  fill: var(--semantic-text-primary);
}

.sds-badgeTag {
  background-color: var(--semantic-background-surface-4);
  height: var(--sds-typeface-size-h5);
  padding: 2px 14px 2px 10px;
  color: var(--semantic-text-secondary);
  font-size: var(--sds-typeface-size-badge-label);
  line-height: var(--sds-typeface-size-badge-label);
  background-blend-mode: soft-light, normal;
  margin: 1px;
  cursor: pointer;
}
.sds-badgeTag:not(.no-hover):hover {
  border: 1px solid var(--brand-orange);
  margin: 0;
}
.mission-prize-pill .sds-badgeTag {
  padding: 2px 12px 2px 9px;
}

.selected-badge .sds-badgeTag {
  background-color: var(--brand-orange);
  color: var(--semantic-text-primary-contrast);
}

.selected-badge .default-badge {
  border: 1px solid var(--brand-white);
  color: var(--semantic-text-primary);
  margin: 0;
}
.selected-badge .default-badge svg {
  fill: var(--semantic-text-primary);
}
.default-badge svg {
  fill: var(--semantic-text-primary-contrast);
}

/* LIVE */
.sds-live-badge {
  background: var(--semantic-game-en-vivo-base);
}

.sds-live-badge:not(:active):hover {
  background: var(--semantic-game-en-vivo-hover);
  cursor: pointer;
}

/* BONUS */
.sds-bonus-badge {
  background: var(--semantic-game-bonus-base);
}
.sds-bonus-badge:not(:active):hover:not(.no-hover) {
  background: var(--semantic-game-bonus-hover);
  cursor: pointer;
}

/* HOT */
.sds-hot-badge {
  background: var(--semantic-game-hot-base);
}
.sds-hot-badge:not(:active):hover:not(.no-hover) {
  background: var(--semantic-game-hot-hover);
  cursor: pointer;
}

/* NEW */
.sds-new-badge {
  background: var(--semantic-game-nuevo-base);
}
.sds-new-badge:not(:active):hover {
  background: var(--semantic-game-nuevo-hover);
  cursor: pointer;
}

/* RULETAS */
.sds-ruletas-badge {
  background: var(--semantic-game-ruletas-base);
}
.sds-ruletas-badge:not(:active):hover {
  background: var(--semantic-game-ruletas-hover);
  cursor: pointer;
}

/* GAME SHOW */
.sds-game-show-badge {
  background: var(--semantic-game-ruletas-base);
}
.sds-game-show-badge:not(:active):hover {
  background: var(--semantic-game-ruletas-hover);
  cursor: pointer;
}

/* POKER */
.sds-poker-badge {
  background: var(--semantic-game-poker-base);
}
.sds-poker-badge:not(:active):hover {
  background: var(--semantic-game-poker-hover);
  cursor: pointer;
}

/* BLACKJACK */
.sds-blackjack-badge {
  background: var(--semantic-game-blackjack-base);
}
.sds-blackjack-badge:not(:active):hover {
  background: var(--semantic-game-blackjack-hover);
  cursor: pointer;
}

/* BACCARAT */
.sds-baccarat-badge {
  background: var(--semantic-game-baccarat-base);
}
.sds-baccarat-badge:not(:active):hover {
  background: var(--semantic-game-baccarat-hover);
  cursor: pointer;
}

/* FAVORITE */
.sds-favorite-badge {
  background: var(--semantic-game-favorite-base);
}
.sds-favorite-badge:not(:active):hover {
  background: var(--semantic-game-favorite-hover);
  cursor: pointer;
}

/* DEFAULT */
.sds-default-badge {
  background: #666666;
}
.sds-default-badge:not(:active):hover {
  background: #333333;
  cursor: pointer;
}