@import "../css/colors"
@import "../css/vars"

:local
  .list
    position: relative

  .list.borderTop
    border-top: 1px solid $borderGray

  .list.secondary
    background: $backgroundGray
    border-top: none
    border-bottom: 1px solid $borderGray

    .margin-row
      display: none;

    .rows > :nth-last-child(2)
      border-bottom: none !important

  .hideIfNotFirstChild:not(:first-child)
    display: none;

  @media only screen and (min-width: 48em)
    .list.indent
      display: flex
      align-items: flex-start

      .rows
        flex: 1
        border-left: 1px solid $borderGray

      .row-margin
        margin-right: 1em
        width: 66px

    .list.indent.small
      .row-margin
        width: 44px