html {

	--light-purple: #E6DBF5;
	--light-purple-selection: #d4c0f0;
	--light-purple-button-hover: #9786AE;
	--text-norm-grey: #463F46;
	--secondary-nav-selected: #9C969C;
	--dark-purple: #6600F5;
}

body {
	display: flex;
	align-items: center;
	justify-content: center;

	background: var(--light-purple);
	background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTA1NiIgaGVpZ2h0PSIxMDgwIiB2aWV3Qm94PSIwIDAgMTA1NiAxMDgwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cmVjdCB4PSIxNTUuODg1IiB5PSIyMjIiIHdpZHRoPSIzNTkiIGhlaWdodD0iMTA4IiByeD0iMjYiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAxNTUuODg1IDIyMikiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl8yNzdfODQ0KSIvPgo8cmVjdCB4PSI0ODcuNTcyIiB5PSIzMC41IiB3aWR0aD0iODIzIiBoZWlnaHQ9IjEwOCIgcng9IjI2IiB0cmFuc2Zvcm09InJvdGF0ZSgtMzAgNDg3LjU3MiAzMC41KSIgZmlsbD0idXJsKCNwYWludDFfbGluZWFyXzI3N184NDQpIi8+CjxyZWN0IHg9IjY2IiB5PSI0MjYuMzE1IiB3aWR0aD0iMTM4NiIgaGVpZ2h0PSIxMDgiIHJ4PSIyNiIgdHJhbnNmb3JtPSJyb3RhdGUoLTMwIDY2IDQyNi4zMTUpIiBmaWxsPSJ1cmwoI3BhaW50Ml9saW5lYXJfMjc3Xzg0NCkiLz4KPHJlY3QgeD0iMjE0LjI3MiIgeT0iNDkzLjEzMSIgd2lkdGg9IjYwNyIgaGVpZ2h0PSIxMDgiIHJ4PSIyNiIgdHJhbnNmb3JtPSJyb3RhdGUoLTMwIDIxNC4yNzIgNDkzLjEzMSkiIGZpbGw9InVybCgjcGFpbnQzX2xpbmVhcl8yNzdfODQ0KSIvPgo8cmVjdCB4PSI3NjAuNzM0IiB5PSIxNzcuNjMxIiB3aWR0aD0iNDg5IiBoZWlnaHQ9IjEwOCIgcng9IjI2IiB0cmFuc2Zvcm09InJvdGF0ZSgtMzAgNzYwLjczNCAxNzcuNjMxKSIgZmlsbD0idXJsKCNwYWludDRfbGluZWFyXzI3N184NDQpIi8+CjxyZWN0IHg9IjY0NC4wMDMiIHk9IjM5Ny40NDYiIHdpZHRoPSI4NzEiIGhlaWdodD0iMTA4IiByeD0iMjYiIHRyYW5zZm9ybT0icm90YXRlKC0zMCA2NDQuMDAzIDM5Ny40NDYpIiBmaWxsPSJ1cmwoI3BhaW50NV9saW5lYXJfMjc3Xzg0NCkiLz4KPHJlY3QgeD0iNDQzLjI2OCIgeT0iNjY1Ljc2MSIgd2lkdGg9IjUxNSIgaGVpZ2h0PSIxMDgiIHJ4PSIyNiIgdHJhbnNmb3JtPSJyb3RhdGUoLTMwIDQ0My4yNjggNjY1Ljc2MSkiIGZpbGw9InVybCgjcGFpbnQ2X2xpbmVhcl8yNzdfODQ0KSIvPgo8cmVjdCB4PSI5MTAuMDU1IiB5PSIzOTYuMjYxIiB3aWR0aD0iNjQwIiBoZWlnaHQ9IjEwOCIgcng9IjI2IiB0cmFuc2Zvcm09InJvdGF0ZSgtMzAgOTEwLjA1NSAzOTYuMjYxKSIgZmlsbD0idXJsKCNwYWludDdfbGluZWFyXzI3N184NDQpIi8+CjxyZWN0IHg9IjUzOC43MTIiIHk9Ijc2My4wNzciIHdpZHRoPSI3ODUiIGhlaWdodD0iMTA4IiByeD0iMjYiIHRyYW5zZm9ybT0icm90YXRlKC0zMCA1MzguNzEyIDc2My4wNzcpIiBmaWxsPSJ1cmwoI3BhaW50OF9saW5lYXJfMjc3Xzg0NCkiLz4KPGRlZnM+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl8yNzdfODQ0IiB4MT0iMzM1LjM4NSIgeTE9IjIyMiIgeDI9IjMzNS4zODUiIHkyPSIzMzAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0Y2RjBGRiIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNFNkRCRjUiLz4KPC9saW5lYXJHcmFkaWVudD4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDFfbGluZWFyXzI3N184NDQiIHgxPSI4OTkuMDcyIiB5MT0iMzAuNSIgeDI9Ijg5OS4wNzIiIHkyPSIxMzguNSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRjZGMEZGIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0U2REJGNSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50Ml9saW5lYXJfMjc3Xzg0NCIgeDE9Ijc1OSIgeTE9IjQyNi4zMTUiIHgyPSI3NTkiIHkyPSI1MzQuMzE1IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGNkYwRkYiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRTZEQkY1Ii8+CjwvbGluZWFyR3JhZGllbnQ+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQzX2xpbmVhcl8yNzdfODQ0IiB4MT0iNTE3Ljc3MiIgeTE9IjQ5My4xMzEiIHgyPSI1MTcuNzcyIiB5Mj0iNjAxLjEzMSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRjZGMEZGIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0U2REJGNSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50NF9saW5lYXJfMjc3Xzg0NCIgeDE9IjEwMDUuMjMiIHkxPSIxNzcuNjMxIiB4Mj0iMTAwNS4yMyIgeTI9IjI4NS42MzEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0Y2RjBGRiIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNFNkRCRjUiLz4KPC9saW5lYXJHcmFkaWVudD4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDVfbGluZWFyXzI3N184NDQiIHgxPSIxMDc5LjUiIHkxPSIzOTcuNDQ2IiB4Mj0iMTA3OS41IiB5Mj0iNTA1LjQ0NiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRjZGMEZGIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0U2REJGNSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50Nl9saW5lYXJfMjc3Xzg0NCIgeDE9IjcwMC43NjgiIHkxPSI2NjUuNzYxIiB4Mj0iNzAwLjc2OCIgeTI9Ijc3My43NjEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0Y2RjBGRiIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNFNkRCRjUiLz4KPC9saW5lYXJHcmFkaWVudD4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDdfbGluZWFyXzI3N184NDQiIHgxPSIxMjMwLjA1IiB5MT0iMzk2LjI2MSIgeDI9IjEyMzAuMDUiIHkyPSI1MDQuMjYxIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGNkYwRkYiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRTZEQkY1Ii8+CjwvbGluZWFyR3JhZGllbnQ+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQ4X2xpbmVhcl8yNzdfODQ0IiB4MT0iOTMxLjIxMiIgeTE9Ijc2My4wNzciIHgyPSI5MzEuMjEyIiB5Mj0iODcxLjA3NyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRjZGMEZGIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0U2REJGNSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=');
	background-repeat: no-repeat;
	background-position: right top;
	font-family: 'Inter', sans-serif;
}

