.ParallaxContainer{--height:100dvh;--width:100dvw;height:var(--height);width:100dvw;position:relative}.ParallaxContainer.in-x{--translate-in-x:calc(100dvw - 100dvw*var(--track-in) + var(--gap-in, var(--gap))*(1 - var(--track-in)));--translate-in-y:calc(-100dvh + 100dvh*var(--track-in));--bg-parallax-in-x:calc(-100dvw*var(--bg-parallax-in, var(--bg-parallax))*(1 - var(--track-in)));--content-parallax-in-x:calc(100dvw*var(--content-parallax-in, var(--content-parallax))*(1 - var(--track-in)))}.ParallaxContainer.in-y{--translate-in-y:calc(var(--gap-in, var(--gap))*(1 - var(--track-in)));--bg-parallax-in-y:calc(-100dvh*var(--bg-parallax-in, var(--bg-parallax))*(1 - var(--track-in)));--content-parallax-in-y:calc(100dvh*var(--content-parallax-in, var(--content-parallax))*(1 - var(--track-in)))}.ParallaxContainer.out-x{--translate-out-x:calc(-100dvw*var(--track-out) - var(--gap-out, var(--gap))*var(--track-out));--translate-out-y:calc(100dvh*var(--track-out));--bg-parallax-out-x:calc(100dvw*var(--bg-parallax-out, var(--bg-parallax))*var(--track-out));--content-parallax-out-x:calc(-100dvw*var(--content-parallax-out, var(--content-parallax))*var(--track-out))}.ParallaxContainer.out-y{--translate-out-y:calc(var(--gap-out, var(--gap))*-1*var(--track-out));--bg-parallax-out-y:calc(100dvh*var(--bg-parallax-out, var(--bg-parallax))*var(--track-out));--content-parallax-out-y:calc(-100dvh*var(--content-parallax-out, var(--content-parallax))*var(--track-out))}.ParallaxContainer .inner{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;translate:calc(var(--translate-in-x) + var(--translate-out-x)) calc(var(--translate-in-y) + var(--translate-out-y));will-change:translate,translate}.ParallaxContainer .content,.ParallaxContainer .overlay{position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;translate:calc(var(--content-parallax-in-x) + var(--content-parallax-out-x)) calc(var(--content-parallax-in-y) + var(--content-parallax-out-y));will-change:translate,translate}.ParallaxContainer .overlay{pointer-events:none}.ParallaxContainer .bg{position:absolute;left:0;top:0;z-index:0;width:100%;height:100%;overflow:hidden;will-change:translate}.ParallaxContainer .bg img{position:absolute;inset:0;will-change:translate;translate:calc(var(--bg-parallax-in-x) + var(--bg-parallax-out-x)) calc(var(--bg-parallax-in-y) + var(--bg-parallax-out-y))}.ParallaxContainer.fullscreen .content,.ParallaxContainer.fullscreen .inner{inset:0}.ParallaxContainer.fullscreen .bg{position:absolute;inset:0}.ParallaxContainer.horizontal{--width:calc(100dvh*var(--a570723c));--height:calc(100dvh*var(--a570723c)*1080/1920)}.ParallaxContainer.horizontal .inner{width:var(--width);height:100dvh;transform:translate(calc((100dvw - var(--width))*var(--track-inset))) translateY(calc((var(--height) - 100dvh)*var(--track-inset)))}.ParallaxContainer.horizontal .content.pin{height:100dvh;width:100dvw;transform:translate(calc((var(--width) - 100dvw)*var(--track-inset)))}.ParallaxContainer.horizontal .bg{height:100dvh;width:calc(100dvh*var(--a570723c))}.ParallaxContainer.horizontal .bg.pin,.ParallaxContainer.horizontal .overlay{height:100dvh;width:100dvw;translate:calc((var(--width) - 100dvw)*var(--track-inset))}.ParallaxContainer.vertical{--height:calc(100dvw/var(--a570723c))}.ParallaxContainer.vertical .inner{inset:0}.ParallaxContainer.vertical .content.pin{height:100dvh;width:100dvw;transform:translateY(calc((var(--height) - 100dvh)*var(--track-inset)))}.ParallaxContainer.vertical .bg.pin{height:100dvh;width:100dvw;translate:0 calc((var(--height) - 100dvh)*var(--track-inset))}.ParallaxContainer.vertical .overlay{height:100dvh;width:100dvw;transform:translateY(calc((var(--height) - 100dvh)*var(--track-inset)))}.ParallaxContainer{--translate-in-x:0dvw;--translate-in-y:0dvh;--translate-out-x:0dvw;--translate-out-y:0dvh;--gap:var(--v354a61ba);--gap-in:var(--v0c38e47f);--gap-out:var(--v7ae3c334);--bg-parallax:var(--v7a656d98);--bg-parallax-in:var(--v76c070dd);--bg-parallax-out:var(--v614dc296);--bg-parallax-in-x:0dvw;--bg-parallax-in-y:0dvh;--bg-parallax-out-x:0dvw;--bg-parallax-out-y:0dvh;--content-parallax:var(--v4797da14);--content-parallax-in:var(--v7deca34e);--content-parallax-out:var(--v602c349a);--content-parallax-in-x:0dvw;--content-parallax-in-y:0dvh;--content-parallax-out-x:0dvw;--content-parallax-out-y:0dvh}
