.animated-collage__inner{display:flex;flex-direction:column}.animated-collage__inner.align--left{align-items:flex-start;text-align:left}.animated-collage__inner.align--right{align-items:flex-end;text-align:right}.animated-collage__inner.align--center{align-items:center;text-align:center}.animated-collage .block-heading:not(:first-child),.animated-collage .block-promo-badge:not(:first-child){margin-top:1.2rem}.animated-collage .block-description{max-width:38rem}.animated-collage .block-description:not(:first-child){margin-top:.8rem}.js .animated-collage[data-has-appearance-animation=true] .animated-collage__inner>*{transition-property:opacity,transform;transition-duration:.5s;transition-timing-function:ease-out;transition-delay:.6s;opacity:0;transform:translate3d(0,12px,0);will-change:opacity,transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-font-smoothing:antialiased}.js .animated-collage[data-has-appearance-animation=true] .animated-collage__inner>*:nth-child(1){transition-delay:.3s}.js .animated-collage[data-has-appearance-animation=true] .animated-collage__inner>*:nth-child(2){transition-delay:.4s}.js .animated-collage[data-has-appearance-animation=true] .animated-collage__inner>*:nth-child(3){transition-delay:.5s}.js .animated-collage[data-has-appearance-animation=true].init-appearance-animation .animated-collage__inner>*{opacity:1;transform:translateZ(0)}@media screen and (hover:hover)and (pointer:fine){.animated-collage .button:hover{transform:none}.animated-collage .button:hover .button__label-wrapper,.animated-collage .button:hover .button__label:first-of-type,.animated-collage .button:hover .button-icon__icon:first-of-type{transform:none;opacity:1}.animated-collage .button:hover .button__label:last-of-type,.animated-collage .button:hover .button-icon__icon:last-of-type{opacity:0}.animated-collage .button--primary:hover{background-color:rgb(var(--background-color-primary-button))}.animated-collage .button--primary:hover .button__label{color:rgb(var(--color-primary-button-text))}.animated-collage .button--primary:hover .button-icon{background-color:#ffffff24}.animated-collage .button--secondary:hover{background-color:rgb(var(--background-color-secondary-button))}.animated-collage .button--secondary:hover .button__label{color:rgb(var(--color-secondary-button-text))}}[dir=rtl] .animated-collage__inner.align--left{text-align:right}[dir=rtl] .animated-collage__inner.align--right{text-align:left}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-animated-collage.css.map */
