/*
 * Compatibility helpers for Bootstrap Icons.
 * Provides the subset of Font Awesome utility classes that were still used
 * after migrating icon names (fa-spin, fa-pulse, fa-2x/3x/5x, fa-fw).
 */

.bi {
    display: inline-block;
    line-height: 1;
    vertical-align: -0.125em;
}

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

.fa-xs { font-size: 0.75em; }
.fa-sm { font-size: 0.875em; }
.fa-lg { font-size: 1.333em; line-height: 0.75em; vertical-align: -0.0667em; }
.fa-2x { font-size: 2em; }
.fa-3x { font-size: 3em; }
.fa-4x { font-size: 4em; }
.fa-5x { font-size: 5em; }

.fa-spin {
    animation: bi-icon-spin 2s linear infinite;
}

.fa-pulse {
    animation: bi-icon-spin 1s steps(8) infinite;
}

@keyframes bi-icon-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.fa-rotate-90  { transform: rotate(90deg); }
.fa-rotate-180 { transform: rotate(180deg); }
.fa-rotate-270 { transform: rotate(270deg); }
.fa-flip-horizontal { transform: scaleX(-1); }
.fa-flip-vertical   { transform: scaleY(-1); }
.fa-flip-both       { transform: scale(-1, -1); }