.image-animation{position:relative;padding-top:3rem}.image-animation__header{padding:5rem 0;text-align:center}.image-animation__entry{max-width:47rem;margin:2rem auto}.image-animation__actions{margin-top:3.5rem}.image-animation__holder{position:relative;height:700vh}.image-animation canvas{position:sticky;top:var(--header-height);left:0;width:100%;height:calc(100vh - var(--header-height));object-fit:cover}.image-animation__segments{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;padding:0 5rem}.image-animation__segment{position:sticky;left:0;width:100%;max-width:35rem;opacity:0;visibility:hidden;transition:transform .3s,opacity .2s,visibility .2s}.image-animation__segment.active{opacity:1;visibility:visible}.sticky-bullets{list-style-type:none;display:flex;flex-direction:column;row-gap:12px;padding-left:0;margin-top:45px}.sticky-bullets li{opacity:0;transition:transform .3s,opacity .2s,visibility .2s;visibility:hidden;display:flex;align-items:center;column-gap:14px;color:#260719b3;font-size:20px}.sticky-bullets li svg{flex:none}@media (min-width:1150px){.sticky-bullets li{white-space:nowrap}}.sticky-bullets li.active{opacity:1;visibility:visible}.image-animation__segment--top-left{top:calc(3rem + var(--header-height));transform:translate(-5rem)}.image-animation__segment--top-center{top:calc(3rem + var(--header-height));transform:translateY(5rem);max-width:72rem;margin:0 auto;text-align:center}.image-animation__segment--top-right{top:calc(3rem + var(--header-height));transform:translate(5rem);margin-left:auto}.image-animation__segment--top-left.active,.image-animation__segment--top-center.active,.image-animation__segment--top-right.active{transform:translate(0)}.image-animation__segment--middle-left{top:calc(50% + var(--header-height));transform:translate(-5rem,-50%)}.image-animation__segment--middle-center{top:calc(50% + var(--header-height));transform:translateY(-45%);max-width:60rem;margin:0 auto;text-align:center}.image-animation__segment--middle-right{top:calc(50% + var(--header-height));transform:translate(5rem,-50%);margin-left:auto}.image-animation__segment--middle-left.active,.image-animation__segment--middle-center.active,.image-animation__segment--middle-right.active{transform:translateY(-50%)}.image-animation__segment--bottom-left{top:calc(100% - 3rem);transform:translate(-5rem,-100%)}.image-animation__segment--bottom-center{top:calc(100% - 3rem);transform:translateY(-100%);max-width:60rem;margin:0 auto;text-align:center}.image-animation__segment--bottom-right{top:calc(100% - 3rem);transform:translate(5rem,-100%);margin-left:auto}.image-animation__segment--bottom-left.active,.image-animation__segment--bottom-center.active,.image-animation__segment--bottom-right.active{transform:translateY(-100%)}@media (max-width: 750px){.image-animation__header{padding:0 0 3rem}.image-animation canvas{height:calc(60vh - var(--header-height))}.image-animation__segment{top:60%;transform:none;display:flex;flex-direction:column;align-items:flex-start;height:40vh;padding:2rem 0}.image-animation__segment.active{top:60%;transform:none;margin:0}.image-animation__segments{padding:0 3rem}.image-animation__segment__title{font-size:3rem}.sticky-bullets{margin-top:20px;row-gap:8px}.sticky-bullets li{font-size:18px}}
/*# sourceMappingURL=/cdn/shop/t/108/assets/section-image-animation.css.map */