.stx-divider-wrapper {
  .stx-m-line {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    font-size: 1px;
    color: #9c92ac;
    border-bottom: 1em solid currentColor;
    margin: 10px 0;
  }
}

// Standard
.stx-divider-standard {
  position: relative;
  height: auto;
  font-size: 0;
  line-height: 1;
  .stx-m-line {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    font-size: 3px;
    color: #9c92ac;
    border-bottom: 1em solid currentColor;
    margin: 10px 0;
    &:before,
    &:after {
      content: '';
      display: table;
      table-layout: fixed;
    }

    &:after {
      clear: both;
    }
  }
}

// With icon
.stx-divider-with-icon {
  .stx-m-line {
    display: flex;
    align-items: center;
    border-width: 0;
    font-size: 3px;
    .stx-m-inner-line {
      width: 50%;
      border-color: currentColor;
      border-style: inherit;
      border-width: 1em;
    }
    .stx-m-separator-icon {
      flex-shrink: 0;
      font-size: 1rem;
      margin: 0 1em;
    }
  }
}

// With image
.stx-divider-border-image {
  .stx-m-line {
    font-size: 40px;
    height: 1em;
    border-bottom: none;
    margin: 10px 0;
    // background-size: contain;
    // background-repeat: no-repeat;
    // background-position: center;
  }
}