.shadow-container {
  position: relative;
}

.scroll-container {
  max-height: 187px;
  position: relative;
}

.scroll-bottom-shadow,
.scroll-top-shadow {
  height: 15px;
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 5;
  pointer-events: none;
}

.scroll-right-shadow,
.scroll-left-shadow {
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 15px;
  z-index: 5;
  pointer-events: none;
}

.scroll-right-shadow {
  right: 0;
  left: auto;
}

.scroll-top-shadow {
  top: 0;
  bottom: auto;
  width: 100%;
}

.disable-top-shadow {
  .scroll-top-shadow,
  .scroll-left-shadow {
    display: none;
  }
}