body .mfp-bg {
	z-index: 1000000;
}

body .mfp-wrap {
	z-index: 1000001;
}

.my-mfp-zoom-in #sign-in-dialog.listeo-full-page-login {
	filter: blur(12px);
	opacity: 0;
	transform: none;
	transition: filter 0.3s ease, opacity 0.3s ease;
}

.my-mfp-zoom-in.mfp-ready #sign-in-dialog.listeo-full-page-login {
	filter: blur(0);
	opacity: 1;
	transform: none;
}

.my-mfp-zoom-in.mfp-removing #sign-in-dialog.listeo-full-page-login {
	filter: blur(12px);
	opacity: 0;
	transform: none;
}

@keyframes listeo-firefox-login-content-fade-in {
	from {
		filter: blur(12px);
		opacity: 0;
	}
}

@supports (-moz-appearance: none) {
	.my-mfp-zoom-in #sign-in-dialog.listeo-full-page-login,
	.my-mfp-zoom-in.mfp-ready #sign-in-dialog.listeo-full-page-login {
		filter: none;
		opacity: 1;
		transition: none;
	}

	.my-mfp-zoom-in.mfp-removing #sign-in-dialog.listeo-full-page-login {
		filter: blur(12px);
		opacity: 0;
		transition: filter 0.3s ease, opacity 0.3s ease;
	}

	@media (prefers-reduced-motion: no-preference) {
		.my-mfp-zoom-in #sign-in-dialog.listeo-full-page-login .listeo-login-popup-content,
		.my-mfp-zoom-in #sign-in-dialog.listeo-full-page-login .listeo-login-popup-image-text {
			filter: blur(12px);
			opacity: 0;
		}

		.my-mfp-zoom-in.mfp-ready #sign-in-dialog.listeo-full-page-login .listeo-login-popup-content,
		.my-mfp-zoom-in.mfp-ready #sign-in-dialog.listeo-full-page-login .listeo-login-popup-image-text {
			animation: listeo-firefox-login-content-fade-in 0.3s ease both;
			filter: none;
			opacity: 1;
		}

		.my-mfp-zoom-in.mfp-ready #sign-in-dialog.listeo-full-page-login-has-image .listeo-login-popup-image-text {
			filter: contrast(1.2);
		}
	}
}

.my-mfp-zoom-in.mfp-bg {
	backdrop-filter: blur(0);
	transition: backdrop-filter 0.3s ease, opacity 0.3s ease;
}

.my-mfp-zoom-in.mfp-ready.mfp-bg {
	backdrop-filter: blur(5px);
}

.my-mfp-zoom-in.mfp-removing.mfp-bg {
	backdrop-filter: blur(0);
}

body #sign-in-dialog.listeo-full-page-login,
body .listeo-full-page-login-page {
	background: #fff;
	border-radius: 0;
	box-sizing: border-box;
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	height: 100vh;
	height: 100dvh;
	inset: 0;
	margin: 0;
	max-width: none;
	overflow: hidden;
	padding: 0;
	position: fixed;
	width: 100vw;
}

body .listeo-full-page-login-page {
	animation: listeo-full-page-login-fade-in 0.3s ease both;
	z-index: 1000001;
}

body #sign-in-dialog.listeo-full-page-login-has-image,
body #sign-in-dialog.listeo-full-page-login-has-visual,
body .listeo-full-page-login-page.listeo-full-page-login-has-visual,
body .listeo-full-page-login-page.listeo-full-page-login-has-image {
	grid-template-columns: minmax(320px, 1fr) minmax(500px, 1fr);
}

