body.wbm-transitioning {
filter: blur(8px) grayscale(var(--wbm-grayscale, 100%));
opacity: 0;
transition: filter var(--wbm-duration, 1s) ease, opacity var(--wbm-duration, 1s) ease;
pointer-events: none;
overflow: hidden;
} body.wbm-entering {
filter: blur(20px) grayscale(100%);
opacity: 0;
background-color: #ffffff !important;
overflow: hidden;
}
body.wbm-reveal {
filter: blur(0px) grayscale(0%);
opacity: 1;
transition: filter var(--wbm-duration, 1s) ease, opacity var(--wbm-duration, 1s) ease;
will-change: filter, opacity;
backface-visibility: hidden;
} body.wbm-entering::before {
content: "";
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
z-index: 999999;
opacity: 1;
transition: opacity var(--wbm-duration, 1s) ease;
pointer-events: none;
}
body.wbm-reveal::before {
opacity: 0;
}