@mixin pds-gradient-to-bottom {
  background: linear-gradient(
    to bottom,
    hsla(0, 0%, 0%, 0.8) 0%,
    hsla(0, 0%, 0%, 0.8) 8.1%,
    hsla(0, 0%, 0%, 0.8) 15.5%,
    hsla(0, 0%, 0%, 0.8) 22.5%,
    hsla(0, 0%, 0%, 0.78) 29%,
    hsla(0, 0%, 0%, 0.73) 35.3%,
    hsla(0, 0%, 0%, 0.67) 41.2%,
    hsla(0, 0%, 0%, 0.6) 47.1%,
    hsla(0, 0%, 0%, 0.52) 52.9%,
    hsla(0, 0%, 0%, 0.44) 58.8%,
    hsla(0, 0%, 0%, 0.33) 64.7%,
    hsla(0, 0%, 0%, 0.22) 71%,
    hsla(0, 0%, 0%, 0.12) 77.5%,
    hsla(0, 0%, 0%, 0.05) 84.5%,
    hsla(0, 0%, 0%, 0.011) 91.9%,
    hsla(0, 0%, 0%, 0) 100%
  );
}

@mixin pds-gradient-to-left {
  background: linear-gradient(
    to left,
    hsla(0, 0%, 0%, 0.8) 0%,
    hsla(0, 0%, 0%, 0.8) 8.1%,
    hsla(0, 0%, 0%, 0.8) 15.5%,
    hsla(0, 0%, 0%, 0.8) 22.5%,
    hsla(0, 0%, 0%, 0.78) 29%,
    hsla(0, 0%, 0%, 0.73) 35.3%,
    hsla(0, 0%, 0%, 0.67) 41.2%,
    hsla(0, 0%, 0%, 0.6) 47.1%,
    hsla(0, 0%, 0%, 0.52) 52.9%,
    hsla(0, 0%, 0%, 0.44) 58.8%,
    hsla(0, 0%, 0%, 0.33) 64.7%,
    hsla(0, 0%, 0%, 0.22) 71%,
    hsla(0, 0%, 0%, 0.12) 77.5%,
    hsla(0, 0%, 0%, 0.05) 84.5%,
    hsla(0, 0%, 0%, 0.011) 91.9%,
    hsla(0, 0%, 0%, 0) 100%
  );
}

@mixin pds-gradient-to-right {
  background: linear-gradient(
    to right,
    hsla(0, 0%, 0%, 0.8) 0%,
    hsla(0, 0%, 0%, 0.8) 8.1%,
    hsla(0, 0%, 0%, 0.8) 15.5%,
    hsla(0, 0%, 0%, 0.8) 22.5%,
    hsla(0, 0%, 0%, 0.78) 29%,
    hsla(0, 0%, 0%, 0.73) 35.3%,
    hsla(0, 0%, 0%, 0.67) 41.2%,
    hsla(0, 0%, 0%, 0.6) 47.1%,
    hsla(0, 0%, 0%, 0.52) 52.9%,
    hsla(0, 0%, 0%, 0.44) 58.8%,
    hsla(0, 0%, 0%, 0.33) 64.7%,
    hsla(0, 0%, 0%, 0.22) 71%,
    hsla(0, 0%, 0%, 0.12) 77.5%,
    hsla(0, 0%, 0%, 0.05) 84.5%,
    hsla(0, 0%, 0%, 0.011) 91.9%,
    hsla(0, 0%, 0%, 0) 100%
  );
}

@mixin pds-gradient-to-top {
  background: linear-gradient(
    to top,
    hsla(0, 0%, 0%, 0.8) 0%,
    hsla(0, 0%, 0%, 0.8) 8.1%,
    hsla(0, 0%, 0%, 0.8) 15.5%,
    hsla(0, 0%, 0%, 0.8) 22.5%,
    hsla(0, 0%, 0%, 0.78) 29%,
    hsla(0, 0%, 0%, 0.73) 35.3%,
    hsla(0, 0%, 0%, 0.67) 41.2%,
    hsla(0, 0%, 0%, 0.6) 47.1%,
    hsla(0, 0%, 0%, 0.52) 52.9%,
    hsla(0, 0%, 0%, 0.44) 58.8%,
    hsla(0, 0%, 0%, 0.33) 64.7%,
    hsla(0, 0%, 0%, 0.22) 71%,
    hsla(0, 0%, 0%, 0.12) 77.5%,
    hsla(0, 0%, 0%, 0.05) 84.5%,
    hsla(0, 0%, 0%, 0.011) 91.9%,
    hsla(0, 0%, 0%, 0) 100%
  );
}