.pdp-product-hero-container{display:flex;height:461px;padding:0 8px;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;border-radius:8px;overflow:hidden;background:#fff;position:relative;--number-icon-color: rgba(26, 26, 26, .3)}.ph-animation-images{display:flex;flex-direction:row;width:fit-content;width:100%;height:100%;position:relative;overflow:hidden}.ph-animation-image{width:100%;height:100%;left:0;top:0;position:absolute;opacity:1;pointer-events:none;transform:translate(100%,-20%) scale(.92)}.ph-animation-image .image_wrapper{width:100%;height:100%;object-fit:contain}.ph-animation-image.active{opacity:1;transform:translate(0) scale(1);z-index:2;transition:opacity 2s ease,transform 2s ease}.ph-animation-image.not-active{opacity:1;transform:translate(-100%,-30%) scale(.92);z-index:1;transition:transform 2s ease,opacity 2s ease}.ph-animation-image.is-enter-start{transform:translate(100%,-30%) scale(.92);transition:transform 2s ease,opacity 2s ease;z-index:3}.ph-animation-image.is-entering{opacity:1;transform:translate(0) scale(1);z-index:3;transition:transform 2s ease,opacity 2s ease}.ph-animation-texts{width:224px;height:88px;flex-shrink:0;position:relative;z-index:5;display:flex;gap:-8px}.ph-animation-text1-container{display:flex;width:80px;height:80px;padding-bottom:4px;flex-direction:column;justify-content:center;align-items:center;aspect-ratio:1/1;border-radius:40px;border:1px solid #f4f4f4;background:#f4f4f4;z-index:3;transition:transform .35s ease}.ph-animation-text2-container{display:flex;width:80px;height:88px;justify-content:center;align-items:flex-end;gap:8px;margin-left:-8px;z-index:2}.ph-animation-text2-box{display:flex;padding:16px 10.5px 20px;flex-direction:column;align-items:center;aspect-ratio:1/1;border-radius:40px;border:1px solid #f4f4f4;background:#f4f4f4;transition:transform .35s ease}.ph-animation-text3-container{display:flex;width:80px;height:80px;padding-bottom:4px;flex-direction:column;justify-content:center;align-items:center;aspect-ratio:1/1;border-radius:40px;border:1px solid #f4f4f4;background-color:#f4f4f4;margin-left:-8px;transition:background-color 2s ease}.ph-animation-text1-container.active,.ph-animation-text2-container.active .ph-animation-text2-box,.ph-animation-text3-container.active{background-color:#fff;transition:background-color 2s ease}.ph-animation-text1-container.active .ph-animation-number,.ph-animation-text1-container.active .ph-animation-label,.ph-animation-text2-container.active .ph-animation-number,.ph-animation-text2-container.active .ph-animation-label,.ph-animation-text3-container.active .ph-animation-label{color:#1a1a1a}.ph-animation-text3-container.active .ph-animation-number-icon svg{color:#1a1a1a}.ph-animation-number{color:#1a1a1a4d;text-align:center;font-family:DM Sans;font-size:30px;font-style:normal;font-weight:600;line-height:100%;transition:color 2s ease}.ph-animation-number-icon{width:34px;height:30px;flex-shrink:0}.ph-animation-number-icon svg{color:#1a1a1a4d}.ph-animation-label{color:#1a1a1a4d;text-align:center;font-family:DM Sans;font-size:14px;font-style:normal;font-weight:400;line-height:100%;transition:color 2s ease}.ph-footer{position:relative;z-index:5}.ph-button{display:flex;justify-content:center;align-items:center;gap:8px;border-radius:60px;background:#173586;color:#fff;text-align:center;font-family:SF Pro;font-style:normal;font-weight:590;line-height:22px;text-decoration:none;padding:16px 32px;font-size:16px}.ph-background-image{width:100%;height:100%;position:absolute;top:0;left:0;background:#f4f4f4}.ph-background-image .image_wrapper{width:100%;height:100%}.ph-background-image .image_wrapper img{width:100%;height:100%;object-fit:fill}
/*# sourceMappingURL=/cdn/shop/t/21/assets/pdp-product-hero.css.map */