.scroll-gradient {
  &::after {
    background: linear-gradient(
      to bottom,
      rgba(255, 255, 255, 0) 0,
      rgb(255, 255, 255) 100%
    ) !important;
    bottom: 0;
    content: '';
    height: $spacing--l;
    left: 0;
    opacity: 1 !important;
    position: absolute;
    width: 100%;
    transition: opacity 0.3s;
  }
}

.scroll-divider {
  &:after {
    border-bottom: 1px solid $color--grey;
    bottom: 0;
    content: '';
    height: 1px;
    left: -25px;
    opacity: 1 !important;
    position: absolute;
    width: 100vw;
    transition: opacity 0.3s;

    @include viewport--m {
      left: -50px;
    }
  }
}

@include scroll-elements-color-map;
