/*
 * V30355
 * 캡처 편집 실시간 반응 최적화
 *
 * 크기는 V30354 그대로.
 */


/* =========================================================
   왼쪽 큰 이미지와 오른쪽 편집 영역을 렌더링 분리
   ========================================================= */

#captureWorkspaceV30322 {
  color-scheme:
    dark;

  isolation:
    isolate;
}


#captureWorkspaceV30322
.v30322-stage {
  contain:
    layout paint style;
}


#captureWorkspaceV30322
.v30322-right {
  contain:
    layout paint style;
}


/*
 * 10개 참가자 카드를 각각 독립적인
 * layout/style 영역으로 처리
 */

#captureWorkspaceV30322
[data-player-index] {
  contain:
    layout style;
}


/* =========================================================
   대형 캡처 이미지 repaint 격리
   ========================================================= */

#captureWorkspaceV30322
#capturePreviewV62 {
  contain:
    paint;

  backface-visibility:
    hidden;

  image-rendering:
    auto;
}


/* =========================================================
   입력칸 렉 유발 가능 효과 전부 제거
   ========================================================= */

#captureWorkspaceV30322
input,

#captureWorkspaceV30322
select,

#captureWorkspaceV30322
textarea {

  transition:
    none !important;

  animation:
    none !important;

  filter:
    none !important;

  backdrop-filter:
    none !important;

  -webkit-backdrop-filter:
    none !important;

  box-shadow:
    none !important;

  text-shadow:
    none !important;

  transform:
    none !important;

  will-change:
    auto !important;
}


/* =========================================================
   라인 SELECT
   ========================================================= */

#captureWorkspaceV30322
select {

  appearance:
    auto !important;

  -webkit-appearance:
    auto !important;

  color-scheme:
    dark !important;

  background-color:
    #0b1d32 !important;

  color:
    #f5f7fb !important;

  cursor:
    pointer !important;
}


#captureWorkspaceV30322
select option {

  background-color:
    #0b1d32 !important;

  color:
    #f5f7fb !important;
}


/*
 * 포커스할 때 흰색 효과 방지
 */

#captureWorkspaceV30322
input:focus,

#captureWorkspaceV30322
select:focus,

#captureWorkspaceV30322
textarea:focus {

  background-color:
    #0b1d32 !important;

  color:
    #ffffff !important;

  box-shadow:
    none !important;

  filter:
    none !important;
}


/* =========================================================
   버튼 역시 불필요한 transition 제거
   ========================================================= */

#captureWorkspaceV30322
button {

  transition:
    none !important;

  animation:
    none !important;

  filter:
    none !important;
}