.wordmark {
	text-align: center;
	font-size: 24px;
	line-height: 1;
	font-weight: 700;
	letter-spacing: -1px
}

.input, 
.select {
	width: 100%;
}

label {
	font-weight: 600;
}

h1 {
	font-size: var(--text-5xl);
	line-height: var(--text-5xl--line-height);
}
h2 {
	font-size: 1.6rem;
  line-height: 2.2rem;
}
h3 {
	font-size: 1.25rem;
  line-height: 1.85rem;
}

h4,
.text-large-title {
	font-size: 1.1rem;
	line-height: 1.4rem;
	font-weight: 600;
}

a.link-primary {
	font-weight: 600;
	color: var(--color-primary);
}

.preheader {
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 500;
	font-size: 85%;
	line-height: 1;
}

.header {
	border-bottom: 1px solid var(--color-base-300);
	padding-bottom: 0.25rem;
	padding-left: 0.25rem;
	margin-left: -0.25rem;
	margin-bottom: 1rem;
}

.section-header {
	border-bottom: 1px solid var(--color-base-300);
	padding-bottom: 0.25rem;
	padding-left: 0.25rem;
	margin-left: -0.25rem;
}

.form-container {
	max-width: 100%;
}
.form-container.fc-md {
	max-width: 60%;
}

.main {
	display: flex;
	flex-direction: column;
	flex: 1 1 0%;
	min-width: 0px;
	position: relative;
}

.logo.login {
	max-width: 290px;
	margin: 30px auto;
}

.signout form {
	grid-auto-columns: unset;
}

.signout button {
	text-align: left;
}

.stat-cols-25 {
	grid-template-columns: 1fr fit-content(25%);
	width: fit-content;
}
.stat-cols-25 .stat {
	min-width: 200px;
}

.toast {
	z-index: 99;
	transition: 1s opacity ease-out;
}

table .btn {
	text-wrap: nowrap;
}