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

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

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

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

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

@media (max-width: 480px) {
  .hide-on-small {
    display: none;
  }
}

@media (max-width: 768px) {
  .hide-on-medium {
    display: none;
  }
}

.pointer {
  cursor: pointer;
}