.mu-progressive-blur {
  --height: 30%;
  position: absolute;
  inset: 0;
  z-index: 10;
  pointer-events: none;
}

.mu-progressive-blur__band {
  position: absolute;
  left: 0;
  right: 0;
  height: var(--height);
}

.mu-progressive-blur__band[data-side="bottom"] {
  bottom: 0;
}

.mu-progressive-blur__band[data-side="top"] {
  top: 0;
}

.mu-progressive-blur__layer {
  position: absolute;
  inset: 0;
}