.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)}[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/2/assets/component-animated-image-group.css.map */