.circular-gallery{--cg-image-max: 9.4rem;--cg-radius-ratio: 2.964;--cg-height-ratio: 1.333;--cg-envelope-ratio: 3.6698;--cg-fit-scale: .1362;--cg-image-width: min(var(--cg-image-max), calc((100vw - 6rem) * var(--cg-fit-scale)));--cg-image-height: calc(var(--cg-image-width) * var(--cg-height-ratio));--cg-radius: calc(var(--cg-image-width) * var(--cg-radius-ratio));--cg-diameter: calc(var(--cg-radius) * 2 + var(--cg-image-height));--cg-overhang: calc( (var(--cg-envelope-ratio) - var(--cg-radius-ratio) - var(--cg-height-ratio) / 2) * var(--cg-image-width) )}.circular-gallery--square{--cg-height-ratio: 1;--cg-envelope-ratio: 3.5049;--cg-fit-scale: .1426}.circular-gallery--landscape{--cg-height-ratio: .75;--cg-envelope-ratio: 3.3813;--cg-fit-scale: .1478}.circular-gallery__inner{display:flex;flex-direction:column;align-items:center;gap:calc(4rem - var(--cg-overhang))}.circular-gallery__stage{display:flex;justify-content:center;width:100%;margin-block:var(--cg-overhang);overflow-x:clip;overflow-y:visible}.circular-gallery__circle{display:grid;grid-template-areas:"stack";grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);place-items:center;width:var(--cg-diameter);height:var(--cg-diameter);animation:circular-gallery-spin var(--cg-duration, 60s) linear infinite;will-change:transform}.circular-gallery__circle--static{animation:none}.circular-gallery__item{grid-area:stack;width:var(--cg-image-width);height:var(--cg-image-height);overflow:hidden;border-radius:min(var(--border-radius-block),1.2rem);transform:rotate(var(--cg-angle, 0deg)) translateY(calc(var(--cg-radius) * -1));backface-visibility:hidden}.circular-gallery__image{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.circular-gallery__content{width:100%}.circular-gallery__content.flex-column-content{gap:2.4rem}.circular-gallery__content .block-heading{max-width:56rem}.circular-gallery__content:not(:has(*)){display:none}@media screen and (min-width:750px){.circular-gallery__inner{gap:calc(7.2rem - var(--cg-overhang))}}[dir=rtl] .circular-gallery__circle{animation-direction:reverse}@keyframes circular-gallery-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.circular-gallery__circle{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-circular-gallery.css.map */