:root {
  --brand-color: #5C68D9;
}

._dash-loading {
  display: none !important;
}

.ui-card {
  border: 1px solid #AFB3EA !important;
  border-radius: 0.5rem !important;
}

.ui-skeleton::before {
  background-color: #AFB3EA !important;
}

.ui-value-card {
  padding-left: 1.8rem !important;
  padding-right: 1.8rem !important;
}

.ui-value-card-content {
  display: flex;
  align-items: center;
  gap: 2rem;
  height: 100%;
}

.ui-value-card-text {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}

.ui-value-card-title {
  font-weight: 700;
  font-size: 0.8rem;
}

.ui-value-card-value {
  font-weight: 700;
  font-size: 1.7rem;
}

.ui-value-card-subvalue {
  font-weight: 600;
  font-size: 0.85rem;
}

.ui-value-card-icon {
  width: 75px;
  height: 75px;
}

.ui-value-card-icon[src=""] {
  visibility: hidden;
}

.ui-value-card-loading .dash-spinner {
  transform: translateX(50px);
}

.mantine-Carousel-indicator {
  width: 20px;
  height: 5px;
  transition: opacity 0.2s ease;
}