/*!
 * Tabler Icons - utilitas tambahan
 *
 * Tabler hanya menyediakan glyph, bukan utility class. File ini menambahkan
 * modifier yang dipakai di project ini dan tidak ada di tabler-icons.min.css:
 *   - ukuran : ti-1x .. ti-5x, ti-lg
 *   - animasi: ti-spin
 *
 * Dimuat setelah tabler-icons.min.css.
 */

/* --- Ukuran --- */
.ti-1x { font-size: 1em; }
.ti-2x { font-size: 2em; }
.ti-3x { font-size: 3em; }
.ti-4x { font-size: 4em; }
.ti-5x { font-size: 5em; }

/* Padanan .fa-lg Font Awesome */
.ti-lg {
  font-size: 1.3333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

/* --- Animasi --- */
@keyframes ti-spin {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.ti-spin {
  animation: ti-spin 2s infinite linear;
}

/* Hormati preferensi pengguna yang mematikan animasi.
   .fa-spin milik Font Awesome ikut dimatikan di sini agar konsisten. */
@media (prefers-reduced-motion: reduce) {
  .ti-spin,
  .fa-spin {
    animation: none;
  }
}