/* Fonte unica de icones. Sem renderizacao SVG no sistema. */
@import url("../vendor/fontawesome/css/all.min.css");

i.ui-icon {
    --ui-icon-size: 1em;
    display: inline-flex;
    flex: 0 0 auto;
    width: 1em;
    height: 1em;
    align-items: center;
    justify-content: center;
    overflow: visible;
    font-size: var(--ui-icon-size);
    line-height: 1;
    text-align: center;
    vertical-align: -0.125em;
}

i.ui-icon::before {
    display: block;
    line-height: 1;
}

i.ui-icon.hidden { display: none; }
/* Prévia de logo com imagem: o ícone de "adicionar" some (regra em camada
   não vence i.ui-icon, por isso fica aqui). */
:is(.logo-preview, .company-logo-preview).has-image > i.ui-icon { display: none; }
@media (min-width: 640px) {
    i.ui-icon.sm\:block { display: inline-flex; }
}

.ui-icon-box {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    line-height: 0;
}

i.ui-icon.ui-icon-spin,
i.ui-icon.fa-spin { animation: fa-spin 0.8s linear infinite; }

i.ui-icon.ui-icon-xs { --ui-icon-size: 0.75rem; }
i.ui-icon.ui-icon-sm { --ui-icon-size: 0.875rem; }
i.ui-icon.ui-icon-md { --ui-icon-size: 1.125rem; }
i.ui-icon.ui-icon-lg { --ui-icon-size: 1.25rem; }
i.ui-icon.ui-icon-xl { --ui-icon-size: 1.5rem; }
i.ui-icon.ui-icon-2xl { --ui-icon-size: 2rem; }
i.ui-icon.ui-icon-3xl { --ui-icon-size: 2.5rem; }
i.ui-icon.ui-icon-4xl { --ui-icon-size: 3rem; }

i.ui-icon.text-xs { --ui-icon-size: 0.75rem; }
i.ui-icon.text-sm { --ui-icon-size: 0.875rem; }
i.ui-icon.text-lg { --ui-icon-size: 1.125rem; }
i.ui-icon.text-xl { --ui-icon-size: 1.25rem; }
i.ui-icon.text-2xl { --ui-icon-size: 1.5rem; }
i.ui-icon.text-3xl { --ui-icon-size: 1.875rem; }
i.ui-icon.text-4xl { --ui-icon-size: 2.25rem; }
i.ui-icon.text-5xl { --ui-icon-size: 3rem; }

i.ui-icon[data-icon-size="xs"] { --ui-icon-size: 0.75rem; }
i.ui-icon[data-icon-size="sm"] { --ui-icon-size: 0.875rem; }
i.ui-icon[data-icon-size="md"] { --ui-icon-size: 1.125rem; }
i.ui-icon[data-icon-size="lg"] { --ui-icon-size: 1.25rem; }
i.ui-icon[data-icon-size="xl"] { --ui-icon-size: 1.5rem; }
i.ui-icon[data-icon-size="2xl"] { --ui-icon-size: 2rem; }
i.ui-icon[data-icon-size="3xl"] { --ui-icon-size: 2.5rem; }
i.ui-icon[data-icon-size="4xl"] { --ui-icon-size: 3rem; }

@media (prefers-reduced-motion: reduce) {
    i.ui-icon.ui-icon-spin,
    i.ui-icon.fa-spin { animation-duration: 1.6s !important; }
}