/* PORTAL WEB AC LOCAL v0.4.9
   Ajust fi del difuminat del carrusel perquè només actuï a les vores. */

.media-viewport {
  -webkit-mask-image: linear-gradient(
    90deg,
    transparent 0%,
    rgba(0, 0, 0, 0.05) 3%,
    rgba(0, 0, 0, 0.22) 6%,
    rgba(0, 0, 0, 0.55) 9%,
    rgba(0, 0, 0, 0.88) 12%,
    #000 15%,
    #000 85%,
    rgba(0, 0, 0, 0.88) 88%,
    rgba(0, 0, 0, 0.55) 91%,
    rgba(0, 0, 0, 0.22) 94%,
    rgba(0, 0, 0, 0.05) 97%,
    transparent 100%
  ) !important;
  mask-image: linear-gradient(
    90deg,
    transparent 0%,
    rgba(0, 0, 0, 0.05) 3%,
    rgba(0, 0, 0, 0.22) 6%,
    rgba(0, 0, 0, 0.55) 9%,
    rgba(0, 0, 0, 0.88) 12%,
    #000 15%,
    #000 85%,
    rgba(0, 0, 0, 0.88) 88%,
    rgba(0, 0, 0, 0.55) 91%,
    rgba(0, 0, 0, 0.22) 94%,
    rgba(0, 0, 0, 0.05) 97%,
    transparent 100%
  ) !important;
}

@media (max-width: 900px) {
  .media-viewport {
    -webkit-mask-image: linear-gradient(
      90deg,
      transparent 0%,
      rgba(0, 0, 0, 0.08) 4%,
      rgba(0, 0, 0, 0.28) 8%,
      rgba(0, 0, 0, 0.72) 12%,
      #000 16%,
      #000 84%,
      rgba(0, 0, 0, 0.72) 88%,
      rgba(0, 0, 0, 0.28) 92%,
      rgba(0, 0, 0, 0.08) 96%,
      transparent 100%
    ) !important;
    mask-image: linear-gradient(
      90deg,
      transparent 0%,
      rgba(0, 0, 0, 0.08) 4%,
      rgba(0, 0, 0, 0.28) 8%,
      rgba(0, 0, 0, 0.72) 12%,
      #000 16%,
      #000 84%,
      rgba(0, 0, 0, 0.72) 88%,
      rgba(0, 0, 0, 0.28) 92%,
      rgba(0, 0, 0, 0.08) 96%,
      transparent 100%
    ) !important;
  }
}