@use '../globals' as *;

// =============================================================================
// Multilingual Press Zone - Spinner Component
// =============================================================================
// Loading spinner styles
// =============================================================================

$primary-color: #0073aa !default;
$border-color: #c3c4c7 !default;

.multilingual-spinner {
  display: inline-block;
  width: 40px;
  height: 40px;
  border: 4px solid $border-color;
  border-radius: 50%;
  border-top-color: $primary-color;
  animation: spin 0.8s linear infinite;

  &--sm {
    width: 20px;
    height: 20px;
    border-width: 2px;
  }

  &--lg {
    width: 60px;
    height: 60px;
    border-width: 6px;
  }
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

// Centered spinner container
.multilingual-spinner-container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px;
}