/** Imitate the <Row/> component layout */
.ui-row {
  padding: $row-padding;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  border-bottom: 1px solid $row-border-color;
  font-size: $row-font-size;

  &.-light {
    background-color: $neutral50;
    border-bottom-color: $neutral50;
  }

  &.-border-top {
    border-top: 1px solid $row-border-color;

    &.-light {
      border-bottom-color: $neutral50;
    }
  }
}