.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.text-center {
  text-align: center;
}

.text-muted {
  color: var(--color-text-muted);
}

.bg-surface {
  background: var(--color-surface);
}

.rounded-lg {
  border-radius: var(--radius-lg);
}

.shadow-soft {
  box-shadow: var(--shadow-soft);
}

.hidden {
  display: none !important;
}

.overflow-hidden {
  overflow: hidden !important;
}