motion-frame,.motion-frame{--mf-frame-color: var(--sc-ochre, #DD7303);--mf-thickness: 1px;--mf-offset: 14px;--mf-duration: .62s;--mf-content-duration: .9s;--mf-ease: cubic-bezier(.22,.61,.36,1);--mf-delay: 0ms;--mf-rise: 34px;--mf-scale-from: .985;--mf-stagger: 90ms;position:relative;display:block;isolation:isolate}.motion-frame__edge{position:absolute;z-index:1;background:var(--mf-frame-color);opacity:0;pointer-events:none;transition:transform var(--mf-duration) var(--mf-ease),opacity .2s linear}.motion-frame__edge--t,.motion-frame__edge--b{left:calc(-1 * var(--mf-offset));right:calc(-1 * var(--mf-offset));height:var(--mf-thickness);transform:scaleX(0)}.motion-frame__edge--l,.motion-frame__edge--r{top:calc(-1 * var(--mf-offset));bottom:calc(-1 * var(--mf-offset));width:var(--mf-thickness);transform:scaleY(0)}.motion-frame__edge--t{top:calc(-1 * var(--mf-offset));transform-origin:left center}.motion-frame__edge--r{right:calc(-1 * var(--mf-offset));transform-origin:center top}.motion-frame__edge--b{bottom:calc(-1 * var(--mf-offset));transform-origin:right center}.motion-frame__edge--l{left:calc(-1 * var(--mf-offset));transform-origin:center bottom}.motion-frame.is-inview .motion-frame__edge{opacity:1}.motion-frame.is-inview .motion-frame__edge--t{transform:scaleX(1);transition-delay:calc(var(--mf-delay))}.motion-frame.is-inview .motion-frame__edge--r{transform:scaleY(1);transition-delay:calc(var(--mf-delay) + var(--mf-duration) * .55)}.motion-frame.is-inview .motion-frame__edge--b{transform:scaleX(1);transition-delay:calc(var(--mf-delay) + var(--mf-duration) * 1.1)}.motion-frame.is-inview .motion-frame__edge--l{transform:scaleY(1);transition-delay:calc(var(--mf-delay) + var(--mf-duration) * 1.65)}.motion-frame__content{position:relative;z-index:2;opacity:0;transform:translate3d(0,var(--mf-rise),0) scale(var(--mf-scale-from));transition:opacity var(--mf-content-duration) var(--mf-ease),transform var(--mf-content-duration) var(--mf-ease);transition-delay:calc(var(--mf-delay) + 60ms);will-change:transform,opacity}.motion-frame.is-inview .motion-frame__content{opacity:1;transform:translateZ(0) scale(1)}.motion-frame[data-mf-stagger] .motion-frame__content>*{opacity:0;transform:translate3d(0,calc(var(--mf-rise) * .8),0);transition:opacity var(--mf-content-duration) var(--mf-ease),transform var(--mf-content-duration) var(--mf-ease);transition-delay:calc(var(--mf-delay) + 60ms + var(--mf-i, 0) * var(--mf-stagger))}.motion-frame[data-mf-stagger].is-inview .motion-frame__content>*{opacity:1;transform:translateZ(0)}.motion-frame[data-mf-stagger] .motion-frame__content,.motion-frame[data-variant=frame] .motion-frame__content{opacity:1;transform:none;transition:none}.motion-frame[data-variant=reveal] .motion-frame__edge{display:none}@media(prefers-reduced-motion:reduce){.motion-frame__edge{opacity:1!important;transform:none!important;transition:none!important}.motion-frame__content,.motion-frame[data-mf-stagger] .motion-frame__content>*{opacity:1!important;transform:none!important;transition:none!important}}.motion-frame:not(:defined) .motion-frame__content,html.no-js .motion-frame__content{opacity:1;transform:none}html.no-js .motion-frame__edge{opacity:1;transform:none}
/*# sourceMappingURL=/cdn/shop/t/27/assets/motion-frame.css.map */