/* TH826_TAB3_STEP3_MULTI_TARGET_CSS_V1 */

.th826-step3-multi{
  position:relative;
  display:grid;
  gap:6px;
  width:100%;
}

.th826-step3-multi-toggle{
  box-sizing:border-box;
  width:100%;
  min-height:36px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 18px;
  gap:8px;
  align-items:center;
  padding:0 11px;
  border:1px solid rgba(49,125,198,.60);
  border-radius:10px;
  color:#f4faff;
  background:#051c33;
  text-align:left;
  cursor:pointer;
}

.th826-step3-multi-toggle span{
  overflow:hidden;
  font-size:11px;
  font-weight:750;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.th826-step3-multi-toggle i{
  font-size:15px;
  font-style:normal;
  text-align:center;
  transition:transform .16s ease;
}

.th826-step3-multi-toggle[aria-expanded="true"] i{
  transform:rotate(180deg);
}

.th826-step3-multi-panel{
  padding:8px;
  border:1px solid rgba(49,137,218,.48);
  border-radius:10px;
  background:#04182d;
  box-shadow:0 12px 28px rgba(0,0,0,.24);
}

.th826-step3-multi-panel[hidden]{
  display:none !important;
}

.th826-step3-multi-options{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px;
}

.th826-step3-multi-options label{
  min-height:31px;
  display:grid;
  grid-template-columns:16px minmax(0,1fr);
  gap:7px;
  align-items:center;
  padding:4px 8px;
  border:1px solid rgba(52,126,195,.24);
  border-radius:8px;
  background:rgba(7,35,63,.74);
  cursor:pointer;
}

.th826-step3-multi-options label:hover{
  border-color:rgba(44,169,255,.52);
  background:rgba(10,61,104,.62);
}

.th826-step3-multi-options label.is-auto{
  grid-column:1 / -1;
  border-color:rgba(33,177,238,.32);
}

.th826-step3-multi-options input{
  width:13px;
  height:13px;
  margin:0;
}

.th826-step3-multi-options span{
  color:#eaf7ff;
  font-size:10px;
  line-height:1.3;
  font-weight:700;
}

.th826-step3-multi-panel > small{
  display:block;
  margin-top:7px;
  color:#89b8da;
  font-size:9px;
  line-height:1.35;
}

.th826-step3-multi-chips{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
}

.th826-step3-multi-chips button{
  min-height:25px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:0 8px;
  border:1px solid rgba(38,157,238,.52);
  border-radius:999px;
  color:#dcf3ff;
  background:rgba(15,91,159,.35);
  font-size:9.5px;
  font-weight:800;
  cursor:pointer;
}

.th826-step3-multi-chips button b{
  color:#73d7ff;
  font-size:13px;
}

@media(max-width:900px){
  .th826-step3-multi-options{
    grid-template-columns:1fr;
  }
}

/* END_TH826_TAB3_STEP3_MULTI_TARGET_CSS_V1 */