/* PROFILE // IDENTIFICATION MATRIX */
.ei-profile-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin-bottom:12px
}
.ei-profile-head div{
  display:grid;
  gap:3px
}
.ei-profile-head span{
  font:800 7px ui-monospace,SFMono-Regular,monospace;
  letter-spacing:.16em
}
.ei-profile-head b,.ei-profile-head em{
  font:700 5px ui-monospace,SFMono-Regular,monospace;
  letter-spacing:.12em;
  color:#728184;
  font-style:normal
}
.ei-ident-matrix{
  display:grid;
  grid-template-columns:minmax(190px,.8fr) minmax(260px,1.2fr);
  border:1px solid #314044;
  background:linear-gradient(180deg,#0d1315,#090d0f);
  position:relative;
  overflow:hidden
}
.ei-ident-field{
  min-height:210px;
  position:relative;
  border-right:1px solid #273437;
  display:grid;
  place-items:center;
  background:radial-gradient(circle at center,#23313622 0 1px,transparent 2px),linear-gradient(90deg,transparent 49.8%,#39484b30 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,#39484b30 50%,transparent 50.2%);
  background-size:18px 18px,100% 100%,100% 100%
}
.ei-ident-cross{
  position:absolute;
  font:300 24px ui-monospace,SFMono-Regular,monospace;
  color:#536366;
  opacity:.55
}
.ei-lock-corner{
  position:absolute;
  width:27px;
  height:27px;
  border-color:#6d7e81;
  opacity:.45;
  transition:.65s ease
}
.ei-lock-corner.c1{
  left:23%;
  top:23%;
  border-left:1px solid;
  border-top:1px solid
}
.ei-lock-corner.c2{
  right:23%;
  top:23%;
  border-right:1px solid;
  border-top:1px solid
}
.ei-lock-corner.c3{
  left:23%;
  bottom:23%;
  border-left:1px solid;
  border-bottom:1px solid
}
.ei-lock-corner.c4{
  right:23%;
  bottom:23%;
  border-right:1px solid;
  border-bottom:1px solid
}
.ei-ident-lockup{
  z-index:2;
  text-align:center;
  opacity:.25;
  transform:scale(.92);
  transition:.55s ease
}
.ei-ident-lockup small,.ei-ident-lockup em{
  display:block;
  font:700 5px ui-monospace,SFMono-Regular,monospace;
  letter-spacing:.14em;
  color:#718084;
  font-style:normal
}
.ei-ident-lockup strong{
  display:flex;
  align-items:baseline;
  justify-content:center;
  gap:7px;
  margin:7px 0;
  font:900 20px ui-monospace,SFMono-Regular,monospace;
  letter-spacing:.03em
}
.ei-ident-lockup strong i{
  font-size:8px;
  color:#647477
}
.ei-fragment{
  position:absolute;
  font:700 4px ui-monospace,SFMono-Regular,monospace;
  letter-spacing:.12em;
  color:#6e7e81;
  opacity:.25;
  transition:.7s ease
}
.ei-fragment.f1{
  left:8%;
  top:12%
}
.ei-fragment.f2{
  right:8%;
  top:18%
}
.ei-fragment.f3{
  left:7%;
  bottom:15%
}
.ei-fragment.f4{
  right:8%;
  bottom:11%
}
.ei-ident-data{
  padding:10px 14px;
  display:grid
}
.ei-ident-data article{
  display:grid;
  grid-template-columns:72px 1fr auto;
  align-items:center;
  gap:10px;
  border-bottom:1px solid #202b2e;
  opacity:.22;
  transform:translateX(8px);
  transition:.35s ease
}
.ei-ident-data article:last-child{
  border-bottom:0
}
.ei-ident-data span,.ei-ident-data em{
  font:700 5px ui-monospace,SFMono-Regular,monospace;
  letter-spacing:.11em;
  color:#69797c;
  font-style:normal
}
.ei-ident-data b{
  font:800 6px ui-monospace,SFMono-Regular,monospace;
  letter-spacing:.06em
}
.ei-ident-data article.resolved{
  opacity:1;
  transform:none
}
.ei-ident-data article:nth-child(2){
  transition-delay:.08s
}
.ei-ident-data article:nth-child(3){
  transition-delay:.16s
}
.ei-ident-data article:nth-child(4){
  transition-delay:.24s
}
.ei-ident-data article:nth-child(5){
  transition-delay:.32s
}
.ei-ident-data article:nth-child(6){
  transition-delay:.4s
}
.ei-correlation{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:12px;
  padding:8px 12px;
  border-top:1px solid #293638
}
.ei-correlation span,.ei-correlation strong{
  font:800 5px ui-monospace,SFMono-Regular,monospace;
  letter-spacing:.12em
}
.ei-correlation i{
  height:2px;
  background:#202b2e;
  overflow:hidden
}
.ei-correlation i b{
  display:block;
  width:0;
  height:100%;
  background:#839396;
  transition:width .75s ease
}
.ei-ident-matrix.locked .ei-ident-lockup{
  opacity:1;
  transform:none
}
.ei-ident-matrix.locked .ei-lock-corner.c1,.ei-ident-matrix.locked .ei-lock-corner.c3{
  left:15%
}
.ei-ident-matrix.locked .ei-lock-corner.c2,.ei-ident-matrix.locked .ei-lock-corner.c4{
  right:15%
}
.ei-ident-matrix.locked .ei-fragment{
  opacity:.8;
  transform:translateY(0)
}
.ei-ident-matrix.locked .ei-correlation i b{
  width:88%
}
.ei-profile-brief{
  margin:10px 0 0;
  color:#9ba7a9;
  font-size:8px;
  line-height:1.65
}
.ei-profile-rescan{
  width:100%;
  margin-top:10px;
  min-height:38px;
  border:1px solid #344347;
  background:#0d1416;
  color:#aab5b7;
  font:800 6px ui-monospace,SFMono-Regular,monospace;
  letter-spacing:.13em
}
.ei-profile-rescan:active{
  background:#172124
}
.ei-ident-matrix.outlier{
  border-color:#59383c
}
.ei-ident-matrix.outlier .ei-ident-lockup em,.ei-ident-matrix.outlier .ei-correlation strong{
  color:#c27a81
}
.ei-ident-matrix.outlier .ei-correlation i b{
  width:32%;
  background:#9d555c
}
.ei-ident-matrix.outlier .ei-lock-corner{
  border-color:#a75e65
}

@media(max-width:760px){
  .ei-ident-matrix{
    grid-template-columns:1fr
  }
  .ei-ident-field{
    min-height:190px;
    border-right:0;
    border-bottom:1px solid #273437
  }
  .ei-ident-data{
    padding:7px 10px
  }
  .ei-ident-data article{
    min-height:35px;
    grid-template-columns:58px 1fr auto
  }
  .ei-correlation{
    grid-template-columns:1fr auto
  }
  .ei-correlation i{
    grid-column:1/-1;
    grid-row:2
  }
  .ei-profile-rescan{
    min-height:46px
  }
  .ei-profile-head{
    align-items:center
  }
  
}

@media(prefers-reduced-motion:reduce){
  .ei-ident-lockup,.ei-lock-corner,.ei-fragment,.ei-ident-data article,.ei-correlation i b{
    transition:none!important
  }
  
}