/* Buttons use stroke-300 */
.btn .ti {
    font-family: "tabler-icons-300", sans-serif !important;
}

/* Stroke-weight variants (override per icon) */
.ti-stroke-2 {
    font-family: "tabler-icons", sans-serif !important;
}

.ti-stroke-1 {
    font-family: "tabler-icons-200", sans-serif !important;
}

.ti-stroke-15 {
    font-family: "tabler-icons-300", sans-serif !important;
}

.ti-filled {
    font-family: "tabler-icons-filled", sans-serif !important;
}

.ti-star-filled {
    font-family: "tabler-icons-filled", sans-serif !important;
}
.ti-star-filled:before {
    content: "\f6a6";
}

.icon-20, .icon-default {
    font-size: 20px;
    font-weight: lighter !important;
}

.icon-25 {
    font-size: 25px;
    font-weight: lighter !important;
}

.icon-30 {
    font-size: 30px;
    font-weight: lighter !important;
}

.icon-40 {
    font-size: 40px;
    font-weight: lighter !important;
}

.icon-50 {
    font-size: 50px;
    font-weight: lighter !important;
}

.icon-60 {
    font-size: 60px;
    font-weight: lighter !important;
}

.icon-100 {
    font-size: 100px;
    font-weight: lighter !important;
}

.icon-150 {
    font-size: 150px;
    font-weight: lighter !important;
}