/* ==========================================================
   ERROR404 // SINGLE SESSION OVERLAY
   ========================================================== */

#error404SessionReplacedOverlay{
  position:fixed;
  inset:0;
  z-index:2147483647;

  display:grid;
  place-items:center;

  padding:18px;

  background:
    radial-gradient(
      circle at 50% 30%,
      rgba(25,243,255,.09),
      transparent 38%
    ),
    rgba(0,4,9,.92);

  backdrop-filter:blur(8px);
}

.e404-session-replaced-card{
  position:relative;

  width:min(460px,100%);
  padding:30px;

  overflow:hidden;

  border:1px solid rgba(25,243,255,.28);
  border-radius:20px;

  color:#f3f7fb;

  background:
    linear-gradient(
      145deg,
      rgba(25,243,255,.055),
      rgba(255,92,239,.045)
    ),
    #050d17;

  box-shadow:
    0 24px 80px rgba(0,0,0,.55),
    0 0 35px rgba(25,243,255,.06);

  text-align:center;
}

.e404-session-replaced-card::before{
  content:"";

  position:absolute;
  top:0;
  left:24px;
  right:24px;

  height:2px;

  background:
    linear-gradient(
      90deg,
      transparent,
      var(--cyan,#19f3ff),
      var(--pink,#ff5cef),
      transparent
    );
}

.e404-session-replaced-kicker{
  display:block;

  margin-bottom:20px;

  color:var(--cyan,#19f3ff);

  font-size:9px;
  font-weight:800;
  letter-spacing:1.7px;
}

.e404-session-replaced-icon{
  width:62px;
  height:62px;

  display:grid;
  place-items:center;

  margin:0 auto 18px;

  border:1px solid rgba(255,92,239,.35);
  border-radius:50%;

  background:
    linear-gradient(
      135deg,
      rgba(25,243,255,.1),
      rgba(255,92,239,.1)
    );

  font-size:27px;
}

.e404-session-replaced-card h2{
  margin:0 0 14px;

  color:#fff;

  font-size:22px;
  letter-spacing:1px;
}

.e404-session-replaced-card p{
  margin:0;

  color:#aab5c2;

  font-family:Arial,sans-serif;
  font-size:14px;
  line-height:1.65;
}

.e404-session-replaced-card small{
  display:block;

  margin-top:15px;

  color:#728091;

  font-family:Arial,sans-serif;
  font-size:10px;
  line-height:1.55;
}

#error404SessionReplacedLogin{
  width:100%;
  min-height:44px;

  margin-top:24px;
  padding:10px 15px;

  border:0;
  border-radius:10px;

  color:#02070c;

  background:
    linear-gradient(
      100deg,
      var(--cyan,#19f3ff),
      #936eff,
      var(--pink,#ff5cef)
    );

  font:inherit;
  font-size:10px;
  font-weight:900;
  letter-spacing:1px;

  cursor:pointer;

  transition:
    transform .18s ease,
    filter .18s ease;
}

#error404SessionReplacedLogin:hover{
  filter:brightness(1.1);
  transform:translateY(-1px);
}