/* =========================================================
   LIVE MULTIVIEW SELECTOR V1
========================================================= */

.live-multiview-panel{
  margin:
    -2px 0 22px;

  padding:
    17px 18px;

  border:
    1px solid #ded4be;

  border-radius:16px;

  background:
    rgba(255,252,244,.88);

  box-shadow:
    0 8px 22px
    rgba(89,66,27,.05);
}


.live-multiview-panel-top{
  display:flex;

  align-items:center;
  justify-content:space-between;

  gap:15px;

  margin-bottom:13px;
}


.live-multiview-panel-top small{
  display:block;

  color:#a7894e;

  font-size:9px;
  font-weight:900;

  letter-spacing:.15em;
}


.live-multiview-panel-top strong{
  display:block;

  margin-top:3px;

  color:#332d23;

  font-size:15px;
  font-weight:900;
}


.live-multiview-count{
  color:#8b7959;

  font-size:10px;
  font-weight:900;
}


.live-multiview-chips{
  display:flex;

  flex-wrap:wrap;

  gap:7px;

  min-height:33px;

  align-items:center;
}


.live-multiview-guide{
  color:#9b9386;

  font-size:10px;
}


.live-multiview-chip{
  display:inline-flex;

  align-items:center;

  gap:6px;

  min-height:31px;

  padding:
    0 10px;

  border:
    1px solid #bda66e;

  border-radius:999px;

  background:#fff9e9;

  color:#5e4e2f;

  font-family:inherit;

  font-size:10px;
  font-weight:900;

  cursor:pointer;
}


.live-multiview-chip span{
  color:#31a56b;
}


.live-multiview-chip b{
  margin-left:2px;

  color:#9b8b6d;

  font-size:13px;
}


.live-multiview-actions{
  display:flex;

  justify-content:flex-end;

  gap:8px;

  margin-top:13px;
}


.live-multiview-actions button{
  min-height:35px;

  padding:
    0 14px;

  border-radius:10px;

  font-family:inherit;

  font-size:10px;
  font-weight:900;

  cursor:pointer;
}


.live-multiview-clear{
  border:
    1px solid #ded8cb;

  background:#fff;

  color:#777065;
}


.live-multiview-open{
  border:
    1px solid #e2ba48;

  background:#f7c943;

  color:#30260f;
}


.live-multiview-actions button:disabled{
  opacity:.4;

  cursor:default;
}


/* 카드 선택 버튼 */

.poong-live-thumb{
  position:relative;
}


.live-multiview-select{
  position:absolute;

  z-index:6;

  right:9px;
  bottom:9px;

  display:inline-flex;

  align-items:center;

  gap:5px;

  min-height:29px;

  padding:
    0 9px;

  border:
    1px solid rgba(255,255,255,.65);

  border-radius:999px;

  background:
    rgba(25,25,23,.78);

  color:#fff;

  backdrop-filter:
    blur(7px);

  font-family:inherit;

  font-size:9px;
  font-weight:900;

  cursor:pointer;
}


.live-multiview-select span{
  width:14px;
  height:14px;

  display:grid;

  place-items:center;

  border:
    1px solid rgba(255,255,255,.65);

  border-radius:50%;

  font-size:8px;
}


.live-multiview-select.is-selected{
  border-color:#f7c943;

  background:#f7c943;

  color:#31250e;
}


.live-multiview-select.is-selected span{
  border-color:#8b6e1d;

  background:#fff;
}


.poong-live-card.is-multiview-selected{
  outline:
    2px solid #f0c344;

  outline-offset:2px;
}


@media(max-width:640px){

  .live-multiview-panel{
    padding:
      14px;
  }


  .live-multiview-panel-top{
    align-items:flex-start;

    flex-direction:column;
  }


  .live-multiview-actions{
    justify-content:stretch;
  }


  .live-multiview-actions button{
    flex:1;
  }
}

/* /LIVE MULTIVIEW SELECTOR V1 */