.ti {
    display: inline-block;
    flex: 0 0 auto;
    vertical-align: -.125em;
    line-height: 1;
}

.fabrion-icon-fw {
    width: 1.25em;
    text-align: center;
}

.fabrion-icon-spin {
    animation: fabrion-icon-spin 1s linear infinite;
}

.fabrion-icon-2x {
    font-size: 2em;
}

.fabrion-icon-3x {
    font-size: 3em;
}

@keyframes fabrion-icon-spin {
    to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
    .fabrion-icon-spin {
        animation-duration: 1.8s;
    }
}