[xo-pfs]{--pfs-min: 10;--pfs-max: 60;--min-viewport: 40;--max-viewport: 120;--m: (var(--pfs-max) - var(--pfs-min)) / (var(--max-viewport) - var(--min-viewport));--size: clamp( calc(var(--pfs-min) * 1rem), calc( var(--m) * 100vw + var(--pfs-min) * 1rem - var(--m) * var(--min-viewport) * 1rem ), calc(var(--pfs-max) * 1rem) )}.xo-parallax{height:calc(100vh * var(--screen-size));position:relative;display:flex;align-items:flex-end;padding-bottom:var(--pb)}.xo-parallax__backgrounds{position:absolute;top:0;left:0;width:100%;height:calc(100vh * var(--screen-size));z-index:1}.xo-parallax__content{position:relative;width:100%;height:var(--height);z-index:2}.xo-parallax__text-box{position:sticky;width:100vw;top:50%;left:0;transform:translateY(-50%) scale(.75);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;z-index:2}@media (min-width: 768px){.xo-parallax__text-box{transform:translateY(-50%) scale(1)}}.xo-parallax__heading{position:relative;transition:.3s;display:block;color:#fff}.xo-parallax__heading:hover{opacity:.6}.xo-parallax__heading-icon{position:absolute;top:50%;right:-17px;transform:translate(100%,-50%)}.xo-parallax__heading-icon-dot{width:17px;height:17px;background-color:#fff;animation:DotOpacity 1.5s infinite}.xo-parallax__image-heading{width:var(--width);aspect-ratio:var(--ratio)}.xo-parallax__image-heading img{transition:.3s;width:100%}.xo-parallax__bg{height:100vh;overflow:clip}.xo-parallax__bg-content{height:100vh;width:100%}.xo-parallax__bg-media{width:100%;height:100%;background-size:cover;background-image:var(--bg-mb);position:relative}@media (min-width: 992px){.xo-parallax__bg-media{background-image:var(--bg-pc)}}.xo-parallax__bg-media xo-video-cover{position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;height:100vh}.xo-parallax__video{width:100%;height:100%;object-fit:cover}xo-parallax-scroll.xo-parallax__bg-media{backface-visibility:hidden;background-attachment:fixed}xo-parallax-scroll.xo-parallax__bg-media xo-video-cover{transform:translateY(-50%) scale(1.2)}
/*# sourceMappingURL=/cdn/shop/t/394/assets/section-parallax.css.map */