@media screen {

  /**
   * Scrollable table container
   */
  .scrollable-table {
    overflow-x: auto;
    overflow-y: hidden;
    background-color: var(--white);
    -webkit-overflow-scrolling: touch;
  }

  .scrollable-table.scroll-left {
    box-shadow: var(--table-shadow-left);
  }

  .scrollable-table.scroll-right {
    box-shadow: var(--table-shadow-right);
  }

  .scrollable-table.scroll-left.scroll-right {
    box-shadow:
      var(--table-shadow-left),
      var(--table-shadow-right);
  }
}