/* docara-shell-source: runtime/utility/filter-hue-rotate/default/css/default.css */
@layer sf.utilities {
  .hue-rotate-0, .hue-rotate-15, .hue-rotate-30, .hue-rotate-60, .hue-rotate-90, .hue-rotate-180, .-hue-rotate-15, .-hue-rotate-30, .-hue-rotate-60, .-hue-rotate-90 {
    --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);
  }
  .hue-rotate-0 {
    --sf-hue-rotate: hue-rotate(0deg);
  }
  .hue-rotate-15 {
    --sf-hue-rotate: hue-rotate(15deg);
  }
  .hue-rotate-30 {
    --sf-hue-rotate: hue-rotate(30deg);
  }
  .hue-rotate-60 {
    --sf-hue-rotate: hue-rotate(60deg);
  }
  .hue-rotate-90 {
    --sf-hue-rotate: hue-rotate(90deg);
  }
  .hue-rotate-180 {
    --sf-hue-rotate: hue-rotate(180deg);
  }
  .-hue-rotate-15 {
    --sf-hue-rotate: hue-rotate(-15deg);
  }
  .-hue-rotate-30 {
    --sf-hue-rotate: hue-rotate(-30deg);
  }
  .-hue-rotate-60 {
    --sf-hue-rotate: hue-rotate(-60deg);
  }
  .-hue-rotate-90 {
    --sf-hue-rotate: hue-rotate(-90deg);
  }
}

/* docara-shell-source: runtime/utility/filter-hue-rotate/hover/css/hover.css */
@layer sf.utilities {
  .hover\:hue-rotate-0:hover, .hover\:hue-rotate-15:hover, .hover\:hue-rotate-30:hover, .hover\:hue-rotate-60:hover, .hover\:hue-rotate-90:hover, .hover\:hue-rotate-180:hover, .hover\:-hue-rotate-15:hover, .hover\:-hue-rotate-30:hover, .hover\:-hue-rotate-60:hover, .hover\:-hue-rotate-90: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\:hue-rotate-0:hover {
    --sf-hue-rotate: hue-rotate(0deg);
  }
  .hover\:hue-rotate-15:hover {
    --sf-hue-rotate: hue-rotate(15deg);
  }
  .hover\:hue-rotate-30:hover {
    --sf-hue-rotate: hue-rotate(30deg);
  }
  .hover\:hue-rotate-60:hover {
    --sf-hue-rotate: hue-rotate(60deg);
  }
  .hover\:hue-rotate-90:hover {
    --sf-hue-rotate: hue-rotate(90deg);
  }
  .hover\:hue-rotate-180:hover {
    --sf-hue-rotate: hue-rotate(180deg);
  }
  .hover\:-hue-rotate-15:hover {
    --sf-hue-rotate: hue-rotate(-15deg);
  }
  .hover\:-hue-rotate-30:hover {
    --sf-hue-rotate: hue-rotate(-30deg);
  }
  .hover\:-hue-rotate-60:hover {
    --sf-hue-rotate: hue-rotate(-60deg);
  }
  .hover\:-hue-rotate-90:hover {
    --sf-hue-rotate: hue-rotate(-90deg);
  }
}