.animated-image-group-responsive{display:contents}.animated-image-group-responsive[data-active-layout=side_fade]{display:block;position:relative;width:min(100%,92rem);margin-inline:auto;padding-inline:clamp(4.8rem,6vw,6rem)}.block-animated-image-group{display:flex;height:auto;justify-content:center;align-self:center!important;overflow:visible;perspective:1000px}.block-animated-image-group:not(:first-child){margin-top:2.4rem;align-items:center}.block-animated-image-group:first-child{align-items:flex-start}.block-animated-image-group[data-card-ratio=square] .block-image{aspect-ratio:1/1}.block-animated-image-group[data-card-ratio=landscape] .block-image{aspect-ratio:220/146}.block-animated-image-group[data-card-ratio=portrait] .block-image{aspect-ratio:3/4}.block-animated-image-group[data-blocks="2"]{align-items:flex-start!important;height:calc(30vw * var(--image-height-koef))}@media(min-width:1440px){.block-animated-image-group[data-blocks="2"]{height:calc(var(--image-width) * var(--image-height-koef) * 1px)}}.block-animated-image-group[data-blocks="2"] .block-image{width:30vw}@media screen and (min-width:1440px){.block-animated-image-group[data-blocks="2"] .block-image{flex:0 0 auto;width:calc(var(--image-width) * 1px)}}.block-animated-image-group[data-blocks="2"] .block-image:first-child{transform:translate(18%,12%) rotate(-10deg);z-index:1}.block-animated-image-group[data-blocks="2"] .block-image:last-child{transform:translate(-18%,12%) rotate(10deg);z-index:1}.block-animated-image-group[data-blocks="3"]{align-items:flex-start!important;height:calc(28vw * var(--image-height-koef))}@media screen and (min-width:1160px){.block-animated-image-group[data-blocks="3"]{height:calc(22vw * var(--image-height-koef))}}@media(min-width:1440px){.block-animated-image-group[data-blocks="3"]{height:calc(var(--image-width) * var(--image-height-koef) * 1px)}}.block-animated-image-group[data-blocks="3"] .block-image:first-child{transform:translate(36%,30%) rotate(-15deg);z-index:1}.block-animated-image-group[data-blocks="3"] .block-image:last-child{transform:translate(-36%,30%) rotate(15deg);z-index:1}.block-animated-image-group[data-blocks="3"] .block-image{width:28vw;z-index:2}@media screen and (min-width:1160px){.block-animated-image-group[data-blocks="3"] .block-image{width:22vw}}@media screen and (min-width:1440px){.block-animated-image-group[data-blocks="3"] .block-image{flex:0 0 auto;width:calc(var(--image-width) * 1px)}}.block-animated-image-group[data-blocks="4"]{align-items:flex-start!important;height:calc(26.2vw * var(--image-height-koef))}@media screen and (min-width:1160px){.block-animated-image-group[data-blocks="4"]{height:calc(18vw * var(--image-height-koef))}}@media(min-width:1440px){.block-animated-image-group[data-blocks="4"]{height:calc(var(--image-width) * var(--image-height-koef) * 1px)}}.block-animated-image-group[data-blocks="4"] .block-image{width:26.2vw}@media screen and (min-width:1160px){.block-animated-image-group[data-blocks="4"] .block-image{width:18vw}}@media screen and (min-width:1440px){.block-animated-image-group[data-blocks="4"] .block-image{flex:0 0 auto;width:calc(var(--image-width) * 1px)}}.block-animated-image-group[data-blocks="4"] .block-image:first-child{transform:translate(30%,15%) rotate(-18deg);z-index:0}.block-animated-image-group[data-blocks="4"] .block-image:nth-child(2){transform:translate(15%,10%) rotate(-8deg);z-index:1}.block-animated-image-group[data-blocks="4"] .block-image:nth-child(3){transform:translate(-15%,10%) rotate(8deg);z-index:1}.block-animated-image-group[data-blocks="4"] .block-image:last-child{transform:translate(-30%,15%) rotate(18deg);z-index:2}.block-animated-image-group[data-blocks="5"]{height:calc(18.6vw * var(--image-height-koef))}@media screen and (min-width:1160px){.block-animated-image-group[data-blocks="5"]{height:calc(14.33vw * var(--image-height-koef))}}@media(min-width:1440px){.block-animated-image-group[data-blocks="5"]{height:calc(var(--image-width) * var(--image-height-koef) * 1px)}}.block-animated-image-group[data-blocks="5"] .block-image:first-child{z-index:1;transform:translate(40%,10%) rotate(5deg)}.block-animated-image-group[data-blocks="5"] .block-image:nth-child(2){z-index:1;transform:translate(20%,-5%) rotate(-5deg)}.block-animated-image-group[data-blocks="5"] .block-image:nth-child(3){transform:translateY(10%) rotate(0);z-index:1}.block-animated-image-group[data-blocks="5"] .block-image:nth-child(4){z-index:1;transform:translate(-20%,-5%) rotate(5deg)}.block-animated-image-group[data-blocks="5"] .block-image:last-child{z-index:2;transform:translate(-40%,10%) rotate(-5deg)}.block-animated-image-group[data-blocks="5"] .block-image{width:18.6vw}@media screen and (min-width:1160px){.block-animated-image-group[data-blocks="5"] .block-image{width:14.33vw}}@media screen and (min-width:1440px){.block-animated-image-group[data-blocks="5"] .block-image{flex:0 0 auto;width:calc(var(--image-width) * 1px)}}.block-animated-image-group:not([data-blocks="1"]):not([data-blocks="2"]):not([data-blocks="3"]):not([data-blocks="4"]):not([data-blocks="5"]){flex-wrap:wrap;align-items:flex-start!important;height:auto}.block-animated-image-group:not([data-blocks="1"]):not([data-blocks="2"]):not([data-blocks="3"]):not([data-blocks="4"]):not([data-blocks="5"]) .block-image{width:20%;flex-shrink:0;flex-grow:0}@media screen and (min-width:1440px){.block-animated-image-group:not([data-blocks="1"]):not([data-blocks="2"]):not([data-blocks="3"]):not([data-blocks="4"]):not([data-blocks="5"]) .block-image{width:calc(var(--image-width) * 1px)}}.block-animated-image-group:not([data-blocks="1"]):not([data-blocks="2"]):not([data-blocks="3"]):not([data-blocks="4"]):not([data-blocks="5"]) .block-image:nth-child(5n+1){transform:rotate(3deg);z-index:1}.block-animated-image-group:not([data-blocks="1"]):not([data-blocks="2"]):not([data-blocks="3"]):not([data-blocks="4"]):not([data-blocks="5"]) .block-image:nth-child(5n+2){transform:rotate(-2deg);z-index:1}.block-animated-image-group:not([data-blocks="1"]):not([data-blocks="2"]):not([data-blocks="3"]):not([data-blocks="4"]):not([data-blocks="5"]) .block-image:nth-child(5n+3){transform:rotate(0);z-index:1}.block-animated-image-group:not([data-blocks="1"]):not([data-blocks="2"]):not([data-blocks="3"]):not([data-blocks="4"]):not([data-blocks="5"]) .block-image:nth-child(5n+4){transform:rotate(2deg);z-index:1}.block-animated-image-group:not([data-blocks="1"]):not([data-blocks="2"]):not([data-blocks="3"]):not([data-blocks="4"]):not([data-blocks="5"]) .block-image:nth-child(5n+5){transform:rotate(-3deg);z-index:1}.block-animated-image-group .block-image{position:relative;box-shadow:0 2px 2px rgb(var(--color-shadow),.1);transform-style:preserve-3d}.block-animated-image-group .block-image:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;border-radius:inherit;border:.1rem solid rgba(var(--color-foreground),.03);pointer-events:none;background:transparent}@media screen and (min-width:1440px){.block-animated-image-group .block-image{width:calc(var(--image-width) * 1px);flex-shrink:1}}.block-animated-image-group .block-image .block-image-picture{object-position:center;object-fit:cover;width:100%;height:100%;border-radius:inherit;transition:transform 1.2s cubic-bezier(.215,.61,.355,1);transform:scale(1)}.block-animated-image-group[data-layout=editorial_grid],.block-animated-image-group[data-layout=side_fade],.block-animated-image-group[data-layout=image_rail]{height:auto!important;perspective:none}.block-animated-image-group[data-layout=editorial_grid] .block-image{flex:none;box-shadow:none;transform:none!important;transform-style:flat}.block-animated-image-group[data-layout=side_fade] .block-image{box-shadow:none;transform-style:flat}.block-animated-image-group[data-layout=editorial_grid] .block-image .block-image-picture,.block-animated-image-group[data-layout=side_fade] .block-image .block-image-picture,.block-animated-image-group[data-layout=image_rail] .block-image .block-image-picture{transition:none;transform:none}.block-animated-image-group[data-layout=editorial_grid]{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.08fr) minmax(0,1.2fr) minmax(0,1.08fr) minmax(0,.95fr);align-items:center!important;gap:clamp(.8rem,1.5vw,2rem);width:min(100%,88rem)}.block-animated-image-group[data-layout=editorial_grid] .block-image{width:100%!important}.block-animated-image-group[data-layout=editorial_grid] .block-image:nth-child(1),.block-animated-image-group[data-layout=editorial_grid] .block-image:nth-child(5){margin-top:4.8rem;aspect-ratio:4/5}.block-animated-image-group[data-layout=editorial_grid] .block-image:nth-child(2),.block-animated-image-group[data-layout=editorial_grid] .block-image:nth-child(4){margin-top:1.6rem;aspect-ratio:3/4}.block-animated-image-group[data-layout=editorial_grid] .block-image:nth-child(3){aspect-ratio:1/1}.side-fade-carousel,.animated-image-group-responsive[data-active-layout=side_fade]{position:relative;width:min(100%,92rem);margin-inline:auto;padding-inline:clamp(4.8rem,6vw,6rem)}.side-fade-carousel__nav{position:absolute;top:50%;z-index:5;display:none;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0;border-radius:50%;border:1px solid rgba(var(--color-foreground),.08);background:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer;transform:translateY(-50%);transition:transform var(--duration-default) ease,opacity var(--duration-default) ease}.side-fade-carousel__nav--prev{left:0}.side-fade-carousel__nav--next{right:0}.side-fade-carousel__nav--next .icon-slider-btn-arrow{transform:rotate(180deg)}@media(hover:hover)and (pointer:fine){.side-fade-carousel .side-fade-carousel__nav,.animated-image-group-responsive[data-active-layout=side_fade] .side-fade-carousel__nav{display:inline-flex}.side-fade-carousel .side-fade-carousel__nav:hover,.animated-image-group-responsive[data-active-layout=side_fade] .side-fade-carousel__nav:hover{transform:translateY(-50%) scale(1.05)}}.block-animated-image-group[data-layout=side_fade]{position:relative;display:block;width:100%;overflow:hidden;touch-action:pan-y;user-select:none;-webkit-user-select:none;--slot-offset: clamp(10rem, 14vw, 14rem);--slot-card-width: clamp(14rem, 18vw, 18rem);min-height:calc(var(--slot-card-width) * 1.5);cursor:grab}.block-animated-image-group[data-layout=side_fade].is-dragging{cursor:grabbing}.block-animated-image-group[data-layout=side_fade] .block-image{position:absolute;top:50%;left:50%;width:var(--slot-card-width);aspect-ratio:4/5;margin:0!important;box-shadow:none!important;pointer-events:none;transform-origin:center center;will-change:transform,opacity;transition:transform .55s cubic-bezier(.22,1,.36,1),opacity .4s ease}.block-animated-image-group[data-layout=side_fade] .block-image:before{display:none}.block-animated-image-group[data-layout=side_fade] .block-image.is-teleporting{transition:none}.block-animated-image-group[data-layout=side_fade] .block-image[data-slot="-3"],.block-animated-image-group[data-layout=side_fade] .block-image[data-slot="3"]{opacity:0;z-index:1}.block-animated-image-group[data-layout=side_fade] .block-image[data-slot="-3"]{transform:translate(-50%,-50%) translate(calc(-3 * var(--slot-offset))) scale(.6)}.block-animated-image-group[data-layout=side_fade] .block-image[data-slot="3"]{transform:translate(-50%,-50%) translate(calc(3 * var(--slot-offset))) scale(.6)}.block-animated-image-group[data-layout=side_fade] .block-image[data-slot="-2"],.block-animated-image-group[data-layout=side_fade] .block-image[data-slot="2"]{opacity:.3;z-index:2}.block-animated-image-group[data-layout=side_fade] .block-image[data-slot="-2"]{transform:translate(-50%,-50%) translate(calc(-2 * var(--slot-offset))) scale(.72)}.block-animated-image-group[data-layout=side_fade] .block-image[data-slot="2"]{transform:translate(-50%,-50%) translate(calc(2 * var(--slot-offset))) scale(.72)}.block-animated-image-group[data-layout=side_fade] .block-image[data-slot="-1"],.block-animated-image-group[data-layout=side_fade] .block-image[data-slot="1"]{opacity:.62;z-index:3}.block-animated-image-group[data-layout=side_fade] .block-image[data-slot="-1"]{transform:translate(-50%,-50%) translate(calc(-1 * var(--slot-offset))) scale(.88)}.block-animated-image-group[data-layout=side_fade] .block-image[data-slot="1"]{transform:translate(-50%,-50%) translate(calc(1 * var(--slot-offset))) scale(.88)}.block-animated-image-group[data-layout=side_fade] .block-image[data-slot="0"]{transform:translate(-50%,-50%) scale(1.22);opacity:1;z-index:4}.block-animated-image-group[data-layout=image_rail]{display:flex;flex-wrap:nowrap;align-items:flex-start;justify-content:space-between;gap:clamp(.6rem,1.2vw,1.6rem);width:min(100%,92rem);overflow-x:visible}.block-animated-image-group[data-layout=image_rail] .block-image{flex:1 1 0;min-width:0;width:auto!important;margin-top:0!important;box-shadow:none;transform:none!important;transform-style:flat;aspect-ratio:4/5}@media screen and (max-width:749.99px){.block-animated-image-group[data-layout=editorial_grid]{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;width:100%}.side-fade-carousel,.animated-image-group-responsive[data-active-layout=side_fade]{padding-inline:0}.animated-image-group-responsive[data-active-layout=side_fade][data-show-mobile-arrows=true] .side-fade-carousel__nav{display:inline-flex}.animated-image-group-responsive[data-active-layout=side_fade][data-show-mobile-arrows=false] .side-fade-carousel__nav{display:none}.block-animated-image-group[data-layout=side_fade]{--slot-offset: 24vw;--slot-card-width: 46vw}.block-animated-image-group[data-layout=editorial_grid] .block-image,.block-animated-image-group[data-layout=image_rail] .block-image{margin-top:0;aspect-ratio:4/5}.block-animated-image-group[data-layout=editorial_grid] .block-image:nth-child(3){grid-column:1 / -1;aspect-ratio:16/10}.block-animated-image-group[data-layout=image_rail]{flex-wrap:nowrap;justify-content:space-between;width:100%;overflow-x:visible;padding-bottom:0}.block-animated-image-group[data-layout=image_rail] .block-image{flex:1 1 0;min-width:0;width:auto!important;aspect-ratio:4/5}}[dir=rtl] .block-animated-image-group[data-blocks="2"] .block-image:first-child{transform:translate(-18%,12%) rotate(10deg)}[dir=rtl] .block-animated-image-group[data-blocks="2"] .block-image:last-child{transform:translate(18%,12%) rotate(-10deg)}[dir=rtl] .block-animated-image-group[data-blocks="3"] .block-image:first-child{transform:translate(-36%,30%) rotate(15deg)}[dir=rtl] .block-animated-image-group[data-blocks="3"] .block-image:last-child{transform:translate(36%,30%) rotate(-15deg)}[dir=rtl] .block-animated-image-group[data-blocks="4"] .block-image:first-child{transform:translate(-30%,15%) rotate(18deg)}[dir=rtl] .block-animated-image-group[data-blocks="4"] .block-image:nth-child(2){transform:translate(-15%,10%) rotate(8deg)}[dir=rtl] .block-animated-image-group[data-blocks="4"] .block-image:nth-child(3){transform:translate(15%,10%) rotate(-8deg)}[dir=rtl] .block-animated-image-group[data-blocks="4"] .block-image:last-child{transform:translate(30%,15%) rotate(-18deg)}[dir=rtl] .block-animated-image-group[data-blocks="5"] .block-image:first-child{transform:translate(-40%,10%) rotate(-5deg)}[dir=rtl] .block-animated-image-group[data-blocks="5"] .block-image:nth-child(2){transform:translate(-20%,-5%) rotate(5deg)}[dir=rtl] .block-animated-image-group[data-blocks="5"] .block-image:nth-child(3){transform:translateY(10%) rotate(0)}[dir=rtl] .block-animated-image-group[data-blocks="5"] .block-image:nth-child(4){transform:translate(20%,-5%) rotate(-5deg)}[dir=rtl] .block-animated-image-group[data-blocks="5"] .block-image:last-child{transform:translate(40%,10%) rotate(5deg)}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-animated-image-group.css.map */