::selection {
	background: var(--light-purple-selection);
}

#container {
	max-width: 800px;
	padding: 0 6px;
	flex: none;
}

.two_column_dialog {
	max-width: 800px;
	min-height: 560px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	border-radius: 15px;
	background: #fff;
	/* overflow: hidden; */
	font-size: 14px;
}

.two_column_dialog .login_form_wrapper {
	position: relative;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	padding: 2rem;
	gap: 1rem;
}

.two_column_dialog .login_form_wrapper .nav_links {
	position: absolute;
	top: 1.5rem;
	left: 2rem;
	right: 2rem;
	text-align: center;
}

.two_column_dialog .login_form_wrapper .nav_links a {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: center;
	text-decoration: none;
}

.two_column_dialog .login_form_wrapper .nav_links a span {
	text-decoration: underline;
}
.two_column_dialog .login_form_wrapper .nav_links a:hover span {
	text-decoration: none;
}

#logo {
	margin: 0 auto 1.5rem auto;
}

h4 {
	color: #000;
	font-size: 17px;
	font-weight: 600;
}

.two_column_dialog .login_form_wrapper .message_box {
	display: flex;
	flex-flow: column wrap;
	gap: 1rem;
	justify-content: center;
}
.two_column_dialog .login_form_wrapper .message_box .message_box_dialog {
	padding: 1rem 1.4rem;
	background: var(--light-purple);
	border: 1px solid var(--light-purple-button-hover);
	border-radius: 4px;
}
.two_column_dialog .login_form_wrapper .message_box a {
	align-self: center;
}

.two_column_dialog .login_form_wrapper form {
	width: 100%;
}

.two_column_dialog .login_form_wrapper #messages {
	margin: 0;
}
.two_column_dialog .login_form_wrapper #messages > div > div {
	border-radius: 4px;
}
.two_column_dialog .login_form_wrapper form .table.horizontal {
	grid-gap: 0;
}

.form_field_wrap input, .form_field_wrap textarea, .form_field_wrap select {
	border-color: var(--secondary-nav-selected);
}
.form_field_wrap input[type="password"]:not(:placeholder-shown) {
	color: var(--text-color);
}
.form_field_wrap input:not([type="submit"]), .form_field_wrap select {
	min-height: 49px;
}
.form_field_wrap input::placeholder, .form_field_wrap textarea::placeholder {
	color: var(--secondary-nav-selected);
}
.form_field_wrap input:focus, .form_field_wrap textarea:focus {
	border-color: var(--dark-purple);
}
.form_field_wrap input:focus-visible, .form_field_wrap textarea:focus-visible {
	outline-color: var(--light-purple);
	box-shadow: 0 0 0 3px var(--light-purple);
}

.two_column_dialog .login_form_wrapper form button[type="submit"] {
	width: 100%;
	border-radius: 4px;
	color: var(--text-norm-grey);
	background: var(--light-purple);
	font-weight: 400;
	transition: all 100ms ease;
}
.two_column_dialog .login_form_wrapper form button[type="submit"]:hover {
	color: #fff;
	background: var(--light-purple-button-hover);
}

.two_column_dialog .login_dialog_image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
}

@media screen and (max-width: 800px) {
	.two_column_dialog {
		grid-template-columns: 1fr 40vw;
	}
}
@media screen and (max-width: 500px) {
	.two_column_dialog {
		grid-template-columns: 1fr;
	}
	.two_column_dialog .login_dialog_image {
		display: none;
	}
}

a {
	color: var(--text-color);
}

.forgot_password_link a {
	text-decoration: none;
}
.forgot_password_link a:hover {
	text-decoration: underline;
	color: var(--light-purple-button-hover);
}

.create_account_link {
	text-align: center;
}
.create_account_link a {
	color: var(--dark-purple);
}
.create_account_link a:hover {
	text-decoration: none;
	color: var(--light-purple-button-hover);
}