/* stylelint-disable */
html,
body {
  width: 100%;
  height: 100%;
}
input::-ms-clear,
input::-ms-reveal {
  display: none;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@-ms-viewport {
  width: device-width;
}
body {
  margin: 0;
}
[tabindex='-1']:focus {
  outline: none;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5em;
  font-weight: 500;
}
p {
  margin-top: 0;
  margin-bottom: 1em;
}
abbr[title],
abbr[data-original-title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline;
  text-decoration: underline dotted;
  border-bottom: 0;
  cursor: help;
}
address {
  margin-bottom: 1em;
  font-style: normal;
  line-height: inherit;
}
input[type='text'],
input[type='password'],
input[type='number'],
textarea {
  -webkit-appearance: none;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1em;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 500;
}
dd {
  margin-bottom: 0.5em;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1em;
}
dfn {
  font-style: italic;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
pre,
code,
kbd,
samp {
  font-size: 1em;
  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
}
pre {
  margin-top: 0;
  margin-bottom: 1em;
  overflow: auto;
}
figure {
  margin: 0 0 1em;
}
img {
  vertical-align: middle;
  border-style: none;
}
a,
area,
button,
[role='button'],
input:not([type='range']),
label,
select,
summary,
textarea {
  touch-action: manipulation;
}
table {
  border-collapse: collapse;
}
caption {
  padding-top: 0.75em;
  padding-bottom: 0.3em;
  text-align: left;
  caption-side: bottom;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html [type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
input[type='radio'],
input[type='checkbox'] {
  box-sizing: border-box;
  padding: 0;
}
input[type='date'],
input[type='time'],
input[type='datetime-local'],
input[type='month'] {
  -webkit-appearance: listbox;
}
textarea {
  overflow: auto;
  resize: vertical;
}
fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 0.5em;
  padding: 0;
  color: inherit;
  font-size: 1.5em;
  line-height: inherit;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}
[type='search'] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none !important;
}
mark {
  padding: 0.2em;
  background-color: #feffe6;
}

h1 {
	font-family: var(--fontStyle);
	font-weight: bold;
	color: var(--fontBlack);
	font-size: 28px;
}

h2 {
	font-family: var(--fontStyle);
	font-weight: bold;
	color: var(--fontBlack);
	font-size: 24px;
}

h3 {
	font-family: var(--fontStyle);
	font-weight: bold;
	color: var(--fontBlack);
	font-size: 18px;
}

h4 {
	font-family: var(--fontStyle);
	font-weight: bold;
	color: var(--fontBlack);
	font-size: 14px;
}

h5 {
	font-family: var(--fontStyle);
	font-weight: bold;
	color: var(--fontBlack);
	font-size: 12px;
}

:root body {
		background-color: var(--grey3);
		color: rgba(0, 0, 0, 0.65);
		font-family:
			-apple-system,
			BlinkMacSystemFont,
			Segoe UI,
			Roboto,
			Helvetica Neue,
			Arial,
			Noto Sans,
			sans-serif,
			Apple Color Emoji,
			Segoe UI Emoji,
			Segoe UI Symbol,
			Noto Color Emoji;
		font-feature-settings: 'tnum';
		font-size: 14px;
		font-variant: tabular-nums;
		line-height: 1.5715;
	}

:root[data-theme='symon-dark'] body {
		color: rgba(255, 255, 255, 0.65);
	}

:root a:not(.vds-navigation-item):not([class*='css-']):not([disabled]):not(.bp3-button):not([data-no-focus]):not(
			[data-disabled]
		):not(.sideMenu__navLink):not(.navBreadCrumbLink):not(.organization__menuItem):not(.account__menuItem) {
		background-color: transparent;
		color: var(--blue6);
		cursor: pointer;
		outline: none;
		text-decoration: none;
	}

:root a:not(.vds-navigation-item):not([class*='css-']):not([disabled]):not(.bp3-button):not([data-no-focus]):not(
			[data-disabled]
		):not(.sideMenu__navLink):not(.navBreadCrumbLink):not(.organization__menuItem):not(.account__menuItem):focus-visible {
			outline: var(--xxs) solid var(--focus);
		}

:root a[data-disabled='true'] {
		color: var(--text-disabled);
		cursor: not-allowed;
		text-decoration: none;
	}

:root .sentry-error-embed form .form-content .form-field {
		display: none;
	}

:root .sentry-error-embed form .form-content .form-field:last-of-type {
			display: block;
		}

:root .symon-wizardFooter.fixed {
		z-index: calc(var(--chatbotBubbleZIndex) + 1);
	}

:root .bp3-non-ideal-state > .ant-dropdown-button {
		margin-top: 1rem;
	}

:root :focus:not([data-no-focus]):not([tabindex='-1']),
	:root :focus-visible:not([data-no-focus]):not([tabindex='-1']) {
		outline: var(--xxs) solid var(--focus);
		outline-offset: var(--xxs);
		transition: none;
	}

:root .ant-input:focus,
		:root .ant-input:focus-visible,
		:root .ant-select-selection-search-input:focus,
		:root .ant-select-selection-search-input:focus-visible,
		:root .ant-tabs-ink-bar:focus,
		:root .ant-tabs-ink-bar:focus-visible,
		:root .ant-tabs-tabpane.ant-tabs-tabpane:focus,
		:root .ant-tabs-tabpane.ant-tabs-tabpane:focus-visible {
			outline: none;
		}

:root .bp3-overlay-backdrop,
	:root .bp3-dialog {
		z-index: 20000;
	}

.appEntrySpinner {
	animation: rotate 0.8s linear infinite;
	height: 100px;
	width: 100px;
	will-change: transform;
}

	.appEntrySpinner svg {
		fill: var(--blue6);
	}

@keyframes rotate {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

.blankPage {
	display: flex;
	flex-direction: column;
	align-items: center;
	border-radius: var(--xs);
	background-color: var(--grey1);
	border: solid 1px var(--symonGrey1);
	justify-content: center;
	margin: auto 0;
	min-height: 370px;
	padding: 36px;
	transform: translateY(-80px);
	width: 576px;
}
	@media (max-width: 959px) {.blankPage {
		margin: 0;
		flex-grow: 1;
		min-height: auto;
		width: 100%;
		max-width: 100%;
		justify-content: flex-start;
		transform: none;
		padding-top: 70px;
		padding-bottom: 70px
}
	}
	.blankPage__root {
		display: flex;
		flex-direction: column;
		align-items: center;
		position: relative;
		overflow-y: auto;
		height: 100vh;
		width: 100%;
	}

.logoProgressBar {
	width: 200px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

	.logoProgressBar__logo {
		margin-bottom: 10px;

		animation-name: pulseEffect;
		animation-direction: alternate;
		animation-duration: 1.5s;
		animation-fill-mode: forwards;
		animation-iteration-count: infinite;
		animation-timing-function: ease-in-out;
	}

	.logoProgressBar__progressContainer {
		width: 100%;
		border-radius: 100px;
		background-color: var(--grey3);
	}

	.logoProgressBar__progressBar {
		height: var(--s);
		border-radius: 100px;
		background-color: var(--fontBlue);
		transition: width 1s;
	}

@keyframes pulseEffect {
	0% {
		opacity: 1;
		transform: scale(1);
	}

	100% {
		opacity: 0.5;
		transform: scale(0.85);
	}
}

.logoProgressPage {
	display: flex;
	position: fixed;
	inset: 0;
	align-items: center;
	justify-content: center;
	background-color: var(--grey1);
	z-index: 20000;
}

.maintenanceMode {
	display: flex;
	flex-direction: column;
	align-items: center;
}

	.maintenanceMode__title {
		font-family: var(--fontStyle);
		font-weight: bold;
		color: var(--fontBlack);
		font-size: 36px;
		margin-bottom: var(--l);
	}

	.maintenanceMode__details {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-bottom: var(--m);
	}

	.maintenanceMode__link {
		margin-bottom: var(--l);
	}

.progress {
	line-height: 1.5714285714285714;
	margin-bottom: var(--s);
	margin-inline-end: var(--s);
	position: relative;
	width: 100%;
}

	.progress__outer {
		display: inline-block;
		width: 100%;
	}

	.progress__inner {
		background-color: rgba(0, 0, 0, 0.06);
		border-radius: 30px;
		display: inline-block;
		overflow: hidden;
		position: relative;
		vertical-align: middle;
		width: 100%;
	}

	.progress__bg {
		background-color: var(--symonGrey2);
		border-radius: 30px;
		height: var(--s);
		position: relative;
		transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
	}

	.progress__bg.done {
			background-color: var(--blue8);
		}

.clickableArea {
	background-color: transparent;
	border: 0;
	cursor: pointer;
}
	.clickableArea.text {
		color: var(--fontBlue);
	}
	.clickableArea.text:hover {
			text-decoration: underline;
		}

.confirmPasswordCheck {
	position: absolute;
	top: 34px;
	right: 33px;
	fill: var(--green6);
}

.copyPassword {
	height: var(--m);
	position: relative;
}

	.copyPassword__tooltip {
		position: absolute;
		display: block;
		background: var(--grey12);
		color: var(--symonGrey1);
		padding: var(--s);
		border-radius: var(--s);
		top: -45px;
		left: -1px;
	}

	.copyPassword__copy {
		padding: 0;
	}

.passwordTooltip__desc,
	.passwordTooltip__ruleText {
		font-weight: normal;
		margin-top: 1px;
		margin-bottom: 0;
	}
	.passwordTooltip__desc {
		margin-bottom: var(--sm);
	}
	.passwordTooltip__rules {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.passwordTooltip__rule {
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: var(--s);
		margin: 0;
		padding: 0;
	}
	.passwordTooltip__check {
		margin: 0 !important;
	}
	.passwordTooltip__check.filled {
			color: var(--green6);
		}

.termsAndConditions {
	font-family: var(--fontStyle);
	font-weight: bold;
	color: var(--fontBlack);
	font-size: 14px;
	font-weight: normal;
	font-size: 12px;
	text-align: center;
}

.confirmUserCompleteForm {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	padding: var(--m);
}

	.confirmUserCompleteForm__title {
		font-family: var(--fontStyle);
		font-size: 24px;
		font-weight: bold;
		letter-spacing: 1px;
		text-align: center;
		color: var(--fontBlack);
	}

	@media (max-width: 959px) {

	.confirmUserCompleteForm__title {
		font-size: 18px;
	}
	}

	.confirmUserCompleteForm__title {
		text-align: left;
		margin-bottom: var(--l);
		margin-top: var(--l);
		align-self: center;
}

	.confirmUserCompleteForm__loginAs {
		display: flex;
		flex-direction: row;
		align-items: center;
		font-family: var(--fontStyle);
		color: var(--fontGrey);
		font-size: 14px;
		flex-wrap: wrap;
		margin-bottom: var(--l);
	}

	.confirmUserCompleteForm__field {
		font-family: var(--fontStyle);
		color: var(--fontGrey);
		font-weight: 400;
		font-size: 12px;
		margin-bottom: var(--l);
		line-height: var(--m);
		position: relative;
	}

	.confirmUserCompleteForm__field.checkbox {
			display: flex;
			flex-direction: row;
			align-items: center;
			font-family: var(--fontStyle);
			color: var(--fontGrey);
			font-size: 12px;
			line-height: 1.5;
		}

	.confirmUserCompleteForm__input {
		color: var(--fontBlack);
		font-variant: tabular-nums;
		font-feature-settings: 'tnum';
		position: relative;
		display: inline-block;
		width: 100%;
		min-width: 0;
		padding: var(--xs) 11px;
		font-size: 14px;
		line-height: 1.5715;
		border: 1px solid var(--grey5);
		border-radius: var(--xxs);
		transition: all 0.3s;
		touch-action: manipulation;
		overflow: visible;
		margin-top: var(--xs);
	}

	.confirmUserCompleteForm__input:focus {
			outline: 0;
		}

	.confirmUserCompleteForm__input:focus,
		.confirmUserCompleteForm__input:hover {
			border-color: var(--blue5);
			border-right-width: 1px;
			box-shadow: var(--highlightBlueBoxShadow) inset;
		}

	.confirmUserCompleteForm__input.error {
			border-color: var(--red5);
		}

	.confirmUserCompleteForm__input.error:focus {
				border-color: var(--red4);
				box-shadow: 0 0 0 var(--xxs) rgb(255 77 79 / 20%);
			}

	.confirmUserCompleteForm__input.error:hover {
				border-color: var(--red5);
			}

	.confirmUserCompleteForm__input.checkbox {
			margin-right: var(--s);
			margin-top: 0;
			width: var(--xl);
		}

	.confirmUserCompleteForm__error {
		font-family: var(--fontStyle);
		font-size: 12px;
		color: var(--red5);
		margin: 0;
	}

	.confirmUserCompleteForm__tooltip {
		background-color: var(--grey1);
		box-shadow: var(--boxShadow);
		color: var(--fontBlack);
		padding: var(--s);
		position: absolute;
		z-index: 1;
	}

	.confirmUserCompleteForm__tooltip.right {
			right: -224px;
			top: -30px;
		}

	.confirmUserCompleteForm__tooltip.topRight {
			right: 0;
			top: -124px;
		}

	.confirmUserCompleteForm__arrow {
		height: 0;
		position: absolute;
		width: 0;
		z-index: 2;
	}

	.confirmUserCompleteForm__arrow.right {
			border-block: 10px solid transparent;
			border-right: 10px solid var(--fontBlack);
			left: -10px;
			top: 57px;
		}

	.confirmUserCompleteForm__arrow.topRight {
			border-inline: 10px solid transparent;
			border-top: 10px solid var(--fontBlack);
			bottom: -10px;
			left: 97px;
		}

	.confirmUserCompleteForm__icon-wrapper {
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: var(--xs);
		cursor: pointer;
		justify-content: flex-end;
		position: absolute;
		top: 29px;
		right: var(--s);
	}

	.confirmUserCompleteForm__eye {
		height: var(--m);
		padding: 0;
	}

	.confirmUserCompleteForm__signUp {
		display: flex;
	}

	.confirmUserCompleteForm__submitButton {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;

		cursor: pointer;
		font-family: var(--fontStyle);
		font-size: 14px;
		font-weight: 700;

		background-color: var(--accent);
		border: 0;
		color: var(--text-inverse);
		border-radius: var(--xs);
		height: var(--xxl);

		text-shadow: 0 -1px 0 rgb(0 0 0 / 12%);
		box-shadow: 0 var(--xxs) 0 rgb(0 0 0 / 5%);
	}

	.confirmUserCompleteForm__submitButton:hover {
			background-color: var(--accent-hover);
		}

	.confirmUserCompleteForm__submitButton:focus-visible {
			outline: 2px solid var(--focus);
			outline-offset: 2px;
		}

	.confirmUserCompleteForm__submitButton:active {
			background-color: var(--accent-active);
		}

	.confirmUserCompleteForm__submitButton:disabled {
			color: var(--text-disabled);
			background-color: var(--background-disabled);
			box-shadow: inset 0 0 0 1px var(--border-disabled);
			cursor: not-allowed;
		}

	.confirmUserCompleteForm__footer {
		font-family: var(--fontStyle);
		font-weight: bold;
		color: var(--fontBlack);
		font-size: 14px;
		font-weight: normal;
		line-height: var(--ml);
		color: var(--symonGrey6);
		margin-top: var(--m);
	}

	.confirmUserCompleteForm__gen-password {
		display: block;
		padding: 5px 0;
		margin-left: auto;
	}

	.confirmUserCompleteForm .confirmPasswordCheck {
		position: unset;
		right: unset;
		top: unset;
	}

.confirmUserVerifyForm {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	padding: var(--m);
}

	.confirmUserVerifyForm__title {
		font-family: var(--fontStyle);
		font-size: 24px;
		font-weight: bold;
		letter-spacing: 1px;
		text-align: center;
		color: var(--fontBlack);
	}

	@media (max-width: 959px) {

	.confirmUserVerifyForm__title {
		font-size: 18px;
	}
	}

	.confirmUserVerifyForm__title {
		text-align: left;
		margin-bottom: var(--l);
		margin-top: var(--l);
		align-self: center;
}

	.confirmUserVerifyForm__field {
		font-family: var(--fontStyle);
		color: var(--fontGrey);
		font-weight: 400;
		font-size: 12px;
		margin-bottom: var(--l);
		line-height: var(--m);
	}

	.confirmUserVerifyForm__input {
		color: var(--fontBlack);
		font-variant: tabular-nums;
		font-feature-settings: 'tnum';
		position: relative;
		display: inline-block;
		width: 100%;
		min-width: 0;
		padding: var(--xs) 11px;
		font-size: 14px;
		line-height: 1.5715;
		border: 1px solid var(--grey5);
		border-radius: var(--xxs);
		transition: all 0.3s;
		touch-action: manipulation;
		overflow: visible;
		margin-top: var(--xs);
	}

	.confirmUserVerifyForm__input:focus {
			outline: 0;
		}

	.confirmUserVerifyForm__input:focus,
		.confirmUserVerifyForm__input:hover {
			border-color: var(--blue5);
			border-right-width: 1px;
			box-shadow: var(--highlightBlueBoxShadow) inset;
		}

	.confirmUserVerifyForm__input.error {
			border-color: var(--red5);
		}

	.confirmUserVerifyForm__input.error:focus {
				border-color: var(--red4);
				box-shadow: 0 0 0 var(--xxs) rgb(255 77 79 / 20%);
			}

	.confirmUserVerifyForm__input.error:hover {
				border-color: var(--red5);
			}

	.confirmUserVerifyForm__error {
		font-family: var(--fontStyle);
		font-size: 12px;
		color: var(--red5);
		margin: 0;
	}

	.confirmUserVerifyForm__signUp {
		display: flex;
	}

	.confirmUserVerifyForm__submitButton {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;

		cursor: pointer;
		font-family: var(--fontStyle);
		font-size: 14px;
		font-weight: 700;

		background-color: var(--fontBlue);
		border: 1px solid var(--fontBlue);
		color: var(--grey1);
		border-radius: var(--xs);
		height: var(--xxl);

		text-shadow: 0 -1px 0 rgb(0 0 0 / 12%);
		box-shadow: 0 var(--xxs) 0 rgb(0 0 0 / 5%);
	}

	.confirmUserVerifyForm__submitButton:hover {
			background-color: var(--hover2);
			border: 1px solid var(--hover2);
		}

.confirmUser__blankPage {
		width: 750px;
		padding: 0;
	}
		.confirmUser__blankPage.maintenance {
			background: transparent;
			border: 0;
			height: 100%;
		}
	.confirmUser__container {
		display: flex;
		flex-direction: row;
		align-items: center;
		align-items: flex-start;
		flex: 1;
		position: relative;
		width: 100%;
	}
	.confirmUser__loading {
		align-items: center;
		display: flex;
		height: 100%;
		justify-content: center;
		position: absolute;
		width: 100%;
		z-index: 99999;
	}
	.confirmUser__loading::before {
			content: '';
			position: fixed;
			opacity: 0.65;
			z-index: 99999;
			display: flex;
			align-items: center;
			background-color: var(--grey1);
			inset: 0;
			pointer-events: none;
		}
	.confirmUser__signUpProgress {
		height: var(--l);
	}
	.confirmUser__steps {
		display: flex;
		flex-direction: column;
		align-items: center;
		align-items: flex-start;
		flex: 1 0 auto;
		height: calc(100% - var(--s));
		background: linear-gradient(180deg, #f2f5f9 21.98%, #ebf1f9 47.93%);
		justify-content: center;
		margin: var(--xs);
		max-width: 300px;
		text-align: center;
		padding: var(--ml);
	}
	.confirmUser__progressContainer {
		display: flex;
		flex-direction: row;
		align-items: center;
		width: 100%;
	}
	.confirmUser__progressContainer .progress__outer {
			width: 95%;
		}
	.confirmUser__iconContainer {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: var(--sm);
		padding: var(--sm);
	}
	.confirmUser__iconRow {
		display: flex;
		gap: var(--sm);
		width: 100%;
	}
	.confirmUser__activeIcon {
		fill: var(--blue8);
	}
	.confirmUser__iconText {
		margin: 0;
	}
	.confirmUser__iconText.strikeThrough {
			text-decoration: line-through;
		}

.eltLoginFields {
	width: 100%;
}
	.eltLoginFields__logo,
	.eltLoginFields__sub-title {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
	}
	.eltLoginFields__logo > img {
		height: var(--4xl);
	}
	.eltLoginFields__title {
		font-family: var(--fontStyle);
		font-size: 24px;
		font-weight: bold;
		letter-spacing: 1px;
		text-align: center;
		color: var(--fontBlack);
	}
	@media (max-width: 959px) {
	.eltLoginFields__title {
		font-size: 18px;
	}
	}
	.eltLoginFields__title {
		margin-bottom: var(--sm);
		line-height: 2;
}

.loginFormBasic {
	width: 100%;
}
	.loginFormBasic__title {
		font-family: var(--fontStyle);
		font-size: 24px;
		font-weight: bold;
		letter-spacing: 1px;
		text-align: center;
		color: var(--fontBlack);
	}
	@media (max-width: 959px) {
	.loginFormBasic__title {
		font-size: 18px;
	}
	}
	.loginFormBasic__title {
		margin-bottom: var(--sm);
		line-height: 2;
}
	.loginFormBasic__emailCaption {
		display: flex;
		flex-direction: row;
		align-items: center;
		font-size: 14px;
		margin-top: var(--l);
		margin-bottom: var(--l);
		justify-content: center;
	}
	.loginFormBasic__hiddenInput {
		height: 0;
		margin-bottom: 0;
	}
	.loginFormBasic__divider::before, .loginFormBasic__or::before {
			flex: 1;
			flex-grow: 1;
			height: 1px;
			background-color: var(--symonGrey2);
			margin-right: var(--s);
			content: '';
		}
	.loginFormBasic__divider::after, .loginFormBasic__or::after {
			flex: 1;
			flex-grow: 1;
			height: 1px;
			background-color: var(--symonGrey2);
			margin-left: var(--s);
			content: '';
		}
	.loginFormBasic__divider,
	.loginFormBasic__or {

		display: flex;
		align-items: center;
		margin-top: var(--m);
		margin-bottom: var(--m);
}
	.loginFormBasic__field {
		font-size: 14px;
		position: relative;
		margin-bottom: var(--xs);
	}
	.loginFormBasic__signIn {
		display: flex;
		flex-direction: row;
		align-items: center;
		margin-bottom: var(--l);
	}
	.loginFormBasic__login {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;

		cursor: pointer;
		font-family: var(--fontStyle);
		font-size: 14px;
		font-weight: 700;

		background-color: var(--accent);
		border: 0;
		color: var(--text-inverse);
		border-radius: var(--xs);
		height: var(--xxl);

		text-shadow: 0 -1px 0 rgb(0 0 0 / 12%);
		box-shadow: 0 var(--xxs) 0 rgb(0 0 0 / 5%);
	}
	.loginFormBasic__login:hover {
			background-color: var(--accent-hover);
		}
	.loginFormBasic__login:focus-visible {
			outline: 2px solid var(--focus);
			outline-offset: 2px;
		}
	.loginFormBasic__login:active {
			background-color: var(--accent-active);
		}
	.loginFormBasic__login:disabled {
			color: var(--text-disabled);
			background-color: var(--background-disabled);
			box-shadow: inset 0 0 0 1px var(--border-disabled);
			cursor: not-allowed;
		}
	.loginFormBasic__idpList {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-top: var(--sm);
		align-items: stretch;
	}
	.loginFormBasic__idpButton {
		margin-top: var(--sm);
	}
	.loginFormBasic__forgot {
		position: absolute;
		top: var(--xs);
		right: 0;
	}
	.loginFormBasic__fields__set {
		align-items: center;
	}
	.loginFormBasic__description {
		font-family: var(--fontStyle);
		font-weight: bold;
		color: var(--fontBlack);
		font-size: 14px;
		font-weight: normal;
		text-align: center;
		font-size: 14px;
	}
	.loginFormBasic__divider {
		font-size: 14px !important;
		color: var(--text) !important;
		background-color: var(--grey1) !important;
	}
	.loginFormBasic__signUp {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		margin-top: var(--xl);
	}

.loginEmailForm {
	width: 100%;
}

	.loginEmailForm__emailLabel {
		font-family: var(--fontStyle);
		color: var(--fontGrey);
		font-weight: 400;
		font-size: 12px;
		line-height: var(--m);
	}

	.loginEmailForm__emailField {
		color: var(--fontBlack);
		font-variant: tabular-nums;
		font-feature-settings: 'tnum';
		position: relative;
		display: inline-block;
		width: 100%;
		min-width: 0;
		padding: var(--xs) 11px;
		font-size: 14px;
		line-height: 1.5715;
		border: 1px solid var(--borderInputPurple);
		border-radius: var(--xxs);
		touch-action: manipulation;
		overflow: visible;
		margin-top: var(--xs);
	}

	.loginEmailForm__emailField::placeholder {
			color: var(--text);
			font-style: italic;
		}

	.loginEmailForm__emailField:focus-visible {
			outline: 2px solid var(--focus);
			outline-offset: 2px;
		}

	.loginEmailForm__emailField.error {
			border-color: var(--red5);
		}

	.loginEmailForm__emailField.error:focus {
				border-color: var(--red4);
				box-shadow: 0 0 0 var(--xxs) rgb(255 77 79 / 20%);
			}

	.loginEmailForm__emailField.error:hover {
				border-color: var(--red5);
			}

	.loginEmailForm__error {
		font-family: var(--fontStyle);
		font-size: 12px;
		color: var(--red5);
	}

	.loginEmailForm__field {
		font-size: 14px;
		position: relative;
		margin-bottom: var(--s);
	}

	.loginEmailForm__signIn {
		display: flex;
		flex-direction: row;
		align-items: center;
		margin-bottom: var(--l);
	}

	.loginEmailForm__divider {
		font-size: 14px !important;
		color: var(--text) !important;
		background-color: var(--grey1) !important;
	}

	.loginEmailForm__signUp {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		padding-top: var(--xl);
	}

.loginPage {
	width: 100%;
}

	.loginPage__loadingBg {
		align-items: center;
		display: flex;
		height: 100%;
		justify-content: center;
		position: absolute;
		width: 100%;
		z-index: 99999;
	}

	.loginPage__loadingBg::before {
			content: '';
			position: fixed;
			opacity: 0.65;
			z-index: 99999;
			display: flex;
			align-items: center;
			background-color: var(--grey1);
			inset: 0;
			pointer-events: none;
		}

	.loginPage__blankPage.maintenance {
		background: transparent;
		border: 0;
		height: 100%;
	}

.maintenancePage {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
	height: 100vh;
	width: 100%;
}

	.maintenancePage__content {
		display: flex;
		flex-direction: row;
		align-items: center;
	}

	@media (max-width: 959px) {

	.maintenancePage__content {
			display: flex;
			flex-direction: column;
			align-items: center
	}
		}

	.maintenancePage__messageArea {
		width: 500px;
	}

	@media (max-width: 959px) {

	.maintenancePage__messageArea {
			padding: 0 var(--l);
			width: 100%
	}
		}

	.maintenancePage__image {
		margin-right: var(--xl);
	}

	@media (max-width: 959px) {

	.maintenancePage__image {
			margin-bottom: var(--l);
			margin-right: 0
	}
		}

	.maintenancePage__warningIcon {
		margin: 0 var(--s) 6px 0;
	}

	.maintenancePage__title {
		display: flex;
		flex-direction: row;
		align-items: center;
		font-family: var(--fontStyle);
		font-weight: bold;
		color: var(--fontBlack);
		font-size: 28px;
		margin-bottom: var(--m);
	}

	.maintenancePage__description {
		font-family: var(--fontStyle);
		font-weight: bold;
		color: var(--fontBlack);
		font-size: 18px;
		font-weight: normal;
		margin-bottom: var(--l);
		color: var(--fontGrey);
	}

	.maintenancePage__logoArea {
		display: flex;
		flex-direction: row;
		align-items: center;
		position: absolute;
		left: 50px;
		top: 27px;
	}

	.maintenancePage__logo {
		margin-right: 13px;
		max-width: 150px;
	}

.signUpBackground {
	position: fixed;
	z-index: 1;
}

	.signUpBackground__backdrop {
		display: flex;
		position: fixed;
		width: 100%;
		height: 100%;
		align-items: center;
		justify-content: center;
		background: rgba(0, 0, 0, 0.25);
		z-index: 20000;
	}

.alert {
	font-family: var(--fontStyle);
	color: var(--fontGrey);
	font-size: 14px;
	border: 2px solid;
	border-radius: var(--xs);
	display: none;
	margin-right: var(--l);
	padding: 6px var(--m);
	pointer-events: none;
	position: absolute;
	right: -404px;
	top: var(--4xl);
	width: 380px;
	z-index: 29999;
}

	.alert.success {
		background-color: var(--green1);
		border-color: var(--green3);
	}

	.alert.warn {
		background-color: var(--gold1);
		border-color: var(--gold3);
	}

	.alert.error {
		background-color: var(--red1);
		border-color: var(--red3);
	}

	.alert.animate {
		animation: slideFromRight 5.3s forwards;
		display: block;
	}

@keyframes slideFromRight {
	6% {
		transform: translateX(-404px);
	}
	94% {
		opacity: 1;
		transform: translateX(-404px);
	}
	100% {
		opacity: 0;
		transform: translateX(-404px);
	}
}