/*
 * V30326
 * 캡처 편집창 select 반응속도 개선
 *
 * 레이아웃/크기/색상은 최대한 유지
 */


/* 에디터 전체 containment가
   native select popup에 영향을 주지 않게 해제 */
#captureWorkspaceV30322 #captureEditorV62 {
  contain: none !important;
}


/* 팀 / 라인 select만 브라우저 기본 합성 경로 사용 */
#captureWorkspaceV30322
#captureEditorV62
select[data-field="team_number"],

#captureWorkspaceV30322
#captureEditorV62
select[data-field="position"],

#captureWorkspaceV30322
#captureWinnerV62 {

  contain: none !important;

  transform: none !important;

  filter: none !important;

  backdrop-filter: none !important;

  -webkit-backdrop-filter: none !important;

  will-change: auto !important;

  transition: none !important;

  animation: none !important;

  scroll-behavior: auto !important;

  cursor: pointer !important;

  touch-action: manipulation !important;
}


/* 클릭/포커스 때 무거운 효과 방지 */
#captureWorkspaceV30322
#captureEditorV62
select[data-field="team_number"]:focus,

#captureWorkspaceV30322
#captureEditorV62
select[data-field="position"]:focus,

#captureWorkspaceV30322
#captureWinnerV62:focus {

  filter: none !important;

  backdrop-filter: none !important;

  -webkit-backdrop-filter: none !important;

  transition: none !important;

  animation: none !important;
}


/*
 * V30363_POSITION_SELECT_FAST
 *
 * 캡처 편집기의 select는 native select 유지.
 * 드롭다운을 커스텀 JS로 대체하지 않음.
 *
 * 클릭/포커스 시 불필요한 animation /
 * transition / compositor 힌트를 제거해서
 * 브라우저가 native select를 바로 처리하도록 함.
 */

#captureEditorV62 select,
#captureEditorV62 select[data-field],
#captureEditorV62 select[data-field="position"],
#captureEditorV62 select[data-field="team_number"],
#captureWinnerV62 {
  animation: none !important;
  transition: none !important;

  transition-property: none !important;
  transition-duration: 0s !important;
  transition-delay: 0s !important;

  will-change: auto !important;

  pointer-events: auto !important;
  touch-action: manipulation;

  cursor: pointer;
}


/*
 * hover / focus / active 시에도
 * transition을 다시 발생시키지 않는다.
 */

#captureEditorV62 select:hover,
#captureEditorV62 select:focus,
#captureEditorV62 select:focus-visible,
#captureEditorV62 select:active,
#captureWinnerV62:hover,
#captureWinnerV62:focus,
#captureWinnerV62:focus-visible,
#captureWinnerV62:active {
  animation: none !important;
  transition: none !important;

  transition-duration: 0s !important;
  transition-delay: 0s !important;
}

