/* Pearl nebula accents on the light page surfaces. */
main.lx-has-main-mist{position:relative;isolation:isolate}
.lx-has-section-mist{position:relative;isolation:isolate}
.lx-page-mist{
 position:absolute;inset:0;display:block;overflow:hidden;pointer-events:none;
 user-select:none;z-index:-1;--mist-opacity:.56;
 mask-image:linear-gradient(90deg,#000 0,#000c 24%,transparent 46%,transparent 57%,#000b 79%,#000 100%)
}
.lx-page-mist:before,.lx-page-mist:after{
 content:"";position:absolute;width:1350px;max-width:135vw;height:760px;
 background:url("/illustrations/nebuleuse-claire.webp") center/contain no-repeat;
 opacity:var(--mist-opacity)
}
.lx-page-mist:before{right:-330px;top:-245px;transform:rotate(-13deg)}
.lx-page-mist:after{display:none}
.lx-page-mist--left:before{right:auto;left:-350px;top:-200px;transform:rotate(18deg)}
.lx-page-mist--main{--mist-opacity:.44}
.lx-page-mist--main:before{top:580px;right:-360px;transform:rotate(10deg)}
.lx-page-mist--main:after{display:block;top:56%;left:-370px;transform:rotate(-17deg)}
body[data-lx-kind="article"] .lx-page-mist,body[data-lx-kind="document"] .lx-page-mist{--mist-opacity:.36}
footer .lx-page-mist{--mist-opacity:.4}
[data-theme="dark"] .lx-page-mist{--mist-opacity:.09!important}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .lx-page-mist{--mist-opacity:.09!important}}
@media(min-width:1700px){.lx-page-mist:before,.lx-page-mist:after{width:1550px;height:870px}}
@media(max-width:767px){
 .lx-page-mist{--mist-opacity:.42;mask-image:linear-gradient(90deg,#000,transparent 58%,#000)}
 .lx-page-mist:before,.lx-page-mist:after{width:900px;max-width:none;height:510px}
 .lx-page-mist:before{right:-340px;top:-150px}
 .lx-page-mist--left:before{right:auto;left:-340px;top:-90px}
 .lx-page-mist--main:before{top:590px;right:-370px}
 .lx-page-mist--main:after{top:61%;left:-370px}
}

/* Broad blue wisps, feathered on every edge. */
.lx-page-mist{mask-image:linear-gradient(180deg,transparent,#000 16%,#000 80%,transparent);}
.lx-page-mist:before,.lx-page-mist:after{width:1650px;height:930px;max-width:155vw;filter:url("/illustrations/nebula-blue-filter.svg#blue-mist");mask-image:radial-gradient(ellipse at center,#000 24%,#000b 48%,transparent 72%)}
@media(min-width:1700px){.lx-page-mist:before,.lx-page-mist:after{width:1850px;height:1040px}}
@media(max-width:767px){.lx-page-mist:before,.lx-page-mist:after{width:1080px;height:610px;max-width:none}}
