/* lato-regular - latin */
@font-face {
    font-display: swap;
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/lato-v24-latin-regular.woff2') format('woff2');
}
/* lato-italic - latin */
@font-face {
    font-display: swap;
    font-family: 'Lato';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/lato-v24-latin-italic.woff2') format('woff2');
}
/* lato-700 - latin */
@font-face {
    font-display: swap;
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/lato-v24-latin-700.woff2') format('woff2');
}
/* lato-900 - latin */
@font-face {
    font-display: swap;
    font-family: 'Lato';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/lato-v24-latin-900.woff2') format('woff2');
}

/* These url()s are NOT relative to this file. postcss-import inlines this partial verbatim
   and Tailwind's CLI does not rebase urls, so they are resolved by the browser relative to
   the OUTPUT file, assets/styles/app.css -- which is what makes ../fonts/ correct.
   AssetMapper then rewrites them to versioned paths when it compiles assets/styles/app.css. */

/* htmx indicator visibility. app.js sets htmx.config.includeIndicatorStyles = false, so htmx
   injects no <style> block of its own -- these three rules are what replaces it. */
.htmx-indicator {
    @apply invisible;
}
.htmx-request .htmx-indicator {
    @apply visible;
}
.htmx-request.htmx-indicator {
    @apply visible;
}