$gux-icon-checkbox-unchecked: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M13.7143 0C14.975 0 16 1.02321 16 2.28571V13.7143C16 14.975 14.975 16 13.7143 16H2.28571C1.02321 16 0 14.975 0 13.7143V2.28571C0 1.02321 1.02321 0 2.28571 0H13.7143ZM13.7143 1.71429H2.28571C1.97 1.71429 1.71429 1.97 1.71429 2.28571V13.7143C1.71429 14.0286 1.97 14.2857 2.28571 14.2857H13.7143C14.0286 14.2857 14.2857 14.0286 14.2857 13.7143V2.28571C14.2857 1.97 14.0286 1.71429 13.7143 1.71429Z' /%3E%3C/svg%3E";
$gux-icon-checkbox-checked: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M2.28571 0C1.025 0 0 1.025 0 2.28571V13.7143C0 14.975 1.025 16 2.28571 16H13.7143C14.975 16 16 14.975 16 13.7143V2.28571C16 1.025 14.975 0 13.7143 0H2.28571ZM12.0357 6.32143L7.46429 10.8929C7.12857 11.2286 6.58571 11.2286 6.25357 10.8929L3.96786 8.60714C3.63214 8.27143 3.63214 7.72857 3.96786 7.39643C4.30357 7.06429 4.84643 7.06071 5.17857 7.39643L6.85714 9.075L10.8214 5.10714C11.1571 4.77143 11.7 4.77143 12.0321 5.10714C12.3643 5.44286 12.3679 5.98571 12.0321 6.31786L12.0357 6.32143Z' /%3E%3C/svg%3E";
$gux-icon-checkbox-indeterminate: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M11.1429 7.14286C11.6179 7.14286 12 7.525 12 8C12 8.475 11.6179 8.85714 11.1429 8.85714H4.85714C4.38214 8.85714 4 8.475 4 8C4 7.525 4.38214 7.14286 4.85714 7.14286H11.1429ZM0 2.28571C0 1.02321 1.02321 0 2.28571 0H13.7143C14.975 0 16 1.02321 16 2.28571V13.7143C16 14.975 14.975 16 13.7143 16H2.28571C1.02321 16 0 14.975 0 13.7143V2.28571ZM1.71429 2.28571V13.7143C1.71429 14.0286 1.97 14.2857 2.28571 14.2857H13.7143C14.0286 14.2857 14.2857 14.0286 14.2857 13.7143V2.28571C14.2857 1.97 14.0286 1.71429 13.7143 1.71429H2.28571C1.97 1.71429 1.71429 1.97 1.71429 2.28571Z' /%3E%3C/svg%3E";
$gux-icon-checkbox-unchecked-notched: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M2.28571 0C1.025 0 0 1.025 0 2.28571V13.7143C0 14.975 1.025 16 2.28571 16H13.7143C14.975 16 16 14.975 16 13.7143V5.59375C15.7539 5.84687 15.414 6 15.0449 6C14.7661 6 14.5044 5.91125 14.2857 5.76V13.7143C14.2857 14.0286 14.0286 14.2857 13.7143 14.2857H2.28571C1.97 14.2857 1.71429 14.0286 1.71429 13.7143V2.28571C1.71429 1.97 1.97 1.71429 2.28571 1.71429H10.2529C10.1215 1.50625 10.0459 1.26175 10.0459 1.001C10.0459 0.611 10.2141 0.2497 10.4961 0H2.28571Z' /%3E%3C/svg%3E";
$gux-icon-checkbox-checked-notched: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M9.06426 0V0.00137C9.06426 0.74364 9.49616 1.39544 10.14982 1.69805H10.15122L13.03452 3.02968L14.3648 5.91308L14.3662 5.91445C14.6623 6.55326 15.29146 6.97082 16 6.99453V13.7139C16 14.9746 14.9746 16 13.7139 16H2.28613C1.02542 16 0 14.9746 0 13.7139V2.28613C0 1.02542 1.02542 0 2.28613 0H9.06426ZM12.0322 5.10742C11.7001 4.77171 11.157 4.77171 10.8213 5.10742L6.85742 9.0752L5.17871 7.3965C4.84657 7.0608 4.30349 7.0643 3.96777 7.3965C3.63213 7.7286 3.63208 8.2717 3.96777 8.6074L6.25391 10.8926C6.58603 11.2282 7.12816 11.2282 7.46387 10.8926L12.0361 6.3213L12.0322 6.3174C12.3676 5.98528 12.3641 5.44306 12.0322 5.10742Z' /%3E%3Cpath d='M2.28571 0C1.025 0 0 1.025 0 2.28571V13.7143C0 14.975 1.025 16 2.28571 16H13.7143C14.975 16 16 14.975 16 13.7143V5.59375C15.7539 5.84687 15.414 6 15.0449 6C14.7661 6 14.5044 5.91125 14.2857 5.76V13.7143C14.2857 14.0286 14.0286 14.2857 13.7143 14.2857H2.28571C1.97 14.2857 1.71429 14.0286 1.71429 13.7143V2.28571C1.71429 1.97 1.97 1.71429 2.28571 1.71429H10.2529C10.1215 1.50625 10.0459 1.26175 10.0459 1.001C10.0459 0.611 10.2141 0.2497 10.4961 0H2.28571Z' /%3E%3C/svg%3E";
$gux-icon-checkbox-indeterminate-notched: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M2.28571 0C1.025 0 0 1.025 0 2.28571V13.7143C0 14.975 1.025 16 2.28571 16H13.7143C14.975 16 16 14.975 16 13.7143V5.59375C15.7539 5.84687 15.414 6 15.0449 6C14.7661 6 14.5044 5.91125 14.2857 5.76V13.7143C14.2857 14.0286 14.0286 14.2857 13.7143 14.2857H2.28571C1.97 14.2857 1.71429 14.0286 1.71429 13.7143V2.28571C1.71429 1.97 1.97 1.71429 2.28571 1.71429H10.2529C10.1215 1.50625 10.0459 1.26175 10.0459 1.001C10.0459 0.611 10.2141 0.2497 10.4961 0H2.28571ZM11.1429 7.14286C11.6179 7.14286 12 7.525 12 8C12 8.475 11.6179 8.85714 11.1429 8.85714H4.85714C4.38214 8.85714 4 8.475 4 8C4 7.525 4.38214 7.14286 4.85714 7.14286H11.1429Z' /%3E%3C/svg%3E";

