@charset "UTF-8";

/* src/shared/scss/main.scss */
.btn--disabled {
  opacity: 0.8;
}
.btn--primary {
  background: #6f00ff;
  border: 4px #6f00ff solid;
  color: white;
}
.btn--primary:hover:enabled,
.btn--primary:focus:enabled {
  background: #412786;
  border: 4px #412786 solid;
  color: #2cfef7;
}
.btn--secondary {
  background: #2cfef7;
  border: 4px #2cfef7 solid;
  color: #412786;
}
.btn--secondary:hover:enabled,
.btn--secondary:focus:enabled {
  background: #6f00ff;
  border: 4px #6f00ff solid;
  color: #fff;
}
.btn--danger {
  background: none;
  border: 2px white solid;
  color: white;
}
.btn--danger:hover:enabled,
.btn--danger:focus:enabled {
  background: #c82333;
  border: 2px #c82333 solid;
  color: white;
}
.btn--big {
  width: 100%;
  font-size: 1.5rem;
  padding: 14px;
  font-size: var(--font-size-base, 18px);
  position: relative;
}
.btn--big .loading-dots {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -30px;
}
.current-event {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-areas: "title social" "description description";
  align-items: center;
}
.current-event.current-event--no-description .current-event__description p {
  display: none;
}
.current-event .social-media-accounts {
  grid-area: social;
  position: relative;
  right: 5px;
  display: flex;
  flex-direction: row-reverse;
}
.current-event .social-media-accounts ul {
  display: inline-flex;
  flex-flow: row;
}
.current-event .social-media-accounts img {
  height: 42px;
  width: 42px;
}
.current-event__title {
  grid-area: title;
  color: #412786;
  flex: auto;
}
.current-event__description {
  grid-area: description;
  border-top: 2px #d8d3e6 solid;
}
.current-event__description p {
  margin: 0;
  padding: 1em 0;
}
@media (max-width: 800px) {
  .current-event {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    grid-template-areas: "title" "description" "social";
  }
  .current-event .social-media-accounts {
    right: 0;
    justify-content: space-evenly;
  }
}
.events__scroller {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
}
.events__container {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  margin-bottom: 1em;
}
.events--live h2:before {
  content: "\25cf";
  color: #412786;
  margin-right: 0.2em;
}
.events--live h2 {
  color: #412786;
  font-size: 20px;
}
.events--upcoming h2 {
  color: #8950f6;
  font-size: 20px;
}
.events__list {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 100%;
  position: relative;
  position: relative;
}
.events--live .event--casino {
  background-size: cover;
  background-position: center;
  background-color: #412786;
  background-image: url(https://s-assets.rootz.com/wildz.com/stream/events/casino/casino_live_event.png);
}
.events--live .event--sports {
  background-size: cover;
  background-position: center;
  background-color: #412786;
  background-image: url(https://s-assets.rootz.com/wildz.com/stream/events/sports/sports_live_event.png);
}
.events--live .event--external-streamer {
  background-size: cover;
  background-position: center;
  background-color: #412786;
  background-color: #8950f6;
}
.events--upcoming .event--casino {
  background-size: cover;
  background-position: center;
  background-color: #412786;
  background-image: url(https://s-assets.rootz.com/wildz.com/stream/events/casino/casino_upcoming_event.png);
}
.events--upcoming .event--sports {
  background-size: cover;
  background-position: center;
  background-color: #412786;
  background-image: url(https://s-assets.rootz.com/wildz.com/stream/events/sports/sports_upcoming_event.png);
}
.events--upcoming .event--external-streamer {
  background-size: cover;
  background-position: center;
  background-color: #412786;
  background-color: #412786;
}
.event {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr auto;
  grid-template-areas: "time" "title" "badge";
  border-radius: 1em;
  width: 420px;
  height: 160px;
  font-size: 21px;
  padding: 1rem 1.5rem;
  margin: 0 14px 0 0;
  color: #fff;
}
.event p {
  margin: 0;
}
.event .event__time {
  grid-area: time;
  opacity: 0.7;
  font-size: 0.8em;
}
.event .event__title {
  grid-area: title;
  font-weight: bolder;
  font-size: 1.1em;
  letter-spacing: 1px;
}
.event .event__badge {
  grid-area: badge;
  position: relative;
  width: 120px;
}
.event .event__badge .badge__text {
  position: absolute;
  font-size: 16px;
  top: 10px;
}
.event .event__badge .badge__image--upcoming .badge__text {
  left: 20px;
}
.event .event__badge .badge__image--upcoming:hover,
.event .event__badge .badge__image--upcoming:active {
  cursor: default;
}
.event .event__badge .badge__image--live .badge__text {
  left: 32px;
}
.event .event__badge .badge__image--upcoming img,
.event .event__badge .badge__image--live img {
  width: 120px;
  height: 39px;
}
.event .event__badge .badge__image--live:hover {
  background: #fff;
  color: #412786;
  border-radius: 1em;
  cursor: pointer;
}
@media (max-width: 800px) {
  .event {
    width: 240px;
    height: 120px;
  }
}
.schedule__container {
  position: absolute;
  border-top: 0;
  background: #f4ffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1607843137);
  width: 100%;
  opacity: 1;
}
.schedule__container .event {
  margin: 0 10px 10px 0;
  background-position: bottom;
  grid-template-rows: auto;
  padding: 0;
}
.schedule__container .event.event--casino,
.schedule__container .event.event--sports,
.schedule__container .event.event--external-streamer {
  height: 80px;
  padding: 15px;
}
.schedule__container .events__container {
  margin: 0;
  padding: 10px;
}
.schedule__container .events__container h2 {
  font-size: 12px;
  margin: 0 0 0 5px;
}
.schedule__container .events__container p {
  font-size: 16px;
  letter-spacing: 0;
}
.schedule__container .events__container .event__badge .badge__text {
  top: 0;
  font-size: 12px;
}
.schedule__container .events__container .event__badge .badge__link {
  text-decoration: underline;
  font-size: 12px;
}
@media (max-width: 800px) {
  .schedule__container .event {
    padding: 3vh 1vw;
  }
  .schedule__container .event.event--casino,
  .schedule__container .event.event--sports,
  .schedule__container .event.event--external-streamer {
    width: 80vw;
    height: 4rem;
    grid-template-rows: 1fr 4fr 1fr;
  }
}
@media (max-width: 510px) {
  .en .pnp-title {
    font-size: 39px;
  }
  .fi .pnp-title {
    font-size: 38px;
  }
}
@media (max-width: 470px) {
  .en .pnp-title {
    font-size: 37px;
  }
  .fi .pnp-title {
    font-size: 36px;
  }
}
@media (max-width: 410px) {
  .en .pnp-title {
    font-size: 33px;
  }
  .fi .pnp-title {
    font-size: 32px;
  }
}
@media (max-width: 360px) {
  .en .pnp-title {
    font-size: 31px;
  }
  .fi .pnp-title {
    font-size: 30px;
  }
}
#static-banners.sportsbook .banner--casino {
  display: none;
}
#static-banners.casino .banner--sports {
  display: none;
}
.verification-code--no-logo {
  --verification-code-columns: 70% 30%;
}
.verification-code--logo {
  --verification-code-columns: 50px auto 70px;
}
@keyframes badge-pulse {
  0%, 100% {
    box-shadow: 0 0 0 rgba(255, 255, 0, 0.6);
    transform: scale(1);
  }
  50% {
    box-shadow: 0 0 10px rgba(255, 255, 0, 0.9);
    transform: scale(1.05);
  }
}
.casino-sportsbook-nav__badge {
  animation: badge-pulse 2s ease-in-out infinite;
}
.csn-badge--hide {
  display: none !important;
}
.sidemodal .bonuscode form {
  display: grid;
  grid-template-areas: "bonuscode button" "error error";
  grid-template-columns: 1fr auto;
  gap: 10px;
}
.sidemodal .bonuscode form input,
.sidemodal .bonuscode form .field {
  margin-bottom: 0;
}
.sidemodal .bonuscode form .submit {
  margin-top: 0;
  grid-area: button;
}
.sidemodal .bonuscode form .error-text {
  text-align: left;
  grid-area: error;
  color: #ff5652;
  font-size: 0.8em;
  margin: 0;
}
.rewards__bonuscode {
  padding: 15px;
  background: #fff;
  margin-left: -15px;
  margin-right: -15px;
  border-radius: 10px;
}
.rewards__bonuscode p.success-text {
  text-align: left;
}
.rewards__bonuscode p.bonuscode__info {
  margin-bottom: 0;
}
.feature-not-allowed {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border-bottom: 2px solid #412786;
  padding: 10%;
}
.feature-not-allowed__not-allowed-message {
  text-align: center;
  margin: 0;
}
.feature-not-allowed__back-to-casino {
  margin-top: 20px;
  border-bottom: 2px solid #412786;
}
.casino-sports-news-nav {
  display: flex;
  gap: 2px;
  padding-bottom: 2em;
  user-select: none;
  font-family: var(--font2);
  font-weight: 700;
  font-size: 15px;
}
.casino-sports-news-nav a {
  padding: 14px 16px;
  border-radius: 10px;
  text-decoration: none;
}
.casino-sports-news-nav__btn--active {
  background-color: #6f00ff;
  color: #fff;
}
.casino-sports-news-nav__btn--inactive {
  color: #412786;
}
.animation-x--zoomIn {
  visibility: visible;
  -webkit-animation: zoomIn 0.32s cubic-bezier(0.2, 0.9, 0.2, 1) both;
  animation: zoomIn 0.32s cubic-bezier(0.2, 0.9, 0.2, 1) both;
  will-change: transform, opacity;
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.95);
  }
  60% {
    opacity: 1;
    transform: scale(1.02);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.animation-x--zoomOut {
  visibility: visible;
  -webkit-animation: zoomOut 0.32s cubic-bezier(0.2, 0.9, 0.2, 1) both;
  animation: zoomOut 0.32s cubic-bezier(0.2, 0.9, 0.2, 1) both;
  will-change: transform, opacity;
}
@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  40% {
    opacity: 1;
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
}
@keyframes zoomOut {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  40% {
    opacity: 1;
    transform: scale(1.02);
  }
  100% {
    opacity: 0;
    transform: scale(0.95);
  }
}
.bottombar {
  display: grid;
  grid-template-columns: 15% 1fr;
  grid-template-areas: "burger buttons";
  align-content: center;
  align-items: center;
  position: fixed;
  background: #412786;
  bottom: 0;
  width: 100%;
  height: 60px;
  z-index: 20;
  color: white;
  transform: translateY(0%);
  transition: transform 0.25s ease;
}
@media screen and (min-width: 933px) and (orientation: landscape) {
  .bottombar {
    display: none;
  }
}
@media screen and (pointer: fine) and (min-width: 800px) {
  .bottombar {
    display: none;
  }
}
.bottombar.bottombar--logged-in {
  grid-template-columns: 15% 35% 25% 25%;
  grid-template-areas: "burger notification user buttons";
  max-height: 60px;
}
.bottombar--logged-in .bottombar__user {
  display: block;
}
.bottombar__user {
  grid-area: user;
  padding-left: 30px;
  display: none;
  text-align: center;
  font-family: var(--font2);
  font-size: 12px;
  line-height: 14px;
  color: white;
  cursor: pointer;
  vertical-align: middle;
}
.bottombar__user .uname-bottom {
  overflow: hidden;
  text-overflow: ellipsis;
}
.bottombar__left .spinback-cont.show-notification {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.bottombar__left .spinback-cont .spinback-winmessage {
  font-size: 12px;
  padding-top: 39px;
}
.bottombar--logged-in .bottombar__left {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
}
.bottombar__left {
  grid-area: notification;
  display: none;
  padding-right: 50px;
}
@media screen and (orientation: landscape) {
  .bottombar__left .spinback {
    padding-right: 30px;
  }
}
.bottombar__left .spinback .spinback-indicator {
  height: 25px;
  padding-top: 0;
  position: absolute;
  width: 25px;
  top: 7px;
}
.bottombar__left .spinback .spinback-indicator h3 {
  font-size: 9px;
}
.bottombar__left .spinback-wrapper {
  padding: 0;
}
.bottombar__left .spinback-cont {
  margin: 0;
}
.bottombar__left .spinback-cont .show-notification .spinback-winmessage {
  font-size: 11px;
  font-weight: 700;
  padding-left: 34px;
  padding-top: 4px;
  text-transform: uppercase;
}
@media screen and (orientation: portrait) {
  .bottombar__right {
    text-align: right;
    padding-right: 10px;
  }
  .deposit-btn-bottom {
    font-size: 12px;
    padding: 5px 7px;
  }
  .bottombar-panic {
    font-size: 12px;
    padding: 0 7px;
  }
}
.bottombar__menu {
  grid-area: burger;
}
.bottombar__burger {
  height: 18px;
  cursor: pointer;
  left: 16px;
  top: 0.8em;
  position: absolute;
  z-index: 10;
}
.bottombar__right {
  padding-right: 8px;
  grid-area: buttons;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.bottombar__right button {
  padding: 8px;
  margin: 2px;
  box-sizing: border-box;
  border-width: 3px;
}
.bottombar__clock {
  font-weight: 200;
  line-height: 20px;
  font-size: 12px;
  position: absolute;
  left: 25px;
  transform: translate(-50%, 0);
  z-index: 9;
  bottom: 0;
}
.bottombar--logged-in .bottombar__power {
  display: block;
}
.bottombar__power {
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0.7);
}
.bottombar__power .power {
  width: 70px;
  height: 70px;
  margin: 0;
  display: block;
}
.bottombar__power .notification-container {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  display: block;
}
.bottombar-panic {
  width: 55px;
  padding: 0 7px;
  background-color: transparent;
  border-radius: 0;
  bottom: 20px;
  left: 50px;
  margin-right: 5px;
  position: absolute;
}
.bottombar-panic svg {
  vertical-align: middle;
}
.panic-tooltip {
  position: absolute;
  bottom: 60px;
  left: 10px;
  width: 120px;
  padding: 7px 25px 7px 5px;
  background: #ff5652;
  line-height: inherit;
  font-weight: 600;
  text-transform: none;
  text-align: center;
  font-size: 10px;
  text-decoration: none;
  transition: transform 0.1s ease-in-out;
  border-radius: 50px;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
  font-family: var(--font2);
}
.panic-tooltip ::after {
  content: " ";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #ff5652 transparent transparent transparent;
}
.panic-tooltip button[name=close-tooltip] {
  background: url(https://s-assets.rootz.com/wildz.com/close-button-white.svg);
  position: absolute;
  top: 8px;
  right: -15px;
  background-size: contain;
  background-repeat: no-repeat;
}
.levelup-dark {
  display: none;
  opacity: 0;
  transition: opacity 0.5s linear;
  background: #000;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
}
.played .levelup-bottom:after {
  content: "";
  transition: opacity 0.5s linear;
  background: rgba(0, 0, 0, 0.75);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
}
.levelup-bottom {
  text-align: center;
  padding: 16px 20px 25px;
  background-image: url(https://s-assets.rootz.com/wildz.com/levelup-5y/wildz-levelz-machine.png);
  background-size: 100% 100%;
  width: 80%;
  margin: 0 auto;
}
.levelup-bottom .levelup-spin {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(2, 1fr);
  grid-template-areas: "button" "arrow";
  height: 100px;
}
.levelup-bottom .levelup-spin .spin-button-arrows {
  grid-area: arrow;
  align-self: center;
  justify-self: center;
  position: absolute;
  height: 50px;
  width: 70%;
}
.levelup-bottom .levelup-spin .spin-button {
  background-image: url(https://s-assets.rootz.com/wildz.com/levelup-5y/wildz-levelz-button.png);
  background-size: cover;
  height: 100px;
  width: 100px;
  animation: blink-5y 1s steps(1, end) 0s infinite;
  grid-area: button;
  align-self: center;
  justify-self: center;
  background-color: transparent;
  cursor: pointer;
  z-index: 10;
}
.levelup-bottom .levelup-spin .spin-button.disabled {
  animation: none;
}
.levelup-bottom .levelup--slots {
  margin-bottom: 16px;
}
.mudal__content.levelup-game {
  background: #6f00ff;
}
.mudal__content.levelup-game .levelup-game {
  position: relative;
  padding-bottom: 125%;
  margin: 0 auto 16px 0;
  text-align: center;
}
.mudal__content.levelup-game .test {
  background-color: #000;
}
.level-game-prize {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  transition: transform 0.3s ease-in;
}
.level-game-prize h1 {
  color: #ffff00;
  word-wrap: break-word;
  word-break: break-all;
  font-size: 1.6em;
  margin: 0 0 4px 0;
}
.level-game-prize p {
  color: white;
  margin: 4px;
}
.levelup-game-button {
  width: 80%;
  max-width: 150px !important;
  margin: 10%;
  cursor: pointer;
}
.levelup-game-button.disabled {
  cursor: initial;
  filter: brightness(70%);
}
.levelup-game-border,
.levelup-game-lights {
  width: 100%;
  height: 100%;
  top: 0;
  position: absolute;
  z-index: 3;
  background-size: 100% 100%;
  background-image: url(https://s-assets.rootz.com/wildz.com/levelup-game-border.png);
}
.levelup-game-lights {
  background-image: url(https://s-assets.rootz.com/wildz.com/levelz_lightson.png);
  animation: blink 0.5s ease 0s infinite alternate;
}
.levelup-game-shade {
  border-radius: 20%;
  height: 50%;
  width: 100%;
  z-index: 2;
  position: absolute;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0) 100%);
  background:
    linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0.18) 0%,
      rgba(0, 0, 0, 0) 100%);
}
.levelup-game-inner {
  border-radius: 20%;
  overflow: hidden;
  position: absolute;
  top: 3%;
  bottom: 3%;
  left: 0;
  right: 0;
  background: white;
}
.levelup-game-inner .reel {
  transform: translate3d(0, -85%, 0);
  transition: transform 2.2s ease-in-out;
}
.levelup-game-inner .reel > img {
  width: 50%;
  display: block;
  margin: 5% auto;
  border-radius: 10px;
}
.levelup-rays {
  position: absolute;
  left: 0;
  right: 0;
  top: 12%;
  animation: spinning-rays 70s linear 0s infinite;
}
.levelup-prize-img {
  position: absolute;
  left: 0;
  right: 0;
  top: 12%;
  width: 60%;
  margin: 20%;
  border-radius: 10px;
  animation: scaler 3s ease-in 0s infinite alternate;
}
.levelup-game-btn {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 25%;
  width: 50%;
  top: 92%;
}
.levelup-marker-left,
.levelup-marker-right {
  position: absolute;
  top: 45%;
  height: 10%;
  width: 8%;
  background: url(https://s-assets.rootz.com/wildz.com/levelup-arrow.svg) no-repeat center center;
  background-size: contain;
  display: block;
}
.levelup-marker-left {
  left: 13%;
  transform: rotate(180deg);
}
.levelup-marker-right {
  right: 13%;
}
.levelz-logo {
  width: 60%;
  padding-bottom: 8px;
  margin-right: 25px;
}
@keyframes spinning-rays {
  0% {
    transform: scale(1.3) rotate(0deg);
    -webkit-transform: scale(1.3) rotate(0deg);
  }
  100% {
    transform: scale(1.3) rotate(360deg);
    -webkit-transform: scale(1.3) rotate(360deg);
  }
}
@keyframes blink {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes scaler {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.9);
  }
}
@keyframes btn-blink {
  0% {
    background-color: #6f00ff;
    border-color: #6f00ff;
  }
  50% {
    background-color: #412786;
    border-color: #412786;
  }
}
.levelup-bottom-5yearz {
  text-align: center;
  padding: 16px 20px 40px;
  background-image: url(https://s-assets.rootz.com/wildz.com/levelup-5y/wildz-5yearz-levelz-machine.png);
  background-size: 100% 100%;
  width: 80%;
  margin: 10px auto;
}
.levelup-bottom-5yearz .levelup-spin {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(2, 1fr);
  grid-template-areas: "button" "arrow";
  height: 120px;
}
.levelup-bottom-5yearz .levelup-spin .spin-button-5yearz-arrows {
  grid-area: arrow;
  align-self: center;
  justify-self: center;
  position: absolute;
  height: 50px;
  width: 70%;
}
.levelup-bottom-5yearz .levelup-spin .spin-button-5yearz {
  background-image: url(https://s-assets.rootz.com/wildz.com/levelup-5y/wildz-5yearz-levelz-button.png);
  background-size: cover;
  height: 120px;
  width: 120px;
  margin: 0 auto;
  animation: blink-5y 1s steps(1, end) 0s infinite;
  border-radius: 50%;
  grid-area: button;
  align-self: center;
  justify-self: center;
  position: absolute;
  background-color: transparent;
  cursor: pointer;
  z-index: 10;
}
.levelup-bottom-5yearz .levelz-logo-5y {
  margin-bottom: 10px;
}
.played .levelup-bottom-5yearz:after {
  content: "";
  transition: opacity 0.5s linear;
  background: rgba(0, 0, 0, 0.75);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
}
@keyframes blink-5y {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.8;
  }
}
.christmas-calendar-container {
  display: flex;
  flex-direction: column;
  gap: 35px;
  text-align: center;
  background-image: url(https://s-assets.rootz.com/wildz.com/christmas/wildzmas_bg.png);
  background-size: cover;
  width: 100%;
  height: 100%;
  top: 60px;
  left: 0;
  position: absolute;
  color: white;
  font-family: var(--font2);
}
.christmas-calendar-container a {
  font-size: 14px;
}
.christmas-calendar-container .doors {
  user-select: none;
  padding-right: 20px;
  padding-left: 20px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-gap: 10px;
}
.christmas-calendar-container .doors .door {
  all: unset;
  cursor: pointer;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1;
  background:
    url(https://s-assets.rootz.com/wildz.com/christmas/box_edge.png),
    linear-gradient(
      0deg,
      #03a228 0%,
      #006016 100%);
  background-size: 100% 100%;
  background-clip: content-box;
  background-color: transparent;
}
.christmas-calendar-container .doors .door span {
  position: absolute;
  top: 6px;
  left: 6px;
  font-size: 14px;
  font-weight: bold;
}
.christmas-calendar-container .doors .door img {
  position: absolute;
  top: 15%;
  left: 58%;
  transform: translateX(-50%);
  height: 75%;
}
.christmas-calendar-container .doors .door:disabled {
  cursor: not-allowed;
  filter: grayscale(1);
}
.christmas-calendar-container .logo {
  padding-top: 30px;
  align-self: center;
  width: 310px;
  height: 110px;
}
.christmas-calendar-container .claim-terms-container {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.christmas-calendar-container .claim-terms-container .christmasclaim {
  width: 210px;
  height: 50px;
  padding: 0;
}
.registration {
  padding-bottom: 80px;
}
.registration .field--limits .field--radio .tickbox {
  font-weight: bold;
}
.registration .field--register-consents .fieldset--consents a {
  text-decoration: underline;
}
.registration .field--register-consents .fieldset--consents > .field--tickbox > .tickbox {
  font-weight: bold;
}
.registration__header-logo {
  position: absolute;
  top: 7px;
  left: 20px;
  width: 80px;
}
.sidemodal .register .modal__header {
  padding-left: 115px;
  font-size: 21px;
}
.registration__progress {
  margin-left: 10px;
}
.registration__progress i {
  font-family: var(--font3);
  font-style: normal;
}
.registration__login-button {
  padding: 28px;
  display: block;
  text-align: center;
}
.registration__forgot-password-button {
  padding: 14px;
  display: block;
  text-align: center;
}
.registration__forgot-password-button:hover {
  color: #6f00ff;
}
.registration__back-button {
  display: block;
  margin: 0;
  font-size: 14px;
  font-family: var(--font3);
  font-weight: 400;
  letter-spacing: 0;
  color: #412786;
  text-align: center;
  margin-top: 20px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  text-decoration: underline;
}
.registration fieldset {
  grid-column-gap: 1rem;
}
form .field--gender fieldset {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.registration__error {
  font-size: 16px;
  text-align: center;
  color: #ff5652;
  margin: 0 0 20px 0;
}
.registration__disabled {
  margin: 0;
  padding-bottom: 8px;
  text-align: center;
}
.regform-brand-account-disclaimer {
  box-sizing: border-box;
  width: 80%;
  padding: 10px 5px;
  border-radius: 20px 20px 0 0;
  position: absolute;
  bottom: 40px;
}
.regform-brand-account-disclaimer.brand-logged-in {
  bottom: 0px;
}
.regform-brand-account-disclaimer h3 {
  font-size: 15px;
}
.regform-brand-account-disclaimer span {
  font-size: 10px;
  color: black;
  display: block;
  text-align: left;
  margin-top: 8px;
  padding-left: 10px;
  padding-right: 4px;
}
.regform-brand-account-disclaimer .hidden {
  display: none;
}
.regform-brand-account-disclaimer .arrow-button {
  width: 18px;
}
.regform-brand-account-disclaimer .arrow-button.rotate-180 {
  transform: rotate(180deg);
}
.regform-brand-account-disclaimer .brand-icon-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 15px;
  padding-left: 8px;
  margin-top: 0;
}
.regform-brand-account-disclaimer .brand-icon-container .icon-link {
  flex: 1 1 0;
  width: 100px;
}
.regform-brand-account-disclaimer .brand-account-title-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
}
.regform-brand-account-disclaimer .brand-account-title-container {
  height: 30px;
}
.regform-brand-account-disclaimer.dark-background {
  background: rgb(88.8, 0, 204);
}
.regform-brand-account-disclaimer.color-white {
  color: white;
}
.regform-brand-account-disclaimer.color-white span {
  font-size: 14px;
  color: white;
}
@media (max-height: 600px) {
  .regform-brand-account-disclaimer {
    display: none;
  }
}
.rg-footer {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 15px;
  justify-content: center;
  background: #f0f2f1;
  padding: 10px;
  margin: 25px -40px -54px -40px;
  position: fixed;
  z-index: 3;
}
.menu-bottom {
  text-align: center;
  box-sizing: border-box;
  margin-top: auto;
  width: 100%;
  padding: 10px 10px 10px 10px;
  margin-bottom: 15px;
}
.brand-ont {
  bottom: 60px !important;
}
.brand-ont-reg {
  bottom: 90px !important;
}
.rg-footer-space {
  min-height: 70px;
}
.reg-limit-explanation {
  font-size: 14px;
}
.field--pep div {
  font-size: 16px;
  margin-bottom: 16px;
}
.field.field--category {
  margin-top: 17px;
  margin-bottom: 0px;
}
#rg-footer-login-section {
  bottom: 1rem;
  max-width: 390px;
  padding-bottom: 50px;
}
#rg-footer-reg-section {
  bottom: 1rem;
  max-width: 380px;
  padding-bottom: 50px;
  z-index: 4000;
}
.rg-footer-account-page {
  margin-right: -30px;
  max-width: 380px;
  margin: 25px -40px -54px -30px;
}
.rg-footer-reg-page {
  margin-left: -30px;
}
@media (max-width: 800px), (max-height: 500px) {
  .reg-visible {
    display: flex;
    padding: 0 20px 20px 20px;
  }
  .rg-footer {
    margin-right: -30px;
    width: 95%;
  }
  .rg-footer-space {
    min-height: unset;
  }
  #rg-footer-login-section {
    width: 98%;
  }
}
.registration__link a {
  color: #6f00ff;
  text-decoration: underline;
}
.field {
  margin-bottom: 10px;
  position: relative;
}
.field input,
.field select,
.field textarea {
  margin-bottom: 0;
  width: 100%;
}
.field .field__error {
  padding-top: 5px;
  color: #ff5652;
  font-size: 14px;
}
.field .field__indicator {
  position: absolute;
  margin: 0;
  height: 42px;
  width: 42px;
  display: none;
  inset: auto 0 0 auto;
}
.field.field--error input,
.field.field--error select,
.field.field--error textarea {
  border-color: #ff5652;
}
.field.field--valid .field__indicator {
  display: block;
}
.field.field--valid .field__indicator::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 6px;
  border: 2px solid #00e2ac;
  border-width: 0 0 2px 2px;
  transform: rotateZ(-45deg);
  margin: -6px 0 0 -5px;
}
.field.field--radio fieldset label {
  margin-right: 14px;
}
fieldset {
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 4px;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  border-radius: 4px;
}
input,
button {
  border: 0;
  padding: 8px;
  outline: none;
  color: #6f00ff;
}
input {
  font-family: inherit;
  font-size: inherit;
  border-radius: 4px;
  font-family: inherit;
  font-size: inherit;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 16px;
  background: #f1f2f2;
  color: #412786;
  border: 1px solid transparent;
  border-radius: 10px;
  padding: 0 13px;
  height: 42px;
  line-height: 42px;
}
input:not([readonly]):focus {
  background: #fff;
  border: 1px solid #6f00ff;
  box-shadow: inset 0 0 1px #6f00ff;
}
input::placeholder {
  color: #412786;
  opacity: 0.54;
}
input {
  box-sizing: border-box;
  background: #f1f2f2;
  border: 1px solid transparent;
  border-radius: 10px;
}
input::placeholder {
  color: #412786;
  opacity: 0.54;
}
input:not([readonly]):focus {
  background: #fff;
  border: 1px solid #6f00ff;
  box-shadow: inset 0 0 1px #6f00ff;
}
input.error {
  border-color: #ff5652;
}
select {
  font-family: inherit;
  font-size: inherit;
  border-radius: 4px;
  font-family: inherit;
  font-size: inherit;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 16px;
  background: #f1f2f2;
  color: #412786;
  border: 1px solid transparent;
  border-radius: 10px;
  padding: 0 13px;
  height: 42px;
  line-height: 42px;
}
select:not([readonly]):focus {
  background: #fff;
  border: 1px solid #6f00ff;
  box-shadow: inset 0 0 1px #6f00ff;
}
select::placeholder {
  color: #412786;
  opacity: 0.54;
}
select {
  box-sizing: border-box;
  background: #f1f2f2;
  border: 1px solid transparent;
  border-radius: 10px;
}
select:not([readonly]):focus {
  background: #fff;
  border: 1px solid #6f00ff;
  box-shadow: inset 0 0 1px #6f00ff;
}
select.error {
  border-color: #ff5652;
}
select {
  margin: 0;
  outline: none;
  font-size: 16px;
  width: 100%;
  max-width: 100%;
  -moz-appearance: none;
  -webkit-appearance: none;
  padding: 0 8px;
}
textarea {
  width: 100%;
  max-width: 100%;
  border: 1px #412786 solid;
  outline: none;
  color: #412786;
}
textarea.expanded,
textarea.textarea--expanded {
  height: 150px;
  resize: none;
  line-height: normal;
  box-sizing: border-box;
  font-size: 16px;
  background: #f1f2f2;
  color: #412786;
  border: 1px solid transparent;
  border-radius: 10px;
  padding: 10px 14px;
}
textarea.expanded:focus,
textarea.textarea--expanded:focus {
  background: #fff;
  box-shadow: inset 0 0 1px #6f00ff;
}
textarea.expanded::placeholder,
textarea.textarea--expanded::placeholder {
  color: #412786;
}
.field--select > .select__container,
.field--select:not(:has(.select__container)) {
  position: relative;
  background: #f1f2f2;
  border-radius: 10px;
  max-height: 42px;
}
.field--select > .select__container select,
.field--select:not(:has(.select__container)) select {
  padding-left: 13px;
  padding-right: 30px;
  background: none;
  position: relative;
  z-index: 2;
}
.field--select > .select__container:after,
.field--select:not(:has(.select__container)):after {
  content: "";
  position: absolute;
  top: 18px;
  right: 17px;
  border: 5px solid transparent;
  border-top: 6px solid #412786;
  z-index: 3;
  pointer-events: none;
}
.field--select > .select__container.inline-block,
.field--select:not(:has(.select__container)).inline-block {
  display: inline-block;
}
.field__input {
  font-family: inherit;
  font-size: inherit;
  border-radius: 4px;
  font-family: inherit;
  font-size: inherit;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 16px;
  background: #f1f2f2;
  color: #412786;
  border: 1px solid transparent;
  border-radius: 10px;
  padding: 0 13px;
  height: 42px;
  line-height: 42px;
}
.field__input:not([readonly]):focus {
  background: #fff;
  border: 1px solid #6f00ff;
  box-shadow: inset 0 0 1px #6f00ff;
}
.field__input::placeholder {
  color: #412786;
  opacity: 0.54;
}
.field__input {
  box-sizing: border-box;
  background: #f1f2f2;
  border: 1px solid transparent;
  border-radius: 10px;
  position: relative;
}
.field__input select {
  background: none;
}
.field__input input {
  background: none;
}
.field__input .select__container {
  background: none;
}
.field--error .field__input {
  border-color: #ff5652;
}
.field--error .field__input input,
.field--error .field__input select,
.field--error .field__input textarea {
  border-color: transparent;
}
form label {
  font-size: 16px;
  font-weight: 600;
  display: block;
  margin: 0 0 6px 0;
  color: #412786;
}
.error-text {
  color: #ff5652;
  font-size: 16px;
  text-align: center;
}
.success-text {
  font-size: 16px;
  text-align: center;
}
.currency-left {
  font-weight: 700;
  line-height: 42px;
  position: absolute;
  left: 12px;
}
.currency-right {
  font-weight: 700;
  line-height: 42px;
  position: absolute;
  right: 16px;
}
.field--valid .currency-right {
  transform: translateX(-24px);
}
.fieldset__inner {
  margin-left: 25px;
}
.select-wrap {
  position: relative;
  margin-bottom: 20px;
  background: #f1f2f2;
  border-radius: 10px;
}
.select-wrap select {
  padding-right: 30px;
  background: none;
  margin: 0 !important;
  position: relative;
  z-index: 2;
}
.select-wrap:after {
  content: "";
  position: absolute;
  top: 18px;
  right: 17px;
  border: 5px solid transparent;
  border-top: 6px solid #412786;
  z-index: 3;
  pointer-events: none;
}
.select-wrap.inline-block {
  display: inline-block;
}
.tickbox {
  display: inline-block;
  font-size: 16px;
  line-height: 20px;
  font-weight: normal;
  padding: 2px 0 0 35px;
  margin: 0;
  position: relative;
  cursor: pointer;
}
.tickbox input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0.01;
  z-index: -1;
}
.tickbox .tickbox__box {
  background: url(https://s-assets.rootz.com/wildz.com/form-icons.png) top center;
  background-size: 24px;
  background-position: 0 -72px;
  display: inline-block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
  left: 0;
}
.tickbox input:checked + .tickbox__box {
  background-position: 0 -48px !important;
}
.tickbox input:focus + .tickbox__box {
  background-position: 0 -144px;
}
.field--tickbox {
  margin-bottom: 0px;
}
.radiocontainer {
  display: block;
  position: relative;
  padding-left: 26px;
  margin-bottom: 16px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.radiocontainer input {
  position: absolute;
  opacity: 0;
  display: none;
}
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #f1f2f2;
  border-radius: 50%;
}
.radiocontainer:hover input ~ .checkmark {
  background-color: #bcbec0;
}
.radiocontainer input:checked ~ .checkmark {
  background-color: #6f00ff;
}
.radiocheckmark:after {
  content: "";
  position: absolute;
  display: none;
}
.radiocontainer input:checked ~ .checkmark:after {
  display: block;
}
.radiocontainer .checkmark:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}
.fieldset--consents .field--tickbox .tickbox {
  margin-bottom: 10px;
  font-weight: bold;
}
.fieldset--consents .fieldset__inner .tickbox {
  margin-bottom: 10px;
  font-weight: normal;
}
.fieldset__inner .tickbox {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: normal;
}
.checkboxes .innerBoxes {
  margin-left: 25px;
}
.checkboxes .innerBoxes .form-group .tickbox {
  padding-top: 0;
  font-size: 14px;
  line-height: 14px;
}
.checkboxes .innerBoxes .form-group .tickbox .tickbox__box {
  transform: scale(0.7, 0.7);
}
.checkboxes .innerBoxes .form-group .tickbox span:nth-child(3) {
  padding-top: 10px;
  position: relative;
  top: 3px;
}
.checkboxes .form-group {
  margin-top: 5px;
}
.checkboxes label {
  display: inline-block;
  font-size: 14px;
  line-height: 16px;
  padding-top: 0;
}
.checkboxes .topLevelCheckBox {
  font-size: 16px;
  margin-bottom: 10px;
  line-height: 20px;
}
.field--password {
  position: relative;
}
.field--password .field__toggle {
  position: absolute;
  top: 0;
  right: 0;
  width: 42px;
  height: 42px;
  padding: 10px 14px 10px 7px;
  border-radius: 0;
  background: none;
}
.field--password .field__toggle span {
  display: block;
  height: 14px;
  overflow: hidden;
}
.field--password .field__toggle img {
  position: relative;
  top: 0;
}
.field--password.field--revealed .field__toggle img {
  position: relative;
  top: -14px;
}
.field--password.field--valid .field__toggle {
  transform: translateX(-24px);
}
.field--phone--separate {
  display: grid;
  grid-template-columns: 2fr 3fr;
  grid-column-gap: 5%;
}
.field--phone--separate > label {
  grid-column: 1/-1;
}
.field--phone--separate .field {
  margin-bottom: 0;
}
.field--phone--combined .field__input {
  padding-left: 0;
  padding-right: 0;
  display: grid;
  grid-template-columns: 6rem 1fr;
}
.field--phone--combined.field--focused .field__input {
  background: #fff;
  box-shadow: inset 0 0 1px #6f00ff;
}
.field--phone--combined.field--focused:not(.field--error) .field__input {
  border-color: #6f00ff;
}
.field--phone--combined select {
  opacity: 0;
}
.field--phone--combined input:focus {
  border: none;
  background: none;
  box-shadow: none;
}
.field--phone--combined input[name=phone-suffix] {
  font-size: 16px;
}
.field--phone--combined .mask {
  position: absolute;
  top: 1px;
  bottom: 1px;
  font-family: inherit;
  font-size: inherit;
  border-radius: 4px;
  font-family: inherit;
  font-size: inherit;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 16px;
  background: #f1f2f2;
  color: #412786;
  border: 1px solid transparent;
  border-radius: 10px;
  padding: 0 13px;
  height: 42px;
  line-height: 42px;
}
.field--phone--combined .mask:not([readonly]):focus {
  background: #fff;
  border: 1px solid #6f00ff;
  box-shadow: inset 0 0 1px #6f00ff;
}
.field--phone--combined .mask::placeholder {
  color: #412786;
  opacity: 0.54;
}
.field--phone--combined .mask {
  height: calc(100% - 2px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 6rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.field--phone--combined .mask span {
  height: auto;
  line-height: normal;
}
.field--phone--combined .mask img {
  max-width: 1.5rem;
  margin-right: 0.5rem;
}
.field--date-of-birth {
  display: grid;
  grid-template-columns: 1fr 1fr 2fr;
  grid-column-gap: 5%;
}
.field--date-of-birth > label {
  grid-column: 1/-1;
}
.field--date-of-birth .field {
  margin-bottom: 0;
}
.field--date-of-birth .field__error {
  grid-column: 1/-1;
}
.field--date-of-birth input {
  font-size: 16px;
}
.verification-code {
  display: grid;
  grid-template-columns: var(--verification-code-columns, 50px auto 70px);
  align-items: center;
}
.verification-code .input[name=pin] {
  margin-bottom: 0;
}
.verification-code .field__error {
  padding-left: 50px;
  grid-column: 1/3;
}
.verification-code__description {
  grid-column: 1/4;
  margin-bottom: 1rem;
  border-top: 1px solid #eee;
  padding-top: 15px;
  font-size: 14px;
}
.verification-code__button {
  text-decoration: underline;
  display: block;
  font-size: 14px;
  font-family: var(--font3);
  font-weight: 400;
  letter-spacing: 0;
  color: #412786;
  text-align: center;
  margin: 0 0 0 1rem;
}
.verification-code__icon {
  width: 40px;
  height: 42px;
  margin-right: 10px;
}
.field--hostedfields {
  position: relative;
  margin-bottom: 0;
}
.field--hostedfields iframe {
  position: relative;
}
.lobby__menu {
  width: 100%;
  max-width: 100vw;
}
.lobby__menu--items {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: 1fr;
  grid-gap: 2vw;
  padding: 10px 20px 30px;
  height: 100%;
  scroll-snap-type: y proximity;
  justify-items: center;
  align-items: center;
  text-align: center;
}
.lobby__menu__item {
  cursor: pointer;
  height: 100%;
  max-width: 80vw;
  margin: 0 auto;
  position: relative;
}
.lobby__menu__item.active:after {
  position: absolute;
  right: auto;
  width: 80px;
  background: #6f00ff;
  border-radius: 50px;
  bottom: -12px;
  content: "";
  height: 4px;
  left: 50%;
  margin-left: -40px;
}
.lobby__menu__item img {
  width: auto;
  max-width: 64px;
  min-width: 64px;
}
@media (min-width: 1060px) {
  .lobby__menu__item img {
    max-width: 84px;
    min-width: 84px;
  }
}
@media (max-width: 500px) {
  .lobby__menu__item img {
    max-width: 10vw;
    min-width: 10vw;
  }
}
.lobby__menu__item .category__title {
  font-family: var(--font2);
  font-weight: 700;
  font-size: 12px;
  word-break: normal;
}
@media (min-width: 600px) {
  .lobby__menu__item .category__title {
    font-size: 14px;
  }
}
@media (min-width: 800px) {
  .lobby__menu__item .category__title {
    font-size: 16px;
  }
}
.lobby__menu__item:hover img {
  filter: brightness(125%);
}
.lobby__search__container {
  padding: 0 20px;
  position: relative;
}
.lobby__search__input {
  width: 100%;
  height: 42px;
  border-radius: 100px;
  border: 1px solid transparent;
  padding: 8px 20px 8px 48px;
  font-family: var(--font2);
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  color: #6f00ff;
  background: #f1f2f2;
  margin: 0;
  outline: none;
  transition: all 0.2s ease-in-out;
}
.lobby__search__input::placeholder {
  color: #ab9bea;
}
.lobby__search__input:focus {
  border-color: #6f00ff;
}
.lobby__search__icon-magnifier,
.lobby__search__icon-close {
  width: 24px;
  height: 24px;
  background-size: contain;
  position: absolute;
  left: 32px;
  top: 8px;
  margin: 0;
  z-index: 1;
}
.lobby__search__icon-close {
  top: 10px;
}
.lobby__search__icon-magnifier {
  background: url(https://s-assets.rootz.com/wildz.com/magnifier.svg) no-repeat;
}
.lobby__search__icon-close {
  background: url(https://s-assets.rootz.com/wildz.com/magnifier-close.svg) no-repeat;
  display: none;
  cursor: pointer;
}
.lobby__search-results {
  padding: 20px 22px;
}
@media (max-width: 1000px) {
  .lobby__search-results {
    padding: 4%;
  }
}
@media (max-width: 600px) {
  .lobby__search-results {
    padding: 5% 2.5%;
  }
}
.lobby-section {
  overflow: hidden;
  position: relative;
  overflow-x: auto;
}
.lobby-section .toggle {
  float: right;
}
.lobby-section span.toggle {
  color: #6f00ff;
  cursor: pointer;
  float: right;
  font-family: var(--font2);
  font-size: 14px;
  font-weight: 600;
  line-height: 25px;
  padding: 8px;
}
.lobby-section span.toggle:hover {
  text-decoration: underline;
}
body:not(.touch) .lobby-section:hover .arrow:not(.stashed) {
  opacity: 1;
}
.lobby-section__grid-items,
.lobby-section__games {
  overflow-x: scroll;
}
.lobby-section__grid-items::-webkit-scrollbar,
.lobby-section__games::-webkit-scrollbar {
  display: none;
  background-color: transparent;
}
.lobby-section__grid-items::-webkit-scrollbar-track,
.lobby-section__games::-webkit-scrollbar-track {
  background: transparent;
}
.lobby-section__grid-items::-webkit-scrollbar-button,
.lobby-section__games::-webkit-scrollbar-button {
  display: none;
}
.lobby-section__grid-items,
.lobby-section__games {
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
.lobby-section__grid-items.expanded,
.lobby-section__games.expanded {
  grid-auto-flow: row;
  grid-template-columns: repeat(auto-fill, 30.5%);
  overflow: hidden;
}
@media (min-width: 800px) {
  .lobby-section__grid-items.expanded,
  .lobby-section__games.expanded {
    grid-template-columns: repeat(auto-fill, 18.3%);
  }
}
@media (min-width: 1340px) {
  .lobby-section__grid-items.expanded,
  .lobby-section__games.expanded {
    grid-template-columns: repeat(auto-fill, 200px);
  }
}
@media (max-width: 1000px) {
  .lobby-section__grid-items.expanded,
  .lobby-section__games.expanded {
    grid-template-columns: repeat(auto-fill, 22.5%);
  }
}
@media (max-width: 600px) {
  .lobby-section__grid-items.expanded,
  .lobby-section__games.expanded {
    grid-template-columns: repeat(auto-fill, 30.5%);
  }
}
@media (max-width: 400px) {
  .lobby-section__grid-items.expanded,
  .lobby-section__games.expanded {
    grid-template-columns: repeat(auto-fill, 47.5%);
  }
}
@media (max-width: 374px) {
  .lobby-section__grid-items.expanded,
  .lobby-section__games.expanded {
    grid-template-columns: repeat(auto-fill, 45%);
  }
}
.lobby-section__grid-items.expanded .lobby-grid-item,
.lobby-section__grid-items.expanded .lobby-game-item,
.lobby-section__games.expanded .lobby-grid-item,
.lobby-section__games.expanded .lobby-game-item {
  margin-bottom: 20px;
}
.lobby-section__grid-items .lobby-grid-item,
.lobby-section__grid-items .lobby-game-item,
.lobby-section__games .lobby-grid-item,
.lobby-section__games .lobby-game-item {
  position: relative;
  max-width: 200px;
}
.lobby-section__grid-items .lobby-grid-item .game__image,
.lobby-section__grid-items .lobby-game-item .game__image,
.lobby-section__games .lobby-grid-item .game__image,
.lobby-section__games .lobby-game-item .game__image {
  box-sizing: border-box;
  max-width: 200px;
  max-height: 200px;
  padding-top: 100%;
  position: relative;
  background-color: #412786;
  border-radius: 10px;
}
@media (min-width: 1340px) {
  .lobby-section__grid-items .lobby-grid-item .game__image,
  .lobby-section__grid-items .lobby-game-item .game__image,
  .lobby-section__games .lobby-grid-item .game__image,
  .lobby-section__games .lobby-game-item .game__image {
    min-width: 200px;
    min-height: 200px;
  }
}
.lobby-section__grid-items .lobby-grid-item .game__image img,
.lobby-section__grid-items .lobby-game-item .game__image img,
.lobby-section__games .lobby-grid-item .game__image img,
.lobby-section__games .lobby-game-item .game__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  border-radius: 10px;
  object-fit: contain;
  opacity: 0;
  transition: opacity 100ms linear;
}
.lobby-section__grid-items .lobby-grid-item .game__image img.loaded,
.lobby-section__grid-items .lobby-game-item .game__image img.loaded,
.lobby-section__games .lobby-grid-item .game__image img.loaded,
.lobby-section__games .lobby-game-item .game__image img.loaded {
  opacity: 1;
}
@keyframes loading-animation {
  from {
    opacity: 1;
  }
  to {
    opacity: 0.5;
  }
}
.lobby-section__grid-items .lobby-grid-item .game__image img.loading,
.lobby-section__grid-items .lobby-game-item .game__image img.loading,
.lobby-section__games .lobby-grid-item .game__image img.loading,
.lobby-section__games .lobby-game-item .game__image img.loading {
  animation-name: loading-animation;
  animation-duration: 0.8s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
.lobby-section__grid-items .lobby-grid-item .title,
.lobby-section__grid-items .lobby-game-item .title,
.lobby-section__games .lobby-grid-item .title,
.lobby-section__games .lobby-game-item .title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: var(--font2);
  display: block;
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding-top: 10px;
}
.lobby-section h2 {
  cursor: pointer;
  font-size: 21px;
  line-height: 25px;
  margin: 0;
  padding: 8px;
}
.lobby-section h2:hover {
  color: #6f00ff;
}
.lobby-section--sportsbook {
  padding-bottom: 16px;
}
.lobby__views {
  padding: 20px 22px;
}
@media (max-width: 1000px) {
  .lobby__views {
    padding: 4%;
  }
}
@media (max-width: 600px) {
  .lobby__views {
    padding: 5% 2.5%;
  }
}
.touch .lobby {
  position: relative;
}
.touch .lobby-section__games {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  scrollbar-width: thin;
  scrollbar-color: transparent;
}
.touch .lobby-section__games::-webkit-scrollbar {
  display: none;
}
.touch .lobby__menu {
  background-color: white;
  font-weight: 600;
  position: sticky;
  top: 0;
  z-index: 10;
}
@media (max-width: 799px) {
  .touch .lobby__menu {
    min-height: 115px;
  }
}
@media (min-width: 800px) and (max-width: 1059px) {
  .touch .lobby__menu {
    min-height: 125px;
  }
}
@media (min-width: 1060px) and (max-width: 1078px) {
  .touch .lobby__menu {
    min-height: 150px;
  }
}
@media (min-width: 1079px) {
  .touch .lobby__menu {
    min-height: 135px;
  }
}
.touch .lobby__menu .lobby__menu--items {
  padding: 10px 15px;
}
.touch .lobby__menu .lobby__menu__item .category__title {
  font-size: 10px;
  font-weight: 400;
}
.touch .lobby__menu .lobby__menu__item img {
  width: auto;
  max-width: 50px;
  min-width: 50px;
}
.touch .lobby__menu .lobby__menu__item.active::after {
  height: 3px;
  left: 30%;
  margin-left: 0;
  right: 30%;
  width: auto;
}
.touch .lobby__search__container {
  border-bottom: 1px solid rgba(158, 158, 158, 0.1);
}
.touch .lobby__search {
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: white;
  position: sticky;
}
.touch .lobby__search.scrollOut,
.touch .lobby__search.scrollIn {
  display: block;
  position: sticky;
  transition: all 500ms ease-out 0s;
}
.touch .lobby__search.scrollOut {
  transform: none;
  z-index: 3;
  pointer-events: auto;
}
@media (min-width: 1079px) {
  .touch .lobby__search.scrollOut {
    top: 135px;
  }
}
@media (min-width: 1060px) and (max-width: 1078px) {
  .touch .lobby__search.scrollOut {
    top: 150px;
  }
}
@media (min-width: 800px) and (max-width: 1059px) {
  .touch .lobby__search.scrollOut {
    top: 125px;
  }
}
@media (max-width: 799px) {
  .touch .lobby__search.scrollOut {
    top: 115px;
  }
}
.touch .lobby__search.scrollIn {
  top: 0;
  transform: translate(0px, 0%);
  z-index: 1;
}
@media ((min-width: 280px) and (max-width: 320px)) {
  .touch .lobby__menu {
    min-height: 95px;
  }
  .touch .lobby__menu .lobby__menu--items {
    grid-gap: 1px;
    padding: 2px;
    grid-template-rows: 0fr;
  }
  .touch .lobby__menu .lobby__menu__item img {
    max-width: 42px;
    min-width: 42px;
  }
  .touch .lobby__search.scrollOut {
    top: 92px;
  }
}
.play-hover {
  opacity: 0;
  height: auto;
  width: auto;
  position: absolute;
  background: rgba(111, 0, 255, 0.78);
  color: #f1f2f2;
  left: 0;
  right: 0;
  top: 0;
  bottom: 30px;
  padding-top: 75%;
  text-align: center;
  border-radius: 10px;
  transition: opacity 0.18s ease-in-out;
  z-index: 2;
  cursor: pointer;
}
.play-hover:hover {
  opacity: 1 !important;
}
.play-hover:before,
.play-hover:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
}
.play-hover:before {
  width: 56px;
  height: 56px;
  margin: -38px 0 0 -31px;
  border: 3px solid #f1f2f2;
  border-radius: 50%;
}
.play-hover:after {
  margin: -20px 0 0 -7px;
  border: 13px solid transparent;
  border-left: 20px solid #f1f2f2;
}
.arrow {
  display: inline;
  opacity: 0;
  position: absolute;
  transform: translate3d(0, 0, 0);
  cursor: pointer;
  background: rgba(255, 255, 255, 0.75);
  width: 3.5em;
  z-index: 3;
  top: 0;
  height: calc(100% - 40px);
}
.arrow::before,
.arrow::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  background: #412786;
}
.arrow::before {
  width: 2.8em;
  height: 2.8em;
  margin: -24px 0px 0px -28px;
  border: 3px solid #412786;
  border-radius: 50%;
}
.arrow::after {
  border: solid white;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 6px;
  top: 48%;
}
.arrow.navigation-left {
  left: 0;
  border-radius: 0 10px 10px 0;
}
.arrow.navigation-left::after {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  left: 1.5em;
}
.arrow.navigation-right {
  right: 0;
  border-radius: 10px 0 0 10px;
}
.arrow.navigation-right::after {
  transform: rotate(315deg);
  -webkit-transform: rotate(315deg);
  left: 1.3em;
}
.lobby-section__grid-container,
.lobby-section__games-container {
  position: relative;
}
.lobby-section__grid-items,
.lobby-section__games {
  display: grid;
  grid-auto-flow: column;
  margin: 10px 0;
  resize: none;
  grid-auto-columns: 18.3%;
  grid-column-gap: 2%;
  margin: 10px 0 1% 1%;
}
@media (max-width: 1000px) {
  .lobby-section__grid-items,
  .lobby-section__games {
    grid-auto-columns: 22.5%;
    grid-column-gap: 3%;
    margin: 10px 0 3% 1.5%;
  }
  .hover {
    bottom: 30px;
  }
}
@media (max-width: 600px) {
  .lobby-section__grid-items,
  .lobby-section__games {
    grid-auto-columns: 30.5%;
    grid-column-gap: 3.33%;
    margin: 10px 0 3.33% 1.5166666666%;
  }
}
@media (max-width: 400px) {
  .lobby-section__grid-items,
  .lobby-section__games {
    grid-auto-columns: 47.5%;
  }
}
@media (max-width: 374px) {
  .lobby-section__grid-items,
  .lobby-section__games {
    grid-auto-columns: 45%;
    grid-column-gap: 5%;
    margin: 10px 0 5% 2.5%;
  }
}
@media (min-width: 1340px) {
  .lobby-section__grid-items,
  .lobby-section__games {
    grid-auto-columns: max-content;
    grid-template-columns: repeat(18%, 200px);
  }
}
.exclusive-overlay {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  text-align: center;
  opacity: 1;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.768627451);
  font-weight: 600;
  letter-spacing: 1px;
  z-index: 1;
  font-family: "Poppins", sans-serif;
  background: -webkit-linear-gradient(to top, #412786, transparent 22%);
  background:
    linear-gradient(
      to top,
      #412786,
      transparent 22%);
  bottom: 0;
  top: initial;
  height: calc(100% - 30px);
  transform: translateY(-30px);
}
.jackpot-overlay {
  position: absolute;
  width: auto;
  background: #6f00ff;
  border-radius: 50px;
  bottom: 21%;
  color: #fff;
  font-family: var(--font2);
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
  padding: 2px 8px;
  left: 50%;
  transform: translateX(-50%);
}
.tabledata-overlay {
  display: flex;
  justify-content: center;
  position: absolute;
  width: 72%;
  background: #6f00ff;
  border-radius: 50px;
  bottom: 21%;
  color: #fff;
  font-family: var(--font2);
  font-size: 12px;
  font-weight: 600;
  left: 10%;
  line-height: 16px;
  padding: 2px 8px;
  text-align: center;
}
.spinback-overlay {
  position: absolute;
  width: 32%;
  right: 8px;
  bottom: 8px;
  transform: translate(0, -30px);
}
.lobby-channel-item .game__image {
  cursor: pointer;
}
.lobby-section--169 .lobby-section__grid-items {
  grid-auto-columns: 320px;
}
@media (max-width: 1400px) {
  .lobby-section--169 .lobby-section__grid-items {
    grid-auto-columns: 280px;
  }
}
@media (max-width: 1200px) {
  .lobby-section--169 .lobby-section__grid-items {
    grid-auto-columns: 240px;
    grid-column-gap: 16px;
  }
}
@media (max-width: 768px) {
  .lobby-section--169 .lobby-section__grid-items {
    grid-auto-columns: 80vw;
    grid-column-gap: 12px;
  }
}
@media (max-width: 480px) {
  .lobby-section--169 .lobby-section__grid-items {
    grid-auto-columns: 85vw;
  }
}
.lobby-section--169 .lobby-section__grid-items .lobby-channel-item {
  max-width: unset;
}
.lobby-section--169 .lobby-section__grid-items .lobby-channel-item .game__image {
  padding-top: 56.25%;
  min-height: unset;
  max-width: 100%;
  max-height: unset;
}
.lobby-section__grid-container {
  position: relative;
}
.lobby-section--channels .lobby-channel-item {
  transition: transform 0.2s ease-in-out;
  transform-origin: center center;
}
.game-view {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 32px;
  z-index: 1;
  max-height: calc(100vh - 60px);
  width: calc(100% - 64px);
}
.game-view__loader {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.2);
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.game-view__loader .loader {
  width: 80px;
  height: 70px;
  border: 5px solid #000;
  padding: 0 8px;
  box-sizing: border-box;
  background:
    linear-gradient(#fff 0 0) 0 0/8px 20px,
    linear-gradient(#fff 0 0) 100% 0/8px 20px,
    radial-gradient(
      farthest-side,
      #fff 90%,
      rgba(0, 0, 0, 0)) 0 5px/8px 8px content-box,
    #000;
  background-repeat: no-repeat;
  animation: l3 2s infinite linear;
}
@keyframes l3 {
  25% {
    background-position:
      0 0,
      100% 100%,
      100% calc(100% - 5px);
  }
  50% {
    background-position:
      0 100%,
      100% 100%,
      0 calc(100% - 5px);
  }
  75% {
    background-position:
      0 100%,
      100% 0,
      100% 5px;
  }
}
.game-view__bg {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.game-view__bg.bg1 {
  background:
    linear-gradient(
      45deg,
      #a576ff,
      #00fff8);
}
.game-view__bg.bg2 {
  background:
    linear-gradient(
      45deg,
      #00fff8,
      #a576ff);
}
.game-view--minimized {
  position: fixed;
  right: 0;
  left: unset;
  padding: 0;
  overflow: hidden;
}
.game-view--minimized .game-frame-container {
  margin: auto;
}
.game-view.mobile {
  position: fixed;
  height: calc(100vh - 60px);
  width: 100%;
  padding: 0;
  z-index: 2;
}
@media (min-width: 950px) and (orientation: landscape) {
  .game-view.mobile {
    max-height: 100vh;
    max-width: 100vw;
  }
}
@media (min-width: 1024px) and (orientation: landscape) {
  .game-view.mobile {
    max-height: 100vh;
    max-width: calc(100vw - 182px);
  }
}
.click-catcher {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  cursor: pointer;
  z-index: 2;
}
.spinback-guide {
  position: absolute;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%);
  top: 12px;
  width: 100%;
}
.spinback-guide__content {
  color: #fff;
  font-size: 12px;
  text-align: center;
  padding: 0px 28px;
}
.mobile .spinback-guide {
  display: none;
}
.desktop .game-frame-container {
  height: calc(56.25vw - 138.375px);
  position: relative;
  margin: 16px auto;
  max-height: 76vh;
  max-width: 135vh;
}
.desktop.aspect-ratio-4-3 .game-frame-container {
  aspect-ratio: 4/3;
  max-height: 70vh;
}
@media (min-width: 1024px) {
  .desktop.aspect-ratio-4-3 .game-frame-container {
    max-height: 80vh;
  }
}
.desktop.aspect-ratio-1-1 .game-frame-container {
  aspect-ratio: 1/1;
  max-height: 80vh;
}
.desktop.aspect-ratio-3-2 .game-frame-container {
  aspect-ratio: 3/2;
  max-height: 72vh;
}
@media (min-width: 800px) {
  .desktop.aspect-ratio-3-2 .game-frame-container {
    max-height: 80vh;
  }
}
.mobile .game-frame-container {
  height: 100%;
  margin: 0 auto;
  max-height: 100vh;
  max-width: 100vw;
}
.mobile .game-frame-container.topBar {
  top: 40px;
  position: absolute;
  width: 100%;
}
.mobile .game-view__bottom-bar {
  display: none;
}
.game-view__bottom-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 60px;
  background: #382371;
  z-index: 1;
}
.game-view__bottom-bar .bottom-bar__buttons {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 0 16px;
  padding-left: 20px;
  height: 100%;
}
.game-view__bottom-bar .bottom-bar__buttons .gv-button {
  margin: 0;
  padding: 0;
  width: 32px;
  height: 32px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.game-view__bottom-bar .bottom-bar__buttons .gv-button:not(:last-child) {
  margin-right: 16px;
}
.game-view__bottom-bar .bottom-bar__buttons .gv-button.close {
  background: url(https://s-assets.rootz.com/wildz.com/gameplay_buttons_wildz-close.svg) no-repeat center center;
}
.game-view__bottom-bar .bottom-bar__buttons .gv-button.minimize {
  display: none;
  background: url(https://s-assets.rootz.com/wildz.com/arrowdown.svg) no-repeat center center;
}
.game-view__bottom-bar .bottom-bar__buttons .gv-button.fullscreen {
  background: url(https://s-assets.rootz.com/wildz.com/fullscreen-button.svg) no-repeat center center;
}
.game-view__bottom-bar .bottom-bar__buttons .gv-button.exit-fullscreen {
  background: url(https://s-assets.rootz.com/wildz.com/exit_fullscreen-button.svg) no-repeat center center;
}
.game-view__bottom-bar .bottom-bar__buttons .gv-button.panic {
  margin-right: auto;
  color: #ff5652;
  background: none;
  white-space: nowrap;
  font-size: 14px;
}
.game-view__bottom-bar .bottom-bar__buttons .gv-button.panic:hover {
  text-decoration: underline;
}
.game-view--minimized .game-view__bottom-bar {
  display: none;
}
.game-view__top-bar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 40px;
  background: #382371;
  z-index: 3;
}
@media (min-width: 800px) {
  .game-view__top-bar {
    display: none;
  }
}
.game-view__top-bar .top-bar__buttons {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 0 12px;
  height: 100%;
}
.game-view__top-bar .top-bar__buttons .gv-button {
  margin: 0;
  padding: 0;
  cursor: pointer;
  transition: all 0.2s ease;
}
.game-view__top-bar .top-bar__buttons .gv-button.panic {
  color: #ff5652;
  background: none;
  white-space: nowrap;
  font-size: 14px;
}
.game-view__top-bar .top-bar__buttons .gv-button.panic:hover {
  text-decoration: underline;
}
.game-view--minimized .game-view__top-bar {
  display: none;
}
footer {
  width: 100%;
  background: #382371;
  position: relative;
  overflow: hidden;
}
footer p {
  padding: 8px 0 0;
  color: #8478a7;
  font-size: 12px;
  line-height: 16px;
  margin-left: 100px;
  margin-right: 100px;
  text-align: justify;
  font-family: var(--font2);
  font-weight: 300;
}
footer p a {
  color: #8478a7;
}
.mobile-logos {
  display: none;
}
.language-selector-container {
  display: flex;
  justify-content: center;
  line-height: 58px;
  padding: 20px;
  padding-top: 40px;
}
#first-container {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: row;
  row-gap: 0;
  padding-bottom: 10px;
}
.select-language {
  color: #8478a7;
}
.language-menu {
  padding: 0;
  text-align: left;
  line-height: 42px;
  display: flex;
  flex-direction: column;
  border-radius: 4px;
  overflow: hidden;
  height: fit-content;
}
.language-menu.minified {
  height: 56px;
  overflow: hidden;
}
.language-menu.minified a:hover,
.language-menu.minified a {
  background: none;
  cursor: pointer;
}
.language-menu a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 16px;
  background: rgba(0, 0, 0, 0.5);
  line-height: 2;
  cursor: pointer;
}
.language-menu a:hover {
  background: #5f88e5;
}
.language-menu a:first-child {
  padding-top: 12px;
}
.language-menu a:last-child {
  padding-bottom: 12px;
}
.language-menu .flags {
  display: inline-block;
  width: 48px;
  height: auto;
  border-radius: 4px;
  border: 2px solid #683aa0;
}
.language-menu .flags:hover {
  transform: scale(1.05);
}
#footer-link-container {
  display: flex;
  justify-content: center;
  margin-top: -30px;
}
#footer-link-container > a {
  display: none;
}
#footer-link-container {
  max-width: 1064px;
}
@media only screen and (max-width: 1024px) {
  #footer-link-container {
    width: 100%;
  }
}
#casinologo {
  width: 130px;
  margin-right: 90px;
}
.footer-links {
  margin-top: 30px;
  margin-bottom: 20px;
  color: white;
  padding: 10px 20px 0;
}
.footer-links-header {
  color: yellow;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 700;
  font-family: var(--font2);
  letter-spacing: 2px;
  margin-bottom: 25px;
  line-height: 8px;
}
.footer-links-list li {
  display: block;
  margin-bottom: 20px;
  font-family: var(--font2);
  font-size: 13px;
  font-weight: 300;
  line-height: 1;
}
.footer-links-list li a:hover {
  color: #2cfef7;
}
.footer-links-list li:nth-child(1) {
  margin-top: 20px;
}
.sim-footer-links-list li {
  display: block;
  margin-bottom: 26px;
  font-family: var(--font2);
  font-size: 12px;
  font-weight: 600;
}
.sim-footer-links-list li a {
  margin-left: 10px;
  margin-right: 10px;
  white-space: nowrap;
  line-height: 44px;
}
.footer-logos-regulations-ont {
  max-width: 300px;
  margin-left: 10%;
  padding-top: 25px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}
.footer-logos-regulations-ont a {
  flex-grow: 2;
}
.footer-logos-regulations-ont a img {
  width: auto;
}
.footer-logos-regulations-ont a:nth-of-type(1) img {
  height: 25px;
}
.footer-logos-regulations-ont a:nth-of-type(2) img {
  height: 30px;
}
.footer-logos-regulations-ont a:nth-of-type(3) img {
  height: 32px;
}
.footer-logos-regulations-ont a:nth-of-type(4) {
  margin: 6px 0;
  flex-grow: 1;
}
.footer-logos-regulations-ont a:nth-of-type(4) img {
  height: 32px;
}
.footer-logos-regulations-ont a:nth-of-type(5) {
  margin: 6px 0;
  flex-grow: 2;
}
.footer-logos-regulations-ont a:nth-of-type(5) img {
  height: 32px;
}
.footer-logos-regulations-ont a:nth-of-type(6) {
  flex-grow: 2;
}
.footer-logos-regulations-ont a:nth-of-type(6) img {
  height: 52px;
}
.footer-logos-regulations-ont a:nth-of-type(7) {
  flex-grow: 3;
}
.footer-logos-regulations-ont a:nth-of-type(7) img {
  height: 48px;
}
@media only screen and (min-width: 1651px) {
  .footer-logos-regulations-ont {
    padding-top: 1px !important;
  }
}
.footer-logos-regulations {
  max-width: 300px;
  min-width: 300px;
  margin-left: 13%;
}
.footer-logos-regulations-generic {
  width: 225px;
  padding-top: 5px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  gap: 10px;
}
.footer-logos-regulations-generic__pci-dss {
  width: 58px;
}
.footer-logos-regulations-generic__ggl {
  width: 72px;
}
.footer-logos-regulations-generic__18-plus {
  width: 32px;
}
.footer-logos-regulations-generic__fiducert {
  height: 48px;
  margin-top: 15px;
}
#footer-logos {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding-bottom: 120px;
  gap: 40px;
  margin: 0 10px;
}
#footer-logos a {
  display: inline-block;
}
#footer-logos img {
  width: 80px;
  vertical-align: baseline;
  height: 20%;
}
#footer-logos #caxinologo {
  width: 100px;
  padding-top: 6px;
}
#footer-logos #rootzlogo {
  width: 180px;
}
#footer-logos #spinzlogo {
  width: 100px;
  padding-top: 2px;
}
#footer-logos #tuplauslogo {
  width: 100px;
  padding-top: 2px;
}
.cookie-disclaimer-wrap {
  position: fixed;
  bottom: 15px;
  right: 15px;
  max-width: 50%;
  text-align: center;
  box-sizing: border-box;
  z-index: 101;
}
.cookie-disclaimer {
  display: none;
  padding: 12px 50px 12px 30px;
  background: #f1f2f2;
  border-radius: 14px;
  color: #412786;
  font-size: 12px;
  border: 1px solid #f1f2f2;
  position: relative;
}
.cookie-disclaimer p {
  margin: 0;
}
.cookie-disclaimer-button {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 100%;
  padding: 8px;
  border-radius: 0;
  background: none;
}
.cookie-disclaimer-button img {
  opacity: 0.5;
}
.cookie-disclaimer-button:hover img {
  opacity: 0.7;
}
.cookie-disclaimer-wrap {
  position: fixed;
  bottom: 15px;
  right: 15px;
  max-width: 50%;
  text-align: center;
  box-sizing: border-box;
  z-index: 101;
}
.cookie-disclaimer {
  display: none;
  padding: 12px 50px 12px 30px;
  background: #f1f2f2;
  border-radius: 14px;
  color: #412786;
  font-size: 12px;
  border: 1px solid #f1f2f2;
  position: relative;
}
.cookie-disclaimer p {
  margin: 0;
}
.cookie-disclaimer-button {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 100%;
  padding: 8px;
  border-radius: 0;
  background: none;
}
.cookie-disclaimer-button img {
  opacity: 0.5;
}
.cookie-disclaimer-button:hover img {
  opacity: 0.7;
}
.footer-logos {
  padding: 20px;
  padding-top: 5px;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.footer-logos a img {
  height: 32px;
  min-width: 32px;
}
.footer-divider {
  border-top: 1px solid #8478a7;
  padding-bottom: 10px;
  padding-top: 10px;
  opacity: 0.5;
}
@media (max-width: 1024px) {
  .footer-divider {
    display: none;
  }
}
@media (max-width: 800px), (max-height: 500px) {
  .footer-links {
    margin: 0 0 20px;
    padding: 10px 32px 0;
  }
  .cookie-disclaimer-wrap {
    left: 6.5%;
    bottom: 100px;
    max-width: 87%;
  }
  footer p {
    text-align: left;
    margin-right: 2%;
    margin-left: 2%;
  }
  #footer-logos {
    flex-wrap: wrap;
    padding: 20px;
    gap: 24px;
    padding-bottom: 120px;
  }
  .ontario-logos {
    gap: 24px;
    padding: 24px;
  }
  .ontario-logos div {
    display: inline-flex;
    justify-content: space-evenly;
  }
  .footer-links-list li:nth-last-child(1) {
    margin-bottom: -21px;
  }
}
.rg-disclaimer {
  margin-bottom: 16px;
}
.rg-seo-divider {
  border-top: 2px solid #6f00ff;
  max-width: 1000px;
  margin: 0 auto;
}
@media (max-width: 1000px) {
  #casinologo {
    display: none;
  }
  .rg-seo-divider {
    margin: 0 32px;
  }
}
@media (max-width: 520px) {
  #footer-link-container {
    display: inline-block;
  }
  .footer-links {
    width: 100%;
    box-sizing: border-box;
  }
}
.readMore-panelwrapper {
  position: relative;
  color: #8478a7;
  min-height: 100px;
  transition: height 0.66s ease-out;
}
.readMore-panelwrapper .show,
.readMore-panelwrapper .hide {
  position: absolute;
  bottom: 1em;
  z-index: 1;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  padding: 1.5em;
}
.readMore-panelwrapper .hide {
  display: none;
}
.readMore-panelwrapper .show:target {
  display: none !important;
}
.readMore-panelwrapper .show:target ~ .hide {
  display: block;
}
.readMore-panelwrapper .show:target ~ .readMore-panel {
  max-height: 100%;
}
.readMore-panelwrapper .show:target ~ .fade {
  margin-top: 0;
}
.readMore-panelwrapper .show:target ~ .panel-fade {
  z-index: -1;
}
.readMore-panelwrapper .readMore-panel {
  position: relative;
  padding: 8px 0 0 0;
  margin: 2em auto;
  min-height: 250px;
  max-height: 250px;
  overflow: hidden;
  transition: max-height 0.1s ease;
  margin-left: 100px;
  margin-right: 100px;
}
.readMore-panelwrapper .readMore-panel a {
  color: white;
}
.readMore-panelwrapper .readMore-panel p {
  text-align: justify;
  font-size: 12px;
  line-height: 16px;
  padding: 0;
  margin-left: 0;
  margin-right: 0;
  font-weight: 300;
}
.readMore-panelwrapper .readMore-panel h1 {
  text-align: left;
  margin-top: 0;
}
.readMore-panelwrapper .panel-fade {
  background:
    linear-gradient(
      to bottom,
      rgba(56, 35, 113, 0) 0%,
      #382371 75%);
  height: 230px;
  margin-top: -200px;
  position: relative;
}
.readMoreSecondary-panelwrapper {
  position: relative;
  color: #8478a7;
  min-height: 100px;
  transition: height 0.66s ease-out;
}
.readMoreSecondary-panelwrapper .showSecondary,
.readMoreSecondary-panelwrapper .hideSecondary {
  position: absolute;
  bottom: 1em;
  z-index: 1;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  padding: 1em;
}
.readMoreSecondary-panelwrapper .hideSecondary {
  display: none;
}
.readMoreSecondary-panelwrapper .showSecondary:target {
  display: none !important;
}
.readMoreSecondary-panelwrapper .showSecondary:target ~ .hideSecondary {
  display: block;
}
.readMoreSecondary-panelwrapper .showSecondary:target ~ .readMoreSecondary-panel {
  max-height: 100%;
}
.readMoreSecondary-panelwrapper .showSecondary:target ~ .fade {
  margin-top: 0;
}
.readMoreSecondary-panelwrapper .showSecondary:target ~ .panel-fade {
  z-index: -1;
}
.readMoreSecondary-panelwrapper .readMoreSecondary-panel {
  position: relative;
  padding: 8px 32px 0 32px;
  margin: 2em auto;
  min-height: 250px;
  max-height: 250px;
  max-width: 1000px;
  overflow: hidden;
  transition: max-height 0.1s ease;
}
.readMoreSecondary-panelwrapper .readMoreSecondary-panel a {
  color: white;
}
.readMoreSecondary-panelwrapper .readMoreSecondary-panel p {
  text-align: left;
  font-size: 18px;
  line-height: 1.2em;
  padding: 0;
  margin-left: 0;
}
.readMoreSecondary-panelwrapper .readMoreSecondary-panel h1 {
  text-align: left;
  margin-top: 0;
}
.readMoreSecondary-panelwrapper .panel-fade {
  background:
    linear-gradient(
      to bottom,
      rgba(56, 35, 113, 0) 0%,
      #382371 75%);
  height: 230px;
  margin-top: -200px;
  position: relative;
}
body.jurisdiction-DE * .removeDE {
  display: none;
}
.accordion-input {
  display: none;
}
.accordion-input + .select-language.accordion-header {
  display: none;
}
.accordion-input + .accordion-header .dropdown-icon {
  display: none;
}
#first-container .label {
  color: #fff;
  font-size: 13px;
  font-family: var(--font2);
}
#first-container .language-menu {
  border: 2px solid #fff;
  border-radius: 30px;
  min-width: 225px;
}
#first-container .language-menu.minified {
  height: 60px;
}
#first-container .language-menu.minified a:first-child .dropdown-icon {
  transform: rotate(0deg);
}
#first-container .language-menu a:first-child .dropdown-icon {
  filter: #fff;
  transform: rotate(90deg);
  transition: 0.25s transform ease-in-out;
}
#first-container .language-menu a .label {
  margin: auto;
  margin-left: 0;
}
#first-container .language-menu a .flags {
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 35px;
  margin-right: 10px;
}
@media only screen and (max-width: 1024px) {
  .mobile-logos {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    gap: 24px;
    padding: 24px;
    border-bottom: 1px solid #685991;
    border-top: 1px solid #685991;
  }
  .mobile-logos div {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 24px;
  }
  .mobile-logos .ontario-logos {
    padding: 5px;
  }
  .mobile-logos .ontario-logos div {
    display: flex;
    justify-content: space-evenly;
  }
  .language-menu a {
    background: transparent;
  }
  .language-selector-container {
    display: none;
  }
  .footer-logos {
    display: none;
  }
  .accordion-input {
    display: none;
  }
  .language .accordion-header .dropdown-icon {
    display: block;
    transform: rotate(0deg);
    transition: 0.25s transform ease-in-out;
  }
  .accordion-input + .accordion-header .dropdown-icon {
    display: block;
  }
  .accordion-header + #language-menu {
    max-height: 0;
    transition: 0.25s max-height e;
    border: none;
  }
  .accordion-input:checked + .accordion-header + #language-menu {
    display: grid !important;
    max-height: 200px;
  }
  .accordion-input:checked + .accordion-header + .footer-links-list {
    display: block !important;
    cursor: pointer;
    margin-left: 25px;
  }
  .accordion-input:checked + .accordion-header .dropdown-icon {
    color: white;
    transform: rotate(180deg);
  }
  #first-container {
    flex-direction: column;
    margin-left: 0px;
    padding-bottom: 10px;
  }
  #first-container .first-wrapper {
    display: block;
    width: 100%;
    top: 0;
    left: 0;
  }
  #first-container .first-wrapper .language-selector-container {
    display: flex;
    padding: 14px 0;
    border-top: 1px solid #685991;
    flex-direction: column;
    line-height: normal;
    border-bottom: 1px solid #685991;
    margin-top: 35px;
  }
  #first-container .first-wrapper .language-selector-container .select-language {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 3px 39px 3px 24px;
  }
}
@media only screen and (max-width: 1024px) and (width: 1024px) {
  #first-container .first-wrapper .language-selector-container .select-language {
    padding: 3px 34px 3px 24px;
  }
}
@media only screen and (max-width: 1024px) {
  #first-container .first-wrapper .language-selector-container .select-language div:first-child {
    display: flex;
    align-items: center;
    flex-direction: row;
  }
  #first-container .first-wrapper .language-selector-container .select-language div:first-child img {
    border-radius: 25px;
    height: 25px;
    width: 25px;
  }
  #first-container .first-wrapper .language-selector-container .select-language div:first-child span {
    margin-left: 10px;
  }
  #first-container .first-wrapper .language-selector-container .select-language .dropdown-icon {
    display: block;
    font-size: 24px;
    filter: #fff;
  }
  #first-container .first-wrapper .language-selector-container .language-menu {
    grid-template-columns: auto auto;
    margin: 0 0 0 16px;
    padding: 0 8px;
    height: auto;
    min-width: 100%;
  }
  #first-container .first-wrapper .language-selector-container .language-menu.minified {
    display: none;
  }
  #first-container .first-wrapper .language-selector-container .language-menu .lang-selector {
    display: flex;
    color: white;
    align-items: center;
    justify-content: flex-start;
    padding: 10px 0;
    text-rendering: optimizeSpeed;
    text-wrap: nowrap;
    word-wrap: break-word;
  }
  #first-container .first-wrapper .language-selector-container .language-menu .lang-selector:first-child {
    padding-top: 10px;
  }
  #first-container .first-wrapper .language-selector-container .language-menu .lang-selector:first-child .dropdown-icon {
    display: none;
  }
  #first-container .first-wrapper .language-selector-container .language-menu .lang-selector:hover {
    filter: opacity(0.5);
  }
  #first-container .first-wrapper .language-selector-container .language-menu .lang-selector .label {
    display: inline-block;
  }
  #first-container .first-wrapper .language-selector-container .language-menu .lang-selector .flags {
    width: 25px;
    border: none;
    border-radius: 25px;
    margin-right: 10px;
  }
  #first-container .first-wrapper .language-selector-container__selected-lang {
    background: rgba(0, 0, 0, 0.1490196078);
    width: 50%;
    max-width: 200px;
    height: 48px;
    position: relative;
    top: 36px;
    display: none;
    opacity: 15%;
  }
  #first-container #footer-link-container {
    display: inline-block;
    width: 100%;
    margin-top: -30px;
  }
  #first-container #footer-link-container .footer-links {
    border-bottom: 1px solid #685991;
    margin: 0;
    cursor: pointer;
    padding: 24px 24px 24px 8px;
  }
  #first-container #footer-link-container .footer-links:first-child {
    border-top: 1px solid #685991;
  }
  #first-container #footer-link-container .footer-links .footer-links-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
    padding: 0 15px;
    cursor: pointer;
    user-select: none;
  }
  #first-container #footer-link-container .footer-links .footer-links-header .dropdown-icon {
    font-size: 24px;
    filter: #fff;
  }
  #first-container #footer-link-container .footer-links .footer-links-list {
    display: none;
  }
  .footer-logos-regulations {
    display: none;
  }
  .footer-logos-regulations-ont {
    display: none;
  }
  .readMore-panelwrapper .readMore-panel {
    margin: 0;
    margin-left: 100px;
    margin-right: 100px;
    width: auto;
  }
  .readMore-panelwrapper .show,
  .readMore-panelwrapper .hide {
    padding: 0.1em;
  }
}
@media only screen and (max-width: 1024px) {
  .readMore-panelwrapper .readMore-panel {
    margin-left: 25px !important;
    margin-right: 25px !important;
  }
}
@media only screen and (min-width: 1650px) {
  #footer-link-container {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: unset;
    margin-top: -30px;
  }
  #first-container {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: row;
    row-gap: 0;
    margin-left: 77px;
    padding: 8px 0 0;
    margin-right: 80px;
    padding-bottom: 10px;
  }
}
@media (min-width: 1024px) and (max-width: 1650px) {
  #footer-link-container {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: unset;
    margin-top: -30px;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto auto;
  }
  #first-container {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: row;
    row-gap: 0;
    margin-left: 77px;
    padding: 8px 0 0;
    margin-right: 50px;
    padding-bottom: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1024px) {
  .language-selector-container {
    width: 98%;
  }
}
@media (min-width: 1000px) {
  .footer-links {
    width: 94%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1650px) {
  #first-container .first-wrapper {
    grid-column: 1/span 4;
    grid-row: 2;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
  #first-container .language-selector-container {
    grid-column: 1;
    padding-left: 16px;
    justify-content: left !important;
    padding-top: 28px;
  }
  #first-container .footer-logos {
    grid-column: 3;
    padding-top: 40px;
    justify-content: center;
    align-items: self-start;
  }
  #first-container .footer-logos a {
    margin-left: 18px;
  }
  #first-container .footer-logos-regulations {
    min-width: 160px;
    grid-column: 2;
    grid-row: 1;
  }
  #first-container .footer-logos-regulations-generic {
    width: auto;
    padding: 40px 0 15px;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 16px;
  }
  #first-container .footer-logos-regulations-generic__fiducert {
    margin-top: 0;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1650px) {
  .first-wrapper::before {
    position: absolute;
    left: 0;
    content: " ";
    display: block;
    height: 1px;
    border-bottom: 1px solid #685991;
    width: 100%;
  }
}
@media (min-width: 1024px) and (max-width: 1650px) {
  #footer-link-container {
    display: grid;
    justify-content: space-between;
    width: 100%;
    max-width: unset;
    margin-top: -30px;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto auto;
  }
  #first-container {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: row;
    row-gap: 0;
    margin-left: 77px;
    padding: 8px 0 0;
    margin-right: 50px;
    padding-bottom: 10px;
  }
}
.datepicker {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  max-width: 400px;
}
.datepicker .dp-cont {
  display: flex;
  flex-direction: column;
}
.datepicker .dp-cont label {
  margin-bottom: 0.25rem;
  font-weight: 600;
}
.datepicker .dp-cont .input {
  padding: 0.4rem;
  font-size: 1rem;
}
.datepicker .dp-actions {
  grid-column: 1/-1;
  margin-top: 0;
}
.datepicker .dp-actions .btn-purple {
  margin-top: 0;
}
input::-webkit-datetime-edit {
  font-size: 16px;
}
.warning-circle {
  padding: 3px 37px 0 0;
  text-align: center;
  margin-left: 5px;
  background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 189.47 173.33'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D.cls-2%7Bfill:%23e50052;%7D%3C/style%3E%3C/defs%3E%3Ccircle class='cls-1' cx='94.74' cy='86.66' r='48.32' transform='translate(-12.66 16.29) rotate(-9.22)'/%3E%3Cpath class='cls-2' d='M94.78,120.49c-6.32,0-10.38-4-10.38-9.12s4.06-9.22,10.38-9.22,10.3,4.07,10.3,9.22S101,120.49,94.78,120.49ZM85.12,52.84h19.24l-3.66,40H88.78Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.kyc .kyc-title {
  font-size: var(--font-size-base, 18px);
  font-weight: 600;
  padding-bottom: 20px;
  font-family: var(--font2);
}
.kyc .kyc-avs-wrapper {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #eee;
}
.kyc .kyc-avs-wrapper .kyc-status-slot {
  display: flex;
  justify-content: space-between;
}
.kyc .kyc-avs-wrapper .kyc-avs-col {
  flex: 2;
}
.kyc .kyc-avs-wrapper .kyc-avs-col-status {
  flex: 1;
}
.kyc .kyc-avs-wrapper .kyc-status-text {
  display: inline-block;
  margin-left: 12px;
  font-weight: 600;
  font-family: var(--font2);
  font-size: 14px;
}
@media (max-width: 375px) {
  .kyc .kyc-avs-wrapper .kyc-status-text {
    width: 70px;
  }
}
.kyc .kyc-avs-wrapper .kyc-status-ball {
  margin-top: 9px;
  width: 15px;
  height: 15px;
  display: inline-block;
  border-radius: 8px;
  min-width: 15px;
  min-height: 15px;
  margin-bottom: -3px;
  margin-left: 12px;
}
.kyc .kyc-avs-wrapper .kyc-slot-status-header {
  display: inline-block;
  text-transform: capitalize;
  font-weight: 600;
  margin-left: 8px;
  word-break: break-all;
  font-family: var(--font2);
  font-size: 14px;
}
.kyc .kyc-icon {
  width: 50px;
}
.kyc .kyc-section-top {
  display: flex;
}
.kyc .kyc-section-top .kyc-header-wrap {
  flex: 2 0 0;
}
.kyc .kyc-section-top .kyc-header-wrap .kyc-item-status-ball {
  width: 15px;
  height: 15px;
  display: inline-block;
  border-radius: 9px;
  margin-left: 10px;
  min-width: 15px;
  min-height: 15px;
  margin-bottom: -2px;
}
.kyc .kyc-section-top .kyc-drop-area {
  flex: 1 0 0;
}
.kyc .kyc-section-status {
  margin-left: 20px;
  margin-top: 22px;
}
.kyc .kyc-section-status .kyc-item-status-ball {
  width: 15px;
  height: 15px;
  display: inline-block;
  border-radius: 8px;
  margin-right: 6px;
  min-width: 15px;
  min-height: 15px;
  margin-bottom: -2px;
}
.kyc .kyc-section-status .kyc-item-status-text {
  text-transform: capitalize;
  display: inline-block;
  font-weight: 500;
  font-family: Poppins, sans-serif;
  font-size: 14px;
  margin-bottom: 8px;
}
.kyc .kyc-section-messages {
  padding-top: 24px;
}
.kyc #bluem-ident {
  text-decoration: underline;
  color: #6f00ff;
}
.kyc #kyc-payment-section-root .kyc-section-top {
  margin-bottom: 30px;
}
.kyc #kyc-section-bankid {
  border: 2px solid #6f24fb;
  border-radius: 18px;
  padding: 16px;
  margin-bottom: 40px;
}
.kyc #kyc-section-bankid .kyc-section-info {
  max-width: 320px;
  word-break: normal;
  margin-top: 10px;
}
@media (max-width: 375px) {
  .kyc #kyc-section-bankid .kyc-section-info {
    max-width: 280px;
  }
}
.kyc #kyc-section-bankid .sofort-container {
  margin-right: 16px;
}
.kyc #kyc-section-bankid .sofort-banner {
  display: inline-block;
  width: 35%;
}
.kyc #kyc-section-bankid #sofort-ident {
  display: inline;
  margin: 0 0 0px 0;
  text-transform: unset;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-align: center;
  padding: 8px 22px;
  font-size: 14px;
  text-decoration: none;
  transition: transform 0.1s ease-in-out;
  border-radius: 50px;
  cursor: pointer;
  font-family: var(--font2);
  float: right;
}
.kyc #kyc-section-bankid #euteller-container {
  display: inline-block;
  width: 100%;
  margin-top: 15px;
}
.kyc #kyc-section-bankid #euteller-container label {
  width: 100%;
}
.kyc #kyc-section-bankid #euteller-wrap {
  display: inline-block;
  width: 96%;
}
.kyc #kyc-section-bankid #euteller-ident {
  display: block;
  margin: 0 0 0px 0;
  text-transform: unset;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-align: center;
  padding: 8px 22px;
  font-size: 14px;
  text-decoration: none;
  transition: transform 0.1s ease-in-out;
  border-radius: 50px;
  cursor: pointer;
  font-family: var(--font2);
  float: right;
}
.kyc #kyc-section-idnow {
  border: 2px solid #6f24fb;
  border-radius: 18px;
  padding: 16px;
  margin-bottom: 40px;
}
.kyc #kyc-section-idnow .kyc-section-info {
  max-width: 320px;
  word-break: normal;
  margin-top: 10px;
}
@media (max-width: 375px) {
  .kyc #kyc-section-idnow .kyc-section-info {
    max-width: 280px;
  }
}
.kyc #kyc-section-idnow .idnow-container {
  padding-bottom: 40px;
  margin-right: 16px;
}
.kyc #kyc-section-idnow #idnow-ident {
  display: block;
  margin: 0 0 0px 0;
  text-transform: unset;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-align: center;
  padding: 8px 22px;
  font-size: 14px;
  text-decoration: none;
  transition: transform 0.1s ease-in-out;
  border-radius: 50px;
  cursor: pointer;
  font-family: var(--font2);
  float: right;
}
.kyc .kyc-section-root {
  margin-bottom: 30px;
  border-bottom: 1px solid #eee;
  margin-top: 24px;
  padding-bottom: 16px;
}
.kyc .kyc-section-root .kyc-sowq-button {
  padding: 8px 22px;
}
.kyc .kyc-section-root .kyc-text-area {
  width: 100%;
  height: 80px;
  margin: 12px 12px 24px 12px;
}
.kyc .kyc-section-root .kyc-text-area-label {
  float: right;
  line-height: normal;
  border-width: 1px;
}
.kyc #kyc-section-verified {
  border-bottom: 0px;
  margin-bottom: 0px;
  padding-bottom: 0px;
}
.kyc .kyc-item-status-ball {
  width: 15px;
  height: 15px;
  display: inline-block;
  border-radius: 8px;
  margin-right: 6px;
  min-width: 15px;
  min-height: 15px;
}
.kyc .kyc-item-status-color-1 {
  background-color: green;
}
.kyc .kyc-item-status-color-2 {
  background-color: #ff5652;
}
.kyc .kyc-item-status-color-3 {
  background-color: orange;
}
.kyc .kyc-item-status-color-4 {
  background-color: green;
}
.kyc .kyc-item-status-color-5 {
  background-color: #ff5652;
}
.kyc .kyc-item-status-color-6 {
  background-color: #ff5652;
}
.kyc .kyc-avs-status-color-1 {
  background-color: #ff5652;
}
.kyc .kyc-avs-status-color-2 {
  background-color: orange;
}
.kyc .kyc-avs-status-color-3 {
  background-color: green;
}
.kyc .kyc-section-middle {
  margin-top: 24px;
  display: flex;
  margin-bottom: 16px;
}
.kyc .kyc-section-middle .kyc-item-status-ball {
  width: 15px;
  height: 15px;
  display: inline-block;
  border-radius: 8px;
  margin-right: 6px;
  min-width: 15px;
  min-height: 15px;
  margin-left: 13px;
}
.kyc .kyc-section-middle .kyc-section-info {
  flex: 1;
  max-width: 320px;
  width: 320px;
  margin-left: 25px;
  word-break: normal;
}
.kyc .kyc-section-middle .kyc-header {
  margin-left: 24px;
}
.kyc .kyc-section-bottom {
  margin-bottom: 16px;
  margin-top: 24px;
  display: flex;
}
.kyc .kyc-section-bottom .kyc-item-status-ball {
  width: 15px;
  height: 15px;
  display: inline-block;
  border-radius: 8px;
  margin-right: 6px;
  min-width: 15px;
  min-height: 15px;
  margin-left: 13px;
}
.kyc .kyc-section-bottom .kyc-section-info {
  flex: 1;
  max-width: 320px;
  width: 320px;
  margin-left: 25px;
  word-break: normal;
}
.kyc .kyc-section-bottom .kyc-section-rejected {
  flex: 1;
  max-width: 320px;
  width: 320px;
  margin-left: 25px;
  word-break: normal;
  font-weight: bold;
}
.kyc .kyc-payment-sub-root {
  display: flex;
  margin-bottom: 30px;
  flex-wrap: wrap;
}
.kyc .kyc-payment-sub-root .kyc-header {
  flex: 2 0 0;
  max-width: 172px;
  word-break: break-all;
  margin-right: 14px;
  font-size: 14px;
  margin-top: 12px;
  font-family: var(--font2);
}
.kyc .kyc-payment-sub-root .kyc-drop-area {
  flex: 1 0 0;
}
.kyc .kyc-payment-sub-root {
}
.kyc .kyc-header {
  font-size: 14px;
  font-weight: 600;
  margin-left: 12px;
  font-family: var(--font2);
}
.kyc #kyc-uploaded-files {
  display: none;
  transition: opacity 0.5s;
}
.kyc .kyc-uploaded-files-header {
  font-size: 19px;
  font-weight: 600;
  padding: 16px 0 10px 0;
  font-family: var(--font2);
}
.kyc #kyc-uploaded-files-wrapper {
  transition: opacity 0.5s;
}
.kyc .kyc-show-documents-button {
  cursor: pointer;
}
.kyc .kyc-documents-showing {
  display: block !important;
  opacity: 0;
}
.kyc .kyc-documents-show {
  display: block !important;
  opacity: 1;
}
.kyc .kyc-message-area {
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 8px;
  font-weight: 600;
}
.kyc .kyc-message-area #bluem-ident {
  text-decoration: underline;
  color: #6f00ff;
}
.kyc .kyc-message-area #bluem-ident-status {
  margin-left: 4px;
  width: 15px;
  height: 15px;
  display: inline-block;
  border-radius: 8px;
  background-color: green;
  min-width: 15px;
  min-height: 15px;
}
.kyc .kyc-message-area .kyc-success {
  color: green;
}
.kyc .kyc-message-area .kyc-failure {
  color: red;
}
.kyc .kyc-failure {
  margin-bottom: 16px;
}
.kyc #kyc-user-status {
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
  margin-bottom: 15px;
}
.kyc #kyc-user-status .kyc-user-status-header {
  font-size: 17px;
  font-weight: 700;
}
.kyc #kyc-user-status #kyc-user-status-text {
  padding-left: 10px;
}
.kyc .old-kyc-data {
  padding: 6px;
  font-weight: 500;
}
.kyc .kyc-flex-break {
  flex-basis: 100%;
  height: 0;
}
.kyc .kyc-highlight {
  background-color: #6f24fb;
}
.kyc .kyc-document {
  padding: 2px;
  font-weight: 600;
  font-size: 14px;
}
.kyc .kyc-drag-info {
  font-size: 17px;
  padding: 15px 0 0 0;
}
.kyc form {
  margin: 0;
}
.kyc form label {
  display: block;
  margin: 0 0 0px 0;
  text-transform: unset;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-align: center;
  padding: 8px 22px;
  font-size: 14px;
  text-decoration: none;
  transition: transform 0.1s ease-in-out;
  border-radius: 50px;
  cursor: pointer;
  font-family: var(--font2);
  width: 86px;
}
.kyc form .sow-upload-spinner,
.kyc form .kyc-upload-spinner {
  border: 5px solid #6f24fb;
  animation: spin 0.5s linear infinite;
  border-top: 5px solid white;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  margin: auto;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.kyc .kyc-drop-area input.kyc-input {
  display: none;
}
.kyc .kyc-progress-wrapper {
  position: relative;
}
.kyc .kyc-progress-wrapper .kyc-progress-label {
  font-size: 19px;
  font-weight: 700;
  display: inline-block;
  padding: 10px 0;
}
.kyc .kyc-progress-wrapper .kyc-progress-percent {
  display: inline-block;
  right: 0px;
  position: absolute;
  font-size: 30px;
  font-weight: 700;
}
.kyc .kyc-progress-wrapper .kyc-uploaded {
  margin-top: 60px;
}
.kyc .kyc-progress-wrapper .kyc-upload-progress {
  display: block;
  width: 100%;
  margin: 0 auto;
  border: 3px solid #6f24fb;
  border-radius: 8px;
  background-color: white;
  color: white;
}
.kyc .kyc-progress-wrapper .kyc-upload-progress::-webkit-progress-bar {
  background-color: white;
  border-radius: 8px;
}
.kyc .kyc-progress-wrapper .kyc-upload-progress::-webkit-progress-value {
  background-color: #2cfef7;
  border-radius: 8px;
}
.kyc .kyc-progress-wrapper .kyc-upload-progress::-moz-progress-bar {
  background-color: #2cfef7;
  border-radius: 8px;
}
.kyc .sowq-form-wrapper form {
  margin-top: 20px;
}
.kyc .sowq-form-wrapper form > label {
  padding-left: 0;
}
.kyc .sowq-form-wrapper form > div {
  margin-bottom: 24px;
}
.kyc .sowq-form-wrapper a {
  text-decoration: underline;
}
.kyc .sowq-form-wrapper select {
  padding: 0 14px;
  border: none;
  height: 42px;
}
.kyc .sowq-form-wrapper label {
  text-align: left;
  padding: 2px 30px 16px 30px;
  width: auto;
  font-weight: normal;
}
.kyc .sowq-form-wrapper .source-of-wealth {
  margin-bottom: 20px;
}
.kyc .sowq-form-wrapper .back-to-kyc {
  display: inline-block;
  margin-top: 30px;
  text-align: center;
}
.kyc .sowq-form-wrapper .radio-group-wrapper label:not(.tickbox) {
  font-weight: 700;
  padding-left: 0;
}
.kyc .sowq-form-wrapper .sowq1-details {
  margin-top: 40px;
}
.kyc .sowq-form-wrapper .sowq1-details .row {
  margin-bottom: 20px;
  background: #f1f2f2;
  border-radius: 10px;
  padding: 0 14px;
}
.kyc .sowq-form-wrapper .supporting-docs {
  margin-top: 40px;
}
.kyc .sowq-form-wrapper .sow-drop-area .sow-file-input {
  display: none;
}
.kyc .sowq-form-wrapper .sow-drop-area label {
  display: inline-block;
  max-width: 120px;
}
.kyc .sowq-form-wrapper .sow-drop-area label div {
  margin-top: 12px;
}
.kyc .sowq-form-wrapper .error {
  border: 1px solid red;
}
.kyc .sowq-form-wrapper .checkbox-wrap.error,
.kyc .sowq-form-wrapper .radio-group-wrapper.error {
  padding: 6px;
  margin-bottom: 8px;
}
.kyc .sowq-form-wrapper .sow-message-area {
  margin: 16px 0;
}
.kyc .sowq-form-wrapper .sow-message-area .sow-success {
  color: green;
}
.lock-icon {
  background: gray;
  border-radius: 3px;
  width: 20px;
  height: 15px;
  margin-right: -8px;
  position: relative;
  float: right;
  scale: 0.6;
}
.lock-icon:before {
  content: "";
  display: block;
  position: absolute;
  border: 3px solid gray;
  top: -10px;
  left: 2.3px;
  width: 10px;
  height: 15px;
  border-radius: 25px 25px 0 0;
}
.rg {
  font-size: 16px;
}
.rg .limits-wrapper {
  padding-bottom: 16px;
}
.rg progress {
  width: 95%;
  height: 5px;
  border-radius: 10px;
  background-color: #ccc;
}
.rg progress::-webkit-progress-bar {
  background-color: #ccc;
  border-radius: 10px;
}
.rg progress::-webkit-progress-value {
  background-color: #412786;
  border-radius: 10px;
}
.rg progress::-moz-progress-bar {
  background-color: #412786;
  border-radius: 10px;
}
.rg .limit-progress-text-title {
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 17px;
  line-height: 20px;
}
.rg .limit-description {
  margin-bottom: 16px;
  margin-top: 8px;
  word-break: break-word;
  line-height: 1.2em;
}
.rg .limit-progress-text {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
  color: #777;
}
.rg .admin-limit-description-text {
  font-size: 12px;
  color: #777;
}
.rg #active-limits-wrapper {
  padding-bottom: 8px;
}
.rg #active-limits-wrapper .active-limit {
  box-sizing: border-box;
  margin: 20px 0 0;
  padding: 15px 20px;
  background: #f1f2f2;
  color: inherit;
  border-radius: 20px;
  text-align: center;
  overflow: hidden;
  position: relative;
}
.rg #cooldown-limits-wrapper {
  padding-top: 8px;
  padding-bottom: 8px;
}
.rg #cooldown-limits-wrapper .cooldown-limit {
  box-sizing: border-box;
  margin: 20px 0 0;
  padding: 15px 20px;
  background: #f1f2f2;
  color: inherit;
  border-radius: 20px;
  text-align: center;
  overflow: hidden;
  position: relative;
}
.rg #cooldown-limits .cooldown-limit-text-title {
  margin: 1em 0;
  font-weight: 700;
  font-size: 17px;
}
.rg #cooldown-limits .cooldown-limit-text {
  margin: 1em 0;
  font-size: 14px;
  line-height: 20px;
  color: #777;
}
.rg #cooldown-limits .reject-limit-btn {
  margin-left: 8px;
}
.rg .tsl-timespan-list {
  column-count: 2;
}
.rg #ts-limit-form-start-time {
  width: 80px;
}
.rg #ts-limit-form-end-time {
  width: 80px;
}
.rg .time-slot-list {
  column-count: 2;
}
.rg .tickbox {
  display: inline-block;
  font-size: 16px;
  line-height: 20px;
  font-weight: normal;
  padding: 2px 0 0 35px;
  margin: 0;
  position: relative;
  cursor: pointer;
  margin-bottom: 15px;
}
.rg .tickbox input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0.01;
  z-index: -1;
}
.rg .tickbox .tickbox__box {
  background: url(https://s-assets.rootz.com/wildz.com/form-icons.png) top center;
  background-size: 24px;
  background-position: 0 -72px;
  display: inline-block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
  left: 0;
}
.rg .tickbox input:checked + .tickbox__box {
  background-position: 0 -48px !important;
}
.rg .tickbox input:focus + .tickbox__box {
  background-position: 0 -144px;
}
.rg .limit-form input.not-valid {
  border: 1px solid red;
}
.external-limit-form .active-limit {
  box-sizing: border-box;
  margin: 20px 0 0;
  padding: 15px 20px;
  background: #f1f2f2;
  color: inherit;
  border-radius: 20px;
  text-align: center;
  overflow: hidden;
  position: relative;
}
.external-limit-form #livechat-btn {
  margin-left: 10px;
  height: 40px;
  padding-top: 18px;
  background-image: url(https://s-assets.rootz.com/wildz.com/icons/livechat.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.external-limit-form .limit-input span.currency-left {
  left: 95%;
}
.external-limit-form .limit-input span.currency-right {
  right: 10px;
}
.external-limit-form .limits-infotext {
  margin-top: 18px;
  margin-bottom: 16px;
}
.tx-overview-container {
  margin: 20px 0;
}
.tx-overview-container p {
  margin: 10px 0;
}
.tx-list,
.limit-list {
  margin: 0;
  display: table;
  width: 100%;
  line-height: var(--line-height-base, 1.5em);
}
.tx-list ul,
.limit-list ul {
  border-top: 1px solid #eee;
  margin: 10px 0 0 0;
  padding: 10px 0 0 0;
}
.tx-list ul li,
.limit-list ul li {
  display: block;
  margin: 0;
  padding: 0;
  font-weight: 700;
  font-size: 16px;
}
.tx-list ul li > span.details,
.limit-list ul li > span.details {
  font-weight: 400;
  margin: 0 8px;
}
.tx-list ul .inheritence-info,
.limit-list ul .inheritence-info {
  font-size: 12px;
}
.tx-list .limit-title,
.limit-list .limit-title {
  margin: 0;
  padding: 0;
}
.tx-list button,
.limit-list button {
  margin: 15px 0;
}
.limit-list {
  padding-bottom: 10px;
}
.tx-overview {
  font-weight: 700;
}
.tx-overview > span {
  font-weight: 400;
  font-size: 14px;
  float: right;
}
.tx-id {
  font-size: 14px;
  font-weight: 400;
}
.tx-amount {
  font-size: 20px;
  font-weight: 700;
}
.account-balance {
  color: #412786;
  padding-bottom: 30px;
  border-bottom: 1px solid #eee;
  margin-bottom: 30px;
}
.account-balance h5 {
  font-family: var(--font2);
  font-size: var(--font-size-base, 18px);
  margin: 15px 0 5px;
}
.account-balance h2 {
  font-size: 48px;
  line-height: 50px;
  margin: 0;
}
.account-balance .withdrawable {
  color: #6f00ff;
}
.account-balance__deposit {
  display: flex;
  margin-top: 20px;
}
.account-balance__deposit-btn {
  height: 50px;
  width: 50%;
}
.account-activity {
  color: #412786;
  padding-bottom: 15px;
  border-bottom: 1px solid #eee;
  margin-bottom: 15px;
}
.account-activity .two-columns {
  column-count: 2;
}
.account-activity h5 {
  font-family: var(--font2);
  font-size: 15px;
  margin: 0px 0 0px;
}
.account-activity h3 {
  text-decoration: underline;
}
.account-activity h2 {
  font-size: 20px;
  line-height: 30px;
  margin: 0;
}
.account-activity p {
  font-size: 15px;
}
.account-activity .withdrawable {
  color: #6f00ff;
}
.account-activity .session-length {
  text-transform: lowercase;
}
.account-activity .previous-session-tenant {
  text-transform: uppercase;
}
.bonuscode {
  border-bottom: 1px solid #eee;
  padding-bottom: 20px;
}
.bonuscode .bonuscode__title {
  padding-bottom: 8px;
}
.collapsed {
  max-height: 760px;
  overflow: hidden;
}
.account-lugas-id {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #eee;
}
.account-bonuses {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #eee;
}
.account-bonuses ul,
.account-bonuses p {
  margin: 0;
}
.account-bonuses .forfeit-button {
  display: block;
  margin: 10px auto 0;
  padding-top: 5px;
  padding-bottom: 5px;
}
.change-pw-wrap {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #eee;
}
.change-pw-wrap form {
  margin-bottom: 0;
}
.change-pw-wrap button {
  display: block;
  margin: 0 auto;
}
.change-pw-wrap .pw-change-success-text {
  display: none;
  text-align: center;
}
.change-pw-wrap .pw-change-again {
  display: none;
}
.change-pw-wrap .pw-change-success input,
.change-pw-wrap .pw-change-success .submit-button,
.change-pw-wrap .pw-change-success .show-pw {
  display: none;
}
.change-pw-wrap .pw-change-success .pw-change-success-text,
.change-pw-wrap .pw-change-success .pw-change-again {
  display: block;
}
.change-pw-wrap .pin-code {
  width: 50%;
  display: inline-block;
}
.change-pw-wrap .submit-button {
  height: 40px;
}
.reality-check-wrap {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #eee;
}
.reality-check-wrap form,
.reality-check-wrap .btn-purple-ghost {
  margin-bottom: 0;
}
.reality-check-wrap .error-label {
  color: #ff5652;
}
.germany-wrap {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #eee;
}
.germany-wrap .error-label {
  color: #ff5652;
}
.change-pw-wrap .btn-purple,
.reality-check-wrap .btn-purple {
  font-weight: 600;
  letter-spacing: 0;
}
.change-pw-wrap input[type=button].btn-purple-ghost,
.change-pw-wrap input[type=submit].btn-purple,
.reality-check-wrap input[type=button].btn-purple-ghost,
.reality-check-wrap input[type=submit].btn-purple {
  width: auto;
}
.account-consents .tickbox,
.update-mfa .tickbox {
  margin-bottom: 15px;
}
.account-consents .change-success-text,
.update-mfa .change-success-text {
  visibility: hidden;
}
.account-consents.change-success .change-success-text,
.update-mfa.change-success .change-success-text {
  visibility: visible;
}
.update-mfa,
.account-consents,
.accountclosure-form {
  border-bottom: 1px solid #eee;
}
.update-mfa input[type=submit].btn-purple,
.account-consents input[type=submit].btn-purple,
.accountclosure-form input[type=submit].btn-purple {
  width: auto;
}
.account-info-wrapper {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
}
.account-info-wrapper label {
  margin: 10px 0px 0px 0px;
}
.account-info-wrapper p {
  margin: 0;
}
.account-info-wrapper .employer-section-title {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #eee;
}
.account-info-wrapper .e-row {
  display: flex;
  justify-content: space-between;
}
.account-info-wrapper .e-row .e-flex {
  width: 47.5%;
  position: relative;
}
.account-info-wrapper .e-checkbox {
  margin-bottom: 15px;
}
.account-info-wrapper .error-label {
  color: #ff5652;
}
.account-info-wrapper input[type=button].btn-purple-ghost,
.account-info-wrapper input[type=submit].btn-purple {
  width: auto;
}
.ontario-rg-info a {
  text-decoration: underline;
}
#ontario-missing-user-info .reg-limit .validationbox {
  top: initial;
  margin-top: -40px;
}
.miss-form-notice {
  font-size: 16px;
  text-align: center;
  color: #ff5652;
  margin: 15px 0 15px 0;
}
#limit-popup {
  padding-left: 30px;
  padding-right: 30px;
}
#limit-popup .limit-container-list .container-title {
  text-align: center;
}
#limit-popup .limit-container-list .limit-list {
  box-sizing: border-box;
  margin-top: 20px;
  padding: 15px 20px;
  background: #f1f2f2;
  color: inherit;
  border-radius: 20px;
  text-align: center;
  overflow: hidden;
  position: relative;
}
#limit-popup .limit-container-list .activates-at {
  font-size: 14px;
  line-height: 20px;
  color: #777;
}
.account-section.modal__inner > div:not(.modal__header):not(.modal__header-menu) {
  padding-bottom: 30px;
}
#power-left {
  margin: -42px auto -24px auto;
  transform: scale3d(0.6, 0.6, 1);
}
.power,
.power-l,
.power-bottom {
  width: 168px;
  height: 168px;
  border-radius: 50%;
}
.power {
  cursor: pointer;
  transition: all 0.2s ease;
  position: relative;
  margin: 0 auto;
}
.power p {
  line-height: 168px;
  margin: 0;
  position: relative;
}
.power-bottom {
  position: absolute;
  background: #6f00ff;
}
.power-l {
  position: absolute;
  color: #6f00ff;
}
.power-circle-fix {
  background: radial-gradient(transparent 33px, #412786 34px);
  width: 70px;
  height: 70px;
  position: absolute;
  border-radius: 20%;
}
.power-circle-fix-desktop {
  background: radial-gradient(transparent 80px, #412786 87px);
  width: 168px;
  height: 168px;
  position: absolute;
}
.power-inner {
  position: absolute;
  border-radius: 50%;
  width: 146px;
  height: 146px;
  background: #412786;
  top: 11px;
  left: 11px;
}
.power-w {
  position: absolute;
  width: 105px;
  height: 105px;
  margin: 34px 32px;
  text-align: center;
  line-height: 105px;
  font-size: 28px;
  background: #412786;
  background: url(https://s-assets.rootz.com/wildz.com/w.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.power-bottom-container {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  display: none;
}
.power-bottom-container .power,
.power-bottom-container .power-bottom,
.power-bottom-container .power-l {
  width: 70px;
  height: 70px;
}
.power-bottom-container .power {
  transition: all 0.2s ease;
  position: relative;
  margin: 0 auto;
}
.power-bottom-container .power p {
  line-height: 70px;
  margin: 0;
  position: relative;
}
.power-bottom-container .power-l {
  position: absolute;
}
.power-bottom-container .power-inner {
  position: absolute;
  border-radius: 50%;
  width: 58px;
  height: 58px;
  background: #412786;
  top: 6px;
  left: 6px;
}
.power-bottom-container .power-w {
  position: absolute;
  width: 42px;
  height: 42px;
  margin: 15px 15px;
  background: #412786;
  background: url(https://s-assets.rootz.com/wildz.com/w.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.power-level {
  display: none;
  font-family: var(--font1);
  font-weight: 700;
  font-style: italic;
  position: absolute;
  left: 0;
  right: 0;
  height: auto;
  color: #ffff00;
  text-transform: uppercase;
  padding: 20px 14px;
  text-align: center;
  top: 54%;
  transform: translate(0, -50%);
}
.power-level span {
  display: block;
  font-size: 28px;
}
#power-l-level {
  font-size: 32px;
}
#power-l-level span {
  font-size: 52px;
}
#sidemenu .notificationapp {
  text-align: center;
  position: relative;
  transform: scale(0.9);
}
.notification--side {
  transition: transform 0.25s ease;
  top: 0;
}
@media (max-height: 700px) {
  .notification--side {
    display: none;
  }
}
.notification--side h3 {
  font-family: var(--font1);
  font-weight: 700;
  font-style: italic;
  margin: 0;
  color: #2cfef7;
  font-size: 20px;
  text-transform: uppercase;
  word-break: break-word;
}
.notification--side p {
  margin: 0;
  font-size: var(--font-size-base, 18px);
}
.notification--side .notification__container {
  width: 72px;
  height: 72px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.notification--side .notification__container img {
  top: 0px;
  left: 0px;
  width: 72px;
  height: 72px;
  border-radius: 10px;
  cursor: pointer;
}
@media screen and (min-width: 800px) {
  .notification--side .notification__container {
    width: 156px;
    height: 156px;
  }
  .notification--side .notification__container img {
    left: 18px;
    top: 18px;
    width: 120px;
    height: 120px;
  }
}
@media screen and (max-width: 800px) {
  .notification--side .notification__container img {
    border-radius: 100%;
  }
}
.notification--side .notification__message {
  display: none;
}
@media screen and (min-width: 800px) {
  .notification--side .notification__message {
    display: block;
  }
}
.notification--side .notification__dismiss {
  display: flex;
  justify-content: center;
}
.hide-notification {
  transform: translate3d(0, 150%, 0);
}
@media screen and (min-width: 800px) {
  .hide-notification {
    transform: translate3d(-150%, 0, 0);
  }
}
.ray-rotator {
  display: none;
  transition: opacity 0.5s linear;
  position: absolute;
  animation: spinning 70s linear 0s infinite;
  transform: rotate(0);
  z-index: -1;
}
@media screen and (min-width: 800px) {
  .ray-rotator {
    display: block;
    width: 158px;
    height: 158px;
  }
}
.rays {
  background-image: url(https://s-assets.rootz.com/wildz.com/rays3.png);
  transform: scale(1.2);
  background-size: contain;
  width: 100%;
  height: 100%;
}
@keyframes flash {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  50% {
    opacity: 0;
  }
}
@keyframes spinning {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}
@keyframes bounce-up {
  0% {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(0, -32px, 0);
    -webkit-transform: translate3d(0, -32px, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
  }
}
@keyframes ltr-in {
  0% {
    transform: translate3d(-100%, 0, 0);
    -webkit-transform: translate3d(-100%, 0, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
  }
}
@keyframes ltr-out {
  0% {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(100%, 0, 0);
    -webkit-transform: translate3d(100%, 0, 0);
  }
}
.notification--bounce-up {
  animation: bounce-up 0.75s ease 0s;
}
.notification--ltr-in {
  animation: ltr-in 0.75s ease 0s;
}
.notification--ltr-out {
  animation: ltr-out 0.75s ease 0s;
}
#menul-w-logo {
  width: 70%;
  margin: 16px auto;
  display: block;
  background-image: url(https://s-assets.rootz.com/wildz.com/wildz_logo.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  font-size: 18px;
  height: 3.4em;
}
#menul-w-logo:hover {
  filter: brightness(0) invert(1);
}
#casinologo:hover {
  filter: brightness(0) invert(1);
}
#menul-casino {
  width: 40%;
  display: block;
  margin: 0 auto 8px auto;
}
#user-left {
  display: none;
  margin: 0px 16px;
  text-align: center;
}
#user-left > div {
  margin: 8px 0;
  font-size: 14px;
}
#user-left button {
  width: 100%;
}
#uname-left {
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 15ch;
  height: 16px;
}
#sidemenu {
  font-family: var(--font2);
  background: #412786;
  color: white;
  width: 200px;
  min-height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 22;
  font-size: var(--font-size-base, 18px);
}
.left-links {
  font-size: 16px;
  font-weight: 600;
  margin: 0px 16px;
  text-align: center;
  font-size: 16px;
}
.left-links button {
  width: 84%;
  margin: 7px 0;
  padding: 10px 0;
}
.left-links .btn-login {
  margin-bottom: 16px;
}
.left-links a {
  position: relative;
  color: white;
  display: block;
  padding: 4px 0;
  cursor: pointer;
}
.left-links a:hover {
  color: #2cfef7;
}
.wallet {
  font-weight: 600;
}
#sidemenu .wallet-real {
  font-size: 24px;
}
.wallet-loading {
  position: relative;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.08);
  z-index: 44;
  overflow: hidden;
  border-radius: 5px;
}
.wallet-loading .loading-anim {
  position: relative;
  font-size: 24px;
  left: -45%;
  height: 100%;
  width: 45%;
  background:
    linear-gradient(
      to right,
      transparent,
      rgba(255, 255, 255, 0.0862745098),
      transparent);
  animation: reflect 1500ms ease-out infinite;
  z-index: 45;
}
@keyframes reflect {
  to {
    left: calc(100% + 100px);
  }
}
#menul-hamburger {
  position: absolute;
  width: 60px;
  height: 40px;
  background: none;
  -webkit-appearance: none;
  cursor: pointer;
  padding: 11px 21px 20px;
  grid-area: menu;
  top: 0;
}
#menul-hamburger svg > line {
  stroke-width: 75px;
}
#menul-hamburger:hover svg > line {
  stroke: #2cfef7;
}
.mudal__content.menu {
  background: #6f00ff;
}
.menu-l {
  padding-top: 20px;
  font-family: var(--font2);
  font-size: 21px;
  font-weight: 500;
  color: #fff;
}
.menu-l a {
  display: block;
  padding: 10px 0 10px 55px;
  line-height: 30px;
  color: #fff;
  position: relative;
}
.menu-l a:hover {
  color: #2cfef7;
}
.menu-l a img {
  display: block;
  position: absolute;
  top: 1px;
  left: 0;
  width: 50px;
}
.menu-l a span.warning-circle {
  background-position: right;
  margin-left: 0;
}
.modal__header-menu__item span.warning-circle {
  background-position: right;
  margin-left: -25px;
}
#deposit-left {
  margin: 8px 0;
  padding: 10px 0;
  height: 50px;
  font-size: 16px;
  width: 86% !important;
}
#sidemenu-bottom {
  display: grid;
  grid-template-areas: "panic panic panic" "menu clock chat";
  grid-template-columns: repeat(3, 1fr);
  position: absolute;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  bottom: 20px;
  width: 100%;
}
#sidebar-panic-button {
  grid-area: panic;
  background-color: #6f00ff;
  border: #fff 2px solid;
  border-radius: 20px;
  color: #fff;
  margin-bottom: 10px;
  height: 125px;
  margin-left: 18px;
  padding-top: 14px;
  position: absolute;
  text-align: center;
  top: -160px;
  width: 140px;
}
#sidebar-panic-button svg {
  fill: #fff;
  width: 40px;
}
#sidebar-panic-button button {
  background-color: #fff;
  color: #412786;
  cursor: pointer;
  font-size: 14px;
}
#sidebar-panic-button p {
  margin-bottom: 6px;
  margin-top: 4px;
}
.menu-clock {
  grid-area: clock;
  padding-top: 10px;
  font-weight: 500;
  line-height: 20px;
  white-space: nowrap;
}
#sidemenu-chat {
  position: absolute;
  width: 60px;
  height: 50px;
  padding: 0 10px 10px 7px;
  background: none;
  -webkit-appearance: none;
  cursor: pointer;
  right: 0;
  top: 0;
  grid-area: chat;
}
#sidemenu-chat:hover svg > path {
  fill: #2cfef7;
}
body.jurisdiction-DE * #sidemenu-panic-container {
  border-radius: 20px;
  text-align: center;
  position: absolute;
  background-color: #6f00ff;
  top: -160px;
  width: 140px;
  height: 125px;
  margin-left: 18px;
  padding-top: 14px;
  border: 2px solid white;
}
body.jurisdiction-DE * #sidemenu-panic-container svg {
  fill: white;
  width: 40px;
}
body.jurisdiction-DE * #sidemenu-panic-container #sidemenu-panic {
  cursor: pointer;
  font-size: 14px;
  color: #412786;
  background-color: #fff;
}
body.jurisdiction-DE * #sidemenu-panic-container p {
  margin-bottom: 6px;
  margin-top: 4px;
}
.uname-vip {
  display: none;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  background: url(https://s-assets.rootz.com/wildz.com/vip_small.svg) no-repeat center;
  background-size: contain;
  margin-top: -10px;
  cursor: pointer;
  margin-left: 8px;
}
#level-left-cont {
  color: #ffff00;
  text-transform: uppercase;
  font-weight: 700;
  margin-top: 0 !important;
}
@media (min-width: 800px) and (max-height: 800px) {
  .jurisdiction-DE #sm-notification {
    display: none !important;
  }
}
.login .signup-link,
.login .forgot-pw-link {
  display: block;
  margin: 30px 0;
  font-size: 16px;
  text-align: center;
}
.login .signup-link:hover,
.login .forgot-pw-link:hover {
  color: #6f00ff;
}
.forgot-password p {
  font-size: 16px;
  margin: 0 0 20px;
}
.fpw-success-section {
  font-family: var(--font2);
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  text-align: center;
  position: relative;
}
.fpw-success-section img {
  width: 115px;
  margin-bottom: 20px;
}
.fpw-success-section button {
  margin: 30px auto;
  max-width: 280px;
  min-width: 280px;
}
.fit-to-play-label {
  margin-bottom: 15px;
}
.cashier .modal__header span {
  display: none;
}
.cashier .modal__header .active {
  display: block;
}
.cashier form p {
  margin-top: 0;
}
.cashier__extra-text {
  text-align: center;
  font-size: 14px;
}
.cashier__extra-text--warning {
  font-size: 14px;
  color: #ff5652;
  padding-bottom: 20px;
  display: table;
}
.cashier__extra-text--warning img {
  width: 60px;
  vertical-align: top;
  display: inline-block;
}
.cashier__extra-text--warning p {
  padding-left: 10px;
  display: table-cell;
  vertical-align: middle;
  width: 260px;
}
.cashier__extra-text--warning .tickbox input {
  top: 0;
  left: 0;
  width: 1px;
}
.cashier-hint {
  margin-top: -16px;
  font-size: 14px;
  margin-bottom: 20px;
}
.withdrawal .hide-basic-cc .basic-cc {
  display: none;
}
.limit-form .submit,
.cashier-section .submit {
  width: 100%;
  display: block;
}
.limit-form .input-container,
.cashier-section .input-container {
  width: 100%;
  position: relative;
}
.limit-form .input-container span,
.cashier-section .input-container span {
  position: absolute;
  right: 16px;
  top: 0px;
  line-height: 42px;
  font-size: 16px;
  font-weight: 700;
}
.limit-form input,
.cashier-section input {
  width: 100%;
}
.limit-form iframe,
.cashier-section iframe {
  position: static;
}
.limit-form,
.cashier-section {
}
.limit-form .all-cc-wrap,
.cashier-section .all-cc-wrap {
  display: block;
  width: 100%;
}
.limit-form .cvv-wrap,
.cashier-section .cvv-wrap {
  display: none;
}
.limit-form .hide-basic-cc,
.cashier-section .hide-basic-cc {
  display: flex;
  flex-flow: row wrap;
}
.limit-form .hide-basic-cc .account-select-wrap,
.cashier-section .hide-basic-cc .account-select-wrap {
  width: 70%;
}
.limit-form .hide-basic-cc input.basic-cc,
.limit-form .hide-basic-cc label.basic-cc,
.limit-form .hide-basic-cc .expires-label,
.cashier-section .hide-basic-cc input.basic-cc,
.cashier-section .hide-basic-cc label.basic-cc,
.cashier-section .hide-basic-cc .expires-label {
  display: none;
}
.limit-form .hide-basic-cc .basic-cc .hosted-field-container,
.cashier-section .hide-basic-cc .basic-cc .hosted-field-container {
  display: none;
}
.limit-form .hide-basic-cc .basic-cc #hosted-field-container-cvv,
.cashier-section .hide-basic-cc .basic-cc #hosted-field-container-cvv {
  display: flex;
}
.limit-form .hide-basic-cc .all-cc-wrap,
.cashier-section .hide-basic-cc .all-cc-wrap {
  width: 30%;
  padding: 22px 0 0 20px;
  box-sizing: border-box;
}
.limit-form .hide-basic-cc .cvv-wrap,
.cashier-section .hide-basic-cc .cvv-wrap {
  display: block;
}
.limit-form input.btn-purple[type=submit],
.timeout-form input.btn-purple[type=submit] {
  width: auto;
}
.cashier__bonus-text {
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  margin: 10px 0 20px;
  color: #777;
  cursor: pointer;
}
.cashier__bonus-text em {
  font-style: normal;
  font-weight: 400;
  color: #412786;
  text-decoration: underline;
}
.cashier--iframe iframe {
  padding-top: 60px;
  height: calc(100% - 60px);
}
.cashier-iframe-section {
  margin-top: -30px;
  padding: 10px 10px 30px;
  background: #f1f2f2;
  height: 100vh;
}
.cashier-iframe-section .button-iframe-back {
  display: none;
  margin-bottom: 5px;
  background: none;
  font-weight: 600;
  position: relative;
}
.cashier-iframe-section .button-iframe-back:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 3px;
  margin-top: -5px;
  border: 4px solid transparent;
  border-right: 6px solid #6f00ff;
}
.cashier-iframe-section .cashier-iframe-wrap {
  background: white;
  height: 90vh;
  max-height: -webkit-fill-available;
}
.basic-cc {
  display: flex;
  flex-flow: row wrap;
}
.expires-label {
  width: 100%;
}
.hosted-field-container {
  margin: 0 0 20px;
}
.hosted-field-container iframe {
  width: 100%;
  height: 42px;
  margin: 0;
  position: unset;
}
#hosted-field-container-creditcard {
  width: 100%;
}
#hosted-field-container-date-expire {
  width: 68%;
  padding-right: 20px;
  box-sizing: border-box;
}
#hosted-field-container-cvv {
  width: 32%;
}
.hide-basic-cc #hosted-field-container-cvv {
  width: 100%;
}
.amount-input {
  padding-right: 55px;
}
.cashier-summary > div {
  color: #412786;
  padding: 8px 0;
  border-bottom: 1px solid #6f00ff;
}
.cashier-summary > div div {
  display: inline-block;
}
.cashier-summary .total {
  font-weight: 700;
  border-bottom: 2px solid #6f00ff;
}
.cashier-summary .right {
  float: right;
  display: inline-block;
}
.cashier-suggestions {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -16px;
}
.cashier-suggestions button {
  flex: 1;
  margin: 0 16px 20px 16px;
  background: #f1f2f2;
  border: 4px #f1f2f2 solid;
}
.cashier-suggestions button:hover,
.cashier-suggestions button:focus {
  background: #f1f2f2;
  border-color: #f1f2f2;
  color: #6f00ff;
}
.cashier-suggestions button.active {
  background: #6f00ff;
  border: 4px #6f00ff solid;
  color: #2cfef7;
}
.deposit-bonus {
  width: 100%;
  margin: 0 0 16px 0;
  position: relative;
}
.deposit-bonus h2 {
  margin: 0 0 10px;
}
.deposit-bonus .gbp-bonus-disclaimer {
  font-size: 14px;
  color: #595959;
  margin-top: 10px;
  margin-bottom: 0;
  padding: 5px;
  width: 436px;
}
.deposit-bonus img {
  float: left;
  width: 75px;
}
.deposit-bonus .radio-div {
  user-select: none;
}
.deposit-bonus .tickbox {
  margin-right: 20px;
  padding-left: 32px;
  margin-bottom: 8px;
}
.deposit-bonus p {
  margin: 0 0 10px;
}
.deposit-bonus a {
  width: auto;
  color: #412786;
  font-size: 12px;
  line-height: 22px;
  text-transform: none;
  bottom: 0;
  right: 0;
  text-decoration: underline;
}
.ongoing-tx {
  margin-bottom: 20px;
  border-bottom: 1px solid #eee;
}
.ongoing-tx h2 {
  margin: 0 0 10px;
}
.ongoing-tx__list {
  margin: 0 0 20px;
  margin-bottom: 12px !important;
}
.ongoing-tx__list li {
  margin-top: 20px;
}
.ongoing-tx__list button {
  float: right;
  margin-top: 5px;
  color: #6f00ff;
  border: 3px #6f00ff solid;
  background: #fff;
}
.ongoing-tx__amount {
  display: block;
  font-family: var(--font2);
  font-weight: 700;
  font-size: 21px;
  line-height: 30px;
}
.ongoing-tx__time {
  display: block;
  font-size: 14px;
  line-height: 20px;
  color: #bcbec0;
}
.deposit-trust {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  padding-top: 20px;
}
.deposit-trust img {
  height: 36px;
}
.cashier-section__success,
.cashier--success,
.cashier-section__error,
.cashier--error,
.cashier-section__pending,
.cashier--pending {
  font-family: var(--font2);
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  text-align: center;
  position: relative;
}
.cashier-section__success p,
.cashier--success p,
.cashier-section__error p,
.cashier--error p,
.cashier-section__pending p,
.cashier--pending p {
  font-size: 16px;
  font-weight: 400;
  margin-top: 16px;
  margin-bottom: 0;
}
.cashier-section__success img,
.cashier--success img,
.cashier-section__error img,
.cashier--error img,
.cashier-section__pending img,
.cashier--pending img {
  width: 115px;
  margin-bottom: 20px;
}
.cashier-section__success button,
.cashier--success button,
.cashier-section__error button,
.cashier--error button,
.cashier-section__pending button,
.cashier--pending button {
  margin: 30px 2px;
  max-width: 48%;
  display: inline-block;
}
.cashier-section__error button,
.cashier--error button {
  margin: 30px auto;
  max-width: 280px;
}
.cashier-error-text {
  padding-bottom: 16px;
}
.deposit-bonus__reminder {
  padding-bottom: 16px;
}
.cashier--deposit .field--radio.field--amount fieldset {
  border: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: space-around;
}
.cashier--deposit .field--radio.field--amount .tickbox input {
  position: fixed;
  width: 20px;
  height: 20px;
  opacity: 0.01;
}
.cashier--deposit .field--radio.field--amount .tickbox__box {
  display: none;
}
.cashier--deposit .field--radio.field--amount label {
  background-color: #6f00ff;
  border: 4px solid #6f00ff;
  color: white;
  padding: 8px 20px;
  border-radius: 50px;
  cursor: pointer;
  font-family: var(--font2);
  font-size: 16px;
  font-weight: 600;
  text-transform: none;
  text-align: center;
  width: auto;
  min-width: 58px;
  margin-right: 0;
  flex-grow: 1;
}
.cashier--deposit .field--radio.field--amount label:has(input[type=radio]:checked),
.cashier--deposit .field--radio.field--amount label:hover {
  background: #412786;
  border: 4px #412786 solid;
  color: #2cfef7;
}
.cashier--deposit .welcome-text {
  margin-top: 0;
}
.cashier--confirm .forfeit-confirm {
  box-sizing: border-box;
  border-radius: 20px;
  text-align: center;
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 80%;
  z-index: 100;
  left: 0;
}
.eid .error {
  color: red;
  width: 80%;
}
.eid__section {
  padding-top: 10px;
  padding-bottom: 10px;
}
.eid .hybrid-registration > * {
  margin-bottom: 10px;
}
.eid .hybrid-registration > *:last-child {
  margin-bottom: 0;
}
.eid .separator,
.eid .heading {
  margin-top: 0;
  line-height: initial;
  padding: 0;
  position: relative;
}
.eid .separator {
  height: 2px;
  border-bottom: 1px solid #e0e0e0;
}
.eid .heading {
  cursor: pointer;
  display: flex;
  padding-top: 10px;
}
.eid .heading:after {
  content: "\2335";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
  display: inline-block;
  color: black;
  margin-left: auto;
}
.eid .heading--active:after {
  transform: rotate(180deg) translate(0, 10%);
}
.eid .heading--underlined {
  text-decoration: underline;
}
.eid ul {
  margin-top: 0;
  margin-bottom: 10px;
}
.eid__providers--grid ul {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  gap: 10px;
}
.eid__providers--grid ul > li {
  background-color: #e0e0e0;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  border-radius: 10px;
  min-height: 38px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.eid__providers--grid ul > li span {
  font-size: 14px;
}
.eid__providers--grid ul img {
  object-fit: contain;
  max-height: 30px;
  width: 100%;
}
.eid__providers--checks {
  display: flex;
  flex-direction: column;
}
.eid__providers--checks li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.eid__providers--checks li::before {
  content: "\2714";
  color: #6f00ff;
  display: inline-block;
  background: #fff;
  margin-right: 10px;
}
.eid__providers--checks li {
  min-height: 24px;
  margin-bottom: 10px;
}
.eid__providers--checks li:last-child {
  margin-bottom: 0;
}
.eid .view--login {
  margin-top: 10px;
}
.modal__footer--actions {
  display: flex !important;
  justify-content: flex-end;
  align-items: center;
}
.transparent--livechat {
  background-color: transparent;
  border: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.transparent--livechat img {
  display: inline-block;
  width: 48px;
  filter: invert(1);
}
.eid .eid__section .expandable.hybrid-registration {
  display: none;
}
.account-bonuses .forfeit-confirm {
  position: absolute;
  top: 10px;
  right: 10px;
  bottom: 10px;
  left: 10px;
  padding: 40px 20px 20px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.98);
  text-align: center;
  display: none;
}
.account-bonuses .is-confirm-open .forfeit-confirm {
  display: block;
}
.account-bonuses .forfeit-button {
  display: block;
  margin: 10px auto 0;
  padding-top: 5px;
  padding-bottom: 5px;
}
.cashier--confirm .forfeit-confirm {
  align: center;
}
.cashier--confirm .forfeit-confirm ul,
.cashier--confirm .forfeit-confirm p {
  margin: 0;
}
.forfeit-confirm__title {
  display: block;
}
.forfeit-confirm__body {
  display: block;
  margin-bottom: 1em;
}
.forfeit-confirm__amount {
  font-family: var(--font2);
  font-weight: 700;
  font-size: 2em;
  margin: 0.3em;
  color: #6f00ff;
}
.forfeit-confirm__amount-secondary {
  color: #412786;
  font-family: var(--font2);
  font-weight: 700;
  font-size: 2em;
  margin: 0.3em;
}
.forfeit-confirm__button,
.forfeit-confirm__cancel {
  margin-left: 5px;
  margin-right: 5px;
  padding: 6px 16px;
}
.bonus-block-fullpage {
  box-sizing: border-box;
  border-radius: 20px;
  text-align: center;
  overflow: hidden;
  position: absolute;
  top: 60px;
  width: 100%;
  height: 80%;
  z-index: 100;
  left: 0;
  display: none;
}
.bonus-block {
  box-sizing: border-box;
  margin: 20px 0 0;
  padding: 15px 20px;
  background: #f1f2f2;
  color: inherit;
  border-radius: 20px;
  text-align: center;
  overflow: hidden;
  position: relative;
}
.bonus-block__status {
  font-size: 14px;
  color: #777;
}
.bonus-block__name {
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
}
.bonus-block__amount {
  line-height: 20px;
}
.bonus-block__wagering {
  font-size: 14px;
  line-height: 20px;
  color: #777;
}
.bonus-block__wagering span {
  margin-left: 6px;
}
.bonus-block__progress {
  display: flex;
  flex-flow: row;
  font-size: 14px;
}
.bonus-block__progress-bar-wrap {
  flex: 1 0 auto;
  background: #ccc;
  height: 5px;
  margin-top: 11px;
  border-radius: 10px;
  overflow: hidden;
}
.bonus-block__progress-bar {
  width: 21%;
  height: 5px;
  background: #412786;
}
.bonus-block__progress-percent {
  padding-left: 10px;
}
.bonus-block__timestamps {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  line-height: 20px;
  margin-top: 5px;
  color: #777;
}
.bonus-block__timestamps span {
  display: block;
}
.bonus-block__timestamps .bonus-block__initial {
  display: inline;
}
.bonus-block__created {
  text-align: left;
}
.bonus-block__expires {
  text-align: right;
}
.mudal__content.rewards {
  background: #c2fffd;
}
.rewards-bottom {
  clear: both;
}
.item-container {
  padding: 10px;
  min-height: 120px;
  background: #412786;
  border-radius: 32px;
  margin: 0 auto;
  margin-bottom: 16px;
  text-align: center;
  max-width: 240px;
  box-shadow: 0px 2px 8px -2px;
}
.item-element-inner {
  border-radius: 20px;
  background: #412786;
  padding: 20px;
  word-break: break-word;
}
.item-element-inner h2 {
  margin: 12px 0;
}
.item-element-inner button + button {
  margin-top: 10px;
}
.item-element-inner .icon-container {
  aspect-ratio: 1/1;
  max-width: 60%;
  margin: auto;
}
.item-element-inner .icon-container img {
  border-radius: 10px;
}
.item-element-inner .icon-container.icon-container--has-badge {
  position: relative;
}
.item-element-inner .icon-container.icon-container--has-badge .reward-badge--overlay {
  width: 40px;
  left: initial;
  right: -10px;
  top: -10px;
}
.item-element-inner .disclaimer {
  font-size: 16px;
  margin-top: 12px;
  margin-bottom: 0;
}
.item-element-inner .disclaimer a {
  color: white;
}
.item-element-inner.nobottompad {
  padding-bottom: 0;
}
.item-element {
  color: white;
  background: rgb(0, 255, 248);
  padding: 4px;
  border-radius: 24px;
  font-size: 16px;
  line-height: 20px;
  position: relative;
}
.item-element button {
  padding: 12px 30px;
}
.item-element h1 {
  font-size: 24px;
  margin: 15px 0 0;
}
.item-element h3 {
  font-family: var(--font1);
  font-weight: 800;
  font-style: italic;
  text-transform: uppercase;
  font-size: 1.4em;
  margin-top: 8px;
}
.item-element p {
  margin: 10px 0;
}
.item-element a {
  text-decoration: underline;
}
.item-element a.read-more {
  display: block;
  margin: 8px 0;
  text-decoration: underline;
  color: #444;
  font-size: 14px;
}
.item-element .shipping-info {
  margin: 8px 0 16px 0;
  font-size: 12px;
}
.item-element .shipping-address {
  font-weight: 700;
}
.item-locked a,
.item-locked h1,
.item-locked h3 {
  opacity: 0.5;
}
.item-locked .btn-cyan {
  background: none;
  border: 3px #2cfef7 solid;
  color: #2cfef7;
}
.item-locked .btn-cyan:hover:enabled {
  background: #2cfef7;
  color: #412786;
}
.item-locked .inventory-expire img,
.item-locked .inventory-expire p {
  opacity: 1;
}
.inventory-expire,
.inventory-end {
  color: #8b7fb9;
  margin-bottom: 8px;
}
.inventory-expire img,
.inventory-end img {
  display: inline;
  width: 24px;
}
.inventory-expire p,
.inventory-end p {
  display: inline;
  font-weight: 700;
}
.countdown-clock {
  display: inline-flex;
}
.countdown-clock .col {
  font-family: var(--font2);
  font-size: 10px;
  letter-spacing: 0.02em;
  font-weight: 550;
  text-align: center;
  flex: 1;
}
.countdown-clock .col div {
  font-size: 23px;
}
.countdown-clock .col div.digits {
  width: 38px;
}
.reward-badge {
  position: absolute;
  left: 0;
  top: 0;
  width: 60px;
}
.item-type-rewardcoupon {
  background:
    linear-gradient(
      162.11deg,
      #fdf001 7.64%,
      #ff7d40 100%);
}
.item-type-rewardcoupon .item-element {
  background: none;
}
.item-type-rewardcoupon .item-element .item-element-inner {
  background: none;
  color: #412786;
}
.item-type-rewardcoupon .item-element .item-element-inner h2 {
  font-size: 20px;
  line-height: 24px;
}
.item-type-rewardcoupon .item-element .item-element-inner .parameter-values {
  text-align: left;
  font-size: 12px;
  max-width: 85%;
  line-height: 16px;
  margin: auto auto 16px;
  list-style: disc inside;
}
.item-type-rewardcoupon .item-element .item-element-inner .parameter-values .game-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.item-type-rewardcoupon .item-element .item-element-inner .btn-claim {
  background: #412786;
  border-color: #412786;
  color: #fff;
  font-size: 9px;
  margin-bottom: 10px;
  padding: 6px 28px;
  min-width: 100%;
}
.item-type-rewardcoupon .item-element .item-element-inner .btn-claim .rewardcoupon-confirm {
  padding: 8px 12px;
  font-size: 16px;
}
.item-type-rewardcoupon .item-element .item-element-inner .btn-claim .rewardcoupon-title {
  font-size: 16px;
  display: block;
}
.item-type-rewardcoupon .item-element .item-element-inner .tc-link {
  display: block;
  font-size: 10px;
}
.casino-bonus_block {
  box-sizing: border-box;
  margin: 20px 0 0;
  padding: 15px 20px;
  background: linear-gradient(rgb(205, 195, 250), rgb(235, 233, 249));
  color: inherit;
  border-radius: 20px;
  text-align: center;
  overflow: hidden;
  position: relative;
}
.sports-bonus_block {
  box-sizing: border-box;
  margin: 20px 0 0;
  padding: 40px 20px;
  background: linear-gradient(rgb(185, 243, 241), rgb(213, 206, 251));
  color: inherit;
  border-radius: 20px;
  text-align: center;
  overflow: hidden;
  position: relative;
}
.bonus-type_casino {
  position: absolute;
  background-color: #ffff00;
  color: #382371;
  padding: 0px 7px;
  border-radius: 100px;
  width: 76px;
  height: 24px;
  font-weight: 800;
  font-size: 12px;
  top: 18px;
}
.bonus-type_sports {
  position: absolute;
  background-color: #412786;
  color: #2cfef7;
  padding: 0px 7px;
  border-radius: 100px;
  width: 76px;
  height: 24px;
  font-weight: 800;
  font-size: 12px;
  top: 18px;
}
.bonus-block__name {
  font-size: 18px;
  line-height: 30px;
  font-weight: 700;
  text-align: right;
  color: #382371;
}
.sports-bonus-block__name {
  font-size: 18px;
  line-height: 30px;
  font-weight: 700;
  text-align: right;
  color: #382371;
  position: relative;
  bottom: 25px;
}
.more-info {
  font-size: 12px;
  line-height: 22px;
  color: #7977c2;
  text-align: right;
  font-weight: 600;
  font-family: var(--font1);
}
.more-info span {
  margin-left: 6px;
}
.more-info a {
  text-decoration: underline;
}
.bonus-block__amount {
  line-height: 20px;
  text-align: right;
  font-size: 28px;
  color: #6f00ff;
}
.bonus-block__wagering {
  font-size: 12px;
  line-height: 22px;
  color: #7977c2;
  text-align: right;
  font-weight: 600;
}
.bonus-block__wagering span {
  margin-left: 6px;
}
.bonus-block__progress {
  display: flex;
  flex-flow: row;
  font-size: 14px;
  font-weight: 700;
}
.forfeit-button {
  display: block;
  margin: 10px auto 0;
  padding-top: 5px;
  padding-bottom: 5px;
  width: 192px;
  height: 48px;
}
.account-balance {
  color: #412786;
  padding-bottom: 30px;
  border-bottom: 1px solid #eee;
  margin-bottom: 30px;
}
.account-balance h5 {
  font-family: var(--font2);
  font-size: var(--font-size-base, 18px);
  margin: 15px 0 5px;
  font-weight: 700;
  line-height: 27px;
}
.account-balance h2 {
  font-size: 24px;
  line-height: 24px;
  margin: 0;
  font-weight: 500;
}
.account-balance .withdrawable {
  color: #6f00ff;
}
.deposit-bonus__items {
  margin-top: 30px;
  display: grid;
  gap: 30px;
  border-bottom: 2px solid #eee;
  margin-bottom: 35px;
  padding-bottom: 30px;
}
.deposit-bonus__items .content-wrapper {
  margin: 18px 0 12px 0;
}
.deposit-bonus__items .tickbox {
  display: inline-block;
  font-size: 16px;
  line-height: 20px;
  font-weight: normal;
  padding: 0;
  margin: 0;
  position: absolute;
  right: 10px;
  cursor: pointer;
}
.deposit-bonus__items .tickbox .sports-tickbox__box {
  background: url(https://s-assets.rootz.com/wildz.com/form-icons.png) top center;
  background-size: 24px;
  background-position: 0 48px;
  display: inline-block;
  width: 24px;
  height: 24px;
}
.deposit-bonus__items .tickbox input:checked + .sports-tickbox__box {
  background-position: 0 96px !important;
}
.deposit-bonus__items .tickbox input:focus + .sports-tickbox__box {
  background-position: 0 48px;
}
.offer-button-base,
.offer-button-sport,
.offer-button {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 100px;
}
.offer-button {
  background: #ffff00;
}
.offer-button-sport {
  background: #382371;
}
.offer-button-text-base,
.offer-button-text-sport,
.offer-button-text {
  display: inline-block;
  text-transform: uppercase;
  height: 14px;
  text-align: center;
  font-size: 10px;
  font-style: normal;
  font-weight: 800;
  padding: 0 14px;
  line-height: 6px;
}
.offer-button-text {
  color: #382371;
}
.offer-button-text-sport {
  color: #2cfef7;
}
.welcome-offer-bigText-base,
.welcome-offer-bigText-sport,
.welcome-offer-bigText {
  text-transform: uppercase;
  line-height: normal;
  margin-bottom: 2px;
  font-size: 16px;
}
.welcome-offer-bigText {
  color: #ff0;
}
.welcome-offer-bigText-sport {
  color: #382371;
}
.welcome-offer-smallText {
  font-family: var(--font2);
  font-weight: 600;
  font-size: 12px;
  color: #ffffff;
}
.deposit-bonus-base,
.deposit-bonus__item-sport,
.deposit-bonus__item-casino {
  position: relative;
  display: grid;
  grid-template-columns: 56px 1fr 50px;
  gap: 10px;
  border-radius: 12px;
  padding-left: 10px;
  align-items: center;
}
.deposit-bonus__item-casino {
  background:
    linear-gradient(
      270deg,
      #6900f4 0%,
      #441e90 80%);
}
.deposit-bonus__item-sport {
  background:
    linear-gradient(
      73.13deg,
      #1ce7f8 23.27%,
      #72a2fd 50.12%,
      #a977fe 76.17%);
}
.icon {
  background: url(https://s-assets.rootz.com/wildz.com/icons/wildz-balance-booster.svg);
  width: 56px;
  height: 56px;
  flex-shrink: 0;
  margin-top: 12px;
}
.generic-icon {
  width: 56px;
  height: 56px;
}
.deposit-bonus__items.register {
  margin: 0;
  padding: 0;
  border-bottom: none;
  margin-bottom: 24px;
  gap: 0;
}
.deposit-bonus__items.register .title {
  margin: 0;
  margin-bottom: 22px;
}
.deposit-bonus__items.register .generic-icon {
  background: url(https://s-assets.rootz.com/wildz.com/icons/bonuscode.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.deposit-bonus__items.register .content-wrapper {
  margin: 14px 0 12px 0;
}
.deposit-bonus__items.register .welcome-offer-bigText__code {
  color: #fff;
}
.terms a {
  font-family: var(--font2);
  font-weight: 600;
  color: #fff;
  text-decoration-line: underline;
  padding-top: 4px;
}
.deposit-bonus a {
  color: #fff;
  font-size: 7px;
  text-decoration: none;
}
.leaderboard--section {
  padding-bottom: 20px;
}
.leaderboard--section .item-container.item-type-leaderboard {
  background: url(https://s-assets.rootz.com/wildz.com/olympics/winter26/reward-card-background.png);
}
.leaderboard--section .item-container.item-type-leaderboard .leaderboard--icon {
  width: 120px;
  height: 120px;
  margin: auto;
  margin-top: -10px;
  margin-bottom: 12px;
  background: url(https://s-assets.rootz.com/wildz.com/olympics/winter26/reward-card-icon.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.leaderboard--section .item-container.item-type-leaderboard .leaderboard--vertical {
  font-size: 16px;
  margin-bottom: 10px;
  color: #6f24fb;
  display: inline-block;
  padding: 4px 12px;
  border: 2px solid #6f24fb;
  border-radius: 100px;
}
.leaderboard--section .item-container.item-type-leaderboard .leaderboard--title {
  font-size: 28px;
  margin-bottom: 8px;
  color: #412786;
  text-transform: uppercase;
  font-family: var(--font1);
  font-weight: 800;
  font-style: italic;
}
.leaderboard--section .item-container.item-type-leaderboard .leaderboard--score-title {
  font-size: 16px;
  margin-bottom: 8px;
  color: #412786;
}
.leaderboard--section .item-container.item-type-leaderboard .leaderboard--score-value {
  font-size: 64px;
  margin-bottom: 12px;
  color: #412786;
  font-family: var(--font1);
  font-weight: 800;
  font-style: italic;
}
.leaderboard--section .item-container.item-type-leaderboard .leaderboard--placement-wrapper {
  font-size: 16px;
  margin-bottom: 8px;
  color: #412786;
  display: grid;
  grid-template-columns: auto auto;
  justify-content: center;
  gap: 6px;
}
.leaderboard--section .item-container.item-type-leaderboard .leaderboard--terms {
  font-size: 10px;
  color: #412786;
  margin-top: 12px;
  text-decoration: underline;
  margin-bottom: 8px;
}
.notification {
  position: fixed;
  bottom: 0;
  transform: translate3d(0, 100%, 0);
  width: 100%;
  text-align: center;
  font-size: 16px;
  background: #2cfef7;
  color: black;
  z-index: 25;
  transition: all 0.25s ease-in;
}
.notification.red {
  background: #ff5652;
  color: white;
}
.notification.red a {
  color: white;
}
.notification.show-notification {
  transform: translate3d(0, 0, 0);
}
.notification-dismiss {
  background: url(https://s-assets.rootz.com/wildz.com/close-button-white.svg);
  top: 9px !important;
  right: 0;
  height: 28px;
  background-size: contain;
  background-repeat: no-repeat;
  display: none;
  position: absolute;
}
.notification-dismiss:hover {
  color: inherit;
  text-decoration: none;
}
.notification .notification-message {
  padding-right: 40px;
  padding-left: 20px;
  font-size: 16px;
  line-height: var(--line-height-base, 1.5em);
}
.notification .notification-message a {
  text-decoration: underline;
}
.notification .notification-message img {
  max-width: 50%;
}
.notification .notification-message h1 {
  margin: 1em;
}
@media (max-width: 800px), (max-height: 500px) {
  .notification {
    bottom: 0;
  }
}
@media (min-width: 800px) {
  .notification .notification-message {
    padding-left: 181px;
  }
}
@media (max-width: 800px), (max-height: 500px) {
  body.paddedBottom.mobile:not(.modalOpen) .notification,
  body.bottomMenuVisible.mobile:not(.modalOpen) .notification,
  body.mobile:not(.playing).mobile:not(.modalOpen) .notification {
    bottom: 60px;
  }
}
@keyframes spinning {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}
#w-loader {
  top: 50%;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
}
#w-loader img {
  margin-bottom: 10px;
}
.w-loader {
  width: 200px;
  left: 50%;
  position: fixed;
  z-index: 9999;
  text-align: center;
  transition: opacity 0.5s ease-in-out;
}
.w-loader img {
  animation: spinning 15s linear 0s infinite;
  width: 100%;
}
@keyframes ltor {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0%);
  }
}
#w-loader-bar {
  width: 100%;
  position: fixed;
  z-index: 20;
  display: none;
  bottom: 0px;
  left: 0px;
  height: 2px;
}
#w-loader-bar > div {
  background: #f6e103;
  background: url(https://s-assets.rootz.com/wildz.com/loader-bar.png);
  background: -webkit-linear-gradient(90deg, #f4921f 0%, #ffff00 100%);
  background: -ms-linear-gradient(90deg, #f4921f 0%, #ffff00 100%);
  background:
    linear-gradient(
      90deg,
      #f4921f 0%,
      #ffff00 100%);
  height: 2px;
  animation: ltor 5s ease-out 0s infinite;
}
.nextLoader,
.nextLoader:before,
.nextLoader:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.nextLoader {
  color: #6f00ff;
  font-size: 10px;
  margin: 80px auto;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.nextLoader:before,
.nextLoader:after {
  content: "";
  position: absolute;
  top: 0;
}
.nextLoader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.nextLoader:after {
  left: 3.5em;
}
@-webkit-keyframes load7 {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
.lobby-section--169 .lobby-vod-section__videos-container,
.lobby-section--vod .lobby-vod-section__videos-container {
  position: relative;
}
.lobby-section--169 .lobby-section__grid-items,
.lobby-section--169 .lobby-vod-section__videos,
.lobby-section--vod .lobby-section__grid-items,
.lobby-section--vod .lobby-vod-section__videos {
  display: grid;
  grid-auto-flow: column;
  margin: 10px 0;
  margin-top: 0;
  padding: 10px;
  grid-auto-columns: 320px;
  grid-column-gap: 20px;
  overflow-x: scroll;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}
.lobby-section--169 .lobby-section__grid-items::-webkit-scrollbar,
.lobby-section--169 .lobby-vod-section__videos::-webkit-scrollbar,
.lobby-section--vod .lobby-section__grid-items::-webkit-scrollbar,
.lobby-section--vod .lobby-vod-section__videos::-webkit-scrollbar {
  display: none;
  background-color: transparent;
}
.lobby-section--169 .lobby-section__grid-items::-webkit-scrollbar-track,
.lobby-section--169 .lobby-vod-section__videos::-webkit-scrollbar-track,
.lobby-section--vod .lobby-section__grid-items::-webkit-scrollbar-track,
.lobby-section--vod .lobby-vod-section__videos::-webkit-scrollbar-track {
  background: transparent;
}
.lobby-section--169 .lobby-section__grid-items::-webkit-scrollbar-button,
.lobby-section--169 .lobby-vod-section__videos::-webkit-scrollbar-button,
.lobby-section--vod .lobby-section__grid-items::-webkit-scrollbar-button,
.lobby-section--vod .lobby-vod-section__videos::-webkit-scrollbar-button {
  display: none;
}
.lobby-section--169 .lobby-section__grid-items,
.lobby-section--169 .lobby-vod-section__videos,
.lobby-section--vod .lobby-section__grid-items,
.lobby-section--vod .lobby-vod-section__videos {
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
@media (max-width: 1400px) {
  .lobby-section--169 .lobby-section__grid-items,
  .lobby-section--169 .lobby-vod-section__videos,
  .lobby-section--vod .lobby-section__grid-items,
  .lobby-section--vod .lobby-vod-section__videos {
    grid-auto-columns: 280px;
  }
}
@media (max-width: 1200px) {
  .lobby-section--169 .lobby-section__grid-items,
  .lobby-section--169 .lobby-vod-section__videos,
  .lobby-section--vod .lobby-section__grid-items,
  .lobby-section--vod .lobby-vod-section__videos {
    grid-auto-columns: 240px;
    grid-column-gap: 16px;
  }
}
@media (max-width: 768px) {
  .lobby-section--169 .lobby-section__grid-items,
  .lobby-section--169 .lobby-vod-section__videos,
  .lobby-section--vod .lobby-section__grid-items,
  .lobby-section--vod .lobby-vod-section__videos {
    grid-auto-columns: 80vw;
    grid-column-gap: 12px;
  }
}
@media (max-width: 480px) {
  .lobby-section--169 .lobby-section__grid-items,
  .lobby-section--169 .lobby-vod-section__videos,
  .lobby-section--vod .lobby-section__grid-items,
  .lobby-section--vod .lobby-vod-section__videos {
    grid-auto-columns: 85vw;
  }
}
.lobby-section--169 .lobby-section__grid-items.expanded,
.lobby-section--169 .lobby-vod-section__videos.expanded,
.lobby-section--vod .lobby-section__grid-items.expanded,
.lobby-section--vod .lobby-vod-section__videos.expanded {
  grid-auto-flow: row;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  overflow: visible;
  grid-row-gap: 24px;
}
@media (max-width: 1200px) {
  .lobby-section--169 .lobby-section__grid-items.expanded,
  .lobby-section--169 .lobby-vod-section__videos.expanded,
  .lobby-section--vod .lobby-section__grid-items.expanded,
  .lobby-section--vod .lobby-vod-section__videos.expanded {
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  }
}
@media (max-width: 768px) {
  .lobby-section--169 .lobby-section__grid-items.expanded,
  .lobby-section--169 .lobby-vod-section__videos.expanded,
  .lobby-section--vod .lobby-section__grid-items.expanded,
  .lobby-section--vod .lobby-vod-section__videos.expanded {
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  }
}
@media (max-width: 480px) {
  .lobby-section--169 .lobby-section__grid-items.expanded,
  .lobby-section--169 .lobby-vod-section__videos.expanded,
  .lobby-section--vod .lobby-section__grid-items.expanded,
  .lobby-section--vod .lobby-vod-section__videos.expanded {
    grid-template-columns: 1fr;
  }
}
.lobby-section--169 .lobby-vod-item,
.lobby-section--vod .lobby-vod-item {
  cursor: pointer;
  transition: transform 0.2s ease-in-out;
  transform-origin: center center;
}
.lobby-section--169 .lobby-vod-item:hover .lobby-vod-item__overlay,
.lobby-section--vod .lobby-vod-item:hover .lobby-vod-item__overlay {
  opacity: 1;
}
.lobby-section--169 .lobby-vod-item:hover .lobby-vod-item__play-button,
.lobby-section--vod .lobby-vod-item:hover .lobby-vod-item__play-button {
  transform: scale(1.1);
}
.lobby-section--169 .lobby-vod-item__media,
.lobby-section--vod .lobby-vod-item__media {
  position: relative;
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
}
.lobby-section--169 .lobby-vod-item__thumbnail,
.lobby-section--vod .lobby-vod-item__thumbnail {
  width: 100%;
  padding-top: 56.25%;
  background-color: #412786;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.lobby-section--169 .lobby-vod-item__overlay,
.lobby-section--vod .lobby-vod-item__overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background:
    linear-gradient(
      to bottom,
      transparent 50%,
      rgba(0, 0, 0, 0.8) 100%);
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.lobby-section--169 .lobby-vod-item__play-button,
.lobby-section--vod .lobby-vod-item__play-button {
  width: 56px;
  height: 56px;
  background: rgba(255, 255, 255, 0.95);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.2s ease-in-out;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
.lobby-section--169 .lobby-vod-item__play-button::after,
.lobby-section--vod .lobby-vod-item__play-button::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 16px;
  border-color: transparent transparent transparent #1a1a1a;
  margin-left: 3px;
}
.lobby-section--169 .lobby-vod-item__title,
.lobby-section--vod .lobby-vod-item__title {
  font-family: var(--font2);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #333;
  margin-top: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lobby-section--169 .lobby-vod-item__duration,
.lobby-section--vod .lobby-vod-item__duration {
  background: rgba(0, 0, 0, 0.8);
  color: white;
  font-size: 12px;
  font-weight: 500;
  padding: 2px 6px;
  border-radius: 4px;
  z-index: 2;
}
@media (max-width: 768px) {
  .lobby-section--169 .toggle,
  .lobby-section--vod .toggle {
    display: none !important;
  }
}
.vod-player-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  backdrop-filter: blur(20px);
  z-index: 1000;
}
.vod-player-overlay p {
  font-size: 1.2em;
  font-family: var(--font2);
  font-weight: 600;
  margin: 0 0 20px 0;
  text-align: center;
}
@media (max-width: 480px) {
  .vod-player-overlay p {
    font-size: 1.1em;
    margin: 0 0 16px 0;
    padding: 0 20px;
  }
}
#top-bar,
.top-bar {
  position: relative;
  padding: 6px 6px 14px;
  height: 70px;
  background: #412786;
  box-sizing: border-box;
  text-align: center;
}
#top-bar img,
.top-bar img {
  max-height: 100%;
  width: 70px;
  margin-left: 10px;
}
#top-bar {
  display: none;
}
.trust-elements {
  background: white;
  height: 104px;
  text-align: center;
  overflow: hidden;
}
.trust-elements img {
  height: 42px;
  margin: 40px 9px 30px;
}
.touch .trust-elements {
  white-space: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.gameproviders-elements {
  background: white;
  height: 95px;
  text-align: center;
  overflow: hidden;
}
.gameproviders-elements img {
  height: 60px;
  margin: 1px 9px 30px;
}
.touch .gameproviders-elements {
  white-space: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.partnership-elements {
  background: #382371;
  text-align: center;
}
.partnership-elements img {
  height: 80px;
  margin: 15px 0px 15px 10px;
}
.partnership-elements .fakeh3 {
  color: white;
  display: inline-block;
  font-weight: 500;
}
.main-banner h1,
.lander-middle-text {
  font-family: var(--font1);
  font-weight: 800;
  font-style: italic;
  font-size: 48px;
  text-transform: uppercase;
  color: #ffff00;
  margin-bottom: 20px;
}
.main-banner h1 em,
.lander-middle-text em {
  display: block;
  font-size: 82px;
  font-style: italic;
  color: #ffff00;
}
.lander-middle-text-2 {
  font-family: var(--font2);
  font-weight: 600;
  font-size: 24px;
  letter-spacing: 0.02em;
  color: white;
  margin: 15px 0 20px;
}
.lander-cta {
  margin: 0px;
  width: 100%;
  max-width: 100%;
  padding: 14px;
  font-size: 22px;
  font-family: var(--font2);
  font-weight: 700;
}
.lander-cta span {
  display: block;
  padding-top: 5px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.01em;
}
.gradientbg {
  background: rgb(0, 255, 248);
}
.welcome-banner {
  background: #9600ff;
  width: 100%;
  text-align: center;
  font-size: 16px;
  color: #fff;
  transition: all 0.25s ease-in;
  padding: 10px 0;
  top: 0;
  z-index: 4;
}
.welcome-banner p > * {
  padding-right: 4px;
}
.welcome-banner p > a {
  color: #fff;
}
#promo {
  min-height: 100%;
  background-color: #382371;
}
#promo h3 {
  font-size: 16px;
}
.top-lander {
  position: relative;
}
.top-lander > .lander-right-rays {
  position: absolute;
  right: -60%;
  top: -80%;
}
@keyframes opac {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  0% {
    opacity: 0;
  }
}
.top-lander-wrap {
  padding: 30px;
}
.top-lander-bg1 {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #6f00ff;
  opacity: 1;
}
.top-lander-bg2 {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #6f00ff;
}
@keyframes lander-button-load {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
.landing-video-wrap p {
  font-size: 12px;
  color: #fff !important;
}
.landing-video-wrap a {
  color: #fff !important;
}
.lander-buttons {
  text-align: center;
  width: 84%;
  margin: 0 auto;
}
.lander-buttons .disclaimer {
  font-size: 12px;
  word-wrap: break-word;
}
.lander-buttons .disclaimer a {
  color: white !important;
}
.lander-buttons {
}
.main-banner {
  padding: 32px;
}
.main-banner p {
  color: white;
}
.main-banner button {
  margin-right: 16px;
}
.lander-image {
  position: absolute;
  top: 0;
  bottom: 0;
}
.lander-image img {
  max-height: 100%;
  height: 100%;
  max-width: none;
}
.lander-left-image {
  left: 0;
}
.lander-right-image {
  right: 0;
}
.lander-right-image img {
  float: right;
}
.lander-main {
  padding: 12px;
  max-width: 385px;
  margin: 0 auto;
  background: #412786;
  border-radius: 20px;
  text-align: center;
  position: relative;
}
.lander-main p {
  margin: 15px 0 0;
  color: white;
  font-family: var(--font2);
  font-weight: 600;
  font-size: 14px;
}
.lander-border-wrap {
  padding: 5px;
  border-radius: 14px;
  background: #00fff8;
}
.lander-inner {
  background: #412786;
  padding: 30px;
  border-radius: 10px;
}
.user-banner img {
  max-height: 120px;
  margin-bottom: 10px;
}
#top-games-promo {
  z-index: 5;
  position: relative;
  background-color: #fff;
}
#top-games-promo .games-and-categories {
  max-width: 1200px;
  padding: 20px 22px;
  margin: 0 auto;
  text-align: center;
}
#top-games-promo .games-and-categories img {
  display: block;
  width: 200px;
  height: auto;
  border-radius: 10px;
}
#top-games-promo a {
  display: inline-block;
  width: 18%;
  max-width: 200px;
  margin: 0 0.7% 2%;
  font-family: var(--font2);
  font-weight: 600;
  font-size: 16px;
  position: relative;
}
#top-games-promo .game-name {
  font-family: var(--font2);
  display: block;
  margin: 0;
  text-align: left;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding-top: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#top-games-promo .categories a {
  background: #6900ff;
  color: #fff;
  text-decoration: none;
  text-align: center;
  border-radius: 10px;
}
#top-games-promo .categories a:after {
  content: "";
  display: inline-block;
  padding-bottom: 100%;
}
#top-games-promo .categories a img {
  position: absolute;
  top: 0%;
  left: 50%;
  width: 75%;
  transform: translateX(-50%);
  border-radius: 0;
}
#top-games-promo .category-slots img {
  width: 48%;
  top: 20%;
  left: 55%;
}
#top-games-promo .category-live-casino img {
  width: 42%;
  top: 17%;
}
#top-games-promo .category-name {
  position: absolute;
  bottom: 14%;
  left: 0;
  width: 100%;
  padding: 0 8%;
  font-size: 14px;
  font-family: var(--font2);
  font-weight: 800;
  box-sizing: border-box;
  white-space: normal;
}
#top-games-promo .category-name:after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 30%;
  width: 40%;
  height: 2px;
  background: #fff;
  transform-origin: center center;
  transform: scaleX(0);
}
#top-games-promo .categories a:hover .category-name:after {
  transform: scaleX(1);
}
.touch #top-games-promo .games,
.touch #top-games-promo .categories {
  white-space: nowrap;
  overflow: hidden;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.get-more-header {
  padding-top: 120px;
  width: 50%;
  margin: 16px auto;
}
#get-more-promo {
  height: auto;
  text-align: center;
  position: relative;
  padding: 50px 30px 60px;
  color: white;
  background:
    linear-gradient(
      135deg,
      #ed4d5e 0%,
      #7008cb 31%,
      #3f0198 69%,
      #1bb7f7 100%);
}
#get-more-promo .get-more-promo__text {
  display: block;
  width: 660px;
  height: auto;
  max-width: 100%;
  margin: 0 auto 40px;
}
#get-more-promo .get-more-inner {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin: 0 0 10px;
}
#get-more-promo .get-more-inner li {
  margin: 0 30px 30px;
}
#get-more-promo .get-more-inner img {
  width: 100px;
  height: 100px;
}
#get-more-promo .get-more-inner p {
  margin: 0;
  padding: 40px 0;
  font-family: var(--font2);
  font-weight: 600;
  line-height: 20px;
}
#get-more-promo .btn-cyan-ghost {
  padding: 12px 24px;
}
.landing-video-wrap {
  width: 720px;
  max-width: 100%;
  margin: 0 auto 30px;
  box-sizing: border-box;
}
#cta-promo .promo-img-right {
  position: absolute;
  right: 50px;
  z-index: 1;
  animation: dot-bounce 1.3s ease infinite;
}
#cta-promo .promo-img-right img {
  height: 200px;
  width: auto;
  max-width: none;
  float: right;
}
#cta-promo .promo-img-left {
  position: absolute;
  left: 50px;
  z-index: 1;
  animation: dot-bounce 1.3s ease infinite 0.7s;
}
#cta-promo .promo-img-left img {
  height: 200px;
  width: auto;
  max-width: none;
}
#cta-promo {
  text-align: center;
  background: rgb(65, 39, 134);
  padding: 70px 0;
}
#cta-promo .cta-promo-header {
  font-family: var(--font1);
  font-weight: 800;
  font-style: italic;
  color: #ffff00;
  font-size: 50px;
  text-transform: uppercase;
  margin: 0 5% 20px 5%;
}
#cta-promo button,
#cta-promo .button {
  font-size: 20px;
  padding: 20px 40px;
  width: auto;
}
#instantplay-promo {
  padding: 32px;
  text-align: center;
  background: #fff;
}
#instantplay-promo > img {
  width: 200px;
}
#instantplay-promo ul {
  margin-top: 40px;
}
#instantplay-promo ul li {
  vertical-align: top;
  display: inline-block;
  width: 19%;
  margin: 0 2.5%;
}
#instantplay-promo ul li img {
  width: 100px;
  height: 100px;
}
#instantplay-promo ul li .fakeh3 {
  display: block;
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  margin: 30px 0;
  word-break: break-word;
  font-family: var(--font2);
}
#customer-support-promo {
  line-height: var(--line-height-base, 1.5em);
  background: rgb(255, 255, 0);
  background: -moz-linear-gradient(left, rgb(255, 255, 0) 0%, rgb(255, 86, 82) 100%);
  background: -webkit-linear-gradient(left, rgb(255, 255, 0) 0%, rgb(255, 86, 82) 100%);
  background:
    linear-gradient(
      to right,
      rgb(255, 255, 0) 0%,
      rgb(255, 86, 82) 100%);
  padding: 140px 60px;
  position: relative;
  text-align: center;
}
#customer-support-promo .fakeh2 {
  font-family: var(--font2);
  font-weight: 800;
  font-size: 30px;
  line-height: 36px;
  margin-top: 0;
  margin-bottom: 36px;
}
#customer-support-promo ul {
  list-style: disc;
  margin-left: 1em;
  font-family: var(--font2);
  font-weight: 600;
  font-size: var(--font-size-base, 18px);
  line-height: 20px;
}
#customer-support-promo li {
  margin-top: 20px;
  margin-bottom: 20px;
}
.landingpage-faq-section {
  padding: 32px;
  background: #fff;
  text-align: center;
}
.cs-top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100px;
  background: url(https://s-assets.rootz.com/wildz.com/jagged_edge_white.png) repeat-x;
  background-size: auto 100px;
}
.cs-inner {
  position: relative;
  max-width: 600px;
  z-index: 2;
  display: inline-block;
  text-align: left;
  padding-right: 20vw;
}
@media (max-width: 550px) {
  .cs-inner {
    padding-right: 0;
  }
}
.cs-right {
  position: absolute;
  height: 110%;
  bottom: 0;
  z-index: 1;
  width: 90vw;
}
.cs-right img {
  height: 100%;
  width: auto;
  max-width: none;
  right: 0;
  position: relative;
  padding-left: 50vw;
}
.cs-left {
  height: 300px;
  bottom: 0;
  z-index: 1;
  display: inline-block;
  padding-right: 16px;
}
.cs-left img {
  height: 100%;
  width: auto;
  max-width: none;
}
@media (max-width: 1150px) {
  #customer-support-promo {
    padding: 90px 40px 50px;
  }
  .cs-top {
    background-size: auto 50px;
  }
  .cs-right,
  .cs-left,
  .promo-img-left,
  .promo-img-right {
    display: none;
  }
}
@media (max-width: 960px) {
  .top-lander-wrap {
    padding: 5% 8%;
  }
  .lander-main {
    max-width: 260px;
  }
  .lander-main p {
    font-size: 12px;
    margin-top: 10px;
  }
  .lander-inner {
    padding: 10px 20px;
  }
  .lander-middle-text {
    font-size: 32px;
  }
  .lander-middle-text em {
    font-size: 64px;
    line-height: 0.94;
    margin: 6px 0;
  }
  .lander-middle-text-2 {
    font-size: var(--font-size-base, 18px);
    margin: 8px 0;
  }
  .lander-buttons {
    width: 100%;
  }
  .lander-cta {
    font-size: var(--font-size-base, 18px);
    padding: 12px;
  }
  .lander-cta span {
    font-size: 12px;
  }
  .lander-left-image,
  .lander-right-image {
    display: none;
  }
  #top-games-promo .games-and-categories {
    padding: 4%;
    text-align: left;
  }
  #top-games-promo .games {
    overflow: hidden;
  }
  #top-games-promo a {
    margin: 0 1.1% 3%;
    width: 22%;
  }
  #top-games-promo a .game-hover {
    padding-top: 75%;
  }
}
@media (max-width: 800px), (max-height: 500px) {
  #top-bar {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .top-bar-on-gaming-logo {
    position: absolute;
    right: 15px;
    min-width: 22%;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
  }
  .get-more-header {
    padding-top: 0;
  }
  #cta-promo .cta-promo-header {
    font-size: 4em;
  }
  #instantplay-promo ul li {
    width: 42%;
  }
  #customer-support-promo {
    padding: 90px 8% 50px;
  }
  #customer-support-promo h2 {
    font-size: 24px;
    line-height: 26px;
    margin-bottom: 20px;
  }
  #customer-support-promo ul {
    font-size: 16px;
  }
  #customer-support-promo li {
    padding-left: 0;
  }
  #new-favorites-promo {
    align-content: center;
  }
  #new-favorites-promo .new-favorites-image {
    padding-top: 0;
    margin: 0 auto 30px;
  }
  #new-favorites-promo .new-favourites-text-area {
    margin-right: auto;
    margin-left: auto;
    width: 80%;
  }
  #new-favourites-header {
    margin-bottom: 20px;
  }
  #get-more-promo {
    padding: 20px 20px 40px;
  }
  #get-more-promo .get-more-promo__text {
    margin-bottom: 30px;
  }
  #get-more-promo .get-more-inner img {
    width: 80px;
    height: 80px;
  }
  #get-more-promo .get-more-inner p {
    padding: 10px 0 10px 0;
  }
}
@media (max-width: 600px) {
  .lander-main {
    text-align: center;
  }
  #top-games-promo .games-andcategories {
    padding: 5% 2.5%;
  }
  #top-games-promo a {
    margin: 0 1.1% 3.33%;
    width: 30%;
  }
  #get-more-promo .get-more-inner li {
    width: 100%;
    justify-content: left;
    margin: 0 0 20px;
  }
}
@media (max-width: 400px) {
  #top-games-promo a {
    margin: 0 2% 5%;
    width: 45%;
  }
  .mobile #top-games-promo a {
    width: 42%;
  }
  .welcome-banner h1 {
    font-size: 42px;
  }
  .main-banner button {
    margin-bottom: 8px;
  }
}
@media (max-width: 550px) {
  .cs-inner {
    padding-right: 0;
  }
  .partnership-elements img {
    height: 70px;
  }
  .partnership-elements .fakeh3 {
    font-size: 16px;
  }
}
@media (max-width: 380px) {
  .partnership-elements img {
    height: 60px;
  }
  .partnership-elements .fakeh3 {
    font-size: 14px;
  }
}
@media (max-width: 340px) {
  .partnership-elements .fakeh3 {
    display: block;
  }
}
.banner-img-item {
  border-radius: 10px;
}
.user-banner .lander-main {
  max-width: 300px;
}
.user-banner .lander-middle-text-2 {
  font-size: var(--font-size-base, 18px);
  line-height: 1.1em;
}
.logout-section {
  text-align: center;
  position: relative;
  overflow: hidden;
}
.logout-section .main-banner h2 {
  color: white;
}
.logout-section button {
  z-index: 1;
  position: relative;
}
.landing_cooperationwith {
  text-align: center;
  font-weight: 700;
  background-color: #382371;
}
.landing_cooperationwith div {
  display: inline-block;
  padding: 30px;
}
.landing_cooperationwith div a img {
  width: 200px;
  filter: grayscale(100%);
}
.landing_cooperationwith div a img:hover {
  filter: none;
}
.landing_casino_container {
  background-color: #382371;
  padding-top: 25px;
}
.landing_cooperationwith_hrContainer {
  background-color: #382371;
}
.landing_cooperationwith_hrContainer .landing_cooperationwith_hr {
  padding: 0;
  margin: 0;
  width: 95%;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
}
.landing_cooperationwith_hrContainerMax {
  padding: 15px;
}
.landing_cooperationwith_hrContainerMax .landing_cooperationwith_hr {
  border-top: 1px solid #6f00ff;
  padding: 0;
  margin: 0;
  width: 85%;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media only screen and (max-width: 1024px) {
  .bonusterms-panelwrapper .bonusterms-panel {
    margin-left: 25px !important;
    margin-right: 25px !important;
  }
}
.bonusterms-panelwrapper {
  position: relative;
  color: #8478a7;
  min-height: 100px;
  transition: height 0.66s ease-out;
}
.bonusterms-panelwrapper .bonusterms-panel {
  position: relative;
  margin: 2em auto;
  min-height: 250px;
  max-height: 250px;
  overflow: hidden;
  transition: max-height 0.1s ease;
  scrollbar-color: #6652ba #412786;
  padding-right: 1em;
  margin-left: 100px;
  margin-right: 80px;
}
.bonusterms-panelwrapper .bonusterms-panel a {
  color: white;
}
.bonusterms-panelwrapper .bonusterms-panel h1 {
  margin: 0;
}
.bonusterms-panelwrapper .bonusterms-panel iframe {
  margin-left: -8px;
}
.bonusterms-panelwrapper .panel-fade {
  background:
    linear-gradient(
      to bottom,
      rgba(56, 35, 113, 0) 0%,
      #382371 75%);
  height: 50px;
  margin-top: -90px;
  position: relative;
}
.underTopBannerText {
  padding: 15px;
  text-align: center;
  color: #fff;
}
.fakeh2 {
  font-family: var(--font2);
  font-weight: 700;
  margin: 0.8em 0 0.3em;
  font-size: 30px;
  line-height: 36px;
}
.fakeh3 {
  font-family: var(--font2);
  font-weight: 600;
  margin: 0.8em 0 0.3em;
  font-size: 1.1em;
  line-height: 1.2;
}
span.fakeh2,
span.fakeh3 {
  display: block;
}
.base-content.news-list {
  margin: 0.5em 1.5em;
}
.base-content.news-list .row {
  grid-template-columns: repeat(1, 1fr);
}
.base-content.news-list > h1 {
  padding: 0.5em 0;
}
@media (min-width: 800px) {
  .base-content.news-list {
    margin: 0.5em 2.5em;
  }
  .base-content.news-list .row {
    display: grid;
    grid-column-gap: 10px;
    box-sizing: border-box;
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (min-width: 800px) and (min-width: 1000px) {
  .base-content.news-list .row {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 800px) and (min-width: 1200px) {
  .base-content.news-list .row {
    grid-template-columns: repeat(3, 1fr);
  }
}
.overlay {
  height: 3em;
  overflow: hidden;
  background: #412786;
  color: white;
  padding: 1px 0 1px 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.overlay h3 {
  font-size: 16px;
  margin: 0.4em 0 0.4em 14px;
  font-weight: 600;
}
@media (max-width: 800px) {
  .overlay h3 {
    font-weight: 400;
  }
}
.overlay__tag.tag-news {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 13px;
}
.column {
  width: 100%;
  max-height: 450px;
  max-width: 750px;
  box-sizing: border-box;
  position: relative;
}
.column a:link {
  text-decoration: none;
}
.column .news-container {
  overflow: hidden;
  border-radius: 8px;
  position: relative;
}
.news-date {
  overflow: hidden;
  position: absolute;
  left: 10px;
  top: 10px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  padding: 6px 12px 6px 12px;
  border-radius: 8px;
  font-weight: bold;
}
.row:after {
  content: "";
  display: table;
  clear: both;
}
.news-thumbnail {
  height: auto;
}
@media (max-width: 1050px) {
  .column {
    width: 100%;
  }
  .column a .overlay {
    max-height: 8em;
  }
}
.tags-container {
  margin-bottom: 10px;
}
.tags-container ul {
  margin: 16px -4px;
  padding-left: 0 !important;
}
.tags-container ul li {
  padding: 0 4px 8px 4px;
}
.tags-container ul li a {
  text-decoration: none;
}
.main-content-area.game-view-visible {
  min-height: 100vh;
}
.game-category-wrap {
  padding-top: 30px;
}
.game-category-wrap h1,
.game-category-wrap .base-content {
  max-width: 800px;
  margin: 0 auto;
  padding-left: 30px;
  padding-right: 30px;
}
.game-category-wrap {
}
.game-category-wrap .game-list {
  padding-left: 0px;
  display: flex;
  flex-flow: row wrap;
  margin: 60px 0;
  padding-top: 30px;
  border-top: 1px solid #eee;
  list-style: none;
}
.game-category-wrap .game-list li {
  width: 50%;
  margin: 0 0 10px;
}
.game-category-wrap .game-list .game-list__letter {
  width: 100%;
  margin: 0;
  padding: 30px 0 15px;
  font-family: var(--font2);
  font-size: 24px;
  font-weight: bold;
}
.faq-list__letter {
  width: 100%;
  margin: 0;
  padding: 30px 0 15px;
  font-family: var(--font2);
  font-size: 24px;
  font-weight: bold;
}
.exclusiveOverlayImage {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url(https://s-assets.rootz.com/wildz.com/exclusive-thumbnail.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  bottom: 30px;
  border-radius: 10px;
}
.qd-cont {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #382371;
  min-height: 60px;
  transition: all 0.2s ease;
}
.qd-cont .cashier-section {
  border: 0;
  padding: 0;
  margin: 0;
}
.qd-cont .cashier-section input,
.qd-cont .cashier-section .cashier-currency {
  color: #fff;
}
.qd-cont .cashier-section input::placeholder {
  color: #fff;
}
.qd-cont.bottom {
  bottom: 0;
}
.qd-cont .gv-buttons,
.qd-cont .amount,
.qd-cont .cvc,
.qd-cont .submit {
  opacity: 0.4;
}
.qd-cont:focus-within .gv-buttons,
.qd-cont:focus-within .amount,
.qd-cont:focus-within .cvc,
.qd-cont:focus-within .submit {
  opacity: 1;
}
.qd-cont-mobile {
  bottom: 0;
  z-index: 21;
  position: fixed;
  width: 100vw;
  border-radius: 30px 30px 0 0;
  background-color: #382371;
  transition: all 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96);
  transform: translate3d(0, 500px, 0);
}
.qd-cont-mobile button[name=close] {
  background: url(https://s-assets.rootz.com/wildz.com/arrow-button-white.svg);
  bottom: 25px !important;
  right: 20px !important;
  top: unset !important;
}
.qd-cont-mobile.showQuick {
  transform: translate3d(0, 0, 0);
}
.qd-cont-mobile .quick-deposit {
  padding: 0;
  margin: 0;
  height: unset;
}
.qd-cont-mobile .quick-deposit form {
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}
.qd-cont-mobile .quick-deposit form .payment-method {
  border-radius: 0;
  height: 32px;
  padding: 28px 10px 0 0;
}
.qd-cont-mobile .quick-deposit form .payment-method img {
  display: inline-block;
  max-width: 60px;
  height: 24px;
}
.qd-cont-mobile .quick-deposit form .payment-method p {
  padding-left: 4px;
  display: inline-block;
  line-height: 1.2em;
  font-size: 12px;
}
.qd-cont-mobile .quick-deposit form .cvc {
  padding: 20px 10px 0 0;
}
.qd-cont-mobile .quick-deposit form .cvc input {
  max-width: 70px;
  text-align: center;
  color: #fff;
}
.qd-cont-mobile .quick-deposit form .amount .input-container {
  width: 125px;
  display: inline-block;
}
.qd-cont-mobile .quick-deposit form .amount .input-container input {
  max-width: 115px !important;
  color: #fff;
}
.qd-cont-mobile .quick-deposit form .amount .input-container .cashier-currency {
  font-family: var(--font2);
  font-size: 14px;
  left: 78%;
  color: #fff;
}
.qd-cont-mobile .quick-deposit form .submit-wrap {
  border-radius: 0;
  display: inline-block;
}
.qd-cont-mobile .quick-deposit form .submit-wrap .submit {
  width: 150px;
}
.quick-deposit {
  display: flex;
  justify-content: center;
}
.quick-deposit form {
  display: flex;
  flex-flow: row;
  margin: 0;
}
.quick-deposit .qd-block {
  padding: 10px 10px 10px 0;
}
.quick-deposit .qd-block img {
  display: block;
  margin: 0 auto;
  max-width: 80px;
  max-height: 28px;
}
.quick-deposit .qd-block p {
  font-size: 10px;
  line-height: 12px;
  margin: 0;
  color: #fff;
}
.quick-deposit .payment-method {
  border-radius: 30px 0 0 30px;
  padding-left: 25px;
  cursor: pointer;
}
.quick-deposit .submit-wrap {
  border-radius: 0 30px 30px 0;
  padding: 10px 10px 10px 0;
}
.quick-deposit .submit {
  display: block;
  width: auto;
  margin: 0;
}
.quick-deposit input {
  max-width: 100px;
  height: 42px !important;
  margin: 0 !important;
  padding: 0 10px;
  border: 2px solid #fff;
  background: none;
}
.quick-deposit input:focus {
  background: none;
  border: 2px solid #fff;
}
.quick-deposit .cvc input {
  max-width: 70px;
  text-align: center;
}
.quick-deposit .cvc input::placeholder {
  color: #fff;
  opacity: 1;
}
.quick-deposit .amount input {
  text-align: right;
  padding-right: 45px;
}
.quick-deposit .amount .cashier-currency {
  font-family: var(--font2);
  font-size: 14px;
  right: 12px;
}
.quick-deposit .error-wrap {
  border-radius: 0 30px 30px 0;
  padding: 10px 10px 10px 0;
}
.quick-deposit .error-text {
  padding: 10px 0 0 0;
}
@media all and (max-width: 900px) {
  .quick-deposit {
    justify-content: left;
  }
}
.account-spinback > div {
  max-width: 118px;
}
.account-spinback {
  border-bottom: 1px solid #eee;
}
.spinback-indicator {
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  padding-top: 100%;
  color: #412786;
}
.spinback-indicator h3 {
  margin: 0;
  font-size: 42px;
  text-transform: uppercase;
}
.spinback-indicator p {
  margin: 0;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
}
.spinback-indicator.spinback-disabled {
  opacity: 0.3;
}
.spinback-indicator .spinback-logo {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.spinback-bg {
  border-radius: 50%;
  background:
    linear-gradient(
      -45deg,
      #6f00ff 0%,
      #ff5652 50%,
      #ffff00 100%);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.spinback-win {
  animation: spinning 0.5s linear 0s 2;
}
.spinback-wrapper {
  padding: 16px;
  text-align: center;
  position: relative;
  transform: scale(0.9);
  height: 125px;
}
.spinback-cont {
  display: inherit;
  text-align: center;
  margin: 16px 0;
  transform: translateX(-150%);
  transition: transform 0.25s ease;
}
.spinback-wrapper .spinback-cont {
  margin: 8px 32px 0;
  top: 0;
  left: 0;
  right: 0;
  position: absolute;
}
.spinback-cont.show-notification {
  transform: translateX(0%);
}
.spinback-circle {
  border-radius: 50%;
  border: 6px #412786 solid;
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  transform: scale(0.9);
  transition: transform 0.25s ease;
  top: 0;
  bottom: 0;
}
.spinback-message {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.spinback-winmessage {
  font-size: 16px;
  padding-top: 8px;
  font-family: var(--font1);
  font-weight: 600;
  text-transform: uppercase;
  font-style: italic;
  letter-spacing: 0.02em;
  color: #ffa767;
  text-align: center;
}
.smn-bounce-up {
  animation: bounce-up 0.75s ease 0s;
}
.smn-ltr-in {
  animation: ltr-in 0.75s ease 0s;
}
.smn-ltr-out {
  animation: ltr-out 0.75s ease 0s;
}
#bottom-notification {
  display: none;
  padding-bottom: 0px;
}
#bottom-notification .spinback-cont {
  display: flex;
  transform: translateX(-999%);
  transition: transform 0.25s ease;
}
#bottom-notification .spinback-cont.show-notification {
  display: flex;
  transform: translateX(0%);
  padding-left: 5px;
  align-items: center;
}
#bottom-notification .spinback-cont.show-notification .spinback-indicator {
  padding-top: 0;
  width: 25px;
  height: 25px;
  position: absolute;
}
#bottom-notification .spinback-cont.show-notification .spinback-indicator .spinback-bg {
  width: 25px;
  height: 25px;
}
#bottom-notification .spinback-cont.show-notification .spinback-indicator .spinback-circle {
  border: 2px #412786 solid;
}
#bottom-notification .spinback-cont.show-notification .spinback-indicator h3 {
  font-size: 16px;
}
#bottom-notification .spinback-cont.show-notification .spinback-winmessage {
  padding-left: 34px;
  padding-top: 2px;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
}
.spinbackOverlayImage {
  position: absolute;
  bottom: 34px;
  width: 60px !important;
  height: 60px;
  right: 6px;
  background-image: url(https://s-assets.rootz.com/wildz.com/spinback_symbol_200px.png);
  background-repeat: no-repeat;
  background-size: contain;
}
ul.tag-list li {
  display: inline-block;
  color: #412786;
  text-transform: uppercase;
  list-style: none;
  line-height: 20px;
}
.tag {
  line-height: inherit;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-align: center;
  padding: 4px 8px 4px 8px;
  font-size: 11px;
  text-decoration: none;
  transition: transform 0.1s ease-in-out;
  border-radius: 50px;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
  font-family: var(--font2);
}
.tag-news {
  padding: 6px 14px;
  border-radius: 8px;
  font-family: var(--font2);
  font-weight: 700;
}
.tag-purple {
  background: #6f00ff;
  color: white;
}
.tag-purple:hover,
.tag-purple:enabled,
.tag-purple:focus {
  background: #2cfef7;
  color: #412786;
}
.tag-cyan {
  background: #2cfef7;
  color: #412786;
}
.tag-cyan:hover,
.tag-cyan:enabled,
.tag-cyan:focus {
  background: #6f00ff;
  color: #fff;
}
.tag-grey {
  background: #f1f2f2;
  color: #6f00ff;
}
.tag-grey:hover,
.tag-grey:focus {
  background: #2cfef7;
  color: #412786;
}
.tag-black-transparent {
  background: black;
  color: white;
  background: rgba(0, 0, 0, 0.5);
}
.promo-overlay {
  position: absolute;
  background: black;
  opacity: 0.4;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
}
.promo-inner {
  position: relative;
  text-align: center;
  color: white;
  padding: 32px 16px;
}
.promo-inner img {
  width: 135px;
  padding-top: 32px;
}
.promo-inner div {
  color: #ffff00;
  margin-top: 40px;
  font-family: var(--font2);
  font-weight: 700;
  font-size: 2em;
  cursor: pointer;
}
.promo-inner button {
  display: inline-block;
  margin-bottom: 16px;
  margin-top: 24px;
}
#game-main-promo {
  position: relative;
  background: #412786;
  background:
    linear-gradient(
      135deg,
      rgb(127, 94, 247) 0%,
      rgb(111, 0, 255) 50%,
      rgb(65, 39, 135) 100%);
  background-size: cover;
}
.game-p {
  display: flex;
}
.game-p .col-s {
  flex: 30%;
}
.game-p .col-l {
  flex: 70%;
}
.support-page-lander {
  padding: 40px 40px 0;
  background: url(https://s-assets.rootz.com/wildz.com/support-page/background.jpg) no-repeat 60% 0;
  background-size: cover;
}
.support-page-lander__text-wrap {
  margin: 0 auto;
  max-width: 1000px;
  height: 400px;
  padding-right: 400px;
  background: url(https://s-assets.rootz.com/wildz.com/landingpage_support_right.png) no-repeat right 0;
  background-size: auto 400px;
  padding-top: 80px;
  box-sizing: border-box;
  text-align: center;
}
.support-page-lander__get-more {
  display: block;
  max-width: 100%;
}
.support-page-lander__text {
  font-family: var(--font2);
  font-weight: 600;
  font-size: 24px;
}
@media (max-width: 960px) {
  .support-page-lander {
    padding: 20px 20px 0;
  }
  .support-page-lander__text-wrap {
    background: none;
    max-width: 600px;
    height: auto;
    padding: 50px 0;
  }
}
body:after {
  display: none;
  content: url(https://s-assets.rootz.com/wildz.com/logo.svg);
}
.base-content-wrapper {
  text-align: center;
  margin-bottom: 0px;
}
.base-content-wrapper .main-banner-content {
  padding: 0;
  width: auto;
  display: inline-block;
}
.base-content-wrapper .main-banner-content img {
  height: auto;
}
.base-content-wrapper div.container {
  padding-top: 2em;
  display: flex;
  margin: 0 2em 0 2em;
}
@media (min-width: 900px) {
  .base-content-wrapper div.container {
    margin: 0 10%;
  }
}
.base-content-wrapper div.container .child {
  margin: auto;
}
.base-content-wrapper div.container .left {
  margin-right: auto;
  flex-grow: 1;
}
.base-content-wrapper .back-to {
  line-height: 30px;
  margin: 0 0 0 auto;
}
.base-content-wrapper .back-to a {
  font-size: 14px;
  font-weight: 600;
  position: relative;
  top: -14px;
}
.base-content-wrapper.content-footer {
  text-align: left;
  margin-bottom: 0;
}
.base-content-wrapper.content-footer .main-banner-content {
  width: 100%;
}
.base-content-wrapper.content-footer .main-banner-content .container {
  padding-top: 0;
}
.title-gradient {
  background: rgb(0, 255, 248);
  margin-bottom: 4em;
}
.title-gradient h1 {
  margin: 0;
  padding: 2.8em 3em 2.8em 10%;
  font-size: 1.5em;
  color: #fff;
}
@media (max-width: 900px) {
  .title-gradient {
    padding-left: 2em;
  }
  .title-gradient h1 {
    padding: 2.8em 3em 2.8em 0;
  }
}
.base-content {
  margin: 2em;
}
.base-content p {
  line-height: 1.45em;
  margin: 0 0 0.8em 0;
}
.base-content > h1 {
  padding: 2em 0 1em;
  margin-top: 0;
}
@media (max-width: 900px) {
  .base-content > h1 {
    padding-top: 0;
  }
}
@media (min-width: 900px) {
  .base-content {
    margin: 0 10% 5em 10%;
  }
}
.base-content ul {
  list-style-type: disc;
  list-style-position: outside;
  padding-left: 40px;
}
.base-content ol {
  list-style-type: decimal;
  list-style-position: outside;
  padding-left: 40px;
}
.base-content li {
  line-height: 1.45em;
}
.base-content .hover:hover {
  text-decoration-line: underline;
}
.base-content-wrapper li {
  margin-bottom: 0.5em;
}
.spillColumn {
  column-count: auto;
  column-width: 20rem;
}
.spillColumn p {
  margin: 0 0 8px 0;
}
.spillColumn p a {
  text-decoration: none;
}
@media (min-width: 1900px) {
  .spillColumn {
    column-count: 4;
  }
}
.base-content.hyperlinks a {
  text-decoration: underline;
  color: #6f00ff;
}
.base-content.hyperlinks h3 {
  margin-bottom: 4px;
}
.base-content.hyperlinks table {
  padding-top: 15px;
}
.base-content.hyperlinks h2 a {
  text-decoration: none;
}
.base-content.hyperlinks.news-content {
  margin-bottom: 0;
}
.loyalty-plus-title {
  max-height: 30px;
}
.loyalty-plus-top-lander {
  background: #412786;
  display: flex;
}
.loyalty-plus-left-image-container {
  display: none;
  width: 50%;
  max-height: 550px;
  padding-left: 6px;
}
.loyalty-plus-left-image-container img {
  width: auto;
  height: auto;
  max-height: 550px;
}
.loyalty-plus-main {
  width: 100%;
  position: relative;
  margin: 2em 0.5em;
}
@media all and (min-width: 950px) {
  .loyalty-plus-main {
    width: 50%;
    margin: 0;
    top: 0.6em;
  }
  .loyalty-plus-left-image-container {
    display: block;
  }
}
@media all and (min-width: 1000px) {
  .loyalty-plus-main {
    top: 0.5em;
    left: 2em;
    padding-right: 1.5em;
  }
}
.loyalty-plus-left-image-de {
  margin-top: 0;
}
.loyalty-plus-side-img {
  width: 150px;
  height: 150px;
}
.loyalty-plus-middle-text {
  font-family: var(--font2);
  font-size: 16px;
  letter-spacing: 0.02em;
  color: white;
  margin-left: 1em;
}
.loyalty-plus-middle-text h2 {
  margin: 0.8em 0;
}
.loyalty-plus-middle-text ul {
  list-style: disc !important;
  margin: 0 0 0 1em;
  padding: 0 10px 0 0;
}
.loyalty-plus-middle-text li {
  padding-bottom: 1em;
  line-height: var(--line-height-base, 1.5em);
  height: auto;
}
.loyalty-plus-middle-text h1 {
  margin: 20px 0 20px 0;
}
.align-horizontal {
  display: flex;
  flex-direction: row;
  align-items: end;
}
.amPhone {
  text-wrap: balance;
}
.info-section-split {
  display: flex;
  margin: 2em 2em 2em 2em;
}
.info-section-split .inner-section {
  margin: 0 auto;
  max-width: 400px;
}
.info-section-split .inner-section .top-img {
  width: 120px;
}
.info-section-split .inner-section .info-content {
  text-align: left;
}
.info-section-split .inner-section .info-content h2 {
  margin-bottom: 1em;
}
.info-section-split .inner-section .info-content ul {
  list-style: disc !important;
  padding: 0;
  margin: 0;
  margin-left: 1em;
  font-family: var(--font2);
  font-size: 16px;
}
.info-section-split .inner-section .info-content li {
  padding-bottom: 1em;
  line-height: var(--line-height-base, 1.5em);
  height: auto;
}
@media (max-width: 1000px) {
  .info-section-split {
    display: block;
  }
  .info-section-split .inner-section {
    margin: 2em 0 0 0;
  }
}
@media (max-width: 800px) {
  .loyalty-plus-main .loyalty-plus-middle-text {
    width: initial;
  }
}
.mudal__content.vip > .modal__inner > .loyalty-plus-bottom ul {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 16.5px;
}
.mudal__content.vip > .modal__inner > .loyalty-plus-bottom li {
  text-indent: -0.7em;
  line-height: var(--line-height-base, 1.5em);
  height: auto;
}
.mudal__content.vip > .modal__inner > .loyalty-plus-bottom li::before {
  content: "\2022  ";
  color: #6f00ff;
}
.loyalty-plus-left {
  border-right-style: solid;
  border-right-width: 2px;
  border-right-color: #d7d4dd;
  width: 45%;
  display: inline-block;
}
.loyalty-plus-left .segments .segments-path {
  transform: rotate(271deg);
  transform-origin: center;
}
.loyalty-plus-left .segments .segments-path path {
  stroke: #fff;
  stroke-width: 6;
}
.loyalty-plus-left .segments #center-percent-text {
  font-family: var(--font2);
  font-size: 24px;
  letter-spacing: 0.02em;
  font-weight: 700;
}
.loyalty-plus-bottom {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 0px 0px;
  grid-template-areas: "inner-section" "loyalty-am-section";
  border-top: 2px solid #d7d4dd;
  margin-top: 1em;
}
.loyalty-plus-bottom .inner-section {
  grid-area: inner-section;
  margin-bottom: 1em;
}
.loyalty-plus-bottom .inner-section .info-img {
  width: 20%;
  display: inline-block;
  margin: 1em;
}
.loyalty-am-section {
  grid-area: loyalty-am-section;
  display: flex;
  justify-content: space-between;
}
.loyalty-plus-right {
  width: 40%;
  display: inline-block;
  vertical-align: top;
  padding: 0.5em;
}
.loyalty-plus-right #cashback-cash-amount {
  color: #6f00ff;
  font-size: 30px;
  font-family: var(--font2);
  font-weight: 700;
  line-height: 28px;
  margin: 0.1em 0;
}
.loyalty-plus-right h5 {
  margin: 0 0 0.5em 0;
}
.loyalty-plus-right .cashback-clock {
  display: flex;
}
.loyalty-plus-right .cashback-clock .col {
  font-family: var(--font2);
  font-size: 10px;
  letter-spacing: 0.02em;
  font-weight: 550;
  text-align: center;
}
.loyalty-plus-right .cashback-clock .col div {
  font-size: 30px;
}
.loyalty-plus-right .cashback-clock .col div.digits {
  width: 38px;
}
.loyalty-plus-right .col {
  flex: 1;
}
.segment-complete {
  fill: #6f00ff;
}
.game-mobile {
  margin-left: 0px !important;
  position: fixed;
  transition: all 0.2s ease;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.game-mobile .iframe-cont {
  margin: 0;
  width: 100vw !important;
  bottom: 60px !important;
  max-height: unset;
  height: unset;
  position: absolute;
  top: 0;
}
.game-mobile .iframe-cont iframe {
  width: 100vw !important;
  position: unset;
}
.game-mobile .game-bg {
  background: black !important;
}
.notfound-lander {
  background: rgb(255, 249, 3);
}
.notfound-lander .info-section {
  overflow: hidden;
  position: relative;
}
.notfound-lander .info-section .inner-section {
  padding-top: 10%;
  padding-left: 6%;
  margin-bottom: 100px;
}
.notfound-lander .info-section .inner-section .info-content {
  max-width: 50%;
}
.notfound-lander .info-section .inner-section .info-content a {
  text-decoration: underline;
}
.notfound-lander .info-section h1 {
  margin: 0;
  font-size: 1.5em;
}
@media (max-width: 1024px) {
  .notfound-lander .info-section .inner-section .info-content {
    max-width: 70%;
  }
  .notfound-lander .info-section .side-img {
    display: none;
  }
}
.body-unscroll {
  overflow: hidden;
}
.modal__content--standalone {
  background-color: transparent !important;
}
.modal__content--standalone .item-container--modal-pop-up {
  border-radius: 32px;
  box-shadow: none;
  background: transparent;
  padding: 10px 20px 30px;
  opacity: 0;
  transform: scale(0.95);
}
.modal__content--standalone .item-container {
  max-width: 260px;
}
.modal__content--standalone .xmas-gift__claim-btn {
  max-width: 200px;
}
.modal__content--standalone .xmas-gift__close-button-container {
  position: absolute;
  left: 50%;
  top: 14px;
  transform: translateX(94px);
}
.modal__content--standalone .xmas-gift__close-button svg {
  cursor: pointer;
}
.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 1072;
  overflow-y: scroll;
}
.modal .modal__header,
.modal .modal__header-menu {
  font-family: var(--font2);
  font-size: 21px;
  font-weight: 500;
  color: #fff;
  line-height: 30px;
  background: #6f00ff;
  color: #fff;
  position: relative;
  z-index: 100;
}
.modal .modal__header .modal__title {
  margin: 0;
  font-family: var(--font2);
  font-size: 21px;
  font-weight: 500;
  color: #fff;
  text-align: left;
}
.modal .modal__header.modal__header--only-button {
  z-index: 101;
  background-color: none;
  padding: 0;
  margin: 0;
}
.modal .modal__header {
  margin: 0 0 30px;
  padding: 15px 30px 15px 30px;
}
.modal .modal__header--closeable {
  padding-right: 66px;
}
.modal .modal__inner .modal__header {
  margin-left: -30px;
  margin-right: -30px;
}
.modal .modal__inner .modal__header-menu {
  margin-left: -30px;
  margin-right: -30px;
}
.modal .modal__content .modal__header {
  margin-left: 0;
  margin-right: 0;
}
.modal .modal__header-menu {
  padding: 10px 30px;
  margin: 0 0 30px 0;
  user-select: none;
}
.modal .modal__header-menu a {
  display: block;
  margin-right: 32px;
  padding: 5px 0;
}
.modal .modal__header-menu a.active,
.modal .modal__header-menu a:hover {
  color: #2cfef7;
}
.modal .modal__header-menu__item {
  display: flex;
}
.modal .modal__body {
  padding: 0 30px 30px 30px;
  grid-area: modal-body;
}
.modal .modal__body::-webkit-scrollbar {
  display: none;
}
.modal .modal__footer {
  grid-area: modal-footer;
  text-align: center;
}
.modal .modal__footer > * {
  display: block;
}
.modal .modal__footer a {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.modal .modal__footer button {
  margin: 10px;
}
.modal .modal__footer .review-consents__buttons {
  padding: 20px;
  display: grid;
  gap: 10px;
}
.modal .modal__footer .review-consents__buttons button {
  margin: 0;
}
.modal .modal__footer .review-consents__buttons a {
  text-decoration: underline;
  color: #6f00ff;
}
.modal .modal__content {
  position: relative;
  display: grid;
  grid-template-areas: "modal-header" "modal-body" "modal-footer";
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  overflow: hidden;
  margin: 0 auto;
}
.modal .modal__content {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 94vw;
  max-height: 94vh;
  max-width: 500px;
  border-radius: 1.3rem;
  padding: 0;
  grid-template-rows: auto 1fr auto;
  grid-template-columns: 100%;
  transform: translate(-50%, -50%);
}
.modal .modal__body {
  scrollbar-width: none;
  scrollbar-color: transparent transparent;
  overflow-y: scroll;
  box-sizing: border-box;
}
.modal .modal__header {
  grid-area: modal-header;
  box-sizing: border-box;
}
.modal .modal__body {
  grid-area: modal-body;
  box-sizing: border-box;
}
.modal.mandatoryConsentPending .modal__content {
  height: 75vh;
  top: 20px;
}
.modal.mandatoryConsentPending .modal--expandable .modal__second-body {
  height: 0;
  overflow: hidden;
}
.modal.mandatoryConsentPending .modal--expanded .modal__body {
  flex-shrink: 1;
}
.modal.mandatoryConsentPending .modal--expanded .modal__content {
  transition: height 0.5s ease-in-out;
}
.modal.mandatoryConsentPending .modal--expanded .modal__footer {
  flex-shrink: 0;
}
.modal.mandatoryConsentPending .modal--expanded .modal__second-body {
  border-top: 1px solid #dee2e6;
  flex-shrink: 0;
  position: absolute;
  left: 0;
  right: 0;
  background-color: #e0e0e0;
  padding: 10px;
  height: 35vh;
  bottom: 75px;
  display: block;
  transition: height 0.5s ease-in-out;
  overflow: scroll;
}
.modal.mandatoryConsentPending .modal__footer {
  grid-area: modal-footer;
  position: relative;
  width: -webkit-fill-available;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #f8f8f8;
  text-align: center;
  border-top: 1px solid #ccc;
  padding-top: 10px;
  margin-top: 0;
  border-bottom-left-radius: 14px;
  border-bottom-right-radius: 14px;
}
@media (max-width: 535px) {
  .modal.mandatoryConsentPending .modal__body .modal__body-container {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    text-align: left;
    justify-items: unset;
    overflow-x: hidden;
  }
  .modal.mandatoryConsentPending .modal__footer button {
    margin: 3px;
  }
}
@media (max-height: 400px) {
  .modal.mandatoryConsentPending .modal--expanded .modal__second-body {
    height: 72px;
  }
}
.modal.mandatoryConsentPending {
  scrollbar-width: none;
  scrollbar-color: transparent transparent;
  overflow-y: scroll;
}
.mandatoryConsentPending .modal__body-container {
  overflow-wrap: break-word;
}
.lugasRegistrationModal .modal__content {
  min-height: 120px;
  max-width: 100%;
  width: 80vw;
}
.lugasRegistrationModal .modal__content .modal__body {
  padding: 0;
}
.verify .modal__content {
  min-height: 120px;
  max-width: 500px;
  text-align: center;
}
.sidemodal.verify.sonio .mudal__content {
  max-width: 640px;
}
.sidemodal.verify.sonio .modal__content {
  max-width: none;
}
.sidemodal.verify.sonio .modal__header {
  z-index: 0;
}
.RealityCheck p,
.RealityCheck h2 {
  padding: 0;
  margin: 0;
}
.RealityCheck .modal__content {
  min-height: 120px;
  width: 92vw;
  max-width: 500px;
}
.RealityCheck .modal__body-container {
  grid-gap: 0;
  justify-items: left;
}
.RealityCheck .modal__footer div {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.ONYearlyReview label {
  display: inline-block;
  font-weight: 600;
  margin: 7px 0px;
}
.ONYearlyReview .modal__content {
  min-height: 120px;
  max-width: 500px;
}
.ONYearlyReview .modal__body-container {
  grid-gap: 0;
}
.ONYearlyReview .text-center {
  text-align: center;
}
.ONYearlyReview .field {
  margin: 0;
}
.GamePause .modal__body-container {
  border: none;
}
.GamePause .modal__content {
  max-width: 500px;
}
.linkConsent .modal__content {
  max-width: 100%;
}
.linkConsent .modal__footer {
  width: -webkit-fill-available;
}
.linkConsent span,
.linkConsent p {
  font-weight: bold;
}
.linkConsent hr {
  margin-top: 20px;
  margin-bottom: 20px;
}
.sidemodal.linkConsent .modal__footer .logo-container {
  border-radius: 0;
}
.GamePauseConfirm .modal__body {
  padding: 0 10px;
}
.GamePauseConfirm .modal__content {
  max-width: 500px;
}
.missingUserInfo .modal__body {
  padding: 0 10px;
}
.missingUserInfo .modal__content {
  min-height: 120px;
  max-width: 500px;
}
.missingUserInfo .text-center {
  text-align: center;
}
.missingUserInfo label {
  font-weight: bold;
}
.missingUserInfo .tickbox a {
  text-decoration: underline;
}
.missingUserInfo .tickbox a:hover,
.missingUserInfo .tickbox a:visited,
.missingUserInfo .tickbox a:active {
  text-decoration: underline;
}
.modal.video-player .modal__dialog {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  box-sizing: border-box;
}
.modal.video-player .modal__content {
  position: relative !important;
  transform: none !important;
  left: auto !important;
  top: auto !important;
  width: 100%;
  max-width: 1280px;
  height: auto;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
}
.modal.video-player .modal__close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 40px;
  height: 40px;
  background: rgba(0, 0, 0, 0.7);
  border: none;
  border-radius: 50%;
  cursor: pointer;
  z-index: 11;
  transition: background-color 0.2s;
}
.modal.video-player .modal__close:hover {
  background: rgba(0, 0, 0, 0.9);
}
.modal.video-player .modal__close::before,
.modal.video-player .modal__close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 2px;
  background: #fff;
  transform-origin: center;
}
.modal.video-player .modal__close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.modal.video-player .modal__close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.modal.video-player .modal__body {
  padding: 0 !important;
  overflow: hidden;
  line-height: 0;
  font-size: 0;
}
.modal.video-player .video-player-modal__container {
  width: 100%;
  background: #000;
  line-height: 0;
}
.modal.video-player .video-player-modal__iframe {
  max-width: 100%;
}
@media (max-width: 768px) {
  .modal.video-player .modal__dialog {
    padding: 10px;
  }
  .modal.video-player .modal__content {
    width: 100%;
    max-width: calc(100vw - 20px);
  }
  .modal.video-player .modal__close {
    width: 35px;
    height: 35px;
    top: 5px;
    right: 5px;
  }
}
.body-unscroll {
  overflow: hidden;
}
.modal__content--standalone {
  background-color: transparent !important;
}
.modal__content--standalone .item-container--modal-pop-up {
  border-radius: 32px;
  box-shadow: none;
  background: transparent;
  padding: 10px 20px 30px;
  opacity: 0;
  transform: scale(0.95);
}
.modal__content--standalone .item-container {
  max-width: 260px;
}
.modal__content--standalone .xmas-gift__claim-btn {
  max-width: 200px;
}
.modal__content--standalone .xmas-gift__close-button-container {
  position: absolute;
  left: 50%;
  top: 14px;
  transform: translateX(94px);
}
.modal__content--standalone .xmas-gift__close-button svg {
  cursor: pointer;
}
.menu > .modal__inner {
  padding-bottom: 0px;
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.mudal__shade,
.mudal {
  top: 0;
  position: absolute;
  -webkit-overflow-scrolling: touch;
  right: 0;
  transition: all 0.2s linear;
  left: 0;
  height: 100%;
  min-height: 100%;
  max-width: 400px;
}
.mudal__shade {
  position: fixed;
  top: -50%;
  height: 200%;
  background: #000;
  left: 0;
  opacity: 0;
  max-width: 100%;
  -webkit-overflow-scrolling: auto;
}
.mudal__container {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  display: table;
  margin-left: 200px;
}
.mudal__content {
  width: 100%;
  overflow-x: hidden;
  position: fixed;
  min-height: 100%;
  background: #fff;
  max-width: 400px;
}
.mudal__content img {
  max-width: 100%;
}
@media (max-width: 535px) {
  .mudal__content {
    max-width: 100%;
  }
}
.mudal__content::-webkit-scrollbar {
  display: none;
}
.sidemodal {
  z-index: 22;
  height: 100vh;
}
.sidemodal .modal__inner,
.sidemodal .modal__content {
  box-sizing: border-box;
  padding: 0 30px 30px 30px;
}
.sidemodal .modal__inner input,
.sidemodal .modal__inner select,
.sidemodal .modal__content input,
.sidemodal .modal__content select {
  display: block;
  margin-bottom: 16px;
  box-sizing: border-box;
}
.sidemodal .mudal__content > .modal__inner {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  grid-template-rows: auto 1fr;
  grid-template-areas: "modal-header" "modal-view";
}
.sidemodal .modal__view {
  padding-top: 30px;
  grid-area: modal-view;
}
.sidemodal .modal__header,
.sidemodal .modal__header-menu {
  font-family: var(--font2);
  font-size: 21px;
  font-weight: 500;
  color: #fff;
  line-height: 30px;
  background: #6f00ff;
  color: #fff;
  position: relative;
  z-index: 100;
}
.sidemodal .modal__header .modal__title {
  margin: 0;
  font-family: var(--font2);
  font-size: 21px;
  font-weight: 500;
  color: #fff;
  text-align: left;
}
.sidemodal .modal__header.modal__header--only-button {
  z-index: 101;
  background-color: none;
  padding: 0;
  margin: 0;
}
.sidemodal .modal__header {
  margin: 0 0 30px;
  padding: 15px 30px 15px 30px;
}
.sidemodal .modal__header--closeable {
  padding-right: 66px;
}
.sidemodal .modal__inner .modal__header {
  margin-left: -30px;
  margin-right: -30px;
}
.sidemodal .modal__inner .modal__header-menu {
  margin-left: -30px;
  margin-right: -30px;
}
.sidemodal .modal__content .modal__header {
  margin-left: 0;
  margin-right: 0;
}
.sidemodal .modal__header-menu {
  padding: 10px 30px;
  margin: 0 0 30px 0;
  user-select: none;
}
.sidemodal .modal__header-menu a {
  display: block;
  margin-right: 32px;
  padding: 5px 0;
}
.sidemodal .modal__header-menu a.active,
.sidemodal .modal__header-menu a:hover {
  color: #2cfef7;
}
.sidemodal .modal__header-menu__item {
  display: flex;
}
.sidemodal .modal__content {
  position: relative;
  display: grid;
  grid-template-areas: "modal-header" "modal-body" "modal-footer";
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  overflow: hidden;
  margin: 0 auto;
}
.sidemodal .modal__body {
  padding: 0 30px 30px 30px;
  grid-area: modal-body;
}
.sidemodal .modal__body::-webkit-scrollbar {
  display: none;
}
.sidemodal .modal__footer {
  grid-area: modal-footer;
  text-align: center;
}
.sidemodal .modal__footer > * {
  display: block;
}
.sidemodal .modal__footer a {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.sidemodal .modal__footer button {
  margin: 10px;
}
.sidemodal .modal__footer .review-consents__buttons {
  padding: 20px;
  display: grid;
  gap: 10px;
}
.sidemodal .modal__footer .review-consents__buttons button {
  margin: 0;
}
.sidemodal .modal__footer .review-consents__buttons a {
  text-decoration: underline;
  color: #6f00ff;
}
.sidemodal .modal__header {
  margin-bottom: 0;
  padding: 15px 66px 15px 30px;
}
.sidemodal {
}
.sidemodal .modal__dialog {
  height: 100%;
}
.sidemodal .modal__dialog.modal--expandable .modal__second-body {
  height: 0;
  overflow: hidden;
}
.sidemodal .modal__dialog.modal--expandable .modal__content {
  grid-template-areas: "modal-header" "modal-body" "modal-second-body" "modal-footer";
  grid-template-rows: auto 1fr 0fr auto;
  transition: 500ms;
}
.sidemodal .modal__dialog.modal--expandable .modal__second-body {
  grid-area: modal-second-body;
  overflow: hidden;
  height: 0;
}
.sidemodal .modal__dialog.modal--expandable .modal__footer {
  border-top: 1px solid #dee2e6;
  background-color: #f8f8f8;
}
.sidemodal .modal__dialog.modal--expanded .modal__content {
  grid-template-rows: auto 1fr 2fr auto;
}
.sidemodal .modal__dialog.modal--expanded .modal__second-body {
  border-top: 1px solid #dee2e6;
  background-color: #e0e0e0;
  height: auto;
  display: block;
  overflow: scroll;
  padding: 30px;
}
.sidemodal .modal__content {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  grid-template-rows: auto 1fr auto;
  padding: 0;
}
.sidemodal .modal__body {
  overflow-y: scroll;
}
.sidemodal .modal__content > .modal__body {
  padding-top: 30px;
}
.sidemodal {
}
.sidemodal .mudal__content {
  z-index: 23;
  height: 100%;
  overflow-y: auto;
}
.sidemodal .mudal__shade {
  z-index: 21;
  opacity: 0.7;
}
.sidemodal--blocking .mudal__shade {
  z-index: 22;
}
@media (max-width: 535px) {
  .sidemodal--blocking .mudal__content {
    background: transparent;
  }
  .sidemodal--blocking .modal__content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 60px;
  }
}
.sidemodal button[name=close] {
  z-index: 23;
  position: absolute;
  top: 16px;
}
.sidemodal.menu button[name=close] {
  top: 30px;
}
.sidemodal.rewards button[name=close] {
  left: inherit;
  position: absolute;
}
.lock-position {
  overflow: hidden;
  position: fixed;
  top: 0;
  bottom: 0;
}
button[name=close] {
  position: absolute;
  right: 30px;
  top: 16px;
  cursor: pointer;
  border-radius: 0;
  padding: 0;
  margin: 0;
  background: url(https://s-assets.rootz.com/wildz.com/close-button-white.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  opacity: 1;
  z-index: 101;
}
button[name=close]:hover {
  opacity: 0.8;
}
.menu button[name=close] {
  top: 28px;
}
.linkconsent-footer-container {
  width: 100%;
  text-align: center;
}
.linkconsent-footer-container button {
  margin-top: 20px;
}
.linkconsent-footer-container .logo-container {
  padding: 25px;
  margin-top: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #6f00ff;
  border-bottom-right-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}
.linkconsent-footer-container .logo-container img {
  width: 80px;
  vertical-align: baseline;
  height: 20%;
  padding-right: 20px;
}
.linkconsent-footer-container .logo-container img:last-child {
  padding-right: 0;
}
@media (max-width: 400px) {
  .linkconsent-footer-container .logo-container img {
    padding: 0;
  }
}
.linkconsent-confirmed-table {
  text-align: center;
  margin: auto;
  width: 270px;
}
.linkconsent-confirmed-table img {
  width: 130px;
  height: 80px;
}
.linkconsent-confirmed-table .linked-confirmed-balance {
  float: right;
  font-size: 30px;
  padding-top: 24px;
  width: 50%;
  text-align: right;
}
.linkconsent-confirmed-table .linked-confirmed-logo {
  display: inline-block;
  text-align: left;
  width: 50%;
}
#verifyForm {
  text-align: center;
}
#verifyForm .modal__header {
  padding: 15px 0;
}
.verify-img {
  width: 50%;
  display: block;
  margin: 0 auto;
}
@media screen and (orientation: landscape) {
  .verify-img {
    width: 40%;
  }
}
.verify-logout {
  display: block;
  font-size: 14px;
  text-decoration: underline;
}
.verify-bottom {
  display: block;
  padding-top: 32px;
  font-size: 14px;
}
#verdob-y {
  width: 90px;
}
.dob-container {
  text-align: left;
}
.ver-form-notice {
  font-size: 16px;
  text-align: center;
  color: #ff5652;
  margin: 1em 0;
}
#subtitle {
  font-size: 16px;
}
#verifyForm-pin {
  display: none;
}
#ver-myaccount-verification {
  font-size: 16px;
  text-align: center;
  margin: 0.8em 0;
}
.consentreview {
  max-width: 400px;
  height: 100vh;
  flex-direction: column;
}
.consentreview a {
  text-decoration: underline;
}
.consentreview .form-group {
  margin-top: 5px;
}
.consentreview label {
  display: inline-block;
  font-size: 14px;
  line-height: 16px;
  padding-top: 0;
}
.consentreview .topLevelCheckBox {
  font-size: 16px;
  margin-bottom: 10px;
  line-height: 20px;
}
.consentreview .innerBoxes {
  margin-left: 25px;
  margin-bottom: 30px;
}
.consentreview .innerBoxes .tickbox {
  padding-top: 0;
  font-size: 14px;
  line-height: 14px;
}
.consentreview .innerBoxes .tickbox .tickbox__box {
  transform: scale(0.7, 0.7);
}
.consentreview .innerBoxes .tickbox span:nth-child(3) {
  padding-top: 10px;
  position: relative;
  top: 3px;
}
.consentreview a.logout {
  display: block;
  margin: 30px 0;
  text-align: center;
  font-size: 14px;
}
.selectr-container {
  position: relative;
}
.selectr-container li {
  list-style: none;
}
.selectr-hidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0px, 0px, 0px, 0px);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0 none;
}
.selectr-visible {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 11;
}
.selectr-desktop.multiple .selectr-visible {
  display: none;
}
.selectr-desktop.multiple.native-open .selectr-visible {
  top: 100%;
  min-height: 200px !important;
  height: auto;
  opacity: 1;
  display: block;
}
.selectr-container.multiple.selectr-mobile .selectr-selected {
  z-index: 0;
}
.selectr-selected {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  width: 100%;
  padding: 20px 0px 0px 0px;
  cursor: pointer;
  border-radius: 3px;
}
.selectr-selected::before {
  position: absolute;
  right: 5px;
  top: 18px;
  width: 0;
  height: 0;
  content: "";
  border: 5px solid transparent;
  border-top: 6px solid #412786;
  z-index: 3;
}
.selectr-container.open .selectr-selected::before,
.selectr-container.native-open .selectr-selected::before {
  border-width: 0 4px 4px 4px;
  border-style: solid;
  border-color: transparent transparent transparent;
}
.selectr-label {
  display: none;
  overflow: hidden;
  width: 90%;
  white-space: nowrap;
  text-overflow: ellipsis;
  border: none !important;
  margin-top: -20px !important;
}
.selectr-placeholder {
  color: #412786;
  line-height: 0;
}
.selectr-tags {
  margin: 0;
  padding: 0;
  white-space: normal;
}
.has-selected .selectr-tags {
  margin: 0 0 -2px;
}
.selectr-tag {
  list-style: none;
  position: relative;
  float: left;
  padding: 2px 25px 2px 8px;
  margin: 0 2px 2px 0;
  cursor: default;
  color: #fff;
  border: medium none;
  border-radius: 10px;
  background: #acb7bf none repeat scroll 0 0;
}
.selectr-container.multiple.has-selected .selectr-selected {
  padding: 5px 28px 5px 5px;
}
.selectr-options-container {
  position: absolute;
  z-index: 10000;
  top: calc(100% - 1px);
  left: 0;
  display: none;
  box-sizing: border-box;
  width: 100%;
  border-width: 0 1px 1px;
  border-style: solid;
  border-color: transparent #999 #999;
  border-radius: 0 0 3px 3px;
  background-color: #fff;
}
.selectr-container.open .selectr-options-container {
  display: block;
}
.selectr-input-container {
  position: relative;
  display: none;
}
.selectr-clear,
.selectr-input-clear,
.selectr-tag-remove {
  position: absolute;
  top: 50%;
  right: 22px;
  width: 20px;
  height: 20px;
  padding: 0;
  cursor: pointer;
  -o-transform: translate3d(0px, -50%, 0px);
  -ms-transform: translate3d(0px, -50%, 0px);
  -moz-transform: translate3d(0px, -50%, 0px);
  -webkit-transform: translate3d(0px, -50%, 0px);
  transform: translate3d(0px, -50%, 0px);
  border: medium none;
  background-color: transparent;
  z-index: 11;
}
.selectr-clear,
.selectr-input-clear {
  display: none;
}
.selectr-container.has-selected .selectr-clear,
.selectr-input-container.active .selectr-input-clear {
  display: none;
}
.selectr-selected .selectr-tag-remove {
  right: 2px;
}
.selectr-clear::after,
.selectr-input-clear::before,
.selectr-input-clear::after,
.selectr-tag-remove::before,
.selectr-tag-remove::after {
  position: absolute;
  top: 5px;
  left: 9px;
  width: 2px;
  height: 10px;
  content: " ";
  background-color: #6c7a86;
}
.selectr-tag-remove::before,
.selectr-tag-remove::after {
  top: 4px;
  width: 3px;
  height: 12px;
  background-color: #fff;
}
.selectr-clear:before,
.selectr-input-clear::before,
.selectr-tag-remove::before {
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.selectr-clear:after,
.selectr-input-clear::after,
.selectr-tag-remove::after {
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.selectr-input-container.active,
.selectr-input-container.active .selectr-clear {
  display: block;
}
.selectr-input {
  top: 5px;
  left: 5px;
  box-sizing: border-box;
  width: calc(100% - 30px);
  margin: 10px 15px;
  padding: 7px 30px 7px 9px;
  border: 1px solid #999;
  border-radius: 3px;
}
.selectr-notice {
  display: none;
  box-sizing: border-box;
  width: 100%;
}
.selectr-container.notice .selectr-notice {
  display: block;
}
.selectr-options {
  position: relative;
  top: calc(100% + 2px);
  display: none;
  overflow-x: auto;
  overflow-y: scroll;
  max-height: 200px;
  margin: 0;
  padding: 0;
}
.selectr-container.open .selectr-options,
.selectr-container.open .selectr-input-container,
.selectr-container.notice .selectr-options-container {
  display: block;
}
.selectr-option {
  position: relative;
  display: block;
  padding: 0px 10px;
  list-style: outside none none;
  cursor: pointer;
  font-weight: normal;
}
.selectr-options.optgroups > .selectr-option {
  padding-left: 25px;
}
.selectr-optgroup {
  font-weight: bold;
  padding: 0;
}
.selectr-optgroup--label {
  font-weight: bold;
  margin-top: 10px;
  padding: 5px 15px;
}
.selectr-match {
  text-decoration: underline;
}
.selectr-option.selected {
  background-color: #ddd;
}
.selectr-option.active {
  color: #fff;
  background-color: #5897fb;
}
.selectr-option.disabled {
  opacity: 0.4;
}
.selectr-option.excluded {
  display: none;
}
.selectr-container.open .selectr-selected::after {
  -o-transform: rotate(180deg) translate3d(0px, 50%, 0px);
  -ms-transform: rotate(180deg) translate3d(0px, 50%, 0px);
  -moz-transform: rotate(180deg) translate3d(0px, 50%, 0px);
  -webkit-transform: rotate(180deg) translate3d(0px, 50%, 0px);
  transform: rotate(180deg) translate3d(0px, 50%, 0px);
}
.selectr-disabled {
  opacity: 0.6;
}
.selectr-empty,
.has-selected .selectr-placeholder {
  display: none;
}
.has-selected .selectr-label {
  display: block;
}
.taggable .selectr-selected {
  padding: 4px 28px 4px 4px;
}
.taggable .selectr-selected::after {
  display: table;
  content: " ";
  clear: both;
}
.taggable .selectr-label {
  width: auto;
}
.taggable .selectr-tags {
  float: left;
  display: block;
}
.taggable .selectr-placeholder {
  display: none;
}
.input-tag {
  float: left;
  min-width: 90px;
  width: auto;
}
.selectr-tag-input {
  border: medium none;
  padding: 3px 10px;
  width: 100%;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
}
.selectr-input-container.loading::after {
  position: absolute;
  top: 50%;
  right: 20px;
  width: 20px;
  height: 20px;
  content: "";
  -o-transform: translate3d(0px, -50%, 0px);
  -ms-transform: translate3d(0px, -50%, 0px);
  -moz-transform: translate3d(0px, -50%, 0px);
  -webkit-transform: translate3d(0px, -50%, 0px);
  transform: translate3d(0px, -50%, 0px);
  -o-transform-origin: 50% 0 0;
  -ms-transform-origin: 50% 0 0;
  -moz-transform-origin: 50% 0 0;
  -webkit-transform-origin: 50% 0 0;
  transform-origin: 50% 0 0;
  -moz-animation: 500ms linear 0s normal forwards infinite running spin;
  -webkit-animation: 500ms linear 0s normal forwards infinite running spin;
  animation: 500ms linear 0s normal forwards infinite running spin;
  border-width: 3px;
  border-style: solid;
  border-color: #aaa #ddd #ddd;
  border-radius: 50%;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg) translate3d(0px, -50%, 0px);
    transform: rotate(0deg) translate3d(0px, -50%, 0px);
  }
  100% {
    -webkit-transform: rotate(360deg) translate3d(0px, -50%, 0px);
    transform: rotate(360deg) translate3d(0px, -50%, 0px);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg) translate3d(0px, -50%, 0px);
    transform: rotate(0deg) translate3d(0px, -50%, 0px);
  }
  100% {
    -webkit-transform: rotate(360deg) translate3d(0px, -50%, 0px);
    transform: rotate(360deg) translate3d(0px, -50%, 0px);
  }
}
.selectr-container.open.inverted .selectr-selected {
  border-color: transparent #999 #999;
  border-radius: 0 0 3px 3px;
}
.selectr-container.inverted .selectr-options-container {
  border-width: 1px 1px 0;
  border-color: #999 #999 transparent;
  border-radius: 3px 3px 0 0;
  background-color: #fff;
}
.selectr-container.inverted .selectr-options-container {
  top: auto;
  bottom: calc(100% - 1px);
}
.selectr-container ::-webkit-input-placeholder {
  color: #6c7a86;
  opacity: 1;
}
.selectr-container ::-moz-placeholder {
  color: #6c7a86;
  opacity: 1;
}
.selectr-container :-ms-input-placeholder {
  color: #6c7a86;
  opacity: 1;
}
.selectr-container ::placeholder {
  color: #6c7a86;
  opacity: 1;
}
.verification-code--no-logo {
  --verification-code-columns: 70% 30%;
}
.verification-code--logo {
  --verification-code-columns: 50px auto 70px;
}
.autocomplete__suggestions {
  position: absolute;
  margin-top: -16px;
  z-index: 3000;
  background-color: white;
  color: fade(#000000, 50%);
  padding: 0rem 0rem;
  display: none;
  width: 98%;
  border-left: 1px solid #412786;
  border-right: 1px solid #412786;
  border-bottom: 1px solid #412786;
  max-height: 200px;
  overflow: auto;
}
.autocomplete__suggestions--show {
  display: block;
}
.autocomplete__suggestion {
  transition: all 150ms ease-in-out;
}
.autocomplete__suggestion--selected {
  padding: 0px 0px;
  font-weight: bold !important;
  background-color: #5897fb !important;
}
.autocomplete__suggestion--empty {
  cursor: default !important;
  pointer-events: none !important;
  background-color: white !important;
}
.autocomplete__suggestion:hover {
  color: #000000;
  background-color: fade(#000000, 5%);
  cursor: pointer;
}
.autocomplete__suggestion__label {
  width: 100%;
  text-align: left;
  border-radius: 0;
  color: black;
  font-weight: 100 !important;
  background-color: white;
  padding: 8px 8px;
}
.autocomplete__suggestion__label:hover {
  background-color: #5897fb;
}
.autocomplete__overlay {
  pointer-events: none;
  padding: 0 13px;
  position: absolute;
  box-sizing: border-box;
  top: 1px;
  left: 1px;
  right: 1px;
  border-radius: 10px;
  z-index: 2000;
  height: 40px;
  line-height: 40px;
  background-color: #f1f2f2;
  display: block;
  font-size: 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.autocomplete__overlay--hide {
  display: none;
}
.autocomplete__placeholder {
  color: #412786;
  opacity: 0.54;
}
.autocomplete__input {
  box-shadow: none;
}
.autocomplete__container {
  position: relative;
}
.autocomplete__container::before {
  border: 5px solid transparent;
  border-top: 6px solid #412786;
  content: "";
  height: 0;
  position: absolute;
  right: 12px;
  top: 18px;
  width: 0;
  z-index: 2100;
  background-color: #f1f2f2;
  pointer-events: none;
}
.autocomplete--open .autocomplete__placeholder {
  display: none;
}
.autocomplete--open .autocomplete__input {
  border-bottom-left-radius: 0px;
}
.autocomplete--open .autocomplete__container::before {
  background-color: white;
}
.field--autocomplete {
  position: relative;
}
.compliance-icon-18-plus {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 2px solid #fff;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  line-height: 32px;
  text-align: center;
  opacity: 0.7;
}
#top-bar .compliance-icon-18-plus {
  position: absolute;
  top: 16px;
  right: 12px;
}
.sidemenu .compliance-icon-18-plus {
  position: relative;
  top: 12px;
  margin: auto;
}
.lander-inner.has-compliance-icon .disclaimer {
  margin-right: 20px;
}
.lander-inner.has-compliance-icon .compliance-icon-18-plus {
  position: absolute;
  bottom: 20px;
  right: 20px;
}
.stream-view {
  max-width: 100%;
  margin: 0 0 5em 0;
  padding: 1em;
}
@media (min-width: 800px) {
  .stream-view {
    display: grid;
    grid-template-columns: 1fr minmax(18rem, 20vw);
    grid-gap: 1em;
    grid-template-areas: "status status" "stream chat" "selector selector" "events events" "god god" "offers offers" "banner banner";
  }
}
.stream-view h1 {
  font-size: 1.4em;
  margin: 0;
  color: #412786;
}
.stream-view h1 span {
  color: #412786;
}
.stream .linebreak {
  height: 10px;
  display: inline-block;
  border-top: 2px #d8d3e6 solid;
  width: 100%;
}
.stream__stream {
  grid-area: stream;
}
.stream__chat {
  grid-area: chat;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
}
.stream__status {
  grid-area: status;
}
@media (max-width: 800px) {
  .stream__status {
    height: 40px;
    margin-top: 0.5em;
    margin-bottom: 0.2em;
  }
}
.stream__god {
  grid-area: god;
}
@media (max-width: 800px) {
  .stream__god {
    margin-left: -1em;
    margin-right: -1em;
  }
}
.stream_banner {
  grid-area: banner;
}
.stream__events {
  grid-area: events;
}
.stream__offers {
  grid-area: offers;
}
.stream__offers h3 {
  margin-top: 0;
  margin-bottom: 0;
  padding: 10px;
}
.stream__offers a:link {
  text-decoration: none;
}
.stream__offers .offer {
  background-color: #fff;
  margin-bottom: 1em;
}
@media (min-width: 800px) {
  .stream__offers .offers {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(32.5%, 32.5%));
    grid-gap: 1%;
  }
  .stream__offers .offers .offer {
    box-sizing: border-box;
  }
}
@media (max-width: 800px) {
  .stream-view {
    padding-top: 0;
  }
  .stream-view .channel-selector {
    margin-top: 1em;
    margin-bottom: 1em;
    max-height: auto;
  }
  .stream-view .current-event__title {
    font-size: 17px;
    font-family: var(--font2);
    font-weight: 700;
  }
  .stream-view .current-event__description p {
    font-size: 12px;
    line-height: 14px;
  }
  .stream-view .event .event__title {
    font-size: 16px;
  }
  .stream-view .events--upcoming h2,
  .stream-view .events--live h2 {
    font-size: 14px;
  }
  .stream-view.chat--hidden .streamchat {
    display: none;
  }
  .stream-view.chat--hidden .streamchat {
    transform: translateY(calc(50vh - 24px));
  }
  .stream-view.chat--hidden .streamchat h1 {
    padding: 6px 12px;
    font-size: 15px;
    border-radius: 14px;
    background: #6b48ff;
    color: #fff;
    position: absolute;
    top: 10px;
    right: 10px;
  }
  .stream-view .livestreambox {
    margin-left: -1em;
    margin-right: -1em;
  }
}
.stream-badge {
  display: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 20vw;
}
.stream-badge img {
  max-width: 100%;
}
body.is-live .stream-badge {
  display: block;
}
.stream-status--live {
  display: flex;
  padding: 0.2em;
  align-items: center;
  white-space: nowrap;
  line-height: normal;
}
.stream-status--live h1 b {
  color: #412786;
}
.stream-status--live h1 span {
  margin-left: 0.2em;
  color: #412786;
}
.stream-status--live .current-game {
  display: flex;
  flex-direction: column;
  margin-left: 1em;
  border-left: 3px solid #d3d3d3;
  padding-left: 1em;
}
.stream-status--live .currently-playing {
  font-family: var(--font3);
  color: #6b48ff;
  font-size: 0.8em;
  line-height: 1em;
}
.stream-status--live .current-game__link {
  color: #412786;
  font-weight: 700;
  font-size: 1.1em;
  font-family: var(--font3);
  cursor: pointer;
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.stream-status--live h1:before {
  content: "\25cf";
  color: #412786;
  margin-right: 0.2em;
  animation-name: live-pulse, dot-pulse;
  animation-duration: 4000ms, 1000ms;
  animation-iteration-count: infinite, infinite;
  transform: scale(1);
  display: inline-block;
}
.stream-status--live h1 b {
  animation-name: live-pulse;
  animation-duration: 4000ms;
  animation-iteration-count: infinite;
  animation-delay: 333.3333333333ms;
}
@keyframes dot-pulse {
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  0% {
    transform: scale(1);
  }
}
@keyframes live-pulse {
  100% {
    color: #412786;
  }
  70% {
    color: #412786;
  }
  30% {
    color: #412786;
  }
  0% {
    color: #412786;
  }
}
@media (max-width: 800px) {
  .stream-status--live h1 {
    font-size: 0.9em;
  }
  .stream-status--live .current-game {
    border-left: 2px solid #d3d3d3;
  }
  .stream-status--live .currently-playing {
    font-size: 0.6em;
  }
  .stream-status--live .current-game__link {
    font-size: 0.8em;
    max-width: 50vw;
  }
  .stream-status--offline {
    padding: 0.3em;
  }
}
.streamchat {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  border-radius: 1em;
  border: 1px #d8d3e6 solid;
  background-color: #fff;
  padding: 10px 0;
  max-height: 78vh;
}
.streamchat h1 {
  padding: 10px;
}
@media (max-width: 800px) {
  .streamchat {
    z-index: 9;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50vh;
    border: none;
    padding: 10px;
    padding-top: 20px;
    border-top-left-radius: 1em;
    border-top-right-radius: 1em;
    padding-bottom: 65px;
    box-shadow: rgba(0, 0, 0, 0.1) 0 -5px 10px;
    transition: transform ease-in-out 100ms;
  }
  .streamchat h1 {
    margin: 0;
    padding: 0 10px;
    font-size: 21px;
  }
}
@media (min-width: 800px) {
  .streamchat {
    height: 100%;
  }
}
.streamchat .stream__toggle.expanded:after {
  display: block;
}
.streamchat .stream__toggle {
  display: none;
  position: absolute;
  top: 4px;
  left: 0;
  right: 0;
  margin-top: -15px;
  height: 64px;
}
.streamchat .stream__toggle:after {
  display: none;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  right: 20px;
  background: url(https://s-assets.rootz.com/wildz.com/icons/minimize.svg) no-repeat;
  background-size: contain;
  content: " ";
  transform: translateY(-45%);
}
.streamchat .stream__toggle:active {
  background-color: rgba(65, 39, 134, 0.2);
}
@media (max-width: 800px) {
  .streamchat .stream__toggle {
    display: block;
  }
}
.streamchat__box {
  width: 100%;
  position: relative;
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
@media (min-width: 800px) {
  .streamchat__box {
    min-height: 40vh;
  }
}
@media (max-width: 800px) {
  .chat--hidden .streamchat__box {
    margin-top: 30px;
  }
}
.streamchat__pinned-message {
  display: flex;
  align-items: center;
  column-gap: 12px;
  padding: 0.5em 1em;
  margin: 0 1em 0.5em 0.5em;
  font-size: 14px;
  background: #d5fffe 0 0 no-repeat padding-box;
  border-radius: 12px;
  z-index: 1;
  height: 2em;
}
.streamchat__pinned-message .emoji-icon {
  height: 24px;
  width: 24px;
}
.streamchat__pinned-message .pinned-message__icon {
  fill: #4f5aa3;
  height: 20px;
}
.streamchat__pinned-message .pinned-message__message {
  color: #4f5aa3;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  padding: 2px;
  line-height: 1.3em;
}
.streamchat__pinned-message .pinned-message__message .pinned-message__content {
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.streamchat__pinned-message .pinned-message__close {
  margin-left: auto;
  cursor: pointer;
  font-size: smaller;
  padding: 5px;
}
.streamchat__pinned-message.expanded {
  height: 100%;
  overflow-wrap: anywhere;
}
.streamchat__pinned-message.expanded .pinned-message__message {
  display: block;
  overflow: visible;
  -webkit-line-clamp: unset;
  line-clamp: unset;
}
.streamchat__pinned-message.expanded .pinned-message__content {
  overflow: visible;
  white-space: normal;
  text-overflow: initial;
}
.streamchat__messages {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column-reverse;
  overflow-y: scroll;
}
.streamchat__scroll {
  padding: 10px;
  scroll-snap-type: y mandatory;
  font-size: 14px;
}
.streamchat__scroll .message {
  scroll-snap-align: start;
  margin-bottom: 8px;
  background: #f7f5fd;
  padding: 16px 16px 10px 14px;
  border-radius: 10px;
  display: flex;
  max-width: fit-content;
}
.streamchat__scroll .message--deleted,
.streamchat__scroll .message--flagged {
  opacity: 0.5;
}
.streamchat__scroll .message--deleted .message__message,
.streamchat__scroll .message--flagged .message__message {
  font-style: italic;
}
.streamchat__scroll .message--moderator .message__username {
  color: #ff0d8a;
}
.streamchat__scroll .message--moderator .message__username:before {
  content: "";
  height: 14px;
  width: 14px;
  display: inline-block;
  background-image: url(https://s-assets.rootz.com/wildz.com/exclusive.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
  top: 2px;
  margin-right: 4px;
}
.streamchat__scroll .message--hidden {
  display: none;
}
.streamchat__scroll .message__message {
  margin-top: 0;
  max-width: 100%;
  overflow-wrap: break-word;
  line-height: 1.3rem;
  padding-left: 7px;
  display: inline;
  color: #412786;
}
.streamchat__scroll .message__message .emoji-icon {
  height: 24px;
  width: 24px;
}
.streamchat__scroll .message__username {
  max-width: 100%;
  color: #967ed1;
  margin: 0 0 4px;
}
@media (min-width: 800px) {
  .streamchat__scroll {
    bottom: 132px;
    padding: 10px;
  }
}
.streamchat__input {
  margin: 8px;
  position: relative;
}
.streamchat__input .input {
  width: 100%;
  padding: 6px 40px 6px 12px;
  height: auto;
  min-height: 24px;
  max-height: 40vh;
  line-height: 26px;
  overflow: hidden;
  border-radius: 10px;
  overflow: auto;
  overscroll-behavior: contain;
}
.streamchat__input .input.validation-error {
  color: #ff5652;
}
.streamchat__input button[type=submit] {
  width: 100%;
  background: #fff;
  border-radius: 10px;
  border: 1px solid #84c0cc;
  min-height: 44px;
}
.streamchat__input button[type=submit] .submit {
  fill: #412786;
}
@media (max-width: 800px) {
  .streamchat__input {
    box-sizing: border-box;
    margin: 0;
    padding: 10px;
    padding-bottom: 0;
    margin-bottom: 0;
    max-height: 660px;
  }
  .streamchat__input form {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-column-gap: 10px;
  }
  .streamchat__input .input {
    min-height: 46px;
    margin-bottom: 0;
  }
  .streamchat__input button[type=submit] {
    position: relative;
    font-size: 12px;
    padding: 5px 10px;
    max-width: 46px;
    margin-bottom: 0;
    color: transparent;
  }
  .streamchat__input button[type=submit]:hover,
  .streamchat__input button[type=submit]:focus {
    color: transparent;
  }
  .streamchat__input button[type=submit][disabled] {
    border-color: #ff5652;
  }
  .streamchat__input .submit {
    position: relative;
    align-self: end;
  }
}
.streamchat__overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 10;
  color: #412786;
  background-color: #fff;
  top: 0;
  left: 0;
  border-radius: 1em;
  text-align: center;
  display: flex;
}
.streamchat__overlay span {
  font-weight: 600;
}
.streamchat__overlay button {
  margin: 4px;
}
.streamchat--overlay-visible .streamchat__title {
  opacity: 0;
}
.streamchat__overlay-view {
  width: 100%;
  height: auto;
  padding: 40px;
  padding-top: 64px;
  box-sizing: border-box;
}
.streamchat__overlay-view .buttons {
  margin: 0 auto;
  margin-top: 2em;
  width: 60%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.streamchat__input-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 9;
  color: #412786;
  top: 0;
  left: 0;
  text-align: center;
  background-color: rgba(244, 255, 255, 0.8);
}
.streamchat__input-overlay div > svg {
  width: 24px;
}
.streamchat__input-overlay span {
  padding: 3px;
  font-size: 14px;
  font-weight: 600;
  position: absolute;
  top: 70%;
  left: 0;
  right: 0;
  transform: translate(0, -50%);
}
.current-event {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-areas: "title social" "description description";
  align-items: center;
}
.current-event.current-event--no-description .current-event__description p {
  display: none;
}
.current-event .social-media-accounts {
  grid-area: social;
  position: relative;
  right: 5px;
  display: flex;
  flex-direction: row-reverse;
}
.current-event .social-media-accounts ul {
  display: inline-flex;
  flex-flow: row;
}
.current-event .social-media-accounts img {
  height: 42px;
  width: 42px;
}
.current-event__title {
  grid-area: title;
  color: #412786;
  flex: auto;
}
.current-event__description {
  grid-area: description;
  border-top: 2px #d8d3e6 solid;
}
.current-event__description p {
  margin: 0;
  padding: 1em 0;
}
@media (max-width: 800px) {
  .current-event {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    grid-template-areas: "title" "description" "social";
  }
  .current-event .social-media-accounts {
    right: 0;
    justify-content: space-evenly;
  }
}
.ctabox--optin {
  display: flex;
  flex-direction: column;
  background-color: white;
  border-radius: 26px;
  padding: 10px 30px;
  min-height: 100px;
  margin: 1em 0;
}
.ctabox--optin .ctabox__message {
  margin: auto 5px auto 0;
}
.ctabox--optin button {
  width: 180px;
  margin: 20px auto 20px 0;
}
@media (min-width: 800px) {
  .ctabox--optin {
    flex-direction: row;
  }
  .ctabox--optin button {
    margin: 20px 10px 20px auto;
  }
}
.player-container {
  position: relative;
}
.player-container .video-player {
  height: 100%;
  overflow: hidden;
  line-height: 0;
  position: relative;
  aspect-ratio: 16/9;
}
.player-container .video-player video {
  position: absolute;
  width: 100%;
  max-width: 100%;
  min-height: 100%;
}
.player-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 10px 3em 20px;
  min-height: 24px;
  display: flex;
  background:
    linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.6) 80%,
      rgba(0, 0, 0, 0) 100%);
  color: rgba(255, 255, 255, 0.7);
}
.player-overlay__content {
  text-align: center;
  font-size: 0.9em;
}
.player-overlay__actions {
  display: flex;
  justify-content: space-between;
  margin-top: 2em;
  min-width: 230px;
  display: none;
}
.player-overlay__actions button {
  margin-top: 0;
}
.stream-view.stream--streambar-enabled {
  display: flex;
  flex-direction: column;
}
.aside--streambar {
  position: fixed;
  left: 0.5rem;
  right: 0.5rem;
  bottom: 50px;
  z-index: 21;
}
@media (min-width: 800px) {
  .aside--streambar {
    max-width: 400px;
    width: 100%;
    left: initial;
    bottom: 0;
  }
}
@media (min-width: 800px) {
  .aside--streambar.aside--visible {
    right: calc(400px + 1.5rem);
  }
}
.aside--streambar .betslip__container {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 21;
}
.aside--streambar .betslip__container--scrollable {
  overflow-y: auto;
  max-height: 100%;
  bottom: 0;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  border: 1px solid #84c0cc;
}
@media (min-width: 800px) {
  .betslip.betslip--streambar {
    max-width: 400px;
  }
}
.betslip--streambar .betslip__badge--floater {
  position: absolute;
  font-size: 0.8em;
  bottom: 50px;
}
@media (min-width: 800px) {
  .betslip--streambar .betslip__badge--floater {
    left: 0.5rem;
    right: 0.5rem;
    bottom: 68px;
    max-width: 400px;
  }
}
.game-view__bg {
  background-color: #000 !important;
}
.streambar {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 60px;
  max-height: 100%;
  background-color: #f4ffff;
  z-index: 18;
  container-name: streambar;
  display: grid;
  grid-template-areas: "stream" "chat";
  grid-template-rows: auto 1fr;
}
@media (min-width: 800px) {
  .streambar {
    bottom: 0;
  }
}
.streambar:not(.streambar--minimized) .streambar__controls {
  display: none;
}
.streambar__container {
  grid-area: chat;
  position: relative;
  overflow: auto;
}
.streambar__stream {
  position: relative;
  grid-area: stream;
  position: relative;
  padding-top: 56.25%;
}
.streambar__stream .streambar__player,
.streambar__stream .player-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #444;
}
.streambar__content {
  grid-area: content;
  padding: 0.5rem;
  min-height: 100%;
}
.streambar__toggle {
  position: absolute;
  top: 0;
  background: none;
  padding: 0.5rem;
  border-radius: 50%;
  cursor: pointer;
  z-index: 21;
  right: 0;
  transform: rotate(90deg);
  margin: 0;
}
@media screen and (min-width: 800px) {
  .streambar__toggle {
    left: -1.5rem;
    right: auto;
    transform: rotate(0deg);
  }
  .streambar__toggle .arrow-circle-light {
    display: none;
  }
}
.streambar__toggle .arrow-circle-heavy {
  display: inline;
}
.streambar__toggle .arrow-circle-heavy circle {
  fill: #6f00ff;
}
.streambar__toggle .arrow-circle-heavy .arrow-circle-light {
  display: none;
}
.streambar__toggle .arrow-circle-light .outer {
  stroke: #6f00ff;
}
.streambar__toggle .arrow-circle-light path {
  fill: #6f00ff;
}
.streambar__toggle .icon-arrow {
  fill: #fff;
}
.streambar__toggle.streambar__toggle--mobile {
  transform: rotate(0deg);
}
.streambar.streambar--minimized {
  height: 60px;
  display: flex;
  overflow: hidden;
}
.streambar.streambar--minimized .betslip__container {
  display: none;
}
@media (min-width: 800px) {
  .streambar.streambar--minimized {
    border-radius: 15px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
  }
}
.streambar.streambar--hidden {
  display: none;
}
.streambar.streambar--streamview .streambar__container {
  top: 0;
  width: 100%;
}
.streambar.streambar--streamview .streambar__campaign {
  display: none;
}
@media (min-width: 800px) {
  .streambar.streambar--streamview .streambar__toggle {
    display: none;
  }
}
.streambar.streambar--minimized .streamchat__box {
  display: none;
}
.streambar.streambar--minimized.streambar--streamview .streamchat__box {
  display: block;
  width: 100%;
}
.streambar.streambar--minimized.streambar--streamview .streamchat__header:after {
  display: none;
}
.streambar.streambar--minimized.streambar--streamview .streamchat__input,
.streambar.streambar--minimized.streambar--streamview .streamchat__messages {
  display: none;
}
.streambar--minimized .streambar__stream {
  overflow: hidden;
  padding-top: 0;
  display: grid;
  grid-template-areas: "player header controls";
  grid-template-columns: 100px 1fr auto;
  align-items: center;
  box-sizing: border-box;
  min-width: 100%;
}
.streambar--minimized .streambar__player {
  grid-area: player;
  max-width: 100px;
  overflow: hidden;
}
.streambar--minimized .streambar__toggle {
  display: none;
}
.streambar--minimized .streambar__header {
  position: relative;
  grid-area: header;
  padding: 0.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.streambar--minimized .streambar__controls {
  position: relative;
  grid-area: controls;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 0.5rem;
  border-radius: 0 0 0 15px;
  cursor: pointer;
  gap: 0.5rem;
}
.streambar--minimized .streambar__controls button {
  margin-left: 0.25rem;
  border-radius: 1rem;
  width: 24px;
  height: 24px;
  background: none;
  padding: 0;
}
.streambar--minimized .streambar__controls button .miniplayer_close circle {
  fill: #412786;
}
.streambar--minimized .streambar__controls button .miniplayer_close path {
  fill: #f4ffff;
}
.streambar--minimized .streambar__controls button .miniplayer_muted circle,
.streambar--minimized .streambar__controls button .miniplayer_muted path,
.streambar--minimized .streambar__controls button .miniplayer_unmuted circle,
.streambar--minimized .streambar__controls button .miniplayer_unmuted path {
  fill: #412786;
}
.streambar--minimized .streambar__player::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  cursor: pointer;
}
.streambar--maximized .streambar__header {
  position: absolute;
  top: 0.7rem;
  left: 1rem;
  max-width: calc(100% - 5rem);
  display: inline-block;
  padding: 0.3rem 0.5rem;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  border-radius: 1rem;
  opacity: 0;
  transition: opacity 0.2s ease;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media screen and (min-width: 800px) {
  .streambar--maximized .streambar__header {
    left: auto;
    right: 1rem;
  }
}
.streambar--maximized .streambar__header .streambar__toggle {
  display: none;
}
.streambar--ios.streambar--maximized .streambar__header {
  top: 2.3rem;
}
.streambar--ios:not(.streambar--unauthenticated) .streambar__toggle {
  top: 1.25rem;
}
.touch .streambar--overlay-visible .streambar__header,
body:not(.touch) .streambar--maximized .streambar__stream:hover .streambar__header {
  opacity: 1;
}
.streambar--maximized .streambar__controls {
  position: absolute;
  z-index: 100;
  bottom: 1rem;
  right: 1rem;
}
@media (min-width: 800px) {
  .streambar {
    width: 400px;
    right: 0;
    bottom: 0;
    height: 100%;
  }
  .streambar__controls button {
    margin-left: 0.5rem;
  }
  .streambar.streambar--sidebar,
  .streambar.streambar--streamview {
    border-left: 1px solid #84c0cc;
    top: 0;
  }
  .streambar.streambar--sidebar .streamchat__header {
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 11;
  }
  .streambar.streambar--minimized {
    bottom: initial;
    right: 0.5rem;
    top: 0.5rem;
  }
  .streambar.streambar--minimized .streambar__header {
    cursor: pointer;
  }
  #all {
    transition: margin-right 0.2s ease;
  }
  #all.aside--visible {
    margin-right: 400px;
  }
}
@media (max-width: 800px) {
  .streambar {
    position: fixed;
    width: auto;
    height: auto;
    left: 0;
    right: 0;
    overflow: hidden;
  }
  .streambar.streambar--sidebar {
    right: 0;
    left: 0;
  }
  .streambar.streambar--minimized {
    top: initial;
    left: 0;
    right: 0;
    bottom: 60px;
    border: 1px solid #84c0cc;
    border-width: 1px 0 0 0;
  }
  .streambar--minimized {
    font-size: 0.8rem;
  }
  .streambar--minimized.streambar--streamview .streamchat__header .streambar__toggle {
    display: inline;
    transform: rotate(180deg);
    top: 5px;
  }
  .streambar--minimized.streambar--streamview .streamchat__header .streamchat__live-events {
    display: none;
  }
}
.streambar .betslip,
.streambar .schedule__container {
  display: none;
}
.streambar--betslip .betslip {
  display: block;
}
.streambar--schedule .schedule__container {
  display: block;
  overflow-y: auto;
  max-height: 100%;
  z-index: 21;
  top: 50px;
}
.streambar--schedule .streamchat__live-events {
  border: none;
}
.streambar--schedule .event {
  cursor: pointer;
}
.streambar--schedule .event .event__badge {
  width: 200px;
}
.streambar--schedule .event:first-child {
  cursor: default;
}
.betslip__count,
.schedule__count {
  margin-left: 0.5rem;
  display: flex;
  background: rgb(64, 38, 136);
  color: rgb(0, 255, 248);
  box-shadow: rgba(13, 13, 13, 0) 0px 0px 0px 0px;
  border: none;
  border-radius: 100px;
  font-size: 9px;
  font-style: normal;
  font-weight: 700;
  line-height: 10px;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  padding: 0px;
  width: 24px;
  height: 24px;
  display: none;
}
.betslip__count.schedule__count--visible,
.schedule__count.schedule__count--visible {
  display: flex;
}
.streambar__chat {
  min-height: 100%;
  grid-area: content;
}
.streamchat__header {
  font-family: var(--font2);
  font-weight: 700;
  font-size: 1.2rem;
  padding: 10px;
  box-sizing: border-box;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 11;
}
.streamchat__header .streambar .streamchat__box {
  display: grid;
  grid-template-rows: auto 1fr 60px;
  grid-template-areas: "header" "messages" "input";
}
.streamchat__header .streambar .streamchat__messages {
  grid-area: messages;
  position: relative;
}
.streambar .streamchat__input {
  margin: 0;
  grid-area: input;
  padding: 0.5rem;
}
.streambar .streamchat__input form {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-areas: "message-input send";
  gap: 10px;
}
.streambar .streamchat__input button[type=submit] {
  grid-area: button;
}
.streambar .streamchat__input .input {
  grid-area: message-input;
}
.streambar .streamchat__scroll .message {
  padding: 0;
  background: transparent;
  box-sizing: border-box;
  margin-bottom: 4px;
}
.streambar .streamchat__scroll .message .bet {
  display: grid;
  box-sizing: border-box;
  grid-template-areas: "header header" "middle button" "footer footer";
  grid-template-columns: 1fr auto;
  grid-template-rows: 10px 50px 10px;
  padding: 10px 12px;
  align-items: center;
  justify-content: space-between;
  border-radius: 1rem;
  background:
    url(https://s-assets.rootz.com/wildz.com/stream/events/sports/sports_live_event.png) center center/cover no-repeat,
    linear-gradient(
      45deg,
      rgb(238, 230, 255) 0%,
      rgb(236, 233, 255) 100%);
}
.streambar .streamchat__scroll .message .bet > div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.streambar .streamchat__scroll .message .bet button {
  grid-area: button;
}
.streambar .streamchat__scroll .message .bet .bet__middle {
  grid-area: middle;
}
.streambar .streamchat__scroll .message .bet .bet__title {
  font-family: var(--font2);
  font-weight: 700;
  font-size: 1.2em;
  margin-bottom: 0.3em;
}
.streambar .streamchat__scroll .message .bet .bet__subtitle {
  font-family: var(--font2);
  font-weight: 600;
  font-weight: 600;
  font-size: 0.9em;
}
.streambar .streamchat__scroll .message .bet .bet__header {
  font-family: var(--font2);
  font-weight: 600;
  grid-area: header;
  font-weight: 600;
  font-size: 0.75em;
}
.streambar .streamchat__scroll .message .bet .bet__footer {
  grid-area: footer;
  font-size: 0.75em;
}
.streambar .streamchat__scroll .message.message--betslip {
  max-width: 100%;
}
.streambar .streamchat__scroll .message.message--betslip .bets {
  display: flex;
  overflow-x: auto;
  column-gap: 0.5rem;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
  margin: 0;
  padding: 0;
}
.streambar .streamchat__scroll .message.message--betslip .bet {
  width: 100%;
  flex: 0 0 auto;
  scroll-snap-align: start;
  margin: 0;
}
.streambar .streamchat__input .input {
  box-sizing: border-box;
  width: 100%;
  padding: 0.5rem 0.7rem;
  border: 1px solid #84c0cc;
  background-color: #fff;
}
.streamchat__live-events {
  margin: 0;
  display: flex;
  background-color: #f4ffff;
  border: 1px solid #84c0cc;
  border-radius: 7px;
  align-items: center;
  color: #412786;
  padding: 6px;
  font-size: 12px;
  z-index: 4;
  margin-left: auto;
}
.casino-sportsbook-nav {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.casino-sportsbook-nav__container {
  position: relative;
  z-index: 1;
  margin: 0 0 20px 0;
}
.casino-sportsbook-nav button {
  text-transform: uppercase;
  font-size: 11px;
  text-align: center;
  padding: 8px 15px;
  font-weight: 700;
}
.casino-sportsbook-nav button:nth-child(1) {
  margin-right: 5px;
}
.casino-sportsbook-nav__btn--active {
  background: #2cfef7;
  border: 2px #2cfef7 solid;
  color: #412786;
}
@media (min-width: 800px) {
  .casino-sportsbook-nav__btn--active:hover {
    background: #fff;
    border: 2px #fff solid;
    color: #412786;
  }
}
@media (max-width: 800px) {
  .casino-sportsbook-nav__btn--active:active {
    background: #fff;
    border: 2px #fff solid;
    color: #412786;
  }
}
.casino-sportsbook-nav__btn--inactive {
  background: #412786;
  border: 2px #412786 solid;
  color: #2cfef7;
}
@media (min-width: 800px) {
  .casino-sportsbook-nav__btn--inactive:hover {
    background: #2cfef7;
    border: 2px #2cfef7 solid;
    color: #412786;
  }
}
@media (max-width: 800px) {
  .casino-sportsbook-nav__btn--inactive:active {
    background: #2cfef7;
    border: 2px #2cfef7 solid;
    color: #412786;
  }
}
.casino-sportsbook-nav__btn--inactive {
  border: 2px #2cfef7 solid;
}
.casino-sportsbook-nav__btn--inactive:hover {
  background: #2cfef7;
  color: #412786;
}
.casino-sportsbook-nav__badge {
  text-align: center;
  position: relative;
  left: 70px;
  background: #ffff00;
  border-radius: 40px;
  color: black;
  top: 7px;
  padding: 3px 8px 3px 8px;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  z-index: 2;
  cursor: pointer;
}
.casino-sportsbook-nav__badge--hide {
  display: none;
}
@media (max-width: 800px) {
  .casino-sportsbook-nav {
    margin-top: -10px;
  }
  .casino-sportsbook-nav__badge {
    left: 58px;
    top: 7px;
    height: 16px;
    display: flex;
    align-items: center;
    width: fit-content;
    padding: 0px 10px 1px 10px;
  }
  .casino-sportsbook-nav__badge--hide {
    display: none;
  }
  .casino-sportsbook-nav__container {
    margin: 0;
    z-index: 1;
    left: 0;
  }
}
@media (max-width: 800px), (max-height: 500px) {
  #top-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
#sportsbook-app .sportsbook__container div {
  padding: 15px 30px 35px 30px;
}
.sportsbook-app {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 200px;
}
.sportsbook-app__back-to-casino {
  border-bottom: 2px solid #412786;
}
@media (max-width: 800px) {
  #sportsbook-app .sportsbook__container div {
    padding: 15px 15px 35px 15px;
  }
  .mybets,
  .mybets-active {
    color: #fff;
    font-family: var(--font2);
    display: none;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    margin-top: 7px;
    line-height: 23px;
  }
  .mybets:hover,
  .mybets-active:hover {
    border-bottom: 2px solid #2cfef7;
  }
  .mybets-active {
    border-bottom: 2px solid #2cfef7;
  }
}
@media (max-width: 360px) {
  #sportsbook-app .sportsbook__container div {
    padding: 5px;
  }
}
.casino-bonus_block {
  box-sizing: border-box;
  margin: 20px 0 0;
  padding: 15px 20px;
  background: linear-gradient(rgb(205, 195, 250), rgb(235, 233, 249));
  color: inherit;
  border-radius: 20px;
  text-align: center;
  overflow: hidden;
  position: relative;
}
.sports-bonus_block {
  box-sizing: border-box;
  margin: 20px 0 0;
  padding: 40px 20px;
  background: linear-gradient(rgb(185, 243, 241), rgb(213, 206, 251));
  color: inherit;
  border-radius: 20px;
  text-align: center;
  overflow: hidden;
  position: relative;
}
.bonus-type_casino {
  position: absolute;
  background-color: #ffff00;
  color: #382371;
  padding: 0px 7px;
  border-radius: 100px;
  width: 76px;
  height: 24px;
  font-weight: 800;
  font-size: 12px;
  top: 18px;
}
.bonus-type_sports {
  position: absolute;
  background-color: #412786;
  color: #2cfef7;
  padding: 0px 7px;
  border-radius: 100px;
  width: 76px;
  height: 24px;
  font-weight: 800;
  font-size: 12px;
  top: 18px;
}
.bonus-block__name {
  font-size: 18px;
  line-height: 30px;
  font-weight: 700;
  text-align: right;
  color: #382371;
}
.sports-bonus-block__name {
  font-size: 18px;
  line-height: 30px;
  font-weight: 700;
  text-align: right;
  color: #382371;
  position: relative;
  bottom: 25px;
}
.more-info {
  font-size: 12px;
  line-height: 22px;
  color: #7977c2;
  text-align: right;
  font-weight: 600;
  font-family: var(--font1);
}
.more-info span {
  margin-left: 6px;
}
.more-info a {
  text-decoration: underline;
}
.bonus-block__amount {
  line-height: 20px;
  text-align: right;
  font-size: 28px;
  color: #6f00ff;
}
.bonus-block__wagering {
  font-size: 12px;
  line-height: 22px;
  color: #7977c2;
  text-align: right;
  font-weight: 600;
}
.bonus-block__wagering span {
  margin-left: 6px;
}
.bonus-block__progress {
  display: flex;
  flex-flow: row;
  font-size: 14px;
  font-weight: 700;
}
.forfeit-button {
  display: block;
  margin: 10px auto 0;
  padding-top: 5px;
  padding-bottom: 5px;
  width: 192px;
  height: 48px;
}
.account-balance {
  color: #412786;
  padding-bottom: 30px;
  border-bottom: 1px solid #eee;
  margin-bottom: 30px;
}
.account-balance h5 {
  font-family: var(--font2);
  font-size: var(--font-size-base, 18px);
  margin: 15px 0 5px;
  font-weight: 700;
  line-height: 27px;
}
.account-balance h2 {
  font-size: 24px;
  line-height: 24px;
  margin: 0;
  font-weight: 500;
}
.account-balance .withdrawable {
  color: #6f00ff;
}
.deposit-bonus__items {
  margin-top: 30px;
  display: grid;
  gap: 30px;
  border-bottom: 2px solid #eee;
  margin-bottom: 35px;
  padding-bottom: 30px;
}
.deposit-bonus__items .content-wrapper {
  margin: 18px 0 12px 0;
}
.deposit-bonus__items .tickbox {
  display: inline-block;
  font-size: 16px;
  line-height: 20px;
  font-weight: normal;
  padding: 0;
  margin: 0;
  position: absolute;
  right: 10px;
  cursor: pointer;
}
.deposit-bonus__items .tickbox .sports-tickbox__box {
  background: url(https://s-assets.rootz.com/wildz.com/form-icons.png) top center;
  background-size: 24px;
  background-position: 0 48px;
  display: inline-block;
  width: 24px;
  height: 24px;
}
.deposit-bonus__items .tickbox input:checked + .sports-tickbox__box {
  background-position: 0 96px !important;
}
.deposit-bonus__items .tickbox input:focus + .sports-tickbox__box {
  background-position: 0 48px;
}
.offer-button-base,
.offer-button-sport,
.offer-button {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 100px;
}
.offer-button {
  background: #ffff00;
}
.offer-button-sport {
  background: #382371;
}
.offer-button-text-base,
.offer-button-text-sport,
.offer-button-text {
  display: inline-block;
  text-transform: uppercase;
  font-family: var(--font1);
  height: 14px;
  text-align: center;
  font-size: 10px;
  font-style: normal;
  font-weight: 800;
  padding: 0 14px;
  line-height: 6px;
}
.offer-button-text {
  color: #382371;
}
.offer-button-text-sport {
  color: #2cfef7;
}
.welcome-offer-bigText-base,
.welcome-offer-bigText-sport,
.welcome-offer-bigText {
  font-family: var(--font1);
  font-weight: 900;
  font-style: italic;
  text-transform: uppercase;
  line-height: normal;
  margin-bottom: 2px;
  font-size: 16px;
}
.welcome-offer-bigText {
  color: #ff0;
}
.welcome-offer-bigText-sport {
  color: #382371;
}
.welcome-offer-smallText {
  font-family: var(--font2);
  font-weight: 600;
  font-size: 12px;
  color: #ffffff;
}
.deposit-bonus-base,
.deposit-bonus__item-sport,
.deposit-bonus__item-casino {
  position: relative;
  display: grid;
  grid-template-columns: 56px 1fr 50px;
  gap: 10px;
  border-radius: 12px;
  padding-left: 10px;
  align-items: center;
}
.deposit-bonus__item-casino {
  background:
    linear-gradient(
      270deg,
      #6900f4 0%,
      #441e90 80%);
}
.deposit-bonus__item-sport {
  background:
    linear-gradient(
      73.13deg,
      #1ce7f8 23.27%,
      #72a2fd 50.12%,
      #a977fe 76.17%);
}
.icon {
  background: url(https://s-assets.rootz.com/wildz.com/icons/wildz-balance-booster.svg);
  width: 56px;
  height: 56px;
  flex-shrink: 0;
  margin-top: 12px;
}
.generic-icon {
  width: 56px;
  height: 56px;
}
.terms a {
  font-family: var(--font2);
  font-weight: 600;
  color: #fff;
  text-decoration-line: underline;
  padding-top: 4px;
}
.deposit-bonus a {
  color: #fff;
  font-size: 7px;
  text-decoration: none;
}
.betslipapp {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 50px;
  z-index: 19;
}
@media (min-width: 800px) {
  .betslipapp {
    width: 100%;
    max-width: 400px;
    bottom: 0;
    left: initial;
  }
}
.betslip {
  grid-area: betslip;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  width: 100%;
  max-width: 400px;
  max-height: 100vh;
}
@media (max-width: 800px) {
  .betslip {
    max-width: 100%;
    width: initial;
    left: 0;
    right: 0;
    bottom: 10px;
  }
}
.betslip {
  transition: transform 150ms;
}
@media (max-width: 800px) {
  .betslip--higher .betslip__badge {
    bottom: 68px;
  }
}
@media (min-width: 800px) {
  .betslip--aside {
    transform: translateX(-400px);
  }
}
.betslip--unwanted {
  display: none;
}
.betslip__toggler {
  position: absolute;
  top: 1rem;
  right: 18px;
  width: 22px;
  height: 22px;
  box-sizing: border-box;
  cursor: pointer;
}
.betslip__toggler .outer {
  stroke: #6f00ff;
}
.betslip__toggler path {
  fill: #6f00ff;
}
.betslip__container {
  pointer-events: auto;
  position: relative;
  max-height: 100vh;
  transform: translateY(100%);
  transition: transform 100ms;
}
@media (max-width: 800px) {
  .betslip__container {
    z-index: 21;
    border-radius: 1rem;
  }
}
@media (min-width: 800px) {
  .betslip__container {
    padding-right: 8px;
  }
}
.betslip--expanded .betslip__container {
  transform: translateY(0);
  margin-bottom: -8px;
}
@media screen and (width: 800px) {
  .betslip--expanded .betslip__container {
    margin-bottom: 42px;
  }
}
@media screen and (min-width: 801px) and (max-width: 932px) {
  .betslip--expanded .betslip__container {
    margin-bottom: 52px;
  }
}
.betslip__badge {
  pointer-events: auto;
  display: none;
  padding: 8px 12px;
  box-sizing: border-box;
  cursor: pointer;
  background-color: #d2fdfb;
  color: #412786;
  z-index: 300;
  border: 2px solid #84c0cc;
  border-radius: 2rem;
  align-items: center;
  line-height: 25px;
  font-family: var(--font2);
  font-weight: 700;
  font-size: 0.8em;
}
@media (max-width: 800px) {
  .betslip__badge {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
  }
}
.betslip__badge {
  right: 8px;
  bottom: 8px;
  position: absolute;
}
@media screen and (min-width: 800px) and (max-width: 932px) {
  .betslip__badge {
    bottom: 68px;
  }
}
@media screen and (width: 800px) {
  .betslip__badge {
    bottom: 58px;
  }
}
.betslip__badge .close__bg {
  fill: #84c0cc;
}
.betslip__badge .close__fg {
  fill: #d2fdfb;
}
.betslip__badge--visible {
  display: flex;
}
.betslip__badge--pulse {
  animation: betslipPulse 200ms;
}
@keyframes betslipPulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
.betslip__count {
  margin-left: 0.5rem;
  display: flex;
  background: rgb(64, 38, 136);
  color: rgb(0, 255, 248);
  box-shadow: rgba(13, 13, 13, 0) 0px 0px 0px 0px;
  border: none;
  border-radius: 100px;
  font-size: 9px;
  font-style: normal;
  font-weight: 700;
  line-height: 10px;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  padding: 0px;
  width: 24px;
  height: 24px;
  display: none;
}
.betslip__count.betslip__count--visible {
  display: flex;
}
a.betslip__close {
  height: 22px;
  display: inline-block;
  margin-left: auto;
}
a.betslip__close svg {
  transform: scale(0.8);
}
.betslip__total-odds {
  margin-left: 8px;
  font-weight: 600;
}
.sports-section {
  background-image: var(--sports-section-mobile);
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  padding-top: 150%;
  position: relative;
  background-size: 100% 100%;
}
.trending-text {
  color: #fff;
  font-family: var(--font2);
  font-size: 16px;
  font-weight: 600;
  line-height: 14px;
  text-align: left;
  top: -10%;
  left: 55px;
  margin-left: 42px;
}
.bets-container {
  position: absolute;
  top: 50%;
  left: 4%;
  width: 92%;
}
.trending-bets {
  position: relative;
  display: flex;
  margin-top: -20px;
  justify-content: space-between;
  margin-bottom: 15px;
}
.wildz-icon,
.brand-icon {
  background-image: url(https://s-assets.rootz.com/wildz.com/sports-images/icon-lightning.svg);
  background-repeat: no-repeat;
  position: absolute;
  width: 39px;
  height: 8px;
  top: 35%;
}
.sportsbook-widget {
  position: absolute;
  top: 10%;
  left: 1%;
}
.check-out-button {
  position: absolute;
  top: 96%;
  left: 43%;
  transform: translate(-30%, -70%);
  text-align: center;
  display: inline-block;
  cursor: pointer;
  background: #ffff00;
  border: 1px #ffff00 solid;
  color: #412786;
  font-family: var(--font2);
}
.view-more {
  display: none;
}
@media (min-width: 1024px) {
  .sports-section {
    background-image: var(--sports-section-desktop);
    padding-top: 55.25%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
    position: relative;
    background-size: 100% 100%;
  }
  .sports-section-mid-text {
    position: absolute;
    top: 43%;
    left: 5%;
    transform: translate(-5%, -45%);
    font-family: var(--font2);
    font-size: 22px;
    font-weight: 600;
    line-height: 14px;
    text-align: left;
    color: #fff;
  }
  .trending-text {
    font-size: 22px;
    margin-bottom: 38px;
    padding-top: 25px;
    margin-left: 50px;
  }
  .check-out-button {
    top: 95%;
    left: 47.5%;
    width: 180px;
    height: 50px;
    gap: 0px;
  }
}
@media (max-width: 1024px) {
  .sports-section-mid-text {
    display: none;
  }
}
@media (max-width: 800px) {
  .trending-text {
    font-size: 14px;
  }
  .view-more {
    display: block;
    color: #fff;
    font-family: var(--font2);
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
    top: -10%;
    right: 3px;
    cursor: pointer;
  }
}
@media (max-width: 370px) {
  .sports-section {
    height: 25px;
  }
}
@media only screen and (min-width: 1024px) {
  .sports-section-mid-text {
    display: none;
  }
}
@media only screen and (min-width: 1024px) and (orientation: portrait) {
  .sports-section {
    padding-top: 61.25%;
  }
  .trending-bets {
    margin-top: -7px;
    margin-bottom: -17px;
  }
  .bets-container {
    top: 36%;
  }
}
@media only screen and (min-width: 1024px) {
}
@media only screen and (min-width: 1024px) and (orientation: landscape) {
  .sports-section {
    padding-top: 55.25%;
  }
  .bets-container {
    top: 45%;
  }
}
@media only screen and (max-height: 800px), (min-width: 1179px) and (max-height: 1178px) {
  .bets-container {
    top: 50%;
  }
}
@media only screen and (min-width: 1179px) and (max-height: 1178px) {
  .trending-bets {
    margin-bottom: -8px;
  }
}
@media only screen and (max-width: 390px) {
  .bets-container {
    top: 55%;
  }
  .check-out-button {
    top: 97%;
  }
}
@media only screen and (max-width: 375px) {
  .bets-container {
    top: 54%;
  }
}
@media only screen and (max-width: 414px) {
  .bets-container {
    top: 56%;
  }
}
@media only screen and (max-width: 430px) {
  .bets-container {
    top: 58%;
  }
}
@media only screen and (max-width: 412px) {
  .check-out-button {
    top: 97%;
  }
}
@media only screen and (max-width: 430px) {
  .bets-container {
    top: 54%;
  }
}
@media only screen and (max-width: 344px) {
  .bets-container {
    top: 52%;
  }
}
.item-type-sportsbookreward.item-container {
  background:
    transparent linear-gradient(
      147deg,
      #e9fdfb 0%,
      #a3f3ed 41%,
      #a19fea 100%) 0% 0% no-repeat padding-box;
}
.item-type-sportsbookreward .item-element {
  background:
    transparent linear-gradient(
      148deg,
      #a7a7f6 0%,
      #4343b1 51%,
      #836cd6 100%) 0% 0% no-repeat padding-box;
}
.item-type-sportsbookreward .item-element-inner {
  background:
    transparent linear-gradient(
      147deg,
      #e9fdfb 0%,
      #a3f3ed 41%,
      #a19fea 100%) 0% 0% no-repeat padding-box;
}
.item-type-sportsbookreward h2 {
  color: #412786;
}
.item-type-sportsbookreward .item-badge__container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.item-type-sportsbookreward .item-badge__badge {
  text-transform: uppercase;
  font-weight: 600;
  background-color: #412786;
  color: #2cfef7;
  border: 2px solid #412786;
  border-radius: 15px;
  padding: 3px 12px;
}
.item-type-sportsbookreward .btn-claim {
  background-color: #412786;
  border: 4px #412786 solid;
  color: #2cfef7;
  width: 100%;
  margin-bottom: 10px;
  padding: 6px 28px;
}
.item-type-sportsbookreward .btn-claim .rewardcoupon-title {
  font-size: 16px;
  display: block;
}
.item-type-sportsbookreward .btn-claim .rewardcoupon-expires {
  font-size: 9px;
  display: block;
}
.item-type-sportsbookreward .inventory-expire {
  color: #412786;
}
.item-type-sportsbookreward .item__terms-and-conditions-container {
  text-align: left;
  font-size: 13px;
  color: #412786;
  list-style: disc;
  padding-left: 33px;
}
.item-type-sportsbookreward .item__terms-and-conditions-link {
  color: #412786;
  font-size: 12px;
  margin-bottom: 10px;
}
.item-type-sportsbookreward .item__bet-and-get-qualifying {
  text-align: left;
  list-style: disc;
  padding-left: 24px;
  color: #412786;
  font-size: 13px;
  margin: 10px 0 10px 0;
}
.superbrand-nav__btn--casino {
  background: #412786;
  border: 2px #412786 solid;
  color: #ffff00;
}
@media (min-width: 800px) {
  .superbrand-nav__btn--casino:hover {
    background: #ffff00;
    border: 2px #ffff00 solid;
    color: #412786;
  }
}
@media (max-width: 800px) {
  .superbrand-nav__btn--casino:active {
    background: #ffff00;
    border: 2px #ffff00 solid;
    color: #412786;
  }
}
.superbrand-nav__btn--casino {
  border: 2px #ffff00 solid;
}
.superbrand-nav__btn--casino.superbrand-nav--active {
  background: #ffff00;
  border: 2px #ffff00 solid;
  color: #412786;
}
@media (min-width: 800px) {
  .superbrand-nav__btn--casino.superbrand-nav--active:hover {
    background: #ffff00;
    border: 2px #ffff00 solid;
    color: #412786;
  }
}
@media (max-width: 800px) {
  .superbrand-nav__btn--casino.superbrand-nav--active:active {
    background: #ffff00;
    border: 2px #ffff00 solid;
    color: #412786;
  }
}
.superbrand-nav__btn--sports {
  background: #412786;
  border: 2px #412786 solid;
  color: #2cfef7;
}
@media (min-width: 800px) {
  .superbrand-nav__btn--sports:hover {
    background: #2cfef7;
    border: 2px #2cfef7 solid;
    color: #412786;
  }
}
@media (max-width: 800px) {
  .superbrand-nav__btn--sports:active {
    background: #2cfef7;
    border: 2px #2cfef7 solid;
    color: #412786;
  }
}
.superbrand-nav__btn--sports {
  border: 2px #2cfef7 solid;
}
.superbrand-nav__btn--sports.superbrand-nav--active {
  background: #2cfef7;
  border: 2px #2cfef7 solid;
  color: #412786;
}
@media (min-width: 800px) {
  .superbrand-nav__btn--sports.superbrand-nav--active:hover {
    background: #2cfef7;
    border: 2px #2cfef7 solid;
    color: #412786;
  }
}
@media (max-width: 800px) {
  .superbrand-nav__btn--sports.superbrand-nav--active:active {
    background: #2cfef7;
    border: 2px #2cfef7 solid;
    color: #412786;
  }
}
.button--wtv .logo {
  fill: #ffff00;
}
.button--wtv .tvBadge {
  fill: #fff;
}
#sidemenu .superbrand-nav {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  column-gap: 6px;
  margin-top: 6px;
  margin-bottom: 20px;
}
#sidemenu .superbrand-nav button,
#sidemenu .superbrand-nav a.button {
  font-size: 14px;
  text-align: center;
  padding: 6px 12px;
  font-weight: 700;
  margin-left: 0;
  margin-right: 0;
}
#top-bar .superbrand-nav {
  margin-top: 4px;
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 6px;
  padding-right: 10px;
}
#top-bar .superbrand-nav button,
#top-bar .superbrand-nav a.button {
  font-size: 12px;
  text-align: center;
  padding: 6px 12px;
  font-weight: 700;
}
#top-bar .superbrand-nav a.button--wtv {
  padding: 0;
}
#top-bar .superbrand-nav a.button--wtv.superbrand-nav--active .tvBadge {
  fill: #ff5652;
}
#top-bar .superbrand-nav .button--wtv {
  padding: 0;
  margin-top: 2px;
}
#top-bar .superbrand-nav .button--wtv svg {
  width: auto;
  height: 34px;
}
#sidemenu .button--wtv svg {
  width: auto;
  height: 35px;
}
#sidemenu .left-links--wildztv .button--wtv .tvBadge {
  fill: #ff5652;
}
.banner {
  position: relative;
  background: rgb(218, 210, 255);
  background-size: cover;
  background-position: top right;
  background-image: var(--userbanner-bg-image);
  min-height: 58vw;
}
@media (min-width: 800px) {
  .banner {
    min-height: 24vh;
    background-image: var(--userbanner-bg-desktop);
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
.banner__background {
  background: rgb(218, 210, 255);
  background-size: cover;
  background-position: bottom right;
  background-image: var(--userbanner-bg-image);
}
@media (min-width: 800px) {
  .banner__background {
    background-image: var(--userbanner-bg-desktop);
  }
}
.banner__container {
  box-sizing: border-box;
  position: relative;
  padding: 1rem;
  padding-left: 1rem;
  max-width: 65%;
  min-height: 100%;
}
@media (min-width: 800px) {
  .banner__container {
    max-width: 45%;
    margin-bottom: 1rem;
    padding-left: 2rem;
  }
}
.banner__content {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  flex-direction: column;
  color: #fff;
  gap: 0.4em;
  min-height: 100%;
  container: bannercontent/inline-size;
}
.banner__content .disclaimer {
  font-size: 0.8em;
}
.banner__title {
  font-family: var(--font1);
  font-weight: 800;
  font-style: italic;
  font-size: 1.8em;
  color: #ffff00;
  text-transform: uppercase;
}
@media (min-width: 800px) {
  .banner__title {
    font-size: 1.5em;
  }
  @container bannercontent (max-width: 350px) {
    .banner__title {
      font-size: max(1.5em, 12cqw);
    }
  }
  @container bannercontent (min-width: 350px) {
    .banner__title {
      font-size: max(2em, 12cqw);
    }
  }
}
.banner__subtitle {
  font-family: var(--font2);
  font-weight: 600;
  font-size: 1em;
  margin-bottom: 1rem;
}
@media (min-width: 800px) {
  .banner__subtitle {
    font-size: 0.9em;
  }
  @container bannercontent (max-width: 350px) {
    .banner__subtitle {
      font-size: max(0.9em, 5cqw);
    }
  }
  @container bannercontent (min-width: 350px) {
    .banner__subtitle {
      font-size: max(1em, 5cqw);
    }
  }
}
.banner__button {
  margin: 0;
  margin-top: auto;
}
.banner.banner--hidden {
  display: none;
}
.banner.banner--loading {
  background-color: transparent;
}
.banner.banner--loaded {
  background-color: #382371;
}
.banner__container {
  margin-bottom: 0;
}
.banner__container p a {
  color: #fff;
}
.sidemodal .bonuscode form {
  display: grid;
  grid-template-areas: "bonuscode button" "error error";
  grid-template-columns: 1fr auto;
  gap: 10px;
}
.sidemodal .bonuscode form input,
.sidemodal .bonuscode form .field {
  margin-bottom: 0;
}
.sidemodal .bonuscode form .submit {
  margin-top: 0;
  grid-area: button;
}
.sidemodal .bonuscode form .error-text {
  text-align: left;
  grid-area: error;
  color: #ff5652;
  font-size: 0.8em;
  margin: 0;
}
.rewards__bonuscode {
  padding: 15px;
  background: #fff;
  margin-left: -15px;
  margin-right: -15px;
  border-radius: 10px;
}
.rewards__bonuscode p.success-text {
  text-align: left;
}
.rewards__bonuscode p.bonuscode__info {
  margin-bottom: 0;
}
#static-banners.sportsbook .banner--casino {
  display: none;
}
#static-banners.casino .banner--sports {
  display: none;
}
.modal-inner > div.topBar {
  font-size: 21px;
  font-weight: 500;
  line-height: 30px;
  background: #6f00ff;
  color: white;
  position: relative;
  z-index: 100;
}
.top-lander-bg1 {
  background: -moz-linear-gradient(45deg, #00fff8 0%, #7f5ef7 23%, #6f00ff 39%, #ff5652 100%);
  background: -webkit-linear-gradient(45deg, #00fff8 0%, #7f5ef7 23%, #6f00ff 39%, #ff5652 100%);
  background:
    linear-gradient(
      45deg,
      #00fff8 0%,
      #7f5ef7 23%,
      #6f00ff 39%,
      #ff5652 100%);
}
.top-lander-bg2 {
  background: -moz-linear-gradient(-135deg, #00fff8 0%, #7f5ef7 23%, #6f00ff 39%, #ff5652 100%);
  background: -webkit-linear-gradient(-135deg, #00fff8 0%, #7f5ef7 23%, #6f00ff 39%, #ff5652 100%);
  background:
    linear-gradient(
      -135deg,
      #00fff8 0%,
      #7f5ef7 23%,
      #6f00ff 39%,
      #ff5652 100%);
  opacity: 0;
  animation: opac 16s ease-in-out 0s infinite;
}
.lander-border-wrap {
  background: -moz-linear-gradient(135deg, #00fff8 0%, #7f5ef7 30%, #6f00ff 55%, #ff5652 100%);
  background: -webkit-linear-gradient(135deg, #00fff8 0%, #7f5ef7 30%, #6f00ff 55%, #ff5652 100%);
  background:
    linear-gradient(
      135deg,
      #00fff8 0%,
      #7f5ef7 30%,
      #6f00ff 55%,
      #ff5652 100%);
}
#top-games-promo .categories a {
  background: linear-gradient(#441e90, #6900f4);
}
#customer-support-promo {
  background: -moz-linear-gradient(left, rgb(255, 255, 0) 0%, rgb(255, 86, 82) 100%);
  background: -webkit-linear-gradient(left, rgb(255, 255, 0) 0%, rgb(255, 86, 82) 100%);
  background:
    linear-gradient(
      to right,
      rgb(255, 255, 0) 0%,
      rgb(255, 86, 82) 100%);
}
#cta-promo {
  background: rgb(65, 39, 134) url(https://s-assets.rootz.com/wildz.com/patternbg.svg) repeat left top;
  background-size: cover;
}
.title-gradient {
  background:
    linear-gradient(
      80deg,
      rgb(0, 255, 248) 0%,
      rgb(111, 0, 255) 52%,
      rgb(255, 86, 82) 100%);
}
.mudal-content.rewards {
  background: rgb(194, 255, 253);
  background: -moz-linear-gradient(top, rgb(194, 255, 253) 0%, rgb(233, 222, 255) 100%);
  background: -webkit-linear-gradient(top, rgb(194, 255, 253) 0%, rgb(233, 222, 255) 100%);
  background:
    linear-gradient(
      to bottom,
      rgb(194, 255, 253) 0%,
      rgb(233, 222, 255) 100%);
}
.item-element {
  background: rgb(0, 255, 248);
  background: -moz-linear-gradient(-45deg, rgb(0, 255, 248) 0%, rgb(8, 249, 248) 11%, rgb(28, 231, 249) 22%, rgb(63, 203, 251) 32%, rgb(110, 164, 253) 42%, rgb(165, 118, 255) 52%, rgb(177, 114, 232) 62%, rgb(210, 102, 168) 72%, rgb(235, 93, 121) 81%, rgb(249, 88, 93) 91%, rgb(255, 86, 82) 100%);
  background: -webkit-linear-gradient(-45deg, rgb(0, 255, 248) 0%, rgb(8, 249, 248) 11%, rgb(28, 231, 249) 22%, rgb(63, 203, 251) 32%, rgb(110, 164, 253) 42%, rgb(165, 118, 255) 52%, rgb(177, 114, 232) 62%, rgb(210, 102, 168) 72%, rgb(235, 93, 121) 81%, rgb(249, 88, 93) 91%, rgb(255, 86, 82) 100%);
  background:
    linear-gradient(
      -45deg,
      rgb(0, 255, 248) 0%,
      rgb(8, 249, 248) 11%,
      rgb(28, 231, 249) 22%,
      rgb(63, 203, 251) 32%,
      rgb(110, 164, 253) 42%,
      rgb(165, 118, 255) 52%,
      rgb(177, 114, 232) 62%,
      rgb(210, 102, 168) 72%,
      rgb(235, 93, 121) 81%,
      rgb(249, 88, 93) 91%,
      rgb(255, 86, 82) 100%);
}
.game-bg1 {
  background:
    linear-gradient(
      45deg,
      #a576ff,
      #00fff8);
}
.game-bg2 {
  background:
    linear-gradient(
      45deg,
      #00fff8,
      #a576ff);
}
.gradientbg {
  background: -moz-linear-gradient(-45deg, rgb(0, 255, 248) 0%, rgb(8, 249, 248) 11%, rgb(28, 231, 249) 22%, rgb(63, 203, 251) 32%, rgb(110, 164, 253) 42%, rgb(165, 118, 255) 52%, rgb(177, 114, 232) 62%, rgb(210, 102, 168) 72%, rgb(235, 93, 121) 81%, rgb(249, 88, 93) 91%, rgb(255, 86, 82) 100%);
  background: -webkit-linear-gradient(-45deg, rgb(0, 255, 248) 0%, rgb(8, 249, 248) 11%, rgb(28, 231, 249) 22%, rgb(63, 203, 251) 32%, rgb(110, 164, 253) 42%, rgb(165, 118, 255) 52%, rgb(177, 114, 232) 62%, rgb(210, 102, 168) 72%, rgb(235, 93, 121) 81%, rgb(249, 88, 93) 91%, rgb(255, 86, 82) 100%);
  background:
    linear-gradient(
      -45deg,
      rgb(0, 255, 248) 0%,
      rgb(8, 249, 248) 11%,
      rgb(28, 231, 249) 22%,
      rgb(63, 203, 251) 32%,
      rgb(110, 164, 253) 42%,
      rgb(165, 118, 255) 52%,
      rgb(177, 114, 232) 62%,
      rgb(210, 102, 168) 72%,
      rgb(235, 93, 121) 81%,
      rgb(249, 88, 93) 91%,
      rgb(255, 86, 82) 100%);
}
.notfound-lander {
  background:
    linear-gradient(
      59deg,
      rgb(255, 249, 3) 29%,
      rgb(254, 138, 54) 80%);
}
.notfound-lander .info-section {
  background: url(https://s-assets.rootz.com/wildz.com/support-page/background.jpg) no-repeat 60% 0;
  background-size: cover;
}
.notfound-lander .info-section .side-img {
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(https://s-assets.rootz.com/wildz.com/w_granny_404.png);
  height: 100vh;
  width: 100vw;
  max-width: 54%;
  float: right;
  background-position-y: bottom;
  margin-right: 25px;
}
.underTopBannerText {
  padding: 15px;
  font-size: 14px;
  font-family: var(--font2);
  font-weight: 800;
  text-align: center;
  background: #382371;
  color: #fff;
}
.rocket-cont {
  transform: translate(-110%, 0px);
  transition: transform 1.6s ease;
}
.logout-rocket {
  transition: transform 2s ease-in-out;
  max-height: 360px;
}
.logout-clouds {
  position: absolute;
  animation: scroll 16s linear 0s infinite;
  width: 100%;
  left: 0;
  right: 0;
  top: 20%;
}
@keyframes scroll {
  0% {
    transform: translate3d(100%, 0, 0);
    -webkit-transform: translate3d(100%, 0, 0);
  }
  100% {
    transform: translate3d(-100%, 0, 0);
    -webkit-transform: translate3d(-100%, 0, 0);
  }
}
.trust-elements,
.lander-middle-text,
.lander-middle-text-2 {
  cursor: pointer;
}
#mid-sect {
  display: block;
}
.bottombar .bottombar__right button {
  font-size: 12px;
  text-align: center;
  padding: 6px 12px;
  font-weight: 700;
  margin: 2px 4px;
}
.bottombar:not(.logged-in) #bottom-right #login-btn-bottom {
  height: 40px;
}
#menul-hamburger .brgr-l {
  stroke: #fff;
}
#sidemenu-chat .lvc1 {
  fill: #fff;
}
#sidemenu-chat:hover svg > path,
#sidemenu-chat:hover svg > ellipse {
  fill: #2cfef7;
}
.bottombar__menu .bottombar__burger line {
  fill: none;
  stroke-miterlimit: 10;
  stroke-width: 75px;
  stroke: #fff;
}
.getmore-section {
  background:
    linear-gradient(
      135deg,
      rgb(237, 77, 94) 0%,
      rgb(112, 8, 203) 31%,
      rgb(63, 1, 152) 69%,
      rgb(27, 183, 247) 100%);
}
.getmore-section .info-section {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 60% 0;
  min-height: 45em;
}
.getmore-section .info-section .inner-section {
  text-align: center;
}
.getmore-section .info-section .inner-section .side-img {
  max-width: 500px;
}
.getmore-section .info-section .inner-section .info-content {
  margin: auto;
  width: 33%;
  padding: 0 0 45px 0;
  text-align: left;
  font-family: var(--font2);
  font-weight: 600;
  font-size: 1em;
  line-height: 1.5;
  color: white;
}
.getmore-section .info-section .inner-section .info-content h2 {
  text-align: center;
  font-size: 40px;
  line-height: 40px;
}
.getmore-section .info-section .inner-section .info-content ul {
  list-style: disc !important;
  padding: 0;
  margin: 0;
}
@media (max-width: 500px) {
  .getmore-section .info-section .inner-section .side-img {
    max-width: 100%;
  }
  .getmore-section .info-section .inner-section .info-content {
    width: 75%;
  }
}
.getmore-section .info-section .bottom-img {
  padding-top: 50px;
}
.getmore-section .info-section h1 {
  margin: 0;
  font-size: 1.5em;
}
.getmore-section .getmore {
  text-align: center;
}
@media (max-width: 500px) {
  .getmore-section .getmore .inner-section .get-more-inner li {
    justify-content: left !important;
    width: 50%;
  }
}
.getmore-section .getmore .inner-section .get-more-inner {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin: 0 0 10px;
  color: white;
}
.getmore-section .getmore .inner-section .get-more-inner li {
  display: flex;
  flex-flow: row;
  justify-content: center;
  margin: 0 30px 30px;
}
.getmore-section .getmore .inner-section .get-more-inner img {
  width: 100px;
  height: 100px;
}
.getmore-section .getmore .inner-section .get-more-inner p {
  margin: 0 0 0 20px;
  padding: 40px 0;
  font-family: var(--font2);
  font-weight: 600;
  line-height: 20px;
}
.getmore-section .getmore .inner-section {
  display: inline-block;
  width: 85%;
  padding-left: 0;
  padding-top: 0;
}
.getmore-section .getmore .inner-section > img {
  margin: 32px 0;
  width: 660px;
  max-width: 100%;
}
.getmore-section .getmore .inner-section h2 {
  padding: 1em 0 0 0;
  font-size: 2em;
}
.getmore-section .getmore .inner-section .landing-video-wrap {
  width: 1000px;
}
.getmore-counter-section {
  background: rgb(255, 255, 0);
  background:
    linear-gradient(
      90deg,
      rgb(255, 255, 0) 0%,
      rgb(255, 86, 82) 100%);
  color: #412786;
  text-align: center;
  min-height: 22em !important;
  max-height: 30em !important;
}
.getmore-counter-section .inner-section {
  padding-left: 0 !important;
  padding-top: 60px !important;
}
.getmore-counter-section .inner-section .w-logo {
  display: none;
  width: 140px;
  margin-top: -12px;
  margin-right: 10px;
}
.getmore-counter-section .inner-section .getmore-counter-p {
  margin-top: 140px;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
}
.getmore-counter-section h2 {
  display: inline;
}
.getmore-counter-section p {
  font-family: var(--font2);
  font-weight: 600;
  font-size: 1em;
  line-height: 1.5;
}
@media (min-width: 700px) {
  .getmore-counter-section .inner-section .w-logo {
    display: inline;
  }
}
.desktop .w-logo {
  display: inline !important;
}
.bottomMenuVisible .inner-section {
  padding-top: 10% !important;
}
.getmore-counter {
  margin: 60px 0 40px 0;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.5);
}
.getmore-counter span {
  color: #412786;
  font-family: motor, monospace;
  font-size: 4em;
  font-weight: 700;
  border-radius: 25px;
  position: relative;
  z-index: 1;
}
.getmore-counter .sep {
  bottom: -24px;
}
.getmore-counter .number {
  color: #ffff00;
  background:
    linear-gradient(
      to bottom,
      #7c66ac 0%,
      #7c66ac 50%,
      #412786 50%,
      #412786 100%);
  padding: 10px 20px 10px 20px;
  margin: 3px;
}
.cta-center {
  margin: auto;
}
.cta-center .cta-getmore {
  margin: auto;
}
.cta-center .cta-getmore .cta-img img {
  max-width: 70%;
  height: auto;
  margin: 0 0 32px 0;
}
html {
  background: #382371;
  height: 100%;
  width: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-text-size-adjust: 100%;
}
body {
  font-size: var(--font-size-base, 18px);
  line-height: 1;
  font-family: var(--font3);
  background: #fff;
  margin: 0;
  overflow-x: hidden;
  color: #412786;
}
.base-content a {
  text-decoration: underline;
}
p {
  line-height: 1.2em;
  margin: 0.8em 0;
}
p a {
  text-decoration: underline;
  color: #6f00ff;
}
p ul,
p ol {
  line-height: var(--line-height-base, 1.5em);
  padding: 0 32px;
}
p ul {
  list-style: decimal;
}
p ol {
  list-style: disc;
}
table {
  font-size: var(--font-size-base, 18px);
  border-spacing: 0;
}
td,
th {
  border-bottom: 1px solid #6f00ff;
  padding: 8px;
}
td:first-child,
th:first-child {
  padding: 8px 8px 8px 0;
}
td:last-child,
th:last-child {
  padding: 8px 0px 8px 8px;
}
th {
  text-align: left;
}
hr {
  border-top: 1px solid #6f00ff;
}
h1,
h2,
h3,
h4 {
  font-family: var(--font2);
  font-weight: 700;
}
h1 {
  font-size: 2em;
  margin: 2em 0 0 0;
}
h2 {
  font-size: 24px;
  line-height: 28px;
  margin: 0.8em 0 0.3em;
}
h3 {
  font-size: 1.1em;
  line-height: 1.2;
  margin: 0.8em 0 4px 0;
}
img {
  max-width: 100%;
  vertical-align: middle;
}
button:hover {
  cursor: pointer;
}
button:disabled {
  cursor: not-allowed;
}
button,
input[type=submit],
input[type=button],
.button {
  line-height: inherit;
  font-weight: 600;
  text-transform: none;
  text-align: center;
  padding: 8px 20px;
  font-size: 16px;
  text-decoration: none;
  transition: transform 0.1s ease-in-out;
  border-radius: 50px;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
  -webkit-appearance: button;
  font-family: var(--font2);
}
.button {
  display: inline-block;
}
.realitycheck button {
  width: 100%;
  margin-bottom: 16px;
}
.show {
  display: block !important;
}
.hidden {
  display: none !important;
}
ul,
ol {
  list-style: none;
  padding: 0;
}
ul ul,
ul ol,
ol ul,
ol ol {
  margin-bottom: 0;
}
iframe {
  border: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
#webWidget {
  left: unset;
  top: unset;
}
#launcher {
  display: none;
}
.invisible {
  visibility: hidden;
}
a {
  color: inherit;
  cursor: pointer;
  text-decoration: none;
}
a:focus {
  outline: 0;
}
.left {
  float: left;
}
.right {
  float: right;
}
.cms-page {
  padding: 0 16px;
}
.cms-page h1 {
  margin: 0;
}
#all-content {
  width: 100%;
  background: #fff;
}
#all {
  margin-left: 200px;
  position: relative;
  background: #fff;
}
#mid-sect {
  display: inline-block;
  width: 100%;
}
.btn-cyan-ghost {
  background: none;
  border: 3px #2cfef7 solid;
  color: #2cfef7;
}
.btn-cyan-ghost:hover:enabled {
  background: #2cfef7;
  color: #412786;
}
.btn-cyan {
  background: #2cfef7;
  border: 4px #2cfef7 solid;
  color: #412786;
}
.btn-cyan:hover:enabled,
.btn-cyan:focus:enabled {
  background: #6f00ff;
  border: 4px #6f00ff solid;
  color: #fff;
}
.btn-red {
  background: #ff5652;
  border: 4px #ff5652 solid;
  color: white;
}
.btn-red:hover:enabled,
.btn-red:focus:enabled {
  background: #c82333;
  border: 4px #c82333 solid;
}
.btn-red-ghost {
  background: none;
  border: 2px white solid;
  color: white;
}
.btn-red-ghost:hover:enabled,
.btn-red-ghost:focus:enabled {
  background: #c82333;
  border: 2px #c82333 solid;
  color: white;
}
.btn-purple {
  background: #6f00ff;
  border: 4px #6f00ff solid;
  color: white;
}
.btn-purple:hover:enabled,
.btn-purple:focus:enabled {
  background: #412786;
  border: 4px #412786 solid;
  color: #2cfef7;
}
.btn-centered {
  display: block;
  margin: auto;
}
.btn-green {
  background: #00e2ac;
  border: 4px #00e2ac solid;
  color: #412786;
}
.btn-green:hover:enabled,
.btn-green:focus:enabled {
  background: #412786;
  border: 4px #412786 solid;
  color: #2cfef7;
}
.btn-purple-ghost {
  background: none;
  border: 3px #6f00ff solid;
  color: #6f00ff;
  padding: 9px 21px;
}
.btn-purple-ghost:hover:enabled {
  background: #6f00ff;
  color: white;
}
.btn-whitehover:hover:enabled,
.btn-whitehover:focus:enabled {
  background: #fff;
  border: 4px #fff solid;
  color: #6f00ff;
}
a.btn-whitehover:hover,
a.btn-whitehover:focus {
  background: #fff;
  border: 4px #fff solid;
  color: #6f00ff;
}
.btn-cyan:disabled,
.btn-purple:disabled {
  background: none;
  color: #8b7fb9;
  border: 3px #8b7fb9 solid;
}
.single-reward button {
  width: 100%;
}
.btn-big {
  width: 100%;
  padding: 14px;
  font-size: var(--font-size-base, 18px);
  position: relative;
}
.btn-big .loading-dots {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -30px;
}
.btn-purple {
  position: relative;
}
.btn-purple .loading-dots {
  position: absolute;
  top: -8px;
  left: 50%;
  margin-left: -24px;
}
.btn,
.btn-big,
.btn--big,
.btn-purple,
.btn-cyan {
  margin-top: 8px;
}
.btn.is-loading,
.btn-big.is-loading,
.btn--big.is-loading,
.btn-purple.is-loading,
.btn-cyan.is-loading {
  color: transparent;
}
.btn.is-loading .loading-dots,
.btn-big.is-loading .loading-dots,
.btn--big.is-loading .loading-dots,
.btn-purple.is-loading .loading-dots,
.btn-cyan.is-loading .loading-dots {
  display: block;
}
.btn.is-loading .loading-dots span,
.btn-big.is-loading .loading-dots span,
.btn--big.is-loading .loading-dots span,
.btn-purple.is-loading .loading-dots span,
.btn-cyan.is-loading .loading-dots span {
  animation: dot-bounce 1.3s cubic-bezier(0.46, 0.03, 0.52, 0.96) infinite;
}
.btn.is-loading .loading-dots .loading-dots__2,
.btn-big.is-loading .loading-dots .loading-dots__2,
.btn--big.is-loading .loading-dots .loading-dots__2,
.btn-purple.is-loading .loading-dots .loading-dots__2,
.btn-cyan.is-loading .loading-dots .loading-dots__2 {
  animation-delay: 0.2s;
}
.btn.is-loading .loading-dots .loading-dots__3,
.btn-big.is-loading .loading-dots .loading-dots__3,
.btn--big.is-loading .loading-dots .loading-dots__3,
.btn-purple.is-loading .loading-dots .loading-dots__3,
.btn-cyan.is-loading .loading-dots .loading-dots__3 {
  animation-delay: 0.4s;
}
.btn.is-loading.btn-purple:hover,
.btn.is-loading.btn-purple:focus,
.btn.is-loading.btn-purple:disabled,
.btn-big.is-loading.btn-purple:hover,
.btn-big.is-loading.btn-purple:focus,
.btn-big.is-loading.btn-purple:disabled,
.btn--big.is-loading.btn-purple:hover,
.btn--big.is-loading.btn-purple:focus,
.btn--big.is-loading.btn-purple:disabled,
.btn-purple.is-loading.btn-purple:hover,
.btn-purple.is-loading.btn-purple:focus,
.btn-purple.is-loading.btn-purple:disabled,
.btn-cyan.is-loading.btn-purple:hover,
.btn-cyan.is-loading.btn-purple:focus,
.btn-cyan.is-loading.btn-purple:disabled {
  background: #6f00ff;
  border: 4px #6f00ff solid;
  color: transparent;
}
.btn.is-loading.btn-cyan:hover,
.btn.is-loading.btn-cyan:focus,
.btn.is-loading.btn-cyan:disabled,
.btn-big.is-loading.btn-cyan:hover,
.btn-big.is-loading.btn-cyan:focus,
.btn-big.is-loading.btn-cyan:disabled,
.btn--big.is-loading.btn-cyan:hover,
.btn--big.is-loading.btn-cyan:focus,
.btn--big.is-loading.btn-cyan:disabled,
.btn-purple.is-loading.btn-cyan:hover,
.btn-purple.is-loading.btn-cyan:focus,
.btn-purple.is-loading.btn-cyan:disabled,
.btn-cyan.is-loading.btn-cyan:hover,
.btn-cyan.is-loading.btn-cyan:focus,
.btn-cyan.is-loading.btn-cyan:disabled {
  background: #2cfef7;
  border: 4px #2cfef7 solid;
  color: transparent;
}
.btn.is-loading .loading-dots {
  padding: 0;
}
@keyframes dot-bounce {
  0% {
    transform: translateY(0);
  }
  3% {
    transform: translateY(0);
  }
  10% {
    transform: translateY(-10px);
  }
  45% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(0);
  }
}
.loading-dots {
  display: none;
  padding: 19px 0;
  margin: 0 auto;
  width: 60px;
}
.loading-dots span {
  float: left;
  margin: 0 4px;
  width: 10px;
  height: 10px;
  border-radius: 6px;
  background: rgb(226.2, 204, 255);
}
.notification-ball {
  position: absolute;
  border-radius: 50%;
  background: #ff5652;
  width: 16px;
  height: 16px;
  color: white;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  z-index: 1;
  top: 4px;
  right: 0;
}
.notification-ball p {
  margin: 0;
  line-height: 17px;
}
.power-bottom-container .notification-ball {
  left: 60px;
  top: 50px;
}
.base-content .faq-ul {
  list-style: none;
  padding-left: 0;
}
.pagination li {
  display: inline;
}
@media (max-width: 800px), (max-height: 500px) {
  .game {
    margin-left: 0 !important;
  }
  #all {
    margin-left: 0;
  }
  #sidemenu {
    display: none;
  }
  .mudal__container {
    margin-left: 0;
  }
  #all-content {
    padding-bottom: 60px;
  }
  .top-games-header {
    font-size: 24px;
    padding: 0 16px;
  }
  .notification-ball {
    top: 5%;
    left: 52%;
  }
}
#bottommenu {
  display: none;
}
@media (max-width: 512px) {
  .game-p {
    display: block;
  }
  .col-s {
    display: none;
  }
  .top-games-header {
    font-size: 20px;
  }
  .top-games-header img {
    width: 32px;
    padding-bottom: 8px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .game {
    margin-left: 200px;
  }
}
body.playing #promo {
  display: none !important;
}
body.playing.gameMinimized #mainLobby {
  display: block !important;
}
#forgotPasswordForm {
  display: none;
}
#forgotPasswordForm.visible {
  display: block;
}
input.valid + label:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 6px;
  border: 2px solid #00e2ac;
  border-width: 0 0 2px 2px;
  transform: rotateZ(-45deg);
  margin: -6px 0 0 -5px;
}
.validationbox {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  height: 42px;
  width: 42px;
}
.with-extra-symbol {
  right: 20px;
}
.inline-block {
  display: inline-block;
}
input[type=date]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  display: none;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
.fullwidth {
  width: 100%;
}
.login-link {
  display: block;
  margin: 30px 0;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
}
.register-manually {
  display: block;
  margin: 16px 0;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
}
.topNotification {
  width: 100%;
  text-align: center;
  font-size: 16px;
  background: #ff5652;
  color: white;
  transition: opacity 0.5s ease-in-out;
  padding: 5px 0 4px 0;
  position: absolute;
  top: 0;
  height: auto;
  z-index: 101;
  display: block;
  opacity: 1;
}
.topNotification .notification-message {
  padding-bottom: 5px;
  display: block;
}
.topNotification .notification-dismiss {
  position: unset;
  display: block;
  margin: 0 auto;
  background: url(https://s-assets.rootz.com/wildz.com/arrow-button-white.svg);
  background-repeat: no-repeat;
}
body.desktop:not(.bottomMenuVisible) .topNotification {
  padding-left: 200px;
  width: calc(100% - 200px);
}
body.bottomMenuVisible .topNotification {
  width: 100%;
}
.show-topNotification {
  display: block;
  opacity: 0.85;
  top: 0;
}
.checkboxes a {
  text-decoration: underline;
}
#live-chat-link {
  text-decoration: underline;
  color: #6f00ff;
  cursor: pointer;
}
#live-chat-img {
  cursor: pointer;
}

//# sourceMappingURL=/index-TICJNRFL.bundle.css.map