.img--full {
  width: 100%;
}

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

.text--xs {
  font-size: var(--base-font-size-xs);
}

.text--sm {
  font-size: var(--base-font-size-sm);
}

.text--md {
  font-size: var(--base-font-size-md);
}

.text--lg {
  font-size: var(--base-font-size-lg);
}

.text--xl {
  font-size: var(--base-font-size-xl);
}

.text--xxl {
  font-size: var(--base-font-size-xxl);
}

.text--primary {
  color: var(--base-color-primary);
}

.text--regular {
  font-weight: 400;
}

.text--semibold {
  font-weight: 600;
}

.text--extrabold {
  font-weight: 800;
}

.pb {
  padding-bottom: var(--base-space-md);
}

.pb--sm {
  padding-bottom: var(--base-space-sm);
}

.pb--md {
  padding-bottom: var(--base-space-md);
}

.pb--xs {
  padding-bottom: var(--base-space-xs);
}

.pb--lg {
  padding-bottom: var(--base-space-lg);
}

.pb--xl {
  padding-bottom: var(--base-space-xl);
}

.pb--xxl {
  padding-bottom: var(--base-space-xxl);
}