.dynamic-image-grid_cel{align-items:center;display:flex;flex-direction:column;gap:var(--spacer-30);margin-block-start:var(--spacer-30);overflow:visible;padding-block:var(--spacer-20);width:100%}@media screen and (min-width:1280px){.dynamic-image-grid_cel{align-items:center;flex-direction:row;gap:0;justify-content:center;margin-block-start:var(--spacer-80);padding-block:var(--spacer-40)}}.dynamic-image-grid_cel__item{overflow:visible;position:relative;transform:rotate(var(--item-rotate, 0deg));transform-origin:center center;transition:transform .3s ease;width:100%}@media screen and not (min-width:1280px){.dynamic-image-grid_cel__item{transform:none;width:100%}}@media screen and (min-width:1280px){.dynamic-image-grid_cel__item{flex-shrink:0;width:calc((100% + 2 * var(--grid-overlap, 60px)) / 3)}.dynamic-image-grid_cel__item:not(:first-child){margin-left:calc(-1 * var(--grid-overlap, 60px))}}@media screen and not (min-width:1280px){.dynamic-image-grid_cel__item.dynamic-image-grid_cel__item--hide-mobile{display:none}}.dynamic-image-grid_cel__item img:not(.dynamic-image-grid_cel__sticker){aspect-ratio:395 / 285;box-shadow:0 4px 12px #0000001a;height:auto;object-fit:cover;width:100%}.dynamic-image-grid_cel__item .placeholder-svg{aspect-ratio:395 / 285;background-color:var(--color-background-secondary, #f5f5f5);height:auto;width:100%}.dynamic-image-grid_cel__item:hover img:not(.dynamic-image-grid_cel__sticker),.dynamic-image-grid_cel__item:hover svg{rotate:5deg}.dynamic-image-grid_cel__sticker{height:auto;left:50%;pointer-events:none;position:absolute;top:0;transform:translate(-50%,var(--sticker-offset-y, -40%)) rotate(var(--sticker-rotate, 0deg));width:var(--sticker-width, 60%);z-index:2}.dynamic-image-grid_cel__item.sticker-left .dynamic-image-grid_cel__sticker{left:0;transform:translateY(var(--sticker-offset-y, -40%)) rotate(var(--sticker-rotate, 0deg))}.dynamic-image-grid_cel__item.sticker-right .dynamic-image-grid_cel__sticker{left:auto;right:0;transform:translateY(var(--sticker-offset-y, -40%)) rotate(var(--sticker-rotate, 0deg))}.dynamic-image-grid_cel__item--has-sticker{z-index:1}
/*# sourceMappingURL=/cdn/shop/t/736/assets/component-dynamic-image-grid_cel.css.map */
