@use "bootstrap/scss/bootstrap" with (
	$color-mode-type: media-query,
	$font-family-sans-serif: (
		"FiraGO",
		system-ui,
		-apple-system,
		"Segoe UI",
		Roboto,
		"Helvetica Neue",
		"Noto Sans",
		"Liberation Sans",
		Arial,
		sans-serif,
		"Apple Color Emoji",
		"Segoe UI Emoji",
		"Segoe UI Symbol",
		"Noto Color Emoji",
	)
);

@import "@fontsource/firago/400.css";
@import "@fontsource/firago/400-italic.css";
@import "@fontsource/firago/700.css";

.pride-flag {
	height: 1.5rem;
	max-width: 200px;
	border-radius: 3px;
}

// This is necessary for line breaks in translation strings to show up. Don't ask me why
.text-has-newline {
	white-space: pre-line;
}