.m-xs {
  margin: 0.25rem;
}

.p-xs {
  padding: 0.25rem;
}

.m-sm {
  margin: 0.5rem;
}

.p-sm {
  padding: 0.5rem;
}

.m-md {
  margin: 1rem;
}

.p-md {
  padding: 1rem;
}

.m-lg {
  margin: 2rem;
}

.p-lg {
  padding: 2rem;
}

.m-xl {
  margin: 4rem;
}

.p-xl {
  padding: 4rem;
}

.color-black {
  color: rgb(33, 33, 33);
}

.background-black {
  background-color: rgb(33, 33, 33);
}

.color-black-75 {
  color: rgba(33, 33, 33, 0.75);
}

.background-black-75 {
  background-color: rgba(33, 33, 33, 0.75);
}

.color-black-50 {
  color: rgba(33, 33, 33, 0.5);
}

.background-black-50 {
  background-color: rgba(33, 33, 33, 0.5);
}

.color-black-25 {
  color: rgba(33, 33, 33, 0.25);
}

.background-black-25 {
  background-color: rgba(33, 33, 33, 0.25);
}

.color-white {
  color: rgb(247, 247, 247);
}

.background-white {
  background-color: rgb(247, 247, 247);
}

.color-white-75 {
  color: rgba(247, 247, 247, 0.75);
}

.background-white-75 {
  background-color: rgba(247, 247, 247, 0.75);
}

.color-white-50 {
  color: rgba(247, 247, 247, 0.5);
}

.background-white-50 {
  background-color: rgba(247, 247, 247, 0.5);
}

.color-white-25 {
  color: rgba(247, 247, 247, 0.25);
}

.background-white-25 {
  background-color: rgba(247, 247, 247, 0.25);
}

.text-primary {
  color: #5f04f2;
}