/* Shared bottom fade. Keep its parent outside any backdrop root so the
   child layers can blur the page, including with desktop page zoom. */
@media screen {
  html body .bnb-edge-blur.bottom {
    display:block !important;
    position:fixed !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    width:auto !important;
    height:179.2px !important;
    z-index:70;
    pointer-events:none !important;
    opacity:1 !important;
    visibility:visible !important;
    isolation:auto !important;
    will-change:auto !important;
    transform:none !important;
    transition:none !important;
    background:none;
  }
  html body .bnb-edge-blur.bottom i {
    display:block;
    position:absolute;
    inset:0;
    pointer-events:none;
    -webkit-backdrop-filter:blur(var(--blur));
    backdrop-filter:blur(var(--blur));
    -webkit-mask-image:linear-gradient(to top,#000 0%,transparent var(--end));
    mask-image:linear-gradient(to top,#000 0%,transparent var(--end));
  }
}
/* Phones, tablets, touch-first devices, and narrow layouts have no fade. */
@media screen and (max-width:1024px), screen and (hover:none), screen and (pointer:coarse) {
  html body .bnb-edge-blur.bottom {display:none !important;}
}
@media screen {
  html body .bnb-edge-blur.bottom.is-footer-visible {display:none !important;}
}
@media print {
  html body .bnb-edge-blur.bottom {display:none !important;}
}