/*
 * Alto777 clean visual override.
 * Scope: visual skin only. Backend, APIs, routes, sessions, games and bundles are untouched.
 */

html.alto777-theme,
body.alto777-theme,
.alto777-theme {
  --skin__ID: 9-1;
  --skin__layout: 9;
  --skin__primary: #006CFF;
  --skin__primary__toRgbString: 0,108,255;
  --skin__lead: #006CFF;
  --skin__lead__toRgbString: 0,108,255;
  --skin__home_bg: #EEF5FF;
  --skin__home_bg__toRgbString: 238,245,255;
  --skin__bg_1: #EEF5FF;
  --skin__bg_1__toRgbString: 238,245,255;
  --skin__bg_2: #FFFFFF;
  --skin__bg_2__toRgbString: 255,255,255;
  --skin__border: #BAD7FF;
  --skin__border__toRgbString: 186,215,255;
  --skin__bs_topnav_bg: #00CCFF;
  --skin__bs_topnav_bg__toRgbString: 0,204,255;
  --skin__filter_active: #006CFF;
  --skin__filter_active__toRgbString: 0,108,255;
  --skin__filter_bg: #EEF5FF;
  --skin__filter_bg__toRgbString: 238,245,255;
  --skin__neutral_1: #4E98FE;
  --skin__neutral_1__toRgbString: 78,152,254;
  --skin__neutral_2: #92C0FF;
  --skin__neutral_2__toRgbString: 146,192,255;
  --skin__neutral_3: #9CC6FF;
  --skin__neutral_3__toRgbString: 156,198,255;
  --skin__btmnav_active: #006CFF;
  --skin__btmnav_active__toRgbString: 0,108,255;
  --skin__btmnav_def: #4E98FE;
  --skin__btmnav_def__toRgbString: 78,152,254;
  --skin__jackpot_text: #FFFFFF;
  --skin__jackpot_text__toRgbString: 255,255,255;
  --skin__jdd_vip_bjc: #FFAA09;
  --skin__jdd_vip_bjc__toRgbString: 255,170,9;
  --skin__label_accent3: #FFAA09;
  --skin__label_accent3__toRgbString: 255,170,9;
  --skin__accent_2: #FF0000;
  --skin__accent_2__toRgbString: 255,0,0;
  --alto-bg: #EEF5FF;
  --alto-card: #FFFFFF;
  --alto-blue: #006CFF;
  --alto-soft-blue: #4E98FE;
  --alto-line: #BAD7FF;
  --alto-cyan: #00D9FF;
}

html.alto777-theme,
html.alto777-theme body,
html.alto777-theme #app,
.alto777-theme [class*="_home-layout_"],
.alto777-theme [class*="_section-content_"] {
  background: var(--alto-bg) !important;
}

