.set-blur-background(@color: @base-body-background, @opacity: 80%) {
  &.uk-blur-background, .uk-blur-background {
    background: fade(@color, 99%);
  }

  @supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
    &.uk-blur-background, .uk-blur-background {
      -webkit-backdrop-filter: saturate(180%) blur(20px);
      backdrop-filter: saturate(180%) blur(20px);
      background: fade(@color, @opacity);
    }
  }

  /* for firefox */
  @-moz-document url-prefix() {
    &.uk-blur-background, .uk-blur-background {
      background: fade(@color, 99%);
    }
  }
}
