[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) )}.image-gallery-with-text{display:flex;flex-direction:column;gap:3.6rem}@media (min-width: 992px){.image-gallery-with-text{gap:6.2rem}}.image-gallery-with-text__top{display:flex;flex-direction:column-reverse;gap:4rem;padding-inline-start:2.1rem;padding-inline-end:2.1rem}@media (min-width: 768px){.image-gallery-with-text__top{gap:0;flex-direction:row;justify-content:space-between;padding-inline-start:5rem;padding-inline-end:3rem}}@media (min-width: 992px){.image-gallery-with-text__top{padding-inline-start:10rem;padding-inline-end:8rem}}@media (min-width: 1400px){.image-gallery-with-text__top{padding-inline-start:22rem;padding-inline-end:20rem}}.image-gallery-with-text__text{flex-shrink:0}@media (min-width: 768px){.image-gallery-with-text__text{max-width:32rem}}@media (min-width: 992px){.image-gallery-with-text__text{max-width:43.6rem}}.image-gallery-with-text__heading{width:80%;margin-bottom:1.7rem}@media (min-width: 992px){.image-gallery-with-text__heading{width:100%;margin-bottom:1.1rem}}.image-gallery-with-text__description{font-family:var(--font-body-family);font-size:calc(var(--font-body-scale) * 1.4rem);font-style:var(--font-body-style);font-weight:400;color:color-mix(in srgb,rgba(var(--color-foreground-2)) 100%,transparent);line-height:calc(1 + .57 / var(--font-body-scale))}@media (min-width: 992px){.image-gallery-with-text__description{font-size:calc(var(--font-body-scale) * 1.6rem);line-height:calc(1 + .5 / var(--font-body-scale))}}.image-gallery-with-text__image-decor{display:flex;gap:2rem;justify-content:space-between}@media (min-width: 768px){.image-gallery-with-text__image-decor{width:50%}}.image-gallery-with-text__image-decor svg{background-color:gray}.image-gallery-with-text__image-1{position:relative;height:fit-content}@media (min-width: 992px){.image-gallery-with-text__image-1{transform:translateY(-25%)}}.image-gallery-with-text__image-1 .xo-image{width:14.1rem}@media (min-width: 992px){.image-gallery-with-text__image-1 .xo-image{width:16.7rem}}.image-gallery-with-text__image-1 svg{width:100%;height:100%}.image-gallery-with-text__image-2{position:relative;align-self:flex-end;width:10.3rem}@media (min-width: 992px){.image-gallery-with-text__image-2{width:19.6rem}[dir=ltr] .image-gallery-with-text__image-2{right:-10%}[dir=rtl] .image-gallery-with-text__image-2{left:-10%}}.image-gallery-with-text__image-2 svg{width:100%;height:100%}.image-gallery-with-text__circle{width:16.7rem;height:100%;position:absolute;z-index:-1;top:15%;border-radius:50%;background-color:color-mix(in srgb,rgba(var(--color-layer)) 100%,transparent)}[dir=ltr] .image-gallery-with-text__circle{left:30%}[dir=rtl] .image-gallery-with-text__circle{right:30%}@media (max-width: 991px){.image-gallery-with-text__circle{width:14.1rem}}.image-gallery-with-text__image-small{position:absolute;z-index:10;top:0}.image-gallery-with-text__image-small .xo-image{max-width:2rem}@media (min-width: 992px){.image-gallery-with-text__image-small .xo-image{max-width:2.4rem}}.image-gallery-with-text__image-small svg{background-color:gray}.image-gallery-with-text__marquee{display:flex;align-items:center}.image-gallery-with-text__image{display:flex;align-items:center;padding-inline-start:.75rem}@media (min-width: 992px){.image-gallery-with-text__image{padding-inline-start:2.2rem}}.image-gallery-with-text__image:hover svg,.image-gallery-with-text__image:hover img{scale:1.1}.image-gallery-with-text__image .xo-image{width:20rem;height:13rem;border-radius:1rem}@media (min-width: 992px){.image-gallery-with-text__image .xo-image{width:58rem;height:39rem;border-radius:3rem}}.image-gallery-with-text__image svg,.image-gallery-with-text__image img{transition:all .5s}.image-gallery-with-text__image .xo-image__placeholder{width:100%}.image-gallery-with-text__image svg{width:100%;height:100%}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-image-gallery-with-text.css.map */