/* Phosphor utility helpers (tamanho + animação) — compat com os modifiers
   ph-2x/3x/4x/5x, ph-lg/sm/xs, ph-spin, ph-pulse, ph-fw, ph-flip. */

.ph-lg { font-size: 1.3333333333em; line-height: .75em; vertical-align: -0.0667em; }
.ph-xs { font-size: .75em; }
.ph-sm { font-size: .875em; }
.ph-2x { font-size: 2em; }
.ph-3x { font-size: 3em; }
.ph-4x { font-size: 4em; }
.ph-5x { font-size: 5em; }

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

.ph-spin  { animation: ph-spin 2s infinite linear; }
.ph-pulse { animation: ph-spin 1s infinite steps(8); }

.ph-flip,
.ph-flip-horizontal { transform: scaleX(-1); }
.ph-flip-vertical   { transform: scaleY(-1); }

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