/* Force-remove the W1 home pattern: in this build it renders as a full-height blank block. */
.alto777-theme [class*="_home-pattern_"] {
  display: none !important;
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

/* Top cleanup: remove the native "Download APP" strip without leaving a spacer. */
.alto777-theme [class*="_home-layout_"] [class*="_topAd_"],
.alto777-theme [class*="_banner-container_"] [class*="_topAd_"],
.alto777-theme [class*="_banner-container_"] [class*="_top-download_"],
.alto777-theme [class*="_top-download_"],
.alto777-theme #loadClick,
.alto777-theme [class*="_top-download-content_"],
.alto777-theme [class*="_top-download-inner-html_"],
.alto777-theme [class*="_top-download-close_"],
.alto777-theme [class*="_ghost_sg07q_"] {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

.alto777-theme [class*="_base-layout_"],
.alto777-theme [class*="_base-view_"],
.alto777-theme [class*="_home-layout_"] {
  padding-top: 0 !important;
}

/* Header */
.alto777-theme [class*="_home-layout_"] > header,
.alto777-theme [class*="_home-layout_"] > header > div,
.alto777-theme .lobby-home-header-container,
.alto777-theme [class*="_header-bg_"] {
  height: 1rem !important;
  min-height: 1rem !important;
  background: linear-gradient(180deg, #C9F7FF 0%, #EAF8FF 100%) !important;
  border: 0 !important;
  box-shadow: 0 .03rem .1rem rgba(0, 108, 255, .1) !important;
}

.alto777-theme .lobby-home-header-container {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  position: relative !important;
  padding: 0 .16rem !important;
}

.alto777-theme [class*="_home-layout_"] > header [class*="_header_"],
.alto777-theme .lobby-home-header-container [class*="_header_"] {
  height: 100% !important;
  background: transparent !important;
}

.alto777-theme .lobby-home-header-container__section--left,
.alto777-theme .lobby-home-header-container__section--right {
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
  z-index: 2 !important;
}

.alto777-theme .lobby-home-header-container__section--right {
  width: .62rem !important;
  min-width: .62rem !important;
  justify-content: flex-end !important;
  pointer-events: none !important;
}

.alto777-theme .lobby-home-header-container__section--right > *,
.alto777-theme header [class*="_language_"],
.alto777-theme header [class*="_flag_"],
.alto777-theme header img[src*="br"],
.alto777-theme header img[src*="BR"],
.alto777-theme header img[src*="brazil"],
.alto777-theme header img[src*="Brasil"] {
  display: none !important;
}

.alto777-theme [class*="_home-layout_"] > header [class*="_icon-wrap_"],
.alto777-theme [class*="_home-layout_"] > header [class*="_arrow-icon_"],
.alto777-theme .lobby-home-header-container [class*="_icon-wrap_"],
.alto777-theme .lobby-home-header-container [class*="_arrow-icon_"] {
  color: var(--alto-blue) !important;
  fill: currentColor !important;
}

.alto777-theme [class*="_home-layout_"] > header [class*="_icon-wrap_"],
.alto777-theme .lobby-home-header-container [class*="_icon-wrap_"] {
  position: relative !important;
  width: .74rem !important;
  min-width: .74rem !important;
  height: 1rem !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

.alto777-theme [class*="_home-layout_"] > header [class*="_icon-wrap_"] svg,
.alto777-theme [class*="_home-layout_"] > header [class*="_icon-wrap_"] i,
.alto777-theme [class*="_home-layout_"] > header [class*="_icon-wrap_"] img,
.alto777-theme .lobby-home-header-container [class*="_icon-wrap_"] svg,
.alto777-theme .lobby-home-header-container [class*="_icon-wrap_"] i,
.alto777-theme .lobby-home-header-container [class*="_icon-wrap_"] img {
  opacity: 0 !important;
}

.alto777-theme [class*="_home-layout_"] > header [class*="_icon-wrap_"]::before,
.alto777-theme .lobby-home-header-container [class*="_icon-wrap_"]::before {
  content: "" !important;
  position: absolute !important;
  left: .14rem !important;
  top: 50% !important;
  width: .43rem !important;
  height: .08rem !important;
  border-radius: .12rem !important;
  background: #006CFF !important;
  box-shadow: 0 -.205rem 0 #006CFF, 0 .205rem 0 #006CFF !important;
  transform: translateY(-50%) !important;
}

.alto777-theme [class*="_home-layout_"] > header [class*="_arrow-icon_"],
.alto777-theme .lobby-home-header-container [class*="_arrow-icon_"] {
  font-size: .5rem !important;
}

.alto777-theme [class*="_home-layout_"] > header [class*="_assemblyLogo_"],
.alto777-theme [class*="_home-layout_"] > header [class*="_logo-box_"],
.alto777-theme .lobby-home-header-container [class*="_assemblyLogo_"],
.alto777-theme .lobby-home-header-container [class*="_logo-box_"] {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 4.8rem !important;
  height: .8rem !important;
  max-width: calc(100% - 1.5rem) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.alto777-theme [class*="_home-layout_"] > header [class*="_custom-logo_"],
.alto777-theme .lobby-home-header-container [class*="_custom-logo_"] {
  max-width: 100% !important;
  max-height: .8rem !important;
  object-fit: contain !important;
}

/* Hide only the old visual wallet in header after the logged row is rebuilt below. */
.alto777-theme header [data-alto777-header-wallet="hide"] {
  display: none !important;
}

/* Banner: keep native script positioning/proportion. */

/* Marquee */
.alto777-theme [class*="_marqueue-box_"] {
  width: calc(100% - .24rem) !important;
  margin: .08rem .12rem .06rem !important;
  position: relative !important;
  z-index: 1 !important;
  box-sizing: border-box !important;
}

.alto777-theme [class*="_marquee_"],
.alto777-theme .global-marquee,
.alto777-theme .alto777-marquee-enhanced {
  width: 100% !important;
  max-width: 100% !important;
  height: .5rem !important;
  min-height: .5rem !important;
  display: flex !important;
  align-items: center !important;
  gap: .08rem !important;
  padding: 0 .08rem !important;
  color: var(--alto-blue) !important;
  background: linear-gradient(180deg, #FFFFFF 0%, #F1FFFF 100%) !important;
  border: .01rem solid rgba(0, 217, 255, .28) !important;
  border-radius: .08rem !important;
  box-shadow: 0 .02rem .07rem rgba(0, 108, 255, .08) !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.alto777-theme [class*="_marquee_"] *,
.alto777-theme .global-marquee * {
  color: var(--alto-blue) !important;
}

.alto777-theme [class*="_marquee_"] [class*="_swiper-container_"],
.alto777-theme [class*="_marquee_"] [class*="_swiper-wrapper_"],
.alto777-theme [class*="_marquee_"] [class*="_content_"],
.alto777-theme .global-marquee [class*="_swiper-container_"],
.alto777-theme .global-marquee [class*="_swiper-wrapper_"],
.alto777-theme .global-marquee [class*="_content_"] {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}

.alto777-theme .alto777-marquee-enhanced {
  position: relative !important;
  justify-content: space-between !important;
  gap: .06rem !important;
  padding: 0 .06rem !important;
  line-height: .5rem !important;
}

.alto777-theme .alto777-marquee-enhanced > .lobby-image[class*="_left-icon_"] {
  display: none !important;
  width: 0 !important;
  min-width: 0 !important;
  margin: 0 !important;
}

.alto777-theme .alto777-marquee-enhanced > [class*="_right_"] {
  position: relative !important;
  z-index: 5 !important;
  flex: 0 0 .42rem !important;
  width: .42rem !important;
  max-width: .42rem !important;
  height: .5rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.alto777-theme .alto777-marquee-enhanced > [class*="_right_"] img,
.alto777-theme .alto777-marquee-enhanced > [class*="_right_"] .ui-badge {
  opacity: 0 !important;
}

.alto777-theme .alto777-marquee-enhanced [class*="_swiper-container_"] {
  display: block !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: .35rem !important;
  max-height: .35rem !important;
  color: var(--alto-blue) !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}

.alto777-theme .alto777-marquee-enhanced .swiper-wrapper,
.alto777-theme .alto777-marquee-enhanced .ui-swipe__track,
.alto777-theme .alto777-marquee-enhanced .swiper-slide,
.alto777-theme .alto777-marquee-enhanced .ui-swipe-item,
.alto777-theme .alto777-marquee-enhanced [class*="_main_"],
.alto777-theme .alto777-marquee-enhanced [class*="_main_"] > div {
  height: .35rem !important;
  max-height: .35rem !important;
  line-height: .35rem !important;
  overflow: hidden !important;
}

.alto777-theme .alto777-marquee-enhanced [class*="_placeholder_"] {
  visibility: visible !important;
  opacity: 1 !important;
}

.alto777-theme .alto777-marquee-enhanced.alto777-marquee-scroller-ready [class*="_placeholder_"] {
  visibility: hidden !important;
  opacity: 0 !important;
}

.alto777-theme .alto777-marquee-enhanced [class*="_mainScroller_"] {
  top: 0 !important;
  height: .35rem !important;
  max-height: .35rem !important;
  line-height: .35rem !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-shadow: none !important;
  filter: none !important;
}

.alto777-theme .alto777-marquee-enhanced:not(.alto777-marquee-scroller-ready) [class*="_mainScroller_"] {
  opacity: 1 !important;
}

.alto777-theme .alto777-marquee-enhanced.alto777-marquee-scroller-ready [class*="_mainScroller_"] {
  opacity: 1 !important;
}

.alto777-theme .alto777-marquee-enhanced [class*="_mainScroller_"] > span,
.alto777-theme .alto777-marquee-enhanced [class*="_content_"],
.alto777-theme .alto777-marquee-enhanced [class*="_content_"] p {
  display: inline-flex !important;
  align-items: center !important;
  height: .35rem !important;
  max-height: .35rem !important;
  line-height: .35rem !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  color: var(--alto-blue) !important;
  font-size: .22rem !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
  white-space: nowrap !important;
}

.alto777-theme .alto777-marquee-icon {
  flex: 0 0 auto !important;
  display: block !important;
  object-fit: contain !important;
}

.alto777-theme .alto777-marquee-icon--sound {
  width: .32rem !important;
  height: .3rem !important;
}

.alto777-theme .alto777-marquee-icon--mail {
  width: .38rem !important;
  height: .34rem !important;
}

.alto777-theme .alto777-marquee-mail-wrap {
  position: absolute !important;
  right: .06rem !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  flex: 0 0 auto !important;
  width: .42rem !important;
  height: .38rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  pointer-events: none !important;
  z-index: 6 !important;
}

.alto777-theme .alto777-marquee-badge {
  position: absolute !important;
  right: -.04rem !important;
  top: -.06rem !important;
  width: .22rem !important;
  height: .22rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  background: #FF0000 !important;
  color: #FFFFFF !important;
  font-size: .14rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  z-index: 4 !important;
}

.alto777-theme .alto777-marquee-enhanced::after {
  content: none !important;
  display: none !important;
}

/* Guest login/register strip */
.alto777-theme [class*="_home-layout_"] .alto777-auth-strip:not(.alto777-user-strip) {
  width: 100% !important;
  height: .6rem !important;
  min-height: .6rem !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: center !important;
  margin: .06rem 0 0 !important;
  padding: 0 !important;
  position: relative !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  z-index: 1 !important;
  border-radius: .02rem !important;
  box-shadow: 0 .03rem .09rem rgba(0, 108, 255, .10) !important;
  background: transparent !important;
}

html.alto777-logged .alto777-theme [class*="_home-layout_"] .alto777-auth-strip:not(.alto777-user-strip),
html.alto777-logged body.alto777-theme [class*="_home-layout_"] .alto777-auth-strip:not(.alto777-user-strip) {
  display: none !important;
}

.alto777-theme [class*="_home-layout_"] .alto777-auth-strip:not(.alto777-user-strip) .alto777-auth-strip__btn {
  appearance: none !important;
  border: 0 !important;
  width: 50% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #FFFFFF !important;
  font-size: .34rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-align: center !important;
  letter-spacing: 0 !important;
  font-family: inherit !important;
  cursor: pointer !important;
  position: relative !important;
  box-sizing: border-box !important;
  text-shadow: 0 .02rem .03rem rgba(0, 0, 0, .12) !important;
}

.alto777-theme [class*="_home-layout_"] .alto777-auth-strip:not(.alto777-user-strip) .alto777-auth-strip__btn--login {
  background: linear-gradient(180deg, #0784FF 0%, #006CFF 100%) !important;
  border-top-left-radius: .02rem !important;
  border-bottom-left-radius: .02rem !important;
}

.alto777-theme [class*="_home-layout_"] .alto777-auth-strip:not(.alto777-user-strip) .alto777-auth-strip__btn--login::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  right: -.2rem !important;
  width: .42rem !important;
  height: 100% !important;
  background: #EEF5FF !important;
  transform: skewX(-38deg) !important;
  transform-origin: center !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.alto777-theme [class*="_home-layout_"] .alto777-auth-strip:not(.alto777-user-strip) .alto777-auth-strip__btn--register {
  background: linear-gradient(180deg, #00EF13 0%, #00D90B 100%) !important;
  border-top-right-radius: .02rem !important;
  border-bottom-right-radius: .02rem !important;
}

/* Logged user row */
.alto777-theme [class*="_home-layout_"] .alto777-auth-strip.alto777-user-strip {
  width: calc(100% - .4rem) !important;
  height: .42rem !important;
  min-height: .42rem !important;
  margin: .08rem .2rem .07rem !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .08rem !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.alto777-theme .alto777-user-strip__profile,
.alto777-theme .alto777-user-strip__balance {
  height: .34rem !important;
  border: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  background: transparent !important;
  font-family: inherit !important;
  cursor: pointer !important;
}

.alto777-theme .alto777-user-strip__profile {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  gap: .08rem !important;
  padding: 0 !important;
}

.alto777-theme .alto777-user-strip__vip {
  min-width: .72rem !important;
  height: .28rem !important;
  padding: 0 .08rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: .28rem !important;
  background: linear-gradient(180deg, #FF2B1B 0%, #C81712 100%) !important;
  color: #FFD75B !important;
  font-size: .17rem !important;
  font-weight: 900 !important;
  text-shadow: 0 .01rem 0 rgba(0, 0, 0, .28) !important;
}

.alto777-theme .alto777-user-strip__title,
.alto777-theme .alto777-user-strip__copy {
  color: #1D5E9F !important;
  font-size: .18rem !important;
}

.alto777-theme .alto777-user-strip__copy {
  width: .22rem !important;
  height: .22rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  pointer-events: auto !important;
}

.alto777-theme .alto777-user-strip__copy svg {
  width: .2rem !important;
  height: .2rem !important;
  display: block !important;
  color: var(--alto-blue) !important;
  fill: currentColor !important;
}

.alto777-theme .alto777-user-strip__name {
  max-width: 1.75rem !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: var(--alto-blue) !important;
  font-size: .19rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

.alto777-theme .alto777-user-strip__balance {
  flex: 0 0 auto !important;
  min-width: 1.16rem !important;
  max-width: 1.72rem !important;
  justify-content: center !important;
  gap: .04rem !important;
  padding: 0 .08rem !important;
  border: .01rem solid var(--alto-line) !important;
  border-radius: .2rem !important;
  background: #FFFFFF !important;
  box-shadow: 0 .02rem .06rem rgba(0, 108, 255, .08) !important;
}

.alto777-theme .alto777-user-strip__wallet {
  width: .24rem !important;
  height: .22rem !important;
  display: inline-block !important;
  border-radius: .06rem !important;
  background: linear-gradient(180deg, #00CCFF 0%, #006CFF 100%) !important;
  position: relative !important;
}

.alto777-theme .alto777-user-strip__wallet::after {
  content: "" !important;
  position: absolute !important;
  right: .035rem !important;
  top: .075rem !important;
  width: .055rem !important;
  height: .055rem !important;
  border-radius: 50% !important;
  background: #FFFFFF !important;
}

.alto777-theme .alto777-user-strip__amount {
  max-width: 1rem !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: #F9D115 !important;
  font-size: .19rem !important;
  font-weight: 800 !important;
  text-decoration: underline !important;
}

.alto777-theme .alto777-user-strip__refresh {
  color: var(--alto-blue) !important;
  font-size: .2rem !important;
  font-weight: 900 !important;
  width: .22rem !important;
  height: .22rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.alto777-theme .alto777-user-strip__refresh svg {
  width: .2rem !important;
  height: .2rem !important;
  display: block !important;
  color: var(--alto-blue) !important;
  fill: currentColor !important;
}

/* Invite jackpot */
.alto777-theme [class*="_home-layout_"] [data-alto777-jackpot-reserve="1"] {
  display: none !important;
}

.alto777-theme [class*="_home-layout_"] .alto777-invite-jackpot {
  appearance: none !important;
  border: 0 !important;
  width: 100% !important;
  height: 2.32rem !important;
  min-height: 2.32rem !important;
  margin: .04rem 0 .06rem !important;
  padding: 0 !important;
  display: block !important;
  position: relative !important;
  overflow: visible !important;
  cursor: pointer !important;
  background: url("/assets/theme-2/alto777-convite-bg-real-20260425.avif") center center / contain no-repeat !important;
}

.alto777-theme .alto777-invite-jackpot__left {
  position: absolute !important;
  left: 0 !important;
  bottom: .09rem !important;
  width: 2.72rem !important;
  height: 2.04rem !important;
  background: url("/assets/theme-2/alto777-convite-left-real-20260425.avif") center bottom / 100% 100% no-repeat !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

.alto777-theme .alto777-invite-jackpot__center {
  position: absolute !important;
  left: 2.48rem !important;
  top: .08rem !important;
  width: 2.92rem !important;
  height: 1.9rem !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  color: #FFFFFF !important;
  text-align: center !important;
  text-shadow: .01rem .01rem 0 #009CFF !important;
  pointer-events: none !important;
  z-index: 2 !important;
}

.alto777-theme .alto777-invite-jackpot__center span {
  max-width: 2.05rem !important;
  margin-top: .01rem !important;
  color: #FFFFFF !important;
  font-size: .13rem !important;
  font-weight: 700 !important;
  line-height: 1.04 !important;
}

.alto777-theme .alto777-invite-jackpot__center strong {
  margin-top: .04rem !important;
  color: #FFFFFF !important;
  font-size: .2rem !important;
  font-weight: 900 !important;
  line-height: 1.02 !important;
}

.alto777-theme .alto777-invite-jackpot__center em {
  width: 2.62rem !important;
  min-height: .58rem !important;
  margin-top: .06rem !important;
  padding: .04rem .1rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #FFFFFF !important;
  font-size: .18rem !important;
  font-weight: 900 !important;
  line-height: 1.08 !important;
  font-style: normal !important;
  border: .025rem solid rgba(255, 255, 255, .86) !important;
  border-radius: .08rem !important;
  background: rgba(0, 185, 255, .16) !important;
}

.alto777-theme .alto777-invite-jackpot__right {
  position: absolute !important;
  right: .05rem !important;
  top: .02rem !important;
  width: 1.86rem !important;
  height: 1.86rem !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  background: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow: visible !important;
  pointer-events: none !important;
  z-index: 3 !important;
}

.alto777-theme .alto777-invite-jackpot__right::before {
  content: none !important;
  display: none !important;
}

.alto777-theme .alto777-invite-jackpot__right-img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: contain !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  z-index: 2 !important;
}

.alto777-theme .alto777-invite-jackpot__right b,
.alto777-theme .alto777-invite-jackpot__right small {
  display: none !important;
}

.alto777-theme .alto777-invite-jackpot__right b {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: .32rem !important;
  width: 100% !important;
  color: #FF0000 !important;
  font-size: .24rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-shadow: 0 0 .05rem #FFFF00 !important;
  z-index: 4 !important;
}

.alto777-theme .alto777-invite-jackpot__right small {
  position: absolute !important;
  right: 0 !important;
  bottom: -.4rem !important;
  width: 1.6rem !important;
  height: .64rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 .06rem !important;
  color: #FFFFFF !important;
  font-size: .14rem !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  text-align: center !important;
  background: linear-gradient(180deg, #40C9FF 0%, #008CFF 100%) !important;
  border: .02rem solid rgba(255, 255, 255, .8) !important;
  border-radius: .07rem !important;
  text-shadow: .01rem .01rem 0 #009CFF !important;
  z-index: 5 !important;
}

.alto777-theme .alto777-invite-jackpot__right b,
.alto777-theme .alto777-invite-jackpot__right small {
  display: none !important;
}

/* Main categories */
.alto777-theme [class*="_home-layout_"] [data-alto777-after-jackpot="1"] {
  width: 100% !important;
  height: 1.08rem !important;
  min-height: 1.08rem !important;
  margin: .03rem 0 .04rem !important;
  padding: .13rem .36rem .08rem !important;
  position: relative !important;
  box-sizing: border-box !important;
  background: var(--alto-bg) !important;
  overflow: visible !important;
}

.alto777-theme [data-alto777-after-jackpot="1"]::before,
.alto777-theme [data-alto777-after-jackpot="1"]::after {
  content: "" !important;
  position: absolute !important;
  top: .46rem !important;
  width: .28rem !important;
  height: .28rem !important;
  border-top: .055rem solid #8FC3FF !important;
  border-left: .055rem solid #8FC3FF !important;
  pointer-events: none !important;
}

.alto777-theme [data-alto777-after-jackpot="1"]::before {
  left: .13rem !important;
  transform: rotate(-45deg) !important;
}

.alto777-theme [data-alto777-after-jackpot="1"]::after {
  right: .13rem !important;
  transform: rotate(135deg) !important;
}

.alto777-theme [data-alto777-after-jackpot-nav="1"] {
  height: .94rem !important;
  display: grid !important;
  grid-template-columns: repeat(3, 1.84rem) !important;
  justify-content: center !important;
  align-items: center !important;
  gap: .16rem !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  overflow: visible !important;
}

.alto777-theme [data-alto777-cat-hidden="1"] {
  display: none !important;
}

.alto777-theme [data-alto777-cat-shell="1"] {
  width: 1.84rem !important;
  height: .82rem !important;
  min-height: .82rem !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  flex: none !important;
}

.alto777-theme .alto777-home-cat-card {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .035rem !important;
  color: var(--alto-blue) !important;
  background: linear-gradient(180deg, #FFFFFF 0%, #F8FEFF 46%, #E9FCFF 100%) !important;
  border: .025rem solid #69D9FF !important;
  border-radius: .12rem !important;
  box-shadow: 0 0 .045rem var(--alto-cyan), 0 .025rem .08rem rgba(0, 108, 255, .12) !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  padding: .07rem .05rem .055rem !important;
  position: relative !important;
}

.alto777-theme .alto777-home-cat-card[data-alto777-cat-current="1"],
.alto777-theme [data-alto777-cat-current="1"] .alto777-home-cat-card {
  background: linear-gradient(180deg, #FFFFFF 0%, #D8FAFF 52%, #B5FEFF 100%) !important;
  border-color: #03C3FF !important;
  box-shadow: 0 0 .07rem #00D9FF, 0 .03rem .1rem rgba(0, 108, 255, .16) !important;
}

.alto777-theme .alto777-cat-symbol {
  width: .46rem !important;
  height: .36rem !important;
  object-fit: contain !important;
  object-position: center !important;
  display: block !important;
  flex: 0 0 auto !important;
  margin: 0 auto !important;
  position: relative !important;
  z-index: 2 !important;
}

.alto777-theme .alto777-cat-label {
  display: block !important;
  color: var(--alto-blue) !important;
  font-size: .17rem !important;
  font-weight: 500 !important;
  line-height: .2rem !important;
  min-height: .2rem !important;
  text-align: center !important;
  white-space: nowrap !important;
  opacity: 1 !important;
  visibility: visible !important;
  position: relative !important;
  z-index: 2 !important;
}

.alto777-theme .alto777-home-cat-card > :not(.alto777-cat-symbol):not(.alto777-cat-label) {
  display: none !important;
}

.alto777-theme .alto777-home-cat-card,
.alto777-theme .alto777-home-cat-card * {
  text-indent: 0 !important;
  letter-spacing: 0 !important;
}

/* Secondary filters */
.alto777-theme .alto777-filter-strip {
  width: calc(100% - .4rem) !important;
  height: .6rem !important;
  margin: .03rem .2rem .15rem !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  background: #FFFFFF !important;
  border: 0 !important;
  border-radius: .14rem !important;
  box-shadow: 0 0 .05rem #00D9FF !important;
  box-sizing: border-box !important;
}

.alto777-theme .alto777-filter-left {
  display: flex !important;
  align-items: center !important;
  justify-content: space-around !important;
  flex: 1 1 auto !important;
  height: 100% !important;
  margin-right: .15rem !important;
  min-width: 0 !important;
}

.alto777-theme .alto777-filter-right {
  flex: 0 0 .72rem !important;
  height: 100% !important;
  padding-right: .12rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  box-sizing: border-box !important;
}

.alto777-theme .alto777-filter-strip button {
  width: 1.87rem !important;
  min-width: 1.87rem !important;
  height: .4rem !important;
  border: 0 !important;
  border-radius: .28rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .085rem !important;
  background: #BAD7FF !important;
  color: var(--alto-blue) !important;
  font-size: .2rem !important;
  font-weight: 500 !important;
  font-family: inherit !important;
  line-height: .4rem !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
  flex: 0 0 1.87rem !important;
  margin: 0 0 0 .2rem !important;
  padding: 0 .08rem !important;
}

.alto777-theme .alto777-filter-strip [data-alto777-filter-visual="popular"],
.alto777-theme .alto777-filter-strip [data-alto777-filter-visual="recent"],
.alto777-theme .alto777-filter-strip [data-alto777-filter-visual="favorite"] {
  margin-left: .2rem !important;
}

.alto777-theme .alto777-filter-strip button.is-active {
  background: var(--alto-blue) !important;
  color: #FFFFFF !important;
  font-weight: 800 !important;
}

.alto777-theme .alto777-filter-strip .alto777-filter-icon-img {
  width: .24rem !important;
  height: .24rem !important;
  display: block !important;
  object-fit: contain !important;
  flex: 0 0 auto !important;
}

.alto777-theme .alto777-filter-strip .alto777-filter-clock,
.alto777-theme .alto777-filter-strip .alto777-filter-star {
  width: .24rem !important;
  min-width: .24rem !important;
  height: .24rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #006CFF !important;
  font-size: .2rem !important;
  line-height: .24rem !important;
}

.alto777-theme .alto777-filter-strip button.is-active .alto777-filter-clock,
.alto777-theme .alto777-filter-strip button.is-active .alto777-filter-star {
  color: #FFFFFF !important;
}

.alto777-theme .alto777-filter-strip [data-alto777-filter-visual="search"] {
  width: .55rem !important;
  min-width: .55rem !important;
  height: auto !important;
  border-radius: 50% !important;
  background: transparent !important;
  position: relative !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 .55rem !important;
  margin: 0 !important;
}

.alto777-theme .alto777-filter-strip [data-alto777-filter-visual="search"]::before,
.alto777-theme .alto777-filter-strip [data-alto777-filter-visual="search"]::after {
  content: none !important;
  display: none !important;
}

.alto777-theme .alto777-filter-strip .alto777-filter-search-img {
  width: .55rem !important;
  height: auto !important;
  display: block !important;
  object-fit: contain !important;
  pointer-events: none !important;
}

.alto777-theme [data-alto777-filter-tabs="1"] {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.alto777-theme [data-alto777-filter-item] {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  opacity: 0 !important;
}

.alto777-theme [data-alto777-duplicate-filter-title="1"] {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

/* Provider cards: visual row outside the paginated game list. */
.alto777-theme .alto777-provider-row {
  width: 6.9rem !important;
  max-width: calc(100% - .4rem) !important;
  margin: .16rem auto .18rem !important;
  display: grid !important;
  grid-template-columns: repeat(3, 2.1rem) !important;
  justify-content: space-between !important;
  align-items: start !important;
  column-gap: .3rem !important;
  row-gap: 0 !important;
  background: var(--alto-bg) !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

.alto777-theme .alto777-provider-card {
  --card-benchmark: 2.1rem !important;
  --poster-box-width: 2.1rem !important;
  --poster-box-height: calc(var(--card-benchmark) * 1.33) !important;
  position: relative !important;
  grid-column: auto / span 1 !important;
  width: var(--poster-box-width) !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: var(--poster-box-height) !important;
  min-height: var(--poster-box-height) !important;
  aspect-ratio: auto !important;
  padding: 0 !important;
  border: .025rem solid #00CFFF !important;
  border-radius: .16rem !important;
  overflow: hidden !important;
  background-color: #FFFFFF !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  box-shadow: 0 .045rem .12rem rgba(0, 108, 255, .15) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-end !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  align-self: stretch !important;
  justify-self: stretch !important;
  -webkit-tap-highlight-color: transparent !important;
}

.alto777-theme [data-alto777-provider-source-hidden="1"] {
  display: none !important;
  position: absolute !important;
  left: -999rem !important;
  top: auto !important;
  width: 1px !important;
  min-width: 1px !important;
  max-width: 1px !important;
  height: 1px !important;
  min-height: 1px !important;
  max-height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

[data-alto777-provider-source-hidden="1"] {
  display: none !important;
  position: absolute !important;
  left: -999rem !important;
  top: auto !important;
  width: 1px !important;
  min-width: 1px !important;
  max-width: 1px !important;
  height: 1px !important;
  min-height: 1px !important;
  max-height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

.alto777-theme .alto777-provider-card img,
.alto777-theme .alto777-provider-card .lobby-image,
.alto777-theme .alto777-provider-card [class*="_poster-image_"],
.alto777-theme .alto777-provider-card [style*="background-image"] {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  object-fit: cover !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  filter: none !important;
}

.alto777-theme .alto777-provider-card.alto777-provider-custom-image {
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

.alto777-theme .alto777-provider-row .alto777-provider-card [class*="_game-name_"],
.alto777-theme .alto777-provider-row .alto777-provider-card [class*="_game-name-normal_"],
.alto777-theme .alto777-provider-row .alto777-provider-card [class*="_game-platform-name_"],
.alto777-theme .alto777-provider-row .alto777-provider-card .name-inner {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

.alto777-theme .alto777-provider-card.is-active,
.alto777-theme .alto777-provider-card:active {
  border-color: #03C3FF !important;
  box-shadow: 0 0 .08rem rgba(0, 217, 255, .65), 0 .045rem .12rem rgba(0, 108, 255, .16) !important;
}

.alto777-theme .alto777-provider-moved-label {
  display: none !important;
}

/* Keep the native "Carregar mais / ver mais jogos" control visible after the visual provider row. */
.alto777-theme .pagination-load-more .load-more-button,
.alto777-theme [class*="_load-more-button_"].load-more-button {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  min-height: .48rem !important;
  margin: .12rem auto 1.35rem !important;
  color: #006CFF !important;
  text-align: center !important;
  background: transparent !important;
}

.alto777-theme .pagination-load-more .load-more-button [class*="_trigger-text_"],
.alto777-theme [class*="_load-more-button_"].load-more-button [class*="_trigger-text_"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .06rem !important;
  color: #006CFF !important;
}

/* Game grid: do not cover real images; only frame and reveal them. */
.alto777-theme [class*="_game-list-box_"],
.alto777-theme [class*="_layout-box_"],
.alto777-theme [class*="_tab-item-game-list_"] {
  background: var(--alto-bg) !important;
}

.alto777-theme [class*="_game-list_"] {
  width: 6.9rem !important;
  max-width: calc(100% - .4rem) !important;
  margin: 0 auto .18rem !important;
  display: block !important;
  grid-template-columns: none !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  background: var(--alto-bg) !important;
  box-sizing: border-box !important;
}

.alto777-theme [class*="_game-list_"] > [class*="_list-ordinary-layout_"] {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
}

.alto777-theme .alto777-provider-grid {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  column-gap: .16rem !important;
  row-gap: .18rem !important;
  background: var(--alto-bg) !important;
}

.alto777-theme [class*="_poster-box_"],
.alto777-theme [class*="_gameItem"],
.alto777-theme [class*="_game-card"] {
  background-color: #FFFFFF !important;
  border: .025rem solid #00CFFF !important;
  border-radius: .16rem !important;
  box-shadow: 0 .04rem .12rem rgba(0, 108, 255, .12) !important;
  overflow: hidden !important;
  isolation: isolate !important;
  position: relative !important;
}

/* Alto777-style cyan frame for home provider/game cards only. */
.alto777-theme [class*="_home-layout_"] .alto777-provider-card,
.alto777-theme [class*="_home-layout_"] [class*="_poster-box_"],
.alto777-theme [class*="_home-layout_"] [class*="_gameItem"],
.alto777-theme [class*="_home-layout_"] [class*="_game-card"] {
  border: .04rem solid #03C3FF !important;
  border-radius: .17rem !important;
  background-clip: padding-box !important;
  box-shadow:
    inset 0 0 0 .012rem rgba(255, 255, 255, .55),
    inset 0 -.035rem 0 rgba(0, 78, 180, .65),
    0 .035rem 0 #0064B7,
    0 .055rem .14rem rgba(0, 108, 255, .24),
    0 0 .08rem rgba(0, 217, 255, .50) !important;
}

.alto777-theme [class*="_home-layout_"] .alto777-provider-card.is-active,
.alto777-theme [class*="_home-layout_"] .alto777-provider-card:active,
.alto777-theme [class*="_home-layout_"] [class*="_poster-box_"]:active,
.alto777-theme [class*="_home-layout_"] [class*="_gameItem"]:active,
.alto777-theme [class*="_home-layout_"] [class*="_game-card"]:active {
  border-color: #00E7FF !important;
  box-shadow:
    inset 0 0 0 .012rem rgba(255, 255, 255, .70),
    inset 0 -.035rem 0 rgba(0, 78, 180, .72),
    0 .035rem 0 #005AAE,
    0 .06rem .16rem rgba(0, 108, 255, .28),
    0 0 .12rem rgba(0, 217, 255, .70) !important;
}

.alto777-theme [class*="_poster-image_"],
.alto777-theme [class*="_poster-img_"],
.alto777-theme [class*="_poster_"] [style*="background-image"],
.alto777-theme [class*="_poster-box_"] img,
.alto777-theme [class*="_gameItem"] img,
.alto777-theme [class*="_game-card"] img,
.alto777-theme [class*="_poster-box_"] .lobby-image,
.alto777-theme [class*="_gameItem"] .lobby-image,
.alto777-theme [class*="_game-card"] .lobby-image,
.alto777-theme .alto777-provider-card .lobby-image {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  object-fit: cover !important;
  position: relative !important;
  z-index: 1 !important;
}

.alto777-theme [class*="_game-name_"],
.alto777-theme [class*="_game-name-normal_"],
.alto777-theme [class*="_game-platform-name_"] {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  top: auto !important;
  z-index: 4 !important;
  min-height: .34rem !important;
  padding: .04rem .05rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #FFFFFF !important;
  background: linear-gradient(180deg, rgba(0, 108, 255, .1) 0%, rgba(0, 108, 255, .9) 100%) !important;
  text-align: center !important;
  line-height: 1.1 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.alto777-theme [class*="_game-name_"] *,
.alto777-theme [class*="_game-name-normal_"] *,
.alto777-theme [class*="_game-platform-name_"] * {
  color: #FFFFFF !important;
  text-shadow: 0 .01rem .03rem rgba(0, 51, 120, .65) !important;
}

/* Hide old base footer/menu links that can appear after the game grid. */
.alto777-theme [data-alto777-legacy-home-footer="1"],
html.alto777-theme [data-alto777-legacy-home-footer="1"],
body.alto777-theme [data-alto777-legacy-home-footer="1"] {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

.alto777-theme .alto777-marquee-enhanced [data-alto777-legacy-home-footer="1"] {
  display: inline-flex !important;
  visibility: visible !important;
  height: .35rem !important;
  min-height: .35rem !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* Floating contact shortcuts: dock on the left and peek while scrolling. */
.alto777-theme [data-alto777-left-float-root="1"] {
  position: fixed !important;
  left: .08rem !important;
  right: auto !important;
  bottom: 1.46rem !important;
  width: 1.08rem !important;
  max-width: 1.08rem !important;
  z-index: 12 !important;
  transform: translateX(0) !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  transition: transform .24s ease, opacity .24s ease !important;
  will-change: transform !important;
}

.alto777-theme [data-alto777-left-float-root="1"] [class*="_floatBox_"],
.alto777-theme [data-alto777-left-float-root="1"] [class*="_fastList_"] {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  width: 1.08rem !important;
  max-width: 1.08rem !important;
  transform: none !important;
}

.alto777-theme [data-alto777-left-float-root="1"] [class*="_fastList_"] > section,
.alto777-theme [data-alto777-left-float-root="1"][class*="_fastList_"] > section {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: .08rem !important;
}

.alto777-theme [data-alto777-left-float-root="1"] [class*="_fastBtn_"],
.alto777-theme [data-alto777-left-float-root="1"] [class*="_fastBackground_"],
.alto777-theme [data-alto777-left-float-root="1"] [class*="_fastImg_"],
.alto777-theme [data-alto777-left-float-root="1"] img {
  width: 1.02rem !important;
  max-width: 1.02rem !important;
  height: auto !important;
}

.alto777-theme [data-alto777-left-float-root="1"] [class*="_fastBtn_"] {
  min-height: .92rem !important;
}

.alto777-theme [data-alto777-left-float-root="1"] [class*="_close"] {
  position: absolute !important;
  top: -.04rem !important;
  right: -.03rem !important;
  left: auto !important;
  width: .26rem !important;
  height: .26rem !important;
  min-width: .26rem !important;
  min-height: .26rem !important;
  border-radius: 50% !important;
  background: rgba(117, 117, 117, .82) !important;
  color: #fff !important;
  box-shadow: 0 .02rem .05rem rgba(0, 0, 0, .16) !important;
  z-index: 4 !important;
}

html.alto777-float-peek .alto777-theme [data-alto777-left-float-root="1"] {
  transform: translateX(-.78rem) !important;
  opacity: .9 !important;
}

html.alto777-float-peek .alto777-theme [data-alto777-left-float-root="1"]:active,
html.alto777-float-peek .alto777-theme [data-alto777-left-float-root="1"]:hover {
  transform: translateX(0) !important;
  opacity: 1 !important;
}

/* Floating back-to-top button: native position/click preserved, image only replaced. */
.alto777-theme [data-alto777-backtop="1"] {
  position: fixed !important;
  left: auto !important;
  right: .10rem !important;
  bottom: 1.34rem !important;
  width: .74rem !important;
  height: .74rem !important;
  min-width: .74rem !important;
  min-height: .74rem !important;
  z-index: 11 !important;
  transform: none !important;
  color: transparent !important;
  text-shadow: none !important;
  font-size: 0 !important;
  line-height: 0 !important;
  background-image: none !important;
  background-color: transparent !important;
  overflow: visible !important;
  transition: none !important;
  animation: none !important;
}

.alto777-theme [data-alto777-backtop="1"]::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  z-index: 3 !important;
  pointer-events: none !important;
  background: url("/assets/theme-2/alto777-backtop-20260428.png") center / contain no-repeat !important;
}

.alto777-theme [data-alto777-backtop="1"] > * {
  opacity: 0 !important;
  visibility: hidden !important;
  transition: none !important;
  animation: none !important;
}

.alto777-theme [data-alto777-backtop="1"] svg,
.alto777-theme [data-alto777-backtop="1"] img,
.alto777-theme [data-alto777-backtop="1"] i,
.alto777-theme [data-alto777-backtop="1"] span {
  opacity: 0 !important;
  visibility: hidden !important;
  transition: none !important;
  animation: none !important;
}

/* Bottom navigation */
.alto777-theme [class*="_tabbar_"],
.alto777-theme .ui-tabbar,
.alto777-theme [class*="_footerBox_"] {
  min-height: 1.16rem !important;
  height: 1.16rem !important;
  background: linear-gradient(180deg, #BFFFF7 0%, #D8FFFB 46%, #B5FFF2 100%) !important;
  border-top: .01rem solid rgba(0, 204, 255, .35) !important;
  border-top-left-radius: .28rem !important;
  border-top-right-radius: .28rem !important;
  box-shadow: 0 -.04rem .14rem rgba(0, 108, 255, .12) !important;
}

.alto777-theme [data-alto777-footer-item] {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .02rem !important;
  height: 1.04rem !important;
  padding: .08rem 0 .04rem !important;
  color: #1787FF !important;
  background: transparent !important;
}

.alto777-theme [data-alto777-footer-item="comecar"] { order: 0 !important; }
.alto777-theme [data-alto777-footer-item="ofertas"] { order: 1 !important; }
.alto777-theme [data-alto777-footer-item="deposito"] { order: 2 !important; }
.alto777-theme [data-alto777-footer-item="suporte"] { order: 3 !important; }
.alto777-theme [data-alto777-footer-item="perfil"] { order: 4 !important; }

.alto777-theme [data-alto777-footer-item] > :not(.alto777-footer-icon):not(.alto777-footer-label) {
  display: none !important;
}

.alto777-theme .alto777-footer-icon {
  width: .46rem !important;
  height: .46rem !important;
  min-width: .46rem !important;
  min-height: .46rem !important;
  display: block !important;
  object-fit: contain !important;
  margin: 0 0 .02rem !important;
  pointer-events: none !important;
}

.alto777-theme .alto777-footer-label {
  display: block !important;
  color: #1787FF !important;
  font-size: .2rem !important;
  font-weight: 400 !important;
  line-height: 1.05 !important;
  text-align: center !important;
  white-space: nowrap !important;
}

.alto777-theme [data-alto777-footer-item="comecar"] .alto777-footer-label,
.alto777-theme [data-alto777-footer-item][class*="_active_"] .alto777-footer-label,
.alto777-theme [data-alto777-footer-item].ui-tabbar-item--active .alto777-footer-label {
  color: #0076FF !important;
  font-weight: 800 !important;
}

/* =========================================================
   FIX CIRURGICO - FLOATS ESQUERDA + BOTAO TOPO DIREITA
   - Telegram/Instagram continuam no float esquerdo.
   - O botão TOPO é destacado via JS para fora do float esquerdo.
   - Não usar :has() aqui para não puxar o container inteiro para a direita.
   ========================================================= */
.alto777-theme [data-alto777-left-float-root="1"] {
  left: .08rem !important;
  right: auto !important;
  bottom: 1.46rem !important;
  transform: translateX(0) !important;
}

html.alto777-float-peek .alto777-theme [data-alto777-left-float-root="1"] {
  transform: translateX(-.78rem) !important;
}

html.alto777-float-peek .alto777-theme [data-alto777-left-float-root="1"]:active,
html.alto777-float-peek .alto777-theme [data-alto777-left-float-root="1"]:hover {
  transform: translateX(0) !important;
}

.alto777-theme [data-alto777-backtop="1"],
.alto777-theme [data-alto777-backtop-detached="1"] {
  position: fixed !important;
  left: auto !important;
  right: .12rem !important;
  bottom: 1.38rem !important;
  width: .74rem !important;
  height: .74rem !important;
  min-width: .74rem !important;
  min-height: .74rem !important;
  max-width: .74rem !important;
  max-height: .74rem !important;
  z-index: 30 !important;
  transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  overflow: visible !important;
  pointer-events: auto !important;
}

.alto777-theme [data-alto777-backtop="1"]::before,
.alto777-theme [data-alto777-backtop-detached="1"]::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  z-index: 2 !important;
  pointer-events: none !important;
  background: url("/assets/theme-2/alto777-backtop-20260428.png") center / contain no-repeat !important;
}

.alto777-theme [data-alto777-backtop="1"] > *,
.alto777-theme [data-alto777-backtop-detached="1"] > * {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

@media (max-width: 430px) {
  .alto777-theme [data-alto777-backtop="1"],
  .alto777-theme [data-alto777-backtop-detached="1"] {
    right: .10rem !important;
    bottom: 1.36rem !important;
  }
}

/* =========================================================
   FIX FINAL V3 - FLOATS ESQUERDA + TOPO DIREITA
   Motivo: o bug vinha de marcar/mover o container inteiro dos floats.
   Esta regra só estiliza o elemento marcado como botão TOPO.
   ========================================================= */
html.alto777-theme,
body.alto777-theme,
.alto777-theme {
  overflow-x: hidden !important;
}

/* grupo real de Telegram/Instagram/Jackson sempre na esquerda */
.alto777-theme [data-alto777-left-float-root="1"] {
  position: fixed !important;
  left: .08rem !important;
  right: auto !important;
  bottom: 1.46rem !important;
  width: 1.08rem !important;
  max-width: 1.08rem !important;
  transform: translateX(0) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  z-index: 24 !important;
}

html.alto777-float-peek .alto777-theme [data-alto777-left-float-root="1"] {
  transform: translateX(-.78rem) !important;
  opacity: .9 !important;
}

html.alto777-float-peek .alto777-theme [data-alto777-left-float-root="1"]:active,
html.alto777-float-peek .alto777-theme [data-alto777-left-float-root="1"]:hover {
  transform: translateX(0) !important;
  opacity: 1 !important;
}

/* botão TOPO: independente, à direita e dentro do enquadramento do lobby */
.alto777-theme [data-alto777-backtop="1"],
.alto777-theme [data-alto777-backtop-detached="1"] {
  position: fixed !important;
  left: auto !important;
  right: max(.10rem, calc((100vw - var(--lobby__max-width, 411px)) / 2 + .10rem)) !important;
  bottom: 1.36rem !important;
  width: .64rem !important;
  height: .64rem !important;
  min-width: .64rem !important;
  min-height: .64rem !important;
  max-width: .64rem !important;
  max-height: .64rem !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: .16rem !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  z-index: 31 !important;
}

.alto777-theme [data-alto777-backtop="1"]::before,
.alto777-theme [data-alto777-backtop-detached="1"]::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  z-index: 2 !important;
  pointer-events: none !important;
  background: url("/assets/theme-2/alto777-backtop-20260428.png") center / contain no-repeat !important;
}

.alto777-theme [data-alto777-backtop="1"] > *,
.alto777-theme [data-alto777-backtop-detached="1"] > * {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

@media (max-width: 430px) {
  .alto777-theme [data-alto777-backtop="1"],
  .alto777-theme [data-alto777-backtop-detached="1"] {
    right: .10rem !important;
    bottom: 1.34rem !important;
    width: .62rem !important;
    height: .62rem !important;
    min-width: .62rem !important;
    min-height: .62rem !important;
  }
}

/* FINAL OVERRIDE - floats de contato na esquerda, TOPO nativo na direita. */
.alto777-theme [data-alto777-left-float-root="1"] {
  position: fixed !important;
  left: .08rem !important;
  right: auto !important;
  bottom: 1.46rem !important;
  width: 1.08rem !important;
  max-width: 1.08rem !important;
  transform: translateX(0) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  z-index: 24 !important;
  transition: transform .24s ease, opacity .24s ease !important;
  will-change: transform !important;
}

.alto777-theme [data-alto777-left-float-root="1"][class*="_fastBtn_"],
.alto777-theme [data-alto777-left-float-root="1"][class*="_entry-item_"],
.alto777-theme [data-alto777-left-float-root="1"].fast-entry-item,
.alto777-theme [data-alto777-left-float-root="1"][class*="_fast-entry"] {
  width: 1.08rem !important;
  max-width: 1.08rem !important;
  min-height: .92rem !important;
}

.alto777-theme [data-alto777-left-float-root="1"][data-alto777-left-float-index="0"] {
  bottom: 2.46rem !important;
}

.alto777-theme [data-alto777-left-float-root="1"][data-alto777-left-float-index="1"] {
  bottom: 1.46rem !important;
}

.alto777-theme [data-alto777-left-float-root="1"][data-alto777-left-float-index="2"] {
  bottom: .46rem !important;
}

html.alto777-float-peek .alto777-theme [data-alto777-left-float-root="1"] {
  transform: translateX(-.78rem) !important;
  opacity: .9 !important;
}

html.alto777-float-peek .alto777-theme [data-alto777-left-float-root="1"]:active,
html.alto777-float-peek .alto777-theme [data-alto777-left-float-root="1"]:hover {
  transform: translateX(0) !important;
  opacity: 1 !important;
}

.alto777-theme [data-alto777-backtop="1"],
.alto777-theme [data-alto777-backtop-detached="1"] {
  position: fixed !important;
  left: auto !important;
  right: max(.10rem, calc((100vw - var(--lobby__max-width, 411px)) / 2 + .10rem)) !important;
  bottom: 1.34rem !important;
  width: 1.04rem !important;
  height: 1.04rem !important;
  min-width: 1.04rem !important;
  min-height: 1.04rem !important;
  max-width: 1.04rem !important;
  max-height: 1.04rem !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: .16rem !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
  color: transparent !important;
  text-shadow: none !important;
  font-size: 0 !important;
  line-height: 0 !important;
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  z-index: 31 !important;
  transition: none !important;
  animation: none !important;
}

html.alto777-float-peek .alto777-theme [data-alto777-backtop="1"],
html.alto777-float-peek .alto777-theme [data-alto777-backtop-detached="1"] {
  transform: translateX(.78rem) !important;
  opacity: .9 !important;
}

html.alto777-float-peek .alto777-theme [data-alto777-backtop="1"]:active,
html.alto777-float-peek .alto777-theme [data-alto777-backtop="1"]:hover,
html.alto777-float-peek .alto777-theme [data-alto777-backtop-detached="1"]:active,
html.alto777-float-peek .alto777-theme [data-alto777-backtop-detached="1"]:hover {
  transform: translateX(0) !important;
  opacity: 1 !important;
}

.alto777-theme [data-alto777-backtop="1"]::before,
.alto777-theme [data-alto777-backtop-detached="1"]::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  z-index: 2 !important;
  pointer-events: none !important;
  background: url("/assets/theme-2/alto777-backtop-20260428.png") center / contain no-repeat !important;
}

.alto777-theme [data-alto777-backtop="1"] > *,
.alto777-theme [data-alto777-backtop-detached="1"] > *,
.alto777-theme [data-alto777-backtop="1"] svg,
.alto777-theme [data-alto777-backtop="1"] img,
.alto777-theme [data-alto777-backtop="1"] i,
.alto777-theme [data-alto777-backtop="1"] span,
.alto777-theme [data-alto777-backtop-detached="1"] svg,
.alto777-theme [data-alto777-backtop-detached="1"] img,
.alto777-theme [data-alto777-backtop-detached="1"] i,
.alto777-theme [data-alto777-backtop-detached="1"] span {
  opacity: 0 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transition: none !important;
  animation: none !important;
}

@media (max-width: 430px) {
  .alto777-theme [data-alto777-backtop="1"],
  .alto777-theme [data-alto777-backtop-detached="1"] {
    right: .10rem !important;
    bottom: 1.34rem !important;
    width: .95rem !important;
    height: .95rem !important;
    min-width: .95rem !important;
    min-height: .95rem !important;
  }
}

/* Notebook/desktop usa o lobby dentro de um container mobile.
   Igualamos esse modo ao celular real sem alterar funcoes nativas. */
html[data-ui-contain="1"] .alto777-theme [data-alto777-backtop="1"],
html[data-ui-contain="1"] .alto777-theme [data-alto777-backtop-detached="1"] {
  right: max(.10rem, calc((100vw - var(--lobby__max-width, 411px)) / 2 + .10rem)) !important;
  bottom: 1.34rem !important;
  width: .95rem !important;
  height: .95rem !important;
  min-width: .95rem !important;
  min-height: .95rem !important;
  max-width: .95rem !important;
  max-height: .95rem !important;
}

html[data-ui-contain="1"].alto777-float-peek .alto777-theme [data-alto777-backtop="1"],
html[data-ui-contain="1"].alto777-float-peek .alto777-theme [data-alto777-backtop-detached="1"] {
  transform: translateX(.78rem) !important;
  opacity: .9 !important;
}

html[data-ui-contain="1"].alto777-float-peek .alto777-theme [data-alto777-backtop="1"]:active,
html[data-ui-contain="1"].alto777-float-peek .alto777-theme [data-alto777-backtop="1"]:hover,
html[data-ui-contain="1"].alto777-float-peek .alto777-theme [data-alto777-backtop-detached="1"]:active,
html[data-ui-contain="1"].alto777-float-peek .alto777-theme [data-alto777-backtop-detached="1"]:hover {
  transform: translateX(0) !important;
  opacity: 1 !important;
}

/* Popup de cadastro igual ao Alto777. Escopo fechado no #welcome-modal. */
#welcome-modal.alto777-welcome-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 9999 !important;
  box-sizing: border-box !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 10px !important;
  background: rgba(0, 0, 0, .50) !important;
}

#welcome-modal.alto777-welcome-modal:not(.alto777-welcome-open) {
  display: none !important;
}

#welcome-modal.alto777-welcome-modal.alto777-welcome-open {
  display: flex !important;
}

#welcome-modal .alto777-welcome-card {
  position: relative !important;
  width: min(450px, calc(100vw - 20px)) !important;
  max-height: calc(100vh - 28px) !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  padding: 16px 16px 20px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: #006CFF !important;
  box-shadow: 0 14px 34px rgba(0, 70, 180, .20) !important;
  text-align: center !important;
}

#welcome-modal .alto777-welcome-check {
  position: relative !important;
  width: 56px !important;
  height: 56px !important;
  margin: -2px auto 20px !important;
  border-radius: 50% !important;
  background: #00D51F !important;
}

#welcome-modal .alto777-welcome-check::before {
  content: "" !important;
  position: absolute !important;
  left: 17px !important;
  top: 13px !important;
  width: 25px !important;
  height: 14px !important;
  border-left: 5px solid #fff !important;
  border-bottom: 5px solid #fff !important;
  transform: rotate(-45deg) !important;
  border-radius: 2px !important;
}

#welcome-modal .alto777-welcome-title {
  margin: 0 0 24px !important;
  color: #00C81D !important;
  font-size: clamp(26px, 6.1vw, 29px) !important;
  font-weight: 800 !important;
  line-height: 1.08 !important;
  letter-spacing: -.2px !important;
}

#welcome-modal .alto777-welcome-copy {
  margin: 6px 0 !important;
  color: #006CFF !important;
  font-size: clamp(15px, 3.55vw, 16px) !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  text-align: center !important;
}

#welcome-modal .alto777-welcome-copy--success {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 6px !important;
}

#welcome-modal .alto777-welcome-copy--play {
  margin-top: 4px !important;
}

#welcome-modal .alto777-welcome-actions {
  display: flex !important;
  align-items: stretch !important;
  justify-content: center !important;
  gap: 20px !important;
  margin-top: 14px !important;
}

#welcome-modal .alto777-welcome-action {
  position: relative !important;
  flex: 1 1 0 !important;
  min-width: 0 !important;
  padding-top: 12px !important;
}

#welcome-modal .alto777-welcome-badge {
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  z-index: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  height: 22px !important;
  max-width: calc(100% + 24px) !important;
  padding: 0 7px !important;
  border-radius: 6px !important;
  background: #00C81D !important;
  color: #fff !important;
  font-size: clamp(12px, 3vw, 15px) !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  transform: translate(-50%, -42%) !important;
  box-shadow: 0 2px 0 rgba(0, 138, 22, .18) !important;
}

#welcome-modal .alto777-welcome-badge > span {
  font-size: 24px !important;
  line-height: 1 !important;
  margin-left: -9px !important;
}

#welcome-modal .alto777-welcome-button {
  width: 100% !important;
  height: 65px !important;
  min-height: 65px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  margin: 0 !important;
  padding: 0 10px !important;
  border: 0 !important;
  border-radius: 8px !important;
  color: #fff !important;
  font-size: clamp(17px, 4.3vw, 20px) !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  box-shadow: none !important;
}

#welcome-modal .alto777-welcome-button > span {
  font-size: 29px !important;
  line-height: 1 !important;
}

#welcome-modal .alto777-welcome-button--app {
  background: linear-gradient(100deg, #EE86EC 0%, #872EFF 100%) !important;
}

#welcome-modal .alto777-welcome-button--deposit {
  background: linear-gradient(100deg, #FFBE00 0%, #FF6C00 100%) !important;
}

#welcome-modal .alto777-welcome-close {
  position: absolute !important;
  left: 50% !important;
  bottom: -42px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: transparent !important;
  color: #fff !important;
  transform: translateX(-50%) !important;
  cursor: pointer !important;
}

@media (max-width: 430px) {
  #welcome-modal .alto777-welcome-card {
    width: calc(100vw - 12px) !important;
    padding: 16px 13px 20px !important;
  }

  #welcome-modal .alto777-welcome-actions {
    gap: 20px !important;
  }
}

/* Botões nativos em modal: evita texto azul em fundo azul. */
.alto777-theme .ui-dialog .ui-button--default:not(.ui-button--plain):not(.alto777-welcome-button),
.alto777-theme .ui-dialog .ui-button--primary:not(.ui-button--plain):not(.alto777-welcome-button),
.alto777-theme .ui-popup .ui-button--default:not(.ui-button--plain):not(.alto777-welcome-button),
.alto777-theme .ui-popup .ui-button--primary:not(.ui-button--plain):not(.alto777-welcome-button) {
  color: #fff !important;
}

.alto777-theme .ui-dialog .ui-button--default:not(.ui-button--plain):not(.alto777-welcome-button) .ui-button__text,
.alto777-theme .ui-dialog .ui-button--primary:not(.ui-button--plain):not(.alto777-welcome-button) .ui-button__text,
.alto777-theme .ui-popup .ui-button--default:not(.ui-button--plain):not(.alto777-welcome-button) .ui-button__text,
.alto777-theme .ui-popup .ui-button--primary:not(.ui-button--plain):not(.alto777-welcome-button) .ui-button__text {
  color: #fff !important;
  opacity: 1 !important;
  visibility: visible !important;
  -webkit-text-fill-color: #fff !important;
}

.alto777-theme .ui-overlay[data-hidden="0"] .ui-button:not(.ui-button--plain):not(.alto777-welcome-button),
.alto777-theme .ui-overlay[data-hidden="0"] .ui-button:not(.ui-button--plain):not(.alto777-welcome-button) .ui-button__content,
.alto777-theme .ui-overlay[data-hidden="0"] .ui-button:not(.ui-button--plain):not(.alto777-welcome-button) .ui-button__text {
  color: #fff !important;
  opacity: 1 !important;
  visibility: visible !important;
  -webkit-text-fill-color: #fff !important;
}

.alto777-theme .alto777-marquee-icon--sound {
  background: transparent !important;
  mix-blend-mode: normal !important;
  isolation: isolate !important;
}

/* Profile only: restore the native login button text without touching auth logic. */
body.alto777-theme .mine-box .un-login-box .login-btn,
body.alto777-theme .mine-box [class*="_un-login-info_"] [class*="_login-btn_"] {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  text-shadow: none !important;
}

body.alto777-theme .mine-box .un-login-box .login-btn > span,
body.alto777-theme .mine-box [class*="_un-login-info_"] [class*="_login-btn_"] > span {
  display: inline-block !important;
  opacity: 1 !important;
  visibility: visible !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  -webkit-background-clip: initial !important;
  background-clip: border-box !important;
  background: transparent !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  position: relative !important;
  z-index: 2 !important;
}

.alto777-theme [class*="_home-layout_"] [data-alto777-after-jackpot="1"] {
  position: sticky !important;
  top: 0 !important;
  z-index: 20 !important;
  background: var(--alto-bg) !important;
}