
/* ============================================================
   LIQ CRIME UNIT LAYER W3C2B
   ============================================================ */

.liq-unit-panel {
  padding:
    2px 0 18px;
}

.liq-unit-kicker {
  display:
    inline-flex;

  align-items:
    center;

  min-height:
    24px;

  margin-bottom:
    14px;

  padding:
    0 10px;

  border:
    1px solid rgba(243,200,92,.42);

  border-radius:
    999px;

  color:
    #f3c85c;

  background:
    rgba(243,200,92,.07);

  font-size:
    10px;

  line-height:
    1;

  letter-spacing:
    .11em;

  font-weight:
    800;
}

.liq-unit-kicker.qa {
  border-color:
    rgba(128,221,236,.42);

  color:
    #92e2ef;

  background:
    rgba(128,221,236,.07);
}

.liq-unit-kicker.known {
  border-color:
    rgba(123,190,205,.36);

  color:
    #a9dce5;

  background:
    rgba(123,190,205,.06);
}

.liq-unit-panel h2 {
  margin:
    0 0 13px;

  color:
    #f2f5f6;

  font-size:
    25px;

  line-height:
    1.08;
}

.liq-unit-panel > p {
  margin:
    0 0 18px;

  color:
    #a9bcc4;

  font-size:
    13px;

  line-height:
    1.55;
}

.liq-unit-heading {
  display:
    flex;

  align-items:
    center;

  gap:
    13px;

  margin-bottom:
    16px;
}

.liq-unit-heading img {
  width:
    54px;

  height:
    54px;

  object-fit:
    contain;

  flex:
    0 0 54px;
}

.liq-unit-heading small {
  display:
    block;

  margin-bottom:
    4px;

  color:
    #78939e;

  font-size:
    9px;

  letter-spacing:
    .10em;

  text-transform:
    uppercase;
}

.liq-unit-heading h2 {
  margin:
    0;
}

.liq-unit-grid {
  display:
    grid;

  grid-template-columns:
    repeat(
      2,
      minmax(0,1fr)
    );

  gap:
    8px;

  margin-top:
    12px;
}

.liq-unit-grid > div {
  min-width:
    0;

  padding:
    11px 12px;

  border:
    1px solid rgba(119,164,181,.15);

  border-radius:
    8px;

  background:
    rgba(11,28,35,.55);
}

.liq-unit-grid span {
  display:
    block;

  margin-bottom:
    5px;

  color:
    #6f8994;

  font-size:
    8px;

  letter-spacing:
    .07em;

  text-transform:
    uppercase;
}

.liq-unit-grid b {
  display:
    block;

  overflow:
    hidden;

  color:
    #edf3f5;

  font-size:
    12px;

  text-overflow:
    ellipsis;

  white-space:
    nowrap;
}

.liq-unit-tech {
  display:
    grid;

  grid-template-columns:
    auto minmax(0,1fr);

  gap:
    7px 10px;

  margin-top:
    16px;

  padding-top:
    14px;

  border-top:
    1px solid rgba(119,164,181,.13);
}

.liq-unit-tech span {
  color:
    #69828d;

  font-size:
    9px;

  text-transform:
    uppercase;
}

.liq-unit-tech code {
  overflow:
    hidden;

  color:
    #9db2ba;

  font-size:
    9px;

  text-overflow:
    ellipsis;
}
