/* BG Auth Module - V1.03.00 */
.auth-layer[hidden]{display:none!important}
.auth-layer{
  position:fixed;
  inset:0;
  z-index:220;
  display:grid;
  place-items:center;
  padding:1.125rem;
  touch-action:manipulation;
}
.auth-backdrop{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
  padding:0;
  background:rgba(19,37,64,.48);
  backdrop-filter:blur(0.125rem);
  -webkit-backdrop-filter:blur(0.125rem);
}
.auth-dialog{
  position:relative;
  z-index:1;
  width:min(92vw,23.75rem);
  max-height:min(84dvh,42.5rem);
  overflow:auto;
  overscroll-behavior:contain;
  scrollbar-width:none;
  background:#fff;
  border-radius:1.375rem;
  box-shadow:0 1.5rem 4.375rem rgba(30,57,96,.24);
  padding:0.875rem 1rem 1.125rem;
  color:#425c84;
  touch-action:manipulation;
}
.auth-dialog::-webkit-scrollbar{display:none}

.auth-head{
  position:relative;
  height:2.125rem;
  display:flex;
  align-items:center;
  justify-content:flex-end;
}
.auth-brand{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  margin:0;
  font-weight:1000;
  font-style:italic;
  font-size:1.625rem;
  letter-spacing:-0.25rem;
  line-height:1;
}
.auth-brand .b{color:#efb933}
.auth-brand .g{color:#1e96b5}
.auth-brand i{
  color:#e94868;
  font-size:0.5625rem;
  margin-left:0.3125rem;
}
.auth-close{
  position:relative;
  z-index:2;
  width:1.9375rem;
  height:1.9375rem;
  margin-left:auto;
  border:0;
  border-radius:50%;
  background:#f4f7fb;
  color:#6f86aa;
  font-size:1.375rem;
  line-height:1;
  display:grid;
  place-items:center;
  padding:0;
}

.auth-tabs{
  margin-top:0.625rem;
  padding:0.25rem;
  border-radius:0.875rem;
  background:#f4f7fb;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0.25rem;
}
.auth-tabs button{
  height:2.25rem;
  border:0;
  border-radius:0.6875rem;
  background:transparent;
  color:#7d92b3;
  font-weight:800;
  font-size:0.875rem;
}
.auth-tabs button.active{
  background:#fff;
  color:#3f83f8;
  box-shadow:0 0.125rem 0.5rem rgba(58,91,137,.10);
}

.auth-pane{display:none}
.auth-pane.active{display:block}

.auth-title-login,
.auth-title-register{
  padding:0.625rem 0.125rem 0.5rem;
  text-align:left;
}
.auth-title-login h2,
.auth-title-register h2{
  margin:0;
  font-size:0.875rem;
  line-height:1.25;
  font-weight:800;
  color:#294969;
}

.auth-form{
  display:grid;
  gap:0.5625rem;
}
.auth-input{
  position:relative;
  display:flex;
  align-items:center;
  width:100%;
  height:2.6875rem;
  border:1px solid #d9e2ee;
  border-radius:0.625rem;
  background:#fff;
  overflow:hidden;
  transition:border-color .15s,box-shadow .15s;
}
.auth-input:focus-within{
  border-color:#9fc0ef;
  box-shadow:0 0 0 0.1875rem rgba(63,131,248,.07);
}
.auth-input-icon{
  width:2.625rem;
  height:100%;
  display:grid;
  place-items:center;
  flex:0 0 2.625rem;
  color:#91979e;
}
.auth-input-icon svg{
  width:1.3125rem;
  height:1.3125rem;
  fill:none;
  stroke:currentColor;
  stroke-width:1.65;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.auth-input input{
  min-width:0;
  flex:1;
  height:100%;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  outline:none;
  padding:0 0.625rem 0 0;
  color:#405d82;
  font-size:0.875rem;
}
.auth-input input::placeholder{
  color:#8e9398;
  opacity:1;
}
.auth-eye{
  position:static;
  transform:none;
  width:2.625rem;
  height:100%;
  flex:0 0 2.625rem;
  border:0;
  background:transparent;
  color:#a5a9b4;
  display:grid;
  place-items:center;
  padding:0;
}
.auth-eye svg{
  width:1.25rem;
  height:1.25rem;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}


.captcha-row{
  display:grid;
  grid-template-columns:minmax(0,1.75fr) minmax(7rem,.95fr);
  gap:0.5625rem;
}
.captcha-input{min-width:0}
.captcha-box{
  height:2.6875rem;
  border:1px solid #d9e2ee;
  border-radius:0.625rem;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 0.5rem 0 0.625rem;
  overflow:hidden;
}
.captcha-box>span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:4.1875rem;
  height:1.8125rem;
  border-radius:0.375rem;
  background:
    repeating-linear-gradient(118deg,rgba(122,137,158,.13) 0 0.125rem,transparent 0.125rem 0.375rem),
    linear-gradient(135deg,#e8e7e8,#f5f2f3);
  color:#5d7f73;
  font-family:Georgia,"Times New Roman",serif;
  font-size:1.375rem;
  font-weight:800;
  letter-spacing:0.1875rem;
  text-shadow:1px 1px 0 rgba(255,255,255,.8);
  transform:skew(-4deg);
}
.captcha-box button{
  width:2.125rem;
  height:2.125rem;
  border:0;
  background:transparent;
  color:#a5acba;
  display:grid;
  place-items:center;
  padding:0;
}
.captcha-box button svg{
  width:1.3125rem;
  height:1.3125rem;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.auth-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:0.625rem;
}
.login-options{
  min-height:1.75rem;
  padding:0 1px;
}
.auth-check{
  display:flex;
  align-items:flex-start;
  gap:0.4375rem;
  color:#7a8fad;
  font-size:0.75rem;
  line-height:1.45;
}
.auth-check input{
  width:1rem;
  height:1rem;
  margin:1px 0 0;
  accent-color:#3f83f8;
  flex:0 0 1rem;
}
.auth-link{
  border:0;
  background:transparent;
  color:#3f83f8;
  padding:0.125rem 0;
  font-size:0.75rem;
  font-weight:700;
}
.auth-error{
  min-height:1.125rem;
  margin:0 0 -0.25rem;
  color:#e95462;
  font-size:0.75rem;
}
.auth-submit{
  height:2.6875rem;
  border:0;
  border-radius:0.8125rem;
  color:#fff;
  font-weight:900;
  font-size:0.9375rem;
}
.auth-submit-login{
  background:linear-gradient(135deg,#5598ff,#3f83f8);
  box-shadow:0 0.5rem 1.125rem rgba(63,131,248,.18);
}
.auth-submit-register{
  background:linear-gradient(135deg,#ff8a42,#ff6e22);
  box-shadow:0 0.5rem 1.125rem rgba(255,118,40,.18);
}
.auth-switch{
  text-align:center;
  margin:1px 0 0;
  color:#8a9dbc;
  font-size:0.75rem;
}
.auth-switch button{
  border:0;
  background:transparent;
  color:#3f83f8;
  font-weight:800;
  padding:0.1875rem;
}
.auth-note{
  min-height:0;
  margin:0;
  text-align:center;
  color:#7b90af;
  font-size:0.75rem;
}
.auth-note:not(:empty){
  margin-top:0.625rem;
  padding:0.5625rem 0.625rem;
  border-radius:0.625rem;
  background:#f5f9ff;
}

@media(max-width:480px){
  .auth-layer{
    place-items:center;
    padding:1rem;
  }
  .auth-dialog{
    width:min(90vw,22.5rem);
    max-height:86dvh;
    border-radius:1.25rem;
    padding:0.8125rem 0.9375rem 1.0625rem;
    animation:auth-dialog-in .16s ease-out;
  }
}

@keyframes auth-dialog-in{
  from{transform:scale(.97);opacity:.72}
  to{transform:scale(1);opacity:1}
}

.auth-submit:disabled{opacity:.62;cursor:wait}
/* BG-HEADER-R1.370: reserve the amount line while verified balances load. */
.header > .actions.bg-member-actions{
  flex:1 1 auto;
  min-width:0;
  justify-content:flex-end;
  gap:0.4375rem;
}
.bg-member-actions > .member-balance{
  display:inline-flex;
  align-items:center;
  flex:0 1 auto;
  gap:0.25rem;
  min-width:0;
  max-width:100%;
  height:2.25rem;
  padding:0.1875rem 0.5625rem 0.1875rem 0.25rem;
  border:0;
  border-radius:1.25rem;
  background:#f4f7fb;
  color:#455776;
  text-decoration:none;
  cursor:pointer;
  -webkit-appearance:none;
  appearance:none;
}
.bg-member-actions .member-balance > svg{
  width:1.5rem;
  height:1.5rem;
  flex:0 0 1.5rem;
}
.member-balance > .member-balance-value{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  flex:0 1 auto;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:0.875rem;
  font-weight:500;
  line-height:1.2;
  font-variant-numeric:tabular-nums;
}
.member-balance-value > .member-balance-number{display:block;min-height:1.05rem;line-height:1.05rem;vertical-align:middle}
.member-balance-value > .member-balance-currency{display:inline-block;color:#7187a8;font-size:.625rem;font-weight:500;line-height:1.1}
.bg-member-actions > .member-deposit{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 2.25rem;
  width:2.25rem;
  height:2.25rem;
  border:0;
  border-radius:50%;
  padding:0.25rem;
  background:#f4f7fb;
  cursor:pointer;
}
.bg-member-actions .member-deposit > svg{width:1.75rem;height:1.75rem;flex:0 0 1.75rem}
.bg-member-actions > .lang{flex:0 0 2.25rem;min-width:2.25rem;height:2.25rem}
.bg-member-actions > .member-header-pending{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 5.8125rem;
  height:2.25rem;
  padding:0;
  border:0;
  background:transparent;
  color:#8391a8;
  font-size:0.8125rem;
  cursor:pointer;
}
.bg-member-actions > .member-balance:focus-visible,
.bg-member-actions > .member-deposit:focus-visible{outline:0.125rem solid #3f83f8;outline-offset:0.125rem}
.profile-page .profile-content > .profile-member-logout{
  display:block;
  flex:0 0 auto;
  margin:1rem 0.125rem 0;
  width:calc(100% - 0.25rem);
  height:2.625rem;
  border:1px solid #dae4f2;
  border-radius:1.75rem;
  background:#fff;
  color:#6a7f9e;
  font-size:0.875rem;
  font-weight:700;
  cursor:pointer;
}
.profile-page .profile-member-logout:disabled{opacity:.62;cursor:wait}