@import '../../styles/variables';

.Table {
  width: 100%;

  &__row {
    height: 30px;
    line-height: 30px;
    box-shadow: 0 1px 0 0 $gray95;

    & > *:first-child {
      padding-left: $spacing * 4;
    }

    & > *:last-child {
      padding-right: $spacing * 4;
    }

    @media (min-width: $layout-tablet) {
      & > *:first-child {
        padding-left: $spacing * 8;
      }

      & > *:last-child {
        padding-right: $spacing * 8;
      }
    }
  }

  &__item {
    font-size: $font-normal;
    display: flex;
    align-items: center;

    &_header {
      font-weight: 500;
    }

    &_sortable {
      cursor: pointer;
    }

    &_right {
      justify-content: flex-end;
    }
  }
}