/* docara-shell-source: runtime/utility/filter-contrast/default/css/default.css */
@layer sf.utilities {
  .contrast-0, .contrast-1\/4, .contrast-1\/3, .contrast-1\/2, .contrast-1, .contrast-2, .contrast-3, .contrast-4 {
    --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);
  }
  .contrast-0 {
    --sf-contrast: contrast(0);
  }
  .contrast-1\/4 {
    --sf-contrast: contrast(0.8);
  }
  .contrast-1\/3 {
    --sf-contrast: contrast(0.9);
  }
  .contrast-1\/2 {
    --sf-contrast: contrast(0.95);
  }
  .contrast-1 {
    --sf-contrast: contrast(1);
  }
  .contrast-2 {
    --sf-contrast: contrast(1.05);
  }
  .contrast-3 {
    --sf-contrast: contrast(1.1);
  }
  .contrast-4 {
    --sf-contrast: contrast(1.2);
  }
}

/* docara-shell-source: runtime/utility/filter-contrast/hover/css/hover.css */
@layer sf.utilities {
  .hover\:contrast-0:hover, .hover\:contrast-1\/4:hover, .hover\:contrast-1\/3:hover, .hover\:contrast-1\/2:hover, .hover\:contrast-1:hover, .hover\:contrast-2:hover, .hover\:contrast-3:hover, .hover\:contrast-4: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\:contrast-0:hover {
    --sf-contrast: contrast(0);
  }
  .hover\:contrast-1\/4:hover {
    --sf-contrast: contrast(0.8);
  }
  .hover\:contrast-1\/3:hover {
    --sf-contrast: contrast(0.9);
  }
  .hover\:contrast-1\/2:hover {
    --sf-contrast: contrast(0.95);
  }
  .hover\:contrast-1:hover {
    --sf-contrast: contrast(1);
  }
  .hover\:contrast-2:hover {
    --sf-contrast: contrast(1.05);
  }
  .hover\:contrast-3:hover {
    --sf-contrast: contrast(1.1);
  }
  .hover\:contrast-4:hover {
    --sf-contrast: contrast(1.2);
  }
}