/* docara-shell-source: runtime/utility/filter-blur/default/css/default.css */
@layer sf.utilities {
  .blur-small, .blur, .blur-medium, .blur-large, .blur-none {
    --sf-blur: ;
    --sf-brightness: ;
    --sf-contrast: ;
    --sf-grayscale: ;
    --sf-hue-rotate: ;
    --sf-invert: ;
    --sf-saturate: ;
    --sf-sepia: ;
    --sf-drop-shadow: ;
    -webkit-filter: var(--sf-blur) var(--sf-brightness) var(--sf-contrast) var(--sf-grayscale) var(--sf-hue-rotate) var(--sf-invert) var(--sf-saturate) var(--sf-sepia) var(--sf-drop-shadow);
            filter: var(--sf-blur) var(--sf-brightness) var(--sf-contrast) var(--sf-grayscale) var(--sf-hue-rotate) var(--sf-invert) var(--sf-saturate) var(--sf-sepia) var(--sf-drop-shadow);
  }
  .blur-small {
    --sf-blur: blur(var(--sf-blur-small));
  }
  .blur {
    --sf-blur: blur(var(--sf-blur-medium));
  }
  .blur-medium {
    --sf-blur: blur(var(--sf-blur-medium));
  }
  .blur-large {
    --sf-blur: blur(var(--sf-blur-large));
  }
  .blur-none {
    --sf-blur: blur(var(--sf-blur-none));
  }
}

/* docara-shell-source: runtime/utility/filter-blur/hover/css/hover.css */
@layer sf.utilities {
  .hover\:blur-small:hover, .hover\:blur:hover, .hover\:blur-medium:hover, .hover\:blur-large:hover, .hover\:blur-none:hover {
    --sf-blur: ;
    --sf-brightness: ;
    --sf-contrast: ;
    --sf-grayscale: ;
    --sf-hue-rotate: ;
    --sf-invert: ;
    --sf-saturate: ;
    --sf-sepia: ;
    --sf-drop-shadow: ;
    -webkit-filter: var(--sf-blur) var(--sf-brightness) var(--sf-contrast) var(--sf-grayscale) var(--sf-hue-rotate) var(--sf-invert) var(--sf-saturate) var(--sf-sepia) var(--sf-drop-shadow);
            filter: var(--sf-blur) var(--sf-brightness) var(--sf-contrast) var(--sf-grayscale) var(--sf-hue-rotate) var(--sf-invert) var(--sf-saturate) var(--sf-sepia) var(--sf-drop-shadow);
  }
  .hover\:blur-small:hover {
    --sf-blur: blur(var(--sf-blur-small));
  }
  .hover\:blur:hover {
    --sf-blur: blur(var(--sf-blur-medium));
  }
  .hover\:blur-medium:hover {
    --sf-blur: blur(var(--sf-blur-medium));
  }
  .hover\:blur-large:hover {
    --sf-blur: blur(var(--sf-blur-large));
  }
  .hover\:blur-none:hover {
    --sf-blur: blur(var(--sf-blur-none));
  }
}