/* FUTURES16988 RSI MOMENTUM V1 */

#futuresRsi24Panel{
  margin-top:14px;
  border:1px solid #173c54;
  border-radius:14px;
  background:#071824;
  padding:18px;
  color:#dcefff;
}

#futuresRsi24Panel *{
  box-sizing:border-box;
}

.fm24-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:14px;
}

.fm24-title{
  font-size:22px;
  font-weight:900;
  color:#f4f9ff;
}

.fm24-sub{
  margin-top:6px;
  color:#7ea6c4;
  font-size:13px;
}

.fm24-time{
  color:#7396b1;
  font-size:13px;
  white-space:nowrap;
}

.fm24-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 350px;
  gap:14px;
}

.fm24-chartbox,
.fm24-sidebox{
  border:1px solid #14364d;
  border-radius:12px;
  background:#061722;
}

.fm24-chartbox{
  padding:16px 15px 10px;
  overflow:hidden;
}

.fm24-charttop{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:8px;
}

.fm24-charttitle{
  font-size:16px;
  font-weight:800;
}

.fm24-legend{
  display:flex;
  gap:13px;
  align-items:center;
  color:#b7cee0;
  font-size:12px;
  flex-wrap:wrap;
}

.fm24-legend span{
  display:flex;
  align-items:center;
  gap:5px;
}

.fm24-legend i{
  width:11px;
  height:11px;
  border-radius:3px;
  display:inline-block;
}

.fm24-leg-eb{
  background:#ff4f61;
}

.fm24-leg-sb{
  background:#ff7659;
}

.fm24-leg-ss{
  background:#20d6a1;
}

.fm24-leg-es{
  background:#128b73;
}

.fm24-chart{
  position:relative;
  height:285px;
  padding:16px 6px 0;
  border-bottom:1px solid #17374d;
}

.fm24-gridline{
  position:absolute;
  left:0;
  right:0;
  height:1px;
  background:#0d2939;
}

.fm24-gridline.g75{
  bottom:75%;
}

.fm24-gridline.g50{
  bottom:50%;
  background:#ff4f61;
  height:2px;
}

.fm24-gridline.g25{
  bottom:25%;
}

.fm24-half-label{
  position:absolute;
  right:0;
  bottom:calc(50% - 7px);
  transform:translateX(5px);
  color:#ff596b;
  background:#061722;
  padding-left:8px;
  font-size:12px;
  font-weight:800;
}

.fm24-hours{
  height:100%;
  display:grid;
  align-items:end;
  position:relative;
  z-index:2;
  gap:2px;
}

.fm24-hour{
  height:100%;
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  align-items:center;
  position:relative;
  padding:0 2px;
  border-radius:7px 7px 0 0;
}

.fm24-hour.current{
  background:#0a2132;
  outline:1px solid #17405c;
}

.fm24-bars{
  width:100%;
  height:230px;
  display:flex;
  justify-content:center;
  align-items:flex-end;
  gap:3px;
}

.fm24-column{
  width:min(14px,42%);
  min-width:5px;
  position:relative;
  display:flex;
  flex-direction:column-reverse;
  overflow:hidden;
  border-radius:4px 4px 0 0;
}

.fm24-column.empty{
  height:2px !important;
  background:#0c2636;
}

.fm24-seg{
  width:100%;
  min-height:0;
}

.fm24-eb{
  background:#ff4f61;
}

.fm24-sb{
  background:#ff7659;
}

.fm24-ss{
  background:#20d6a1;
}

.fm24-es{
  background:#128b73;
}

.fm24-label{
  height:22px;
  padding-top:6px;
  font-size:11px;
  color:#73a5c4;
}

.fm24-hour.current .fm24-label{
  color:#f7fbff;
  font-weight:800;
}

.fm24-side{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.fm24-sidebox{
  padding:16px;
}

.fm24-side-title{
  font-size:17px;
  font-weight:900;
  margin-bottom:16px;
}

.fm24-market-status{
  font-size:23px;
  line-height:1.25;
  font-weight:900;
  margin-bottom:13px;
}

.fm24-market-status.bull{
  color:#ff5867;
}

.fm24-market-status.bear{
  color:#1ed9a0;
}

.fm24-market-status.flat{
  color:#79bfff;
}

.fm24-ratio{
  font-size:15px;
  font-weight:800;
  line-height:1.9;
}

.fm24-bulltxt{
  color:#ff5967;
}

.fm24-beartxt{
  color:#1ed9a0;
}

.fm24-spread{
  margin-top:10px;
  background:#0b2638;
  border-radius:10px;
  padding:11px 10px;
  text-align:center;
  font-size:20px;
  font-weight:900;
  color:#77c6ff;
}

.fm24-momentum-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
}

.fm24-momentum{
  background:#092031;
  border-radius:8px;
  padding:10px 7px;
}

.fm24-momentum span{
  display:block;
  font-size:13px;
  margin-bottom:7px;
  color:#d5e8f7;
}

.fm24-momentum b{
  font-size:15px;
}

.fm24-delta-grid{
  margin-top:12px;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:7px;
}

.fm24-delta{
  background:#091e2c;
  border-radius:7px;
  padding:8px;
  display:flex;
  justify-content:space-between;
  gap:6px;
  font-size:12px;
}

.fm24-judge{
  margin-top:10px;
  padding:10px;
  border-radius:8px;
  background:#092335;
  color:#9fd6ff;
  font-weight:800;
}

.fm24-note{
  margin-top:9px;
  color:#6f95af;
  font-size:12px;
  line-height:1.6;
}

@media(max-width:1100px){
  .fm24-layout{
    grid-template-columns:1fr;
  }

  .fm24-side{
    display:grid;
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:760px){
  #futuresRsi24Panel{
    padding:12px;
  }

  .fm24-head{
    display:block;
  }

  .fm24-time{
    margin-top:8px;
  }

  .fm24-chart{
    overflow-x:auto;
  }

  .fm24-hours{
    min-width:560px;
  }

  .fm24-side{
    display:block;
  }

  .fm24-sidebox{
    margin-bottom:10px;
  }
}