/* TALKCHAT_R19C12R9R18R19_LOGIN_GLASS_CLEAR_ENTRY_NEWLINE_FIX */

/* Reference login glass: keep the Milky Way visible through the card. */
.login-card.tc-login-reference{
  background:rgba(10,14,18,.10)!important;
  -webkit-backdrop-filter:blur(.45px) saturate(101%)!important;
  backdrop-filter:blur(.45px) saturate(101%)!important;
  border-color:rgba(255,255,255,.16)!important;
  box-shadow:0 14px 36px rgba(0,0,0,.20)!important;
}
.login-card.tc-login-reference .tc-reference-nick-input,
.login-card.tc-login-reference .tc-auto-voice-row{
  background:rgba(17,21,27,.30)!important;
  border-color:rgba(255,255,255,.16)!important;
}
.login-card.tc-login-reference .tc-reference-nick-input:focus{
  background:rgba(17,21,27,.36)!important;
}
.login-card.tc-login-reference .tc-login-reference-announce{
  color:rgba(255,255,255,.94)!important;
}

/* Reference-style initial server connection state. */
.tc-initial-connection-overlay{
  position:fixed;
  inset:0;
  z-index:10050;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  background:rgba(0,0,0,.64);
  -webkit-backdrop-filter:blur(1px);
  backdrop-filter:blur(1px);
}
.tc-initial-connection-card{
  min-width:196px;
  min-height:92px;
  padding:15px 22px 14px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:11px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:5px;
  background:rgba(20,20,20,.86);
  box-shadow:0 12px 35px rgba(0,0,0,.38);
  color:#f0f0f0;
  text-align:center;
}
.tc-initial-connection-card strong{
  font-size:12px;
  line-height:1.35;
  font-weight:500;
}
.tc-initial-connection-spinner{
  width:38px;
  height:38px;
  border-radius:50%;
  border:2px solid rgba(255,255,255,.35);
  border-top-color:#fff;
  animation:tcInitialConnectionSpin .82s linear infinite;
}
@keyframes tcInitialConnectionSpin{to{transform:rotate(360deg)}}
@media(max-width:640px){
  .login-card.tc-login-reference{background:rgba(10,14,18,.11)!important}
  .tc-initial-connection-card{min-width:188px}
}
@media(prefers-reduced-motion:reduce){
  .tc-initial-connection-spinner{animation-duration:1.5s}
}