/* ikon-ukuran.css — ukuran dan animasi ikon; dimuat KEDUA kerangka (lama dan v3) sebelum core.css.
   Iconset (iconset.css) hanya mendefinisikan bentuk ikon; ukuran bawaan dan kelas ukuran ada di sini.

   Kerangka lama: menggantikan font Tabler (assets/vendor/fonts/tabler-icons.css) — nilai di bawah adalah
   nilai asli font itu (.ti 1,25 rem, ti-xs 1,125 … ti-xl 2,25 rem) supaya 200+ view tidak berubah ukuran.
   Kerangka v3: core.css Vuexy 3 dimuat SESUDAH berkas ini, jadi .icon-base/.menu-icon/.icon-* miliknya menang;
   yang tersisa dari sini hanya kelas ti-* lama dan ti-spin. */

.ti {
  vertical-align: middle;
  font-size: 1.25rem;
  line-height: 1;
}

.icon-base {
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
}

.ti-xs { font-size: 1.125rem !important; }
.ti-sm { font-size: 1.376rem !important; }
.ti-md { font-size: 1.625rem !important; }
.ti-lg { font-size: 2rem !important; }
.ti-xl { font-size: 2.25rem !important; }

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

@keyframes ti-spin {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}