/**
 * [상세 탭 상태]
 * - 역할: 아티스트·갤러리 상세에서 탭을 받는 동안과 실패를 패널 가운데에 둔다
 * - 작성/수정일: 2026-10-27
 */
.an-profile-panel-status {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  width: 100%;
  min-height: 240px;
  margin: 0;
  padding: 64px 24px;
  text-align: center;
  color: var(--muted-color, #7c7c7c);
}

.an-profile-panel-status__text {
  margin: 0;
  font-size: var(--fs-body, 15px);
  line-height: 1.5;
  color: var(--title-color, #171717);
}

.an-profile-panel-status__spin {
  width: 28px;
  height: 28px;
  border: 2px solid var(--border-color, #e5e5e5);
  border-top-color: var(--title-color, #171717);
  border-radius: 50%;
  animation: an-profile-panel-spin 0.7s linear infinite;
}

.an-profile-panel-status--error .an-profile-panel-status__text {
  color: var(--muted-color, #7c7c7c);
}

html.dark .an-profile-panel-status__spin,
body.dark .an-profile-panel-status__spin {
  border-color: rgba(255, 255, 255, 0.16);
  border-top-color: #fff;
}

@keyframes an-profile-panel-spin {
  to {
    transform: rotate(360deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .an-profile-panel-status__spin {
    animation: none;
  }
}