mf-slideshow-motion{display:block;position:relative}
mf-slideshow-motion[data-effect=expand] .slideshow{clip-path:inset(var(--mf-frame,0%) var(--mf-frame,0%));transform-origin:center}
mf-slideshow-motion[data-effect=zoom] .content-box__background-media{transform:scale(var(--mf-image-scale,1));transform-origin:center}
mf-slideshow-motion[data-effect=reveal] .slideshow{clip-path:inset(var(--mf-curtain,0%) 0 0)}
mf-slideshow-motion.mf-sequence-active{height:var(--mf-sequence-height)}
mf-slideshow-motion.mf-sequence-active .slideshow{position:sticky;top:0;height:100svh}
mf-slideshow-motion.mf-sequence-active .slideshow__slide .content-box{min-height:100svh}
mf-slideshow-motion.mf-sequence-active .content-box__background-media{position:absolute;inset:0}
mf-slideshow-motion.mf-sequence-active .slideshow__controls{visibility:hidden;pointer-events:none}
.shopify-section:has(>mf-slideshow-motion){position:relative}
@media(prefers-reduced-motion:reduce){
mf-slideshow-motion .slideshow{clip-path:none!important}
mf-slideshow-motion .content-box__background-media{transform:none!important}
mf-slideshow-motion.mf-sequence-active{height:auto}
mf-slideshow-motion.mf-sequence-active .slideshow{position:relative;height:auto}
}

mf-slideshow-motion.mf-expand-active .slideshow{height:var(--mf-expand-height)}
mf-slideshow-motion.mf-expand-active .slideshow__slide .content-box{height:100%;min-height:0}
mf-slideshow-motion.mf-expand-active .content-box__background-media{position:absolute;inset:0}

mf-slideshow-motion[data-effect=parallax] .content-box__background-media{transform:scale(1.08) translateY(var(--mf-drift,0%));transform-origin:center}
mf-slideshow-motion[data-effect=focus] .content-box__background-media{transform:scale(var(--mf-focus-scale,1));transform-origin:center}
mf-slideshow-motion[data-effect=side_reveal] .slideshow{clip-path:inset(0 var(--mf-side-veil,0%) 0 0)}
@media(prefers-reduced-motion:no-preference){
mf-slideshow-motion.mf-text-armed .slideshow__slide:not(.mf-text-entered) .prose>*
{opacity:0}
mf-slideshow-motion.mf-text-armed .mf-text-entered .prose>*{animation:mf-slide-text-fade var(--mf-text-duration,1200ms) cubic-bezier(.22,1,.36,1) both;animation-delay:var(--mf-text-delay,100ms)}
mf-slideshow-motion[data-text-effect=rise].mf-text-armed .mf-text-entered .prose>*{animation-name:mf-slide-text-rise}
mf-slideshow-motion[data-text-effect=blur].mf-text-armed .mf-text-entered .prose>*{animation-name:mf-slide-text-blur}
mf-slideshow-motion[data-text-effect=mask].mf-text-armed .mf-text-entered .prose>*{animation-name:mf-slide-text-mask}
mf-slideshow-motion[data-text-effect=stagger].mf-text-armed .mf-text-entered .prose>*{animation-name:mf-slide-text-rise;animation-delay:calc(var(--mf-text-delay,100ms) + var(--mf-text-index,0)*140ms)}
}
@keyframes mf-slide-text-fade{from{opacity:0}to{opacity:1}}
@keyframes mf-slide-text-rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes mf-slide-text-blur{from{opacity:0;filter:blur(4px);transform:translateY(10px)}to{opacity:1;filter:blur(0);transform:none}}
@keyframes mf-slide-text-mask{from{opacity:0;clip-path:inset(100% 0 0);transform:translateY(10px)}to{opacity:1;clip-path:inset(0);transform:none}}
@media(prefers-reduced-motion:reduce){mf-slideshow-motion .slideshow{clip-path:none!important}mf-slideshow-motion .content-box__background-media{transform:none!important}}
