:root {
	--morema-text-font: SourceSans, Arial;
	--morema-button-font: BebasNeue, Arial;
	--morema-text-font-xs: 0.6rem;
	--morema-color-primary: #F0EAE4;
	--morema-color-secondary: #3F5568;
	--morema-color-attention-success: #5A7569;
	--morema-color-attention-error: #9C5C4D;
	--morema-color-attention-warning: #FECD85;
	--morema-color-disabled: #D5D5D5;
	--morema-color-dim: #B5B5B5;
	--morema-color-info: #C6DAE5;
	--morema-color-dark: #43403C;
	--morema-color-light: #FCFBFA;
}

.unselectable {
	user-select: none;
}

.loader-container {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}

.loader-text {
	font-size: 6rem;
	font-weight: bold;
	font-family: 'Bodoni MT', serif;
	background: linear-gradient(90deg, #3f5568 0%, #3f5568 50%, #f0f0f0 50%, #f0f0f0 100%);
	background-size: 200% 100%;
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
	animation: textFill 0.5s linear forwards;
	user-select: none;
}

@keyframes textFill {
	0% {
		background-position: 100% 0;
	}

	100% {
		background-position: 0 0;
	}
}

code {
	color: #c02d76;
}

@font-face {
	font-family: "SourceSans";
	src: url("../fonts/SourceSans/SourceSans3-VariableFont_wght.ttf") format("truetype");
	font-weight: 100 900;
	font-style: normal;
}

@font-face {
	font-family: "SourceSans";
	src: url("../fonts/SourceSans/SourceSans3-Italic-VariableFont_wght.ttf") format("truetype");
	font-weight: 100 900;
	font-style: italic;
}

@font-face {
	font-family: "BebasNeue";
	src: url("../fonts/BebasNeue/BebasNeue-Regular.ttf") format("truetype");
}

html body {
	font-family: var(--morema-text-font) !important;
	max-height: 100vh;
	font-size: 0.9rem;
}

label {
	font-weight: bold;
}

.morema-header, h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--morema-text-font) !important;
	font-weight: bold;
}

.morema-button-font, button, .btn {
	font-family: var(--morema-button-font) !important;
}

.e-btn {
	font-family: var(--morema-button-font);
	font-size: 1rem;
}

.btn-icon {
	padding: 0;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	border-radius: 100%;
	flex-shrink: 0;
	height: calc(2.125rem + 2px) !important;
	width: calc(2.125rem + 2px) !important;
}

.btn-rounded {
	border-radius: 40px;
}

.text-bg-success {
	background-color: var(--morema-color-attention-success) !important;
}

.text-bg-danger {
	background-color: var(--morema-color-attention-error) !important;
}

.text-bg-light {
	background-color: var(--morema-color-disabled) !important;
}

.text-bg-primary {
	background-color: var(--morema-color-secondary) !important;
}

.mud-input-adornment-text {
	font-size: var(--mud-typography-body2-size) !important;
	font-family: var(--mud-typography-body2-family) !important;
	font-weight: var(--mud-typography-body2-weight) !important;
	line-height: var(--mud-typography-body2-lineheight) !important;
	letter-spacing: var(--mud-typography-body2-letterspacing) !important;
	text-transform: var(--mud-typography-body2-text-transform) !important;
}

.column-cell-style {
	max-width: 150px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.column-header-style {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.column-cell-style-right {
	text-align: right !important;
	max-width: 150px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.column-cell-style-right-wide {
	text-align: right;
	max-width: 170px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

@media (max-width: 600px) {
	.column-cell-style,
	.column-cell-style-right,
	.column-cell-style-right-wide {
		max-width: none;
	}
}

/*# sourceMappingURL=app.css.map */