.listeo-full-page-login .listeo-login-popup-visual {
	background: var(--listeo-login-visual-bg, #f8f8f8);
	height: 100%;
	isolation: isolate;
	min-width: 0;
	overflow: hidden;
	position: relative;
}

.listeo-full-page-login-has-visual:not(.listeo-full-page-login-has-image) .listeo-login-popup-visual {
	animation: listeo-login-gradient-position-drift 4.5s ease-in-out infinite alternate;
	background-color: var(--listeo-login-visual-bg, #fce7e7);
	background-image:
		linear-gradient(145deg, rgb(var(--listeo-login-gradient-c4-rgb, 253, 242, 245)), rgba(var(--listeo-login-gradient-c3-rgb, 250, 104, 132), 0.82) 40%, rgba(var(--listeo-login-gradient-c2-rgb, 243, 12, 12), 0.94) 66%, rgb(var(--listeo-login-gradient-c1-rgb, 181, 0, 0))),
		radial-gradient(ellipse at 84% 10%, rgba(var(--listeo-login-gradient-c4-rgb, 253, 242, 245), 0.92), transparent 48%),
		radial-gradient(ellipse at 12% 88%, rgba(var(--listeo-login-gradient-c2-rgb, 243, 12, 12), 0.62), transparent 56%);
	background-position: 0% 0%, 100% 0%, 0% 100%;
	background-repeat: no-repeat;
	background-size: 120% 120%, 145% 145%, 145% 145%;
}

.listeo-full-page-login-has-visual:not(.listeo-full-page-login-has-image) .listeo-login-popup-visual::before {
	animation:
		listeo-login-gradient-drift 5.5s cubic-bezier(0.45, 0, 0.55, 1) infinite alternate,
		listeo-login-gradient-blob-flow 6.5s ease-in-out infinite alternate-reverse;
	background:
		radial-gradient(ellipse 38% 34% at 10% 12%, rgba(var(--listeo-login-gradient-c4-rgb, 253, 242, 245), 1) 0, rgba(var(--listeo-login-gradient-c4-rgb, 253, 242, 245), 0.82) 34%, transparent 72%),
		radial-gradient(ellipse 42% 46% at 34% 44%, rgba(var(--listeo-login-gradient-c2-rgb, 243, 12, 12), 0.98) 0, rgba(var(--listeo-login-gradient-c2-rgb, 243, 12, 12), 0.38) 40%, transparent 76%),
		radial-gradient(ellipse 40% 48% at 84% 16%, rgba(var(--listeo-login-gradient-c3-rgb, 250, 104, 132), 0.96) 0, rgba(var(--listeo-login-gradient-c3-rgb, 250, 104, 132), 0.34) 46%, transparent 78%),
		radial-gradient(ellipse 38% 38% at 80% 84%, rgba(var(--listeo-login-gradient-c4-rgb, 253, 242, 245), 1) 0, rgba(var(--listeo-login-gradient-c3-rgb, 250, 104, 132), 0.38) 48%, transparent 78%),
		radial-gradient(ellipse 44% 40% at 12% 92%, rgba(var(--listeo-login-gradient-c3-rgb, 250, 104, 132), 0.78) 0, rgba(var(--listeo-login-gradient-c4-rgb, 253, 242, 245), 0.28) 50%, transparent 80%);
	background-position: 0% 0%, 20% 28%, 88% 12%, 88% 88%, 8% 92%;
	background-repeat: no-repeat;
	background-size: 115% 115%, 125% 125%, 122% 128%, 125% 122%, 128% 125%;
	content: "";
	filter: blur(40px) contrast(1.42) saturate(1.12);
	inset: -18%;
	pointer-events: none;
	position: absolute;
	transform: translate3d(-8%, -6%, 0) rotate(-2deg) scale(1.12, 1.08);
	will-change: transform;
	z-index: 0;
}

.listeo-full-page-login-has-visual:not(.listeo-full-page-login-has-image) .listeo-login-popup-visual::after {
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
	background-size: 180px 180px;
	content: "";
	filter: contrast(1.85);
	inset: 0;
	mix-blend-mode: overlay;
	opacity: 0.38;
	pointer-events: none;
	position: absolute;
	z-index: 1;
}

@keyframes listeo-login-gradient-drift {
	0% {
		transform: translate3d(-8%, -6%, 0) rotate(-2deg) scale(1.12, 1.08);
	}

	50% {
		transform: translate3d(8%, 5%, 0) rotate(2deg) scale(1.07, 1.13);
	}

	100% {
		transform: translate3d(-4%, 8%, 0) rotate(-1deg) scale(1.11, 1.08);
	}
}

@keyframes listeo-login-gradient-blob-flow {
	0% {
		background-position: 0% 0%, 5% 20%, 100% 5%, 100% 100%, 0% 100%;
	}

	50% {
		background-position: 12% 10%, 60% 62%, 48% 38%, 55% 45%, 45% 52%;
	}

	100% {
		background-position: 5% 15%, 82% 8%, 60% 78%, 30% 88%, 28% 30%;
	}
}

@keyframes listeo-login-gradient-position-drift {
	0% {
		background-position: 0% 0%, 100% 0%, 0% 100%;
	}

	50% {
		background-position: 18% 12%, 58% 35%, 38% 62%;
	}

	100% {
		background-position: 10% 20%, 32% 58%, 68% 35%;
	}
}

@media (prefers-reduced-motion: reduce) {
	.listeo-full-page-login-has-visual:not(.listeo-full-page-login-has-image) .listeo-login-popup-visual,
	.listeo-full-page-login-has-visual:not(.listeo-full-page-login-has-image) .listeo-login-popup-visual::before {
		animation: none;
	}
}

.listeo-full-page-login .listeo-login-popup-image {
	height: 100%;
	left: 0;
	max-width: none;
	object-fit: cover;
	position: absolute;
	top: 0;
	width: 100%;
}

.listeo-full-page-login .listeo-login-popup-image-text {
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	background: #ffffff2e;
	border-radius: 12px;
	bottom: 30px;
	box-shadow: inset 0 1px 0 #ffffff4a;
	color: #fff;
	filter: contrast(1.2);
	font-family: Georgia, "Times New Roman", serif;
	font-size: 18px;
	font-style: italic;
	left: 30px;
	padding: 12px 20px;
	position: absolute;
	z-index: 2;
}

.listeo-full-page-login-has-visual:not(.listeo-full-page-login-has-image) .listeo-login-popup-image-text {
	background: rgba(var(--listeo-login-gradient-c2-rgb, 243, 12, 12), 0.8);
	box-shadow: none;
	color: #fff;
	filter: none;
}

.listeo-full-page-login .listeo-login-popup-content {
	align-items: flex-start;
	display: flex;
	height: 100%;
	justify-content: center;
	min-width: 0;
	overflow-y: auto;
	padding: clamp(72px, 8vh, 120px) clamp(32px, 7vw, 120px);
}

.listeo-full-page-login .listeo-login-popup-form {
	margin: auto 0;
	max-width: 500px;
	width: 100%;
}

.listeo-full-page-login-page .listeo-login-popup-form > .container,
.listeo-full-page-login-page .listeo-login-popup-form > .container > .row,
.listeo-full-page-login-page .listeo-login-popup-form > .container > .row > article,
.listeo-full-page-login-page .listeo-login-popup-form > .container > .row > article > .sign-in-form {
	float: none;
	margin: 0;
	max-width: none;
	padding: 0;
	width: 100%;
}

.listeo-full-page-login-page .listeo-login-popup-form > .container > .row > .sidebar,
.listeo-full-page-login-page .listeo-login-popup-form > .container > .row > .col-lg-3 {
	display: none;
}

.listeo-full-page-login .small-dialog-header {
	background: transparent;
	left: auto;
	margin: 0 0 34px;
	padding: 0;
	width: 100%;
}

.listeo-full-page-login .small-dialog-header .sign-in-dialog-title {
	font-size: 28px;
	line-height: 1.25;
	padding: 0;
}

body #sign-in-dialog.listeo-full-page-login .mfp-close {
	right: 40px;
	top: 24px;
	z-index: 5;
}

.listeo-full-page-login .sign-in-form .button {
	width: 100%;
}

.listeo-full-page-login .tabs-nav {
	display: flex;
	flex-wrap: wrap;
}

.listeo-full-page-login .tabs-nav li,
.listeo-full-page-login .tabs-nav li a {
	width: auto;
}

body#dark-mode #sign-in-dialog.listeo-full-page-login,
body#dark-mode #sign-in-dialog.listeo-full-page-login .listeo-login-popup-content,
body#dark-mode .listeo-full-page-login-page,
body#dark-mode .listeo-full-page-login-page .listeo-login-popup-content {
	background: #202124;
}

