/* 7PLAY77 mobile auth, measured against play77.u2655.com at a 390 × 844 viewport. */
#auth_window.gax-auth-modal {
  font-family: Calibri, "Helvetica Neue", Arial, sans-serif;
}

#auth_window .ant-modal-mask {
  left: 50%;
  width: min(100%, 520px);
  transform: translateX(-50%);
  background: rgba(0, 0, 0, .65) !important;
}

#auth_window .ant-modal-wrap { align-items: stretch; padding: 0; }

#auth_window .ant-modal {
  width: min(100vw, 520px) !important;
  max-width: 520px;
  height: 100dvh;
  max-height: 100dvh;
  flex: 0 0 min(100vw, 520px);
  overflow: hidden;
  border-radius: 0;
}

#auth_window .ant-modal-content,
#auth_window .ant-modal-body {
  width: 100%;
  min-height: 100dvh;
  height: 100%;
  max-height: none;
  overflow: hidden auto;
  border-radius: 0;
  border: 0;
  box-shadow: none;
  background: #001a00 url('https://cdn.jogatinapg.com/releases/aeb9d3d5c39db073a28c766aeb95eafd0eb7b4e0-38608686317-1/static/image/play77/auth/login-bg.png') center center / cover no-repeat !important;
}

#auth_window .ant-modal-body {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: column;
  position: relative;
  padding: 0 !important;
  color: #fff;
  scrollbar-width: none;
}

#auth_window .ant-modal-body::-webkit-scrollbar { display: none; }

#auth_window .play77-auth-hero {
  width: 100%;
  height: min(56.933191vw, 296.053191px);
  flex: 0 0 min(56.933191vw, 296.053191px);
}

#auth_window .play77-auth-hero img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}

#auth_window #gax-auth-close {
  position: absolute;
  top: min(2.026662vw, 10.538662px);
  right: min(2.133328vw, 11.093328px);
  width: min(7.99998vw, 41.59998px);
  height: min(8.205313vw, 42.667713px);
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  z-index: 3;
}

#auth_window #gax-auth-close img {
  display: block;
  width: 100%;
  height: 100%;
}

#auth_window #gax-auth-close::before,
#auth_window #gax-auth-close::after,
#auth_window #gax-auth-close span { display: none; }

#auth_window .gax-auth-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: min(24.266606vw, 126.186606px);
  flex: 0 0 min(24.266606vw, 126.186606px);
  padding: min(1.066664vw, 5.546664px) min(5.33332vw, 27.73332px) 0;
  border-radius: 0;
  background: transparent;
}

#auth_window .gax-auth-tabs {
  display: flex;
  width: auto;
  height: auto;
  flex: 0 0 auto;
}

#auth_window .gax-auth-tab {
  display: none;
  padding: 0;
  border: 0;
  background: transparent;
  color: #fff;
  font: 600 min(9.33331vw, 48.53331px) / normal Calibri, "Helvetica Neue", Arial, sans-serif;
  cursor: pointer;
}

#auth_window .gax-auth-tab.is-active { display: block; }
#auth_window .gax-auth-tab.is-active::after { display: none; }

#auth_window .play77-auth-switch {
  display: none;
  width: min(46.66655vw, 242.66655px);
  flex: 0 0 min(46.66655vw, 242.66655px);
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  color: rgba(255, 255, 255, .65);
  font: 600 min(3.733324vw, 19.413324px) / min(5.255987vw, 27.331187px) Calibri, "Helvetica Neue", Arial, sans-serif;
}

#auth_window .play77-auth-switch.is-login {
  width: min(56.933191vw, 296.053191px);
  flex-basis: min(56.933191vw, 296.053191px);
}

#auth_window:has(#gax-pane-login.is-active) .play77-auth-switch.is-login,
#auth_window:has(#gax-pane-register.is-active) .play77-auth-switch.is-register { display: flex; }

#auth_window .play77-auth-switch button {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #ffee00;
  font: inherit;
  line-height: inherit;
  text-align: left;
  cursor: pointer;
}

