@import "../settings/variables";

.table-shelf {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  box-shadow: $table-shelf-shadow;
  background-color: $core-white;

  &__head {
    background-color: $core-gray-96;
    transition: background-color 0.2s ease-in-out;

    &--hoverable:hover {
      background-color: $core-gray-85;
    }
  }

  &__th {
    text-align: left;
    padding: 16px;
    line-height: 13px;
  }

  &__body {
  }

  &__body-row {
    border-top: 1px solid $core-gray-85;
    transition: background-color 0.2s ease-in-out;
  }

  &__td {
    padding: 16px;
    line-height: 13px;
  }
}