.divider {
  margin: 0;
  border: 0;

  &--direction-horizontal {
    min-height: var(--wds-border-width-100, 1px);
    width: 100%;
  }

  &--direction-vertical {
    display: inline-block;
    min-height: 100%;
    min-width: var(--wds-border-width-100, 1px);
  }

  &--skin-standard {
    background-color: var(
      --wds-color-border-standard-primary,
      var(--wsr-color-B30, #a8caff)
    );
  }

  &--skin-light {
    background: var(
      --wds-divider-fill-light,
      var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #dfe5eb))
    );
  }

  &--skin-dark {
    background-color: var(
      --wds-divider-fill-dark,
      var(--wds-color-border-dark-primary-active, var(--wsr-color-D20, #333853))
    );
  }

  &--skin-warning {
    background-color: var(
      --wds-color-border-warning-primary,
      var(--wsr-color-Y30, #ffd16e)
    );
  }

  &--skin-destructive {
    background-color: var(
      --wds-color-border-destructive-primary,
      var(--wsr-color-R30, #f69891)
    );
  }

  &--skin-success {
    background-color: var(
      --wds-color-border-success-primary,
      var(--wsr-color-G30, #87cea5)
    );
  }

  &--skin-premium {
    background-color: var(
      --wds-color-border-premium-primary,
      var(--wsr-color-P30, #cf8cf1)
    );
  }
}