@mixin unchecked {
  -webkit-mask-image: url($gux-icon-checkbox-unchecked);
  mask-image: url($gux-icon-checkbox-unchecked);
}

@mixin checked {
  -webkit-mask-image: url($gux-icon-checkbox-checked);
  mask-image: url($gux-icon-checkbox-checked);
}

@mixin indeterminate {
  -webkit-mask-image: url($gux-icon-checkbox-indeterminate);
  mask-image: url($gux-icon-checkbox-indeterminate);
}

@mixin unchecked-notched {
  -webkit-mask-image: url($gux-icon-checkbox-unchecked-notched);
  mask-image: url($gux-icon-checkbox-unchecked-notched);
}

@mixin checked-notched {
  -webkit-mask-image: url($gux-icon-checkbox-checked-notched);
  mask-image: url($gux-icon-checkbox-checked-notched);
}

@mixin indeterminate-notched {
  -webkit-mask-image: url($gux-icon-checkbox-indeterminate-notched);
  mask-image: url($gux-icon-checkbox-indeterminate-notched);
}

// @deprecated - use `unchecked` mixin instead (COMUI-4793)
@mixin unchecked-hover {
  @include unchecked;
}

// @deprecated - use `checked` mixin instead (COMUI-4793)
@mixin checked-hover {
  @include checked;
}

// @deprecated - use `unchecked` mixin instead (COMUI-4793)
@mixin unchecked-error {
  @include unchecked;
}

// @deprecated - use `checked` mixin instead (COMUI-4793)
@mixin checked-error {
  @include checked;
}

// @deprecated - use `indeterminate` mixin instead (COMUI-4793)
@mixin indeterminate-hover {
  @include indeterminate;
}

// @deprecated - use `indeterminate` mixin instead (COMUI-4793)
@mixin indeterminate-error {
  @include indeterminate;
}