@media (max-width: 1024px) {
  /* Presettings */
  body {
    font-size: 0.875rem;
  }

  /* Card and utilities */
  .card {
    border-radius: 4px;
    margin: 24px auto;
    transform: translateY(16px);
  }

  .card.down-init {
    transform: translateY(16px);
  }

  .card.uo-init {
    transform: translateY(-16px);
  }

  /* Card header */
  .card-header {
    padding: 16px;
    transform: translateY(16px);
  }

  /* Card body */
  .card-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 16px;
    transform: translateY(16px);
  }

  .card-body ul {
    display: flex;
    flex-direction: column;
    align-self: flex-start;
  }
}