/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./apps/angular/src/theme/material-custom-theme.scss?ngGlobalStyle ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

/*!*************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./apps/angular/src/theme/base.css ***!
  \*************************************************************************************************************************************************************************************************************************/
* {
	box-sizing: border-box;
	margin: 0;
	font-weight: 400;
	font-family: "Be Vietnam Pro", sans-serif, system-ui;
}

html,
body {
	min-height: 100dvh;
	font-size: var(--font-size-base);
}

/*!******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./apps/angular/src/theme/variables.css ***!
  \******************************************************************************************************************************************************************************************************************************/
:root {
	--accent-color: #0f544d;
	--primary-color: #f3b508;
	--primary-contrast-color: #ffffff;

	--primary-idle-button-color: #f3b508;
	--primary-button-border-color: rgba(255, 255, 255, 0.5);

	--secondary-idle-button-color: #f3b508;
	--secondary-hover-button-color: rgba(243, 181, 8, 0.12);
	--secondary-pressed-button-color: rgba(243, 181, 8, 0.08);

	--tertiary-idle-button-color: rgba(255, 255, 255, 0.6);
	--tertiary-hover-button-color: rgba(255, 255, 255, 0.5);
	--tertiary-pressed-button-color: rgba(255, 255, 255, 0.4);
	--tertiary-contrast-color: #000000;

	--disabled-text-color: rgba(255, 255, 255, 0.6);

	--font-caption-color: linear-gradient(180deg, #1c7159 -3.12%, #05504b 100%);

	--font-size-base: 16px;
	--font-size-xs: calc(var(--font-size-base) * 0.75);
	--font-size-sm: calc(var(--font-size-base) * 0.875);
	--font-size-md: calc(var(--font-size-base) * 1.125);
	--font-size-lg: calc(var(--font-size-base) * 1.25);
	--font-size-xl: calc(var(--font-size-base) * 1.5);
	--font-size-2xl: calc(var(--font-size-base) * 2);
	--font-size-3xl: calc(var(--font-size-base) * 3);
}

/*!************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./apps/angular/src/theme/elements/button.css ***!
  \************************************************************************************************************************************************************************************************************************************/
button.primary,
button.secondary,
button.tertiary {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
	height: 56px;
	padding: 0;
	border-radius: 8px;
	outline: none;
	font-size: var(--font-size-base);
	font-weight: 700;
	cursor: pointer;
}

button.primary {
	background-color: var(--primary-idle-button-color);
	color: var(--primary-contrast-color);
	border: 2px solid var(--primary-button-border-color);
}

button.secondary {
	color: var(--primary-color);
	background-color: transparent;
	border: 2px solid var(--secondary-idle-button-color);
}

button.secondary:hover {
	background-color: var(--secondary-hover-button-color);
}

button.secondary:active {
	background-color: var(--secondary-pressed-button-color);
}

button.tertiary {
	background-color: var(--tertiary-idle-button-color);
	border: none;
	color: var(--tertiary-contrast-color);
}

button.tertiary:hover {
	background-color: var(--tertiary-hover-button-color);
}

button.tertiary:active {
	background-color: var(--tertiary-pressed-button-color);
}

/*!************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./apps/angular/src/theme/elements/dialog.css ***!
  \************************************************************************************************************************************************************************************************************************************/
.mdc-dialog__surface {
	--mdc-dialog-container-shape: 0;
}

.mdc-dialog__container .mdc-dialog__surface {
	overflow: visible;
}

/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./apps/angular/src/theme/elements/progress-spinner.css ***!
  \**********************************************************************************************************************************************************************************************************************************************/
.mat-mdc-progress-spinner.mdc-circular-progress .mdc-circular-progress__indeterminate-circle-graphic {
	stroke: var(--primary-contrast-color);
}

/*!***********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./apps/angular/src/theme/elements/index.css ***!
  \***********************************************************************************************************************************************************************************************************************************/


/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./apps/angular/src/theme/utils/visually-hidden.css ***!
  \******************************************************************************************************************************************************************************************************************************************/
.visually-hidden {
	clip: rect(0 0 0 0);
	clip-path: inset(100%);
	height: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	width: 1px;
	margin: 0;
}

/*!**********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./apps/angular/src/theme/utils/overlay.css ***!
  \**********************************************************************************************************************************************************************************************************************************/
.overlay {
	--background-blur: blur(10px);

	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	width: 100vw;
	height: 100dvh;
	font-size: var(--font-size-xl);
	backdrop-filter: var(--background-blur);
	-webkit-backdrop-filter: var(--background-blur);
}

/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./apps/angular/src/theme/utils/index.css ***!
  \********************************************************************************************************************************************************************************************************************************/


/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./apps/angular/src/theme/index.css?ngGlobalStyle ***!
  \****************************************************************************************************************************************************************************************************************************************/



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