.uk-shader-cross{--uk-shader-cross-top:var(--uk-sticky-top,0px);--uk-shader-cross-vh:calc(100vh - var(--uk-shader-cross-top));height:calc(var(--uk-shader-cross-vh) + var(--uk-shader-cross-length,120svh));background:#000;position:relative}.uk-shader-cross__pane{top:var(--uk-shader-cross-top);height:var(--uk-shader-cross-vh);isolation:isolate;position:sticky;overflow:clip}.uk-shader-cross__pic,.uk-shader-cross__canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.uk-shader-cross__pic{object-fit:cover}.uk-shader-cross__pic--from{opacity:calc(1 - var(--p,0))}.uk-shader-cross__canvas{opacity:0}.uk-shader-cross[data-gl] .uk-shader-cross__canvas{opacity:1}.uk-shader-cross__content{z-index:2;color:#fff;text-shadow:0 2px 14px #00000073;flex-direction:column;justify-content:center;padding:clamp(1.5rem,5vw,5rem);display:flex;position:absolute;inset:0}.uk-shader-cross__content--a{opacity:calc(1 - clamp(0, (var(--p,0) - .05) / .3, 1));pointer-events:none}.uk-shader-cross__content--b{opacity:clamp(0, (var(--p,0) - .65) / .3, 1)}.uk-shader-cross__content--b:where([style*="--p: 0"]){pointer-events:none}.uk-shader-cross--framed{background:0 0;height:auto;container-type:inline-size}.uk-shader-cross--framed:after{content:"";height:var(--uk-shader-cross-length,120svh);display:block}.uk-shader-cross--framed .uk-shader-cross__pane{--pane-h:min(56.25cqw, var(--uk-shader-cross-vh));height:var(--pane-h);top:calc(var(--uk-shader-cross-top) + (var(--uk-shader-cross-vh) - var(--pane-h)) / 2);border-radius:var(--uk-global-border-radius)}.uk-shader-reveal{isolation:isolate;position:relative;overflow:hidden}.uk-shader-reveal__pic,.uk-shader-reveal__canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.uk-shader-reveal__pic{object-fit:cover;opacity:var(--p,0)}.uk-shader-reveal__canvas{opacity:0}.uk-shader-reveal[data-gl] .uk-shader-reveal__canvas{opacity:1}