/* View Transitions API 기본 설정 */
@supports (view-transition-name: none) {
  /* View Transition 기본 스타일 - JavaScript에서 애니메이션 제어 */
  ::view-transition-old(root),
  ::view-transition-new(root) {
    /* JavaScript Animation API가 우선 적용되도록 기본 애니메이션 비활성화 */
    /*animation: none !important;*/
  }

  .view-transition-manual::view-transition-old(root),
  .view-transition-manual::view-transition-new(root) {
    animation: none !important;
  }

  /* 트랜지션 중 스냅샷 레이어 설정 */
  ::view-transition-old(root) {
    z-index: 1;
  }
  
  ::view-transition-new(root) {
    z-index: 2;
  }
}