.spectrum-Divider--sizeS {
  --spectrum-divider-height: var(--spectrum-divider-s-height, var(--spectrum-global-dimension-size-10));
  --spectrum-divider-vertical-width: var(--spectrum-divider-s-vertical-width, var(--spectrum-global-dimension-size-10));
}

.spectrum-Divider--sizeM {
  --spectrum-divider-height: var(--spectrum-divider-m-height, var(--spectrum-global-dimension-size-25));
  --spectrum-divider-vertical-width: var(--spectrum-divider-m-vertical-width, var(--spectrum-global-dimension-size-25));
}

.spectrum-Divider--sizeL {
  --spectrum-divider-height: var(--spectrum-divider-l-height, var(--spectrum-global-dimension-size-50));
  --spectrum-divider-vertical-width: var(--spectrum-divider-l-vertical-width, var(--spectrum-global-dimension-size-50));
}

.spectrum-Divider {
  --spectrum-divider-vertical-height: 100%;
}

.spectrum-Divider {
  width: 100%;
  height: var(--spectrum-divider-height);
  overflow: visible;

  border: none;
  border-width: var(--spectrum-divider-height);
  border-radius: var(--spectrum-divider-height);
}

.spectrum-Divider--vertical {
  height: var(--spectrum-divider-vertical-height);
  width: var(--spectrum-divider-vertical-width);
}

.spectrum-Divider {
  --spectrum-divider-l-background-color: var(--spectrum-global-color-gray-800);
  --spectrum-divider-m-background-color: var(--spectrum-global-color-gray-300);
  --spectrum-divider-s-background-color: var(--spectrum-global-color-gray-300);
}

.spectrum-Divider--sizeL {
  background-color: var(--spectrum-divider-l-background-color, var(--spectrum-global-color-gray-800));
}

.spectrum-Divider--sizeM {
  background-color: var(--spectrum-divider-m-background-color, var(--spectrum-global-color-gray-300));
}

.spectrum-Divider--sizeS {
  background-color: var(--spectrum-divider-s-background-color, var(--spectrum-global-color-gray-300));
}
