#ma-radar-v112{
  margin-top:16px;
}

#ma-radar-v112 .ma-radar-summary{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-bottom:16px;
}

#ma-radar-v112 .ma-radar-summary-card{
  border:1px solid rgba(255,255,255,.06);
  background:linear-gradient(
    180deg,
    rgba(255,255,255,.028),
    rgba(255,255,255,.015)
  );
  border-radius:10px;
  padding:12px 13px;
  min-height:74px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

#ma-radar-v112 .ma-radar-summary-card small{
  display:block;
  font-size:9px;
  opacity:.58;
  margin-bottom:7px;
  letter-spacing:.25px;
  text-transform:uppercase;
}

#ma-radar-v112 .ma-radar-summary-card strong{
  display:block;
  font-size:22px;
  line-height:1;
  font-weight:800;
}

#ma-radar-v112 .ma-radar-table{
  border:1px solid rgba(255,255,255,.05);
  background:rgba(255,255,255,.01);
  border-radius:10px;
  padding:8px;
}

#ma-radar-v112 .ma-radar-header{
  display:grid;
  grid-template-columns:
    minmax(120px,1.25fr)
    minmax(95px,.9fr)
    minmax(78px,.75fr)
    minmax(75px,.7fr)
    minmax(140px,1.1fr)
    minmax(120px,1fr);
  gap:12px;
  align-items:center;
  padding:8px 12px 10px;
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:.6px;
  opacity:.48;
}

#ma-radar-v112 .ma-radar-body{
  display:grid;
  gap:7px;
}

#ma-radar-v112 .ma-radar-row{
  display:grid;
  grid-template-columns:
    minmax(120px,1.25fr)
    minmax(95px,.9fr)
    minmax(78px,.75fr)
    minmax(75px,.7fr)
    minmax(140px,1.1fr)
    minmax(120px,1fr);
  gap:12px;
  align-items:center;
  min-height:56px;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.05);
  background:rgba(255,255,255,.016);
  border-radius:9px;
  font-size:10px;
}

#ma-radar-v112 .ma-radar-row.ma-radar-active{
  border-color:rgba(56,217,150,.18);
  background:rgba(56,217,150,.04);
  box-shadow:inset 0 0 0 1px rgba(56,217,150,.04);
}

#ma-radar-v112 .ma-symbol{
  font-weight:800;
  font-size:11px;
  line-height:1.1;
}

#ma-radar-v112 .ma-symbol small{
  display:block;
  margin-top:4px;
  font-size:8px;
  font-weight:400;
  opacity:.48;
  line-height:1.35;
}

#ma-radar-v112 .ma-num{
  text-align:right;
  font-variant-numeric:tabular-nums;
}

#ma-radar-v112 .ma-score{
  text-align:right;
  font-weight:800;
  font-size:11px;
  font-variant-numeric:tabular-nums;
}

#ma-radar-v112 .ma-score-strong{
  color:#38d996;
}

#ma-radar-v112 .ma-score-watch{
  color:#e6c75c;
}

#ma-radar-v112 .ma-score-neutral{
  opacity:.88;
}

#ma-radar-v112 .ma-score-weak{
  color:#ff7d76;
}

#ma-radar-v112 .ma-change-positive{
  color:#38d996;
}

#ma-radar-v112 .ma-change-negative{
  color:#ff7d76;
}

#ma-radar-v112 .ma-signal{
  line-height:1.18;
}

#ma-radar-v112 .ma-signal strong{
  display:block;
  font-size:10px;
  text-transform:capitalize;
  font-weight:700;
}

#ma-radar-v112 .ma-signal small{
  display:block;
  margin-top:4px;
  font-size:8px;
  opacity:.5;
  text-transform:capitalize;
}

#ma-radar-v112 .ma-status{
  font-size:9px;
  line-height:1.2;
}

#ma-radar-v112 .ma-status-active{
  color:#38d996;
  font-weight:700;
}

#ma-radar-v112 .ma-status-normal{
  opacity:.55;
}

#ma-radar-v112 .ma-radar-note{
  margin-top:10px;
  font-size:8px;
  opacity:.44;
  line-height:1.45;
}

#ma-radar-v112 .ma-radar-loading{
  padding:24px 12px;
  text-align:center;
  opacity:.52;
  font-size:10px;
}

@media(max-width:1100px){
  #ma-radar-v112 .ma-radar-summary{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  #ma-radar-v112 .ma-radar-header,
  #ma-radar-v112 .ma-radar-row{
    grid-template-columns:
      minmax(120px,1.2fr)
      minmax(90px,.85fr)
      minmax(70px,.7fr)
      minmax(70px,.7fr)
      minmax(120px,1fr)
      minmax(95px,.9fr);
  }
}

@media(max-width:900px){

  #ma-radar-v112 .ma-radar-summary{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  #ma-radar-v112 .ma-radar-header{
    display:none;
  }

  #ma-radar-v112 .ma-radar-row{
    grid-template-columns:
      minmax(120px,1fr)
      75px
      70px;
  }

  #ma-radar-v112 .ma-radar-row > :nth-child(4),
  #ma-radar-v112 .ma-radar-row > :nth-child(5),
  #ma-radar-v112 .ma-radar-row > :nth-child(6){
    display:none;
  }
}