/**
 * LoadingScreen 스타일
 */

._container_1idsq_5 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  min-height: 120px;
  color: var(--color-text-secondary, var(--color-neutral-650));
}

._spinner_1idsq_15 {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  border: 3px solid var(--color-border-primary, var(--color-bg-500));
  border-top-color: var(--color-brand-primary, var(--color-brand-primary));
  animation: _spin_1idsq_15 0.9s linear infinite;
}

._label_1idsq_24 {
  margin: 0;
  font-family: 'Pretendard', sans-serif;
  font-size: var(--font-size-14, 14px);
}

@keyframes _spin_1idsq_15 {
  to {
    transform: rotate(360deg);
  }
}
/**
 * Icons.module.css - 통일된 아이콘 색상 시스템
 * 
 * 색상 규칙:
 * - 기본: 회색 (#9E9E9E)
 * - 호버: 오렌지 (#FF6B00)
 * - 포커스: 기존 포커스 색상
 * - 오렌지 배경: 흰색 (부모에서 설정)
 */

/* ============================================================ */
/* 기본 아이콘 스타일 */
/* ============================================================ */

._icon_rg8bz_15 {
  display: inline-block;
  /* globals.css에서 transition-smooth와 flex-shrink-0 유틸리티 사용 가능 */
}

/* 상호작용 가능한 아이콘 */
._interactive_rg8bz_21 {
  cursor: pointer;
}

/* 호버 효과: 오렌지색으로 변경 */
._interactive_rg8bz_21:hover {
  --icon-stroke-color: var(--color-brand-primary);
  transform: scale(1.05);
}

/* 색상 오버라이드 클래스들 - 필요시에만 사용 */
._primary_rg8bz_32 {
  --icon-stroke-color: var(--color-brand-primary) !important;
}

._secondary_rg8bz_36 {
  --icon-stroke-color: var(--color-text-secondary) !important;
}

._success_rg8bz_40 {
  --icon-stroke-color: var(--color-success) !important;
}

._danger_rg8bz_44 {
  --icon-stroke-color: var(--color-danger) !important;
}

._warning_rg8bz_48 {
  --icon-stroke-color: var(--color-warning) !important;
}

/* 포커스 효과는 globals.css의 *:focus-visible에서 자동 적용됨 */
._interactive_rg8bz_21:focus-visible {
  border-radius: 2px;
}

/* ============================================================ */
/* 접근성 개선 */
/* ============================================================ */

/* 고대비 모드 지원 */
@media (prefers-contrast: high) {
  ._icon_rg8bz_15 {
    filter: contrast(1.2);
  }
}

/* 모션 감소 설정 지원 */
@media (prefers-reduced-motion: reduce) {
  ._icon_rg8bz_15 {
    transition: none;
  }

  ._interactive_rg8bz_21:hover {
    transform: none;
  }
}
