.icon-mask {
  display: inline-block;
  width: 1.1rem;
  height: 1.1rem;
  vertical-align: -0.125em;
  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;
}

/* Base tool icons */
.icon-eye {
  mask-image: url('../assets/bootstrap-icons/eye-fill.svg');
  -webkit-mask-image: url('../assets/bootstrap-icons/eye-fill.svg');
}

.icon-eye-slash {
  mask-image: url('../assets/bootstrap-icons/eye-slash-fill.svg');
  -webkit-mask-image: url('../assets/bootstrap-icons/eye-slash-fill.svg');
}

.icon-trash {
  mask-image: url('../assets/bootstrap-icons/trash-fill.svg');
  -webkit-mask-image: url('../assets/bootstrap-icons/trash-fill.svg');
}

.icon-undo {
  mask-image: url('../assets/bootstrap-icons/arrow-counterclockwise.svg');
  -webkit-mask-image: url('../assets/bootstrap-icons/arrow-counterclockwise.svg');
}

/* Import/Export icons */
.icon-upload {
  mask-image: url('../assets/bootstrap-icons/upload.svg');
  -webkit-mask-image: url('../assets/bootstrap-icons/upload.svg');
}

.icon-download {
  mask-image: url('../assets/bootstrap-icons/download.svg');
  -webkit-mask-image: url('../assets/bootstrap-icons/download.svg');
}

.icon-spreadsheet {
  mask-image: url('../assets/bootstrap-icons/file-earmark-spreadsheet-fill.svg');
  -webkit-mask-image: url('../assets/bootstrap-icons/file-earmark-spreadsheet-fill.svg');
}

.icon-clipboard {
  mask-image: url('../assets/bootstrap-icons/clipboard2-fill.svg');
  -webkit-mask-image: url('../assets/bootstrap-icons/clipboard2-fill.svg');
}

/* Theme icons */
.icon-sun {
  mask-image: url('../assets/bootstrap-icons/sun-fill.svg');
  -webkit-mask-image: url('../assets/bootstrap-icons/sun-fill.svg');
}

.icon-moon {
  mask-image: url('../assets/bootstrap-icons/moon-stars-fill.svg');
  -webkit-mask-image: url('../assets/bootstrap-icons/moon-stars-fill.svg');
}

/* Footer icons */
.icon-coffee {
  mask-image: url('../assets/bootstrap-icons/cup-hot-fill.svg');
  -webkit-mask-image: url('../assets/bootstrap-icons/cup-hot-fill.svg');
}

.icon-heart {
  mask-image: url('../assets/bootstrap-icons/heart-fill.svg');
  -webkit-mask-image: url('../assets/bootstrap-icons/heart-fill.svg');
}

/* Tool Icons */
.bi-calculator {
  mask-image: url('../assets/bootstrap-icons/calculator-fill.svg');
  -webkit-mask-image: url('../assets/bootstrap-icons/calculator-fill.svg');
}