.blur-overlay {
  pointer-events: none;
  z-index: 10;
  flex: none;
  height: 100px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  --blur-factor: 1;
}
.blur-overlay .blur-overlay-inner {
  position: absolute;
  inset: 0;
  overflow: hidden;
  --blur-factor: 1;
}
.blur-overlay .blur-overlay-inner .blur-overlay-item {
  position: absolute;
  inset: 0px;
  pointer-events: none;
  will-change: auto;
}
.blur-overlay .blur-overlay-inner .blur-overlay-item:nth-child(1) {
  z-index: 1;
  mask-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 12.5%, rgb(0, 0, 0) 25%, rgba(0, 0, 0, 0) 37.5%);
  backdrop-filter: blur(calc(0.0546875px * var(--blur-factor)));
}
.blur-overlay .blur-overlay-inner .blur-overlay-item:nth-child(2) {
  z-index: 2;
  mask-image: linear-gradient(rgba(0, 0, 0, 0) 12.5%, rgb(0, 0, 0) 25%, rgb(0, 0, 0) 37.5%, rgba(0, 0, 0, 0) 50%);
  backdrop-filter: blur(calc(0.109375px * var(--blur-factor)));
}
.blur-overlay .blur-overlay-inner .blur-overlay-item:nth-child(3) {
  z-index: 3;
  mask-image: linear-gradient(rgba(0, 0, 0, 0) 25%, rgb(0, 0, 0) 37.5%, rgb(0, 0, 0) 50%, rgba(0, 0, 0, 0) 62.5%);
  backdrop-filter: blur(calc(0.21875px * var(--blur-factor)));
}
.blur-overlay .blur-overlay-inner .blur-overlay-item:nth-child(4) {
  z-index: 4;
  mask-image: linear-gradient(rgba(0, 0, 0, 0) 37.5%, rgb(0, 0, 0) 50%, rgb(0, 0, 0) 62.5%, rgba(0, 0, 0, 0) 75%);
  backdrop-filter: blur(calc(0.4375px * var(--blur-factor)));
}
.blur-overlay .blur-overlay-inner .blur-overlay-item:nth-child(5) {
  z-index: 5;
  mask-image: linear-gradient(rgba(0, 0, 0, 0) 50%, rgb(0, 0, 0) 62.5%, rgb(0, 0, 0) 75%, rgba(0, 0, 0, 0) 87.5%);
  backdrop-filter: blur(calc(0.875px * var(--blur-factor)));
}
.blur-overlay .blur-overlay-inner .blur-overlay-item:nth-child(6) {
  z-index: 6;
  mask-image: linear-gradient(rgba(0, 0, 0, 0) 62.5%, rgb(0, 0, 0) 75%, rgb(0, 0, 0) 87.5%, rgba(0, 0, 0, 0) 100%);
  backdrop-filter: blur(calc(1.75px * var(--blur-factor)));
}
.blur-overlay .blur-overlay-inner .blur-overlay-item:nth-child(7) {
  z-index: 7;
  mask-image: linear-gradient(rgba(0, 0, 0, 0) 75%, rgb(0, 0, 0) 87.5%, rgb(0, 0, 0) 100%);
  backdrop-filter: blur(calc(3.5px * var(--blur-factor)));
}
.blur-overlay .blur-overlay-inner .blur-overlay-item:nth-child(8) {
  z-index: 8;
  mask-image: linear-gradient(rgba(0, 0, 0, 0) 87.5%, rgb(0, 0, 0) 100%);
  backdrop-filter: blur(calc(7px * var(--blur-factor)));
}