/* ===== COMPONENTS STYLES ===== */
/**
 * @file: components/loader.css
 * @description: 진행 상황 로더 스타일
 * @components: 로더 아이콘
 * @usage: 진행 상황을 시각적으로 표시
 */
.loader-black {
  border: 4px solid #f3f3f3;
  border-top: 4px solid #333;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  animation: spin 1s linear infinite;
  margin-right: 10px;
}

/* ===== COMPONENTS STYLES ===== */
/**
 * @file: components/loader.css
 * @description: 로더 스타일
 * @components: 로더 아이콘
 * @usage: 진행 상황을 시각적으로 표시
 */
.loader {
  border: 3px solid #f3f3f3;
  border-radius: 50%;
  border-top: 3px solid #1a73e8;
  width: 30px;
  height: 30px;
  animation: spin 1s linear infinite;
  margin: 20px auto;
}