/* The first frame uses CSS; the loader then borrows the actual Hero scene. */
.preloader{display:none;position:fixed;inset:0;z-index:200;isolation:isolate;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 60%,#252966 0%,transparent 60%),linear-gradient(130deg,#f1dff4,#ff63ef 28%,#5374f3 62%,#05c8f5);color:#fff}
.is-preloading .preloader{display:grid}
.is-preloading .page-shell{opacity:0;pointer-events:none}
.preloader::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,#ffffff20 0,transparent 7px,#16174518 20px,#ffffff20 28px)}
.preloader.has-scene::before,.preloader.is-handoff::before{display:none}
.preloader.is-handoff{background:transparent}
.preloader .color-scene{z-index:0}