/* 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;
}

:root {
		--accent: rgb(211, 23, 133);
		--accent-active: rgb(151, 17, 120);
		--accent-hover: rgb(178, 26, 127);
		--accent-translucent-active: rgba(202, 114, 165, 0.3);
		--accent-translucent-hover: rgba(220, 106, 173, 0.15);
		--ai-background: rgba(250, 247, 255, 1);
		--ai-gradient-light: linear-gradient(90deg, #FFFFFF -40.96%, #D2BDF5 152.41%);
		--ai-midtone: rgba(243, 237, 252, 1);
		--ai-primary: rgba(121, 56, 224, 1);
		--ai-primary-active: rgba(53, 17, 110, 1);
		--ai-primary-gradient: linear-gradient(227.84deg, #9F2BD6 10%, #2B4FF4 100%);
		--ai-primary-gradient-active: linear-gradient(252.54deg, #6F1D96 7.81%, #071C7E 92.19%);
		--ai-primary-gradient-hover: linear-gradient(252.35deg, #6F1D96 7.83%, #0A2CC7 92.17%);
		--ai-primary-hover: rgba(75, 24, 154, 1);
		--ai-text: rgba(43, 14, 88, 1);
		--ai-translucent-active: rgba(121, 56, 224, 0.3);
		--ai-translucent-hover: rgba(121, 56, 224, 0.15);
		--background: #fff;
		--background-disabled: rgb(232, 232, 232);
		--background-inverse: rgb(48, 53, 80);
		--background-midtone: rgb(246, 246, 249);
		--background-overlay: rgba(48, 53, 80, 0.4);
		--border: rgb(221, 224, 238);
		--border-disabled: rgb(216, 216, 216);
		--border-divider: rgba(170, 177, 213, 0.5);
		--border-input: rgb(128, 138, 186);
		--border-input-active: rgb(77, 85, 128);
		--border-input-hover: rgb(111, 121, 168);
		--border-radius-extra-small: 0.125rem;
		--border-radius-full: 100px;
		--border-radius-large: 0.75rem;
		--border-radius-medium: 0.5rem;
		--border-radius-small: 0.25rem;
		--border-table: rgb(221, 224, 238);
		--breakpoint-extra-small: 600;
		--breakpoint-max-extra-small: 600px;
		--breakpoint-max-medium: 960px;
		--breakpoint-max-small: 768px;
		--breakpoint-medium: 960;
		--breakpoint-min-large: 961px;
		--breakpoint-min-medium: 769px;
		--breakpoint-min-small: 601px;
		--breakpoint-small: 768;
		--color-blue-1: 0, 39, 102;
		--color-blue-2: 0, 80, 179;
		--color-blue-3: 24, 144, 255;
		--color-blue-4: 145, 213, 255;
		--color-blue-5: 230, 247, 255;
		--color-chart-qualitative-1: 146, 162, 238;
		--color-chart-qualitative-10: 231, 146, 61;
		--color-chart-qualitative-11: 17, 44, 170;
		--color-chart-qualitative-2: 227, 15, 155;
		--color-chart-qualitative-3: 69, 71, 227;
		--color-chart-qualitative-4: 238, 194, 57;
		--color-chart-qualitative-5: 165, 96, 255;
		--color-chart-qualitative-6: 166, 41, 169;
		--color-chart-qualitative-7: 247, 226, 156;
		--color-chart-qualitative-8: 98, 123, 236;
		--color-chart-qualitative-9: 118, 55, 195;
		--color-cobalt-1: 3, 8, 82;
		--color-cobalt-2: 16, 35, 158;
		--color-cobalt-3: 43, 79, 244;
		--color-cobalt-4: 173, 198, 255;
		--color-cobalt-5: 240, 245, 255;
		--color-dark-gray-1: 8, 8, 8;
		--color-dark-gray-2: 24, 24, 24;
		--color-dark-gray-3: 40, 40, 40;
		--color-dark-gray-4: 56, 56, 56;
		--color-dark-gray-5: 72, 72, 72;
		--color-dusk-purple-1: 97, 14, 162;
		--color-dusk-purple-2: 129, 34, 174;
		--color-dusk-purple-3: 159, 43, 214;
		--color-dusk-purple-4: 178, 85, 222;
		--color-dusk-purple-5: 212, 159, 237;
		--color-dusk-purple-6: 226, 191, 243;
		--color-dusk-purple-7: 241, 223, 249;
		--color-evening-red-1: 151, 17, 120;
		--color-evening-red-2: 178, 26, 127;
		--color-evening-red-3: 211, 23, 133;
		--color-evening-red-4: 224, 93, 170;
		--color-evening-red-5: 235, 151, 200;
		--color-evening-red-6: 242, 186, 218;
		--color-evening-red-7: 248, 220, 237;
		--color-field-green-1: 19, 78, 83;
		--color-field-green-2: 24, 104, 104;
		--color-field-green-3: 28, 125, 113;
		--color-field-green-4: 96, 164, 156;
		--color-field-green-5: 153, 196, 191;
		--color-field-green-6: 217, 238, 236;
		--color-field-green-7: 231, 245, 243;
		--color-gold-1: 97, 71, 0;
		--color-gold-2: 173, 139, 0;
		--color-gold-3: 250, 219, 20;
		--color-gold-4: 255, 251, 143;
		--color-gold-5: 254, 255, 230;
		--color-gray-1: 88, 88, 88;
		--color-gray-2: 104, 104, 104;
		--color-gray-3: 120, 120, 120;
		--color-gray-4: 136, 136, 136;
		--color-gray-5: 152, 152, 152;
		--color-green-1: 9, 43, 0;
		--color-green-2: 35, 120, 4;
		--color-green-3: 82, 196, 26;
		--color-green-4: 183, 235, 143;
		--color-green-5: 246, 255, 237;
		--color-indigo-1: 18, 3, 56;
		--color-indigo-2: 57, 16, 133;
		--color-indigo-3: 114, 46, 209;
		--color-indigo-4: 211, 173, 247;
		--color-indigo-5: 249, 240, 255;
		--color-light-gray-1: 168, 168, 168;
		--color-light-gray-2: 184, 184, 184;
		--color-light-gray-3: 216, 216, 216;
		--color-light-gray-4: 232, 232, 232;
		--color-light-gray-5: 248, 248, 248;
		--color-lime-1: 27, 66, 0;
		--color-lime-2: 56, 158, 13;
		--color-lime-3: 142, 221, 0;
		--color-lime-4: 228, 255, 120;
		--color-lime-5: 251, 255, 227;
		--color-midnight-blue-1: 48, 53, 80;
		--color-midnight-blue-2: 77, 85, 128;
		--color-midnight-blue-3: 111, 121, 168;
		--color-midnight-blue-4: 170, 177, 213;
		--color-midnight-blue-5: 203, 208, 230;
		--color-midnight-blue-6: 221, 224, 238;
		--color-midnight-blue-7: 246, 246, 249;
		--color-morning-red-1: 134, 25, 19;
		--color-morning-red-2: 173, 38, 31;
		--color-morning-red-3: 196, 56, 49;
		--color-morning-red-4: 211, 106, 100;
		--color-morning-red-5: 245, 177, 174;
		--color-morning-red-6: 255, 216, 214;
		--color-morning-red-7: 255, 240, 240;
		--color-orange-1: 97, 37, 0;
		--color-orange-2: 173, 78, 0;
		--color-orange-3: 250, 140, 22;
		--color-orange-4: 255, 213, 145;
		--color-orange-5: 255, 247, 230;
		--color-red-1: 92, 0, 17;
		--color-red-2: 168, 7, 26;
		--color-red-3: 207, 19, 34;
		--color-red-4: 255, 163, 158;
		--color-red-5: 255, 241, 240;
		--color-rose-1: 82, 3, 57;
		--color-rose-2: 158, 16, 104;
		--color-rose-3: 235, 47, 150;
		--color-rose-4: 255, 173, 210;
		--color-rose-5: 255, 240, 246;
		--color-sepia-1: 97, 52, 0;
		--color-sepia-2: 174, 104, 0;
		--color-sepia-3: 250, 173, 20;
		--color-sepia-4: 255, 229, 143;
		--color-sepia-5: 255, 251, 230;
		--color-sunlight-yellow-1: 153, 102, 0;
		--color-sunlight-yellow-2: 208, 153, 27;
		--color-sunlight-yellow-3: 236, 185, 34;
		--color-sunlight-yellow-4: 242, 207, 100;
		--color-sunlight-yellow-5: 246, 224, 156;
		--color-sunlight-yellow-6: 250, 241, 194;
		--color-sunlight-yellow-7: 252, 248, 224;
		--color-turquoise-1: 0, 35, 41;
		--color-turquoise-2: 0, 109, 117;
		--color-turquoise-3: 19, 194, 194;
		--color-turquoise-4: 135, 232, 222;
		--color-turquoise-5: 230, 255, 251;
		--color-varicent-blue-1: 8, 31, 145;
		--color-varicent-blue-2: 23, 55, 211;
		--color-varicent-blue-3: 43, 79, 244;
		--color-varicent-blue-4: 107, 132, 247;
		--color-varicent-blue-5: 170, 185, 251;
		--color-varicent-blue-6: 226, 233, 254;
		--color-varicent-blue-7: 241, 245, 255;
		--color-vermilion-1: 97, 11, 0;
		--color-vermilion-2: 173, 33, 2;
		--color-vermilion-3: 250, 84, 28;
		--color-vermilion-4: 255, 187, 150;
		--color-vermilion-5: 255, 242, 232;
		--default-font-family: "Inter", sans-serif;
		--dialog-layer: 100;
		--elevation-0: 0 0 0 1px rgba(97, 14, 162, 0.03);
		--elevation-1: 0 0 0 1px rgba(97, 14, 162, 0.03), 0 0.25rem 0.375rem rgba(97, 14, 162, 0.12);
		--elevation-2: 0 0 0 1px rgba(97, 14, 162, 0.03), 0 0.5rem 0.625rem rgba(97, 14, 162, 0.12);
		--elevation-3: 0 0 0 1px rgba(97, 14, 162, 0.03), 0 1rem 1.125rem rgba(97, 14, 162, 0.12);
		--elevation-4: 0 0 0 1px rgba(97, 14, 162, 0.03), 0 2.25rem 3rem rgba(97, 14, 162, 0.12);
		--focus: rgb(159, 43, 214);
		--graph-node-green: 89, 191, 193;
		--graph-node-green-translucent: rgba(89, 191, 193, 0.20);
		--graph-node-lime: 165, 219, 116;
		--graph-node-lime-translucent: rgba(165, 219, 116, 0.20);
		--graph-node-magenta: 214, 99, 167;
		--graph-node-magenta-translucent: rgba(214, 99, 167, 0.20);
		--graph-node-orange: 237, 146, 63;
		--graph-node-orange-translucent: rgba(237, 146, 63, 0.20);
		--graph-node-purple: 150, 105, 218;
		--graph-node-purple-translucent: rgba(150, 105, 218, 0.20);
		--graph-node-red: 225, 60, 57;
		--graph-node-red-translucent: rgba(225, 60, 57, 0.20);
		--graph-node-yellow: 238, 191, 80;
		--graph-node-yellow-translucent: rgba(238, 191, 80, 0.20);
		--highlight-01: rgb(74, 40, 113);
		--highlight-01-translucent: rgba(71, 0, 153, 0.1);
		--highlight-02: rgb(15, 67, 127);
		--highlight-02-translucent: rgba(0, 71, 153, 0.1);
		--highlight-03: rgb(2, 117, 88);
		--highlight-03-translucent: rgba(0, 204, 152, 0.1);
		--highlight-04: rgb(124, 103, 18);
		--highlight-04-translucent: rgba(204, 164, 0, 0.1);
		--highlight-05: rgb(150, 44, 141);
		--highlight-05-translucent: rgba(204, 0, 188, 0.1);
		--highlight-06: rgb(4, 109, 144);
		--highlight-06-translucent: rgba(0, 154, 204, 0.1);
		--highlight-07: rgb(66, 94, 46);
		--highlight-07-translucent: rgba(64, 153, 0, 0.1);
		--highlight-08: rgb(144, 81, 50);
		--highlight-08-translucent: rgba(204, 68, 0, 0.1);
		--highlight-09: rgb(122, 31, 88);
		--highlight-09-translucent: rgba(153, 0, 95, 0.1);
		--highlight-10: rgb(100, 82, 161);
		--highlight-10-translucent: rgba(48, 0, 204, 0.1);
		--highlight-11: rgb(3, 87, 94);
		--highlight-11-translucent: rgba(0, 141, 153, 0.1);
		--highlight-12: rgb(117, 72, 19);
		--highlight-12-translucent: rgba(153, 83, 0, 0.1);
		--intent-danger: rgb(196, 56, 49);
		--intent-danger-active: rgb(134, 25, 19);
		--intent-danger-hover: rgb(173, 38, 31);
		--intent-danger-translucent-active: rgba(255, 126, 119, 0.3);
		--intent-danger-translucent-hover: rgba(255, 159, 154, 0.15);
		--intent-primary: rgb(43, 79, 244);
		--intent-primary-active: rgb(8, 31, 145);
		--intent-primary-hover: rgb(23, 55, 211);
		--intent-primary-translucent-active: rgba(157, 182, 251, 0.3);
		--intent-primary-translucent-hover: rgba(163, 189, 255, 0.15);
		--intent-success: rgb(28, 125, 113);
		--intent-success-active: rgb(19, 78, 83);
		--intent-success-hover: rgb(24, 104, 104);
		--intent-success-translucent-active: rgba(123, 198, 189, 0.3);
		--intent-success-translucent-hover: rgba(88, 187, 173, 0.149);
		--intent-warning: rgb(236, 185, 34);
		--intent-warning-active: rgb(153, 102, 0);
		--intent-warning-hover: rgb(208, 153, 27);
		--intent-warning-translucent-active: rgba(238, 208, 51, 0.3);
		--intent-warning-translucent-hover: rgba(238, 208, 51, 0.15);
		--neutral: rgb(111, 121, 168);
		--neutral-active: rgb(48, 53, 80);
		--neutral-hover: rgb(77, 85, 128);
		--neutral-translucent-active: rgba(111, 121, 168, 0.3);
		--neutral-translucent-hover: rgba(111, 121, 168, 0.15);
		--popover-layer: 200;
		--text: rgb(77, 85, 128);
		--text-disabled: rgb(168, 168, 168);
		--text-disabled-accessible: rgb(104, 104, 104);
		--text-heading: rgb(48, 53, 80);
		--text-inverse: #fff;
		--text-placeholder: rgba(77, 85, 128, 0.83);
		--toast-layer: 400;
		--tooltip-layer: 300;
		--spacing-x-small: 0.25rem;
		--spacing-small: 0.5rem;
		--spacing-medium: 1rem;
		--spacing-large: 2rem;
		--spacing-xx-large: 4rem;
	}
	@media (max-width: 960px) {
		:root {
			--spacing-small: 0.25rem;
			--spacing-medium: 0.5rem;
			--spacing-large: 0.75rem;
			--spacing-xx-large: 1rem;
		}
	}
	@media (max-width: 600px) {
		:root {
			--spacing-medium: 0.25rem;
			--spacing-large: 0.5rem;
		}
	}
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(.vui-list-item__anchor):not([class*='css-']):not([disabled]):not(.vui-button):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(.vui-list-item__anchor):not([class*='css-']):not([disabled]):not(.vui-button):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: 102;
	}

:root .ant-input:focus,
		:root .ant-input:focus-visible {
			outline: none;
		}

.confirmUser__blankPage.blankPage {
		width: 750px;
		padding: 0;
	}
		.confirmUser__blankPage.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;
		}

.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%;
	}

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

.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);
	}
}

.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);
		}

.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);
		word-break: break-word;
	}

	.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::before {
			content: ' ';
			height: 0;
			position: absolute;
			width: 0;
			z-index: 2;
		}

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

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

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

	.confirmUserCompleteForm__tooltip.topRight::before {
				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;
	}

.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;
}

.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);
		}

.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%;
	}

.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__signUp {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		padding-top: var(--xl);
	}

.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__signUp {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		margin-top: var(--xl);
	}

.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;
}

.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);
	}
}