#auth_window .gax-auth-body {
  width: 100%;
  margin: 0;
  padding: 0 min(5.33332vw, 27.73332px);
  border-radius: 0;
  background: transparent;
}

#auth_window .gax-auth-pane { display: none; }
#auth_window .gax-auth-pane.is-active { display: block; }

#auth_window .gax-field {
  display: flex;
  align-items: center;
  width: 100%;
  height: min(12.533302vw, 65.173302px);
  margin: 0 0 min(2.133328vw, 11.093328px);
  padding: 0 min(3.199992vw, 16.639992px);
  border: 1px solid rgba(255, 255, 255, .15);
  border-radius: min(2.133328vw, 11.093328px);
  background: rgba(255, 255, 255, .04);
}

#auth_window .gax-field.play77-auth-field-last { margin-bottom: 0; }
#auth_window .gax-phone-field { position: relative; }

#auth_window .gax-country-trigger {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  width: min(21.773279vw, 113.221279px);
  min-width: min(21.773279vw, 113.221279px);
  margin: 0;
  padding: 0;
  gap: 0;
  border: 0;
  border-right: 1px solid rgba(255, 255, 255, .13);
  background: transparent;
  color: rgba(255, 255, 255, .85);
}

#auth_window .gax-country-trigger::before,
#auth_window .gax-country-caret { display: none; }

#auth_window .gax-country-flag {
  display: block;
  width: min(8.170646vw, 42.487446px);
  height: min(6.153318vw, 31.997318px);
  flex: 0 0 min(8.170646vw, 42.487446px);
  border-radius: 0;
  background: none;
  color: inherit;
  font-family: "Apple Color Emoji", "Segoe UI Emoji", sans-serif;
  font-size: min(5.066654vw, 26.346654px);
  line-height: min(6.153318vw, 31.997318px);
}

#auth_window [data-country='BR'] .gax-country-flag {
  background: url('https://cdn.jogatinapg.com/releases/aeb9d3d5c39db073a28c766aeb95eafd0eb7b4e0-38608686317-1/static/image/play77/auth/br-flag.png') center / 100% 100% no-repeat;
  color: transparent;
  font-size: 0;
}

#auth_window .gax-phone-dial {
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(13.599966vw, 70.719966px);
  height: 100%;
  flex: 0 0 min(13.599966vw, 70.719966px);
  color: rgba(255, 255, 255, .85);
  font-size: min(4.533322vw, 23.573322px);
  line-height: min(5.33332vw, 27.73332px);
}

#auth_window .gax-field input {
  min-width: 0;
  height: 100%;
  flex: 1;
  padding: 0 0 0 min(3.99999vw, 20.79999px);
  border: 0;
  outline: 0;
  background: transparent;
  color: #fff;
  font: 400 min(4.533322vw, 23.573322px) / min(6.933316vw, 36.053316px) Calibri, "Helvetica Neue", Arial, sans-serif;
}

#auth_window .gax-field input::placeholder { color: rgba(255, 255, 255, .35); opacity: 1; }

#auth_window .gax-field input:-webkit-autofill,
#auth_window .gax-field input:-webkit-autofill:hover,
#auth_window .gax-field input:-webkit-autofill:focus {
  -webkit-text-fill-color: #fff;
  -webkit-box-shadow: 0 0 0 1000px #0d351c inset !important;
  caret-color: #fff;
}

#auth_window .gax-field-icon,
#auth_window .gax-field-eye {
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(5.33332vw, 27.73332px);
  height: min(5.639986vw, 29.327986px);
  flex: 0 0 min(5.33332vw, 27.73332px);
  margin: 0;
  color: transparent;
}

#auth_window .gax-field-icon::before,
#auth_window .gax-field-eye::before { display: none; }

#auth_window .gax-field-icon img,
#auth_window .gax-field-eye img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}

#auth_window .gax-field-eye {
  position: relative;
  margin-left: min(1.599996vw, 8.319996px);
  cursor: pointer;
}

