// Copyright (c) 2014, 2026, Oracle and/or its affiliates.  Licensed under The Universal Permissive License (UPL), Version 1.0 as shown at https://oss.oracle.com/licenses/upl/

// DO NOT MODIFY THIS FILE MANUALLY!
// This file is automatically generated based on the SVG images in
// /rt/src/main/css/<skin>/images/ folder. For each image, it generates a
// corresponding .oj-fwk-icon-<image file name> style class, replacing hyphens
// in the file name with underscores. The SCSS template can be found in
// /rt/src/main/scss/templates/svg-sprite-template.scss.txt
// To update this file, run "grunt jet-svg-sprite" or "grunt build".

// Include this mixin in component SCSS if the image needs to be scaled.
@mixin oj-fwk-icon-document-scale($scaleFactor: 1) {
  background-size: calc(332px * #{$scaleFactor}) calc(52px * #{$scaleFactor});
  background-position: calc((0px - 2px) * #{$scaleFactor}) calc((0px - 2px) * #{$scaleFactor});
  width: calc(16px * #{$scaleFactor});
  height: calc(16px * #{$scaleFactor});
}

// Include this mixin in component SCSS if the image needs to be scaled.
@mixin oj-fwk-icon-folder-collapsed-scale($scaleFactor: 1) {
  background-size: calc(332px * #{$scaleFactor}) calc(52px * #{$scaleFactor});
  background-position: calc((-20px - 2px) * #{$scaleFactor}) calc((0px - 2px) * #{$scaleFactor});
  width: calc(16px * #{$scaleFactor});
  height: calc(16px * #{$scaleFactor});
}

// Include this mixin in component SCSS if the image needs to be scaled.
@mixin oj-fwk-icon-folder-open-scale($scaleFactor: 1) {
  background-size: calc(332px * #{$scaleFactor}) calc(52px * #{$scaleFactor});
  background-position: calc((-40px - 2px) * #{$scaleFactor}) calc((0px - 2px) * #{$scaleFactor});
  width: calc(16px * #{$scaleFactor});
  height: calc(16px * #{$scaleFactor});
}

// Include this mixin in component SCSS if the image needs to be scaled.
@mixin oj-fwk-icon-group-avatar-scale($scaleFactor: 1) {
  background-size: calc(332px * #{$scaleFactor}) calc(52px * #{$scaleFactor});
  background-position: calc((-60px - 2px) * #{$scaleFactor}) calc((0px - 2px) * #{$scaleFactor});
  width: calc(32px * #{$scaleFactor});
  height: calc(32px * #{$scaleFactor});
}

// Include this mixin in component SCSS if the image needs to be scaled.
@mixin oj-fwk-icon-none-scale($scaleFactor: 1) {
  background-size: calc(332px * #{$scaleFactor}) calc(52px * #{$scaleFactor});
  background-position: calc((-96px - 2px) * #{$scaleFactor}) calc((0px - 2px) * #{$scaleFactor});
  width: calc(48px * #{$scaleFactor});
  height: calc(48px * #{$scaleFactor});
}

// Include this mixin in component SCSS if the image needs to be scaled.
@mixin oj-fwk-icon-person-avatar-scale($scaleFactor: 1) {
  background-size: calc(332px * #{$scaleFactor}) calc(52px * #{$scaleFactor});
  background-position: calc((-148px - 2px) * #{$scaleFactor}) calc((0px - 2px) * #{$scaleFactor});
  width: calc(32px * #{$scaleFactor});
  height: calc(32px * #{$scaleFactor});
}

// Include this mixin in component SCSS if the image needs to be scaled.
@mixin oj-fwk-icon-status-confirmation-scale($scaleFactor: 1) {
  background-size: calc(332px * #{$scaleFactor}) calc(52px * #{$scaleFactor});
  background-position: calc((-184px - 2px) * #{$scaleFactor}) calc((0px - 2px) * #{$scaleFactor});
  width: calc(20px * #{$scaleFactor});
  height: calc(20px * #{$scaleFactor});
}

// Include this mixin in component SCSS if the image needs to be scaled.
@mixin oj-fwk-icon-status-confirmation2-scale($scaleFactor: 1) {
  background-size: calc(332px * #{$scaleFactor}) calc(52px * #{$scaleFactor});
  background-position: calc((-208px - 2px) * #{$scaleFactor}) calc((0px - 2px) * #{$scaleFactor});
  width: calc(9px * #{$scaleFactor});
  height: calc(9px * #{$scaleFactor});
}

// Include this mixin in component SCSS if the image needs to be scaled.
@mixin oj-fwk-icon-status-error-scale($scaleFactor: 1) {
  background-size: calc(332px * #{$scaleFactor}) calc(52px * #{$scaleFactor});
  background-position: calc((-221px - 2px) * #{$scaleFactor}) calc((0px - 2px) * #{$scaleFactor});
  width: calc(20px * #{$scaleFactor});
  height: calc(20px * #{$scaleFactor});
}

// Include this mixin in component SCSS if the image needs to be scaled.
@mixin oj-fwk-icon-status-error2-scale($scaleFactor: 1) {
  background-size: calc(332px * #{$scaleFactor}) calc(52px * #{$scaleFactor});
  background-position: calc((-245px - 2px) * #{$scaleFactor}) calc((0px - 2px) * #{$scaleFactor});
  width: calc(9px * #{$scaleFactor});
  height: calc(9px * #{$scaleFactor});
}

// Include this mixin in component SCSS if the image needs to be scaled.
@mixin oj-fwk-icon-status-info-scale($scaleFactor: 1) {
  background-size: calc(332px * #{$scaleFactor}) calc(52px * #{$scaleFactor});
  background-position: calc((-258px - 2px) * #{$scaleFactor}) calc((0px - 2px) * #{$scaleFactor});
  width: calc(20px * #{$scaleFactor});
  height: calc(20px * #{$scaleFactor});
}

// Include this mixin in component SCSS if the image needs to be scaled.
@mixin oj-fwk-icon-status-info2-scale($scaleFactor: 1) {
  background-size: calc(332px * #{$scaleFactor}) calc(52px * #{$scaleFactor});
  background-position: calc((-282px - 2px) * #{$scaleFactor}) calc((0px - 2px) * #{$scaleFactor});
  width: calc(9px * #{$scaleFactor});
  height: calc(9px * #{$scaleFactor});
}

// Include this mixin in component SCSS if the image needs to be scaled.
@mixin oj-fwk-icon-status-warning-scale($scaleFactor: 1) {
  background-size: calc(332px * #{$scaleFactor}) calc(52px * #{$scaleFactor});
  background-position: calc((-295px - 2px) * #{$scaleFactor}) calc((0px - 2px) * #{$scaleFactor});
  width: calc(20px * #{$scaleFactor});
  height: calc(20px * #{$scaleFactor});
}

// Include this mixin in component SCSS if the image needs to be scaled.
@mixin oj-fwk-icon-status-warning2-scale($scaleFactor: 1) {
  background-size: calc(332px * #{$scaleFactor}) calc(52px * #{$scaleFactor});
  background-position: calc((-319px - 2px) * #{$scaleFactor}) calc((0px - 2px) * #{$scaleFactor});
  width: calc(9px * #{$scaleFactor});
  height: calc(9px * #{$scaleFactor});
}


@if $includeIconClasses != false {
  @include module-include-once("common.sprite") {

    .oj-fwk-icon-document {
      background-image: oj-common-image-url('sprites/sprite.svg');
      @include oj-fwk-icon-document-scale;
    }

    // In high-contrast mode, background-image disappears, so we have to use content.
    .oj-hicontrast .oj-fwk-icon-document {
      background-image: none;
    }
    .oj-hicontrast .oj-fwk-icon-document:before {
      content: oj-common-image-url('document.svg');
      width: 100%;
      height: 100%;
    }

    // In print mode, background-image disappears, so we have to use content.
    // For small dppx, sprites may be clipped significantly, so we disable it.
    // IE and Safari do not support dppx, so they will always use sprites, and
    // that is fine because the clipping is insignificant on IE and Safari. 
    /* autoprefixer: ignore next */
    @media print, (max-resolution: .99dppx) {
      .oj-fwk-icon-document {
        background-image: none;
      }
      .oj-fwk-icon-document:before {
        content: oj-common-image-url('document.svg');
        width: 100%;
        height: 100%;
      }
    }

    .oj-fwk-icon-folder-collapsed {
      background-image: oj-common-image-url('sprites/sprite.svg');
      @include oj-fwk-icon-folder-collapsed-scale;
    }

    // In high-contrast mode, background-image disappears, so we have to use content.
    .oj-hicontrast .oj-fwk-icon-folder-collapsed {
      background-image: none;
    }
    .oj-hicontrast .oj-fwk-icon-folder-collapsed:before {
      content: oj-common-image-url('folder_collapsed.svg');
      width: 100%;
      height: 100%;
    }

    // In print mode, background-image disappears, so we have to use content.
    // For small dppx, sprites may be clipped significantly, so we disable it.
    // IE and Safari do not support dppx, so they will always use sprites, and
    // that is fine because the clipping is insignificant on IE and Safari. 
    /* autoprefixer: ignore next */
    @media print, (max-resolution: .99dppx) {
      .oj-fwk-icon-folder-collapsed {
        background-image: none;
      }
      .oj-fwk-icon-folder-collapsed:before {
        content: oj-common-image-url('folder_collapsed.svg');
        width: 100%;
        height: 100%;
      }
    }

    .oj-fwk-icon-folder-open {
      background-image: oj-common-image-url('sprites/sprite.svg');
      @include oj-fwk-icon-folder-open-scale;
    }

    // In high-contrast mode, background-image disappears, so we have to use content.
    .oj-hicontrast .oj-fwk-icon-folder-open {
      background-image: none;
    }
    .oj-hicontrast .oj-fwk-icon-folder-open:before {
      content: oj-common-image-url('folder_open.svg');
      width: 100%;
      height: 100%;
    }

    // In print mode, background-image disappears, so we have to use content.
    // For small dppx, sprites may be clipped significantly, so we disable it.
    // IE and Safari do not support dppx, so they will always use sprites, and
    // that is fine because the clipping is insignificant on IE and Safari. 
    /* autoprefixer: ignore next */
    @media print, (max-resolution: .99dppx) {
      .oj-fwk-icon-folder-open {
        background-image: none;
      }
      .oj-fwk-icon-folder-open:before {
        content: oj-common-image-url('folder_open.svg');
        width: 100%;
        height: 100%;
      }
    }

    .oj-fwk-icon-group-avatar {
      background-image: oj-common-image-url('sprites/sprite.svg');
      @include oj-fwk-icon-group-avatar-scale;
    }

    // In high-contrast mode, background-image disappears, so we have to use content.
    .oj-hicontrast .oj-fwk-icon-group-avatar {
      background-image: none;
    }
    .oj-hicontrast .oj-fwk-icon-group-avatar:before {
      content: oj-common-image-url('group_avatar.svg');
      width: 100%;
      height: 100%;
    }

    // In print mode, background-image disappears, so we have to use content.
    // For small dppx, sprites may be clipped significantly, so we disable it.
    // IE and Safari do not support dppx, so they will always use sprites, and
    // that is fine because the clipping is insignificant on IE and Safari. 
    /* autoprefixer: ignore next */
    @media print, (max-resolution: .99dppx) {
      .oj-fwk-icon-group-avatar {
        background-image: none;
      }
      .oj-fwk-icon-group-avatar:before {
        content: oj-common-image-url('group_avatar.svg');
        width: 100%;
        height: 100%;
      }
    }

    .oj-fwk-icon-none {
      background-image: oj-common-image-url('sprites/sprite.svg');
      @include oj-fwk-icon-none-scale;
    }

    // In high-contrast mode, background-image disappears, so we have to use content.
    .oj-hicontrast .oj-fwk-icon-none {
      background-image: none;
    }
    .oj-hicontrast .oj-fwk-icon-none:before {
      content: oj-common-image-url('none.svg');
      width: 100%;
      height: 100%;
    }

    // In print mode, background-image disappears, so we have to use content.
    // For small dppx, sprites may be clipped significantly, so we disable it.
    // IE and Safari do not support dppx, so they will always use sprites, and
    // that is fine because the clipping is insignificant on IE and Safari. 
    /* autoprefixer: ignore next */
    @media print, (max-resolution: .99dppx) {
      .oj-fwk-icon-none {
        background-image: none;
      }
      .oj-fwk-icon-none:before {
        content: oj-common-image-url('none.svg');
        width: 100%;
        height: 100%;
      }
    }

    .oj-fwk-icon-person-avatar {
      background-image: oj-common-image-url('sprites/sprite.svg');
      @include oj-fwk-icon-person-avatar-scale;
    }

    // In high-contrast mode, background-image disappears, so we have to use content.
    .oj-hicontrast .oj-fwk-icon-person-avatar {
      background-image: none;
    }
    .oj-hicontrast .oj-fwk-icon-person-avatar:before {
      content: oj-common-image-url('person_avatar.svg');
      width: 100%;
      height: 100%;
    }

    // In print mode, background-image disappears, so we have to use content.
    // For small dppx, sprites may be clipped significantly, so we disable it.
    // IE and Safari do not support dppx, so they will always use sprites, and
    // that is fine because the clipping is insignificant on IE and Safari. 
    /* autoprefixer: ignore next */
    @media print, (max-resolution: .99dppx) {
      .oj-fwk-icon-person-avatar {
        background-image: none;
      }
      .oj-fwk-icon-person-avatar:before {
        content: oj-common-image-url('person_avatar.svg');
        width: 100%;
        height: 100%;
      }
    }

    .oj-fwk-icon-status-confirmation {
      background-image: oj-common-image-url('sprites/sprite.svg');
      @include oj-fwk-icon-status-confirmation-scale;
    }

    // In high-contrast mode, background-image disappears, so we have to use content.
    .oj-hicontrast .oj-fwk-icon-status-confirmation {
      background-image: none;
    }
    .oj-hicontrast .oj-fwk-icon-status-confirmation:before {
      content: oj-common-image-url('status_confirmation.svg');
      width: 100%;
      height: 100%;
    }

    // In print mode, background-image disappears, so we have to use content.
    // For small dppx, sprites may be clipped significantly, so we disable it.
    // IE and Safari do not support dppx, so they will always use sprites, and
    // that is fine because the clipping is insignificant on IE and Safari. 
    /* autoprefixer: ignore next */
    @media print, (max-resolution: .99dppx) {
      .oj-fwk-icon-status-confirmation {
        background-image: none;
      }
      .oj-fwk-icon-status-confirmation:before {
        content: oj-common-image-url('status_confirmation.svg');
        width: 100%;
        height: 100%;
      }
    }

    .oj-fwk-icon-status-confirmation2 {
      background-image: oj-common-image-url('sprites/sprite.svg');
      @include oj-fwk-icon-status-confirmation2-scale;
    }

    // In high-contrast mode, background-image disappears, so we have to use content.
    .oj-hicontrast .oj-fwk-icon-status-confirmation2 {
      background-image: none;
    }
    .oj-hicontrast .oj-fwk-icon-status-confirmation2:before {
      content: oj-common-image-url('status_confirmation2.svg');
      width: 100%;
      height: 100%;
    }

    // In print mode, background-image disappears, so we have to use content.
    // For small dppx, sprites may be clipped significantly, so we disable it.
    // IE and Safari do not support dppx, so they will always use sprites, and
    // that is fine because the clipping is insignificant on IE and Safari. 
    /* autoprefixer: ignore next */
    @media print, (max-resolution: .99dppx) {
      .oj-fwk-icon-status-confirmation2 {
        background-image: none;
      }
      .oj-fwk-icon-status-confirmation2:before {
        content: oj-common-image-url('status_confirmation2.svg');
        width: 100%;
        height: 100%;
      }
    }

    .oj-fwk-icon-status-error {
      background-image: oj-common-image-url('sprites/sprite.svg');
      @include oj-fwk-icon-status-error-scale;
    }

    // In high-contrast mode, background-image disappears, so we have to use content.
    .oj-hicontrast .oj-fwk-icon-status-error {
      background-image: none;
    }
    .oj-hicontrast .oj-fwk-icon-status-error:before {
      content: oj-common-image-url('status_error.svg');
      width: 100%;
      height: 100%;
    }

    // In print mode, background-image disappears, so we have to use content.
    // For small dppx, sprites may be clipped significantly, so we disable it.
    // IE and Safari do not support dppx, so they will always use sprites, and
    // that is fine because the clipping is insignificant on IE and Safari. 
    /* autoprefixer: ignore next */
    @media print, (max-resolution: .99dppx) {
      .oj-fwk-icon-status-error {
        background-image: none;
      }
      .oj-fwk-icon-status-error:before {
        content: oj-common-image-url('status_error.svg');
        width: 100%;
        height: 100%;
      }
    }

    .oj-fwk-icon-status-error2 {
      background-image: oj-common-image-url('sprites/sprite.svg');
      @include oj-fwk-icon-status-error2-scale;
    }

    // In high-contrast mode, background-image disappears, so we have to use content.
    .oj-hicontrast .oj-fwk-icon-status-error2 {
      background-image: none;
    }
    .oj-hicontrast .oj-fwk-icon-status-error2:before {
      content: oj-common-image-url('status_error2.svg');
      width: 100%;
      height: 100%;
    }

    // In print mode, background-image disappears, so we have to use content.
    // For small dppx, sprites may be clipped significantly, so we disable it.
    // IE and Safari do not support dppx, so they will always use sprites, and
    // that is fine because the clipping is insignificant on IE and Safari. 
    /* autoprefixer: ignore next */
    @media print, (max-resolution: .99dppx) {
      .oj-fwk-icon-status-error2 {
        background-image: none;
      }
      .oj-fwk-icon-status-error2:before {
        content: oj-common-image-url('status_error2.svg');
        width: 100%;
        height: 100%;
      }
    }

    .oj-fwk-icon-status-info {
      background-image: oj-common-image-url('sprites/sprite.svg');
      @include oj-fwk-icon-status-info-scale;
    }

    // In high-contrast mode, background-image disappears, so we have to use content.
    .oj-hicontrast .oj-fwk-icon-status-info {
      background-image: none;
    }
    .oj-hicontrast .oj-fwk-icon-status-info:before {
      content: oj-common-image-url('status_info.svg');
      width: 100%;
      height: 100%;
    }

    // In print mode, background-image disappears, so we have to use content.
    // For small dppx, sprites may be clipped significantly, so we disable it.
    // IE and Safari do not support dppx, so they will always use sprites, and
    // that is fine because the clipping is insignificant on IE and Safari. 
    /* autoprefixer: ignore next */
    @media print, (max-resolution: .99dppx) {
      .oj-fwk-icon-status-info {
        background-image: none;
      }
      .oj-fwk-icon-status-info:before {
        content: oj-common-image-url('status_info.svg');
        width: 100%;
        height: 100%;
      }
    }

    .oj-fwk-icon-status-info2 {
      background-image: oj-common-image-url('sprites/sprite.svg');
      @include oj-fwk-icon-status-info2-scale;
    }

    // In high-contrast mode, background-image disappears, so we have to use content.
    .oj-hicontrast .oj-fwk-icon-status-info2 {
      background-image: none;
    }
    .oj-hicontrast .oj-fwk-icon-status-info2:before {
      content: oj-common-image-url('status_info2.svg');
      width: 100%;
      height: 100%;
    }

    // In print mode, background-image disappears, so we have to use content.
    // For small dppx, sprites may be clipped significantly, so we disable it.
    // IE and Safari do not support dppx, so they will always use sprites, and
    // that is fine because the clipping is insignificant on IE and Safari. 
    /* autoprefixer: ignore next */
    @media print, (max-resolution: .99dppx) {
      .oj-fwk-icon-status-info2 {
        background-image: none;
      }
      .oj-fwk-icon-status-info2:before {
        content: oj-common-image-url('status_info2.svg');
        width: 100%;
        height: 100%;
      }
    }

    .oj-fwk-icon-status-warning {
      background-image: oj-common-image-url('sprites/sprite.svg');
      @include oj-fwk-icon-status-warning-scale;
    }

    // In high-contrast mode, background-image disappears, so we have to use content.
    .oj-hicontrast .oj-fwk-icon-status-warning {
      background-image: none;
    }
    .oj-hicontrast .oj-fwk-icon-status-warning:before {
      content: oj-common-image-url('status_warning.svg');
      width: 100%;
      height: 100%;
    }

    // In print mode, background-image disappears, so we have to use content.
    // For small dppx, sprites may be clipped significantly, so we disable it.
    // IE and Safari do not support dppx, so they will always use sprites, and
    // that is fine because the clipping is insignificant on IE and Safari. 
    /* autoprefixer: ignore next */
    @media print, (max-resolution: .99dppx) {
      .oj-fwk-icon-status-warning {
        background-image: none;
      }
      .oj-fwk-icon-status-warning:before {
        content: oj-common-image-url('status_warning.svg');
        width: 100%;
        height: 100%;
      }
    }

    .oj-fwk-icon-status-warning2 {
      background-image: oj-common-image-url('sprites/sprite.svg');
      @include oj-fwk-icon-status-warning2-scale;
    }

    // In high-contrast mode, background-image disappears, so we have to use content.
    .oj-hicontrast .oj-fwk-icon-status-warning2 {
      background-image: none;
    }
    .oj-hicontrast .oj-fwk-icon-status-warning2:before {
      content: oj-common-image-url('status_warning2.svg');
      width: 100%;
      height: 100%;
    }

    // In print mode, background-image disappears, so we have to use content.
    // For small dppx, sprites may be clipped significantly, so we disable it.
    // IE and Safari do not support dppx, so they will always use sprites, and
    // that is fine because the clipping is insignificant on IE and Safari. 
    /* autoprefixer: ignore next */
    @media print, (max-resolution: .99dppx) {
      .oj-fwk-icon-status-warning2 {
        background-image: none;
      }
      .oj-fwk-icon-status-warning2:before {
        content: oj-common-image-url('status_warning2.svg');
        width: 100%;
        height: 100%;
      }
    }

  }
}