/*
  Tabler Icons prepared for TRIUMPH.
  Place this folder at: public/assets/tabler

  SVG files are kept unmodified. Most outline icons use stroke="currentColor".
  Best color control: inline the SVG or use the mask helper below.
*/

.ti-inline,
.ti-inline svg {
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  vertical-align: -0.2em;
  color: currentColor;
  stroke: currentColor;
}

.ti-mask {
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  vertical-align: -0.2em;
  background: currentColor;
  -webkit-mask: var(--ti-url) no-repeat center / contain;
  mask: var(--ti-url) no-repeat center / contain;
}

.ti-sm { width: 1rem; height: 1rem; }
.ti-md { width: 1.25rem; height: 1.25rem; }
.ti-lg { width: 1.75rem; height: 1.75rem; }
.ti-xl { width: 2.5rem; height: 2.5rem; }
.ti-folder-xl { width: 3.25rem; height: 3.25rem; }

.ti-green { color: #0f6b3a; }
.ti-muted { color: #6b7c6f; }
.ti-danger { color: #dc2626; }
.ti-warning { color: #d97706; }
.ti-info { color: #0284c7; }