.spacer-divider .spacer.spacer-small {
  height: var(--lds-g-spacing-300);
}

.spacer-divider .spacer.spacer-medium {
  height: var(--lds-g-spacing-400);
}

.spacer-divider .spacer.spacer-large {
  height: var(--lds-g-spacing-500);
}

/* Spacer styles */
.spacer-divider .divider.divider-small {
  padding: var(--lds-g-spacing-300) 0;
}

.spacer-divider .divider.divider-medium {
  padding: var(--lds-g-spacing-700) 0;
}

.spacer-divider .divider.divider-large {
  padding: var(--lds-g-spacing-900) 0;
}

.spacer-divider {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Divider styles */
.spacer-divider .divider {
  width: 100%;
  border: none;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
}

.spacer-divider .spacer {
  background: transparent;
}

.spacer-divider .divider p {
  border-top: 2px solid;
  flex: 1;
}

.spacer-divider .divider.divider-primary p {
  border-top-color: var(--lds-g-color-neutral-base-030);
}

.spacer-divider .divider.divider-secondary p {
  border-top-color: var(--lds-g-color-palette-red-030);
}

@media (width <= 768px) {
  .spacer-divider .divider.divider-large {
    padding: var(--lds-g-spacing-600) 0;
  }

  .spacer-divider .divider.divider-medium {
    padding: var(--lds-g-spacing-400) 0;
  }

  .spacer-divider .divider.divider-small {
    padding: var(--lds-g-spacing-300) 0;
  }

  .spacer-divider .spacer.spacer-small,
  .spacer-divider .spacer.spacer-medium,
  .spacer-divider .spacer.spacer-large {
    height: var(--lds-g-spacing-400);
  }
}