@use "../../variables/index" as *;

/**
 * C8Y Glyphs - SVG mask-image based (GENERATED FILE)
 *
 * Auto-generated by tools/generate-icon-scss.mjs
 * DO NOT EDIT MANUALLY
 */

$icon-dir: if(sass($use-relative-paths): '../../assets/icons'; else: 'assets/icons');

@if $use-svg-icons {
.c8y-glyph,
.c8y-glyph-calendar::before,
.c8y-glyph-caret::before,
.dlt-c8y-icon-caret-down::before,
.c8y-glyph-check::before,
.c8y-glyph-dot::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  line-height: 1;
  text-rendering: optimizeLegibility;
}

.c8y-glyph-calendar::before {
  mask-image: url("#{$icon-dir}/dlt/calendar.svg");
  -webkit-mask-image: url("#{$icon-dir}/dlt/calendar.svg");
}
.c8y-glyph-caret::before,
.dlt-c8y-icon-caret-down::before {
  mask-image: url("#{$icon-dir}/dlt/caret-down.svg");
  -webkit-mask-image: url("#{$icon-dir}/dlt/caret-down.svg");
}
.c8y-glyph-check::before {
  mask-image: url("#{$icon-dir}/dlt/check.svg");
  -webkit-mask-image: url("#{$icon-dir}/dlt/check.svg");
}
.c8y-glyph-dot::before {
  mask-image: url("#{$icon-dir}/dlt/circle.svg");
  -webkit-mask-image: url("#{$icon-dir}/dlt/circle.svg");
}
} // @if $use-svg-icons