.text-secondary{
    color: var(--color-secondary);
    fill: var(--color-secondary);
}
.text-dark{
    color: var(--color-dark);
    fill: var(--color-dark);
}
.text-primary{
    color: var(--color-primary);
    fill: var(--color-primary);
}
.w-100{
    width: 100% !important;
    max-width: 100% !important;
}

.h-100{
    height: 100vh !important;
    max-height: 100vh !important;
}

.reverse{
   transform: rotate(180deg)
}
.no-select {
  user-select: none;        /* стандарт */
  -webkit-user-select: none; /* Chrome, Safari */
  -moz-user-select: none;    /* Firefox */
  -ms-user-select: none;     /* IE/Edge */
}

.spinner {
  width: 40px;
  height: 40px;
  border: 4px solid rgba(0, 123, 255, 0.2);
  border-top: 4px solid #007BFF;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}