/**
 * Custom FontAwesome 7 build for the frontend.
 *
 * Everything FontAwesome ships is here except the icon map and the webfonts: those come from
 * `resources/scss/_fontawesome-icons.scss` and `resources/fonts/`, both written by `npm run icons` from the
 * list `./yii dev/icons` collects. The full set is four thousand icons, 130 KB of CSS and 693 KB of font; the
 * frontend uses fifty of them.
 *
 * The `:root`, `@font-face` and style-class blocks below mirror `solid.scss`, `regular.scss` and
 * `brands.scss` from the package, minus their icon maps — they are copied rather than imported so no unused
 * webfont gets pulled into the build. Re-check them when FontAwesome is upgraded.
 *
 * The admin keeps the complete FontAwesome, see `entries/admin.scss` — its icon picker offers every icon
 * there is, so it cannot live on a subset.
 */

@import '~@fortawesome/fontawesome-pro/scss/core';
@import '~@fortawesome/fontawesome-pro/scss/sizing';
@import '~@fortawesome/fontawesome-pro/scss/widths';
@import '~@fortawesome/fontawesome-pro/scss/list';
@import '~@fortawesome/fontawesome-pro/scss/bordered';
@import '~@fortawesome/fontawesome-pro/scss/pulled';
@import '~@fortawesome/fontawesome-pro/scss/animated';
@import '~@fortawesome/fontawesome-pro/scss/rotated-flipped';
@import '~@fortawesome/fontawesome-pro/scss/stacked';

:root, :host {
	--fa-family-classic: 'Font Awesome 7 Pro';
	--fa-family-brands: 'Font Awesome 7 Brands';
	--fa-font-solid: normal 900 1em/1 var(--fa-family-classic);
	--fa-font-regular: normal 400 1em/1 var(--fa-family-classic);
	--fa-font-brands: normal 400 1em/1 var(--fa-family-brands);
	--fa-style-family-classic: var(--fa-family-classic);
}

@font-face {
	font-family: 'Font Awesome 7 Pro';
	font-style: normal;
	font-weight: 900;
	font-display: block;
	src: url('../fonts/fa-solid-900.woff2') format('woff2');
}

@font-face {
	font-family: 'Font Awesome 7 Pro';
	font-style: normal;
	font-weight: 400;
	font-display: block;
	src: url('../fonts/fa-regular-400.woff2') format('woff2');
}

@font-face {
	font-family: 'Font Awesome 7 Brands';
	font-style: normal;
	font-weight: 400;
	font-display: block;
	src: url('../fonts/fa-brands-400.woff2') format('woff2');
}

.fas {
	--fa-family: var(--fa-family-classic);
	--fa-style: 900;
}

.far {
	--fa-family: var(--fa-family-classic);
	--fa-style: 400;
}

.fa-classic {
	--fa-family: var(--fa-family-classic);
}

.fa-solid {
	--fa-style: 900;
}

.fa-regular {
	--fa-style: 400;
}

.fab,
.fa-brands,
.fa-classic.fa-brands {
	--fa-family: var(--fa-family-brands);
	--fa-style: 400;
}

@import 'fontawesome-icons';