@keyframes listeo-full-page-login-fade-in {
	from {
		filter: blur(12px);
		opacity: 0;
	}

	to {
		filter: blur(0);
		opacity: 1;
	}
}

@media (max-width: 1024px) {
	body #sign-in-dialog.listeo-full-page-login-has-image,
	body #sign-in-dialog.listeo-full-page-login-has-visual,
	body .listeo-full-page-login-page.listeo-full-page-login-has-visual,
	body .listeo-full-page-login-page.listeo-full-page-login-has-image {
		grid-template-columns: minmax(0, 1fr);
	}

	.listeo-full-page-login .listeo-login-popup-visual {
		display: none;
	}
}

@media (max-width: 480px) {
	body #sign-in-dialog.listeo-full-page-login,
	body .listeo-full-page-login-page {
		overflow: hidden;
	}

	.listeo-full-page-login .listeo-login-popup-content {
		padding: 72px 24px 40px;
	}

	.listeo-full-page-login .small-dialog-header {
		margin-bottom: 24px;
		padding: 0;
	}

	.listeo-full-page-login .small-dialog-header .sign-in-dialog-title {
		font-size: 27px;
		line-height: 1.25;
		padding: 0 52px 0 0;
	}

	body #sign-in-dialog.listeo-full-page-login .mfp-close {
		right: 28px;
		top: 16px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.my-mfp-zoom-in #sign-in-dialog.listeo-full-page-login,
	.my-mfp-zoom-in.mfp-ready #sign-in-dialog.listeo-full-page-login,
	.my-mfp-zoom-in.mfp-removing #sign-in-dialog.listeo-full-page-login {
		filter: none;
		transition: none;
	}

	.my-mfp-zoom-in.mfp-bg,
	.my-mfp-zoom-in.mfp-ready.mfp-bg,
	.my-mfp-zoom-in.mfp-removing.mfp-bg {
		backdrop-filter: none;
		transition: none;
	}

	body .listeo-full-page-login-page {
		animation: none;
	}
}
