@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.d-flex {
  display: flex;
}

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

#loyoly-wrapper {
  padding: 0.5rem 1.25rem 1rem;
  font-size: 0.625rem;
}

.accordion-loyoly {
  padding: 0.75rem 1rem;
  background-color: #f7f7f7;
  border: 1px solid #d8d8d8;
  border-radius: 0.25rem;
  font-size: 0.8rem;
}

.accordion-content {
  margin-top: 0.625rem;
}

.chevron {
  transition: transform 0.3s ease-in-out;
  margin-left: 10px;
}

.rotate {
  transform: rotate(180deg);
}

.useReward-wrapper {
  margin-top: 0.75rem;
}
.useReward-wrapper * {
  line-height: normal;
  font-size: 1rem;
  color: #000000;
}

.useReward-wrapper .obtained-points {
    margin: .25rem 0;
}

.text-gray {
  color: #949494;
}