#auth_window .gax-field-eye::after {
  display: block;
  position: absolute;
  inset: max(-2.66666vw, -13.86666px) max(-1.866662vw, -9.706662px);
  content: '';
}

#auth_window .gax-error {
  color: #ff7568;
  font-size: min(2.933326vw, 15.253326px);
  line-height: min(3.733324vw, 19.413324px);
  margin: max(-1.599996vw, -8.319996px) 0 min(1.599996vw, 8.319996px) min(2.133328vw, 11.093328px);
}

#auth_window .gax-agree {
  display: flex;
  align-items: center;
  gap: min(2.66666vw, 13.86666px);
  min-height: min(7.466648vw, 38.826648px);
  margin: min(2.133328vw, 11.093328px) 0 0;
  color: #fff;
  font: 400 min(2.933326vw, 15.253326px) / min(3.733324vw, 19.413324px) Calibri, "Helvetica Neue", Arial, sans-serif;
}

#auth_window .gax-agree input {
  width: min(5.013321vw, 26.069321px);
  height: min(5.013321vw, 26.069321px);
  flex: 0 0 min(5.013321vw, 26.069321px);
  margin: 0;
  appearance: none;
  border: min(0.639998vw, 3.327998px) solid #fff;
  border-radius: min(1.066664vw, 5.546664px);
  background: transparent;
  cursor: pointer;
}

#auth_window .gax-agree input:checked {
  border-color: #fff;
  background: transparent url('https://cdn.jogatinapg.com/releases/aeb9d3d5c39db073a28c766aeb95eafd0eb7b4e0-38608686317-1/static/image/play77/auth/agreement-checked.png') center / min(2.986659vw, 15.530659px) min(3.079992vw, 16.015992px) no-repeat;
}

#auth_window .gax-agree input:checked::after { content: none; }

#auth_window .gax-agree .gax-link { color: #47e096; text-decoration: none; }

#auth_window .gax-submit {
  width: 100%;
  height: min(11.99997vw, 62.39997px);
  margin: min(4.266656vw, 22.186656px) 0 0;
  padding: 0 min(3.599991vw, 18.719991px);
  border: 0;
  border-radius: min(2.133328vw, 11.093328px);
  background: linear-gradient(90deg, #ffee00 0%, #ffaf00 100%);
  box-shadow: none;
  color: #000;
  font: 700 min(4.799988vw, 24.959988px) / min(11.99997vw, 62.39997px) Calibri, "Helvetica Neue", Arial, sans-serif;
}

#auth_window .play77-auth-footer {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: auto;
  margin: min(2.133328vw, 11.093328px) min(5.33332vw, 27.73332px) 0;
  padding: min(5.33332vw, 27.73332px) 0 min(11.733304vw, 61.013304px);
  text-align: center;
}

#auth_window .play77-auth-footer strong {
  margin: 0 0 min(2.133328vw, 11.093328px);
  color: #ffee00;
  font: 700 min(5.33332vw, 27.73332px) / min(6.399984vw, 33.279984px) Calibri, "Helvetica Neue", Arial, sans-serif;
}

#auth_window .play77-auth-footer p {
  width: min(79.487179vw, 413.333331px);
  max-width: 100%;
  margin: 0;
  padding: 0 min(2.133328vw, 11.093328px);
  color: rgba(255, 255, 255, .85);
  font: 500 min(3.466658vw, 18.026658px) / min(5.199987vw, 27.039987px) Calibri, "Helvetica Neue", Arial, sans-serif;
  letter-spacing: min(.03vw, .156px);
}

#auth_window .gax-demo-verification { margin-top: min(2.133328vw, 11.093328px); }

#auth_window .gax-auth-tab:focus-visible,
#auth_window button:focus-visible,
#auth_window input[type='checkbox']:focus-visible { outline: 2px solid #ffee00; outline-offset: 2px; }

#auth_window .gax-field:focus-within { border-color: rgba(255, 255, 255, .35); }

@media (max-height: 620px) {
  #auth_window .ant-modal-wrap { padding-block: 0; }
  #auth_window .gax-auth-body { min-height: 0; }
}