.zz-image-fx{overflow:hidden;pointer-events:none;position:absolute;z-index:1}.zz-image-fx>span{background-repeat:no-repeat;position:absolute}.zz-image-fx canvas{display:block;height:100%;width:100%}:where([data-zz-image=curtain]){position:relative}[data-zz-image=settle]{overflow:clip}@keyframes zz-image-circle{0%{clip-path:circle(0 at 50% 50%)}to{clip-path:circle(75% at 50% 50%)}}@keyframes zz-image-settle{0%{opacity:0;transform:scale(1.3)}}@keyframes zz-image-curtain{0%{transform:scaleX(0);transform-origin:0 50%}48%{transform:scaleX(1);transform-origin:0 50%}52%{transform:scaleX(1);transform-origin:100% 50%}to{transform:scaleX(0);transform-origin:100% 50%}}@keyframes zz-image-behind{0%,50%{opacity:0}51%,to{opacity:1}}@media (prefers-reduced-motion:no-preference){html.zz-motion [data-zz-image]:not(.zz-in):not([data-zz-fold] *,.zz-template--header *) img{opacity:0}html.zz-motion:not(.zz-motion-ready) [data-zz-image]:not([data-zz-fold] *,.zz-template--header *) img{animation:zz-image-show 1ms 2.5s forwards}:is(.zz-in,.zz-effect-play)[data-zz-image=circle] img{animation:zz-image-circle var(--zz-effect-duration,1.1s) cubic-bezier(.65,0,.35,1) var(--zz-motion-delay,0ms) both}:is(.zz-in,.zz-effect-play)[data-zz-image=settle] img{animation:zz-image-settle var(--zz-effect-duration,1.4s) cubic-bezier(.16,1,.3,1) var(--zz-motion-delay,0ms) both}:is(.zz-in,.zz-effect-play)[data-zz-image=curtain] img{animation:zz-image-behind var(--zz-effect-duration,1.2s) linear var(--zz-motion-delay,0ms) both}:is(.zz-in,.zz-effect-play)[data-zz-image=curtain]:after{animation:zz-image-curtain var(--zz-effect-duration,1.2s) cubic-bezier(.65,0,.35,1) var(--zz-motion-delay,0ms) both;background:var(--zz-effect-color,var(--zz-color-accent,#d0ea63));content:"";inset:0;pointer-events:none;position:absolute;transform:scaleX(0);z-index:1}}@keyframes zz-image-show{to{opacity:1}}