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