.hmcts-scrollable-pane {

  @include govuk-media-query($until: 1020px) {
    position: relative;
    overflow: hidden; // Hides the shadow
    clear: both; // Fixes render bug
    // width: 100% // Fixes render bug

    &:after {
      position: absolute;
      top: 0;
      left: 100%;
      width: 50px;
      height: 100%;
      border-radius: 10px 0 0 10px / 50% 0 0 50%;
      box-shadow: -5px 0 10px rgba(0, 0, 0, 0.25);
      content:"";
    }
  }

}

@include govuk-media-query($until: 1020px) {
  .hmcts-scrollable-pane__wrapper {
    overflow-x: auto;
  }

  .hmcts-scrollable-pane__wrapper .govuk-table__header,
  .hmcts-scrollable-pane__wrapper .govuk-table__cell {
    white-space: nowrap;
  }

  .hmcts-scrollable-pane > div::-webkit-scrollbar {
    height: 10px; // Match GOVUK spacing units
  }

  .hmcts-scrollable-pane > div::-webkit-scrollbar-track {
    background: govuk-colour("light-grey", $legacy: "grey-4");
    box-shadow: 0 0 2px rgba(0,0,0,.15) inset; // Simulate scrollbar look and feel
  }

  .hmcts-scrollable-pane > div::-webkit-scrollbar-thumb {
    background: govuk-colour("dark-grey", $legacy: "grey-1");
    border-radius: govuk-spacing(1);
  }
}