/* Content div customisations and screen selection */
.card-login[data-screen="login"] .container-login {display:flex;}
.card-login[data-screen="msg"] {
  background: rgb(from var(--clr-glow) r g b / 5%);
  border: 2px solid var(--clr-glow);
  box-shadow:0 0 128px var(--clr-glow), 0 0 0 transparent;
}
.card-login[data-screen="msg"] .container-msg {display:flex;}
.card-login[data-screen="loading"] .container-loading {display:flex;}

.container-msg, .container-loading {align-items:center; justify-content:center;}


/* MAIN: LOGIN SCREEN */

.card-login {
  width:346px; height:560px;
  transition: box-shadow 2s ease, border-color 2s ease, background-color 2s ease;
}

.container-login .logo {
  height:77px;
  margin: 0 auto;
  filter: var(--fx-filter-glow-logo);
}

.container-login h1 {margin:16px 0 22px}

.container-login label {
  position:absolute;
  width:1px;height:1px;
  padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);
  white-space:nowrap;border:0;
}

.container-login .pw-help {
  margin: 0 8px 10px; padding:0;
  display:flex; justify-content:space-between;
}

.container-login .btn-txt {
  padding:0; background:none; border:none;
  font-size:12px; text-decoration:none;
  color: #e8af2d;
}
.container-login .btn-txt:hover {color:#edc25f; text-decoration:underline;}
.container-login .pw-help .btn-txt {margin: 2px 0 4px;}

.container-login .go-guest {margin:auto 0 4px; text-align:center;}


/* MESSAGES */

.container-msg .msg-icon {
  height:64px; object-fit:contain;
  margin: 0 0 24px;
  filter: drop-shadow(rgb(from var(--clr-glow) r g b / 70%) 0 0 16px);
}
.container-msg .msg-title, .container-msg .msg-txt {margin:3px;}
.container-msg .msg-ok {margin:21px 0 0; min-width:192px;}


/* LOADING SCREEN */

.container-loading h2 {font-weight:400;}