@font-face {
	font-family: "Objective";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(/fonts/Objective-Regular.woff2) format("woff2");
}

@font-face {
	font-family: "Objective";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(/fonts/Objective-Medium.woff2) format("woff2");
}

@font-face {
	font-family: "Objective";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url(/fonts/Objective-Bold.woff2) format("woff2");
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

:root {
	/* VISTA COLORS */
	--vista-lightest-blue: #6ba2ff;
	--vista-light-blue: #3e5ce7;
	--vista-medium-blue: #324ecf;
	--vista-blue: #2b3f8b;
	--vista-dark-blue: #152965;
	--vista-date-picker-blue: #455c99;
	--vista-dark-blue-rgb: 21, 41, 101;

	--vista-blue-transparent: #2b3f8b66;

	--vista-lightest-gray: #f3f5f8;
	--vista-light-gray: #ededed;
	--vista-medium-gray: #9d9ea2;
	--vista-gray: #6f7176;
	--vista-dark-gray: #5f636f;

	--vista-white: #ffffff;
	--vista-border-gray: #eeeeee;
	--vista-blackish: #28303d;
	--vista-black: #000000;

	--vista-red: #c92828;
	--vista-dark-red: #b42424;

	--vista-green: #2db137;
	--vista-yellow: #d8d23e;

	--vista-primary: var(--vista-blue);
	--vista-primary-disabled: var(--vista-blue-transparent);
	--vista-on-primary: var(--vista-white);
	--vista-secondary: var(--vista-lightest-graye); /* Notice typo! */

	/* VISTA SHADOWS */
	--vista-shadow-gray: rgba(0, 0, 0, 0.16);
	--vista-shadow-light: 0 3px 6px var(--vista-shadow-gray);
	--vista-shadow-dark: 0 2px 4px var(--vista-shadow-gray);

	/* VISTA TYPOGRAPHY */
	--vista-objective-font: "Objective", system-ui, sans-serif;

	--vista-typography-h1: bold 1.875rem/1.2 "Objective", system-ui, sans-serif;
	--vista-typography-h2: bold 1.313rem/1.2 "Objective", system-ui, sans-serif;
	--vista-typography-h3: bold 1.125rem/1.2 "Objective", system-ui, sans-serif;

	--vista-typography-link: bold 0.9375rem/1.2 "Objective", system-ui, sans-serif;
	--vista-typography-link-small: bold 0.625rem "Objective", system-ui, sans-serif;

	--vista-typography-body: 0.9375rem/1.47 "Objective", system-ui, sans-serif;
	--vista-typography-body-small: 0.8125rem/1.385 "Objective", system-ui, sans-serif;

	--vista-typography-label: 0.75rem "Objective", system-ui, sans-serif;

	--vista-typography-button: bold 0.938rem "Objective", system-ui, sans-serif;

	/* MDC VARIABLE OVERRIDES */
	--mdc-typography-font-family: "Objective", system-ui, sans-serif;
}

/* Default Snackbar styling */
.snackbar .mdc-snackbar__surface {
  background-color: var(--vista-white);
  max-width: 600px !important;
  min-width: 288px !important;
  width: auto !important;
  margin: 0 auto;
  box-sizing: border-box;
  white-space: normal;
}

.snackbar .mdc-snackbar__label {
  color: var(--vista-blackish);
  white-space: normal;
  overflow-wrap: break-word;
}

.snackbar .mdc-button,
.snackbar .mdc-icon-button {
  color: var(--vista-blue);
}

.snackbar .mdc-icon-button:hover {
	background-color: var(--vista-lightest-gray);
}

/* Type-specific Snackbar overrides */

.snackbar--info .mdc-snackbar__surface {
  background-color: #e3f2fd;
}

.snackbar--info .mdc-snackbar__label,
.snackbar--info .mdc-snackbar__actions  {
  color: #0d47a1;
}

.snackbar--success .mdc-snackbar__surface {
    background-color: #e8f5e9;
}

.snackbar--success .mdc-snackbar__label,
.snackbar--success .mdc-snackbar__actions {
  color: #1b5e20;
}

.snackbar--warning .mdc-snackbar__surface {
  background-color: #fff3e0;
}

.snackbar--warning .mdc-snackbar__label,
.snackbar--warning .mdc-snackbar__actions {
  color: #e65100;
}

.snackbar--error .mdc-snackbar__surface {
    background-color: #ffebee;
}

.snackbar--error .mdc-snackbar__label,
.snackbar--error .mdc-snackbar__actions  {
  color: #b71c1c;
}

/* GLOBAL SMUI/ MDC OVERRIDES */
.form-section .mdc-text-field {
	padding: 0;
}
.form-section .mdc-text-field__input {
	padding: 0 16px;
}

.form-section .mdc-text-field--with-trailing-icon .mdc-text-field__input {
	padding-left: 0;
}

button.mdc-button--raised {
	box-shadow: var(--vista-shadow-dark) !important;
	font-weight: bold !important;
	text-transform: unset !important;
}

button.mdc-button--raised[disabled][secondary="false"] {
	color: var(--vista-on-primary);
	background-color: var(--vista-primary-disabled);
}

button.smui-button--color-secondary[disabled] {
	color: rgba(var(--vista-dark-blue-rgb), 0.5) !important;
	background-color: var(--vista-white) !important;
}

button.smui-button--color-secondary.mdc-button--raised.mdc-ripple-upgraded,
button.smui-button--color-secondary.mdc-button--unelevated.mdc-ripple-upgraded {
	--mdc-ripple-color: rgba(var(--vista-dark-blue-rgb), 0.14);
}

.smui-button--color-secondary.mdc-button--raised:not(:disabled),
.smui-button--color-secondary.mdc-button--unelevated:not(:disabled) {
	/* color:var(--vista-dark-blue, black); */
    background-color: var(--vista-white) !important;
}

.smui-paper--rounded {
	border-radius: 12px !important;
}

.thermidas-logo {
	display: block;
	margin: 24px auto;
	width: 125px;
	height: auto;
}

html,
body,
#svelte {
	margin: 0;
	padding: 0;
	height: 100%;
	overflow-x: hidden;

	font-family: var(--vista-objective-font);
	font-weight: 400;
	font-size: 16px;
}

/* TARGET DESKTOP ONLY */
@media (pointer: fine) and (hover: hover) {
	.mdc-text-field--outlined,
	.mdc-select__anchor {
    	height: 36px !important;
  	}

	.mdc-floating-label--float-above {
		margin-top: 10px;
	}

	.mdc-text-field__input,
	.mdc-select__selected-text {
		font-size: 0.875rem !important;
	}
}