.ti {
  display: inline-block;
  width: 1.15em;
  height: 1.15em;
  line-height: 1;
  background-color: currentColor;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  vertical-align: -0.16em;
}

.ti-chevron-left {
  mask-image: url("/assets/vendor/tabler-icons/chevron-left.svg");
  -webkit-mask-image: url("/assets/vendor/tabler-icons/chevron-left.svg");
}

.ti-chevron-right {
  mask-image: url("/assets/vendor/tabler-icons/chevron-right.svg");
  -webkit-mask-image: url("/assets/vendor/tabler-icons/chevron-right.svg");
}

.ti-moon {
  mask-image: url("/assets/vendor/tabler-icons/moon.svg");
  -webkit-mask-image: url("/assets/vendor/tabler-icons/moon.svg");
}

.ti-sun {
  mask-image: url("/assets/vendor/tabler-icons/sun.svg");
  -webkit-mask-image: url("/assets/vendor/tabler-icons/sun.svg");
}

.ti-logout {
  mask-image: url("/assets/vendor/tabler-icons/logout.svg");
  -webkit-mask-image: url("/assets/vendor/tabler-icons/logout.svg");
}

.ti-x {
  mask-image: url("/assets/vendor/tabler-icons/x.svg");
  -webkit-mask-image: url("/assets/vendor/tabler-icons/x.svg");
}

.ti-user-circle {
  mask-image: url("/assets/vendor/tabler-icons/user-circle.svg");
  -webkit-mask-image: url("/assets/vendor/tabler-icons/user-circle.svg");
}

.ti-bell {
  mask-image: url("/assets/vendor/tabler-icons/bell.svg");
  -webkit-mask-image: url("/assets/vendor/tabler-icons/bell.svg");
}

.ti-shield-check {
  mask-image: url("/assets/vendor/tabler-icons/shield-check.svg");
  -webkit-mask-image: url("/assets/vendor/tabler-icons/shield-check.svg");
}

.ti-settings-2 {
  mask-image: url("/assets/vendor/tabler-icons/settings-2.svg");
  -webkit-mask-image: url("/assets/vendor/tabler-icons/settings-2.svg");
}