import { __esmMin } from "rolldown-runtime.BAw5_7tg.mjs"; import { W, X, Y, ae as ae$1, global, init_jsx_runtime, init_npm_react_18_2, init_ssg_sandbox_shims, j, navigator, p, pe, q, re as re$1, se, te, u, ue, window, x, ye } from "react.CEOW7m7F.mjs"; import { LayoutGroup, MotionConfigContext, MotionValue, frame, init_framer_motion_5EXT2AMG, isMotionValue, motion, motionValue, useAnimationFrame, useInView, useMotionValue, useReducedMotion, useTransform, wrap } from "motion.QyqgvDba.mjs"; import { ComponentViewportProvider, Container, ControlType, GeneratedComponentContext, Image2, Link, PropertyOverrides2, RenderTarget, ResolveLinks, RichText, SmartComponentScopedContainer, addFonts, addPropertyControls, animate2, cx, fontStore, getFonts, getFontsFromSharedStyle, getLoadingLazyAtYPosition, getPropertyControls, init_framer_JYARJRD7, useActiveVariantCallback, useComponentViewport, useCustomCursors, useHydratedBreakpointVariants, useIsInCurrentNavigationTarget, useIsOnFramerCanvas, useLocaleInfo, useMetadata, useRouteElementId, useRouter, useVariantState, withCSS, withFX, withOptimizedAppearEffect, withVariantAppearEffect } from "framer.CxIEO1d3.mjs"; import { FramerF5zSwZv4k, Framerh9up4_pFN, Framervf5tqoe0G, Icon, SmoothScroll, init_F5zSwZv4k, init_Phosphor, init_Smooth_Scroll, init_h9up4_pFN, init_vf5tqoe0G } from "shared-lib.Dk4hdxmM.mjs"; import { Framerj_YCliARz, className as className$1, className$1 as className$2, css as css$11, css$1 as css$12, fonts as fonts$1, fonts$1 as fonts$2, init_H04IrcSYe, init_j_YCliARz, init_k9MffJa0I } from "k9MffJa0I.DB1pkKkO.mjs"; import { init_MzVDsyX25 as init_MzVDsyX25$1, metadata } from "MzVDsyX25.BfSd_9Or.mjs"; function velocityPerSecond(t$2, e$3) { return e$3 ? t$2 * (1e3 / e$3) : 0; } var noopReturn, e, init_index_es$4 = __esmMin(() => { (noopReturn = (t$2) => t$2), (e = { ms: (t$2) => 1e3 * t$2, s: (t$2) => t$2 / 1e3 }); }); function binarySubdivide(t$2, n$2, o$1, r$2, c) { let u$1, a$1, s$1 = 0; do (a$1 = n$2 + (o$1 - n$2) / 2), (u$1 = calcBezier(a$1, r$2, c) - t$2), u$1 > 0 ? (o$1 = a$1) : (n$2 = a$1); while (Math.abs(u$1) > e$2 && ++s$1 < i); return a$1; } function cubicBezier(n$2, e$3, i$1, o$1) { if (n$2 === e$3 && i$1 === o$1) return noopReturn; let getTForX = (t$2) => binarySubdivide(t$2, 0, 1, n$2, i$1); return (t$2) => (t$2 === 0 || t$2 === 1 ? t$2 : calcBezier(getTForX(t$2), e$3, o$1)); } var calcBezier, e$2, i, init_index_es$3 = __esmMin(() => { init_index_es$4(), (calcBezier = (t$2, n$2, e$3) => (((1 - 3 * e$3 + 3 * n$2) * t$2 + (3 * e$3 - 6 * n$2)) * t$2 + 3 * n$2) * t$2), (e$2 = 1e-7), (i = 12); }), o, init_index_es$2 = __esmMin(() => { init_index_es$3(), (o = { ease: cubicBezier(0.25, 0.1, 0.25, 1), "ease-in": cubicBezier(0.42, 0, 1, 1), "ease-in-out": cubicBezier(0.42, 0, 0.58, 1), "ease-out": cubicBezier(0, 0, 0.58, 1) }); }); function __rest(e$3, t$2) { var r$2 = {}; for (var n$2 in e$3) Object.prototype.hasOwnProperty.call(e$3, n$2) && t$2.indexOf(n$2) < 0 && (r$2[n$2] = e$3[n$2]); if (e$3 != null && typeof Object.getOwnPropertySymbols == `function`) { var o$1 = 0; for (n$2 = Object.getOwnPropertySymbols(e$3); o$1 < n$2.length; o$1++) t$2.indexOf(n$2[o$1]) < 0 && Object.prototype.propertyIsEnumerable.call(e$3, n$2[o$1]) && (r$2[n$2[o$1]] = e$3[n$2[o$1]]); } return r$2; } var init_tslib_es6 = __esmMin(() => {}), n$1, e$1, t$1, r, init_dist = __esmMin(() => { (n$1 = {}), Object.defineProperty(n$1, `__esModule`, { value: !0 }), (n$1.warning = function () {}), (n$1.invariant = function () {}), (e$1 = n$1.__esModule), (t$1 = n$1.warning), (r = n$1.invariant); }); function calcGeneratorVelocity(t$2, n$2, r$2) { let a$1 = Math.max(n$2 - s, 0); return velocityPerSecond(r$2 - t$2(a$1), n$2 - a$1); } function hasReachedTarget(e$3, t$2, s$1) { return (e$3 < t$2 && s$1 >= t$2) || (e$3 > t$2 && s$1 <= t$2); } function pregenerateKeyframes(e$3) { let t$2, s$1 = r$1, n$2 = e$3(0), o$1 = [n$2.current]; for (; !n$2.done && s$1 < a; ) (n$2 = e$3(s$1)), o$1.push(n$2.done ? n$2.target : n$2.current), t$2 === void 0 && n$2.hasReachedTarget && (t$2 = s$1), (s$1 += r$1); let c = s$1 - r$1; return ( o$1.length === 1 && o$1.push(n$2.current), { keyframes: o$1, duration: c / 1e3, overshootDuration: (t$2 ?? c) / 1e3 } ); } var s, n, calcDampingRatio, spring, glide, r$1, a, init_index_es$1 = __esmMin(() => { init_index_es$4(), (s = 5), (n = { stiffness: 100, damping: 10, mass: 1 }), (calcDampingRatio = (e$3 = n.stiffness, t$2 = n.damping, s$1 = n.mass) => t$2 / (2 * Math.sqrt(e$3 * s$1))), (spring = ({ stiffness: e$3 = n.stiffness, damping: s$1 = n.damping, mass: r$2 = n.mass, from: a$1 = 0, to: o$1 = 1, velocity: c = 0, restSpeed: i$1 = 2, restDistance: h = 0.5 } = {}) => { c = c ? e.s(c) : 0; let u$1 = { done: !1, hasReachedTarget: !1, current: a$1, target: o$1 }, d = o$1 - a$1, f = Math.sqrt(e$3 / r$2) / 1e3, l = calcDampingRatio(e$3, s$1, r$2), g; if (l < 1) { let e$4 = f * Math.sqrt(1 - l * l); g = (t$2) => o$1 - Math.exp(-l * f * t$2) * (((l * f * d - c) / e$4) * Math.sin(e$4 * t$2) + d * Math.cos(e$4 * t$2)); } else g = (e$4) => o$1 - Math.exp(-f * e$4) * (d + (f * d - c) * e$4); return (e$4) => { u$1.current = g(e$4); let t$2 = e$4 === 0 ? c : calcGeneratorVelocity(g, e$4, u$1.current), s$2 = Math.abs(t$2) <= i$1, n$2 = Math.abs(o$1 - u$1.current) <= h; return ( (u$1.done = s$2 && n$2), (u$1.hasReachedTarget = hasReachedTarget(a$1, o$1, u$1.current)), u$1 ); }; }), (glide = ({ from: e$3 = 0, velocity: s$1 = 0, power: n$2 = 0.8, decay: r$2 = 0.325, bounceDamping: a$1, bounceStiffness: o$1, changeTarget: c, min: i$1, max: h, restDistance: u$1 = 0.5, restSpeed: d }) => { r$2 = e.ms(r$2); let f = { hasReachedTarget: !1, done: !1, current: e$3, target: e$3 }, isOutOfBounds = (e$4) => (i$1 !== void 0 && e$4 < i$1) || (h !== void 0 && e$4 > h), nearestBoundary = (e$4) => i$1 === void 0 ? h : h === void 0 || Math.abs(i$1 - e$4) < Math.abs(h - e$4) ? i$1 : h, l = n$2 * s$1, g = e$3 + l, m = c === void 0 ? g : c(g); (f.target = m), m !== g && (l = m - e$3); let calcDelta = (e$4) => -l * Math.exp(-e$4 / r$2), calcLatest = (e$4) => m + calcDelta(e$4), applyFriction = (e$4) => { let t$2 = calcDelta(e$4), s$2 = calcLatest(e$4); (f.done = Math.abs(t$2) <= u$1), (f.current = f.done ? m : s$2); }, p$1, M$1, checkCatchBoundary = (e$4) => { isOutOfBounds(f.current) && ((p$1 = e$4), (M$1 = spring({ from: f.current, to: nearestBoundary(f.current), velocity: calcGeneratorVelocity(calcLatest, e$4, f.current), damping: a$1, stiffness: o$1, restDistance: u$1, restSpeed: d }))); }; return ( checkCatchBoundary(0), (e$4) => { let t$2 = !1; return ( !M$1 && p$1 === void 0 && ((t$2 = !0), applyFriction(e$4), checkCatchBoundary(e$4)), p$1 !== void 0 && e$4 > p$1 ? ((f.hasReachedTarget = !0), M$1(e$4 - p$1)) : ((f.hasReachedTarget = !1), !t$2 && applyFriction(e$4), f) ); } ); }), (r$1 = 10), (a = 1e4); }); function resolveElements(e$3, t$2) { var n$2; return ( typeof e$3 == `string` ? t$2 ? ((n$2 = t$2[e$3]) ?? (t$2[e$3] = document.querySelectorAll(e$3)), (e$3 = t$2[e$3])) : (e$3 = document.querySelectorAll(e$3)) : e$3 instanceof Element && (e$3 = [e$3]), Array.from(e$3 || []) ); } function createGeneratorEasing(e$3) { let t$2 = new WeakMap(); return (n$2 = {}) => { let o$1 = new Map(), getGenerator = (t$3 = 0, i$1 = 100, s$1 = 0, r$2 = !1) => { let a$1 = `${t$3}-${i$1}-${s$1}-${r$2}`; return ( o$1.has(a$1) || o$1.set( a$1, e$3( Object.assign( { from: t$3, to: i$1, velocity: s$1, restSpeed: r$2 ? 0.05 : 2, restDistance: r$2 ? 0.01 : 0.5 }, n$2 ) ) ), o$1.get(a$1) ); }, getKeyframes = (e$4) => (t$2.has(e$4) || t$2.set(e$4, pregenerateKeyframes(e$4)), t$2.get(e$4)); return { createAnimation: (e$4, t$3, n$3, o$2, i$1) => { var s$1, r$2; let a$1, c = e$4.length, l = n$3 && c <= 2 && e$4.every(isNumberOrNull); if (l) { let n$4 = e$4[c - 1], l$1 = c === 1 ? null : e$4[0], f = 0, u$1 = 0, d = i$1?.generator; if (d) { let { animation: t$4, generatorStartTime: n$5 } = i$1, o$3 = t$4?.startTime || n$5 || 0, r$3 = t$4?.currentTime || performance.now() - o$3, a$2 = d(r$3).current; (u$1 = (s$1 = l$1) ?? a$2), (c === 1 || (c === 2 && e$4[0] === null)) && (f = calcGeneratorVelocity((e$5) => d(e$5).current, r$3, a$2)); } else u$1 = (r$2 = l$1) ?? parseFloat(t$3()); let g = getGenerator(u$1, n$4, f, o$2?.includes(`scale`)), m = getKeyframes(g); (a$1 = Object.assign(Object.assign({}, m), { easing: `linear` })), i$1 && ((i$1.generator = g), (i$1.generatorStartTime = performance.now())); } else { let e$5 = getKeyframes(getGenerator(0, 100)); a$1 = { easing: `ease`, duration: e$5.overshootDuration }; } return a$1; } }; }; } function inView$1(e$3, t$2, { root: n$2, margin: o$1, amount: i$1 = `any` } = {}) { if (typeof IntersectionObserver > `u`) return () => {}; let s$1 = resolveElements(e$3), r$2 = new WeakMap(), onIntersectionChange = (e$4) => { e$4.forEach((e$5) => { let n$3 = r$2.get(e$5.target); if (e$5.isIntersecting !== !!n$3) if (e$5.isIntersecting) { let n$4 = t$2(e$5); typeof n$4 == `function` ? r$2.set(e$5.target, n$4) : a$1.unobserve(e$5.target); } else n$3 && (n$3(e$5), r$2.delete(e$5.target)); }); }, a$1 = new IntersectionObserver(onIntersectionChange, { root: n$2, rootMargin: o$1, threshold: typeof i$1 == `number` ? i$1 : U[i$1] }); return s$1.forEach((e$4) => a$1.observe(e$4)), () => a$1.disconnect(); } function getElementSize(e$3, t$2) { if (t$2) { let { inlineSize: e$4, blockSize: n$2 } = t$2[0]; return { width: e$4, height: n$2 }; } return e$3 instanceof SVGElement && `getBBox` in e$3 ? e$3.getBBox() : { width: e$3.offsetWidth, height: e$3.offsetHeight }; } function notifyTarget({ target: e$3, contentRect: t$2, borderBoxSize: n$2 }) { var o$1; (o$1 = q$1.get(e$3)) == null || o$1.forEach((o$2) => { o$2({ target: e$3, contentSize: t$2, get size() { return getElementSize(e$3, n$2); } }); }); } function notifyAll(e$3) { e$3.forEach(notifyTarget); } function createResizeObserver() { typeof ResizeObserver < `u` && (K = new ResizeObserver(notifyAll)); } function resizeElement(e$3, t$2) { K || createResizeObserver(); let n$2 = resolveElements(e$3); return ( n$2.forEach((e$4) => { let n$3 = q$1.get(e$4); n$3 || ((n$3 = new Set()), q$1.set(e$4, n$3)), n$3.add(t$2), K?.observe(e$4); }), () => { n$2.forEach((e$4) => { let n$3 = q$1.get(e$4); n$3?.delete(t$2), (n$3 != null && n$3.size) || K == null || K.unobserve(e$4); }); } ); } function createWindowResizeHandler() { (_ = () => { let e$3 = { width: window.innerWidth, height: window.innerHeight }, t$2 = { target: window, size: e$3, contentSize: e$3 }; G.forEach((e$4) => e$4(t$2)); }), window.addEventListener(`resize`, _); } function resizeWindow(e$3) { return ( G.add(e$3), _ || createWindowResizeHandler(), () => { G.delete(e$3), !G.size && _ && (_ = void 0); } ); } function resize(e$3, t$2) { return typeof e$3 == `function` ? resizeWindow(e$3) : resizeElement(e$3, t$2); } function dispatchPointerEvent(e$3, t$2, n$2) { e$3.dispatchEvent(new CustomEvent(t$2, { detail: { originalEvent: n$2 } })); } function dispatchViewEvent(e$3, t$2, n$2) { e$3.dispatchEvent(new CustomEvent(t$2, { detail: { originalEntry: n$2 } })); } var W$1, L, D, M, k, asTransformCssVar, B, j$1, testAnimation, C, $, R, isNumberOrNull, N, F, U, q$1, K, G, _, se$1, mouseEvent, re, ae, ce, le, init_index_es = __esmMin(() => { for (let e$3 in (init_ssg_sandbox_shims(), init_index_es$4(), init_index_es$2(), init_tslib_es6(), init_dist(), init_index_es$1(), (W$1 = [``, `X`, `Y`, `Z`]), (L = [`translate`, `scale`, `rotate`, `skew`]), (D = { syntax: ``, initialValue: `0deg`, toDefaultUnit: (e$3) => e$3 + `deg` }), (M = { translate: { syntax: ``, initialValue: `0px`, toDefaultUnit: (e$3) => e$3 + `px` }, rotate: D, scale: { syntax: ``, initialValue: 1, toDefaultUnit: noopReturn }, skew: D }), (k = new Map()), (asTransformCssVar = (e$3) => `--motion-${e$3}`), (B = [`x`, `y`, `z`]), L.forEach((e$3) => { W$1.forEach((t$2) => { B.push(e$3 + t$2), k.set(asTransformCssVar(e$3 + t$2), M[e$3]); }); }), (j$1 = new Set(B)), (testAnimation = (e$3) => document.createElement(`div`).animate(e$3, { duration: 0.001 })), (C = { cssRegisterProperty: () => typeof CSS < `u` && Object.hasOwnProperty.call(CSS, `registerProperty`), waapi: () => Object.hasOwnProperty.call(Element.prototype, `animate`), partialKeyframes: () => { try { testAnimation({ opacity: [1] }); } catch { return !1; } return !0; }, finished: () => !!testAnimation({ opacity: [0, 1] }).finished }), ($ = {}), (R = {}), C)) R[e$3] = () => ($[e$3] === void 0 && ($[e$3] = C[e$3]()), $[e$3]); (isNumberOrNull = (e$3) => typeof e$3 != `string`), (N = createGeneratorEasing(spring)), (F = createGeneratorEasing(glide)), (U = { any: 0, all: 1 }), (q$1 = new WeakMap()), (G = new Set()), (se$1 = { isActive: (e$3) => !!e$3.inView, subscribe: (e$3, { enable: t$2, disable: n$2 }, { inViewOptions: o$1 = {} }) => { let { once: i$1 } = o$1, s$1 = __rest(o$1, [`once`]); return inView$1( e$3, (o$2) => { if ((t$2(), dispatchViewEvent(e$3, `viewenter`, o$2), !i$1)) return (t$3) => { n$2(), dispatchViewEvent(e$3, `viewleave`, t$3); }; }, s$1 ); } }), (mouseEvent = (e$3, t$2, n$2) => (o$1) => { (!o$1.pointerType || o$1.pointerType === `mouse`) && (n$2(), dispatchPointerEvent(e$3, t$2, o$1)); }), (re = { isActive: (e$3) => !!e$3.hover, subscribe: (e$3, { enable: t$2, disable: n$2 }) => { let o$1 = mouseEvent(e$3, `hoverstart`, t$2), i$1 = mouseEvent(e$3, `hoverend`, n$2); return ( e$3.addEventListener(`pointerenter`, o$1), e$3.addEventListener(`pointerleave`, i$1), () => { e$3.removeEventListener(`pointerenter`, o$1), e$3.removeEventListener(`pointerleave`, i$1); } ); } }), (ae = { isActive: (e$3) => !!e$3.press, subscribe: (e$3, { enable: t$2, disable: n$2 }) => { let onPointerUp = (t$3) => { n$2(), dispatchPointerEvent(e$3, `pressend`, t$3), window.removeEventListener(`pointerup`, onPointerUp); }, onPointerDown = (n$3) => { t$2(), dispatchPointerEvent(e$3, `pressstart`, n$3), window.addEventListener(`pointerup`, onPointerUp); }; return ( e$3.addEventListener(`pointerdown`, onPointerDown), () => { e$3.removeEventListener(`pointerdown`, onPointerDown), window.removeEventListener(`pointerup`, onPointerUp); } ); } }), (ce = { inView: se$1, hover: re, press: ae }), (le = [`initial`, `animate`, ...Object.keys(ce), `exit`]); }); function Ticker(props) { let { slots, gap, padding, paddingPerSide, paddingTop, paddingRight, paddingBottom, paddingLeft, speed, hoverFactor, direction, alignment, sizingOptions, fadeOptions, style } = props, { fadeContent, overflow, fadeWidth, fadeInset, fadeAlpha } = fadeOptions, { widthType, heightType } = sizingOptions, paddingValue = paddingPerSide ? `${paddingTop}px ${paddingRight}px ${paddingBottom}px ${paddingLeft}px` : `${padding}px`, isCanvas = RenderTarget.current() === RenderTarget.canvas, filteredSlots = slots.filter(Boolean), numChildren = j.count(filteredSlots), hasChildren = numChildren > 0; direction === !0 && (direction = `left`); let isHorizontal = direction === `left` || direction === `right`, offset = useMotionValue(0), transformer = directionTransformers[direction], transform = useTransform(offset, transformer), parentRef = pe(null), childrenRef = se(() => [W(), W()], []), [size, setSize] = ye({ parent: null, children: null }), clonedChildren = [], dupedChildren = [], duplicateBy = 0, opacity = 0; isCanvas && ((duplicateBy = numChildren ? Math.floor(10 / numChildren) : 0), (opacity = 1)), !isCanvas && hasChildren && size.parent && ((duplicateBy = Math.round((size.parent / size.children) * 2) + 1), (duplicateBy = Math.min(duplicateBy, MAX_DUPLICATED_ITEMS)), (opacity = 1)); let measure = te(() => { if (hasChildren && parentRef.current) { let parentLength = isHorizontal ? parentRef.current.offsetWidth : parentRef.current.offsetHeight, start = childrenRef[0].current ? isHorizontal ? childrenRef[0].current.offsetLeft : childrenRef[0].current.offsetTop : 0, end = childrenRef[1].current ? isHorizontal ? childrenRef[1].current.offsetLeft + childrenRef[1].current.offsetWidth : childrenRef[1].current.offsetTop + childrenRef[1].current.offsetHeight : 0, childrenLength = end - start + gap; setSize({ parent: parentLength, children: childrenLength }); } }, []), childrenStyles = isCanvas ? { contentVisibility: `auto` } : {}; if (hasChildren) { if (!isCanvas) { let initialResize = pe(!0); ue( () => ( frame.read(measure), resize(parentRef.current, ({ contentSize }) => { !initialResize.current && (contentSize.width || contentSize.height) && frame.read(measure), (initialResize.current = !1); }) ), [] ); } clonedChildren = j.map(filteredSlots, (child, index) => { var _child_props, _child_props1, _child_props2, _child_props3; let ref; index === 0 && (ref = childrenRef[0]), index === filteredSlots.length - 1 && (ref = childrenRef[1]); let size$1 = { width: widthType ? (_child_props = child.props)?.width : `100%`, height: heightType ? (_child_props1 = child.props)?.height : `100%` }; return p(LayoutGroup, { inherit: `id`, children: p(`li`, { ref, style: size$1, children: q( child, { style: { ...(_child_props2 = child.props)?.style, ...size$1, flexShrink: 0, ...childrenStyles }, layoutId: child.props.layoutId ? child.props.layoutId + `-original-` + index : void 0 }, (_child_props3 = child.props)?.children ) }) }); }); } if (!isCanvas) for (let i$1 = 0; i$1 < duplicateBy; i$1++) dupedChildren = [ ...dupedChildren, ...j.map(filteredSlots, (child, childIndex) => { var _child_props, _child_props1, _child_props2, _child_props3, _child_props4, _child_props5; let size$1 = { width: widthType ? (_child_props = child.props)?.width : `100%`, height: heightType ? (_child_props1 = child.props)?.height : `100%`, willChange: `transform` }; return p( LayoutGroup, { inherit: `id`, children: p( `li`, { style: size$1, "aria-hidden": !0, children: q( child, { key: i$1 + ` ` + childIndex, style: { ...(_child_props2 = child.props)?.style, width: widthType ? (_child_props3 = child.props)?.width : `100%`, height: heightType ? (_child_props4 = child.props)?.height : `100%`, flexShrink: 0, ...childrenStyles }, layoutId: child.props.layoutId ? child.props.layoutId + `-dupe-` + i$1 : void 0 }, (_child_props5 = child.props)?.children ) }, i$1 + `li` + childIndex ) }, i$1 + `lg` + childIndex ); }) ]; let animateToValue = size.children + size.children * Math.round(size.parent / size.children), initialTime = pe(null), prevTime = pe(null), xOrY = pe(0), isHover = pe(!1), isReducedMotion = useReducedMotion(), listRef = pe(null), animationRef = pe(null); if (!isCanvas) { let isInView = useInView(parentRef); supportsAcceleratedAnimations ? (ue(() => { if (!(isReducedMotion || !animateToValue || !speed)) return ( (animationRef.current = listRef.current.animate( { transform: [transformer(0), transformer(animateToValue)] }, { duration: (Math.abs(animateToValue) / speed) * 1e3, iterations: 1 / 0, easing: `linear` } )), () => animationRef.current.cancel() ); }, [hoverFactor, animateToValue, speed]), ue(() => { animationRef.current && (isInView && animationRef.current.playState === `paused` ? animationRef.current.play() : !isInView && animationRef.current.playState === `running` && animationRef.current.pause()); }, [isInView])) : useAnimationFrame((t$2) => { if (!animateToValue || isReducedMotion || supportsAcceleratedAnimations) return; initialTime.current === null && (initialTime.current = t$2), (t$2 -= initialTime.current); let timeSince = prevTime.current === null ? 0 : t$2 - prevTime.current, delta = timeSince * (speed / 1e3); isHover.current && (delta *= hoverFactor), (xOrY.current += delta), (xOrY.current = wrap(0, animateToValue, xOrY.current)), (prevTime.current = t$2), isInView && offset.set(xOrY.current); }); } let fadeDirection = isHorizontal ? `to right` : `to bottom`, fadeWidthStart = fadeWidth / 2, fadeWidthEnd = 100 - fadeWidth / 2, fadeInsetStart = clamp(fadeInset, 0, fadeWidthStart), fadeInsetEnd = 100 - fadeInset, fadeMask = `linear-gradient(${fadeDirection}, rgba(0, 0, 0, ${fadeAlpha}) ${fadeInsetStart}%, rgba(0, 0, 0, 1) ${fadeWidthStart}%, rgba(0, 0, 0, 1) ${fadeWidthEnd}%, rgba(0, 0, 0, ${fadeAlpha}) ${fadeInsetEnd}%)`; return hasChildren ? p(`section`, { style: { ...containerStyle$1, opacity, WebkitMaskImage: fadeContent ? fadeMask : void 0, MozMaskImage: fadeContent ? fadeMask : void 0, maskImage: fadeContent ? fadeMask : void 0, overflow: overflow ? `visible` : `hidden`, padding: paddingValue }, ref: parentRef, children: u(motion.ul, { ref: listRef, style: { ...containerStyle$1, gap, top: direction === `bottom` && isValidNumber(animateToValue) ? -animateToValue : void 0, left: direction === `right` && isValidNumber(animateToValue) ? -animateToValue : void 0, placeItems: alignment, position: `relative`, flexDirection: isHorizontal ? `row` : `column`, ...style, willChange: isCanvas ? `auto` : `transform`, transform: supportsAcceleratedAnimations ? transformer(0) : transform }, onMouseEnter: () => { (isHover.current = !0), animationRef.current && (animationRef.current.playbackRate = hoverFactor); }, onMouseLeave: () => { (isHover.current = !1), animationRef.current && (animationRef.current.playbackRate = 1); }, children: [clonedChildren, dupedChildren] }) }) : u(`section`, { style: placeholderStyles, children: [ p(`div`, { style: emojiStyles, children: `✨` }), p(`p`, { style: titleStyles, children: `Connect to Content` }), p(`p`, { style: subtitleStyles, children: `Add layers or components to infinitely loop on your page.` }) ] }); } var MAX_DUPLICATED_ITEMS, directionTransformers, supportsAcceleratedAnimations, containerStyle$1, placeholderStyles, emojiStyles, titleStyles, subtitleStyles, clamp, isValidNumber, init_Ticker = __esmMin(() => { init_jsx_runtime(), init_npm_react_18_2(), init_framer_JYARJRD7(), init_framer_motion_5EXT2AMG(), init_index_es(), (MAX_DUPLICATED_ITEMS = 100), (directionTransformers = { left: (offset) => `translateX(-${offset}px)`, right: (offset) => `translateX(${offset}px)`, top: (offset) => `translateY(-${offset}px)`, bottom: (offset) => `translateY(${offset}px)` }), (supportsAcceleratedAnimations = typeof Animation < `u` && typeof Animation.prototype.updatePlaybackRate == `function`), (Ticker.defaultProps = { gap: 10, padding: 10, sizingOptions: { widthType: !0, heightType: !0 }, fadeOptions: { fadeContent: !0, overflow: !1, fadeWidth: 25, fadeAlpha: 0, fadeInset: 0 }, direction: !0 }), addPropertyControls(Ticker, { slots: { type: ControlType.Array, title: `Children`, control: { type: ControlType.ComponentInstance } }, speed: { type: ControlType.Number, title: `Speed`, min: 0, max: 1e3, defaultValue: 100, unit: `%`, displayStepper: !0, step: 5 }, direction: { type: ControlType.Enum, title: `Direction`, options: [`left`, `right`, `top`, `bottom`], optionIcons: [`direction-left`, `direction-right`, `direction-up`, `direction-down`], optionTitles: [`Left`, `Right`, `Top`, `Bottom`], defaultValue: `left`, displaySegmentedControl: !0 }, alignment: { type: ControlType.Enum, title: `Align`, options: [`flex-start`, `center`, `flex-end`], optionIcons: { direction: { right: [`align-top`, `align-middle`, `align-bottom`], left: [`align-top`, `align-middle`, `align-bottom`], top: [`align-left`, `align-center`, `align-right`], bottom: [`align-left`, `align-center`, `align-right`] } }, defaultValue: `center`, displaySegmentedControl: !0 }, gap: { type: ControlType.Number, title: `Gap` }, padding: { title: `Padding`, type: ControlType.FusedNumber, toggleKey: `paddingPerSide`, toggleTitles: [`Padding`, `Padding per side`], valueKeys: [`paddingTop`, `paddingRight`, `paddingBottom`, `paddingLeft`], valueLabels: [`T`, `R`, `B`, `L`], min: 0 }, sizingOptions: { type: ControlType.Object, title: `Sizing`, controls: { widthType: { type: ControlType.Boolean, title: `Width`, enabledTitle: `Auto`, disabledTitle: `Stretch`, defaultValue: !0 }, heightType: { type: ControlType.Boolean, title: `Height`, enabledTitle: `Auto`, disabledTitle: `Stretch`, defaultValue: !0 } } }, fadeOptions: { type: ControlType.Object, title: `Clipping`, controls: { fadeContent: { type: ControlType.Boolean, title: `Fade`, defaultValue: !0 }, overflow: { type: ControlType.Boolean, title: `Overflow`, enabledTitle: `Show`, disabledTitle: `Hide`, defaultValue: !1, hidden(props) { return props.fadeContent === !0; } }, fadeWidth: { type: ControlType.Number, title: `Width`, defaultValue: 25, min: 0, max: 100, unit: `%`, hidden(props) { return props.fadeContent === !1; } }, fadeInset: { type: ControlType.Number, title: `Inset`, defaultValue: 0, min: 0, max: 100, unit: `%`, hidden(props) { return props.fadeContent === !1; } }, fadeAlpha: { type: ControlType.Number, title: `Opacity`, defaultValue: 0, min: 0, max: 1, step: 0.05, hidden(props) { return props.fadeContent === !1; } } } }, hoverFactor: { type: ControlType.Number, title: `Hover`, min: 0, max: 1, unit: `x`, defaultValue: 1, step: 0.1, displayStepper: !0, description: `Slows down the speed while you are hovering.` } }), (containerStyle$1 = { display: `flex`, width: `100%`, height: `100%`, maxWidth: `100%`, maxHeight: `100%`, placeItems: `center`, margin: 0, padding: 0, listStyleType: `none`, textIndent: `none` }), (placeholderStyles = { display: `flex`, width: `100%`, height: `100%`, placeContent: `center`, placeItems: `center`, flexDirection: `column`, color: `#96F`, background: `rgba(136, 85, 255, 0.1)`, fontSize: 11, overflow: `hidden`, padding: `20px 20px 30px 20px` }), (emojiStyles = { fontSize: 32, marginBottom: 10 }), (titleStyles = { margin: 0, marginBottom: 10, fontWeight: 600, textAlign: `center` }), (subtitleStyles = { margin: 0, opacity: 0.7, maxWidth: 150, lineHeight: 1.5, textAlign: `center` }), (clamp = (num, min, max) => Math.min(Math.max(num, min), max)), (isValidNumber = (value) => typeof value == `number` && !isNaN(value)); }), containerStyles, emptyStateStyle, defaultEvents, fontSizeOptions, fontControls, init_constants = __esmMin(() => { init_framer_JYARJRD7(), (containerStyles = { position: `relative`, width: `100%`, height: `100%`, display: `flex`, justifyContent: `center`, alignItems: `center` }), (emptyStateStyle = { ...containerStyles, borderRadius: 6, background: `rgba(136, 85, 255, 0.3)`, color: `#85F`, border: `1px dashed #85F`, flexDirection: `column` }), (defaultEvents = { onClick: { type: ControlType.EventHandler }, onMouseEnter: { type: ControlType.EventHandler }, onMouseLeave: { type: ControlType.EventHandler } }), (fontSizeOptions = { type: ControlType.Number, title: `Font Size`, min: 2, max: 200, step: 1, displayStepper: !0 }), (fontControls = { font: { type: ControlType.Boolean, title: `Font`, defaultValue: !1, disabledTitle: `Default`, enabledTitle: `Custom` }, fontFamily: { type: ControlType.String, title: `Family`, placeholder: `Inter`, hidden: ({ font }) => !font }, fontWeight: { type: ControlType.Enum, title: `Weight`, options: [100, 200, 300, 400, 500, 600, 700, 800, 900], optionTitles: [ `Thin`, `Extra-light`, `Light`, `Regular`, `Medium`, `Semi-bold`, `Bold`, `Extra-bold`, `Black` ], hidden: ({ font }) => !font } }); }); function useOnEnter(onEnter, enabled) { return useOnSpecificTargetChange(!0, onEnter, enabled); } function useOnExit(onExit, enabled) { return useOnSpecificTargetChange(!1, onExit, enabled); } function useOnSpecificTargetChange(goal, callback, enabled = !0) { let isInTarget = useIsInCurrentNavigationTarget(); ue(() => { enabled && isInTarget === goal && callback(); }, [isInTarget]); } var init_useOnNavigationTargetChange = __esmMin(() => { init_framer_JYARJRD7(), init_npm_react_18_2(); }); function useConstant(init) { let ref = pe(null); return ref.current === null && (ref.current = init()), ref.current; } var init_useConstant = __esmMin(() => { init_npm_react_18_2(); }), init_colorFromToken = __esmMin(() => { init_framer_JYARJRD7(); }), init_isMotionValue$1 = __esmMin(() => { init_framer_JYARJRD7(); }), init_useUniqueClassName = __esmMin(() => { init_npm_react_18_2(); }), init_variantUtils = __esmMin(() => { init_framer_JYARJRD7(); }), isBrowserSafari, useIsBrowserSafari, init_isBrowser = __esmMin(() => { init_ssg_sandbox_shims(), init_npm_react_18_2(), (isBrowserSafari = () => { if (navigator !== void 0) { let userAgent = navigator.userAgent.toLowerCase(), isSafari = (userAgent.indexOf(`safari`) > -1 || userAgent.indexOf(`framermobile`) > -1 || userAgent.indexOf(`framerx`) > -1) && userAgent.indexOf(`chrome`) < 0; return isSafari; } else return !1; }), (useIsBrowserSafari = () => se(() => isBrowserSafari(), [])); }), init_useOnChange = __esmMin(() => { init_npm_react_18_2(), init_isMotionValue$1(); }), init_useAutoMotionValue = __esmMin(() => { init_npm_react_18_2(), init_framer_JYARJRD7(), init_isMotionValue$1(), init_useConstant(); }), init_useFontControls = __esmMin(() => { init_framer_JYARJRD7(), init_npm_react_18_2(), init_constants(); }); function useRenderTarget() { let currentRenderTarget = se(() => RenderTarget.current(), []); return currentRenderTarget; } function useIsOnCanvas() { let onCanvas = se(() => RenderTarget.current() === RenderTarget.canvas, []); return onCanvas; } var init_useRenderTarget = __esmMin(() => { init_npm_react_18_2(), init_framer_JYARJRD7(); }), init_useControlledState = __esmMin(() => { init_npm_react_18_2(); }); function useRadius(props) { let { borderRadius, isMixedBorderRadius, topLeftRadius, topRightRadius, bottomRightRadius, bottomLeftRadius } = props, radiusValue = se( () => isMixedBorderRadius ? `${topLeftRadius}px ${topRightRadius}px ${bottomRightRadius}px ${bottomLeftRadius}px` : `${borderRadius}px`, [borderRadius, isMixedBorderRadius, topLeftRadius, topRightRadius, bottomRightRadius, bottomLeftRadius] ); return radiusValue; } var borderRadiusControl, paddingControl, init_propUtils = __esmMin(() => { init_npm_react_18_2(), init_framer_JYARJRD7(), (borderRadiusControl = { borderRadius: { title: `Radius`, type: ControlType.FusedNumber, toggleKey: `isMixedBorderRadius`, toggleTitles: [`Radius`, `Radius per corner`], valueKeys: [`topLeftRadius`, `topRightRadius`, `bottomRightRadius`, `bottomLeftRadius`], valueLabels: [`TL`, `TR`, `BR`, `BL`], min: 0 } }), (paddingControl = { padding: { type: ControlType.FusedNumber, toggleKey: `paddingPerSide`, toggleTitles: [`Padding`, `Padding per side`], valueKeys: [`paddingTop`, `paddingRight`, `paddingBottom`, `paddingLeft`], valueLabels: [`T`, `R`, `B`, `L`], min: 0, title: `Padding` } }); }), init_default_utils_js__0_45 = __esmMin(() => { init_constants(), init_useOnNavigationTargetChange(), init_useConstant(), init_colorFromToken(), init_isMotionValue$1(), init_useUniqueClassName(), init_variantUtils(), init_isBrowser(), init_useOnChange(), init_useAutoMotionValue(), init_useFontControls(), init_useRenderTarget(), init_useControlledState(), init_propUtils(); }), isMotionValue$2, init_isMotionValue = __esmMin(() => { init_framer_JYARJRD7(), (isMotionValue$2 = (v) => v instanceof MotionValue); }); function useAutoMotionValue$1(inputValue, options) { let optionsRef = pe(options), animation$2 = pe(), didInitialMount = pe(!1), isOnCanvas = RenderTarget.current() === RenderTarget.canvas, onChangeDeps = options?.onChangeDeps ? options.onChangeDeps : [], onChange = te(options?.onChange, [...onChangeDeps]), transformer = te((value) => { var ref; return (ref = optionsRef.current)?.transform ? optionsRef.current.transform(value) : value; }, []), value1 = useConstant(() => (isMotionValue$2(inputValue) ? inputValue : motionValue(transformer(inputValue)))); return ( ue(() => { if (!isMotionValue$2(inputValue) && didInitialMount.current) { var ref, ref1; let newValue = transformer(inputValue); if ( ((ref = animation$2.current) == null || ref.stop(), onChange && onChange(newValue, value1), (ref1 = optionsRef.current)?.animate && !isOnCanvas) ) { var ref2; animation$2.current = animate2(value1, newValue, (ref2 = optionsRef.current)?.transition); } else value1.set(newValue); } didInitialMount.current = !0; }, [inputValue, ...onChangeDeps]), value1 ); } var init_useAutoMotionValue_js_0_3 = __esmMin(() => { init_npm_react_18_2(), init_framer_JYARJRD7(), init_isMotionValue(), init_useConstant(); }), _global, exports, exports$1, init_npm_lottie_web_5_7 = __esmMin(() => { init_ssg_sandbox_shims(), (_global = typeof globalThis < `u` ? globalThis : typeof self < `u` ? self : global), (exports = {}), navigator !== void 0 && (function (root, factory) { exports ? (exports = factory(root)) : ((root.lottie = factory(root)), (root.bodymovin = root.lottie)); })(window || {}, function (window$1) { var svgNS = `http://www.w3.org/2000/svg`, locationHref = ``, initialDefaultFrame = -999999, subframeEnabled = !0, expressionsPlugin, isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent), cachedColors = {}, bmRnd, bmPow = Math.pow, bmSqrt = Math.sqrt, bmFloor = Math.floor, bmMax = Math.max, bmMin = Math.min, BMMath = {}; (function () { var propertyNames = `abs.acos.acosh.asin.asinh.atan.atanh.atan2.ceil.cbrt.expm1.clz32.cos.cosh.exp.floor.fround.hypot.imul.log.log1p.log2.log10.max.min.pow.random.round.sign.sin.sinh.sqrt.tan.tanh.trunc.E.LN10.LN2.LOG10E.LOG2E.PI.SQRT1_2.SQRT2`.split( `.` ), i$1, len = propertyNames.length; for (i$1 = 0; i$1 < len; i$1 += 1) BMMath[propertyNames[i$1]] = Math[propertyNames[i$1]]; })(); function ProjectInterface() { return {}; } (BMMath.random = Math.random), (BMMath.abs = function (val) { var tOfVal = typeof val; if (tOfVal === `object` && val.length) { var absArr = createSizedArray(val.length), i$1, len = val.length; for (i$1 = 0; i$1 < len; i$1 += 1) absArr[i$1] = Math.abs(val[i$1]); return absArr; } return Math.abs(val); }); var defaultCurveSegments = 150, degToRads = Math.PI / 180, roundCorner = 0.5519; function roundValues(flag) { bmRnd = flag ? Math.round : function (val) { return val; }; } roundValues(!1); function styleDiv(element) { (element.style.position = `absolute`), (element.style.top = 0), (element.style.left = 0), (element.style.display = `block`), (element.style.transformOrigin = `0 0`), (element.style.webkitTransformOrigin = `0 0`), (element.style.backfaceVisibility = `visible`), (element.style.webkitBackfaceVisibility = `visible`), (element.style.transformStyle = `preserve-3d`), (element.style.webkitTransformStyle = `preserve-3d`), (element.style.mozTransformStyle = `preserve-3d`); } function BMEnterFrameEvent(type, currentTime, totalTime, frameMultiplier) { ((this || _global).type = type), ((this || _global).currentTime = currentTime), ((this || _global).totalTime = totalTime), ((this || _global).direction = frameMultiplier < 0 ? -1 : 1); } function BMCompleteEvent(type, frameMultiplier) { ((this || _global).type = type), ((this || _global).direction = frameMultiplier < 0 ? -1 : 1); } function BMCompleteLoopEvent(type, totalLoops, currentLoop, frameMultiplier) { ((this || _global).type = type), ((this || _global).currentLoop = currentLoop), ((this || _global).totalLoops = totalLoops), ((this || _global).direction = frameMultiplier < 0 ? -1 : 1); } function BMSegmentStartEvent(type, firstFrame, totalFrames) { ((this || _global).type = type), ((this || _global).firstFrame = firstFrame), ((this || _global).totalFrames = totalFrames); } function BMDestroyEvent(type, target) { ((this || _global).type = type), ((this || _global).target = target); } function BMRenderFrameErrorEvent(nativeError, currentTime) { ((this || _global).type = `renderFrameError`), ((this || _global).nativeError = nativeError), ((this || _global).currentTime = currentTime); } function BMConfigErrorEvent(nativeError) { ((this || _global).type = `configError`), ((this || _global).nativeError = nativeError); } var createElementID = (function () { var _count = 0; return function () { return (_count += 1), `__lottie_element_` + _count; }; })(); function HSVtoRGB(h, s$1, v) { var r$2, g, b, i$1, f, p$1, q$2, t$2; switch ( ((i$1 = Math.floor(h * 6)), (f = h * 6 - i$1), (p$1 = v * (1 - s$1)), (q$2 = v * (1 - f * s$1)), (t$2 = v * (1 - (1 - f) * s$1)), i$1 % 6) ) { case 0: (r$2 = v), (g = t$2), (b = p$1); break; case 1: (r$2 = q$2), (g = v), (b = p$1); break; case 2: (r$2 = p$1), (g = v), (b = t$2); break; case 3: (r$2 = p$1), (g = q$2), (b = v); break; case 4: (r$2 = t$2), (g = p$1), (b = v); break; case 5: (r$2 = v), (g = p$1), (b = q$2); break; default: break; } return [r$2, g, b]; } function RGBtoHSV(r$2, g, b) { var max = Math.max(r$2, g, b), min = Math.min(r$2, g, b), d = max - min, h, s$1 = max === 0 ? 0 : d / max, v = max / 255; switch (max) { case min: h = 0; break; case r$2: (h = g - b + d * (g < b ? 6 : 0)), (h /= 6 * d); break; case g: (h = b - r$2 + d * 2), (h /= 6 * d); break; case b: (h = r$2 - g + d * 4), (h /= 6 * d); break; default: break; } return [h, s$1, v]; } function addSaturationToRGB(color, offset) { var hsv = RGBtoHSV(color[0] * 255, color[1] * 255, color[2] * 255); return ( (hsv[1] += offset), hsv[1] > 1 ? (hsv[1] = 1) : hsv[1] <= 0 && (hsv[1] = 0), HSVtoRGB(hsv[0], hsv[1], hsv[2]) ); } function addBrightnessToRGB(color, offset) { var hsv = RGBtoHSV(color[0] * 255, color[1] * 255, color[2] * 255); return ( (hsv[2] += offset), hsv[2] > 1 ? (hsv[2] = 1) : hsv[2] < 0 && (hsv[2] = 0), HSVtoRGB(hsv[0], hsv[1], hsv[2]) ); } function addHueToRGB(color, offset) { var hsv = RGBtoHSV(color[0] * 255, color[1] * 255, color[2] * 255); return ( (hsv[0] += offset / 360), hsv[0] > 1 ? --hsv[0] : hsv[0] < 0 && (hsv[0] += 1), HSVtoRGB(hsv[0], hsv[1], hsv[2]) ); } var rgbToHex = (function () { var colorMap = [], i$1, hex; for (i$1 = 0; i$1 < 256; i$1 += 1) (hex = i$1.toString(16)), (colorMap[i$1] = hex.length === 1 ? `0` + hex : hex); return function (r$2, g, b) { return ( r$2 < 0 && (r$2 = 0), g < 0 && (g = 0), b < 0 && (b = 0), `#` + colorMap[r$2] + colorMap[g] + colorMap[b] ); }; })(); function BaseEvent() {} BaseEvent.prototype = { triggerEvent: function (eventName, args) { if ((this || _global)._cbs[eventName]) for (var len = (this || _global)._cbs[eventName].length, i$1 = 0; i$1 < len; i$1 += 1) (this || _global)._cbs[eventName][i$1](args); }, addEventListener: function (eventName, callback) { return ( (this || _global)._cbs[eventName] || ((this || _global)._cbs[eventName] = []), (this || _global)._cbs[eventName].push(callback), function () { this.removeEventListener(eventName, callback); }.bind(this || _global) ); }, removeEventListener: function (eventName, callback) { if (!callback) (this || _global)._cbs[eventName] = null; else if ((this || _global)._cbs[eventName]) { for (var i$1 = 0, len = (this || _global)._cbs[eventName].length; i$1 < len; ) (this || _global)._cbs[eventName][i$1] === callback && ((this || _global)._cbs[eventName].splice(i$1, 1), --i$1, --len), (i$1 += 1); (this || _global)._cbs[eventName].length || ((this || _global)._cbs[eventName] = null); } } }; var createTypedArray = (function () { function createRegularArray(type, len) { var i$1 = 0, arr = [], value; switch (type) { case `int16`: case `uint8c`: value = 1; break; default: value = 1.1; break; } for (i$1 = 0; i$1 < len; i$1 += 1) arr.push(value); return arr; } function createTypedArrayFactory(type, len) { return type === `float32` ? new Float32Array(len) : type === `int16` ? new Int16Array(len) : type === `uint8c` ? new Uint8ClampedArray(len) : createRegularArray(type, len); } return typeof Uint8ClampedArray == `function` && typeof Float32Array == `function` ? createTypedArrayFactory : createRegularArray; })(); function createSizedArray(len) { return Array.apply(null, { length: len }); } function createNS(type) { return document.createElementNS(svgNS, type); } function createTag(type) { return document.createElement(type); } function DynamicPropertyContainer() {} DynamicPropertyContainer.prototype = { addDynamicProperty: function (prop) { (this || _global).dynamicProperties.indexOf(prop) === -1 && ((this || _global).dynamicProperties.push(prop), (this || _global).container.addDynamicProperty(this || _global), ((this || _global)._isAnimated = !0)); }, iterateDynamicProperties: function () { (this || _global)._mdf = !1; var i$1, len = (this || _global).dynamicProperties.length; for (i$1 = 0; i$1 < len; i$1 += 1) (this || _global).dynamicProperties[i$1].getValue(), (this || _global).dynamicProperties[i$1]._mdf && ((this || _global)._mdf = !0); }, initDynamicPropertyContainer: function (container) { ((this || _global).container = container), ((this || _global).dynamicProperties = []), ((this || _global)._mdf = !1), ((this || _global)._isAnimated = !1); } }; var getBlendMode = (function () { var blendModeEnums = { 0: `source-over`, 1: `multiply`, 2: `screen`, 3: `overlay`, 4: `darken`, 5: `lighten`, 6: `color-dodge`, 7: `color-burn`, 8: `hard-light`, 9: `soft-light`, 10: `difference`, 11: `exclusion`, 12: `hue`, 13: `saturation`, 14: `color`, 15: `luminosity` }; return function (mode) { return blendModeEnums[mode] || ``; }; })(), Matrix = (function () { var _cos = Math.cos, _sin = Math.sin, _tan = Math.tan, _rnd = Math.round; function reset() { return ( ((this || _global).props[0] = 1), ((this || _global).props[1] = 0), ((this || _global).props[2] = 0), ((this || _global).props[3] = 0), ((this || _global).props[4] = 0), ((this || _global).props[5] = 1), ((this || _global).props[6] = 0), ((this || _global).props[7] = 0), ((this || _global).props[8] = 0), ((this || _global).props[9] = 0), ((this || _global).props[10] = 1), ((this || _global).props[11] = 0), ((this || _global).props[12] = 0), ((this || _global).props[13] = 0), ((this || _global).props[14] = 0), ((this || _global).props[15] = 1), this || _global ); } function rotate(angle) { if (angle === 0) return this || _global; var mCos = _cos(angle), mSin = _sin(angle); return this._t(mCos, -mSin, 0, 0, mSin, mCos, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } function rotateX(angle) { if (angle === 0) return this || _global; var mCos = _cos(angle), mSin = _sin(angle); return this._t(1, 0, 0, 0, 0, mCos, -mSin, 0, 0, mSin, mCos, 0, 0, 0, 0, 1); } function rotateY(angle) { if (angle === 0) return this || _global; var mCos = _cos(angle), mSin = _sin(angle); return this._t(mCos, 0, mSin, 0, 0, 1, 0, 0, -mSin, 0, mCos, 0, 0, 0, 0, 1); } function rotateZ(angle) { if (angle === 0) return this || _global; var mCos = _cos(angle), mSin = _sin(angle); return this._t(mCos, -mSin, 0, 0, mSin, mCos, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } function shear(sx, sy) { return this._t(1, sy, sx, 1, 0, 0); } function skew(ax, ay) { return this.shear(_tan(ax), _tan(ay)); } function skewFromAxis(ax, angle) { var mCos = _cos(angle), mSin = _sin(angle); return this._t(mCos, mSin, 0, 0, -mSin, mCos, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) ._t(1, 0, 0, 0, _tan(ax), 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) ._t(mCos, -mSin, 0, 0, mSin, mCos, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } function scale(sx, sy, sz) { return ( !sz && sz !== 0 && (sz = 1), sx === 1 && sy === 1 && sz === 1 ? this || _global : this._t(sx, 0, 0, 0, 0, sy, 0, 0, 0, 0, sz, 0, 0, 0, 0, 1) ); } function setTransform(a$1, b, c, d, e$3, f, g, h, i$1, j$2, k$1, l, m, n$2, o$1, p$1) { return ( ((this || _global).props[0] = a$1), ((this || _global).props[1] = b), ((this || _global).props[2] = c), ((this || _global).props[3] = d), ((this || _global).props[4] = e$3), ((this || _global).props[5] = f), ((this || _global).props[6] = g), ((this || _global).props[7] = h), ((this || _global).props[8] = i$1), ((this || _global).props[9] = j$2), ((this || _global).props[10] = k$1), ((this || _global).props[11] = l), ((this || _global).props[12] = m), ((this || _global).props[13] = n$2), ((this || _global).props[14] = o$1), ((this || _global).props[15] = p$1), this || _global ); } function translate(tx, ty, tz) { return ( (tz ||= 0), tx !== 0 || ty !== 0 || tz !== 0 ? this._t(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, tx, ty, tz, 1) : this || _global ); } function transform(a2, b2, c2, d2, e2, f2, g2, h2, i2, j2, k2, l2, m2, n2, o2, p2) { var _p = (this || _global).props; if ( a2 === 1 && b2 === 0 && c2 === 0 && d2 === 0 && e2 === 0 && f2 === 1 && g2 === 0 && h2 === 0 && i2 === 0 && j2 === 0 && k2 === 1 && l2 === 0 ) return ( (_p[12] = _p[12] * a2 + _p[15] * m2), (_p[13] = _p[13] * f2 + _p[15] * n2), (_p[14] = _p[14] * k2 + _p[15] * o2), (_p[15] *= p2), ((this || _global)._identityCalculated = !1), this || _global ); var a1 = _p[0], b1 = _p[1], c1 = _p[2], d1 = _p[3], e1 = _p[4], f1 = _p[5], g1 = _p[6], h1 = _p[7], i1 = _p[8], j1 = _p[9], k1 = _p[10], l1 = _p[11], m1 = _p[12], n1 = _p[13], o1 = _p[14], p1 = _p[15]; return ( (_p[0] = a1 * a2 + b1 * e2 + c1 * i2 + d1 * m2), (_p[1] = a1 * b2 + b1 * f2 + c1 * j2 + d1 * n2), (_p[2] = a1 * c2 + b1 * g2 + c1 * k2 + d1 * o2), (_p[3] = a1 * d2 + b1 * h2 + c1 * l2 + d1 * p2), (_p[4] = e1 * a2 + f1 * e2 + g1 * i2 + h1 * m2), (_p[5] = e1 * b2 + f1 * f2 + g1 * j2 + h1 * n2), (_p[6] = e1 * c2 + f1 * g2 + g1 * k2 + h1 * o2), (_p[7] = e1 * d2 + f1 * h2 + g1 * l2 + h1 * p2), (_p[8] = i1 * a2 + j1 * e2 + k1 * i2 + l1 * m2), (_p[9] = i1 * b2 + j1 * f2 + k1 * j2 + l1 * n2), (_p[10] = i1 * c2 + j1 * g2 + k1 * k2 + l1 * o2), (_p[11] = i1 * d2 + j1 * h2 + k1 * l2 + l1 * p2), (_p[12] = m1 * a2 + n1 * e2 + o1 * i2 + p1 * m2), (_p[13] = m1 * b2 + n1 * f2 + o1 * j2 + p1 * n2), (_p[14] = m1 * c2 + n1 * g2 + o1 * k2 + p1 * o2), (_p[15] = m1 * d2 + n1 * h2 + o1 * l2 + p1 * p2), ((this || _global)._identityCalculated = !1), this || _global ); } function isIdentity() { return ( (this || _global)._identityCalculated || (((this || _global)._identity = !( (this || _global).props[0] !== 1 || (this || _global).props[1] !== 0 || (this || _global).props[2] !== 0 || (this || _global).props[3] !== 0 || (this || _global).props[4] !== 0 || (this || _global).props[5] !== 1 || (this || _global).props[6] !== 0 || (this || _global).props[7] !== 0 || (this || _global).props[8] !== 0 || (this || _global).props[9] !== 0 || (this || _global).props[10] !== 1 || (this || _global).props[11] !== 0 || (this || _global).props[12] !== 0 || (this || _global).props[13] !== 0 || (this || _global).props[14] !== 0 || (this || _global).props[15] !== 1 )), ((this || _global)._identityCalculated = !0)), (this || _global)._identity ); } function equals(matr) { for (var i$1 = 0; i$1 < 16; ) { if (matr.props[i$1] !== (this || _global).props[i$1]) return !1; i$1 += 1; } return !0; } function clone(matr) { var i$1; for (i$1 = 0; i$1 < 16; i$1 += 1) matr.props[i$1] = (this || _global).props[i$1]; return matr; } function cloneFromProps(props) { var i$1; for (i$1 = 0; i$1 < 16; i$1 += 1) (this || _global).props[i$1] = props[i$1]; } function applyToPoint(x$1, y, z) { return { x: x$1 * (this || _global).props[0] + y * (this || _global).props[4] + z * (this || _global).props[8] + (this || _global).props[12], y: x$1 * (this || _global).props[1] + y * (this || _global).props[5] + z * (this || _global).props[9] + (this || _global).props[13], z: x$1 * (this || _global).props[2] + y * (this || _global).props[6] + z * (this || _global).props[10] + (this || _global).props[14] }; } function applyToX(x$1, y, z) { return ( x$1 * (this || _global).props[0] + y * (this || _global).props[4] + z * (this || _global).props[8] + (this || _global).props[12] ); } function applyToY(x$1, y, z) { return ( x$1 * (this || _global).props[1] + y * (this || _global).props[5] + z * (this || _global).props[9] + (this || _global).props[13] ); } function applyToZ(x$1, y, z) { return ( x$1 * (this || _global).props[2] + y * (this || _global).props[6] + z * (this || _global).props[10] + (this || _global).props[14] ); } function getInverseMatrix() { var determinant = (this || _global).props[0] * (this || _global).props[5] - (this || _global).props[1] * (this || _global).props[4], a$1 = (this || _global).props[5] / determinant, b = -(this || _global).props[1] / determinant, c = -(this || _global).props[4] / determinant, d = (this || _global).props[0] / determinant, e$3 = ((this || _global).props[4] * (this || _global).props[13] - (this || _global).props[5] * (this || _global).props[12]) / determinant, f = -( (this || _global).props[0] * (this || _global).props[13] - (this || _global).props[1] * (this || _global).props[12] ) / determinant, inverseMatrix = new Matrix(); return ( (inverseMatrix.props[0] = a$1), (inverseMatrix.props[1] = b), (inverseMatrix.props[4] = c), (inverseMatrix.props[5] = d), (inverseMatrix.props[12] = e$3), (inverseMatrix.props[13] = f), inverseMatrix ); } function inversePoint(pt) { var inverseMatrix = this.getInverseMatrix(); return inverseMatrix.applyToPointArray(pt[0], pt[1], pt[2] || 0); } function inversePoints(pts) { var i$1, len = pts.length, retPts = []; for (i$1 = 0; i$1 < len; i$1 += 1) retPts[i$1] = inversePoint(pts[i$1]); return retPts; } function applyToTriplePoints(pt1, pt2, pt3) { var arr = createTypedArray(`float32`, 6); if (this.isIdentity()) (arr[0] = pt1[0]), (arr[1] = pt1[1]), (arr[2] = pt2[0]), (arr[3] = pt2[1]), (arr[4] = pt3[0]), (arr[5] = pt3[1]); else { var p0 = (this || _global).props[0], p1 = (this || _global).props[1], p4 = (this || _global).props[4], p5 = (this || _global).props[5], p12 = (this || _global).props[12], p13 = (this || _global).props[13]; (arr[0] = pt1[0] * p0 + pt1[1] * p4 + p12), (arr[1] = pt1[0] * p1 + pt1[1] * p5 + p13), (arr[2] = pt2[0] * p0 + pt2[1] * p4 + p12), (arr[3] = pt2[0] * p1 + pt2[1] * p5 + p13), (arr[4] = pt3[0] * p0 + pt3[1] * p4 + p12), (arr[5] = pt3[0] * p1 + pt3[1] * p5 + p13); } return arr; } function applyToPointArray(x$1, y, z) { var arr; return ( (arr = this.isIdentity() ? [x$1, y, z] : [ x$1 * (this || _global).props[0] + y * (this || _global).props[4] + z * (this || _global).props[8] + (this || _global).props[12], x$1 * (this || _global).props[1] + y * (this || _global).props[5] + z * (this || _global).props[9] + (this || _global).props[13], x$1 * (this || _global).props[2] + y * (this || _global).props[6] + z * (this || _global).props[10] + (this || _global).props[14] ]), arr ); } function applyToPointStringified(x$1, y) { if (this.isIdentity()) return x$1 + `,` + y; var _p = (this || _global).props; return ( Math.round((x$1 * _p[0] + y * _p[4] + _p[12]) * 100) / 100 + `,` + Math.round((x$1 * _p[1] + y * _p[5] + _p[13]) * 100) / 100 ); } function toCSS() { for ( var i$1 = 0, props = (this || _global).props, cssValue = `matrix3d(`, v = 1e4; i$1 < 16; ) (cssValue += _rnd(props[i$1] * v) / v), (cssValue += i$1 === 15 ? `)` : `,`), (i$1 += 1); return cssValue; } function roundMatrixProperty(val) { var v = 1e4; return (val < 1e-6 && val > 0) || (val > -1e-6 && val < 0) ? _rnd(val * v) / v : val; } function to2dCSS() { var props = (this || _global).props, _a = roundMatrixProperty(props[0]), _b = roundMatrixProperty(props[1]), _c = roundMatrixProperty(props[4]), _d = roundMatrixProperty(props[5]), _e = roundMatrixProperty(props[12]), _f = roundMatrixProperty(props[13]); return `matrix(` + _a + `,` + _b + `,` + _c + `,` + _d + `,` + _e + `,` + _f + `)`; } return function () { ((this || _global).reset = reset), ((this || _global).rotate = rotate), ((this || _global).rotateX = rotateX), ((this || _global).rotateY = rotateY), ((this || _global).rotateZ = rotateZ), ((this || _global).skew = skew), ((this || _global).skewFromAxis = skewFromAxis), ((this || _global).shear = shear), ((this || _global).scale = scale), ((this || _global).setTransform = setTransform), ((this || _global).translate = translate), ((this || _global).transform = transform), ((this || _global).applyToPoint = applyToPoint), ((this || _global).applyToX = applyToX), ((this || _global).applyToY = applyToY), ((this || _global).applyToZ = applyToZ), ((this || _global).applyToPointArray = applyToPointArray), ((this || _global).applyToTriplePoints = applyToTriplePoints), ((this || _global).applyToPointStringified = applyToPointStringified), ((this || _global).toCSS = toCSS), ((this || _global).to2dCSS = to2dCSS), ((this || _global).clone = clone), ((this || _global).cloneFromProps = cloneFromProps), ((this || _global).equals = equals), ((this || _global).inversePoints = inversePoints), ((this || _global).inversePoint = inversePoint), ((this || _global).getInverseMatrix = getInverseMatrix), ((this || _global)._t = (this || _global).transform), ((this || _global).isIdentity = isIdentity), ((this || _global)._identity = !0), ((this || _global)._identityCalculated = !1), ((this || _global).props = createTypedArray(`float32`, 16)), this.reset(); }; })(); (function (pool, math) { var global$1 = this || _global, width = 256, chunks = 6, digits = 52, rngname = `random`, startdenom = math.pow(width, chunks), significance = math.pow(2, digits), overflow = significance * 2, mask = width - 1, nodecrypto; function seedrandom(seed, options, callback) { var key = []; options = options === !0 ? { entropy: !0 } : options || {}; var shortseed = mixkey( flatten( options.entropy ? [seed, tostring(pool)] : seed === null ? autoseed() : seed, 3 ), key ), arc4 = new ARC4(key), prng = function () { for (var n$2 = arc4.g(chunks), d = startdenom, x$1 = 0; n$2 < significance; ) (n$2 = (n$2 + x$1) * width), (d *= width), (x$1 = arc4.g(1)); for (; n$2 >= overflow; ) (n$2 /= 2), (d /= 2), (x$1 >>>= 1); return (n$2 + x$1) / d; }; return ( (prng.int32 = function () { return arc4.g(4) | 0; }), (prng.quick = function () { return arc4.g(4) / 4294967296; }), (prng.double = prng), mixkey(tostring(arc4.S), pool), ( options.pass || callback || function (prng$1, seed$1, is_math_call, state) { return ( state && (state.S && copy(state, arc4), (prng$1.state = function () { return copy(arc4, {}); })), is_math_call ? ((math[rngname] = prng$1), seed$1) : prng$1 ); } )( prng, shortseed, `global` in options ? options.global : (this || _global) == math, options.state ) ); } math[`seed` + rngname] = seedrandom; function ARC4(key) { var t$2, keylen = key.length, me = this || _global, i$1 = 0, j$2 = (me.i = me.j = 0), s$1 = (me.S = []); for (keylen || (key = [keylen++]); i$1 < width; ) s$1[i$1] = i$1++; for (i$1 = 0; i$1 < width; i$1++) (s$1[i$1] = s$1[(j$2 = mask & (j$2 + key[i$1 % keylen] + (t$2 = s$1[i$1])))]), (s$1[j$2] = t$2); me.g = function (count) { for (var t$3, r$2 = 0, i$2 = me.i, j$3 = me.j, s$2 = me.S; count--; ) (t$3 = s$2[(i$2 = mask & (i$2 + 1))]), (r$2 = r$2 * width + s$2[ mask & ((s$2[i$2] = s$2[(j$3 = mask & (j$3 + t$3))]) + (s$2[j$3] = t$3)) ]); return (me.i = i$2), (me.j = j$3), r$2; }; } function copy(f, t$2) { return (t$2.i = f.i), (t$2.j = f.j), (t$2.S = f.S.slice()), t$2; } function flatten(obj, depth) { var result = [], typ = typeof obj, prop; if (depth && typ == `object`) for (prop in obj) try { result.push(flatten(obj[prop], depth - 1)); } catch {} return result.length ? result : typ == `string` ? obj : obj + `\0`; } function mixkey(seed, key) { for (var stringseed = seed + ``, smear, j$2 = 0; j$2 < stringseed.length; ) key[mask & j$2] = mask & ((smear ^= key[mask & j$2] * 19) + stringseed.charCodeAt(j$2++)); return tostring(key); } function autoseed() { try { if (nodecrypto) return tostring(nodecrypto.randomBytes(width)); var out = new Uint8Array(width); return (global$1.crypto || global$1.msCrypto).getRandomValues(out), tostring(out); } catch { var browser = global$1.navigator, plugins = browser && browser.plugins; return [+new Date(), global$1, plugins, global$1.screen, tostring(pool)]; } } function tostring(a$1) { return String.fromCharCode.apply(0, a$1); } mixkey(math.random(), pool); })([], BMMath); var BezierFactory = (function () { var ob = {}; ob.getBezierEasing = getBezierEasing; var beziers = {}; function getBezierEasing(a$1, b, c, d, nm) { var str = nm || (`bez_` + a$1 + `_` + b + `_` + c + `_` + d).replace(/\./g, `p`); if (beziers[str]) return beziers[str]; var bezEasing = new BezierEasing([a$1, b, c, d]); return (beziers[str] = bezEasing), bezEasing; } var NEWTON_ITERATIONS = 4, NEWTON_MIN_SLOPE = 0.001, SUBDIVISION_PRECISION = 1e-7, SUBDIVISION_MAX_ITERATIONS = 10, kSplineTableSize = 11, kSampleStepSize = 1 / (kSplineTableSize - 1), float32ArraySupported = typeof Float32Array == `function`; function A(aA1, aA2) { return 1 - 3 * aA2 + 3 * aA1; } function B$1(aA1, aA2) { return 3 * aA2 - 6 * aA1; } function C$1(aA1) { return 3 * aA1; } function calcBezier$1(aT, aA1, aA2) { return ((A(aA1, aA2) * aT + B$1(aA1, aA2)) * aT + C$1(aA1)) * aT; } function getSlope(aT, aA1, aA2) { return 3 * A(aA1, aA2) * aT * aT + 2 * B$1(aA1, aA2) * aT + C$1(aA1); } function binarySubdivide$1(aX, aA, aB, mX1, mX2) { var currentX, currentT, i$1 = 0; do (currentT = aA + (aB - aA) / 2), (currentX = calcBezier$1(currentT, mX1, mX2) - aX), currentX > 0 ? (aB = currentT) : (aA = currentT); while (Math.abs(currentX) > SUBDIVISION_PRECISION && ++i$1 < SUBDIVISION_MAX_ITERATIONS); return currentT; } function newtonRaphsonIterate(aX, aGuessT, mX1, mX2) { for (var i$1 = 0; i$1 < NEWTON_ITERATIONS; ++i$1) { var currentSlope = getSlope(aGuessT, mX1, mX2); if (currentSlope === 0) return aGuessT; var currentX = calcBezier$1(aGuessT, mX1, mX2) - aX; aGuessT -= currentX / currentSlope; } return aGuessT; } function BezierEasing(points) { ((this || _global)._p = points), ((this || _global)._mSampleValues = float32ArraySupported ? new Float32Array(kSplineTableSize) : Array(kSplineTableSize)), ((this || _global)._precomputed = !1), ((this || _global).get = (this || _global).get.bind(this || _global)); } return ( (BezierEasing.prototype = { get: function (x$1) { var mX1 = (this || _global)._p[0], mY1 = (this || _global)._p[1], mX2 = (this || _global)._p[2], mY2 = (this || _global)._p[3]; return ( (this || _global)._precomputed || this._precompute(), mX1 === mY1 && mX2 === mY2 ? x$1 : x$1 === 0 ? 0 : x$1 === 1 ? 1 : calcBezier$1(this._getTForX(x$1), mY1, mY2) ); }, _precompute: function () { var mX1 = (this || _global)._p[0], mY1 = (this || _global)._p[1], mX2 = (this || _global)._p[2], mY2 = (this || _global)._p[3]; ((this || _global)._precomputed = !0), (mX1 !== mY1 || mX2 !== mY2) && this._calcSampleValues(); }, _calcSampleValues: function () { for ( var mX1 = (this || _global)._p[0], mX2 = (this || _global)._p[2], i$1 = 0; i$1 < kSplineTableSize; ++i$1 ) (this || _global)._mSampleValues[i$1] = calcBezier$1( i$1 * kSampleStepSize, mX1, mX2 ); }, _getTForX: function (aX) { for ( var mX1 = (this || _global)._p[0], mX2 = (this || _global)._p[2], mSampleValues = (this || _global)._mSampleValues, intervalStart = 0, currentSample = 1, lastSample = kSplineTableSize - 1; currentSample !== lastSample && mSampleValues[currentSample] <= aX; ++currentSample ) intervalStart += kSampleStepSize; --currentSample; var dist = (aX - mSampleValues[currentSample]) / (mSampleValues[currentSample + 1] - mSampleValues[currentSample]), guessForT = intervalStart + dist * kSampleStepSize, initialSlope = getSlope(guessForT, mX1, mX2); return initialSlope >= NEWTON_MIN_SLOPE ? newtonRaphsonIterate(aX, guessForT, mX1, mX2) : initialSlope === 0 ? guessForT : binarySubdivide$1( aX, intervalStart, intervalStart + kSampleStepSize, mX1, mX2 ); } }), ob ); })(); (function () { for ( var lastTime = 0, vendors = [`ms`, `moz`, `webkit`, `o`], x$1 = 0; x$1 < vendors.length && !window$1.requestAnimationFrame; ++x$1 ) (window$1.requestAnimationFrame = window$1[vendors[x$1] + `RequestAnimationFrame`]), (window$1.cancelAnimationFrame = window$1[vendors[x$1] + `CancelAnimationFrame`] || window$1[vendors[x$1] + `CancelRequestAnimationFrame`]); (window$1.requestAnimationFrame ||= function (callback) { var currTime = new Date().getTime(), timeToCall = Math.max(0, 16 - (currTime - lastTime)), id = setTimeout(function () { callback(currTime + timeToCall); }, timeToCall); return (lastTime = currTime + timeToCall), id; }), (window$1.cancelAnimationFrame ||= function (id) { clearTimeout(id); }); })(); function extendPrototype(sources, destination) { var i$1, len = sources.length, sourcePrototype; for (i$1 = 0; i$1 < len; i$1 += 1) for (var attr in ((sourcePrototype = sources[i$1].prototype), sourcePrototype)) Object.prototype.hasOwnProperty.call(sourcePrototype, attr) && (destination.prototype[attr] = sourcePrototype[attr]); } function getDescriptor(object, prop) { return Object.getOwnPropertyDescriptor(object, prop); } function createProxyFunction(prototype) { function ProxyFunction() {} return (ProxyFunction.prototype = prototype), ProxyFunction; } function bezFunction() { var math = Math; function pointOnLine2D(x1, y1, x2, y2, x3, y3) { var det1 = x1 * y2 + y1 * x3 + x2 * y3 - x3 * y2 - y3 * x1 - x2 * y1; return det1 > -0.001 && det1 < 0.001; } function pointOnLine3D(x1, y1, z1, x2, y2, z2, x3, y3, z3) { if (z1 === 0 && z2 === 0 && z3 === 0) return pointOnLine2D(x1, y1, x2, y2, x3, y3); var dist1 = math.sqrt(math.pow(x2 - x1, 2) + math.pow(y2 - y1, 2) + math.pow(z2 - z1, 2)), dist2 = math.sqrt(math.pow(x3 - x1, 2) + math.pow(y3 - y1, 2) + math.pow(z3 - z1, 2)), dist3 = math.sqrt(math.pow(x3 - x2, 2) + math.pow(y3 - y2, 2) + math.pow(z3 - z2, 2)), diffDist; return ( (diffDist = dist1 > dist2 ? dist1 > dist3 ? dist1 - dist2 - dist3 : dist3 - dist2 - dist1 : dist3 > dist2 ? dist3 - dist2 - dist1 : dist2 - dist1 - dist3), diffDist > -1e-4 && diffDist < 1e-4 ); } var getBezierLength = (function () { return function (pt1, pt2, pt3, pt4) { var curveSegments = defaultCurveSegments, k$1, i$1, len, ptCoord, perc, addedLength = 0, ptDistance, point = [], lastPoint = [], lengthData = bezierLengthPool.newElement(); for (len = pt3.length, k$1 = 0; k$1 < curveSegments; k$1 += 1) { for (perc = k$1 / (curveSegments - 1), ptDistance = 0, i$1 = 0; i$1 < len; i$1 += 1) (ptCoord = bmPow(1 - perc, 3) * pt1[i$1] + 3 * bmPow(1 - perc, 2) * perc * pt3[i$1] + 3 * (1 - perc) * bmPow(perc, 2) * pt4[i$1] + bmPow(perc, 3) * pt2[i$1]), (point[i$1] = ptCoord), lastPoint[i$1] !== null && (ptDistance += bmPow(point[i$1] - lastPoint[i$1], 2)), (lastPoint[i$1] = point[i$1]); ptDistance && ((ptDistance = bmSqrt(ptDistance)), (addedLength += ptDistance)), (lengthData.percents[k$1] = perc), (lengthData.lengths[k$1] = addedLength); } return (lengthData.addedLength = addedLength), lengthData; }; })(); function getSegmentsLength(shapeData) { var segmentsLength = segmentsLengthPool.newElement(), closed = shapeData.c, pathV = shapeData.v, pathO = shapeData.o, pathI = shapeData.i, i$1, len = shapeData._length, lengths = segmentsLength.lengths, totalLength = 0; for (i$1 = 0; i$1 < len - 1; i$1 += 1) (lengths[i$1] = getBezierLength( pathV[i$1], pathV[i$1 + 1], pathO[i$1], pathI[i$1 + 1] )), (totalLength += lengths[i$1].addedLength); return ( closed && len && ((lengths[i$1] = getBezierLength(pathV[i$1], pathV[0], pathO[i$1], pathI[0])), (totalLength += lengths[i$1].addedLength)), (segmentsLength.totalLength = totalLength), segmentsLength ); } function BezierData(length$1) { ((this || _global).segmentLength = 0), ((this || _global).points = Array(length$1)); } function PointData(partial, point) { ((this || _global).partialLength = partial), ((this || _global).point = point); } var buildBezierData = (function () { var storedData = {}; return function (pt1, pt2, pt3, pt4) { var bezierName = ( pt1[0] + `_` + pt1[1] + `_` + pt2[0] + `_` + pt2[1] + `_` + pt3[0] + `_` + pt3[1] + `_` + pt4[0] + `_` + pt4[1] ).replace(/\./g, `p`); if (!storedData[bezierName]) { var curveSegments = defaultCurveSegments, k$1, i$1, len, ptCoord, perc, addedLength = 0, ptDistance, point, lastPoint = null; pt1.length === 2 && (pt1[0] !== pt2[0] || pt1[1] !== pt2[1]) && pointOnLine2D( pt1[0], pt1[1], pt2[0], pt2[1], pt1[0] + pt3[0], pt1[1] + pt3[1] ) && pointOnLine2D( pt1[0], pt1[1], pt2[0], pt2[1], pt2[0] + pt4[0], pt2[1] + pt4[1] ) && (curveSegments = 2); var bezierData = new BezierData(curveSegments); for (len = pt3.length, k$1 = 0; k$1 < curveSegments; k$1 += 1) { for ( point = createSizedArray(len), perc = k$1 / (curveSegments - 1), ptDistance = 0, i$1 = 0; i$1 < len; i$1 += 1 ) (ptCoord = bmPow(1 - perc, 3) * pt1[i$1] + 3 * bmPow(1 - perc, 2) * perc * (pt1[i$1] + pt3[i$1]) + 3 * (1 - perc) * bmPow(perc, 2) * (pt2[i$1] + pt4[i$1]) + bmPow(perc, 3) * pt2[i$1]), (point[i$1] = ptCoord), lastPoint !== null && (ptDistance += bmPow(point[i$1] - lastPoint[i$1], 2)); (ptDistance = bmSqrt(ptDistance)), (addedLength += ptDistance), (bezierData.points[k$1] = new PointData(ptDistance, point)), (lastPoint = point); } (bezierData.segmentLength = addedLength), (storedData[bezierName] = bezierData); } return storedData[bezierName]; }; })(); function getDistancePerc(perc, bezierData) { var percents = bezierData.percents, lengths = bezierData.lengths, len = percents.length, initPos = bmFloor((len - 1) * perc), lengthPos = perc * bezierData.addedLength, lPerc = 0; if (initPos === len - 1 || initPos === 0 || lengthPos === lengths[initPos]) return percents[initPos]; for (var dir = lengths[initPos] > lengthPos ? -1 : 1, flag = !0; flag; ) if ( (lengths[initPos] <= lengthPos && lengths[initPos + 1] > lengthPos ? ((lPerc = (lengthPos - lengths[initPos]) / (lengths[initPos + 1] - lengths[initPos])), (flag = !1)) : (initPos += dir), initPos < 0 || initPos >= len - 1) ) { if (initPos === len - 1) return percents[initPos]; flag = !1; } return percents[initPos] + (percents[initPos + 1] - percents[initPos]) * lPerc; } function getPointInSegment(pt1, pt2, pt3, pt4, percent, bezierData) { var t1 = getDistancePerc(percent, bezierData), u1 = 1 - t1, ptX = math.round( (u1 * u1 * u1 * pt1[0] + (t1 * u1 * u1 + u1 * t1 * u1 + u1 * u1 * t1) * pt3[0] + (t1 * t1 * u1 + u1 * t1 * t1 + t1 * u1 * t1) * pt4[0] + t1 * t1 * t1 * pt2[0]) * 1e3 ) / 1e3, ptY = math.round( (u1 * u1 * u1 * pt1[1] + (t1 * u1 * u1 + u1 * t1 * u1 + u1 * u1 * t1) * pt3[1] + (t1 * t1 * u1 + u1 * t1 * t1 + t1 * u1 * t1) * pt4[1] + t1 * t1 * t1 * pt2[1]) * 1e3 ) / 1e3; return [ptX, ptY]; } var bezierSegmentPoints = createTypedArray(`float32`, 8); function getNewSegment(pt1, pt2, pt3, pt4, startPerc, endPerc, bezierData) { startPerc < 0 ? (startPerc = 0) : startPerc > 1 && (startPerc = 1); var t0 = getDistancePerc(startPerc, bezierData); endPerc = endPerc > 1 ? 1 : endPerc; var t1 = getDistancePerc(endPerc, bezierData), i$1, len = pt1.length, u0 = 1 - t0, u1 = 1 - t1, u0u0u0 = u0 * u0 * u0, t0u0u0_3 = t0 * u0 * u0 * 3, t0t0u0_3 = t0 * t0 * u0 * 3, t0t0t0 = t0 * t0 * t0, u0u0u1 = u0 * u0 * u1, t0u0u1_3 = t0 * u0 * u1 + u0 * t0 * u1 + u0 * u0 * t1, t0t0u1_3 = t0 * t0 * u1 + u0 * t0 * t1 + t0 * u0 * t1, t0t0t1 = t0 * t0 * t1, u0u1u1 = u0 * u1 * u1, t0u1u1_3 = t0 * u1 * u1 + u0 * t1 * u1 + u0 * u1 * t1, t0t1u1_3 = t0 * t1 * u1 + u0 * t1 * t1 + t0 * u1 * t1, t0t1t1 = t0 * t1 * t1, u1u1u1 = u1 * u1 * u1, t1u1u1_3 = t1 * u1 * u1 + u1 * t1 * u1 + u1 * u1 * t1, t1t1u1_3 = t1 * t1 * u1 + u1 * t1 * t1 + t1 * u1 * t1, t1t1t1 = t1 * t1 * t1; for (i$1 = 0; i$1 < len; i$1 += 1) (bezierSegmentPoints[i$1 * 4] = math.round( (u0u0u0 * pt1[i$1] + t0u0u0_3 * pt3[i$1] + t0t0u0_3 * pt4[i$1] + t0t0t0 * pt2[i$1]) * 1e3 ) / 1e3), (bezierSegmentPoints[i$1 * 4 + 1] = math.round( (u0u0u1 * pt1[i$1] + t0u0u1_3 * pt3[i$1] + t0t0u1_3 * pt4[i$1] + t0t0t1 * pt2[i$1]) * 1e3 ) / 1e3), (bezierSegmentPoints[i$1 * 4 + 2] = math.round( (u0u1u1 * pt1[i$1] + t0u1u1_3 * pt3[i$1] + t0t1u1_3 * pt4[i$1] + t0t1t1 * pt2[i$1]) * 1e3 ) / 1e3), (bezierSegmentPoints[i$1 * 4 + 3] = math.round( (u1u1u1 * pt1[i$1] + t1u1u1_3 * pt3[i$1] + t1t1u1_3 * pt4[i$1] + t1t1t1 * pt2[i$1]) * 1e3 ) / 1e3); return bezierSegmentPoints; } return { getSegmentsLength, getNewSegment, getPointInSegment, buildBezierData, pointOnLine2D, pointOnLine3D }; } var bez = bezFunction(); function dataFunctionManager() { function completeLayers(layers, comps, fontManager) { var layerData, i$1, len = layers.length, j$2, jLen, k$1, kLen; for (i$1 = 0; i$1 < len; i$1 += 1) if (((layerData = layers[i$1]), `ks` in layerData && !layerData.completed)) { if ( ((layerData.completed = !0), layerData.tt && (layers[i$1 - 1].td = layerData.tt), layerData.hasMask) ) { var maskProps = layerData.masksProperties; for (jLen = maskProps.length, j$2 = 0; j$2 < jLen; j$2 += 1) if (maskProps[j$2].pt.k.i) convertPathsToAbsoluteValues(maskProps[j$2].pt.k); else for (kLen = maskProps[j$2].pt.k.length, k$1 = 0; k$1 < kLen; k$1 += 1) maskProps[j$2].pt.k[k$1].s && convertPathsToAbsoluteValues(maskProps[j$2].pt.k[k$1].s[0]), maskProps[j$2].pt.k[k$1].e && convertPathsToAbsoluteValues(maskProps[j$2].pt.k[k$1].e[0]); } layerData.ty === 0 ? ((layerData.layers = findCompLayers(layerData.refId, comps)), completeLayers(layerData.layers, comps, fontManager)) : layerData.ty === 4 ? completeShapes(layerData.shapes) : layerData.ty === 5 && completeText(layerData, fontManager); } } function findCompLayers(id, comps) { for (var i$1 = 0, len = comps.length; i$1 < len; ) { if (comps[i$1].id === id) return comps[i$1].layers.__used ? JSON.parse(JSON.stringify(comps[i$1].layers)) : ((comps[i$1].layers.__used = !0), comps[i$1].layers); i$1 += 1; } return null; } function completeShapes(arr) { var i$1, len = arr.length, j$2, jLen; for (i$1 = len - 1; i$1 >= 0; --i$1) if (arr[i$1].ty === `sh`) if (arr[i$1].ks.k.i) convertPathsToAbsoluteValues(arr[i$1].ks.k); else for (jLen = arr[i$1].ks.k.length, j$2 = 0; j$2 < jLen; j$2 += 1) arr[i$1].ks.k[j$2].s && convertPathsToAbsoluteValues(arr[i$1].ks.k[j$2].s[0]), arr[i$1].ks.k[j$2].e && convertPathsToAbsoluteValues(arr[i$1].ks.k[j$2].e[0]); else arr[i$1].ty === `gr` && completeShapes(arr[i$1].it); } function convertPathsToAbsoluteValues(path) { var i$1, len = path.i.length; for (i$1 = 0; i$1 < len; i$1 += 1) (path.i[i$1][0] += path.v[i$1][0]), (path.i[i$1][1] += path.v[i$1][1]), (path.o[i$1][0] += path.v[i$1][0]), (path.o[i$1][1] += path.v[i$1][1]); } function checkVersion(minimum, animVersionString) { var animVersion = animVersionString ? animVersionString.split(`.`) : [100, 100, 100]; return minimum[0] > animVersion[0] ? !0 : animVersion[0] > minimum[0] ? !1 : minimum[1] > animVersion[1] ? !0 : animVersion[1] > minimum[1] ? !1 : minimum[2] > animVersion[2] ? !0 : animVersion[2] > minimum[2] ? !1 : null; } var checkText = (function () { var minimumVersion = [4, 4, 14]; function updateTextLayer(textLayer) { var documentData = textLayer.t.d; textLayer.t.d = { k: [{ s: documentData, t: 0 }] }; } function iterateLayers(layers) { var i$1, len = layers.length; for (i$1 = 0; i$1 < len; i$1 += 1) layers[i$1].ty === 5 && updateTextLayer(layers[i$1]); } return function (animationData$1) { if ( checkVersion(minimumVersion, animationData$1.v) && (iterateLayers(animationData$1.layers), animationData$1.assets) ) { var i$1, len = animationData$1.assets.length; for (i$1 = 0; i$1 < len; i$1 += 1) animationData$1.assets[i$1].layers && iterateLayers(animationData$1.assets[i$1].layers); } }; })(), checkChars = (function () { var minimumVersion = [4, 7, 99]; return function (animationData$1) { if (animationData$1.chars && !checkVersion(minimumVersion, animationData$1.v)) { var i$1, len = animationData$1.chars.length, j$2, jLen, pathData, paths; for (i$1 = 0; i$1 < len; i$1 += 1) if ( animationData$1.chars[i$1].data && animationData$1.chars[i$1].data.shapes ) for ( paths = animationData$1.chars[i$1].data.shapes[0].it, jLen = paths.length, j$2 = 0; j$2 < jLen; j$2 += 1 ) (pathData = paths[j$2].ks.k), (pathData.__converted ||= (convertPathsToAbsoluteValues(paths[j$2].ks.k), !0)); } }; })(), checkColors = (function () { var minimumVersion = [4, 1, 9]; function iterateShapes(shapes) { var i$1, len = shapes.length, j$2, jLen; for (i$1 = 0; i$1 < len; i$1 += 1) if (shapes[i$1].ty === `gr`) iterateShapes(shapes[i$1].it); else if (shapes[i$1].ty === `fl` || shapes[i$1].ty === `st`) if (shapes[i$1].c.k && shapes[i$1].c.k[0].i) for (jLen = shapes[i$1].c.k.length, j$2 = 0; j$2 < jLen; j$2 += 1) shapes[i$1].c.k[j$2].s && ((shapes[i$1].c.k[j$2].s[0] /= 255), (shapes[i$1].c.k[j$2].s[1] /= 255), (shapes[i$1].c.k[j$2].s[2] /= 255), (shapes[i$1].c.k[j$2].s[3] /= 255)), shapes[i$1].c.k[j$2].e && ((shapes[i$1].c.k[j$2].e[0] /= 255), (shapes[i$1].c.k[j$2].e[1] /= 255), (shapes[i$1].c.k[j$2].e[2] /= 255), (shapes[i$1].c.k[j$2].e[3] /= 255)); else (shapes[i$1].c.k[0] /= 255), (shapes[i$1].c.k[1] /= 255), (shapes[i$1].c.k[2] /= 255), (shapes[i$1].c.k[3] /= 255); } function iterateLayers(layers) { var i$1, len = layers.length; for (i$1 = 0; i$1 < len; i$1 += 1) layers[i$1].ty === 4 && iterateShapes(layers[i$1].shapes); } return function (animationData$1) { if ( checkVersion(minimumVersion, animationData$1.v) && (iterateLayers(animationData$1.layers), animationData$1.assets) ) { var i$1, len = animationData$1.assets.length; for (i$1 = 0; i$1 < len; i$1 += 1) animationData$1.assets[i$1].layers && iterateLayers(animationData$1.assets[i$1].layers); } }; })(), checkShapes = (function () { var minimumVersion = [4, 4, 18]; function completeClosingShapes(arr) { var i$1, len = arr.length, j$2, jLen; for (i$1 = len - 1; i$1 >= 0; --i$1) if (arr[i$1].ty === `sh`) if (arr[i$1].ks.k.i) arr[i$1].ks.k.c = arr[i$1].closed; else for (jLen = arr[i$1].ks.k.length, j$2 = 0; j$2 < jLen; j$2 += 1) arr[i$1].ks.k[j$2].s && (arr[i$1].ks.k[j$2].s[0].c = arr[i$1].closed), arr[i$1].ks.k[j$2].e && (arr[i$1].ks.k[j$2].e[0].c = arr[i$1].closed); else arr[i$1].ty === `gr` && completeClosingShapes(arr[i$1].it); } function iterateLayers(layers) { var layerData, i$1, len = layers.length, j$2, jLen, k$1, kLen; for (i$1 = 0; i$1 < len; i$1 += 1) { if (((layerData = layers[i$1]), layerData.hasMask)) { var maskProps = layerData.masksProperties; for (jLen = maskProps.length, j$2 = 0; j$2 < jLen; j$2 += 1) if (maskProps[j$2].pt.k.i) maskProps[j$2].pt.k.c = maskProps[j$2].cl; else for ( kLen = maskProps[j$2].pt.k.length, k$1 = 0; k$1 < kLen; k$1 += 1 ) maskProps[j$2].pt.k[k$1].s && (maskProps[j$2].pt.k[k$1].s[0].c = maskProps[j$2].cl), maskProps[j$2].pt.k[k$1].e && (maskProps[j$2].pt.k[k$1].e[0].c = maskProps[j$2].cl); } layerData.ty === 4 && completeClosingShapes(layerData.shapes); } } return function (animationData$1) { if ( checkVersion(minimumVersion, animationData$1.v) && (iterateLayers(animationData$1.layers), animationData$1.assets) ) { var i$1, len = animationData$1.assets.length; for (i$1 = 0; i$1 < len; i$1 += 1) animationData$1.assets[i$1].layers && iterateLayers(animationData$1.assets[i$1].layers); } }; })(); function completeData(animationData$1, fontManager) { animationData$1.__complete ||= (checkColors(animationData$1), checkText(animationData$1), checkChars(animationData$1), checkShapes(animationData$1), completeLayers(animationData$1.layers, animationData$1.assets, fontManager), !0); } function completeText(data) { data.t.a.length === 0 && !(`m` in data.t.p) && (data.singleShape = !0); } var moduleOb = {}; return ( (moduleOb.completeData = completeData), (moduleOb.checkColors = checkColors), (moduleOb.checkChars = checkChars), (moduleOb.checkShapes = checkShapes), (moduleOb.completeLayers = completeLayers), moduleOb ); } var dataManager = dataFunctionManager(); function getFontProperties(fontData) { for ( var styles = fontData.fStyle ? fontData.fStyle.split(` `) : [], fWeight = `normal`, fStyle = `normal`, len = styles.length, styleName, i$1 = 0; i$1 < len; i$1 += 1 ) switch (((styleName = styles[i$1].toLowerCase()), styleName)) { case `italic`: fStyle = `italic`; break; case `bold`: fWeight = `700`; break; case `black`: fWeight = `900`; break; case `medium`: fWeight = `500`; break; case `regular`: case `normal`: fWeight = `400`; break; case `light`: case `thin`: fWeight = `200`; break; default: break; } return { style: fStyle, weight: fontData.fWeight || fWeight }; } var FontManager = (function () { var maxWaitingTime = 5e3, emptyChar = { w: 0, size: 0, shapes: [] }, combinedCharacters = []; combinedCharacters = combinedCharacters.concat([ 2304, 2305, 2306, 2307, 2362, 2363, 2364, 2364, 2366, 2367, 2368, 2369, 2370, 2371, 2372, 2373, 2374, 2375, 2376, 2377, 2378, 2379, 2380, 2381, 2382, 2383, 2387, 2388, 2389, 2390, 2391, 2402, 2403 ]); function trimFontOptions(font) { var familyArray = font.split(`,`), i$1, len = familyArray.length, enabledFamilies = []; for (i$1 = 0; i$1 < len; i$1 += 1) familyArray[i$1] !== `sans-serif` && familyArray[i$1] !== `monospace` && enabledFamilies.push(familyArray[i$1]); return enabledFamilies.join(`,`); } function setUpNode(font, family) { var parentNode = createTag(`span`); parentNode.setAttribute(`aria-hidden`, !0), (parentNode.style.fontFamily = family); var node = createTag(`span`); (node.innerText = `giItT1WQy@!-/#`), (parentNode.style.position = `absolute`), (parentNode.style.left = `-10000px`), (parentNode.style.top = `-10000px`), (parentNode.style.fontSize = `300px`), (parentNode.style.fontVariant = `normal`), (parentNode.style.fontStyle = `normal`), (parentNode.style.fontWeight = `normal`), (parentNode.style.letterSpacing = `0`), parentNode.appendChild(node), document.body.appendChild(parentNode); var width = node.offsetWidth; return ( (node.style.fontFamily = trimFontOptions(font) + `, ` + family), { node, w: width, parent: parentNode } ); } function checkLoadedFonts() { var i$1, len = (this || _global).fonts.length, node, w, loadedCount = len; for (i$1 = 0; i$1 < len; i$1 += 1) (this || _global).fonts[i$1].loaded ? --loadedCount : (this || _global).fonts[i$1].fOrigin === `n` || (this || _global).fonts[i$1].origin === 0 ? ((this || _global).fonts[i$1].loaded = !0) : ((node = (this || _global).fonts[i$1].monoCase.node), (w = (this || _global).fonts[i$1].monoCase.w), node.offsetWidth === w ? ((node = (this || _global).fonts[i$1].sansCase.node), (w = (this || _global).fonts[i$1].sansCase.w), node.offsetWidth !== w && (--loadedCount, ((this || _global).fonts[i$1].loaded = !0))) : (--loadedCount, ((this || _global).fonts[i$1].loaded = !0)), (this || _global).fonts[i$1].loaded && ((this || _global).fonts[i$1].sansCase.parent.parentNode.removeChild( (this || _global).fonts[i$1].sansCase.parent ), (this || _global).fonts[i$1].monoCase.parent.parentNode.removeChild( (this || _global).fonts[i$1].monoCase.parent ))); loadedCount !== 0 && Date.now() - (this || _global).initTime < maxWaitingTime ? setTimeout((this || _global).checkLoadedFontsBinded, 20) : setTimeout((this || _global).setIsLoadedBinded, 10); } function createHelper(def, fontData) { var tHelper = createNS(`text`); tHelper.style.fontSize = `100px`; var fontProps = getFontProperties(fontData); tHelper.setAttribute(`font-family`, fontData.fFamily), tHelper.setAttribute(`font-style`, fontProps.style), tHelper.setAttribute(`font-weight`, fontProps.weight), (tHelper.textContent = `1`), fontData.fClass ? ((tHelper.style.fontFamily = `inherit`), tHelper.setAttribute(`class`, fontData.fClass)) : (tHelper.style.fontFamily = fontData.fFamily), def.appendChild(tHelper); var tCanvasHelper = createTag(`canvas`).getContext(`2d`); return ( (tCanvasHelper.font = fontData.fWeight + ` ` + fontData.fStyle + ` 100px ` + fontData.fFamily), tHelper ); } function addFonts$1(fontData, defs) { if (!fontData) { (this || _global).isLoaded = !0; return; } if ((this || _global).chars) { ((this || _global).isLoaded = !0), ((this || _global).fonts = fontData.list); return; } var fontArr = fontData.list, i$1, len = fontArr.length, _pendingFonts = len; for (i$1 = 0; i$1 < len; i$1 += 1) { var shouldLoadFont = !0, loadedSelector, j$2; if ( ((fontArr[i$1].loaded = !1), (fontArr[i$1].monoCase = setUpNode(fontArr[i$1].fFamily, `monospace`)), (fontArr[i$1].sansCase = setUpNode(fontArr[i$1].fFamily, `sans-serif`)), !fontArr[i$1].fPath) ) (fontArr[i$1].loaded = !0), --_pendingFonts; else if (fontArr[i$1].fOrigin === `p` || fontArr[i$1].origin === 3) { if ( ((loadedSelector = document.querySelectorAll( `style[f-forigin="p"][f-family="` + fontArr[i$1].fFamily + `"], style[f-origin="3"][f-family="` + fontArr[i$1].fFamily + `"]` )), loadedSelector.length > 0 && (shouldLoadFont = !1), shouldLoadFont) ) { var s$1 = createTag(`style`); s$1.setAttribute(`f-forigin`, fontArr[i$1].fOrigin), s$1.setAttribute(`f-origin`, fontArr[i$1].origin), s$1.setAttribute(`f-family`, fontArr[i$1].fFamily), (s$1.type = `text/css`), (s$1.innerText = `@font-face {font-family: ` + fontArr[i$1].fFamily + `; font-style: normal; src: url('` + fontArr[i$1].fPath + `');}`), defs.appendChild(s$1); } } else if (fontArr[i$1].fOrigin === `g` || fontArr[i$1].origin === 1) { for ( loadedSelector = document.querySelectorAll( `link[f-forigin="g"], link[f-origin="1"]` ), j$2 = 0; j$2 < loadedSelector.length; j$2 += 1 ) loadedSelector[j$2].href.indexOf(fontArr[i$1].fPath) !== -1 && (shouldLoadFont = !1); if (shouldLoadFont) { var l = createTag(`link`); l.setAttribute(`f-forigin`, fontArr[i$1].fOrigin), l.setAttribute(`f-origin`, fontArr[i$1].origin), (l.type = `text/css`), (l.rel = `stylesheet`), (l.href = fontArr[i$1].fPath), document.body.appendChild(l); } } else if (fontArr[i$1].fOrigin === `t` || fontArr[i$1].origin === 2) { for ( loadedSelector = document.querySelectorAll( `script[f-forigin="t"], script[f-origin="2"]` ), j$2 = 0; j$2 < loadedSelector.length; j$2 += 1 ) fontArr[i$1].fPath === loadedSelector[j$2].src && (shouldLoadFont = !1); if (shouldLoadFont) { var sc = createTag(`link`); sc.setAttribute(`f-forigin`, fontArr[i$1].fOrigin), sc.setAttribute(`f-origin`, fontArr[i$1].origin), sc.setAttribute(`rel`, `stylesheet`), sc.setAttribute(`href`, fontArr[i$1].fPath), defs.appendChild(sc); } } (fontArr[i$1].helper = createHelper(defs, fontArr[i$1])), (fontArr[i$1].cache = {}), (this || _global).fonts.push(fontArr[i$1]); } _pendingFonts === 0 ? ((this || _global).isLoaded = !0) : setTimeout((this || _global).checkLoadedFonts.bind(this || _global), 100); } function addChars(chars) { if (chars) { (this || _global).chars || ((this || _global).chars = []); var i$1, len = chars.length, j$2, jLen = (this || _global).chars.length, found; for (i$1 = 0; i$1 < len; i$1 += 1) { for (j$2 = 0, found = !1; j$2 < jLen; ) (this || _global).chars[j$2].style === chars[i$1].style && (this || _global).chars[j$2].fFamily === chars[i$1].fFamily && (this || _global).chars[j$2].ch === chars[i$1].ch && (found = !0), (j$2 += 1); found || ((this || _global).chars.push(chars[i$1]), (jLen += 1)); } } } function getCharData(char, style, font) { for (var i$1 = 0, len = (this || _global).chars.length; i$1 < len; ) { if ( (this || _global).chars[i$1].ch === char && (this || _global).chars[i$1].style === style && (this || _global).chars[i$1].fFamily === font ) return (this || _global).chars[i$1]; i$1 += 1; } return ( ((typeof char == `string` && char.charCodeAt(0) !== 13) || !char) && console && console.warn && !(this || _global)._warned && (((this || _global)._warned = !0), console.warn( `Missing character from exported characters list: `, char, style, font )), emptyChar ); } function measureText(char, fontName, size) { var fontData = this.getFontByName(fontName), index$1 = char.charCodeAt(0); if (!fontData.cache[index$1 + 1]) { var tHelper = fontData.helper; if (char === ` `) { tHelper.textContent = `|` + char + `|`; var doubleSize = tHelper.getComputedTextLength(); tHelper.textContent = `||`; var singleSize = tHelper.getComputedTextLength(); fontData.cache[index$1 + 1] = (doubleSize - singleSize) / 100; } else (tHelper.textContent = char), (fontData.cache[index$1 + 1] = tHelper.getComputedTextLength() / 100); } return fontData.cache[index$1 + 1] * size; } function getFontByName(name) { for (var i$1 = 0, len = (this || _global).fonts.length; i$1 < len; ) { if ((this || _global).fonts[i$1].fName === name) return (this || _global).fonts[i$1]; i$1 += 1; } return (this || _global).fonts[0]; } function getCombinedCharacterCodes() { return combinedCharacters; } function setIsLoaded() { (this || _global).isLoaded = !0; } var Font = function () { ((this || _global).fonts = []), ((this || _global).chars = null), ((this || _global).typekitLoaded = 0), ((this || _global).isLoaded = !1), ((this || _global)._warned = !1), ((this || _global).initTime = Date.now()), ((this || _global).setIsLoadedBinded = (this || _global).setIsLoaded.bind( this || _global )), ((this || _global).checkLoadedFontsBinded = (this || _global).checkLoadedFonts.bind( this || _global )); }; Font.getCombinedCharacterCodes = getCombinedCharacterCodes; var fontPrototype = { addChars, addFonts: addFonts$1, getCharData, getFontByName, measureText, checkLoadedFonts, setIsLoaded }; return (Font.prototype = fontPrototype), Font; })(), PropertyFactory = (function () { var initFrame = initialDefaultFrame, mathAbs = Math.abs; function interpolateValue(frameNum, caching) { var offsetTime = (this || _global).offsetTime, newValue; (this || _global).propType === `multidimensional` && (newValue = createTypedArray(`float32`, (this || _global).pv.length)); for ( var iterationIndex = caching.lastIndex, i$1 = iterationIndex, len = (this || _global).keyframes.length - 1, flag = !0, keyData, nextKeyData; flag; ) { if ( ((keyData = (this || _global).keyframes[i$1]), (nextKeyData = (this || _global).keyframes[i$1 + 1]), i$1 === len - 1 && frameNum >= nextKeyData.t - offsetTime) ) { keyData.h && (keyData = nextKeyData), (iterationIndex = 0); break; } if (nextKeyData.t - offsetTime > frameNum) { iterationIndex = i$1; break; } i$1 < len - 1 ? (i$1 += 1) : ((iterationIndex = 0), (flag = !1)); } var k$1, kLen, perc, jLen, j$2, fnc, nextKeyTime = nextKeyData.t - offsetTime, keyTime = keyData.t - offsetTime, endValue; if (keyData.to) { keyData.bezierData ||= bez.buildBezierData( keyData.s, nextKeyData.s || keyData.e, keyData.to, keyData.ti ); var bezierData = keyData.bezierData; if (frameNum >= nextKeyTime || frameNum < keyTime) { var ind = frameNum >= nextKeyTime ? bezierData.points.length - 1 : 0; for (kLen = bezierData.points[ind].point.length, k$1 = 0; k$1 < kLen; k$1 += 1) newValue[k$1] = bezierData.points[ind].point[k$1]; } else { keyData.__fnct ? (fnc = keyData.__fnct) : ((fnc = BezierFactory.getBezierEasing( keyData.o.x, keyData.o.y, keyData.i.x, keyData.i.y, keyData.n ).get), (keyData.__fnct = fnc)), (perc = fnc((frameNum - keyTime) / (nextKeyTime - keyTime))); var distanceInLine = bezierData.segmentLength * perc, segmentPerc, addedLength = caching.lastFrame < frameNum && caching._lastKeyframeIndex === i$1 ? caching._lastAddedLength : 0; for ( j$2 = caching.lastFrame < frameNum && caching._lastKeyframeIndex === i$1 ? caching._lastPoint : 0, flag = !0, jLen = bezierData.points.length; flag; ) { if ( ((addedLength += bezierData.points[j$2].partialLength), distanceInLine === 0 || perc === 0 || j$2 === bezierData.points.length - 1) ) { for ( kLen = bezierData.points[j$2].point.length, k$1 = 0; k$1 < kLen; k$1 += 1 ) newValue[k$1] = bezierData.points[j$2].point[k$1]; break; } else if ( distanceInLine >= addedLength && distanceInLine < addedLength + bezierData.points[j$2 + 1].partialLength ) { for ( segmentPerc = (distanceInLine - addedLength) / bezierData.points[j$2 + 1].partialLength, kLen = bezierData.points[j$2].point.length, k$1 = 0; k$1 < kLen; k$1 += 1 ) newValue[k$1] = bezierData.points[j$2].point[k$1] + (bezierData.points[j$2 + 1].point[k$1] - bezierData.points[j$2].point[k$1]) * segmentPerc; break; } j$2 < jLen - 1 ? (j$2 += 1) : (flag = !1); } (caching._lastPoint = j$2), (caching._lastAddedLength = addedLength - bezierData.points[j$2].partialLength), (caching._lastKeyframeIndex = i$1); } } else { var outX, outY, inX, inY, keyValue; if ( ((len = keyData.s.length), (endValue = nextKeyData.s || keyData.e), (this || _global).sh && keyData.h !== 1) ) if (frameNum >= nextKeyTime) (newValue[0] = endValue[0]), (newValue[1] = endValue[1]), (newValue[2] = endValue[2]); else if (frameNum <= keyTime) (newValue[0] = keyData.s[0]), (newValue[1] = keyData.s[1]), (newValue[2] = keyData.s[2]); else { var quatStart = createQuaternion(keyData.s), quatEnd = createQuaternion(endValue), time = (frameNum - keyTime) / (nextKeyTime - keyTime); quaternionToEuler(newValue, slerp(quatStart, quatEnd, time)); } else for (i$1 = 0; i$1 < len; i$1 += 1) keyData.h !== 1 && (frameNum >= nextKeyTime ? (perc = 1) : frameNum < keyTime ? (perc = 0) : (keyData.o.x.constructor === Array ? ((keyData.__fnct ||= []), keyData.__fnct[i$1] ? (fnc = keyData.__fnct[i$1]) : ((outX = keyData.o.x[i$1] === void 0 ? keyData.o.x[0] : keyData.o.x[i$1]), (outY = keyData.o.y[i$1] === void 0 ? keyData.o.y[0] : keyData.o.y[i$1]), (inX = keyData.i.x[i$1] === void 0 ? keyData.i.x[0] : keyData.i.x[i$1]), (inY = keyData.i.y[i$1] === void 0 ? keyData.i.y[0] : keyData.i.y[i$1]), (fnc = BezierFactory.getBezierEasing( outX, outY, inX, inY ).get), (keyData.__fnct[i$1] = fnc))) : keyData.__fnct ? (fnc = keyData.__fnct) : ((outX = keyData.o.x), (outY = keyData.o.y), (inX = keyData.i.x), (inY = keyData.i.y), (fnc = BezierFactory.getBezierEasing( outX, outY, inX, inY ).get), (keyData.__fnct = fnc)), (perc = fnc((frameNum - keyTime) / (nextKeyTime - keyTime))))), (endValue = nextKeyData.s || keyData.e), (keyValue = keyData.h === 1 ? keyData.s[i$1] : keyData.s[i$1] + (endValue[i$1] - keyData.s[i$1]) * perc), (this || _global).propType === `multidimensional` ? (newValue[i$1] = keyValue) : (newValue = keyValue); } return (caching.lastIndex = iterationIndex), newValue; } function slerp(a$1, b, t$2) { var out = [], ax = a$1[0], ay = a$1[1], az = a$1[2], aw = a$1[3], bx = b[0], by = b[1], bz = b[2], bw = b[3], omega, cosom, sinom, scale0, scale1; return ( (cosom = ax * bx + ay * by + az * bz + aw * bw), cosom < 0 && ((cosom = -cosom), (bx = -bx), (by = -by), (bz = -bz), (bw = -bw)), 1 - cosom > 1e-6 ? ((omega = Math.acos(cosom)), (sinom = Math.sin(omega)), (scale0 = Math.sin((1 - t$2) * omega) / sinom), (scale1 = Math.sin(t$2 * omega) / sinom)) : ((scale0 = 1 - t$2), (scale1 = t$2)), (out[0] = scale0 * ax + scale1 * bx), (out[1] = scale0 * ay + scale1 * by), (out[2] = scale0 * az + scale1 * bz), (out[3] = scale0 * aw + scale1 * bw), out ); } function quaternionToEuler(out, quat) { var qx = quat[0], qy = quat[1], qz = quat[2], qw = quat[3], heading = Math.atan2(2 * qy * qw - 2 * qx * qz, 1 - 2 * qy * qy - 2 * qz * qz), attitude = Math.asin(2 * qx * qy + 2 * qz * qw), bank = Math.atan2(2 * qx * qw - 2 * qy * qz, 1 - 2 * qx * qx - 2 * qz * qz); (out[0] = heading / degToRads), (out[1] = attitude / degToRads), (out[2] = bank / degToRads); } function createQuaternion(values) { var heading = values[0] * degToRads, attitude = values[1] * degToRads, bank = values[2] * degToRads, c1 = Math.cos(heading / 2), c2 = Math.cos(attitude / 2), c3 = Math.cos(bank / 2), s1 = Math.sin(heading / 2), s2 = Math.sin(attitude / 2), s3 = Math.sin(bank / 2), w = c1 * c2 * c3 - s1 * s2 * s3, x$1 = s1 * s2 * c3 + c1 * c2 * s3, y = s1 * c2 * c3 + c1 * s2 * s3, z = c1 * s2 * c3 - s1 * c2 * s3; return [x$1, y, z, w]; } function getValueAtCurrentTime() { var frameNum = (this || _global).comp.renderedFrame - (this || _global).offsetTime, initTime = (this || _global).keyframes[0].t - (this || _global).offsetTime, endTime = (this || _global).keyframes[(this || _global).keyframes.length - 1].t - (this || _global).offsetTime; if ( !( frameNum === (this || _global)._caching.lastFrame || ((this || _global)._caching.lastFrame !== initFrame && (((this || _global)._caching.lastFrame >= endTime && frameNum >= endTime) || ((this || _global)._caching.lastFrame < initTime && frameNum < initTime))) ) ) { (this || _global)._caching.lastFrame >= frameNum && (((this || _global)._caching._lastKeyframeIndex = -1), ((this || _global)._caching.lastIndex = 0)); var renderResult = this.interpolateValue(frameNum, (this || _global)._caching); (this || _global).pv = renderResult; } return ((this || _global)._caching.lastFrame = frameNum), (this || _global).pv; } function setVValue(val) { var multipliedValue; if ((this || _global).propType === `unidimensional`) (multipliedValue = val * (this || _global).mult), mathAbs((this || _global).v - multipliedValue) > 1e-5 && (((this || _global).v = multipliedValue), ((this || _global)._mdf = !0)); else for (var i$1 = 0, len = (this || _global).v.length; i$1 < len; ) (multipliedValue = val[i$1] * (this || _global).mult), mathAbs((this || _global).v[i$1] - multipliedValue) > 1e-5 && (((this || _global).v[i$1] = multipliedValue), ((this || _global)._mdf = !0)), (i$1 += 1); } function processEffectsSequence() { if ( !( (this || _global).elem.globalData.frameId === (this || _global).frameId || !(this || _global).effectsSequence.length ) ) { if ((this || _global).lock) { this.setVValue((this || _global).pv); return; } ((this || _global).lock = !0), ((this || _global)._mdf = (this || _global)._isFirstFrame); var i$1, len = (this || _global).effectsSequence.length, finalValue = (this || _global).kf ? (this || _global).pv : (this || _global).data.k; for (i$1 = 0; i$1 < len; i$1 += 1) finalValue = (this || _global).effectsSequence[i$1](finalValue); this.setVValue(finalValue), ((this || _global)._isFirstFrame = !1), ((this || _global).lock = !1), ((this || _global).frameId = (this || _global).elem.globalData.frameId); } } function addEffect(effectFunction) { (this || _global).effectsSequence.push(effectFunction), (this || _global).container.addDynamicProperty(this || _global); } function ValueProperty(elem, data, mult, container) { ((this || _global).propType = `unidimensional`), ((this || _global).mult = mult || 1), ((this || _global).data = data), ((this || _global).v = mult ? data.k * mult : data.k), ((this || _global).pv = data.k), ((this || _global)._mdf = !1), ((this || _global).elem = elem), ((this || _global).container = container), ((this || _global).comp = elem.comp), ((this || _global).k = !1), ((this || _global).kf = !1), ((this || _global).vel = 0), ((this || _global).effectsSequence = []), ((this || _global)._isFirstFrame = !0), ((this || _global).getValue = processEffectsSequence), ((this || _global).setVValue = setVValue), ((this || _global).addEffect = addEffect); } function MultiDimensionalProperty(elem, data, mult, container) { ((this || _global).propType = `multidimensional`), ((this || _global).mult = mult || 1), ((this || _global).data = data), ((this || _global)._mdf = !1), ((this || _global).elem = elem), ((this || _global).container = container), ((this || _global).comp = elem.comp), ((this || _global).k = !1), ((this || _global).kf = !1), ((this || _global).frameId = -1); var i$1, len = data.k.length; for ( (this || _global).v = createTypedArray(`float32`, len), (this || _global).pv = createTypedArray(`float32`, len), (this || _global).vel = createTypedArray(`float32`, len), i$1 = 0; i$1 < len; i$1 += 1 ) ((this || _global).v[i$1] = data.k[i$1] * (this || _global).mult), ((this || _global).pv[i$1] = data.k[i$1]); ((this || _global)._isFirstFrame = !0), ((this || _global).effectsSequence = []), ((this || _global).getValue = processEffectsSequence), ((this || _global).setVValue = setVValue), ((this || _global).addEffect = addEffect); } function KeyframedValueProperty(elem, data, mult, container) { ((this || _global).propType = `unidimensional`), ((this || _global).keyframes = data.k), ((this || _global).offsetTime = elem.data.st), ((this || _global).frameId = -1), ((this || _global)._caching = { lastFrame: initFrame, lastIndex: 0, value: 0, _lastKeyframeIndex: -1 }), ((this || _global).k = !0), ((this || _global).kf = !0), ((this || _global).data = data), ((this || _global).mult = mult || 1), ((this || _global).elem = elem), ((this || _global).container = container), ((this || _global).comp = elem.comp), ((this || _global).v = initFrame), ((this || _global).pv = initFrame), ((this || _global)._isFirstFrame = !0), ((this || _global).getValue = processEffectsSequence), ((this || _global).setVValue = setVValue), ((this || _global).interpolateValue = interpolateValue), ((this || _global).effectsSequence = [getValueAtCurrentTime.bind(this || _global)]), ((this || _global).addEffect = addEffect); } function KeyframedMultidimensionalProperty(elem, data, mult, container) { (this || _global).propType = `multidimensional`; var i$1, len = data.k.length, s$1, e$3, to, ti; for (i$1 = 0; i$1 < len - 1; i$1 += 1) data.k[i$1].to && data.k[i$1].s && data.k[i$1 + 1] && data.k[i$1 + 1].s && ((s$1 = data.k[i$1].s), (e$3 = data.k[i$1 + 1].s), (to = data.k[i$1].to), (ti = data.k[i$1].ti), ((s$1.length === 2 && !(s$1[0] === e$3[0] && s$1[1] === e$3[1]) && bez.pointOnLine2D( s$1[0], s$1[1], e$3[0], e$3[1], s$1[0] + to[0], s$1[1] + to[1] ) && bez.pointOnLine2D( s$1[0], s$1[1], e$3[0], e$3[1], e$3[0] + ti[0], e$3[1] + ti[1] )) || (s$1.length === 3 && !(s$1[0] === e$3[0] && s$1[1] === e$3[1] && s$1[2] === e$3[2]) && bez.pointOnLine3D( s$1[0], s$1[1], s$1[2], e$3[0], e$3[1], e$3[2], s$1[0] + to[0], s$1[1] + to[1], s$1[2] + to[2] ) && bez.pointOnLine3D( s$1[0], s$1[1], s$1[2], e$3[0], e$3[1], e$3[2], e$3[0] + ti[0], e$3[1] + ti[1], e$3[2] + ti[2] ))) && ((data.k[i$1].to = null), (data.k[i$1].ti = null)), s$1[0] === e$3[0] && s$1[1] === e$3[1] && to[0] === 0 && to[1] === 0 && ti[0] === 0 && ti[1] === 0 && (s$1.length === 2 || (s$1[2] === e$3[2] && to[2] === 0 && ti[2] === 0)) && ((data.k[i$1].to = null), (data.k[i$1].ti = null))); ((this || _global).effectsSequence = [getValueAtCurrentTime.bind(this || _global)]), ((this || _global).data = data), ((this || _global).keyframes = data.k), ((this || _global).offsetTime = elem.data.st), ((this || _global).k = !0), ((this || _global).kf = !0), ((this || _global)._isFirstFrame = !0), ((this || _global).mult = mult || 1), ((this || _global).elem = elem), ((this || _global).container = container), ((this || _global).comp = elem.comp), ((this || _global).getValue = processEffectsSequence), ((this || _global).setVValue = setVValue), ((this || _global).interpolateValue = interpolateValue), ((this || _global).frameId = -1); var arrLen = data.k[0].s.length; for ( (this || _global).v = createTypedArray(`float32`, arrLen), (this || _global).pv = createTypedArray(`float32`, arrLen), i$1 = 0; i$1 < arrLen; i$1 += 1 ) ((this || _global).v[i$1] = initFrame), ((this || _global).pv[i$1] = initFrame); ((this || _global)._caching = { lastFrame: initFrame, lastIndex: 0, value: createTypedArray(`float32`, arrLen) }), ((this || _global).addEffect = addEffect); } function getProp(elem, data, type, mult, container) { var p$1; if (!data.k.length) p$1 = new ValueProperty(elem, data, mult, container); else if (typeof data.k[0] == `number`) p$1 = new MultiDimensionalProperty(elem, data, mult, container); else switch (type) { case 0: p$1 = new KeyframedValueProperty(elem, data, mult, container); break; case 1: p$1 = new KeyframedMultidimensionalProperty(elem, data, mult, container); break; default: break; } return p$1.effectsSequence.length && container.addDynamicProperty(p$1), p$1; } var ob = { getProp }; return ob; })(), TransformPropertyFactory = (function () { var defaultVector = [0, 0]; function applyToMatrix(mat) { var _mdf = (this || _global)._mdf; this.iterateDynamicProperties(), ((this || _global)._mdf = (this || _global)._mdf || _mdf), (this || _global).a && mat.translate( -(this || _global).a.v[0], -(this || _global).a.v[1], (this || _global).a.v[2] ), (this || _global).s && mat.scale( (this || _global).s.v[0], (this || _global).s.v[1], (this || _global).s.v[2] ), (this || _global).sk && mat.skewFromAxis(-(this || _global).sk.v, (this || _global).sa.v), (this || _global).r ? mat.rotate(-(this || _global).r.v) : mat .rotateZ(-(this || _global).rz.v) .rotateY((this || _global).ry.v) .rotateX((this || _global).rx.v) .rotateZ(-(this || _global).or.v[2]) .rotateY((this || _global).or.v[1]) .rotateX((this || _global).or.v[0]), (this || _global).data.p.s ? (this || _global).data.p.z ? mat.translate( (this || _global).px.v, (this || _global).py.v, -(this || _global).pz.v ) : mat.translate((this || _global).px.v, (this || _global).py.v, 0) : mat.translate( (this || _global).p.v[0], (this || _global).p.v[1], -(this || _global).p.v[2] ); } function processKeys(forceRender) { if ((this || _global).elem.globalData.frameId !== (this || _global).frameId) { if ( ((this || _global)._isDirty && (this.precalculateMatrix(), ((this || _global)._isDirty = !1)), this.iterateDynamicProperties(), (this || _global)._mdf || forceRender) ) { var frameRate; if ( ((this || _global).v.cloneFromProps((this || _global).pre.props), (this || _global).appliedTransformations < 1 && (this || _global).v.translate( -(this || _global).a.v[0], -(this || _global).a.v[1], (this || _global).a.v[2] ), (this || _global).appliedTransformations < 2 && (this || _global).v.scale( (this || _global).s.v[0], (this || _global).s.v[1], (this || _global).s.v[2] ), (this || _global).sk && (this || _global).appliedTransformations < 3 && (this || _global).v.skewFromAxis( -(this || _global).sk.v, (this || _global).sa.v ), (this || _global).r && (this || _global).appliedTransformations < 4 ? (this || _global).v.rotate(-(this || _global).r.v) : !(this || _global).r && (this || _global).appliedTransformations < 4 && (this || _global).v .rotateZ(-(this || _global).rz.v) .rotateY((this || _global).ry.v) .rotateX((this || _global).rx.v) .rotateZ(-(this || _global).or.v[2]) .rotateY((this || _global).or.v[1]) .rotateX((this || _global).or.v[0]), (this || _global).autoOriented) ) { var v1, v2; if ( ((frameRate = (this || _global).elem.globalData.frameRate), (this || _global).p && (this || _global).p.keyframes && (this || _global).p.getValueAtTime) ) (this || _global).p._caching.lastFrame + (this || _global).p.offsetTime <= (this || _global).p.keyframes[0].t ? ((v1 = (this || _global).p.getValueAtTime( ((this || _global).p.keyframes[0].t + 0.01) / frameRate, 0 )), (v2 = (this || _global).p.getValueAtTime( (this || _global).p.keyframes[0].t / frameRate, 0 ))) : (this || _global).p._caching.lastFrame + (this || _global).p.offsetTime >= (this || _global).p.keyframes[ (this || _global).p.keyframes.length - 1 ].t ? ((v1 = (this || _global).p.getValueAtTime( (this || _global).p.keyframes[ (this || _global).p.keyframes.length - 1 ].t / frameRate, 0 )), (v2 = (this || _global).p.getValueAtTime( ((this || _global).p.keyframes[ (this || _global).p.keyframes.length - 1 ].t - 0.05) / frameRate, 0 ))) : ((v1 = (this || _global).p.pv), (v2 = (this || _global).p.getValueAtTime( ((this || _global).p._caching.lastFrame + (this || _global).p.offsetTime - 0.01) / frameRate, (this || _global).p.offsetTime ))); else if ( (this || _global).px && (this || _global).px.keyframes && (this || _global).py.keyframes && (this || _global).px.getValueAtTime && (this || _global).py.getValueAtTime ) { (v1 = []), (v2 = []); var px = (this || _global).px, py = (this || _global).py; px._caching.lastFrame + px.offsetTime <= px.keyframes[0].t ? ((v1[0] = px.getValueAtTime( (px.keyframes[0].t + 0.01) / frameRate, 0 )), (v1[1] = py.getValueAtTime( (py.keyframes[0].t + 0.01) / frameRate, 0 )), (v2[0] = px.getValueAtTime(px.keyframes[0].t / frameRate, 0)), (v2[1] = py.getValueAtTime(py.keyframes[0].t / frameRate, 0))) : px._caching.lastFrame + px.offsetTime >= px.keyframes[px.keyframes.length - 1].t ? ((v1[0] = px.getValueAtTime( px.keyframes[px.keyframes.length - 1].t / frameRate, 0 )), (v1[1] = py.getValueAtTime( py.keyframes[py.keyframes.length - 1].t / frameRate, 0 )), (v2[0] = px.getValueAtTime( (px.keyframes[px.keyframes.length - 1].t - 0.01) / frameRate, 0 )), (v2[1] = py.getValueAtTime( (py.keyframes[py.keyframes.length - 1].t - 0.01) / frameRate, 0 ))) : ((v1 = [px.pv, py.pv]), (v2[0] = px.getValueAtTime( (px._caching.lastFrame + px.offsetTime - 0.01) / frameRate, px.offsetTime )), (v2[1] = py.getValueAtTime( (py._caching.lastFrame + py.offsetTime - 0.01) / frameRate, py.offsetTime ))); } else (v2 = defaultVector), (v1 = v2); (this || _global).v.rotate(-Math.atan2(v1[1] - v2[1], v1[0] - v2[0])); } (this || _global).data.p && (this || _global).data.p.s ? (this || _global).data.p.z ? (this || _global).v.translate( (this || _global).px.v, (this || _global).py.v, -(this || _global).pz.v ) : (this || _global).v.translate( (this || _global).px.v, (this || _global).py.v, 0 ) : (this || _global).v.translate( (this || _global).p.v[0], (this || _global).p.v[1], -(this || _global).p.v[2] ); } (this || _global).frameId = (this || _global).elem.globalData.frameId; } } function precalculateMatrix() { if (!(this || _global).a.k) (this || _global).pre.translate( -(this || _global).a.v[0], -(this || _global).a.v[1], (this || _global).a.v[2] ), ((this || _global).appliedTransformations = 1); else return; if (!(this || _global).s.effectsSequence.length) (this || _global).pre.scale( (this || _global).s.v[0], (this || _global).s.v[1], (this || _global).s.v[2] ), ((this || _global).appliedTransformations = 2); else return; if ((this || _global).sk) if ( !(this || _global).sk.effectsSequence.length && !(this || _global).sa.effectsSequence.length ) (this || _global).pre.skewFromAxis( -(this || _global).sk.v, (this || _global).sa.v ), ((this || _global).appliedTransformations = 3); else return; (this || _global).r ? (this || _global).r.effectsSequence.length || ((this || _global).pre.rotate(-(this || _global).r.v), ((this || _global).appliedTransformations = 4)) : !(this || _global).rz.effectsSequence.length && !(this || _global).ry.effectsSequence.length && !(this || _global).rx.effectsSequence.length && !(this || _global).or.effectsSequence.length && ((this || _global).pre .rotateZ(-(this || _global).rz.v) .rotateY((this || _global).ry.v) .rotateX((this || _global).rx.v) .rotateZ(-(this || _global).or.v[2]) .rotateY((this || _global).or.v[1]) .rotateX((this || _global).or.v[0]), ((this || _global).appliedTransformations = 4)); } function autoOrient() {} function addDynamicProperty(prop) { this._addDynamicProperty(prop), (this || _global).elem.addDynamicProperty(prop), ((this || _global)._isDirty = !0); } function TransformProperty(elem, data, container) { if ( (((this || _global).elem = elem), ((this || _global).frameId = -1), ((this || _global).propType = `transform`), ((this || _global).data = data), ((this || _global).v = new Matrix()), ((this || _global).pre = new Matrix()), ((this || _global).appliedTransformations = 0), this.initDynamicPropertyContainer(container || elem), data.p && data.p.s ? (((this || _global).px = PropertyFactory.getProp( elem, data.p.x, 0, 0, this || _global )), ((this || _global).py = PropertyFactory.getProp( elem, data.p.y, 0, 0, this || _global )), data.p.z && ((this || _global).pz = PropertyFactory.getProp( elem, data.p.z, 0, 0, this || _global ))) : ((this || _global).p = PropertyFactory.getProp( elem, data.p || { k: [0, 0, 0] }, 1, 0, this || _global )), data.rx) ) { if ( (((this || _global).rx = PropertyFactory.getProp( elem, data.rx, 0, degToRads, this || _global )), ((this || _global).ry = PropertyFactory.getProp( elem, data.ry, 0, degToRads, this || _global )), ((this || _global).rz = PropertyFactory.getProp( elem, data.rz, 0, degToRads, this || _global )), data.or.k[0].ti) ) { var i$1, len = data.or.k.length; for (i$1 = 0; i$1 < len; i$1 += 1) (data.or.k[i$1].to = null), (data.or.k[i$1].ti = null); } ((this || _global).or = PropertyFactory.getProp( elem, data.or, 1, degToRads, this || _global )), ((this || _global).or.sh = !0); } else (this || _global).r = PropertyFactory.getProp( elem, data.r || { k: 0 }, 0, degToRads, this || _global ); data.sk && (((this || _global).sk = PropertyFactory.getProp( elem, data.sk, 0, degToRads, this || _global )), ((this || _global).sa = PropertyFactory.getProp( elem, data.sa, 0, degToRads, this || _global ))), ((this || _global).a = PropertyFactory.getProp( elem, data.a || { k: [0, 0, 0] }, 1, 0, this || _global )), ((this || _global).s = PropertyFactory.getProp( elem, data.s || { k: [100, 100, 100] }, 1, 0.01, this || _global )), data.o ? ((this || _global).o = PropertyFactory.getProp(elem, data.o, 0, 0.01, elem)) : ((this || _global).o = { _mdf: !1, v: 1 }), ((this || _global)._isDirty = !0), (this || _global).dynamicProperties.length || this.getValue(!0); } (TransformProperty.prototype = { applyToMatrix, getValue: processKeys, precalculateMatrix, autoOrient }), extendPrototype([DynamicPropertyContainer], TransformProperty), (TransformProperty.prototype.addDynamicProperty = addDynamicProperty), (TransformProperty.prototype._addDynamicProperty = DynamicPropertyContainer.prototype.addDynamicProperty); function getTransformProperty(elem, data, container) { return new TransformProperty(elem, data, container); } return { getTransformProperty }; })(); function ShapePath() { ((this || _global).c = !1), ((this || _global)._length = 0), ((this || _global)._maxLength = 8), ((this || _global).v = createSizedArray((this || _global)._maxLength)), ((this || _global).o = createSizedArray((this || _global)._maxLength)), ((this || _global).i = createSizedArray((this || _global)._maxLength)); } (ShapePath.prototype.setPathData = function (closed, len) { ((this || _global).c = closed), this.setLength(len); for (var i$1 = 0; i$1 < len; ) ((this || _global).v[i$1] = pointPool.newElement()), ((this || _global).o[i$1] = pointPool.newElement()), ((this || _global).i[i$1] = pointPool.newElement()), (i$1 += 1); }), (ShapePath.prototype.setLength = function (len) { for (; (this || _global)._maxLength < len; ) this.doubleArrayLength(); (this || _global)._length = len; }), (ShapePath.prototype.doubleArrayLength = function () { ((this || _global).v = (this || _global).v.concat( createSizedArray((this || _global)._maxLength) )), ((this || _global).i = (this || _global).i.concat( createSizedArray((this || _global)._maxLength) )), ((this || _global).o = (this || _global).o.concat( createSizedArray((this || _global)._maxLength) )), ((this || _global)._maxLength *= 2); }), (ShapePath.prototype.setXYAt = function (x$1, y, type, pos, replace) { var arr; switch ( (((this || _global)._length = Math.max((this || _global)._length, pos + 1)), (this || _global)._length >= (this || _global)._maxLength && this.doubleArrayLength(), type) ) { case `v`: arr = (this || _global).v; break; case `i`: arr = (this || _global).i; break; case `o`: arr = (this || _global).o; break; default: arr = []; break; } (!arr[pos] || (arr[pos] && !replace)) && (arr[pos] = pointPool.newElement()), (arr[pos][0] = x$1), (arr[pos][1] = y); }), (ShapePath.prototype.setTripleAt = function (vX, vY, oX, oY, iX, iY, pos, replace) { this.setXYAt(vX, vY, `v`, pos, replace), this.setXYAt(oX, oY, `o`, pos, replace), this.setXYAt(iX, iY, `i`, pos, replace); }), (ShapePath.prototype.reverse = function () { var newPath = new ShapePath(); newPath.setPathData((this || _global).c, (this || _global)._length); var vertices = (this || _global).v, outPoints = (this || _global).o, inPoints = (this || _global).i, init = 0; (this || _global).c && (newPath.setTripleAt( vertices[0][0], vertices[0][1], inPoints[0][0], inPoints[0][1], outPoints[0][0], outPoints[0][1], 0, !1 ), (init = 1)); var cnt = (this || _global)._length - 1, len = (this || _global)._length, i$1; for (i$1 = init; i$1 < len; i$1 += 1) newPath.setTripleAt( vertices[cnt][0], vertices[cnt][1], inPoints[cnt][0], inPoints[cnt][1], outPoints[cnt][0], outPoints[cnt][1], i$1, !1 ), --cnt; return newPath; }); var ShapePropertyFactory = (function () { var initFrame = -999999; function interpolateShape(frameNum, previousValue, caching) { var iterationIndex = caching.lastIndex, keyPropS, keyPropE, isHold, j$2, k$1, jLen, kLen, perc, vertexValue, kf = (this || _global).keyframes; if (frameNum < kf[0].t - (this || _global).offsetTime) (keyPropS = kf[0].s[0]), (isHold = !0), (iterationIndex = 0); else if (frameNum >= kf[kf.length - 1].t - (this || _global).offsetTime) (keyPropS = kf[kf.length - 1].s ? kf[kf.length - 1].s[0] : kf[kf.length - 2].e[0]), (isHold = !0); else { for ( var i$1 = iterationIndex, len = kf.length - 1, flag = !0, keyData, nextKeyData; flag && ((keyData = kf[i$1]), (nextKeyData = kf[i$1 + 1]), !(nextKeyData.t - (this || _global).offsetTime > frameNum)); ) i$1 < len - 1 ? (i$1 += 1) : (flag = !1); if (((isHold = keyData.h === 1), (iterationIndex = i$1), !isHold)) { if (frameNum >= nextKeyData.t - (this || _global).offsetTime) perc = 1; else if (frameNum < keyData.t - (this || _global).offsetTime) perc = 0; else { var fnc; keyData.__fnct ? (fnc = keyData.__fnct) : ((fnc = BezierFactory.getBezierEasing( keyData.o.x, keyData.o.y, keyData.i.x, keyData.i.y ).get), (keyData.__fnct = fnc)), (perc = fnc( (frameNum - (keyData.t - (this || _global).offsetTime)) / (nextKeyData.t - (this || _global).offsetTime - (keyData.t - (this || _global).offsetTime)) )); } keyPropE = nextKeyData.s ? nextKeyData.s[0] : keyData.e[0]; } keyPropS = keyData.s[0]; } for ( jLen = previousValue._length, kLen = keyPropS.i[0].length, caching.lastIndex = iterationIndex, j$2 = 0; j$2 < jLen; j$2 += 1 ) for (k$1 = 0; k$1 < kLen; k$1 += 1) (vertexValue = isHold ? keyPropS.i[j$2][k$1] : keyPropS.i[j$2][k$1] + (keyPropE.i[j$2][k$1] - keyPropS.i[j$2][k$1]) * perc), (previousValue.i[j$2][k$1] = vertexValue), (vertexValue = isHold ? keyPropS.o[j$2][k$1] : keyPropS.o[j$2][k$1] + (keyPropE.o[j$2][k$1] - keyPropS.o[j$2][k$1]) * perc), (previousValue.o[j$2][k$1] = vertexValue), (vertexValue = isHold ? keyPropS.v[j$2][k$1] : keyPropS.v[j$2][k$1] + (keyPropE.v[j$2][k$1] - keyPropS.v[j$2][k$1]) * perc), (previousValue.v[j$2][k$1] = vertexValue); } function interpolateShapeCurrentTime() { var frameNum = (this || _global).comp.renderedFrame - (this || _global).offsetTime, initTime = (this || _global).keyframes[0].t - (this || _global).offsetTime, endTime = (this || _global).keyframes[(this || _global).keyframes.length - 1].t - (this || _global).offsetTime, lastFrame = (this || _global)._caching.lastFrame; return ( (lastFrame !== initFrame && ((lastFrame < initTime && frameNum < initTime) || (lastFrame > endTime && frameNum > endTime))) || (((this || _global)._caching.lastIndex = lastFrame < frameNum ? (this || _global)._caching.lastIndex : 0), this.interpolateShape( frameNum, (this || _global).pv, (this || _global)._caching )), ((this || _global)._caching.lastFrame = frameNum), (this || _global).pv ); } function resetShape() { (this || _global).paths = (this || _global).localShapeCollection; } function shapesEqual(shape1, shape2) { if (shape1._length !== shape2._length || shape1.c !== shape2.c) return !1; var i$1, len = shape1._length; for (i$1 = 0; i$1 < len; i$1 += 1) if ( shape1.v[i$1][0] !== shape2.v[i$1][0] || shape1.v[i$1][1] !== shape2.v[i$1][1] || shape1.o[i$1][0] !== shape2.o[i$1][0] || shape1.o[i$1][1] !== shape2.o[i$1][1] || shape1.i[i$1][0] !== shape2.i[i$1][0] || shape1.i[i$1][1] !== shape2.i[i$1][1] ) return !1; return !0; } function setVValue(newPath) { shapesEqual((this || _global).v, newPath) || (((this || _global).v = shapePool.clone(newPath)), (this || _global).localShapeCollection.releaseShapes(), (this || _global).localShapeCollection.addShape((this || _global).v), ((this || _global)._mdf = !0), ((this || _global).paths = (this || _global).localShapeCollection)); } function processEffectsSequence() { if ((this || _global).elem.globalData.frameId !== (this || _global).frameId) { if (!(this || _global).effectsSequence.length) { (this || _global)._mdf = !1; return; } if ((this || _global).lock) { this.setVValue((this || _global).pv); return; } ((this || _global).lock = !0), ((this || _global)._mdf = !1); var finalValue; finalValue = (this || _global).kf ? (this || _global).pv : (this || _global).data.ks ? (this || _global).data.ks.k : (this || _global).data.pt.k; var i$1, len = (this || _global).effectsSequence.length; for (i$1 = 0; i$1 < len; i$1 += 1) finalValue = (this || _global).effectsSequence[i$1](finalValue); this.setVValue(finalValue), ((this || _global).lock = !1), ((this || _global).frameId = (this || _global).elem.globalData.frameId); } } function ShapeProperty(elem, data, type) { ((this || _global).propType = `shape`), ((this || _global).comp = elem.comp), ((this || _global).container = elem), ((this || _global).elem = elem), ((this || _global).data = data), ((this || _global).k = !1), ((this || _global).kf = !1), ((this || _global)._mdf = !1); var pathData = type === 3 ? data.pt.k : data.ks.k; ((this || _global).v = shapePool.clone(pathData)), ((this || _global).pv = shapePool.clone((this || _global).v)), ((this || _global).localShapeCollection = shapeCollectionPool.newShapeCollection()), ((this || _global).paths = (this || _global).localShapeCollection), (this || _global).paths.addShape((this || _global).v), ((this || _global).reset = resetShape), ((this || _global).effectsSequence = []); } function addEffect(effectFunction) { (this || _global).effectsSequence.push(effectFunction), (this || _global).container.addDynamicProperty(this || _global); } (ShapeProperty.prototype.interpolateShape = interpolateShape), (ShapeProperty.prototype.getValue = processEffectsSequence), (ShapeProperty.prototype.setVValue = setVValue), (ShapeProperty.prototype.addEffect = addEffect); function KeyframedShapeProperty(elem, data, type) { ((this || _global).propType = `shape`), ((this || _global).comp = elem.comp), ((this || _global).elem = elem), ((this || _global).container = elem), ((this || _global).offsetTime = elem.data.st), ((this || _global).keyframes = type === 3 ? data.pt.k : data.ks.k), ((this || _global).k = !0), ((this || _global).kf = !0); var len = (this || _global).keyframes[0].s[0].i.length; ((this || _global).v = shapePool.newElement()), (this || _global).v.setPathData((this || _global).keyframes[0].s[0].c, len), ((this || _global).pv = shapePool.clone((this || _global).v)), ((this || _global).localShapeCollection = shapeCollectionPool.newShapeCollection()), ((this || _global).paths = (this || _global).localShapeCollection), (this || _global).paths.addShape((this || _global).v), ((this || _global).lastFrame = initFrame), ((this || _global).reset = resetShape), ((this || _global)._caching = { lastFrame: initFrame, lastIndex: 0 }), ((this || _global).effectsSequence = [ interpolateShapeCurrentTime.bind(this || _global) ]); } (KeyframedShapeProperty.prototype.getValue = processEffectsSequence), (KeyframedShapeProperty.prototype.interpolateShape = interpolateShape), (KeyframedShapeProperty.prototype.setVValue = setVValue), (KeyframedShapeProperty.prototype.addEffect = addEffect); var EllShapeProperty = (function () { var cPoint = roundCorner; function EllShapePropertyFactory(elem, data) { ((this || _global).v = shapePool.newElement()), (this || _global).v.setPathData(!0, 4), ((this || _global).localShapeCollection = shapeCollectionPool.newShapeCollection()), ((this || _global).paths = (this || _global).localShapeCollection), (this || _global).localShapeCollection.addShape((this || _global).v), ((this || _global).d = data.d), ((this || _global).elem = elem), ((this || _global).comp = elem.comp), ((this || _global).frameId = -1), this.initDynamicPropertyContainer(elem), ((this || _global).p = PropertyFactory.getProp( elem, data.p, 1, 0, this || _global )), ((this || _global).s = PropertyFactory.getProp( elem, data.s, 1, 0, this || _global )), (this || _global).dynamicProperties.length ? ((this || _global).k = !0) : (((this || _global).k = !1), this.convertEllToPath()); } return ( (EllShapePropertyFactory.prototype = { reset: resetShape, getValue: function () { (this || _global).elem.globalData.frameId !== (this || _global).frameId && (((this || _global).frameId = ( this || _global ).elem.globalData.frameId), this.iterateDynamicProperties(), (this || _global)._mdf && this.convertEllToPath()); }, convertEllToPath: function () { var p0 = (this || _global).p.v[0], p1 = (this || _global).p.v[1], s0 = (this || _global).s.v[0] / 2, s1 = (this || _global).s.v[1] / 2, _cw = (this || _global).d !== 3, _v = (this || _global).v; (_v.v[0][0] = p0), (_v.v[0][1] = p1 - s1), (_v.v[1][0] = _cw ? p0 + s0 : p0 - s0), (_v.v[1][1] = p1), (_v.v[2][0] = p0), (_v.v[2][1] = p1 + s1), (_v.v[3][0] = _cw ? p0 - s0 : p0 + s0), (_v.v[3][1] = p1), (_v.i[0][0] = _cw ? p0 - s0 * cPoint : p0 + s0 * cPoint), (_v.i[0][1] = p1 - s1), (_v.i[1][0] = _cw ? p0 + s0 : p0 - s0), (_v.i[1][1] = p1 - s1 * cPoint), (_v.i[2][0] = _cw ? p0 + s0 * cPoint : p0 - s0 * cPoint), (_v.i[2][1] = p1 + s1), (_v.i[3][0] = _cw ? p0 - s0 : p0 + s0), (_v.i[3][1] = p1 + s1 * cPoint), (_v.o[0][0] = _cw ? p0 + s0 * cPoint : p0 - s0 * cPoint), (_v.o[0][1] = p1 - s1), (_v.o[1][0] = _cw ? p0 + s0 : p0 - s0), (_v.o[1][1] = p1 + s1 * cPoint), (_v.o[2][0] = _cw ? p0 - s0 * cPoint : p0 + s0 * cPoint), (_v.o[2][1] = p1 + s1), (_v.o[3][0] = _cw ? p0 - s0 : p0 + s0), (_v.o[3][1] = p1 - s1 * cPoint); } }), extendPrototype([DynamicPropertyContainer], EllShapePropertyFactory), EllShapePropertyFactory ); })(), StarShapeProperty = (function () { function StarShapePropertyFactory(elem, data) { ((this || _global).v = shapePool.newElement()), (this || _global).v.setPathData(!0, 0), ((this || _global).elem = elem), ((this || _global).comp = elem.comp), ((this || _global).data = data), ((this || _global).frameId = -1), ((this || _global).d = data.d), this.initDynamicPropertyContainer(elem), data.sy === 1 ? (((this || _global).ir = PropertyFactory.getProp( elem, data.ir, 0, 0, this || _global )), ((this || _global).is = PropertyFactory.getProp( elem, data.is, 0, 0.01, this || _global )), ((this || _global).convertToPath = ( this || _global ).convertStarToPath)) : ((this || _global).convertToPath = ( this || _global ).convertPolygonToPath), ((this || _global).pt = PropertyFactory.getProp( elem, data.pt, 0, 0, this || _global )), ((this || _global).p = PropertyFactory.getProp( elem, data.p, 1, 0, this || _global )), ((this || _global).r = PropertyFactory.getProp( elem, data.r, 0, degToRads, this || _global )), ((this || _global).or = PropertyFactory.getProp( elem, data.or, 0, 0, this || _global )), ((this || _global).os = PropertyFactory.getProp( elem, data.os, 0, 0.01, this || _global )), ((this || _global).localShapeCollection = shapeCollectionPool.newShapeCollection()), (this || _global).localShapeCollection.addShape((this || _global).v), ((this || _global).paths = (this || _global).localShapeCollection), (this || _global).dynamicProperties.length ? ((this || _global).k = !0) : (((this || _global).k = !1), this.convertToPath()); } return ( (StarShapePropertyFactory.prototype = { reset: resetShape, getValue: function () { (this || _global).elem.globalData.frameId !== (this || _global).frameId && (((this || _global).frameId = ( this || _global ).elem.globalData.frameId), this.iterateDynamicProperties(), (this || _global)._mdf && this.convertToPath()); }, convertStarToPath: function () { var numPts = Math.floor((this || _global).pt.v) * 2, angle = (Math.PI * 2) / numPts, longFlag = !0, longRad = (this || _global).or.v, shortRad = (this || _global).ir.v, longRound = (this || _global).os.v, shortRound = (this || _global).is.v, longPerimSegment = (2 * Math.PI * longRad) / (numPts * 2), shortPerimSegment = (2 * Math.PI * shortRad) / (numPts * 2), i$1, rad, roundness, perimSegment, currentAng = -Math.PI / 2; currentAng += (this || _global).r.v; var dir = (this || _global).data.d === 3 ? -1 : 1; for ((this || _global).v._length = 0, i$1 = 0; i$1 < numPts; i$1 += 1) { (rad = longFlag ? longRad : shortRad), (roundness = longFlag ? longRound : shortRound), (perimSegment = longFlag ? longPerimSegment : shortPerimSegment); var x$1 = rad * Math.cos(currentAng), y = rad * Math.sin(currentAng), ox = x$1 === 0 && y === 0 ? 0 : y / Math.sqrt(x$1 * x$1 + y * y), oy = x$1 === 0 && y === 0 ? 0 : -x$1 / Math.sqrt(x$1 * x$1 + y * y); (x$1 += +(this || _global).p.v[0]), (y += +(this || _global).p.v[1]), (this || _global).v.setTripleAt( x$1, y, x$1 - ox * perimSegment * roundness * dir, y - oy * perimSegment * roundness * dir, x$1 + ox * perimSegment * roundness * dir, y + oy * perimSegment * roundness * dir, i$1, !0 ), (longFlag = !longFlag), (currentAng += angle * dir); } }, convertPolygonToPath: function () { var numPts = Math.floor((this || _global).pt.v), angle = (Math.PI * 2) / numPts, rad = (this || _global).or.v, roundness = (this || _global).os.v, perimSegment = (2 * Math.PI * rad) / (numPts * 4), i$1, currentAng = -Math.PI * 0.5, dir = (this || _global).data.d === 3 ? -1 : 1; for ( currentAng += (this || _global).r.v, (this || _global).v._length = 0, i$1 = 0; i$1 < numPts; i$1 += 1 ) { var x$1 = rad * Math.cos(currentAng), y = rad * Math.sin(currentAng), ox = x$1 === 0 && y === 0 ? 0 : y / Math.sqrt(x$1 * x$1 + y * y), oy = x$1 === 0 && y === 0 ? 0 : -x$1 / Math.sqrt(x$1 * x$1 + y * y); (x$1 += +(this || _global).p.v[0]), (y += +(this || _global).p.v[1]), (this || _global).v.setTripleAt( x$1, y, x$1 - ox * perimSegment * roundness * dir, y - oy * perimSegment * roundness * dir, x$1 + ox * perimSegment * roundness * dir, y + oy * perimSegment * roundness * dir, i$1, !0 ), (currentAng += angle * dir); } ((this || _global).paths.length = 0), ((this || _global).paths[0] = (this || _global).v); } }), extendPrototype([DynamicPropertyContainer], StarShapePropertyFactory), StarShapePropertyFactory ); })(), RectShapeProperty = (function () { function RectShapePropertyFactory(elem, data) { ((this || _global).v = shapePool.newElement()), ((this || _global).v.c = !0), ((this || _global).localShapeCollection = shapeCollectionPool.newShapeCollection()), (this || _global).localShapeCollection.addShape((this || _global).v), ((this || _global).paths = (this || _global).localShapeCollection), ((this || _global).elem = elem), ((this || _global).comp = elem.comp), ((this || _global).frameId = -1), ((this || _global).d = data.d), this.initDynamicPropertyContainer(elem), ((this || _global).p = PropertyFactory.getProp( elem, data.p, 1, 0, this || _global )), ((this || _global).s = PropertyFactory.getProp( elem, data.s, 1, 0, this || _global )), ((this || _global).r = PropertyFactory.getProp( elem, data.r, 0, 0, this || _global )), (this || _global).dynamicProperties.length ? ((this || _global).k = !0) : (((this || _global).k = !1), this.convertRectToPath()); } return ( (RectShapePropertyFactory.prototype = { convertRectToPath: function () { var p0 = (this || _global).p.v[0], p1 = (this || _global).p.v[1], v0 = (this || _global).s.v[0] / 2, v1 = (this || _global).s.v[1] / 2, round = bmMin(v0, v1, (this || _global).r.v), cPoint = round * (1 - roundCorner); ((this || _global).v._length = 0), (this || _global).d === 2 || (this || _global).d === 1 ? ((this || _global).v.setTripleAt( p0 + v0, p1 - v1 + round, p0 + v0, p1 - v1 + round, p0 + v0, p1 - v1 + cPoint, 0, !0 ), (this || _global).v.setTripleAt( p0 + v0, p1 + v1 - round, p0 + v0, p1 + v1 - cPoint, p0 + v0, p1 + v1 - round, 1, !0 ), round === 0 ? ((this || _global).v.setTripleAt( p0 - v0, p1 + v1, p0 - v0 + cPoint, p1 + v1, p0 - v0, p1 + v1, 2 ), (this || _global).v.setTripleAt( p0 - v0, p1 - v1, p0 - v0, p1 - v1 + cPoint, p0 - v0, p1 - v1, 3 )) : ((this || _global).v.setTripleAt( p0 + v0 - round, p1 + v1, p0 + v0 - round, p1 + v1, p0 + v0 - cPoint, p1 + v1, 2, !0 ), (this || _global).v.setTripleAt( p0 - v0 + round, p1 + v1, p0 - v0 + cPoint, p1 + v1, p0 - v0 + round, p1 + v1, 3, !0 ), (this || _global).v.setTripleAt( p0 - v0, p1 + v1 - round, p0 - v0, p1 + v1 - round, p0 - v0, p1 + v1 - cPoint, 4, !0 ), (this || _global).v.setTripleAt( p0 - v0, p1 - v1 + round, p0 - v0, p1 - v1 + cPoint, p0 - v0, p1 - v1 + round, 5, !0 ), (this || _global).v.setTripleAt( p0 - v0 + round, p1 - v1, p0 - v0 + round, p1 - v1, p0 - v0 + cPoint, p1 - v1, 6, !0 ), (this || _global).v.setTripleAt( p0 + v0 - round, p1 - v1, p0 + v0 - cPoint, p1 - v1, p0 + v0 - round, p1 - v1, 7, !0 ))) : ((this || _global).v.setTripleAt( p0 + v0, p1 - v1 + round, p0 + v0, p1 - v1 + cPoint, p0 + v0, p1 - v1 + round, 0, !0 ), round === 0 ? ((this || _global).v.setTripleAt( p0 - v0, p1 - v1, p0 - v0 + cPoint, p1 - v1, p0 - v0, p1 - v1, 1, !0 ), (this || _global).v.setTripleAt( p0 - v0, p1 + v1, p0 - v0, p1 + v1 - cPoint, p0 - v0, p1 + v1, 2, !0 ), (this || _global).v.setTripleAt( p0 + v0, p1 + v1, p0 + v0 - cPoint, p1 + v1, p0 + v0, p1 + v1, 3, !0 )) : ((this || _global).v.setTripleAt( p0 + v0 - round, p1 - v1, p0 + v0 - round, p1 - v1, p0 + v0 - cPoint, p1 - v1, 1, !0 ), (this || _global).v.setTripleAt( p0 - v0 + round, p1 - v1, p0 - v0 + cPoint, p1 - v1, p0 - v0 + round, p1 - v1, 2, !0 ), (this || _global).v.setTripleAt( p0 - v0, p1 - v1 + round, p0 - v0, p1 - v1 + round, p0 - v0, p1 - v1 + cPoint, 3, !0 ), (this || _global).v.setTripleAt( p0 - v0, p1 + v1 - round, p0 - v0, p1 + v1 - cPoint, p0 - v0, p1 + v1 - round, 4, !0 ), (this || _global).v.setTripleAt( p0 - v0 + round, p1 + v1, p0 - v0 + round, p1 + v1, p0 - v0 + cPoint, p1 + v1, 5, !0 ), (this || _global).v.setTripleAt( p0 + v0 - round, p1 + v1, p0 + v0 - cPoint, p1 + v1, p0 + v0 - round, p1 + v1, 6, !0 ), (this || _global).v.setTripleAt( p0 + v0, p1 + v1 - round, p0 + v0, p1 + v1 - round, p0 + v0, p1 + v1 - cPoint, 7, !0 ))); }, getValue: function () { (this || _global).elem.globalData.frameId !== (this || _global).frameId && (((this || _global).frameId = ( this || _global ).elem.globalData.frameId), this.iterateDynamicProperties(), (this || _global)._mdf && this.convertRectToPath()); }, reset: resetShape }), extendPrototype([DynamicPropertyContainer], RectShapePropertyFactory), RectShapePropertyFactory ); })(); function getShapeProp(elem, data, type) { var prop; if (type === 3 || type === 4) { var dataProp = type === 3 ? data.pt : data.ks, keys = dataProp.k; prop = keys.length ? new KeyframedShapeProperty(elem, data, type) : new ShapeProperty(elem, data, type); } else type === 5 ? (prop = new RectShapeProperty(elem, data)) : type === 6 ? (prop = new EllShapeProperty(elem, data)) : type === 7 && (prop = new StarShapeProperty(elem, data)); return prop.k && elem.addDynamicProperty(prop), prop; } function getConstructorFunction() { return ShapeProperty; } function getKeyframedConstructorFunction() { return KeyframedShapeProperty; } var ob = {}; return ( (ob.getShapeProp = getShapeProp), (ob.getConstructorFunction = getConstructorFunction), (ob.getKeyframedConstructorFunction = getKeyframedConstructorFunction), ob ); })(), ShapeModifiers = (function () { var ob = {}, modifiers = {}; (ob.registerModifier = registerModifier), (ob.getModifier = getModifier); function registerModifier(nm, factory) { modifiers[nm] || (modifiers[nm] = factory); } function getModifier(nm, elem, data) { return new modifiers[nm](elem, data); } return ob; })(); function ShapeModifier() {} (ShapeModifier.prototype.initModifierProperties = function () {}), (ShapeModifier.prototype.addShapeToModifier = function () {}), (ShapeModifier.prototype.addShape = function (data) { if (!(this || _global).closed) { data.sh.container.addDynamicProperty(data.sh); var shapeData = { shape: data.sh, data, localShapeCollection: shapeCollectionPool.newShapeCollection() }; (this || _global).shapes.push(shapeData), this.addShapeToModifier(shapeData), (this || _global)._isAnimated && data.setAsAnimated(); } }), (ShapeModifier.prototype.init = function (elem, data) { ((this || _global).shapes = []), ((this || _global).elem = elem), this.initDynamicPropertyContainer(elem), this.initModifierProperties(elem, data), ((this || _global).frameId = initialDefaultFrame), ((this || _global).closed = !1), ((this || _global).k = !1), (this || _global).dynamicProperties.length ? ((this || _global).k = !0) : this.getValue(!0); }), (ShapeModifier.prototype.processKeys = function () { (this || _global).elem.globalData.frameId !== (this || _global).frameId && (((this || _global).frameId = (this || _global).elem.globalData.frameId), this.iterateDynamicProperties()); }), extendPrototype([DynamicPropertyContainer], ShapeModifier); function TrimModifier() {} extendPrototype([ShapeModifier], TrimModifier), (TrimModifier.prototype.initModifierProperties = function (elem, data) { ((this || _global).s = PropertyFactory.getProp(elem, data.s, 0, 0.01, this || _global)), ((this || _global).e = PropertyFactory.getProp(elem, data.e, 0, 0.01, this || _global)), ((this || _global).o = PropertyFactory.getProp(elem, data.o, 0, 0, this || _global)), ((this || _global).sValue = 0), ((this || _global).eValue = 0), ((this || _global).getValue = (this || _global).processKeys), ((this || _global).m = data.m), ((this || _global)._isAnimated = !!(this || _global).s.effectsSequence.length || !!(this || _global).e.effectsSequence.length || !!(this || _global).o.effectsSequence.length); }), (TrimModifier.prototype.addShapeToModifier = function (shapeData) { shapeData.pathsData = []; }), (TrimModifier.prototype.calculateShapeEdges = function ( s$1, e$3, shapeLength, addedLength, totalModifierLength ) { var segments = []; e$3 <= 1 ? segments.push({ s: s$1, e: e$3 }) : s$1 >= 1 ? segments.push({ s: s$1 - 1, e: e$3 - 1 }) : (segments.push({ s: s$1, e: 1 }), segments.push({ s: 0, e: e$3 - 1 })); var shapeSegments = [], i$1, len = segments.length, segmentOb; for (i$1 = 0; i$1 < len; i$1 += 1) if ( ((segmentOb = segments[i$1]), !( segmentOb.e * totalModifierLength < addedLength || segmentOb.s * totalModifierLength > addedLength + shapeLength )) ) { var shapeS, shapeE; (shapeS = segmentOb.s * totalModifierLength <= addedLength ? 0 : (segmentOb.s * totalModifierLength - addedLength) / shapeLength), (shapeE = segmentOb.e * totalModifierLength >= addedLength + shapeLength ? 1 : (segmentOb.e * totalModifierLength - addedLength) / shapeLength), shapeSegments.push([shapeS, shapeE]); } return shapeSegments.length || shapeSegments.push([0, 0]), shapeSegments; }), (TrimModifier.prototype.releasePathsData = function (pathsData) { var i$1, len = pathsData.length; for (i$1 = 0; i$1 < len; i$1 += 1) segmentsLengthPool.release(pathsData[i$1]); return (pathsData.length = 0), pathsData; }), (TrimModifier.prototype.processShapes = function (_isFirstFrame) { var s$1, e$3; if ((this || _global)._mdf || _isFirstFrame) { var o$1 = ((this || _global).o.v % 360) / 360; if ( (o$1 < 0 && (o$1 += 1), (s$1 = (this || _global).s.v > 1 ? 1 + o$1 : (this || _global).s.v < 0 ? 0 + o$1 : (this || _global).s.v + o$1), (e$3 = (this || _global).e.v > 1 ? 1 + o$1 : (this || _global).e.v < 0 ? 0 + o$1 : (this || _global).e.v + o$1), s$1 > e$3) ) { var _s = s$1; (s$1 = e$3), (e$3 = _s); } (s$1 = Math.round(s$1 * 1e4) * 1e-4), (e$3 = Math.round(e$3 * 1e4) * 1e-4), ((this || _global).sValue = s$1), ((this || _global).eValue = e$3); } else (s$1 = (this || _global).sValue), (e$3 = (this || _global).eValue); var shapePaths, i$1, len = (this || _global).shapes.length, j$2, jLen, pathsData, pathData, totalShapeLength, totalModifierLength = 0; if (e$3 === s$1) for (i$1 = 0; i$1 < len; i$1 += 1) (this || _global).shapes[i$1].localShapeCollection.releaseShapes(), ((this || _global).shapes[i$1].shape._mdf = !0), ((this || _global).shapes[i$1].shape.paths = (this || _global).shapes[ i$1 ].localShapeCollection), (this || _global)._mdf && ((this || _global).shapes[i$1].pathsData.length = 0); else if ((e$3 === 1 && s$1 === 0) || (e$3 === 0 && s$1 === 1)) { if ((this || _global)._mdf) for (i$1 = 0; i$1 < len; i$1 += 1) ((this || _global).shapes[i$1].pathsData.length = 0), ((this || _global).shapes[i$1].shape._mdf = !0); } else { var segments = [], shapeData, localShapeCollection; for (i$1 = 0; i$1 < len; i$1 += 1) if ( ((shapeData = (this || _global).shapes[i$1]), !shapeData.shape._mdf && !(this || _global)._mdf && !_isFirstFrame && (this || _global).m !== 2) ) shapeData.shape.paths = shapeData.localShapeCollection; else { if ( ((shapePaths = shapeData.shape.paths), (jLen = shapePaths._length), (totalShapeLength = 0), !shapeData.shape._mdf && shapeData.pathsData.length) ) totalShapeLength = shapeData.totalShapeLength; else { for ( pathsData = this.releasePathsData(shapeData.pathsData), j$2 = 0; j$2 < jLen; j$2 += 1 ) (pathData = bez.getSegmentsLength(shapePaths.shapes[j$2])), pathsData.push(pathData), (totalShapeLength += pathData.totalLength); (shapeData.totalShapeLength = totalShapeLength), (shapeData.pathsData = pathsData); } (totalModifierLength += totalShapeLength), (shapeData.shape._mdf = !0); } var shapeS = s$1, shapeE = e$3, addedLength = 0, edges; for (i$1 = len - 1; i$1 >= 0; --i$1) if (((shapeData = (this || _global).shapes[i$1]), shapeData.shape._mdf)) { for ( localShapeCollection = shapeData.localShapeCollection, localShapeCollection.releaseShapes(), (this || _global).m === 2 && len > 1 ? ((edges = this.calculateShapeEdges( s$1, e$3, shapeData.totalShapeLength, addedLength, totalModifierLength )), (addedLength += shapeData.totalShapeLength)) : (edges = [[shapeS, shapeE]]), jLen = edges.length, j$2 = 0; j$2 < jLen; j$2 += 1 ) { (shapeS = edges[j$2][0]), (shapeE = edges[j$2][1]), (segments.length = 0), shapeE <= 1 ? segments.push({ s: shapeData.totalShapeLength * shapeS, e: shapeData.totalShapeLength * shapeE }) : shapeS >= 1 ? segments.push({ s: shapeData.totalShapeLength * (shapeS - 1), e: shapeData.totalShapeLength * (shapeE - 1) }) : (segments.push({ s: shapeData.totalShapeLength * shapeS, e: shapeData.totalShapeLength }), segments.push({ s: 0, e: shapeData.totalShapeLength * (shapeE - 1) })); var newShapesData = this.addShapes(shapeData, segments[0]); if (segments[0].s !== segments[0].e) { if (segments.length > 1) { var lastShapeInCollection = shapeData.shape.paths.shapes[shapeData.shape.paths._length - 1]; if (lastShapeInCollection.c) { var lastShape = newShapesData.pop(); this.addPaths(newShapesData, localShapeCollection), (newShapesData = this.addShapes( shapeData, segments[1], lastShape )); } else this.addPaths(newShapesData, localShapeCollection), (newShapesData = this.addShapes(shapeData, segments[1])); } this.addPaths(newShapesData, localShapeCollection); } } shapeData.shape.paths = localShapeCollection; } } }), (TrimModifier.prototype.addPaths = function (newPaths, localShapeCollection) { var i$1, len = newPaths.length; for (i$1 = 0; i$1 < len; i$1 += 1) localShapeCollection.addShape(newPaths[i$1]); }), (TrimModifier.prototype.addSegment = function (pt1, pt2, pt3, pt4, shapePath, pos, newShape) { shapePath.setXYAt(pt2[0], pt2[1], `o`, pos), shapePath.setXYAt(pt3[0], pt3[1], `i`, pos + 1), newShape && shapePath.setXYAt(pt1[0], pt1[1], `v`, pos), shapePath.setXYAt(pt4[0], pt4[1], `v`, pos + 1); }), (TrimModifier.prototype.addSegmentFromArray = function (points, shapePath, pos, newShape) { shapePath.setXYAt(points[1], points[5], `o`, pos), shapePath.setXYAt(points[2], points[6], `i`, pos + 1), newShape && shapePath.setXYAt(points[0], points[4], `v`, pos), shapePath.setXYAt(points[3], points[7], `v`, pos + 1); }), (TrimModifier.prototype.addShapes = function (shapeData, shapeSegment, shapePath) { var pathsData = shapeData.pathsData, shapePaths = shapeData.shape.paths.shapes, i$1, len = shapeData.shape.paths._length, j$2, jLen, addedLength = 0, currentLengthData, segmentCount, lengths, segment, shapes = [], initPos, newShape = !0; for ( shapePath ? ((segmentCount = shapePath._length), (initPos = shapePath._length)) : ((shapePath = shapePool.newElement()), (segmentCount = 0), (initPos = 0)), shapes.push(shapePath), i$1 = 0; i$1 < len; i$1 += 1 ) { for ( lengths = pathsData[i$1].lengths, shapePath.c = shapePaths[i$1].c, jLen = shapePaths[i$1].c ? lengths.length : lengths.length + 1, j$2 = 1; j$2 < jLen; j$2 += 1 ) if ( ((currentLengthData = lengths[j$2 - 1]), addedLength + currentLengthData.addedLength < shapeSegment.s) ) (addedLength += currentLengthData.addedLength), (shapePath.c = !1); else if (addedLength > shapeSegment.e) { shapePath.c = !1; break; } else shapeSegment.s <= addedLength && shapeSegment.e >= addedLength + currentLengthData.addedLength ? (this.addSegment( shapePaths[i$1].v[j$2 - 1], shapePaths[i$1].o[j$2 - 1], shapePaths[i$1].i[j$2], shapePaths[i$1].v[j$2], shapePath, segmentCount, newShape ), (newShape = !1)) : ((segment = bez.getNewSegment( shapePaths[i$1].v[j$2 - 1], shapePaths[i$1].v[j$2], shapePaths[i$1].o[j$2 - 1], shapePaths[i$1].i[j$2], (shapeSegment.s - addedLength) / currentLengthData.addedLength, (shapeSegment.e - addedLength) / currentLengthData.addedLength, lengths[j$2 - 1] )), this.addSegmentFromArray(segment, shapePath, segmentCount, newShape), (newShape = !1), (shapePath.c = !1)), (addedLength += currentLengthData.addedLength), (segmentCount += 1); if (shapePaths[i$1].c && lengths.length) { if (((currentLengthData = lengths[j$2 - 1]), addedLength <= shapeSegment.e)) { var segmentLength = lengths[j$2 - 1].addedLength; shapeSegment.s <= addedLength && shapeSegment.e >= addedLength + segmentLength ? (this.addSegment( shapePaths[i$1].v[j$2 - 1], shapePaths[i$1].o[j$2 - 1], shapePaths[i$1].i[0], shapePaths[i$1].v[0], shapePath, segmentCount, newShape ), (newShape = !1)) : ((segment = bez.getNewSegment( shapePaths[i$1].v[j$2 - 1], shapePaths[i$1].v[0], shapePaths[i$1].o[j$2 - 1], shapePaths[i$1].i[0], (shapeSegment.s - addedLength) / segmentLength, (shapeSegment.e - addedLength) / segmentLength, lengths[j$2 - 1] )), this.addSegmentFromArray(segment, shapePath, segmentCount, newShape), (newShape = !1), (shapePath.c = !1)); } else shapePath.c = !1; (addedLength += currentLengthData.addedLength), (segmentCount += 1); } if ( (shapePath._length && (shapePath.setXYAt( shapePath.v[initPos][0], shapePath.v[initPos][1], `i`, initPos ), shapePath.setXYAt( shapePath.v[shapePath._length - 1][0], shapePath.v[shapePath._length - 1][1], `o`, shapePath._length - 1 )), addedLength > shapeSegment.e) ) break; i$1 < len - 1 && ((shapePath = shapePool.newElement()), (newShape = !0), shapes.push(shapePath), (segmentCount = 0)); } return shapes; }), ShapeModifiers.registerModifier(`tm`, TrimModifier); function RoundCornersModifier() {} extendPrototype([ShapeModifier], RoundCornersModifier), (RoundCornersModifier.prototype.initModifierProperties = function (elem, data) { ((this || _global).getValue = (this || _global).processKeys), ((this || _global).rd = PropertyFactory.getProp( elem, data.r, 0, null, this || _global )), ((this || _global)._isAnimated = !!(this || _global).rd.effectsSequence.length); }), (RoundCornersModifier.prototype.processPath = function (path, round) { var clonedPath = shapePool.newElement(); clonedPath.c = path.c; var i$1, len = path._length, currentV, currentI, currentO, closerV, distance, newPosPerc, index$1 = 0, vX, vY, oX, oY, iX, iY; for (i$1 = 0; i$1 < len; i$1 += 1) (currentV = path.v[i$1]), (currentO = path.o[i$1]), (currentI = path.i[i$1]), currentV[0] === currentO[0] && currentV[1] === currentO[1] && currentV[0] === currentI[0] && currentV[1] === currentI[1] ? (i$1 === 0 || i$1 === len - 1) && !path.c ? (clonedPath.setTripleAt( currentV[0], currentV[1], currentO[0], currentO[1], currentI[0], currentI[1], index$1 ), (index$1 += 1)) : ((closerV = i$1 === 0 ? path.v[len - 1] : path.v[i$1 - 1]), (distance = Math.sqrt( (currentV[0] - closerV[0]) ** 2 + (currentV[1] - closerV[1]) ** 2 )), (newPosPerc = distance ? Math.min(distance / 2, round) / distance : 0), (iX = currentV[0] + (closerV[0] - currentV[0]) * newPosPerc), (vX = iX), (iY = currentV[1] - (currentV[1] - closerV[1]) * newPosPerc), (vY = iY), (oX = vX - (vX - currentV[0]) * roundCorner), (oY = vY - (vY - currentV[1]) * roundCorner), clonedPath.setTripleAt(vX, vY, oX, oY, iX, iY, index$1), (index$1 += 1), (closerV = i$1 === len - 1 ? path.v[0] : path.v[i$1 + 1]), (distance = Math.sqrt( (currentV[0] - closerV[0]) ** 2 + (currentV[1] - closerV[1]) ** 2 )), (newPosPerc = distance ? Math.min(distance / 2, round) / distance : 0), (oX = currentV[0] + (closerV[0] - currentV[0]) * newPosPerc), (vX = oX), (oY = currentV[1] + (closerV[1] - currentV[1]) * newPosPerc), (vY = oY), (iX = vX - (vX - currentV[0]) * roundCorner), (iY = vY - (vY - currentV[1]) * roundCorner), clonedPath.setTripleAt(vX, vY, oX, oY, iX, iY, index$1), (index$1 += 1)) : (clonedPath.setTripleAt( path.v[i$1][0], path.v[i$1][1], path.o[i$1][0], path.o[i$1][1], path.i[i$1][0], path.i[i$1][1], index$1 ), (index$1 += 1)); return clonedPath; }), (RoundCornersModifier.prototype.processShapes = function (_isFirstFrame) { var shapePaths, i$1, len = (this || _global).shapes.length, j$2, jLen, rd = (this || _global).rd.v; if (rd !== 0) { var shapeData, localShapeCollection; for (i$1 = 0; i$1 < len; i$1 += 1) { if ( ((shapeData = (this || _global).shapes[i$1]), (localShapeCollection = shapeData.localShapeCollection), !(!shapeData.shape._mdf && !(this || _global)._mdf && !_isFirstFrame)) ) for ( localShapeCollection.releaseShapes(), shapeData.shape._mdf = !0, shapePaths = shapeData.shape.paths.shapes, jLen = shapeData.shape.paths._length, j$2 = 0; j$2 < jLen; j$2 += 1 ) localShapeCollection.addShape(this.processPath(shapePaths[j$2], rd)); shapeData.shape.paths = shapeData.localShapeCollection; } } (this || _global).dynamicProperties.length || ((this || _global)._mdf = !1); }), ShapeModifiers.registerModifier(`rd`, RoundCornersModifier); function PuckerAndBloatModifier() {} extendPrototype([ShapeModifier], PuckerAndBloatModifier), (PuckerAndBloatModifier.prototype.initModifierProperties = function (elem, data) { ((this || _global).getValue = (this || _global).processKeys), ((this || _global).amount = PropertyFactory.getProp( elem, data.a, 0, null, this || _global )), ((this || _global)._isAnimated = !!(this || _global).amount.effectsSequence.length); }), (PuckerAndBloatModifier.prototype.processPath = function (path, amount) { var percent = amount / 100, centerPoint = [0, 0], pathLength = path._length, i$1 = 0; for (i$1 = 0; i$1 < pathLength; i$1 += 1) (centerPoint[0] += path.v[i$1][0]), (centerPoint[1] += path.v[i$1][1]); (centerPoint[0] /= pathLength), (centerPoint[1] /= pathLength); var clonedPath = shapePool.newElement(); clonedPath.c = path.c; var vX, vY, oX, oY, iX, iY; for (i$1 = 0; i$1 < pathLength; i$1 += 1) (vX = path.v[i$1][0] + (centerPoint[0] - path.v[i$1][0]) * percent), (vY = path.v[i$1][1] + (centerPoint[1] - path.v[i$1][1]) * percent), (oX = path.o[i$1][0] + (centerPoint[0] - path.o[i$1][0]) * -percent), (oY = path.o[i$1][1] + (centerPoint[1] - path.o[i$1][1]) * -percent), (iX = path.i[i$1][0] + (centerPoint[0] - path.i[i$1][0]) * -percent), (iY = path.i[i$1][1] + (centerPoint[1] - path.i[i$1][1]) * -percent), clonedPath.setTripleAt(vX, vY, oX, oY, iX, iY, i$1); return clonedPath; }), (PuckerAndBloatModifier.prototype.processShapes = function (_isFirstFrame) { var shapePaths, i$1, len = (this || _global).shapes.length, j$2, jLen, amount = (this || _global).amount.v; if (amount !== 0) { var shapeData, localShapeCollection; for (i$1 = 0; i$1 < len; i$1 += 1) { if ( ((shapeData = (this || _global).shapes[i$1]), (localShapeCollection = shapeData.localShapeCollection), !(!shapeData.shape._mdf && !(this || _global)._mdf && !_isFirstFrame)) ) for ( localShapeCollection.releaseShapes(), shapeData.shape._mdf = !0, shapePaths = shapeData.shape.paths.shapes, jLen = shapeData.shape.paths._length, j$2 = 0; j$2 < jLen; j$2 += 1 ) localShapeCollection.addShape(this.processPath(shapePaths[j$2], amount)); shapeData.shape.paths = shapeData.localShapeCollection; } } (this || _global).dynamicProperties.length || ((this || _global)._mdf = !1); }), ShapeModifiers.registerModifier(`pb`, PuckerAndBloatModifier); function RepeaterModifier() {} extendPrototype([ShapeModifier], RepeaterModifier), (RepeaterModifier.prototype.initModifierProperties = function (elem, data) { ((this || _global).getValue = (this || _global).processKeys), ((this || _global).c = PropertyFactory.getProp(elem, data.c, 0, null, this || _global)), ((this || _global).o = PropertyFactory.getProp(elem, data.o, 0, null, this || _global)), ((this || _global).tr = TransformPropertyFactory.getTransformProperty( elem, data.tr, this || _global )), ((this || _global).so = PropertyFactory.getProp( elem, data.tr.so, 0, 0.01, this || _global )), ((this || _global).eo = PropertyFactory.getProp( elem, data.tr.eo, 0, 0.01, this || _global )), ((this || _global).data = data), (this || _global).dynamicProperties.length || this.getValue(!0), ((this || _global)._isAnimated = !!(this || _global).dynamicProperties.length), ((this || _global).pMatrix = new Matrix()), ((this || _global).rMatrix = new Matrix()), ((this || _global).sMatrix = new Matrix()), ((this || _global).tMatrix = new Matrix()), ((this || _global).matrix = new Matrix()); }), (RepeaterModifier.prototype.applyTransforms = function ( pMatrix, rMatrix, sMatrix, transform, perc, inv ) { var dir = inv ? -1 : 1, scaleX = transform.s.v[0] + (1 - transform.s.v[0]) * (1 - perc), scaleY = transform.s.v[1] + (1 - transform.s.v[1]) * (1 - perc); pMatrix.translate( transform.p.v[0] * dir * perc, transform.p.v[1] * dir * perc, transform.p.v[2] ), rMatrix.translate(-transform.a.v[0], -transform.a.v[1], transform.a.v[2]), rMatrix.rotate(-transform.r.v * dir * perc), rMatrix.translate(transform.a.v[0], transform.a.v[1], transform.a.v[2]), sMatrix.translate(-transform.a.v[0], -transform.a.v[1], transform.a.v[2]), sMatrix.scale(inv ? 1 / scaleX : scaleX, inv ? 1 / scaleY : scaleY), sMatrix.translate(transform.a.v[0], transform.a.v[1], transform.a.v[2]); }), (RepeaterModifier.prototype.init = function (elem, arr, pos, elemsData) { for ( (this || _global).elem = elem, (this || _global).arr = arr, (this || _global).pos = pos, (this || _global).elemsData = elemsData, (this || _global)._currentCopies = 0, (this || _global)._elements = [], (this || _global)._groups = [], (this || _global).frameId = -1, this.initDynamicPropertyContainer(elem), this.initModifierProperties(elem, arr[pos]); pos > 0; ) --pos, (this || _global)._elements.unshift(arr[pos]); (this || _global).dynamicProperties.length ? ((this || _global).k = !0) : this.getValue(!0); }), (RepeaterModifier.prototype.resetElements = function (elements) { var i$1, len = elements.length; for (i$1 = 0; i$1 < len; i$1 += 1) (elements[i$1]._processed = !1), elements[i$1].ty === `gr` && this.resetElements(elements[i$1].it); }), (RepeaterModifier.prototype.cloneElements = function (elements) { var newElements = JSON.parse(JSON.stringify(elements)); return this.resetElements(newElements), newElements; }), (RepeaterModifier.prototype.changeGroupRender = function (elements, renderFlag) { var i$1, len = elements.length; for (i$1 = 0; i$1 < len; i$1 += 1) (elements[i$1]._render = renderFlag), elements[i$1].ty === `gr` && this.changeGroupRender(elements[i$1].it, renderFlag); }), (RepeaterModifier.prototype.processShapes = function (_isFirstFrame) { var items, itemsTransform, i$1, dir, cont, hasReloaded = !1; if ((this || _global)._mdf || _isFirstFrame) { var copies = Math.ceil((this || _global).c.v); if ((this || _global)._groups.length < copies) { for (; (this || _global)._groups.length < copies; ) { var group = { it: this.cloneElements((this || _global)._elements), ty: `gr` }; group.it.push({ a: { a: 0, ix: 1, k: [0, 0] }, nm: `Transform`, o: { a: 0, ix: 7, k: 100 }, p: { a: 0, ix: 2, k: [0, 0] }, r: { a: 1, ix: 6, k: [ { s: 0, e: 0, t: 0 }, { s: 0, e: 0, t: 1 } ] }, s: { a: 0, ix: 3, k: [100, 100] }, sa: { a: 0, ix: 5, k: 0 }, sk: { a: 0, ix: 4, k: 0 }, ty: `tr` }), (this || _global).arr.splice(0, 0, group), (this || _global)._groups.splice(0, 0, group), ((this || _global)._currentCopies += 1); } (this || _global).elem.reloadShapes(), (hasReloaded = !0); } cont = 0; var renderFlag; for (i$1 = 0; i$1 <= (this || _global)._groups.length - 1; i$1 += 1) { if ( ((renderFlag = cont < copies), ((this || _global)._groups[i$1]._render = renderFlag), this.changeGroupRender((this || _global)._groups[i$1].it, renderFlag), !renderFlag) ) { var elems = (this || _global).elemsData[i$1].it, transformData = elems[elems.length - 1]; transformData.transform.op.v === 0 ? (transformData.transform.op._mdf = !1) : ((transformData.transform.op._mdf = !0), (transformData.transform.op.v = 0)); } cont += 1; } (this || _global)._currentCopies = copies; var offset = (this || _global).o.v, offsetModulo = offset % 1, roundOffset = offset > 0 ? Math.floor(offset) : Math.ceil(offset), pProps = (this || _global).pMatrix.props, rProps = (this || _global).rMatrix.props, sProps = (this || _global).sMatrix.props; (this || _global).pMatrix.reset(), (this || _global).rMatrix.reset(), (this || _global).sMatrix.reset(), (this || _global).tMatrix.reset(), (this || _global).matrix.reset(); var iteration = 0; if (offset > 0) { for (; iteration < roundOffset; ) this.applyTransforms( (this || _global).pMatrix, (this || _global).rMatrix, (this || _global).sMatrix, (this || _global).tr, 1, !1 ), (iteration += 1); offsetModulo && (this.applyTransforms( (this || _global).pMatrix, (this || _global).rMatrix, (this || _global).sMatrix, (this || _global).tr, offsetModulo, !1 ), (iteration += offsetModulo)); } else if (offset < 0) { for (; iteration > roundOffset; ) this.applyTransforms( (this || _global).pMatrix, (this || _global).rMatrix, (this || _global).sMatrix, (this || _global).tr, 1, !0 ), --iteration; offsetModulo && (this.applyTransforms( (this || _global).pMatrix, (this || _global).rMatrix, (this || _global).sMatrix, (this || _global).tr, -offsetModulo, !0 ), (iteration -= offsetModulo)); } (i$1 = (this || _global).data.m === 1 ? 0 : (this || _global)._currentCopies - 1), (dir = (this || _global).data.m === 1 ? 1 : -1), (cont = (this || _global)._currentCopies); for (var j$2, jLen; cont; ) { if ( ((items = (this || _global).elemsData[i$1].it), (itemsTransform = items[items.length - 1].transform.mProps.v.props), (jLen = itemsTransform.length), (items[items.length - 1].transform.mProps._mdf = !0), (items[items.length - 1].transform.op._mdf = !0), (items[items.length - 1].transform.op.v = (this || _global)._currentCopies === 1 ? (this || _global).so.v : (this || _global).so.v + ((this || _global).eo.v - (this || _global).so.v) * (i$1 / ((this || _global)._currentCopies - 1))), iteration !== 0) ) { for ( ((i$1 !== 0 && dir === 1) || (i$1 !== (this || _global)._currentCopies - 1 && dir === -1)) && this.applyTransforms( (this || _global).pMatrix, (this || _global).rMatrix, (this || _global).sMatrix, (this || _global).tr, 1, !1 ), (this || _global).matrix.transform( rProps[0], rProps[1], rProps[2], rProps[3], rProps[4], rProps[5], rProps[6], rProps[7], rProps[8], rProps[9], rProps[10], rProps[11], rProps[12], rProps[13], rProps[14], rProps[15] ), (this || _global).matrix.transform( sProps[0], sProps[1], sProps[2], sProps[3], sProps[4], sProps[5], sProps[6], sProps[7], sProps[8], sProps[9], sProps[10], sProps[11], sProps[12], sProps[13], sProps[14], sProps[15] ), (this || _global).matrix.transform( pProps[0], pProps[1], pProps[2], pProps[3], pProps[4], pProps[5], pProps[6], pProps[7], pProps[8], pProps[9], pProps[10], pProps[11], pProps[12], pProps[13], pProps[14], pProps[15] ), j$2 = 0; j$2 < jLen; j$2 += 1 ) itemsTransform[j$2] = (this || _global).matrix.props[j$2]; (this || _global).matrix.reset(); } else for ((this || _global).matrix.reset(), j$2 = 0; j$2 < jLen; j$2 += 1) itemsTransform[j$2] = (this || _global).matrix.props[j$2]; (iteration += 1), --cont, (i$1 += dir); } } else for (cont = (this || _global)._currentCopies, i$1 = 0, dir = 1; cont; ) (items = (this || _global).elemsData[i$1].it), (itemsTransform = items[items.length - 1].transform.mProps.v.props), (items[items.length - 1].transform.mProps._mdf = !1), (items[items.length - 1].transform.op._mdf = !1), --cont, (i$1 += dir); return hasReloaded; }), (RepeaterModifier.prototype.addShape = function () {}), ShapeModifiers.registerModifier(`rp`, RepeaterModifier); function ShapeCollection() { ((this || _global)._length = 0), ((this || _global)._maxLength = 4), ((this || _global).shapes = createSizedArray((this || _global)._maxLength)); } (ShapeCollection.prototype.addShape = function (shapeData) { (this || _global)._length === (this || _global)._maxLength && (((this || _global).shapes = (this || _global).shapes.concat( createSizedArray((this || _global)._maxLength) )), ((this || _global)._maxLength *= 2)), ((this || _global).shapes[(this || _global)._length] = shapeData), ((this || _global)._length += 1); }), (ShapeCollection.prototype.releaseShapes = function () { var i$1; for (i$1 = 0; i$1 < (this || _global)._length; i$1 += 1) shapePool.release((this || _global).shapes[i$1]); (this || _global)._length = 0; }); function DashProperty(elem, data, renderer$1, container) { ((this || _global).elem = elem), ((this || _global).frameId = -1), ((this || _global).dataProps = createSizedArray(data.length)), ((this || _global).renderer = renderer$1), ((this || _global).k = !1), ((this || _global).dashStr = ``), ((this || _global).dashArray = createTypedArray( `float32`, data.length ? data.length - 1 : 0 )), ((this || _global).dashoffset = createTypedArray(`float32`, 1)), this.initDynamicPropertyContainer(container); var i$1, len = data.length || 0, prop; for (i$1 = 0; i$1 < len; i$1 += 1) (prop = PropertyFactory.getProp(elem, data[i$1].v, 0, 0, this || _global)), ((this || _global).k = prop.k || (this || _global).k), ((this || _global).dataProps[i$1] = { n: data[i$1].n, p: prop }); (this || _global).k || this.getValue(!0), ((this || _global)._isAnimated = (this || _global).k); } (DashProperty.prototype.getValue = function (forceRender) { if ( !( (this || _global).elem.globalData.frameId === (this || _global).frameId && !forceRender ) && (((this || _global).frameId = (this || _global).elem.globalData.frameId), this.iterateDynamicProperties(), ((this || _global)._mdf = (this || _global)._mdf || forceRender), (this || _global)._mdf) ) { var i$1 = 0, len = (this || _global).dataProps.length; for ( (this || _global).renderer === `svg` && ((this || _global).dashStr = ``), i$1 = 0; i$1 < len; i$1 += 1 ) (this || _global).dataProps[i$1].n === `o` ? ((this || _global).dashoffset[0] = (this || _global).dataProps[i$1].p.v) : (this || _global).renderer === `svg` ? ((this || _global).dashStr += ` ` + (this || _global).dataProps[i$1].p.v) : ((this || _global).dashArray[i$1] = (this || _global).dataProps[i$1].p.v); } }), extendPrototype([DynamicPropertyContainer], DashProperty); function GradientProperty(elem, data, container) { ((this || _global).data = data), ((this || _global).c = createTypedArray(`uint8c`, data.p * 4)); var cLength = data.k.k[0].s ? data.k.k[0].s.length - data.p * 4 : data.k.k.length - data.p * 4; ((this || _global).o = createTypedArray(`float32`, cLength)), ((this || _global)._cmdf = !1), ((this || _global)._omdf = !1), ((this || _global)._collapsable = this.checkCollapsable()), ((this || _global)._hasOpacity = cLength), this.initDynamicPropertyContainer(container), ((this || _global).prop = PropertyFactory.getProp(elem, data.k, 1, null, this || _global)), ((this || _global).k = (this || _global).prop.k), this.getValue(!0); } (GradientProperty.prototype.comparePoints = function (values, points) { for (var i$1 = 0, len = (this || _global).o.length / 2, diff; i$1 < len; ) { if (((diff = Math.abs(values[i$1 * 4] - values[points * 4 + i$1 * 2])), diff > 0.01)) return !1; i$1 += 1; } return !0; }), (GradientProperty.prototype.checkCollapsable = function () { if ((this || _global).o.length / 2 != (this || _global).c.length / 4) return !1; if ((this || _global).data.k.k[0].s) for (var i$1 = 0, len = (this || _global).data.k.k.length; i$1 < len; ) { if ( !this.comparePoints((this || _global).data.k.k[i$1].s, (this || _global).data.p) ) return !1; i$1 += 1; } else if (!this.comparePoints((this || _global).data.k.k, (this || _global).data.p)) return !1; return !0; }), (GradientProperty.prototype.getValue = function (forceRender) { if ( ((this || _global).prop.getValue(), ((this || _global)._mdf = !1), ((this || _global)._cmdf = !1), ((this || _global)._omdf = !1), (this || _global).prop._mdf || forceRender) ) { var i$1, len = (this || _global).data.p * 4, mult, val; for (i$1 = 0; i$1 < len; i$1 += 1) (mult = i$1 % 4 == 0 ? 100 : 255), (val = Math.round((this || _global).prop.v[i$1] * mult)), (this || _global).c[i$1] !== val && (((this || _global).c[i$1] = val), ((this || _global)._cmdf = !forceRender)); if ((this || _global).o.length) for ( len = (this || _global).prop.v.length, i$1 = (this || _global).data.p * 4; i$1 < len; i$1 += 1 ) (mult = i$1 % 2 == 0 ? 100 : 1), (val = i$1 % 2 == 0 ? Math.round((this || _global).prop.v[i$1] * 100) : (this || _global).prop.v[i$1]), (this || _global).o[i$1 - (this || _global).data.p * 4] !== val && (((this || _global).o[i$1 - (this || _global).data.p * 4] = val), ((this || _global)._omdf = !forceRender)); (this || _global)._mdf = !forceRender; } }), extendPrototype([DynamicPropertyContainer], GradientProperty); var buildShapeString = function (pathNodes, length$1, closed, mat) { if (length$1 === 0) return ``; var _o = pathNodes.o, _i = pathNodes.i, _v = pathNodes.v, i$1, shapeString = ` M` + mat.applyToPointStringified(_v[0][0], _v[0][1]); for (i$1 = 1; i$1 < length$1; i$1 += 1) shapeString += ` C` + mat.applyToPointStringified(_o[i$1 - 1][0], _o[i$1 - 1][1]) + ` ` + mat.applyToPointStringified(_i[i$1][0], _i[i$1][1]) + ` ` + mat.applyToPointStringified(_v[i$1][0], _v[i$1][1]); return ( closed && length$1 && ((shapeString += ` C` + mat.applyToPointStringified(_o[i$1 - 1][0], _o[i$1 - 1][1]) + ` ` + mat.applyToPointStringified(_i[0][0], _i[0][1]) + ` ` + mat.applyToPointStringified(_v[0][0], _v[0][1])), (shapeString += `z`)), shapeString ); }, audioControllerFactory = (function () { function AudioController(audioFactory) { ((this || _global).audios = []), ((this || _global).audioFactory = audioFactory), ((this || _global)._volume = 1), ((this || _global)._isMuted = !1); } return ( (AudioController.prototype = { addAudio: function (audio) { (this || _global).audios.push(audio); }, pause: function () { var i$1, len = (this || _global).audios.length; for (i$1 = 0; i$1 < len; i$1 += 1) (this || _global).audios[i$1].pause(); }, resume: function () { var i$1, len = (this || _global).audios.length; for (i$1 = 0; i$1 < len; i$1 += 1) (this || _global).audios[i$1].resume(); }, setRate: function (rateValue) { var i$1, len = (this || _global).audios.length; for (i$1 = 0; i$1 < len; i$1 += 1) (this || _global).audios[i$1].setRate(rateValue); }, createAudio: function (assetPath) { return (this || _global).audioFactory ? this.audioFactory(assetPath) : Howl ? new Howl({ src: [assetPath] }) : { isPlaying: !1, play: function () { (this || _global).isPlaying = !0; }, seek: function () { (this || _global).isPlaying = !1; }, playing: function () {}, rate: function () {}, setVolume: function () {} }; }, setAudioFactory: function (audioFactory) { (this || _global).audioFactory = audioFactory; }, setVolume: function (value) { ((this || _global)._volume = value), this._updateVolume(); }, mute: function () { ((this || _global)._isMuted = !0), this._updateVolume(); }, unmute: function () { ((this || _global)._isMuted = !1), this._updateVolume(); }, getVolume: function () { return (this || _global)._volume; }, _updateVolume: function () { var i$1, len = (this || _global).audios.length; for (i$1 = 0; i$1 < len; i$1 += 1) (this || _global).audios[i$1].volume( (this || _global)._volume * ((this || _global)._isMuted ? 0 : 1) ); } }), function () { return new AudioController(); } ); })(), ImagePreloader = (function () { var proxyImage = (function () { var canvas = createTag(`canvas`); (canvas.width = 1), (canvas.height = 1); var ctx = canvas.getContext(`2d`); return (ctx.fillStyle = `rgba(0,0,0,0)`), ctx.fillRect(0, 0, 1, 1), canvas; })(); function imageLoaded() { ((this || _global).loadedAssets += 1), (this || _global).loadedAssets === (this || _global).totalImages && (this || _global).loadedFootagesCount === (this || _global).totalFootages && (this || _global).imagesLoadedCb && this.imagesLoadedCb(null); } function footageLoaded() { ((this || _global).loadedFootagesCount += 1), (this || _global).loadedAssets === (this || _global).totalImages && (this || _global).loadedFootagesCount === (this || _global).totalFootages && (this || _global).imagesLoadedCb && this.imagesLoadedCb(null); } function getAssetsPath(assetData, assetsPath, originalPath) { var path = ``; if (assetData.e) path = assetData.p; else if (assetsPath) { var imagePath = assetData.p; imagePath.indexOf(`images/`) !== -1 && (imagePath = imagePath.split(`/`)[1]), (path = assetsPath + imagePath); } else (path = originalPath), (path += assetData.u ? assetData.u : ``), (path += assetData.p); return path; } function testImageLoaded(img) { var _count = 0, intervalId = setInterval( function () { var box = img.getBBox(); (box.width || _count > 500) && (this._imageLoaded(), clearInterval(intervalId)), (_count += 1); }.bind(this || _global), 50 ); } function createImageData(assetData) { var path = getAssetsPath( assetData, (this || _global).assetsPath, (this || _global).path ), img = createNS(`image`); isSafari ? this.testImageLoaded(img) : img.addEventListener(`load`, (this || _global)._imageLoaded, !1), img.addEventListener( `error`, function () { (ob.img = proxyImage), this._imageLoaded(); }.bind(this || _global), !1 ), img.setAttributeNS(`http://www.w3.org/1999/xlink`, `href`, path), (this || _global)._elementHelper.append ? (this || _global)._elementHelper.append(img) : (this || _global)._elementHelper.appendChild(img); var ob = { img, assetData }; return ob; } function createImgData(assetData) { var path = getAssetsPath( assetData, (this || _global).assetsPath, (this || _global).path ), img = createTag(`img`); (img.crossOrigin = `anonymous`), img.addEventListener(`load`, (this || _global)._imageLoaded, !1), img.addEventListener( `error`, function () { (ob.img = proxyImage), this._imageLoaded(); }.bind(this || _global), !1 ), (img.src = path); var ob = { img, assetData }; return ob; } function createFootageData(data) { var ob = { assetData: data }, path = getAssetsPath(data, (this || _global).assetsPath, (this || _global).path); return ( assetLoader.load( path, function (footageData) { (ob.img = footageData), this._footageLoaded(); }.bind(this || _global), function () { (ob.img = {}), this._footageLoaded(); }.bind(this || _global) ), ob ); } function loadAssets(assets, cb) { (this || _global).imagesLoadedCb = cb; var i$1, len = assets.length; for (i$1 = 0; i$1 < len; i$1 += 1) assets[i$1].layers || (assets[i$1].t ? assets[i$1].t === 3 && (((this || _global).totalFootages += 1), (this || _global).images.push(this.createFootageData(assets[i$1]))) : (((this || _global).totalImages += 1), (this || _global).images.push(this._createImageData(assets[i$1])))); } function setPath(path) { (this || _global).path = path || ``; } function setAssetsPath(path) { (this || _global).assetsPath = path || ``; } function getAsset(assetData) { for (var i$1 = 0, len = (this || _global).images.length; i$1 < len; ) { if ((this || _global).images[i$1].assetData === assetData) return (this || _global).images[i$1].img; i$1 += 1; } return null; } function destroy() { ((this || _global).imagesLoadedCb = null), ((this || _global).images.length = 0); } function loadedImages() { return (this || _global).totalImages === (this || _global).loadedAssets; } function loadedFootages() { return (this || _global).totalFootages === (this || _global).loadedFootagesCount; } function setCacheType(type, elementHelper) { type === `svg` ? (((this || _global)._elementHelper = elementHelper), ((this || _global)._createImageData = (this || _global).createImageData.bind( this || _global ))) : ((this || _global)._createImageData = (this || _global).createImgData.bind( this || _global )); } function ImagePreloaderFactory() { ((this || _global)._imageLoaded = imageLoaded.bind(this || _global)), ((this || _global)._footageLoaded = footageLoaded.bind(this || _global)), ((this || _global).testImageLoaded = testImageLoaded.bind(this || _global)), ((this || _global).createFootageData = createFootageData.bind(this || _global)), ((this || _global).assetsPath = ``), ((this || _global).path = ``), ((this || _global).totalImages = 0), ((this || _global).totalFootages = 0), ((this || _global).loadedAssets = 0), ((this || _global).loadedFootagesCount = 0), ((this || _global).imagesLoadedCb = null), ((this || _global).images = []); } return ( (ImagePreloaderFactory.prototype = { loadAssets, setAssetsPath, setPath, loadedImages, loadedFootages, destroy, getAsset, createImgData, createImageData, imageLoaded, footageLoaded, setCacheType }), ImagePreloaderFactory ); })(), featureSupport = (function () { var ob = { maskType: !0 }; return ( (/MSIE 10/i.test(navigator.userAgent) || /MSIE 9/i.test(navigator.userAgent) || /rv:11.0/i.test(navigator.userAgent) || /Edge\/\d./i.test(navigator.userAgent)) && (ob.maskType = !1), ob ); })(), filtersFactory = (function () { var ob = {}; (ob.createFilter = createFilter), (ob.createAlphaToLuminanceFilter = createAlphaToLuminanceFilter); function createFilter(filId, skipCoordinates) { var fil = createNS(`filter`); return ( fil.setAttribute(`id`, filId), skipCoordinates !== !0 && (fil.setAttribute(`filterUnits`, `objectBoundingBox`), fil.setAttribute(`x`, `0%`), fil.setAttribute(`y`, `0%`), fil.setAttribute(`width`, `100%`), fil.setAttribute(`height`, `100%`)), fil ); } function createAlphaToLuminanceFilter() { var feColorMatrix = createNS(`feColorMatrix`); return ( feColorMatrix.setAttribute(`type`, `matrix`), feColorMatrix.setAttribute(`color-interpolation-filters`, `sRGB`), feColorMatrix.setAttribute(`values`, `0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 1`), feColorMatrix ); } return ob; })(), assetLoader = (function () { function formatResponse(xhr) { return xhr.response && typeof xhr.response == `object` ? xhr.response : xhr.response && typeof xhr.response == `string` ? JSON.parse(xhr.response) : xhr.responseText ? JSON.parse(xhr.responseText) : null; } function loadAsset(path, callback, errorCallback) { var response, xhr = new XMLHttpRequest(); try { xhr.responseType = `json`; } catch {} (xhr.onreadystatechange = function () { if (xhr.readyState === 4) if (xhr.status === 200) (response = formatResponse(xhr)), callback(response); else try { (response = formatResponse(xhr)), callback(response); } catch (err) { errorCallback && errorCallback(err); } }), xhr.open(`GET`, path, !0), xhr.send(); } return { load: loadAsset }; })(); function TextAnimatorProperty(textData, renderType, elem) { ((this || _global)._isFirstFrame = !0), ((this || _global)._hasMaskedPath = !1), ((this || _global)._frameId = -1), ((this || _global)._textData = textData), ((this || _global)._renderType = renderType), ((this || _global)._elem = elem), ((this || _global)._animatorsData = createSizedArray((this || _global)._textData.a.length)), ((this || _global)._pathData = {}), ((this || _global)._moreOptions = { alignment: {} }), ((this || _global).renderedLetters = []), ((this || _global).lettersChangedFlag = !1), this.initDynamicPropertyContainer(elem); } (TextAnimatorProperty.prototype.searchProperties = function () { var i$1, len = (this || _global)._textData.a.length, animatorProps, getProp = PropertyFactory.getProp; for (i$1 = 0; i$1 < len; i$1 += 1) (animatorProps = (this || _global)._textData.a[i$1]), ((this || _global)._animatorsData[i$1] = new TextAnimatorDataProperty( (this || _global)._elem, animatorProps, this || _global )); (this || _global)._textData.p && `m` in (this || _global)._textData.p ? (((this || _global)._pathData = { f: getProp( (this || _global)._elem, (this || _global)._textData.p.f, 0, 0, this || _global ), l: getProp( (this || _global)._elem, (this || _global)._textData.p.l, 0, 0, this || _global ), r: (this || _global)._textData.p.r, m: (this || _global)._elem.maskManager.getMaskProperty( (this || _global)._textData.p.m ) }), ((this || _global)._hasMaskedPath = !0)) : ((this || _global)._hasMaskedPath = !1), ((this || _global)._moreOptions.alignment = getProp( (this || _global)._elem, (this || _global)._textData.m.a, 1, 0, this || _global )); }), (TextAnimatorProperty.prototype.getMeasures = function (documentData, lettersChangedFlag) { if ( (((this || _global).lettersChangedFlag = lettersChangedFlag), !( !(this || _global)._mdf && !(this || _global)._isFirstFrame && !lettersChangedFlag && (!(this || _global)._hasMaskedPath || !(this || _global)._pathData.m._mdf) )) ) { (this || _global)._isFirstFrame = !1; var alignment = (this || _global)._moreOptions.alignment.v, animators = (this || _global)._animatorsData, textData = (this || _global)._textData, matrixHelper = (this || _global).mHelper, renderType = (this || _global)._renderType, renderedLettersCount = (this || _global).renderedLetters.length, xPos, yPos, i$1, len, letters = documentData.l, pathInfo, currentLength, currentPoint, segmentLength, flag, pointInd, segmentInd, prevPoint, points, segments, partialLength, totalLength, perc, tanAngle, mask; if ((this || _global)._hasMaskedPath) { if ( ((mask = (this || _global)._pathData.m), !(this || _global)._pathData.n || (this || _global)._pathData._mdf) ) { var paths = mask.v; (this || _global)._pathData.r && (paths = paths.reverse()), (pathInfo = { tLength: 0, segments: [] }), (len = paths._length - 1); var bezierData; for (totalLength = 0, i$1 = 0; i$1 < len; i$1 += 1) (bezierData = bez.buildBezierData( paths.v[i$1], paths.v[i$1 + 1], [paths.o[i$1][0] - paths.v[i$1][0], paths.o[i$1][1] - paths.v[i$1][1]], [ paths.i[i$1 + 1][0] - paths.v[i$1 + 1][0], paths.i[i$1 + 1][1] - paths.v[i$1 + 1][1] ] )), (pathInfo.tLength += bezierData.segmentLength), pathInfo.segments.push(bezierData), (totalLength += bezierData.segmentLength); (i$1 = len), mask.v.c && ((bezierData = bez.buildBezierData( paths.v[i$1], paths.v[0], [ paths.o[i$1][0] - paths.v[i$1][0], paths.o[i$1][1] - paths.v[i$1][1] ], [paths.i[0][0] - paths.v[0][0], paths.i[0][1] - paths.v[0][1]] )), (pathInfo.tLength += bezierData.segmentLength), pathInfo.segments.push(bezierData), (totalLength += bezierData.segmentLength)), ((this || _global)._pathData.pi = pathInfo); } if ( ((pathInfo = (this || _global)._pathData.pi), (currentLength = (this || _global)._pathData.f.v), (segmentInd = 0), (pointInd = 1), (segmentLength = 0), (flag = !0), (segments = pathInfo.segments), currentLength < 0 && mask.v.c) ) for ( pathInfo.tLength < Math.abs(currentLength) && (currentLength = -Math.abs(currentLength) % pathInfo.tLength), segmentInd = segments.length - 1, points = segments[segmentInd].points, pointInd = points.length - 1; currentLength < 0; ) (currentLength += points[pointInd].partialLength), --pointInd, pointInd < 0 && (--segmentInd, (points = segments[segmentInd].points), (pointInd = points.length - 1)); (points = segments[segmentInd].points), (prevPoint = points[pointInd - 1]), (currentPoint = points[pointInd]), (partialLength = currentPoint.partialLength); } (len = letters.length), (xPos = 0), (yPos = 0); var yOff = documentData.finalSize * 1.2 * 0.714, firstLine = !0, animatorProps, animatorSelector, j$2, jLen, letterValue; jLen = animators.length; var mult, ind = -1, offf, xPathPos, yPathPos, initPathPos = currentLength, initSegmentInd = segmentInd, initPointInd = pointInd, currentLine = -1, elemOpacity, sc, sw, fc, k$1, letterSw, letterSc, letterFc, letterM = ``, letterP = (this || _global).defaultPropsArray, letterO; if (documentData.j === 2 || documentData.j === 1) { var animatorJustifyOffset = 0, animatorFirstCharOffset = 0, justifyOffsetMult = documentData.j === 2 ? -0.5 : -1, lastIndex = 0, isNewLine = !0; for (i$1 = 0; i$1 < len; i$1 += 1) if (letters[i$1].n) { for ( animatorJustifyOffset && (animatorJustifyOffset += animatorFirstCharOffset); lastIndex < i$1; ) (letters[lastIndex].animatorJustifyOffset = animatorJustifyOffset), (lastIndex += 1); (animatorJustifyOffset = 0), (isNewLine = !0); } else { for (j$2 = 0; j$2 < jLen; j$2 += 1) (animatorProps = animators[j$2].a), animatorProps.t.propType && (isNewLine && documentData.j === 2 && (animatorFirstCharOffset += animatorProps.t.v * justifyOffsetMult), (animatorSelector = animators[j$2].s), (mult = animatorSelector.getMult( letters[i$1].anIndexes[j$2], textData.a[j$2].s.totalChars )), mult.length ? (animatorJustifyOffset += animatorProps.t.v * mult[0] * justifyOffsetMult) : (animatorJustifyOffset += animatorProps.t.v * mult * justifyOffsetMult)); isNewLine = !1; } for ( animatorJustifyOffset && (animatorJustifyOffset += animatorFirstCharOffset); lastIndex < i$1; ) (letters[lastIndex].animatorJustifyOffset = animatorJustifyOffset), (lastIndex += 1); } for (i$1 = 0; i$1 < len; i$1 += 1) { if ((matrixHelper.reset(), (elemOpacity = 1), letters[i$1].n)) (xPos = 0), (yPos += documentData.yOffset), (yPos += firstLine ? 1 : 0), (currentLength = initPathPos), (firstLine = !1), (this || _global)._hasMaskedPath && ((segmentInd = initSegmentInd), (pointInd = initPointInd), (points = segments[segmentInd].points), (prevPoint = points[pointInd - 1]), (currentPoint = points[pointInd]), (partialLength = currentPoint.partialLength), (segmentLength = 0)), (letterM = ``), (letterFc = ``), (letterSw = ``), (letterO = ``), (letterP = (this || _global).defaultPropsArray); else { if ((this || _global)._hasMaskedPath) { if (currentLine !== letters[i$1].line) { switch (documentData.j) { case 1: currentLength += totalLength - documentData.lineWidths[letters[i$1].line]; break; case 2: currentLength += (totalLength - documentData.lineWidths[letters[i$1].line]) / 2; break; default: break; } currentLine = letters[i$1].line; } ind !== letters[i$1].ind && (letters[ind] && (currentLength += letters[ind].extra), (currentLength += letters[i$1].an / 2), (ind = letters[i$1].ind)), (currentLength += alignment[0] * letters[i$1].an * 0.005); var animatorOffset = 0; for (j$2 = 0; j$2 < jLen; j$2 += 1) (animatorProps = animators[j$2].a), animatorProps.p.propType && ((animatorSelector = animators[j$2].s), (mult = animatorSelector.getMult( letters[i$1].anIndexes[j$2], textData.a[j$2].s.totalChars )), mult.length ? (animatorOffset += animatorProps.p.v[0] * mult[0]) : (animatorOffset += animatorProps.p.v[0] * mult)), animatorProps.a.propType && ((animatorSelector = animators[j$2].s), (mult = animatorSelector.getMult( letters[i$1].anIndexes[j$2], textData.a[j$2].s.totalChars )), mult.length ? (animatorOffset += animatorProps.a.v[0] * mult[0]) : (animatorOffset += animatorProps.a.v[0] * mult)); for (flag = !0; flag; ) segmentLength + partialLength >= currentLength + animatorOffset || !points ? ((perc = (currentLength + animatorOffset - segmentLength) / currentPoint.partialLength), (xPathPos = prevPoint.point[0] + (currentPoint.point[0] - prevPoint.point[0]) * perc), (yPathPos = prevPoint.point[1] + (currentPoint.point[1] - prevPoint.point[1]) * perc), matrixHelper.translate( -alignment[0] * letters[i$1].an * 0.005, -(alignment[1] * yOff) * 0.01 ), (flag = !1)) : points && ((segmentLength += currentPoint.partialLength), (pointInd += 1), pointInd >= points.length && ((pointInd = 0), (segmentInd += 1), segments[segmentInd] ? (points = segments[segmentInd].points) : mask.v.c ? ((pointInd = 0), (segmentInd = 0), (points = segments[segmentInd].points)) : ((segmentLength -= currentPoint.partialLength), (points = null))), points && ((prevPoint = currentPoint), (currentPoint = points[pointInd]), (partialLength = currentPoint.partialLength))); (offf = letters[i$1].an / 2 - letters[i$1].add), matrixHelper.translate(-offf, 0, 0); } else (offf = letters[i$1].an / 2 - letters[i$1].add), matrixHelper.translate(-offf, 0, 0), matrixHelper.translate( -alignment[0] * letters[i$1].an * 0.005, -alignment[1] * yOff * 0.01, 0 ); for (j$2 = 0; j$2 < jLen; j$2 += 1) (animatorProps = animators[j$2].a), animatorProps.t.propType && ((animatorSelector = animators[j$2].s), (mult = animatorSelector.getMult( letters[i$1].anIndexes[j$2], textData.a[j$2].s.totalChars )), (xPos !== 0 || documentData.j !== 0) && ((this || _global)._hasMaskedPath ? mult.length ? (currentLength += animatorProps.t.v * mult[0]) : (currentLength += animatorProps.t.v * mult) : mult.length ? (xPos += animatorProps.t.v * mult[0]) : (xPos += animatorProps.t.v * mult))); for ( documentData.strokeWidthAnim && (sw = documentData.sw || 0), documentData.strokeColorAnim && (sc = documentData.sc ? [documentData.sc[0], documentData.sc[1], documentData.sc[2]] : [0, 0, 0]), documentData.fillColorAnim && documentData.fc && (fc = [documentData.fc[0], documentData.fc[1], documentData.fc[2]]), j$2 = 0; j$2 < jLen; j$2 += 1 ) (animatorProps = animators[j$2].a), animatorProps.a.propType && ((animatorSelector = animators[j$2].s), (mult = animatorSelector.getMult( letters[i$1].anIndexes[j$2], textData.a[j$2].s.totalChars )), mult.length ? matrixHelper.translate( -animatorProps.a.v[0] * mult[0], -animatorProps.a.v[1] * mult[1], animatorProps.a.v[2] * mult[2] ) : matrixHelper.translate( -animatorProps.a.v[0] * mult, -animatorProps.a.v[1] * mult, animatorProps.a.v[2] * mult )); for (j$2 = 0; j$2 < jLen; j$2 += 1) (animatorProps = animators[j$2].a), animatorProps.s.propType && ((animatorSelector = animators[j$2].s), (mult = animatorSelector.getMult( letters[i$1].anIndexes[j$2], textData.a[j$2].s.totalChars )), mult.length ? matrixHelper.scale( 1 + (animatorProps.s.v[0] - 1) * mult[0], 1 + (animatorProps.s.v[1] - 1) * mult[1], 1 ) : matrixHelper.scale( 1 + (animatorProps.s.v[0] - 1) * mult, 1 + (animatorProps.s.v[1] - 1) * mult, 1 )); for (j$2 = 0; j$2 < jLen; j$2 += 1) { if ( ((animatorProps = animators[j$2].a), (animatorSelector = animators[j$2].s), (mult = animatorSelector.getMult( letters[i$1].anIndexes[j$2], textData.a[j$2].s.totalChars )), animatorProps.sk.propType && (mult.length ? matrixHelper.skewFromAxis( -animatorProps.sk.v * mult[0], animatorProps.sa.v * mult[1] ) : matrixHelper.skewFromAxis( -animatorProps.sk.v * mult, animatorProps.sa.v * mult )), animatorProps.r.propType && (mult.length ? matrixHelper.rotateZ(-animatorProps.r.v * mult[2]) : matrixHelper.rotateZ(-animatorProps.r.v * mult)), animatorProps.ry.propType && (mult.length ? matrixHelper.rotateY(animatorProps.ry.v * mult[1]) : matrixHelper.rotateY(animatorProps.ry.v * mult)), animatorProps.rx.propType && (mult.length ? matrixHelper.rotateX(animatorProps.rx.v * mult[0]) : matrixHelper.rotateX(animatorProps.rx.v * mult)), animatorProps.o.propType && (mult.length ? (elemOpacity += (animatorProps.o.v * mult[0] - elemOpacity) * mult[0]) : (elemOpacity += (animatorProps.o.v * mult - elemOpacity) * mult)), documentData.strokeWidthAnim && animatorProps.sw.propType && (mult.length ? (sw += animatorProps.sw.v * mult[0]) : (sw += animatorProps.sw.v * mult)), documentData.strokeColorAnim && animatorProps.sc.propType) ) for (k$1 = 0; k$1 < 3; k$1 += 1) mult.length ? (sc[k$1] += (animatorProps.sc.v[k$1] - sc[k$1]) * mult[0]) : (sc[k$1] += (animatorProps.sc.v[k$1] - sc[k$1]) * mult); if (documentData.fillColorAnim && documentData.fc) { if (animatorProps.fc.propType) for (k$1 = 0; k$1 < 3; k$1 += 1) mult.length ? (fc[k$1] += (animatorProps.fc.v[k$1] - fc[k$1]) * mult[0]) : (fc[k$1] += (animatorProps.fc.v[k$1] - fc[k$1]) * mult); animatorProps.fh.propType && (fc = mult.length ? addHueToRGB(fc, animatorProps.fh.v * mult[0]) : addHueToRGB(fc, animatorProps.fh.v * mult)), animatorProps.fs.propType && (fc = mult.length ? addSaturationToRGB(fc, animatorProps.fs.v * mult[0]) : addSaturationToRGB(fc, animatorProps.fs.v * mult)), animatorProps.fb.propType && (fc = mult.length ? addBrightnessToRGB(fc, animatorProps.fb.v * mult[0]) : addBrightnessToRGB(fc, animatorProps.fb.v * mult)); } } for (j$2 = 0; j$2 < jLen; j$2 += 1) (animatorProps = animators[j$2].a), animatorProps.p.propType && ((animatorSelector = animators[j$2].s), (mult = animatorSelector.getMult( letters[i$1].anIndexes[j$2], textData.a[j$2].s.totalChars )), (this || _global)._hasMaskedPath ? mult.length ? matrixHelper.translate( 0, animatorProps.p.v[1] * mult[0], -animatorProps.p.v[2] * mult[1] ) : matrixHelper.translate( 0, animatorProps.p.v[1] * mult, -animatorProps.p.v[2] * mult ) : mult.length ? matrixHelper.translate( animatorProps.p.v[0] * mult[0], animatorProps.p.v[1] * mult[1], -animatorProps.p.v[2] * mult[2] ) : matrixHelper.translate( animatorProps.p.v[0] * mult, animatorProps.p.v[1] * mult, -animatorProps.p.v[2] * mult )); if ( (documentData.strokeWidthAnim && (letterSw = sw < 0 ? 0 : sw), documentData.strokeColorAnim && (letterSc = `rgb(` + Math.round(sc[0] * 255) + `,` + Math.round(sc[1] * 255) + `,` + Math.round(sc[2] * 255) + `)`), documentData.fillColorAnim && documentData.fc && (letterFc = `rgb(` + Math.round(fc[0] * 255) + `,` + Math.round(fc[1] * 255) + `,` + Math.round(fc[2] * 255) + `)`), (this || _global)._hasMaskedPath) ) { if ( (matrixHelper.translate(0, -documentData.ls), matrixHelper.translate(0, alignment[1] * yOff * 0.01 + yPos, 0), textData.p.p) ) { tanAngle = (currentPoint.point[1] - prevPoint.point[1]) / (currentPoint.point[0] - prevPoint.point[0]); var rot = (Math.atan(tanAngle) * 180) / Math.PI; currentPoint.point[0] < prevPoint.point[0] && (rot += 180), matrixHelper.rotate((-rot * Math.PI) / 180); } matrixHelper.translate(xPathPos, yPathPos, 0), (currentLength -= alignment[0] * letters[i$1].an * 0.005), letters[i$1 + 1] && ind !== letters[i$1 + 1].ind && ((currentLength += letters[i$1].an / 2), (currentLength += documentData.tr * 0.001 * documentData.finalSize)); } else { switch ( (matrixHelper.translate(xPos, yPos, 0), documentData.ps && matrixHelper.translate( documentData.ps[0], documentData.ps[1] + documentData.ascent, 0 ), documentData.j) ) { case 1: matrixHelper.translate( letters[i$1].animatorJustifyOffset + documentData.justifyOffset + (documentData.boxWidth - documentData.lineWidths[letters[i$1].line]), 0, 0 ); break; case 2: matrixHelper.translate( letters[i$1].animatorJustifyOffset + documentData.justifyOffset + (documentData.boxWidth - documentData.lineWidths[letters[i$1].line]) / 2, 0, 0 ); break; default: break; } matrixHelper.translate(0, -documentData.ls), matrixHelper.translate(offf, 0, 0), matrixHelper.translate( alignment[0] * letters[i$1].an * 0.005, alignment[1] * yOff * 0.01, 0 ), (xPos += letters[i$1].l + documentData.tr * 0.001 * documentData.finalSize); } renderType === `html` ? (letterM = matrixHelper.toCSS()) : renderType === `svg` ? (letterM = matrixHelper.to2dCSS()) : (letterP = [ matrixHelper.props[0], matrixHelper.props[1], matrixHelper.props[2], matrixHelper.props[3], matrixHelper.props[4], matrixHelper.props[5], matrixHelper.props[6], matrixHelper.props[7], matrixHelper.props[8], matrixHelper.props[9], matrixHelper.props[10], matrixHelper.props[11], matrixHelper.props[12], matrixHelper.props[13], matrixHelper.props[14], matrixHelper.props[15] ]), (letterO = elemOpacity); } renderedLettersCount <= i$1 ? ((letterValue = new LetterProps( letterO, letterSw, letterSc, letterFc, letterM, letterP )), (this || _global).renderedLetters.push(letterValue), (renderedLettersCount += 1), ((this || _global).lettersChangedFlag = !0)) : ((letterValue = (this || _global).renderedLetters[i$1]), ((this || _global).lettersChangedFlag = letterValue.update( letterO, letterSw, letterSc, letterFc, letterM, letterP ) || (this || _global).lettersChangedFlag)); } } }), (TextAnimatorProperty.prototype.getValue = function () { (this || _global)._elem.globalData.frameId !== (this || _global)._frameId && (((this || _global)._frameId = (this || _global)._elem.globalData.frameId), this.iterateDynamicProperties()); }), (TextAnimatorProperty.prototype.mHelper = new Matrix()), (TextAnimatorProperty.prototype.defaultPropsArray = []), extendPrototype([DynamicPropertyContainer], TextAnimatorProperty); function TextAnimatorDataProperty(elem, animatorProps, container) { var defaultData = { propType: !1 }, getProp = PropertyFactory.getProp, textAnimatorAnimatables = animatorProps.a; ((this || _global).a = { r: textAnimatorAnimatables.r ? getProp(elem, textAnimatorAnimatables.r, 0, degToRads, container) : defaultData, rx: textAnimatorAnimatables.rx ? getProp(elem, textAnimatorAnimatables.rx, 0, degToRads, container) : defaultData, ry: textAnimatorAnimatables.ry ? getProp(elem, textAnimatorAnimatables.ry, 0, degToRads, container) : defaultData, sk: textAnimatorAnimatables.sk ? getProp(elem, textAnimatorAnimatables.sk, 0, degToRads, container) : defaultData, sa: textAnimatorAnimatables.sa ? getProp(elem, textAnimatorAnimatables.sa, 0, degToRads, container) : defaultData, s: textAnimatorAnimatables.s ? getProp(elem, textAnimatorAnimatables.s, 1, 0.01, container) : defaultData, a: textAnimatorAnimatables.a ? getProp(elem, textAnimatorAnimatables.a, 1, 0, container) : defaultData, o: textAnimatorAnimatables.o ? getProp(elem, textAnimatorAnimatables.o, 0, 0.01, container) : defaultData, p: textAnimatorAnimatables.p ? getProp(elem, textAnimatorAnimatables.p, 1, 0, container) : defaultData, sw: textAnimatorAnimatables.sw ? getProp(elem, textAnimatorAnimatables.sw, 0, 0, container) : defaultData, sc: textAnimatorAnimatables.sc ? getProp(elem, textAnimatorAnimatables.sc, 1, 0, container) : defaultData, fc: textAnimatorAnimatables.fc ? getProp(elem, textAnimatorAnimatables.fc, 1, 0, container) : defaultData, fh: textAnimatorAnimatables.fh ? getProp(elem, textAnimatorAnimatables.fh, 0, 0, container) : defaultData, fs: textAnimatorAnimatables.fs ? getProp(elem, textAnimatorAnimatables.fs, 0, 0.01, container) : defaultData, fb: textAnimatorAnimatables.fb ? getProp(elem, textAnimatorAnimatables.fb, 0, 0.01, container) : defaultData, t: textAnimatorAnimatables.t ? getProp(elem, textAnimatorAnimatables.t, 0, 0, container) : defaultData }), ((this || _global).s = TextSelectorProp.getTextSelectorProp( elem, animatorProps.s, container )), ((this || _global).s.t = animatorProps.s.t); } function LetterProps(o$1, sw, sc, fc, m, p$1) { ((this || _global).o = o$1), ((this || _global).sw = sw), ((this || _global).sc = sc), ((this || _global).fc = fc), ((this || _global).m = m), ((this || _global).p = p$1), ((this || _global)._mdf = { o: !0, sw: !!sw, sc: !!sc, fc: !!fc, m: !0, p: !0 }); } LetterProps.prototype.update = function (o$1, sw, sc, fc, m, p$1) { ((this || _global)._mdf.o = !1), ((this || _global)._mdf.sw = !1), ((this || _global)._mdf.sc = !1), ((this || _global)._mdf.fc = !1), ((this || _global)._mdf.m = !1), ((this || _global)._mdf.p = !1); var updated = !1; return ( (this || _global).o !== o$1 && (((this || _global).o = o$1), ((this || _global)._mdf.o = !0), (updated = !0)), (this || _global).sw !== sw && (((this || _global).sw = sw), ((this || _global)._mdf.sw = !0), (updated = !0)), (this || _global).sc !== sc && (((this || _global).sc = sc), ((this || _global)._mdf.sc = !0), (updated = !0)), (this || _global).fc !== fc && (((this || _global).fc = fc), ((this || _global)._mdf.fc = !0), (updated = !0)), (this || _global).m !== m && (((this || _global).m = m), ((this || _global)._mdf.m = !0), (updated = !0)), p$1.length && ((this || _global).p[0] !== p$1[0] || (this || _global).p[1] !== p$1[1] || (this || _global).p[4] !== p$1[4] || (this || _global).p[5] !== p$1[5] || (this || _global).p[12] !== p$1[12] || (this || _global).p[13] !== p$1[13]) && (((this || _global).p = p$1), ((this || _global)._mdf.p = !0), (updated = !0)), updated ); }; function TextProperty(elem, data) { ((this || _global)._frameId = initialDefaultFrame), ((this || _global).pv = ``), ((this || _global).v = ``), ((this || _global).kf = !1), ((this || _global)._isFirstFrame = !0), ((this || _global)._mdf = !1), ((this || _global).data = data), ((this || _global).elem = elem), ((this || _global).comp = (this || _global).elem.comp), ((this || _global).keysIndex = 0), ((this || _global).canResize = !1), ((this || _global).minimumFontSize = 1), ((this || _global).effectsSequence = []), ((this || _global).currentData = { ascent: 0, boxWidth: (this || _global).defaultBoxWidth, f: ``, fStyle: ``, fWeight: ``, fc: ``, j: ``, justifyOffset: ``, l: [], lh: 0, lineWidths: [], ls: ``, of: ``, s: ``, sc: ``, sw: 0, t: 0, tr: 0, sz: 0, ps: null, fillColorAnim: !1, strokeColorAnim: !1, strokeWidthAnim: !1, yOffset: 0, finalSize: 0, finalText: [], finalLineHeight: 0, __complete: !1 }), this.copyData((this || _global).currentData, (this || _global).data.d.k[0].s), this.searchProperty() || this.completeTextData((this || _global).currentData); } (TextProperty.prototype.defaultBoxWidth = [0, 0]), (TextProperty.prototype.copyData = function (obj, data) { for (var s$1 in data) Object.prototype.hasOwnProperty.call(data, s$1) && (obj[s$1] = data[s$1]); return obj; }), (TextProperty.prototype.setCurrentData = function (data) { data.__complete || this.completeTextData(data), ((this || _global).currentData = data), ((this || _global).currentData.boxWidth = (this || _global).currentData.boxWidth || (this || _global).defaultBoxWidth), ((this || _global)._mdf = !0); }), (TextProperty.prototype.searchProperty = function () { return this.searchKeyframes(); }), (TextProperty.prototype.searchKeyframes = function () { return ( ((this || _global).kf = (this || _global).data.d.k.length > 1), (this || _global).kf && this.addEffect((this || _global).getKeyframeValue.bind(this || _global)), (this || _global).kf ); }), (TextProperty.prototype.addEffect = function (effectFunction) { (this || _global).effectsSequence.push(effectFunction), (this || _global).elem.addDynamicProperty(this || _global); }), (TextProperty.prototype.getValue = function (_finalValue) { if ( !( ((this || _global).elem.globalData.frameId === (this || _global).frameId || !(this || _global).effectsSequence.length) && !_finalValue ) ) { (this || _global).currentData.t = (this || _global).data.d.k[ (this || _global).keysIndex ].s.t; var currentValue = (this || _global).currentData, currentIndex = (this || _global).keysIndex; if ((this || _global).lock) { this.setCurrentData((this || _global).currentData); return; } ((this || _global).lock = !0), ((this || _global)._mdf = !1); var i$1, len = (this || _global).effectsSequence.length, finalValue = _finalValue || (this || _global).data.d.k[(this || _global).keysIndex].s; for (i$1 = 0; i$1 < len; i$1 += 1) finalValue = currentIndex === (this || _global).keysIndex ? (this || _global).effectsSequence[i$1]( (this || _global).currentData, finalValue.t ) : (this || _global).effectsSequence[i$1](finalValue, finalValue.t); currentValue !== finalValue && this.setCurrentData(finalValue), ((this || _global).v = (this || _global).currentData), ((this || _global).pv = (this || _global).v), ((this || _global).lock = !1), ((this || _global).frameId = (this || _global).elem.globalData.frameId); } }), (TextProperty.prototype.getKeyframeValue = function () { for ( var textKeys = (this || _global).data.d.k, frameNum = (this || _global).elem.comp.renderedFrame, i$1 = 0, len = textKeys.length; i$1 <= len - 1 && !(i$1 === len - 1 || textKeys[i$1 + 1].t > frameNum); ) i$1 += 1; return ( (this || _global).keysIndex !== i$1 && ((this || _global).keysIndex = i$1), (this || _global).data.d.k[(this || _global).keysIndex].s ); }), (TextProperty.prototype.buildFinalText = function (text) { for ( var combinedCharacters = FontManager.getCombinedCharacterCodes(), charactersArray = [], i$1 = 0, len = text.length, charCode; i$1 < len; ) (charCode = text.charCodeAt(i$1)), combinedCharacters.indexOf(charCode) === -1 ? charCode >= 55296 && charCode <= 56319 ? ((charCode = text.charCodeAt(i$1 + 1)), charCode >= 56320 && charCode <= 57343 ? (charactersArray.push(text.substr(i$1, 2)), (i$1 += 1)) : charactersArray.push(text.charAt(i$1))) : charactersArray.push(text.charAt(i$1)) : (charactersArray[charactersArray.length - 1] += text.charAt(i$1)), (i$1 += 1); return charactersArray; }), (TextProperty.prototype.completeTextData = function (documentData) { documentData.__complete = !0; var fontManager = (this || _global).elem.globalData.fontManager, data = (this || _global).data, letters = [], i$1, len, newLineFlag, index$1 = 0, val, anchorGrouping = data.m.g, currentSize = 0, currentPos = 0, currentLine = 0, lineWidths = [], lineWidth = 0, maxLineWidth = 0, j$2, jLen, fontData = fontManager.getFontByName(documentData.f), charData, cLength = 0, fontProps = getFontProperties(fontData); (documentData.fWeight = fontProps.weight), (documentData.fStyle = fontProps.style), (documentData.finalSize = documentData.s), (documentData.finalText = this.buildFinalText(documentData.t)), (len = documentData.finalText.length), (documentData.finalLineHeight = documentData.lh); var trackingOffset = (documentData.tr / 1e3) * documentData.finalSize, charCode; if (documentData.sz) for ( var flag = !0, boxWidth = documentData.sz[0], boxHeight = documentData.sz[1], currentHeight, finalText; flag; ) { (finalText = this.buildFinalText(documentData.t)), (currentHeight = 0), (lineWidth = 0), (len = finalText.length), (trackingOffset = (documentData.tr / 1e3) * documentData.finalSize); var lastSpaceIndex = -1; for (i$1 = 0; i$1 < len; i$1 += 1) (charCode = finalText[i$1].charCodeAt(0)), (newLineFlag = !1), finalText[i$1] === ` ` ? (lastSpaceIndex = i$1) : (charCode === 13 || charCode === 3) && ((lineWidth = 0), (newLineFlag = !0), (currentHeight += documentData.finalLineHeight || documentData.finalSize * 1.2)), fontManager.chars ? ((charData = fontManager.getCharData( finalText[i$1], fontData.fStyle, fontData.fFamily )), (cLength = newLineFlag ? 0 : (charData.w * documentData.finalSize) / 100)) : (cLength = fontManager.measureText( finalText[i$1], documentData.f, documentData.finalSize )), lineWidth + cLength > boxWidth && finalText[i$1] !== ` ` ? (lastSpaceIndex === -1 ? (len += 1) : (i$1 = lastSpaceIndex), (currentHeight += documentData.finalLineHeight || documentData.finalSize * 1.2), finalText.splice(i$1, lastSpaceIndex === i$1 ? 1 : 0, `\r`), (lastSpaceIndex = -1), (lineWidth = 0)) : ((lineWidth += cLength), (lineWidth += trackingOffset)); (currentHeight += (fontData.ascent * documentData.finalSize) / 100), (this || _global).canResize && documentData.finalSize > (this || _global).minimumFontSize && boxHeight < currentHeight ? (--documentData.finalSize, (documentData.finalLineHeight = (documentData.finalSize * documentData.lh) / documentData.s)) : ((documentData.finalText = finalText), (len = documentData.finalText.length), (flag = !1)); } (lineWidth = -trackingOffset), (cLength = 0); var uncollapsedSpaces = 0, currentChar; for (i$1 = 0; i$1 < len; i$1 += 1) if ( ((newLineFlag = !1), (currentChar = documentData.finalText[i$1]), (charCode = currentChar.charCodeAt(0)), charCode === 13 || charCode === 3 ? ((uncollapsedSpaces = 0), lineWidths.push(lineWidth), (maxLineWidth = lineWidth > maxLineWidth ? lineWidth : maxLineWidth), (lineWidth = -2 * trackingOffset), (val = ``), (newLineFlag = !0), (currentLine += 1)) : (val = currentChar), fontManager.chars ? ((charData = fontManager.getCharData( currentChar, fontData.fStyle, fontManager.getFontByName(documentData.f).fFamily )), (cLength = newLineFlag ? 0 : (charData.w * documentData.finalSize) / 100)) : (cLength = fontManager.measureText( val, documentData.f, documentData.finalSize )), currentChar === ` ` ? (uncollapsedSpaces += cLength + trackingOffset) : ((lineWidth += cLength + trackingOffset + uncollapsedSpaces), (uncollapsedSpaces = 0)), letters.push({ l: cLength, an: cLength, add: currentSize, n: newLineFlag, anIndexes: [], val, line: currentLine, animatorJustifyOffset: 0 }), anchorGrouping == 2) ) { if (((currentSize += cLength), val === `` || val === ` ` || i$1 === len - 1)) { for ( (val === `` || val === ` `) && (currentSize -= cLength); currentPos <= i$1; ) (letters[currentPos].an = currentSize), (letters[currentPos].ind = index$1), (letters[currentPos].extra = cLength), (currentPos += 1); (index$1 += 1), (currentSize = 0); } } else if (anchorGrouping == 3) { if (((currentSize += cLength), val === `` || i$1 === len - 1)) { for (val === `` && (currentSize -= cLength); currentPos <= i$1; ) (letters[currentPos].an = currentSize), (letters[currentPos].ind = index$1), (letters[currentPos].extra = cLength), (currentPos += 1); (currentSize = 0), (index$1 += 1); } } else (letters[index$1].ind = index$1), (letters[index$1].extra = 0), (index$1 += 1); if ( ((documentData.l = letters), (maxLineWidth = lineWidth > maxLineWidth ? lineWidth : maxLineWidth), lineWidths.push(lineWidth), documentData.sz) ) (documentData.boxWidth = documentData.sz[0]), (documentData.justifyOffset = 0); else switch (((documentData.boxWidth = maxLineWidth), documentData.j)) { case 1: documentData.justifyOffset = -documentData.boxWidth; break; case 2: documentData.justifyOffset = -documentData.boxWidth / 2; break; default: documentData.justifyOffset = 0; } documentData.lineWidths = lineWidths; var animators = data.a, animatorData, letterData; jLen = animators.length; var based, ind, indexes = []; for (j$2 = 0; j$2 < jLen; j$2 += 1) { for ( animatorData = animators[j$2], animatorData.a.sc && (documentData.strokeColorAnim = !0), animatorData.a.sw && (documentData.strokeWidthAnim = !0), (animatorData.a.fc || animatorData.a.fh || animatorData.a.fs || animatorData.a.fb) && (documentData.fillColorAnim = !0), ind = 0, based = animatorData.s.b, i$1 = 0; i$1 < len; i$1 += 1 ) (letterData = letters[i$1]), (letterData.anIndexes[j$2] = ind), ((based == 1 && letterData.val !== ``) || (based == 2 && letterData.val !== `` && letterData.val !== ` `) || (based == 3 && (letterData.n || letterData.val == ` ` || i$1 == len - 1)) || (based == 4 && (letterData.n || i$1 == len - 1))) && (animatorData.s.rn === 1 && indexes.push(ind), (ind += 1)); data.a[j$2].s.totalChars = ind; var currentInd = -1, newInd; if (animatorData.s.rn === 1) for (i$1 = 0; i$1 < len; i$1 += 1) (letterData = letters[i$1]), currentInd != letterData.anIndexes[j$2] && ((currentInd = letterData.anIndexes[j$2]), (newInd = indexes.splice( Math.floor(Math.random() * indexes.length), 1 )[0])), (letterData.anIndexes[j$2] = newInd); } (documentData.yOffset = documentData.finalLineHeight || documentData.finalSize * 1.2), (documentData.ls = documentData.ls || 0), (documentData.ascent = (fontData.ascent * documentData.finalSize) / 100); }), (TextProperty.prototype.updateDocumentData = function (newData, index$1) { index$1 = index$1 === void 0 ? (this || _global).keysIndex : index$1; var dData = this.copyData({}, (this || _global).data.d.k[index$1].s); (dData = this.copyData(dData, newData)), ((this || _global).data.d.k[index$1].s = dData), this.recalculate(index$1), (this || _global).elem.addDynamicProperty(this || _global); }), (TextProperty.prototype.recalculate = function (index$1) { var dData = (this || _global).data.d.k[index$1].s; (dData.__complete = !1), ((this || _global).keysIndex = 0), ((this || _global)._isFirstFrame = !0), this.getValue(dData); }), (TextProperty.prototype.canResizeFont = function (_canResize) { ((this || _global).canResize = _canResize), this.recalculate((this || _global).keysIndex), (this || _global).elem.addDynamicProperty(this || _global); }), (TextProperty.prototype.setMinimumFontSize = function (_fontValue) { ((this || _global).minimumFontSize = Math.floor(_fontValue) || 1), this.recalculate((this || _global).keysIndex), (this || _global).elem.addDynamicProperty(this || _global); }); var TextSelectorProp = (function () { var max = Math.max, min = Math.min, floor = Math.floor; function TextSelectorPropFactory(elem, data) { ((this || _global)._currentTextLength = -1), ((this || _global).k = !1), ((this || _global).data = data), ((this || _global).elem = elem), ((this || _global).comp = elem.comp), ((this || _global).finalS = 0), ((this || _global).finalE = 0), this.initDynamicPropertyContainer(elem), ((this || _global).s = PropertyFactory.getProp( elem, data.s || { k: 0 }, 0, 0, this || _global )), `e` in data ? ((this || _global).e = PropertyFactory.getProp( elem, data.e, 0, 0, this || _global )) : ((this || _global).e = { v: 100 }), ((this || _global).o = PropertyFactory.getProp( elem, data.o || { k: 0 }, 0, 0, this || _global )), ((this || _global).xe = PropertyFactory.getProp( elem, data.xe || { k: 0 }, 0, 0, this || _global )), ((this || _global).ne = PropertyFactory.getProp( elem, data.ne || { k: 0 }, 0, 0, this || _global )), ((this || _global).a = PropertyFactory.getProp( elem, data.a, 0, 0.01, this || _global )), (this || _global).dynamicProperties.length || this.getValue(); } (TextSelectorPropFactory.prototype = { getMult: function (ind) { (this || _global)._currentTextLength !== (this || _global).elem.textProperty.currentData.l.length && this.getValue(); var x1 = 0, y1 = 0, x2 = 1, y2 = 1; (this || _global).ne.v > 0 ? (x1 = (this || _global).ne.v / 100) : (y1 = -(this || _global).ne.v / 100), (this || _global).xe.v > 0 ? (x2 = 1 - (this || _global).xe.v / 100) : (y2 = 1 + (this || _global).xe.v / 100); var easer = BezierFactory.getBezierEasing(x1, y1, x2, y2).get, mult = 0, s$1 = (this || _global).finalS, e$3 = (this || _global).finalE, type = (this || _global).data.sh; if (type === 2) (mult = e$3 === s$1 ? ind >= e$3 ? 1 : 0 : max(0, min(0.5 / (e$3 - s$1) + (ind - s$1) / (e$3 - s$1), 1))), (mult = easer(mult)); else if (type === 3) (mult = e$3 === s$1 ? ind >= e$3 ? 0 : 1 : 1 - max(0, min(0.5 / (e$3 - s$1) + (ind - s$1) / (e$3 - s$1), 1))), (mult = easer(mult)); else if (type === 4) e$3 === s$1 ? (mult = 0) : ((mult = max(0, min(0.5 / (e$3 - s$1) + (ind - s$1) / (e$3 - s$1), 1))), mult < 0.5 ? (mult *= 2) : (mult = 1 - 2 * (mult - 0.5))), (mult = easer(mult)); else if (type === 5) { if (e$3 === s$1) mult = 0; else { var tot = e$3 - s$1; ind = min(max(0, ind + 0.5 - s$1), e$3 - s$1); var x$1 = -tot / 2 + ind, a$1 = tot / 2; mult = Math.sqrt(1 - (x$1 * x$1) / (a$1 * a$1)); } mult = easer(mult); } else type === 6 ? (e$3 === s$1 ? (mult = 0) : ((ind = min(max(0, ind + 0.5 - s$1), e$3 - s$1)), (mult = (1 + Math.cos(Math.PI + (Math.PI * 2 * ind) / (e$3 - s$1))) / 2)), (mult = easer(mult))) : (ind >= floor(s$1) && (mult = ind - s$1 < 0 ? max(0, min(min(e$3, 1) - (s$1 - ind), 1)) : max(0, min(e$3 - ind, 1))), (mult = easer(mult))); return mult * (this || _global).a.v; }, getValue: function (newCharsFlag) { this.iterateDynamicProperties(), ((this || _global)._mdf = newCharsFlag || (this || _global)._mdf), ((this || _global)._currentTextLength = (this || _global).elem.textProperty.currentData.l.length || 0), newCharsFlag && (this || _global).data.r === 2 && ((this || _global).e.v = (this || _global)._currentTextLength); var divisor = (this || _global).data.r === 2 ? 1 : 100 / (this || _global).data.totalChars, o$1 = (this || _global).o.v / divisor, s$1 = (this || _global).s.v / divisor + o$1, e$3 = (this || _global).e.v / divisor + o$1; if (s$1 > e$3) { var _s = s$1; (s$1 = e$3), (e$3 = _s); } ((this || _global).finalS = s$1), ((this || _global).finalE = e$3); } }), extendPrototype([DynamicPropertyContainer], TextSelectorPropFactory); function getTextSelectorProp(elem, data, arr) { return new TextSelectorPropFactory(elem, data, arr); } return { getTextSelectorProp }; })(), poolFactory = (function () { return function (initialLength, _create, _release) { var _length = 0, _maxLength = initialLength, pool = createSizedArray(_maxLength), ob = { newElement, release }; function newElement() { var element; return ( _length ? (--_length, (element = pool[_length])) : (element = _create()), element ); } function release(element) { _length === _maxLength && ((pool = pooling.double(pool)), (_maxLength *= 2)), _release && _release(element), (pool[_length] = element), (_length += 1); } return ob; }; })(), pooling = (function () { function double(arr) { return arr.concat(createSizedArray(arr.length)); } return { double }; })(), pointPool = (function () { function create() { return createTypedArray(`float32`, 2); } return poolFactory(8, create); })(), shapePool = (function () { function create() { return new ShapePath(); } function release(shapePath) { var len = shapePath._length, i$1; for (i$1 = 0; i$1 < len; i$1 += 1) pointPool.release(shapePath.v[i$1]), pointPool.release(shapePath.i[i$1]), pointPool.release(shapePath.o[i$1]), (shapePath.v[i$1] = null), (shapePath.i[i$1] = null), (shapePath.o[i$1] = null); (shapePath._length = 0), (shapePath.c = !1); } function clone(shape) { var cloned = factory.newElement(), i$1, len = shape._length === void 0 ? shape.v.length : shape._length; for (cloned.setLength(len), cloned.c = shape.c, i$1 = 0; i$1 < len; i$1 += 1) cloned.setTripleAt( shape.v[i$1][0], shape.v[i$1][1], shape.o[i$1][0], shape.o[i$1][1], shape.i[i$1][0], shape.i[i$1][1], i$1 ); return cloned; } var factory = poolFactory(4, create, release); return (factory.clone = clone), factory; })(), shapeCollectionPool = (function () { var ob = { newShapeCollection, release }, _length = 0, _maxLength = 4, pool = createSizedArray(_maxLength); function newShapeCollection() { var shapeCollection; return ( _length ? (--_length, (shapeCollection = pool[_length])) : (shapeCollection = new ShapeCollection()), shapeCollection ); } function release(shapeCollection) { var i$1, len = shapeCollection._length; for (i$1 = 0; i$1 < len; i$1 += 1) shapePool.release(shapeCollection.shapes[i$1]); (shapeCollection._length = 0), _length === _maxLength && ((pool = pooling.double(pool)), (_maxLength *= 2)), (pool[_length] = shapeCollection), (_length += 1); } return ob; })(), segmentsLengthPool = (function () { function create() { return { lengths: [], totalLength: 0 }; } function release(element) { var i$1, len = element.lengths.length; for (i$1 = 0; i$1 < len; i$1 += 1) bezierLengthPool.release(element.lengths[i$1]); element.lengths.length = 0; } return poolFactory(8, create, release); })(), bezierLengthPool = (function () { function create() { return { addedLength: 0, percents: createTypedArray(`float32`, defaultCurveSegments), lengths: createTypedArray(`float32`, defaultCurveSegments) }; } return poolFactory(8, create); })(), markerParser = (function () { function parsePayloadLines(payload) { for ( var lines = payload.split(`\r `), keys = {}, line, keysCount = 0, i$1 = 0; i$1 < lines.length; i$1 += 1 ) (line = lines[i$1].split(`:`)), line.length === 2 && ((keys[line[0]] = line[1].trim()), (keysCount += 1)); if (keysCount === 0) throw Error(); return keys; } return function (_markers) { for (var markers = [], i$1 = 0; i$1 < _markers.length; i$1 += 1) { var _marker = _markers[i$1], markerData = { time: _marker.tm, duration: _marker.dr }; try { markerData.payload = JSON.parse(_markers[i$1].cm); } catch { try { markerData.payload = parsePayloadLines(_markers[i$1].cm); } catch { markerData.payload = { name: _markers[i$1] }; } } markers.push(markerData); } return markers; }; })(); function BaseRenderer() {} (BaseRenderer.prototype.checkLayers = function (num) { var i$1, len = (this || _global).layers.length, data; for ((this || _global).completeLayers = !0, i$1 = len - 1; i$1 >= 0; --i$1) (this || _global).elements[i$1] || ((data = (this || _global).layers[i$1]), data.ip - data.st <= num - (this || _global).layers[i$1].st && data.op - data.st > num - (this || _global).layers[i$1].st && this.buildItem(i$1)), ((this || _global).completeLayers = (this || _global).elements[i$1] ? (this || _global).completeLayers : !1); this.checkPendingElements(); }), (BaseRenderer.prototype.createItem = function (layer) { switch (layer.ty) { case 2: return this.createImage(layer); case 0: return this.createComp(layer); case 1: return this.createSolid(layer); case 3: return this.createNull(layer); case 4: return this.createShape(layer); case 5: return this.createText(layer); case 6: return this.createAudio(layer); case 13: return this.createCamera(layer); case 15: return this.createFootage(layer); default: return this.createNull(layer); } }), (BaseRenderer.prototype.createCamera = function () { throw Error(`You're using a 3d camera. Try the html renderer.`); }), (BaseRenderer.prototype.createAudio = function (data) { return new AudioElement(data, (this || _global).globalData, this || _global); }), (BaseRenderer.prototype.createFootage = function (data) { return new FootageElement(data, (this || _global).globalData, this || _global); }), (BaseRenderer.prototype.buildAllItems = function () { var i$1, len = (this || _global).layers.length; for (i$1 = 0; i$1 < len; i$1 += 1) this.buildItem(i$1); this.checkPendingElements(); }), (BaseRenderer.prototype.includeLayers = function (newLayers) { (this || _global).completeLayers = !1; var i$1, len = newLayers.length, j$2, jLen = (this || _global).layers.length; for (i$1 = 0; i$1 < len; i$1 += 1) for (j$2 = 0; j$2 < jLen; ) { if ((this || _global).layers[j$2].id === newLayers[i$1].id) { (this || _global).layers[j$2] = newLayers[i$1]; break; } j$2 += 1; } }), (BaseRenderer.prototype.setProjectInterface = function (pInterface) { (this || _global).globalData.projectInterface = pInterface; }), (BaseRenderer.prototype.initItems = function () { (this || _global).globalData.progressiveLoad || this.buildAllItems(); }), (BaseRenderer.prototype.buildElementParenting = function (element, parentName, hierarchy) { for ( var elements = (this || _global).elements, layers = (this || _global).layers, i$1 = 0, len = layers.length; i$1 < len; ) layers[i$1].ind == parentName && (!elements[i$1] || elements[i$1] === !0 ? (this.buildItem(i$1), this.addPendingElement(element)) : (hierarchy.push(elements[i$1]), elements[i$1].setAsParent(), layers[i$1].parent === void 0 ? element.setHierarchy(hierarchy) : this.buildElementParenting(element, layers[i$1].parent, hierarchy))), (i$1 += 1); }), (BaseRenderer.prototype.addPendingElement = function (element) { (this || _global).pendingElements.push(element); }), (BaseRenderer.prototype.searchExtraCompositions = function (assets) { var i$1, len = assets.length; for (i$1 = 0; i$1 < len; i$1 += 1) if (assets[i$1].xt) { var comp = this.createComp(assets[i$1]); comp.initExpressions(), (this || _global).globalData.projectInterface.registerComposition(comp); } }), (BaseRenderer.prototype.setupGlobalData = function (animData, fontsContainer) { ((this || _global).globalData.fontManager = new FontManager()), (this || _global).globalData.fontManager.addChars(animData.chars), (this || _global).globalData.fontManager.addFonts(animData.fonts, fontsContainer), ((this || _global).globalData.getAssetData = ( this || _global ).animationItem.getAssetData.bind((this || _global).animationItem)), ((this || _global).globalData.getAssetsPath = ( this || _global ).animationItem.getAssetsPath.bind((this || _global).animationItem)), ((this || _global).globalData.imageLoader = ( this || _global ).animationItem.imagePreloader), ((this || _global).globalData.audioController = ( this || _global ).animationItem.audioController), ((this || _global).globalData.frameId = 0), ((this || _global).globalData.frameRate = animData.fr), ((this || _global).globalData.nm = animData.nm), ((this || _global).globalData.compSize = { w: animData.w, h: animData.h }); }); function SVGRenderer(animationItem, config) { ((this || _global).animationItem = animationItem), ((this || _global).layers = null), ((this || _global).renderedFrame = -1), ((this || _global).svgElement = createNS(`svg`)); var ariaLabel = ``; if (config && config.title) { var titleElement = createNS(`title`), titleId = createElementID(); titleElement.setAttribute(`id`, titleId), (titleElement.textContent = config.title), (this || _global).svgElement.appendChild(titleElement), (ariaLabel += titleId); } if (config && config.description) { var descElement = createNS(`desc`), descId = createElementID(); descElement.setAttribute(`id`, descId), (descElement.textContent = config.description), (this || _global).svgElement.appendChild(descElement), (ariaLabel += ` ` + descId); } ariaLabel && (this || _global).svgElement.setAttribute(`aria-labelledby`, ariaLabel); var defs = createNS(`defs`); (this || _global).svgElement.appendChild(defs); var maskElement = createNS(`g`); (this || _global).svgElement.appendChild(maskElement), ((this || _global).layerElement = maskElement), ((this || _global).renderConfig = { preserveAspectRatio: (config && config.preserveAspectRatio) || `xMidYMid meet`, imagePreserveAspectRatio: (config && config.imagePreserveAspectRatio) || `xMidYMid slice`, progressiveLoad: (config && config.progressiveLoad) || !1, hideOnTransparent: !(config && config.hideOnTransparent === !1), viewBoxOnly: (config && config.viewBoxOnly) || !1, viewBoxSize: (config && config.viewBoxSize) || !1, className: (config && config.className) || ``, id: (config && config.id) || ``, focusable: config && config.focusable, filterSize: { width: (config && config.filterSize && config.filterSize.width) || `100%`, height: (config && config.filterSize && config.filterSize.height) || `100%`, x: (config && config.filterSize && config.filterSize.x) || `0%`, y: (config && config.filterSize && config.filterSize.y) || `0%` } }), ((this || _global).globalData = { _mdf: !1, frameNum: -1, defs, renderConfig: (this || _global).renderConfig }), ((this || _global).elements = []), ((this || _global).pendingElements = []), ((this || _global).destroyed = !1), ((this || _global).rendererType = `svg`); } extendPrototype([BaseRenderer], SVGRenderer), (SVGRenderer.prototype.createNull = function (data) { return new NullElement(data, (this || _global).globalData, this || _global); }), (SVGRenderer.prototype.createShape = function (data) { return new SVGShapeElement(data, (this || _global).globalData, this || _global); }), (SVGRenderer.prototype.createText = function (data) { return new SVGTextLottieElement(data, (this || _global).globalData, this || _global); }), (SVGRenderer.prototype.createImage = function (data) { return new IImageElement(data, (this || _global).globalData, this || _global); }), (SVGRenderer.prototype.createComp = function (data) { return new SVGCompElement(data, (this || _global).globalData, this || _global); }), (SVGRenderer.prototype.createSolid = function (data) { return new ISolidElement(data, (this || _global).globalData, this || _global); }), (SVGRenderer.prototype.configAnimation = function (animData) { (this || _global).svgElement.setAttribute(`xmlns`, `http://www.w3.org/2000/svg`), (this || _global).renderConfig.viewBoxSize ? (this || _global).svgElement.setAttribute( `viewBox`, (this || _global).renderConfig.viewBoxSize ) : (this || _global).svgElement.setAttribute( `viewBox`, `0 0 ` + animData.w + ` ` + animData.h ), (this || _global).renderConfig.viewBoxOnly || ((this || _global).svgElement.setAttribute(`width`, animData.w), (this || _global).svgElement.setAttribute(`height`, animData.h), ((this || _global).svgElement.style.width = `100%`), ((this || _global).svgElement.style.height = `100%`), ((this || _global).svgElement.style.transform = `translate3d(0,0,0)`)), (this || _global).renderConfig.className && (this || _global).svgElement.setAttribute( `class`, (this || _global).renderConfig.className ), (this || _global).renderConfig.id && (this || _global).svgElement.setAttribute(`id`, (this || _global).renderConfig.id), (this || _global).renderConfig.focusable !== void 0 && (this || _global).svgElement.setAttribute( `focusable`, (this || _global).renderConfig.focusable ), (this || _global).svgElement.setAttribute( `preserveAspectRatio`, (this || _global).renderConfig.preserveAspectRatio ), (this || _global).animationItem.wrapper.appendChild((this || _global).svgElement); var defs = (this || _global).globalData.defs; this.setupGlobalData(animData, defs), ((this || _global).globalData.progressiveLoad = ( this || _global ).renderConfig.progressiveLoad), ((this || _global).data = animData); var maskElement = createNS(`clipPath`), rect = createNS(`rect`); rect.setAttribute(`width`, animData.w), rect.setAttribute(`height`, animData.h), rect.setAttribute(`x`, 0), rect.setAttribute(`y`, 0); var maskId = createElementID(); maskElement.setAttribute(`id`, maskId), maskElement.appendChild(rect), (this || _global).layerElement.setAttribute( `clip-path`, `url(` + locationHref + `#` + maskId + `)` ), defs.appendChild(maskElement), ((this || _global).layers = animData.layers), ((this || _global).elements = createSizedArray(animData.layers.length)); }), (SVGRenderer.prototype.destroy = function () { (this || _global).animationItem.wrapper && ((this || _global).animationItem.wrapper.innerText = ``), ((this || _global).layerElement = null), ((this || _global).globalData.defs = null); var i$1, len = (this || _global).layers ? (this || _global).layers.length : 0; for (i$1 = 0; i$1 < len; i$1 += 1) (this || _global).elements[i$1] && (this || _global).elements[i$1].destroy(); ((this || _global).elements.length = 0), ((this || _global).destroyed = !0), ((this || _global).animationItem = null); }), (SVGRenderer.prototype.updateContainerSize = function () {}), (SVGRenderer.prototype.buildItem = function (pos) { var elements = (this || _global).elements; if (!(elements[pos] || (this || _global).layers[pos].ty === 99)) { elements[pos] = !0; var element = this.createItem((this || _global).layers[pos]); (elements[pos] = element), expressionsPlugin && ((this || _global).layers[pos].ty === 0 && (this || _global).globalData.projectInterface.registerComposition(element), element.initExpressions()), this.appendElementInPos(element, pos), (this || _global).layers[pos].tt && (!(this || _global).elements[pos - 1] || (this || _global).elements[pos - 1] === !0 ? (this.buildItem(pos - 1), this.addPendingElement(element)) : element.setMatte(elements[pos - 1].layerId)); } }), (SVGRenderer.prototype.checkPendingElements = function () { for (; (this || _global).pendingElements.length; ) { var element = (this || _global).pendingElements.pop(); if ((element.checkParenting(), element.data.tt)) for (var i$1 = 0, len = (this || _global).elements.length; i$1 < len; ) { if ((this || _global).elements[i$1] === element) { element.setMatte((this || _global).elements[i$1 - 1].layerId); break; } i$1 += 1; } } }), (SVGRenderer.prototype.renderFrame = function (num) { if (!((this || _global).renderedFrame === num || (this || _global).destroyed)) { num === null ? (num = (this || _global).renderedFrame) : ((this || _global).renderedFrame = num), ((this || _global).globalData.frameNum = num), ((this || _global).globalData.frameId += 1), ((this || _global).globalData.projectInterface.currentFrame = num), ((this || _global).globalData._mdf = !1); var i$1, len = (this || _global).layers.length; for ( (this || _global).completeLayers || this.checkLayers(num), i$1 = len - 1; i$1 >= 0; --i$1 ) ((this || _global).completeLayers || (this || _global).elements[i$1]) && (this || _global).elements[i$1].prepareFrame( num - (this || _global).layers[i$1].st ); if ((this || _global).globalData._mdf) for (i$1 = 0; i$1 < len; i$1 += 1) ((this || _global).completeLayers || (this || _global).elements[i$1]) && (this || _global).elements[i$1].renderFrame(); } }), (SVGRenderer.prototype.appendElementInPos = function (element, pos) { var newElement = element.getBaseElement(); if (newElement) { for (var i$1 = 0, nextElement; i$1 < pos; ) (this || _global).elements[i$1] && (this || _global).elements[i$1] !== !0 && (this || _global).elements[i$1].getBaseElement() && (nextElement = (this || _global).elements[i$1].getBaseElement()), (i$1 += 1); nextElement ? (this || _global).layerElement.insertBefore(newElement, nextElement) : (this || _global).layerElement.appendChild(newElement); } }), (SVGRenderer.prototype.hide = function () { (this || _global).layerElement.style.display = `none`; }), (SVGRenderer.prototype.show = function () { (this || _global).layerElement.style.display = `block`; }); function CanvasRenderer(animationItem, config) { ((this || _global).animationItem = animationItem), ((this || _global).renderConfig = { clearCanvas: config && config.clearCanvas !== void 0 ? config.clearCanvas : !0, context: (config && config.context) || null, progressiveLoad: (config && config.progressiveLoad) || !1, preserveAspectRatio: (config && config.preserveAspectRatio) || `xMidYMid meet`, imagePreserveAspectRatio: (config && config.imagePreserveAspectRatio) || `xMidYMid slice`, className: (config && config.className) || ``, id: (config && config.id) || `` }), ((this || _global).renderConfig.dpr = (config && config.dpr) || 1), (this || _global).animationItem.wrapper && ((this || _global).renderConfig.dpr = (config && config.dpr) || window$1.devicePixelRatio || 1), ((this || _global).renderedFrame = -1), ((this || _global).globalData = { frameNum: -1, _mdf: !1, renderConfig: (this || _global).renderConfig, currentGlobalAlpha: -1 }), ((this || _global).contextData = new CVContextData()), ((this || _global).elements = []), ((this || _global).pendingElements = []), ((this || _global).transformMat = new Matrix()), ((this || _global).completeLayers = !1), ((this || _global).rendererType = `canvas`); } extendPrototype([BaseRenderer], CanvasRenderer), (CanvasRenderer.prototype.createShape = function (data) { return new CVShapeElement(data, (this || _global).globalData, this || _global); }), (CanvasRenderer.prototype.createText = function (data) { return new CVTextElement(data, (this || _global).globalData, this || _global); }), (CanvasRenderer.prototype.createImage = function (data) { return new CVImageElement(data, (this || _global).globalData, this || _global); }), (CanvasRenderer.prototype.createComp = function (data) { return new CVCompElement(data, (this || _global).globalData, this || _global); }), (CanvasRenderer.prototype.createSolid = function (data) { return new CVSolidElement(data, (this || _global).globalData, this || _global); }), (CanvasRenderer.prototype.createNull = SVGRenderer.prototype.createNull), (CanvasRenderer.prototype.ctxTransform = function (props) { if ( !( props[0] === 1 && props[1] === 0 && props[4] === 0 && props[5] === 1 && props[12] === 0 && props[13] === 0 ) ) { if (!(this || _global).renderConfig.clearCanvas) { (this || _global).canvasContext.transform( props[0], props[1], props[4], props[5], props[12], props[13] ); return; } (this || _global).transformMat.cloneFromProps(props); var cProps = (this || _global).contextData.cTr.props; (this || _global).transformMat.transform( cProps[0], cProps[1], cProps[2], cProps[3], cProps[4], cProps[5], cProps[6], cProps[7], cProps[8], cProps[9], cProps[10], cProps[11], cProps[12], cProps[13], cProps[14], cProps[15] ), (this || _global).contextData.cTr.cloneFromProps( (this || _global).transformMat.props ); var trProps = (this || _global).contextData.cTr.props; (this || _global).canvasContext.setTransform( trProps[0], trProps[1], trProps[4], trProps[5], trProps[12], trProps[13] ); } }), (CanvasRenderer.prototype.ctxOpacity = function (op) { if (!(this || _global).renderConfig.clearCanvas) { ((this || _global).canvasContext.globalAlpha *= op < 0 ? 0 : op), ((this || _global).globalData.currentGlobalAlpha = ( this || _global ).contextData.cO); return; } ((this || _global).contextData.cO *= op < 0 ? 0 : op), (this || _global).globalData.currentGlobalAlpha !== (this || _global).contextData.cO && (((this || _global).canvasContext.globalAlpha = (this || _global).contextData.cO), ((this || _global).globalData.currentGlobalAlpha = ( this || _global ).contextData.cO)); }), (CanvasRenderer.prototype.reset = function () { if (!(this || _global).renderConfig.clearCanvas) { (this || _global).canvasContext.restore(); return; } (this || _global).contextData.reset(); }), (CanvasRenderer.prototype.save = function (actionFlag) { if (!(this || _global).renderConfig.clearCanvas) { (this || _global).canvasContext.save(); return; } actionFlag && (this || _global).canvasContext.save(); var props = (this || _global).contextData.cTr.props; (this || _global).contextData._length <= (this || _global).contextData.cArrPos && (this || _global).contextData.duplicate(); var i$1, arr = (this || _global).contextData.saved[(this || _global).contextData.cArrPos]; for (i$1 = 0; i$1 < 16; i$1 += 1) arr[i$1] = props[i$1]; ((this || _global).contextData.savedOp[(this || _global).contextData.cArrPos] = ( this || _global ).contextData.cO), ((this || _global).contextData.cArrPos += 1); }), (CanvasRenderer.prototype.restore = function (actionFlag) { if (!(this || _global).renderConfig.clearCanvas) { (this || _global).canvasContext.restore(); return; } actionFlag && ((this || _global).canvasContext.restore(), ((this || _global).globalData.blendMode = `source-over`)), --(this || _global).contextData.cArrPos; var popped = (this || _global).contextData.saved[(this || _global).contextData.cArrPos], i$1, arr = (this || _global).contextData.cTr.props; for (i$1 = 0; i$1 < 16; i$1 += 1) arr[i$1] = popped[i$1]; (this || _global).canvasContext.setTransform( popped[0], popped[1], popped[4], popped[5], popped[12], popped[13] ), (popped = (this || _global).contextData.savedOp[(this || _global).contextData.cArrPos]), ((this || _global).contextData.cO = popped), (this || _global).globalData.currentGlobalAlpha !== popped && (((this || _global).canvasContext.globalAlpha = popped), ((this || _global).globalData.currentGlobalAlpha = popped)); }), (CanvasRenderer.prototype.configAnimation = function (animData) { if ((this || _global).animationItem.wrapper) { (this || _global).animationItem.container = createTag(`canvas`); var containerStyle$2 = (this || _global).animationItem.container.style; (containerStyle$2.width = `100%`), (containerStyle$2.height = `100%`); var origin = `0px 0px 0px`; (containerStyle$2.transformOrigin = origin), (containerStyle$2.mozTransformOrigin = origin), (containerStyle$2.webkitTransformOrigin = origin), (containerStyle$2[`-webkit-transform`] = origin), (this || _global).animationItem.wrapper.appendChild( (this || _global).animationItem.container ), ((this || _global).canvasContext = ( this || _global ).animationItem.container.getContext(`2d`)), (this || _global).renderConfig.className && (this || _global).animationItem.container.setAttribute( `class`, (this || _global).renderConfig.className ), (this || _global).renderConfig.id && (this || _global).animationItem.container.setAttribute( `id`, (this || _global).renderConfig.id ); } else (this || _global).canvasContext = (this || _global).renderConfig.context; ((this || _global).data = animData), ((this || _global).layers = animData.layers), ((this || _global).transformCanvas = { w: animData.w, h: animData.h, sx: 0, sy: 0, tx: 0, ty: 0 }), this.setupGlobalData(animData, document.body), ((this || _global).globalData.canvasContext = (this || _global).canvasContext), ((this || _global).globalData.renderer = this || _global), ((this || _global).globalData.isDashed = !1), ((this || _global).globalData.progressiveLoad = ( this || _global ).renderConfig.progressiveLoad), ((this || _global).globalData.transformCanvas = (this || _global).transformCanvas), ((this || _global).elements = createSizedArray(animData.layers.length)), this.updateContainerSize(); }), (CanvasRenderer.prototype.updateContainerSize = function () { this.reset(); var elementWidth, elementHeight; (this || _global).animationItem.wrapper && (this || _global).animationItem.container ? ((elementWidth = (this || _global).animationItem.wrapper.offsetWidth), (elementHeight = (this || _global).animationItem.wrapper.offsetHeight), (this || _global).animationItem.container.setAttribute( `width`, elementWidth * (this || _global).renderConfig.dpr ), (this || _global).animationItem.container.setAttribute( `height`, elementHeight * (this || _global).renderConfig.dpr )) : ((elementWidth = (this || _global).canvasContext.canvas.width * (this || _global).renderConfig.dpr), (elementHeight = (this || _global).canvasContext.canvas.height * (this || _global).renderConfig.dpr)); var elementRel, animationRel; if ( (this || _global).renderConfig.preserveAspectRatio.indexOf(`meet`) !== -1 || (this || _global).renderConfig.preserveAspectRatio.indexOf(`slice`) !== -1 ) { var par = (this || _global).renderConfig.preserveAspectRatio.split(` `), fillType = par[1] || `meet`, pos = par[0] || `xMidYMid`, xPos = pos.substr(0, 4), yPos = pos.substr(4); (elementRel = elementWidth / elementHeight), (animationRel = (this || _global).transformCanvas.w / (this || _global).transformCanvas.h), (animationRel > elementRel && fillType === `meet`) || (animationRel < elementRel && fillType === `slice`) ? (((this || _global).transformCanvas.sx = elementWidth / ((this || _global).transformCanvas.w / (this || _global).renderConfig.dpr)), ((this || _global).transformCanvas.sy = elementWidth / ((this || _global).transformCanvas.w / (this || _global).renderConfig.dpr))) : (((this || _global).transformCanvas.sx = elementHeight / ((this || _global).transformCanvas.h / (this || _global).renderConfig.dpr)), ((this || _global).transformCanvas.sy = elementHeight / ((this || _global).transformCanvas.h / (this || _global).renderConfig.dpr))), xPos === `xMid` && ((animationRel < elementRel && fillType === `meet`) || (animationRel > elementRel && fillType === `slice`)) ? ((this || _global).transformCanvas.tx = ((elementWidth - (this || _global).transformCanvas.w * (elementHeight / (this || _global).transformCanvas.h)) / 2) * (this || _global).renderConfig.dpr) : xPos === `xMax` && ((animationRel < elementRel && fillType === `meet`) || (animationRel > elementRel && fillType === `slice`)) ? ((this || _global).transformCanvas.tx = (elementWidth - (this || _global).transformCanvas.w * (elementHeight / (this || _global).transformCanvas.h)) * (this || _global).renderConfig.dpr) : ((this || _global).transformCanvas.tx = 0), yPos === `YMid` && ((animationRel > elementRel && fillType === `meet`) || (animationRel < elementRel && fillType === `slice`)) ? ((this || _global).transformCanvas.ty = ((elementHeight - (this || _global).transformCanvas.h * (elementWidth / (this || _global).transformCanvas.w)) / 2) * (this || _global).renderConfig.dpr) : yPos === `YMax` && ((animationRel > elementRel && fillType === `meet`) || (animationRel < elementRel && fillType === `slice`)) ? ((this || _global).transformCanvas.ty = (elementHeight - (this || _global).transformCanvas.h * (elementWidth / (this || _global).transformCanvas.w)) * (this || _global).renderConfig.dpr) : ((this || _global).transformCanvas.ty = 0); } else (this || _global).renderConfig.preserveAspectRatio === `none` ? (((this || _global).transformCanvas.sx = elementWidth / ((this || _global).transformCanvas.w / (this || _global).renderConfig.dpr)), ((this || _global).transformCanvas.sy = elementHeight / ((this || _global).transformCanvas.h / (this || _global).renderConfig.dpr)), ((this || _global).transformCanvas.tx = 0), ((this || _global).transformCanvas.ty = 0)) : (((this || _global).transformCanvas.sx = (this || _global).renderConfig.dpr), ((this || _global).transformCanvas.sy = (this || _global).renderConfig.dpr), ((this || _global).transformCanvas.tx = 0), ((this || _global).transformCanvas.ty = 0)); ((this || _global).transformCanvas.props = [ (this || _global).transformCanvas.sx, 0, 0, 0, 0, (this || _global).transformCanvas.sy, 0, 0, 0, 0, 1, 0, (this || _global).transformCanvas.tx, (this || _global).transformCanvas.ty, 0, 1 ]), this.ctxTransform((this || _global).transformCanvas.props), (this || _global).canvasContext.beginPath(), (this || _global).canvasContext.rect( 0, 0, (this || _global).transformCanvas.w, (this || _global).transformCanvas.h ), (this || _global).canvasContext.closePath(), (this || _global).canvasContext.clip(), this.renderFrame((this || _global).renderedFrame, !0); }), (CanvasRenderer.prototype.destroy = function () { (this || _global).renderConfig.clearCanvas && (this || _global).animationItem.wrapper && ((this || _global).animationItem.wrapper.innerText = ``); var i$1, len = (this || _global).layers ? (this || _global).layers.length : 0; for (i$1 = len - 1; i$1 >= 0; --i$1) (this || _global).elements[i$1] && (this || _global).elements[i$1].destroy(); ((this || _global).elements.length = 0), ((this || _global).globalData.canvasContext = null), ((this || _global).animationItem.container = null), ((this || _global).destroyed = !0); }), (CanvasRenderer.prototype.renderFrame = function (num, forceRender) { if ( !( ((this || _global).renderedFrame === num && (this || _global).renderConfig.clearCanvas === !0 && !forceRender) || (this || _global).destroyed || num === -1 ) ) { ((this || _global).renderedFrame = num), ((this || _global).globalData.frameNum = num - (this || _global).animationItem._isFirstFrame), ((this || _global).globalData.frameId += 1), ((this || _global).globalData._mdf = !(this || _global).renderConfig.clearCanvas || forceRender), ((this || _global).globalData.projectInterface.currentFrame = num); var i$1, len = (this || _global).layers.length; for ( (this || _global).completeLayers || this.checkLayers(num), i$1 = 0; i$1 < len; i$1 += 1 ) ((this || _global).completeLayers || (this || _global).elements[i$1]) && (this || _global).elements[i$1].prepareFrame( num - (this || _global).layers[i$1].st ); if ((this || _global).globalData._mdf) { for ( (this || _global).renderConfig.clearCanvas === !0 ? (this || _global).canvasContext.clearRect( 0, 0, (this || _global).transformCanvas.w, (this || _global).transformCanvas.h ) : this.save(), i$1 = len - 1; i$1 >= 0; --i$1 ) ((this || _global).completeLayers || (this || _global).elements[i$1]) && (this || _global).elements[i$1].renderFrame(); (this || _global).renderConfig.clearCanvas !== !0 && this.restore(); } } }), (CanvasRenderer.prototype.buildItem = function (pos) { var elements = (this || _global).elements; if (!(elements[pos] || (this || _global).layers[pos].ty === 99)) { var element = this.createItem( (this || _global).layers[pos], this || _global, (this || _global).globalData ); (elements[pos] = element), element.initExpressions(); } }), (CanvasRenderer.prototype.checkPendingElements = function () { for (; (this || _global).pendingElements.length; ) { var element = (this || _global).pendingElements.pop(); element.checkParenting(); } }), (CanvasRenderer.prototype.hide = function () { (this || _global).animationItem.container.style.display = `none`; }), (CanvasRenderer.prototype.show = function () { (this || _global).animationItem.container.style.display = `block`; }); function HybridRenderer(animationItem, config) { ((this || _global).animationItem = animationItem), ((this || _global).layers = null), ((this || _global).renderedFrame = -1), ((this || _global).renderConfig = { className: (config && config.className) || ``, imagePreserveAspectRatio: (config && config.imagePreserveAspectRatio) || `xMidYMid slice`, hideOnTransparent: !(config && config.hideOnTransparent === !1), filterSize: { width: (config && config.filterSize && config.filterSize.width) || `400%`, height: (config && config.filterSize && config.filterSize.height) || `400%`, x: (config && config.filterSize && config.filterSize.x) || `-100%`, y: (config && config.filterSize && config.filterSize.y) || `-100%` } }), ((this || _global).globalData = { _mdf: !1, frameNum: -1, renderConfig: (this || _global).renderConfig }), ((this || _global).pendingElements = []), ((this || _global).elements = []), ((this || _global).threeDElements = []), ((this || _global).destroyed = !1), ((this || _global).camera = null), ((this || _global).supports3d = !0), ((this || _global).rendererType = `html`); } extendPrototype([BaseRenderer], HybridRenderer), (HybridRenderer.prototype.buildItem = SVGRenderer.prototype.buildItem), (HybridRenderer.prototype.checkPendingElements = function () { for (; (this || _global).pendingElements.length; ) { var element = (this || _global).pendingElements.pop(); element.checkParenting(); } }), (HybridRenderer.prototype.appendElementInPos = function (element, pos) { var newDOMElement = element.getBaseElement(); if (newDOMElement) { var layer = (this || _global).layers[pos]; if (!layer.ddd || !(this || _global).supports3d) if ((this || _global).threeDElements) this.addTo3dContainer(newDOMElement, pos); else { for (var i$1 = 0, nextDOMElement, nextLayer, tmpDOMElement; i$1 < pos; ) (this || _global).elements[i$1] && (this || _global).elements[i$1] !== !0 && (this || _global).elements[i$1].getBaseElement && ((nextLayer = (this || _global).elements[i$1]), (tmpDOMElement = (this || _global).layers[i$1].ddd ? this.getThreeDContainerByPos(i$1) : nextLayer.getBaseElement()), (nextDOMElement = tmpDOMElement || nextDOMElement)), (i$1 += 1); nextDOMElement ? (!layer.ddd || !(this || _global).supports3d) && (this || _global).layerElement.insertBefore(newDOMElement, nextDOMElement) : (!layer.ddd || !(this || _global).supports3d) && (this || _global).layerElement.appendChild(newDOMElement); } else this.addTo3dContainer(newDOMElement, pos); } }), (HybridRenderer.prototype.createShape = function (data) { return (this || _global).supports3d ? new HShapeElement(data, (this || _global).globalData, this || _global) : new SVGShapeElement(data, (this || _global).globalData, this || _global); }), (HybridRenderer.prototype.createText = function (data) { return (this || _global).supports3d ? new HTextElement(data, (this || _global).globalData, this || _global) : new SVGTextLottieElement(data, (this || _global).globalData, this || _global); }), (HybridRenderer.prototype.createCamera = function (data) { return ( ((this || _global).camera = new HCameraElement( data, (this || _global).globalData, this || _global )), (this || _global).camera ); }), (HybridRenderer.prototype.createImage = function (data) { return (this || _global).supports3d ? new HImageElement(data, (this || _global).globalData, this || _global) : new IImageElement(data, (this || _global).globalData, this || _global); }), (HybridRenderer.prototype.createComp = function (data) { return (this || _global).supports3d ? new HCompElement(data, (this || _global).globalData, this || _global) : new SVGCompElement(data, (this || _global).globalData, this || _global); }), (HybridRenderer.prototype.createSolid = function (data) { return (this || _global).supports3d ? new HSolidElement(data, (this || _global).globalData, this || _global) : new ISolidElement(data, (this || _global).globalData, this || _global); }), (HybridRenderer.prototype.createNull = SVGRenderer.prototype.createNull), (HybridRenderer.prototype.getThreeDContainerByPos = function (pos) { for (var i$1 = 0, len = (this || _global).threeDElements.length; i$1 < len; ) { if ( (this || _global).threeDElements[i$1].startPos <= pos && (this || _global).threeDElements[i$1].endPos >= pos ) return (this || _global).threeDElements[i$1].perspectiveElem; i$1 += 1; } return null; }), (HybridRenderer.prototype.createThreeDContainer = function (pos, type) { var perspectiveElem = createTag(`div`), style, containerStyle$2; styleDiv(perspectiveElem); var container = createTag(`div`); if ((styleDiv(container), type === `3d`)) { (style = perspectiveElem.style), (style.width = (this || _global).globalData.compSize.w + `px`), (style.height = (this || _global).globalData.compSize.h + `px`); var center = `50% 50%`; (style.webkitTransformOrigin = center), (style.mozTransformOrigin = center), (style.transformOrigin = center), (containerStyle$2 = container.style); var matrix = `matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)`; (containerStyle$2.transform = matrix), (containerStyle$2.webkitTransform = matrix); } perspectiveElem.appendChild(container); var threeDContainerData = { container, perspectiveElem, startPos: pos, endPos: pos, type }; return (this || _global).threeDElements.push(threeDContainerData), threeDContainerData; }), (HybridRenderer.prototype.build3dContainers = function () { var i$1, len = (this || _global).layers.length, lastThreeDContainerData, currentContainer = ``; for (i$1 = 0; i$1 < len; i$1 += 1) (this || _global).layers[i$1].ddd && (this || _global).layers[i$1].ty !== 3 ? (currentContainer !== `3d` && ((currentContainer = `3d`), (lastThreeDContainerData = this.createThreeDContainer(i$1, `3d`))), (lastThreeDContainerData.endPos = Math.max(lastThreeDContainerData.endPos, i$1))) : (currentContainer !== `2d` && ((currentContainer = `2d`), (lastThreeDContainerData = this.createThreeDContainer(i$1, `2d`))), (lastThreeDContainerData.endPos = Math.max(lastThreeDContainerData.endPos, i$1))); for (len = (this || _global).threeDElements.length, i$1 = len - 1; i$1 >= 0; --i$1) (this || _global).resizerElem.appendChild( (this || _global).threeDElements[i$1].perspectiveElem ); }), (HybridRenderer.prototype.addTo3dContainer = function (elem, pos) { for (var i$1 = 0, len = (this || _global).threeDElements.length; i$1 < len; ) { if (pos <= (this || _global).threeDElements[i$1].endPos) { for ( var j$2 = (this || _global).threeDElements[i$1].startPos, nextElement; j$2 < pos; ) (this || _global).elements[j$2] && (this || _global).elements[j$2].getBaseElement && (nextElement = (this || _global).elements[j$2].getBaseElement()), (j$2 += 1); nextElement ? (this || _global).threeDElements[i$1].container.insertBefore( elem, nextElement ) : (this || _global).threeDElements[i$1].container.appendChild(elem); break; } i$1 += 1; } }), (HybridRenderer.prototype.configAnimation = function (animData) { var resizerElem = createTag(`div`), wrapper = (this || _global).animationItem.wrapper, style = resizerElem.style; (style.width = animData.w + `px`), (style.height = animData.h + `px`), ((this || _global).resizerElem = resizerElem), styleDiv(resizerElem), (style.transformStyle = `flat`), (style.mozTransformStyle = `flat`), (style.webkitTransformStyle = `flat`), (this || _global).renderConfig.className && resizerElem.setAttribute(`class`, (this || _global).renderConfig.className), wrapper.appendChild(resizerElem), (style.overflow = `hidden`); var svg = createNS(`svg`); svg.setAttribute(`width`, `1`), svg.setAttribute(`height`, `1`), styleDiv(svg), (this || _global).resizerElem.appendChild(svg); var defs = createNS(`defs`); svg.appendChild(defs), ((this || _global).data = animData), this.setupGlobalData(animData, svg), ((this || _global).globalData.defs = defs), ((this || _global).layers = animData.layers), ((this || _global).layerElement = (this || _global).resizerElem), this.build3dContainers(), this.updateContainerSize(); }), (HybridRenderer.prototype.destroy = function () { (this || _global).animationItem.wrapper && ((this || _global).animationItem.wrapper.innerText = ``), ((this || _global).animationItem.container = null), ((this || _global).globalData.defs = null); var i$1, len = (this || _global).layers ? (this || _global).layers.length : 0; for (i$1 = 0; i$1 < len; i$1 += 1) (this || _global).elements[i$1].destroy(); ((this || _global).elements.length = 0), ((this || _global).destroyed = !0), ((this || _global).animationItem = null); }), (HybridRenderer.prototype.updateContainerSize = function () { var elementWidth = (this || _global).animationItem.wrapper.offsetWidth, elementHeight = (this || _global).animationItem.wrapper.offsetHeight, elementRel = elementWidth / elementHeight, animationRel = (this || _global).globalData.compSize.w / (this || _global).globalData.compSize.h, sx, sy, tx, ty; animationRel > elementRel ? ((sx = elementWidth / (this || _global).globalData.compSize.w), (sy = elementWidth / (this || _global).globalData.compSize.w), (tx = 0), (ty = (elementHeight - (this || _global).globalData.compSize.h * (elementWidth / (this || _global).globalData.compSize.w)) / 2)) : ((sx = elementHeight / (this || _global).globalData.compSize.h), (sy = elementHeight / (this || _global).globalData.compSize.h), (tx = (elementWidth - (this || _global).globalData.compSize.w * (elementHeight / (this || _global).globalData.compSize.h)) / 2), (ty = 0)); var style = (this || _global).resizerElem.style; (style.webkitTransform = `matrix3d(` + sx + `,0,0,0,0,` + sy + `,0,0,0,0,1,0,` + tx + `,` + ty + `,0,1)`), (style.transform = style.webkitTransform); }), (HybridRenderer.prototype.renderFrame = SVGRenderer.prototype.renderFrame), (HybridRenderer.prototype.hide = function () { (this || _global).resizerElem.style.display = `none`; }), (HybridRenderer.prototype.show = function () { (this || _global).resizerElem.style.display = `block`; }), (HybridRenderer.prototype.initItems = function () { if ((this.buildAllItems(), (this || _global).camera)) (this || _global).camera.setup(); else { var cWidth = (this || _global).globalData.compSize.w, cHeight = (this || _global).globalData.compSize.h, i$1, len = (this || _global).threeDElements.length; for (i$1 = 0; i$1 < len; i$1 += 1) { var style = (this || _global).threeDElements[i$1].perspectiveElem.style; (style.webkitPerspective = Math.sqrt(cWidth ** 2 + cHeight ** 2) + `px`), (style.perspective = style.webkitPerspective); } } }), (HybridRenderer.prototype.searchExtraCompositions = function (assets) { var i$1, len = assets.length, floatingContainer = createTag(`div`); for (i$1 = 0; i$1 < len; i$1 += 1) if (assets[i$1].xt) { var comp = this.createComp( assets[i$1], floatingContainer, (this || _global).globalData.comp, null ); comp.initExpressions(), (this || _global).globalData.projectInterface.registerComposition(comp); } }); function MaskElement(data, element, globalData) { ((this || _global).data = data), ((this || _global).element = element), ((this || _global).globalData = globalData), ((this || _global).storedData = []), ((this || _global).masksProperties = (this || _global).data.masksProperties || []), ((this || _global).maskElement = null); var defs = (this || _global).globalData.defs, i$1, len = (this || _global).masksProperties ? (this || _global).masksProperties.length : 0; ((this || _global).viewData = createSizedArray(len)), ((this || _global).solidPath = ``); var path, properties = (this || _global).masksProperties, count = 0, currentMasks = [], j$2, jLen, layerId = createElementID(), rect, expansor, feMorph, x$1, maskType = `clipPath`, maskRef = `clip-path`; for (i$1 = 0; i$1 < len; i$1 += 1) if ( (((properties[i$1].mode !== `a` && properties[i$1].mode !== `n`) || properties[i$1].inv || properties[i$1].o.k !== 100 || properties[i$1].o.x) && ((maskType = `mask`), (maskRef = `mask`)), (properties[i$1].mode === `s` || properties[i$1].mode === `i`) && count === 0 ? ((rect = createNS(`rect`)), rect.setAttribute(`fill`, `#ffffff`), rect.setAttribute(`width`, (this || _global).element.comp.data.w || 0), rect.setAttribute(`height`, (this || _global).element.comp.data.h || 0), currentMasks.push(rect)) : (rect = null), (path = createNS(`path`)), properties[i$1].mode === `n`) ) ((this || _global).viewData[i$1] = { op: PropertyFactory.getProp( (this || _global).element, properties[i$1].o, 0, 0.01, (this || _global).element ), prop: ShapePropertyFactory.getShapeProp( (this || _global).element, properties[i$1], 3 ), elem: path, lastPath: `` }), defs.appendChild(path); else { (count += 1), path.setAttribute(`fill`, properties[i$1].mode === `s` ? `#000000` : `#ffffff`), path.setAttribute(`clip-rule`, `nonzero`); var filterID; if ( (properties[i$1].x.k === 0 ? ((feMorph = null), (x$1 = null)) : ((maskType = `mask`), (maskRef = `mask`), (x$1 = PropertyFactory.getProp( (this || _global).element, properties[i$1].x, 0, null, (this || _global).element )), (filterID = createElementID()), (expansor = createNS(`filter`)), expansor.setAttribute(`id`, filterID), (feMorph = createNS(`feMorphology`)), feMorph.setAttribute(`operator`, `erode`), feMorph.setAttribute(`in`, `SourceGraphic`), feMorph.setAttribute(`radius`, `0`), expansor.appendChild(feMorph), defs.appendChild(expansor), path.setAttribute( `stroke`, properties[i$1].mode === `s` ? `#000000` : `#ffffff` )), ((this || _global).storedData[i$1] = { elem: path, x: x$1, expan: feMorph, lastPath: ``, lastOperator: ``, filterId: filterID, lastRadius: 0 }), properties[i$1].mode === `i`) ) { jLen = currentMasks.length; var g = createNS(`g`); for (j$2 = 0; j$2 < jLen; j$2 += 1) g.appendChild(currentMasks[j$2]); var mask = createNS(`mask`); mask.setAttribute(`mask-type`, `alpha`), mask.setAttribute(`id`, layerId + `_` + count), mask.appendChild(path), defs.appendChild(mask), g.setAttribute( `mask`, `url(` + locationHref + `#` + layerId + `_` + count + `)` ), (currentMasks.length = 0), currentMasks.push(g); } else currentMasks.push(path); properties[i$1].inv && !(this || _global).solidPath && ((this || _global).solidPath = this.createLayerSolidPath()), ((this || _global).viewData[i$1] = { elem: path, lastPath: ``, op: PropertyFactory.getProp( (this || _global).element, properties[i$1].o, 0, 0.01, (this || _global).element ), prop: ShapePropertyFactory.getShapeProp( (this || _global).element, properties[i$1], 3 ), invRect: rect }), (this || _global).viewData[i$1].prop.k || this.drawPath( properties[i$1], (this || _global).viewData[i$1].prop.v, (this || _global).viewData[i$1] ); } for ( (this || _global).maskElement = createNS(maskType), len = currentMasks.length, i$1 = 0; i$1 < len; i$1 += 1 ) (this || _global).maskElement.appendChild(currentMasks[i$1]); count > 0 && ((this || _global).maskElement.setAttribute(`id`, layerId), (this || _global).element.maskedElement.setAttribute( maskRef, `url(` + locationHref + `#` + layerId + `)` ), defs.appendChild((this || _global).maskElement)), (this || _global).viewData.length && (this || _global).element.addRenderableComponent(this || _global); } (MaskElement.prototype.getMaskProperty = function (pos) { return (this || _global).viewData[pos].prop; }), (MaskElement.prototype.renderFrame = function (isFirstFrame) { var finalMat = (this || _global).element.finalTransform.mat, i$1, len = (this || _global).masksProperties.length; for (i$1 = 0; i$1 < len; i$1 += 1) if ( (((this || _global).viewData[i$1].prop._mdf || isFirstFrame) && this.drawPath( (this || _global).masksProperties[i$1], (this || _global).viewData[i$1].prop.v, (this || _global).viewData[i$1] ), ((this || _global).viewData[i$1].op._mdf || isFirstFrame) && (this || _global).viewData[i$1].elem.setAttribute( `fill-opacity`, (this || _global).viewData[i$1].op.v ), (this || _global).masksProperties[i$1].mode !== `n` && ((this || _global).viewData[i$1].invRect && ((this || _global).element.finalTransform.mProp._mdf || isFirstFrame) && (this || _global).viewData[i$1].invRect.setAttribute( `transform`, finalMat.getInverseMatrix().to2dCSS() ), (this || _global).storedData[i$1].x && ((this || _global).storedData[i$1].x._mdf || isFirstFrame))) ) { var feMorph = (this || _global).storedData[i$1].expan; (this || _global).storedData[i$1].x.v < 0 ? ((this || _global).storedData[i$1].lastOperator !== `erode` && (((this || _global).storedData[i$1].lastOperator = `erode`), (this || _global).storedData[i$1].elem.setAttribute( `filter`, `url(` + locationHref + `#` + (this || _global).storedData[i$1].filterId + `)` )), feMorph.setAttribute(`radius`, -(this || _global).storedData[i$1].x.v)) : ((this || _global).storedData[i$1].lastOperator !== `dilate` && (((this || _global).storedData[i$1].lastOperator = `dilate`), (this || _global).storedData[i$1].elem.setAttribute(`filter`, null)), (this || _global).storedData[i$1].elem.setAttribute( `stroke-width`, (this || _global).storedData[i$1].x.v * 2 )); } }), (MaskElement.prototype.getMaskelement = function () { return (this || _global).maskElement; }), (MaskElement.prototype.createLayerSolidPath = function () { var path = `M0,0 `; return ( (path += ` h` + (this || _global).globalData.compSize.w), (path += ` v` + (this || _global).globalData.compSize.h), (path += ` h-` + (this || _global).globalData.compSize.w), (path += ` v-` + (this || _global).globalData.compSize.h + ` `), path ); }), (MaskElement.prototype.drawPath = function (pathData, pathNodes, viewData) { var pathString = ` M` + pathNodes.v[0][0] + `,` + pathNodes.v[0][1], i$1, len; for (len = pathNodes._length, i$1 = 1; i$1 < len; i$1 += 1) pathString += ` C` + pathNodes.o[i$1 - 1][0] + `,` + pathNodes.o[i$1 - 1][1] + ` ` + pathNodes.i[i$1][0] + `,` + pathNodes.i[i$1][1] + ` ` + pathNodes.v[i$1][0] + `,` + pathNodes.v[i$1][1]; if ( (pathNodes.c && len > 1 && (pathString += ` C` + pathNodes.o[i$1 - 1][0] + `,` + pathNodes.o[i$1 - 1][1] + ` ` + pathNodes.i[0][0] + `,` + pathNodes.i[0][1] + ` ` + pathNodes.v[0][0] + `,` + pathNodes.v[0][1]), viewData.lastPath !== pathString) ) { var pathShapeValue = ``; viewData.elem && (pathNodes.c && (pathShapeValue = pathData.inv ? (this || _global).solidPath + pathString : pathString), viewData.elem.setAttribute(`d`, pathShapeValue)), (viewData.lastPath = pathString); } }), (MaskElement.prototype.destroy = function () { ((this || _global).element = null), ((this || _global).globalData = null), ((this || _global).maskElement = null), ((this || _global).data = null), ((this || _global).masksProperties = null); }); function HierarchyElement() {} HierarchyElement.prototype = { initHierarchy: function () { ((this || _global).hierarchy = []), ((this || _global)._isParent = !1), this.checkParenting(); }, setHierarchy: function (hierarchy) { (this || _global).hierarchy = hierarchy; }, setAsParent: function () { (this || _global)._isParent = !0; }, checkParenting: function () { (this || _global).data.parent !== void 0 && (this || _global).comp.buildElementParenting( this || _global, (this || _global).data.parent, [] ); } }; function FrameElement() {} FrameElement.prototype = { initFrame: function () { ((this || _global)._isFirstFrame = !1), ((this || _global).dynamicProperties = []), ((this || _global)._mdf = !1); }, prepareProperties: function (num, isVisible) { var i$1, len = (this || _global).dynamicProperties.length; for (i$1 = 0; i$1 < len; i$1 += 1) (isVisible || ((this || _global)._isParent && (this || _global).dynamicProperties[i$1].propType === `transform`)) && ((this || _global).dynamicProperties[i$1].getValue(), (this || _global).dynamicProperties[i$1]._mdf && (((this || _global).globalData._mdf = !0), ((this || _global)._mdf = !0))); }, addDynamicProperty: function (prop) { (this || _global).dynamicProperties.indexOf(prop) === -1 && (this || _global).dynamicProperties.push(prop); } }; function TransformElement() {} TransformElement.prototype = { initTransform: function () { ((this || _global).finalTransform = { mProp: (this || _global).data.ks ? TransformPropertyFactory.getTransformProperty( this || _global, (this || _global).data.ks, this || _global ) : { o: 0 }, _matMdf: !1, _opMdf: !1, mat: new Matrix() }), (this || _global).data.ao && ((this || _global).finalTransform.mProp.autoOriented = !0), (this || _global).data.ty; }, renderTransform: function () { if ( (((this || _global).finalTransform._opMdf = (this || _global).finalTransform.mProp.o._mdf || (this || _global)._isFirstFrame), ((this || _global).finalTransform._matMdf = (this || _global).finalTransform.mProp._mdf || (this || _global)._isFirstFrame), (this || _global).hierarchy) ) { var mat, finalMat = (this || _global).finalTransform.mat, i$1 = 0, len = (this || _global).hierarchy.length; if (!(this || _global).finalTransform._matMdf) for (; i$1 < len; ) { if ((this || _global).hierarchy[i$1].finalTransform.mProp._mdf) { (this || _global).finalTransform._matMdf = !0; break; } i$1 += 1; } if ((this || _global).finalTransform._matMdf) for ( mat = (this || _global).finalTransform.mProp.v.props, finalMat.cloneFromProps(mat), i$1 = 0; i$1 < len; i$1 += 1 ) (mat = (this || _global).hierarchy[i$1].finalTransform.mProp.v.props), finalMat.transform( mat[0], mat[1], mat[2], mat[3], mat[4], mat[5], mat[6], mat[7], mat[8], mat[9], mat[10], mat[11], mat[12], mat[13], mat[14], mat[15] ); } }, globalToLocal: function (pt) { var transforms = []; transforms.push((this || _global).finalTransform); for (var flag = !0, comp = (this || _global).comp; flag; ) comp.finalTransform ? (comp.data.hasMask && transforms.splice(0, 0, comp.finalTransform), (comp = comp.comp)) : (flag = !1); var i$1, len = transforms.length, ptNew; for (i$1 = 0; i$1 < len; i$1 += 1) (ptNew = transforms[i$1].mat.applyToPointArray(0, 0, 0)), (pt = [pt[0] - ptNew[0], pt[1] - ptNew[1], 0]); return pt; }, mHelper: new Matrix() }; function RenderableElement() {} RenderableElement.prototype = { initRenderable: function () { ((this || _global).isInRange = !1), ((this || _global).hidden = !1), ((this || _global).isTransparent = !1), ((this || _global).renderableComponents = []); }, addRenderableComponent: function (component) { (this || _global).renderableComponents.indexOf(component) === -1 && (this || _global).renderableComponents.push(component); }, removeRenderableComponent: function (component) { (this || _global).renderableComponents.indexOf(component) !== -1 && (this || _global).renderableComponents.splice( (this || _global).renderableComponents.indexOf(component), 1 ); }, prepareRenderableFrame: function (num) { this.checkLayerLimits(num); }, checkTransparency: function () { (this || _global).finalTransform.mProp.o.v <= 0 ? !(this || _global).isTransparent && (this || _global).globalData.renderConfig.hideOnTransparent && (((this || _global).isTransparent = !0), this.hide()) : (this || _global).isTransparent && (((this || _global).isTransparent = !1), this.show()); }, checkLayerLimits: function (num) { (this || _global).data.ip - (this || _global).data.st <= num && (this || _global).data.op - (this || _global).data.st > num ? (this || _global).isInRange !== !0 && (((this || _global).globalData._mdf = !0), ((this || _global)._mdf = !0), ((this || _global).isInRange = !0), this.show()) : (this || _global).isInRange !== !1 && (((this || _global).globalData._mdf = !0), ((this || _global).isInRange = !1), this.hide()); }, renderRenderable: function () { var i$1, len = (this || _global).renderableComponents.length; for (i$1 = 0; i$1 < len; i$1 += 1) (this || _global).renderableComponents[i$1].renderFrame( (this || _global)._isFirstFrame ); }, sourceRectAtTime: function () { return { top: 0, left: 0, width: 100, height: 100 }; }, getLayerSize: function () { return (this || _global).data.ty === 5 ? { w: (this || _global).data.textData.width, h: (this || _global).data.textData.height } : { w: (this || _global).data.width, h: (this || _global).data.height }; } }; function RenderableDOMElement() {} (function () { var _prototype = { initElement: function (data, globalData, comp) { this.initFrame(), this.initBaseData(data, globalData, comp), this.initTransform(data, globalData, comp), this.initHierarchy(), this.initRenderable(), this.initRendererElement(), this.createContainerElements(), this.createRenderableComponents(), this.createContent(), this.hide(); }, hide: function () { if ( !(this || _global).hidden && (!(this || _global).isInRange || (this || _global).isTransparent) ) { var elem = (this || _global).baseElement || (this || _global).layerElement; (elem.style.display = `none`), ((this || _global).hidden = !0); } }, show: function () { if ((this || _global).isInRange && !(this || _global).isTransparent) { if (!(this || _global).data.hd) { var elem = (this || _global).baseElement || (this || _global).layerElement; elem.style.display = `block`; } ((this || _global).hidden = !1), ((this || _global)._isFirstFrame = !0); } }, renderFrame: function () { (this || _global).data.hd || (this || _global).hidden || (this.renderTransform(), this.renderRenderable(), this.renderElement(), this.renderInnerContent(), (this || _global)._isFirstFrame && ((this || _global)._isFirstFrame = !1)); }, renderInnerContent: function () {}, prepareFrame: function (num) { ((this || _global)._mdf = !1), this.prepareRenderableFrame(num), this.prepareProperties(num, (this || _global).isInRange), this.checkTransparency(); }, destroy: function () { ((this || _global).innerElem = null), this.destroyBaseElement(); } }; extendPrototype([RenderableElement, createProxyFunction(_prototype)], RenderableDOMElement); })(); function ProcessedElement(element, position) { ((this || _global).elem = element), ((this || _global).pos = position); } function SVGStyleData(data, level) { ((this || _global).data = data), ((this || _global).type = data.ty), ((this || _global).d = ``), ((this || _global).lvl = level), ((this || _global)._mdf = !1), ((this || _global).closed = data.hd === !0), ((this || _global).pElem = createNS(`path`)), ((this || _global).msElem = null); } SVGStyleData.prototype.reset = function () { ((this || _global).d = ``), ((this || _global)._mdf = !1); }; function SVGShapeData(transformers, level, shape) { ((this || _global).caches = []), ((this || _global).styles = []), ((this || _global).transformers = transformers), ((this || _global).lStr = ``), ((this || _global).sh = shape), ((this || _global).lvl = level), ((this || _global)._isAnimated = !!shape.k); for (var i$1 = 0, len = transformers.length; i$1 < len; ) { if (transformers[i$1].mProps.dynamicProperties.length) { (this || _global)._isAnimated = !0; break; } i$1 += 1; } } SVGShapeData.prototype.setAsAnimated = function () { (this || _global)._isAnimated = !0; }; function SVGTransformData(mProps, op, container) { ((this || _global).transform = { mProps, op, container }), ((this || _global).elements = []), ((this || _global)._isAnimated = (this || _global).transform.mProps.dynamicProperties.length || (this || _global).transform.op.effectsSequence.length); } function SVGStrokeStyleData(elem, data, styleOb) { this.initDynamicPropertyContainer(elem), ((this || _global).getValue = (this || _global).iterateDynamicProperties), ((this || _global).o = PropertyFactory.getProp(elem, data.o, 0, 0.01, this || _global)), ((this || _global).w = PropertyFactory.getProp(elem, data.w, 0, null, this || _global)), ((this || _global).d = new DashProperty(elem, data.d || {}, `svg`, this || _global)), ((this || _global).c = PropertyFactory.getProp(elem, data.c, 1, 255, this || _global)), ((this || _global).style = styleOb), ((this || _global)._isAnimated = !!(this || _global)._isAnimated); } extendPrototype([DynamicPropertyContainer], SVGStrokeStyleData); function SVGFillStyleData(elem, data, styleOb) { this.initDynamicPropertyContainer(elem), ((this || _global).getValue = (this || _global).iterateDynamicProperties), ((this || _global).o = PropertyFactory.getProp(elem, data.o, 0, 0.01, this || _global)), ((this || _global).c = PropertyFactory.getProp(elem, data.c, 1, 255, this || _global)), ((this || _global).style = styleOb); } extendPrototype([DynamicPropertyContainer], SVGFillStyleData); function SVGGradientFillStyleData(elem, data, styleOb) { this.initDynamicPropertyContainer(elem), ((this || _global).getValue = (this || _global).iterateDynamicProperties), this.initGradientData(elem, data, styleOb); } (SVGGradientFillStyleData.prototype.initGradientData = function (elem, data, styleOb) { ((this || _global).o = PropertyFactory.getProp(elem, data.o, 0, 0.01, this || _global)), ((this || _global).s = PropertyFactory.getProp(elem, data.s, 1, null, this || _global)), ((this || _global).e = PropertyFactory.getProp(elem, data.e, 1, null, this || _global)), ((this || _global).h = PropertyFactory.getProp( elem, data.h || { k: 0 }, 0, 0.01, this || _global )), ((this || _global).a = PropertyFactory.getProp( elem, data.a || { k: 0 }, 0, degToRads, this || _global )), ((this || _global).g = new GradientProperty(elem, data.g, this || _global)), ((this || _global).style = styleOb), ((this || _global).stops = []), this.setGradientData(styleOb.pElem, data), this.setGradientOpacity(data, styleOb), ((this || _global)._isAnimated = !!(this || _global)._isAnimated); }), (SVGGradientFillStyleData.prototype.setGradientData = function (pathElement, data) { var gradientId = createElementID(), gfill = createNS(data.t === 1 ? `linearGradient` : `radialGradient`); gfill.setAttribute(`id`, gradientId), gfill.setAttribute(`spreadMethod`, `pad`), gfill.setAttribute(`gradientUnits`, `userSpaceOnUse`); var stops = [], stop, j$2, jLen; for (jLen = data.g.p * 4, j$2 = 0; j$2 < jLen; j$2 += 4) (stop = createNS(`stop`)), gfill.appendChild(stop), stops.push(stop); pathElement.setAttribute( data.ty === `gf` ? `fill` : `stroke`, `url(` + locationHref + `#` + gradientId + `)` ), ((this || _global).gf = gfill), ((this || _global).cst = stops); }), (SVGGradientFillStyleData.prototype.setGradientOpacity = function (data, styleOb) { if ((this || _global).g._hasOpacity && !(this || _global).g._collapsable) { var stop, j$2, jLen, mask = createNS(`mask`), maskElement = createNS(`path`); mask.appendChild(maskElement); var opacityId = createElementID(), maskId = createElementID(); mask.setAttribute(`id`, maskId); var opFill = createNS(data.t === 1 ? `linearGradient` : `radialGradient`); opFill.setAttribute(`id`, opacityId), opFill.setAttribute(`spreadMethod`, `pad`), opFill.setAttribute(`gradientUnits`, `userSpaceOnUse`), (jLen = data.g.k.k[0].s ? data.g.k.k[0].s.length : data.g.k.k.length); var stops = (this || _global).stops; for (j$2 = data.g.p * 4; j$2 < jLen; j$2 += 2) (stop = createNS(`stop`)), stop.setAttribute(`stop-color`, `rgb(255,255,255)`), opFill.appendChild(stop), stops.push(stop); maskElement.setAttribute( data.ty === `gf` ? `fill` : `stroke`, `url(` + locationHref + `#` + opacityId + `)` ), ((this || _global).of = opFill), ((this || _global).ms = mask), ((this || _global).ost = stops), ((this || _global).maskId = maskId), (styleOb.msElem = maskElement); } }), extendPrototype([DynamicPropertyContainer], SVGGradientFillStyleData); function SVGGradientStrokeStyleData(elem, data, styleOb) { this.initDynamicPropertyContainer(elem), ((this || _global).getValue = (this || _global).iterateDynamicProperties), ((this || _global).w = PropertyFactory.getProp(elem, data.w, 0, null, this || _global)), ((this || _global).d = new DashProperty(elem, data.d || {}, `svg`, this || _global)), this.initGradientData(elem, data, styleOb), ((this || _global)._isAnimated = !!(this || _global)._isAnimated); } extendPrototype([SVGGradientFillStyleData, DynamicPropertyContainer], SVGGradientStrokeStyleData); function ShapeGroupData() { ((this || _global).it = []), ((this || _global).prevViewData = []), ((this || _global).gr = createNS(`g`)); } var SVGElementsRenderer = (function () { var _identityMatrix = new Matrix(), _matrixHelper = new Matrix(), ob = { createRenderFunction }; function createRenderFunction(data) { switch (data.ty) { case `fl`: return renderFill; case `gf`: return renderGradient; case `gs`: return renderGradientStroke; case `st`: return renderStroke; case `sh`: case `el`: case `rc`: case `sr`: return renderPath; case `tr`: return renderContentTransform; default: return null; } } function renderContentTransform(styleData, itemData, isFirstFrame) { (isFirstFrame || itemData.transform.op._mdf) && itemData.transform.container.setAttribute(`opacity`, itemData.transform.op.v), (isFirstFrame || itemData.transform.mProps._mdf) && itemData.transform.container.setAttribute( `transform`, itemData.transform.mProps.v.to2dCSS() ); } function renderPath(styleData, itemData, isFirstFrame) { var j$2, jLen, pathStringTransformed, redraw, pathNodes, l, lLen = itemData.styles.length, lvl = itemData.lvl, paths, mat, props, iterations, k$1; for (l = 0; l < lLen; l += 1) { if (((redraw = itemData.sh._mdf || isFirstFrame), itemData.styles[l].lvl < lvl)) { for ( mat = _matrixHelper.reset(), iterations = lvl - itemData.styles[l].lvl, k$1 = itemData.transformers.length - 1; !redraw && iterations > 0; ) (redraw = itemData.transformers[k$1].mProps._mdf || redraw), --iterations, --k$1; if (redraw) for ( iterations = lvl - itemData.styles[l].lvl, k$1 = itemData.transformers.length - 1; iterations > 0; ) (props = itemData.transformers[k$1].mProps.v.props), mat.transform( props[0], props[1], props[2], props[3], props[4], props[5], props[6], props[7], props[8], props[9], props[10], props[11], props[12], props[13], props[14], props[15] ), --iterations, --k$1; } else mat = _identityMatrix; if (((paths = itemData.sh.paths), (jLen = paths._length), redraw)) { for (pathStringTransformed = ``, j$2 = 0; j$2 < jLen; j$2 += 1) (pathNodes = paths.shapes[j$2]), pathNodes && pathNodes._length && (pathStringTransformed += buildShapeString( pathNodes, pathNodes._length, pathNodes.c, mat )); itemData.caches[l] = pathStringTransformed; } else pathStringTransformed = itemData.caches[l]; (itemData.styles[l].d += styleData.hd === !0 ? `` : pathStringTransformed), (itemData.styles[l]._mdf = redraw || itemData.styles[l]._mdf); } } function renderFill(styleData, itemData, isFirstFrame) { var styleElem = itemData.style; (itemData.c._mdf || isFirstFrame) && styleElem.pElem.setAttribute( `fill`, `rgb(` + bmFloor(itemData.c.v[0]) + `,` + bmFloor(itemData.c.v[1]) + `,` + bmFloor(itemData.c.v[2]) + `)` ), (itemData.o._mdf || isFirstFrame) && styleElem.pElem.setAttribute(`fill-opacity`, itemData.o.v); } function renderGradientStroke(styleData, itemData, isFirstFrame) { renderGradient(styleData, itemData, isFirstFrame), renderStroke(styleData, itemData, isFirstFrame); } function renderGradient(styleData, itemData, isFirstFrame) { var gfill = itemData.gf, hasOpacity = itemData.g._hasOpacity, pt1 = itemData.s.v, pt2 = itemData.e.v; if (itemData.o._mdf || isFirstFrame) { var attr = styleData.ty === `gf` ? `fill-opacity` : `stroke-opacity`; itemData.style.pElem.setAttribute(attr, itemData.o.v); } if (itemData.s._mdf || isFirstFrame) { var attr1 = styleData.t === 1 ? `x1` : `cx`, attr2 = attr1 === `x1` ? `y1` : `cy`; gfill.setAttribute(attr1, pt1[0]), gfill.setAttribute(attr2, pt1[1]), hasOpacity && !itemData.g._collapsable && (itemData.of.setAttribute(attr1, pt1[0]), itemData.of.setAttribute(attr2, pt1[1])); } var stops, i$1, len, stop; if (itemData.g._cmdf || isFirstFrame) { stops = itemData.cst; var cValues = itemData.g.c; for (len = stops.length, i$1 = 0; i$1 < len; i$1 += 1) (stop = stops[i$1]), stop.setAttribute(`offset`, cValues[i$1 * 4] + `%`), stop.setAttribute( `stop-color`, `rgb(` + cValues[i$1 * 4 + 1] + `,` + cValues[i$1 * 4 + 2] + `,` + cValues[i$1 * 4 + 3] + `)` ); } if (hasOpacity && (itemData.g._omdf || isFirstFrame)) { var oValues = itemData.g.o; for ( stops = itemData.g._collapsable ? itemData.cst : itemData.ost, len = stops.length, i$1 = 0; i$1 < len; i$1 += 1 ) (stop = stops[i$1]), itemData.g._collapsable || stop.setAttribute(`offset`, oValues[i$1 * 2] + `%`), stop.setAttribute(`stop-opacity`, oValues[i$1 * 2 + 1]); } if (styleData.t === 1) (itemData.e._mdf || isFirstFrame) && (gfill.setAttribute(`x2`, pt2[0]), gfill.setAttribute(`y2`, pt2[1]), hasOpacity && !itemData.g._collapsable && (itemData.of.setAttribute(`x2`, pt2[0]), itemData.of.setAttribute(`y2`, pt2[1]))); else { var rad; if ( ((itemData.s._mdf || itemData.e._mdf || isFirstFrame) && ((rad = Math.sqrt((pt1[0] - pt2[0]) ** 2 + (pt1[1] - pt2[1]) ** 2)), gfill.setAttribute(`r`, rad), hasOpacity && !itemData.g._collapsable && itemData.of.setAttribute(`r`, rad)), itemData.e._mdf || itemData.h._mdf || itemData.a._mdf || isFirstFrame) ) { rad ||= Math.sqrt((pt1[0] - pt2[0]) ** 2 + (pt1[1] - pt2[1]) ** 2); var ang = Math.atan2(pt2[1] - pt1[1], pt2[0] - pt1[0]), percent = itemData.h.v; percent >= 1 ? (percent = 0.99) : percent <= -1 && (percent = -0.99); var dist = rad * percent, x$1 = Math.cos(ang + itemData.a.v) * dist + pt1[0], y = Math.sin(ang + itemData.a.v) * dist + pt1[1]; gfill.setAttribute(`fx`, x$1), gfill.setAttribute(`fy`, y), hasOpacity && !itemData.g._collapsable && (itemData.of.setAttribute(`fx`, x$1), itemData.of.setAttribute(`fy`, y)); } } } function renderStroke(styleData, itemData, isFirstFrame) { var styleElem = itemData.style, d = itemData.d; d && (d._mdf || isFirstFrame) && d.dashStr && (styleElem.pElem.setAttribute(`stroke-dasharray`, d.dashStr), styleElem.pElem.setAttribute(`stroke-dashoffset`, d.dashoffset[0])), itemData.c && (itemData.c._mdf || isFirstFrame) && styleElem.pElem.setAttribute( `stroke`, `rgb(` + bmFloor(itemData.c.v[0]) + `,` + bmFloor(itemData.c.v[1]) + `,` + bmFloor(itemData.c.v[2]) + `)` ), (itemData.o._mdf || isFirstFrame) && styleElem.pElem.setAttribute(`stroke-opacity`, itemData.o.v), (itemData.w._mdf || isFirstFrame) && (styleElem.pElem.setAttribute(`stroke-width`, itemData.w.v), styleElem.msElem && styleElem.msElem.setAttribute(`stroke-width`, itemData.w.v)); } return ob; })(); function ShapeTransformManager() { ((this || _global).sequences = {}), ((this || _global).sequenceList = []), ((this || _global).transform_key_count = 0); } ShapeTransformManager.prototype = { addTransformSequence: function (transforms) { var i$1, len = transforms.length, key = `_`; for (i$1 = 0; i$1 < len; i$1 += 1) key += transforms[i$1].transform.key + `_`; var sequence = (this || _global).sequences[key]; return ( sequence || ((sequence = { transforms: [].concat(transforms), finalTransform: new Matrix(), _mdf: !1 }), ((this || _global).sequences[key] = sequence), (this || _global).sequenceList.push(sequence)), sequence ); }, processSequence: function (sequence, isFirstFrame) { for ( var i$1 = 0, len = sequence.transforms.length, _mdf = isFirstFrame; i$1 < len && !isFirstFrame; ) { if (sequence.transforms[i$1].transform.mProps._mdf) { _mdf = !0; break; } i$1 += 1; } if (_mdf) { var props; for (sequence.finalTransform.reset(), i$1 = len - 1; i$1 >= 0; --i$1) (props = sequence.transforms[i$1].transform.mProps.v.props), sequence.finalTransform.transform( props[0], props[1], props[2], props[3], props[4], props[5], props[6], props[7], props[8], props[9], props[10], props[11], props[12], props[13], props[14], props[15] ); } sequence._mdf = _mdf; }, processSequences: function (isFirstFrame) { var i$1, len = (this || _global).sequenceList.length; for (i$1 = 0; i$1 < len; i$1 += 1) this.processSequence((this || _global).sequenceList[i$1], isFirstFrame); }, getNewKey: function () { return ( ((this || _global).transform_key_count += 1), `_` + (this || _global).transform_key_count ); } }; function CVShapeData(element, data, styles, transformsManager) { ((this || _global).styledShapes = []), ((this || _global).tr = [0, 0, 0, 0, 0, 0]); var ty = 4; data.ty === `rc` ? (ty = 5) : data.ty === `el` ? (ty = 6) : data.ty === `sr` && (ty = 7), ((this || _global).sh = ShapePropertyFactory.getShapeProp(element, data, ty, element)); var i$1, len = styles.length, styledShape; for (i$1 = 0; i$1 < len; i$1 += 1) styles[i$1].closed || ((styledShape = { transforms: transformsManager.addTransformSequence(styles[i$1].transforms), trNodes: [] }), (this || _global).styledShapes.push(styledShape), styles[i$1].elements.push(styledShape)); } CVShapeData.prototype.setAsAnimated = SVGShapeData.prototype.setAsAnimated; function BaseElement() {} BaseElement.prototype = { checkMasks: function () { if (!(this || _global).data.hasMask) return !1; for (var i$1 = 0, len = (this || _global).data.masksProperties.length; i$1 < len; ) { if ( (this || _global).data.masksProperties[i$1].mode !== `n` && (this || _global).data.masksProperties[i$1].cl !== !1 ) return !0; i$1 += 1; } return !1; }, initExpressions: function () { ((this || _global).layerInterface = LayerExpressionInterface(this || _global)), (this || _global).data.hasMask && (this || _global).maskManager && (this || _global).layerInterface.registerMaskInterface( (this || _global).maskManager ); var effectsInterface = EffectsExpressionInterface.createEffectsInterface( this || _global, (this || _global).layerInterface ); (this || _global).layerInterface.registerEffectsInterface(effectsInterface), (this || _global).data.ty === 0 || (this || _global).data.xt ? ((this || _global).compInterface = CompExpressionInterface(this || _global)) : (this || _global).data.ty === 4 ? (((this || _global).layerInterface.shapeInterface = ShapeExpressionInterface( (this || _global).shapesData, (this || _global).itemsData, (this || _global).layerInterface )), ((this || _global).layerInterface.content = ( this || _global ).layerInterface.shapeInterface)) : (this || _global).data.ty === 5 && (((this || _global).layerInterface.textInterface = TextExpressionInterface( this || _global )), ((this || _global).layerInterface.text = ( this || _global ).layerInterface.textInterface)); }, setBlendMode: function () { var blendModeValue = getBlendMode((this || _global).data.bm), elem = (this || _global).baseElement || (this || _global).layerElement; elem.style[`mix-blend-mode`] = blendModeValue; }, initBaseData: function (data, globalData, comp) { ((this || _global).globalData = globalData), ((this || _global).comp = comp), ((this || _global).data = data), ((this || _global).layerId = createElementID()), (this || _global).data.sr || ((this || _global).data.sr = 1), ((this || _global).effectsManager = new EffectsManager( (this || _global).data, this || _global, (this || _global).dynamicProperties )); }, getType: function () { return (this || _global).type; }, sourceRectAtTime: function () {} }; function NullElement(data, globalData, comp) { this.initFrame(), this.initBaseData(data, globalData, comp), this.initFrame(), this.initTransform(data, globalData, comp), this.initHierarchy(); } (NullElement.prototype.prepareFrame = function (num) { this.prepareProperties(num, !0); }), (NullElement.prototype.renderFrame = function () {}), (NullElement.prototype.getBaseElement = function () { return null; }), (NullElement.prototype.destroy = function () {}), (NullElement.prototype.sourceRectAtTime = function () {}), (NullElement.prototype.hide = function () {}), extendPrototype([BaseElement, TransformElement, HierarchyElement, FrameElement], NullElement); function SVGBaseElement() {} SVGBaseElement.prototype = { initRendererElement: function () { (this || _global).layerElement = createNS(`g`); }, createContainerElements: function () { ((this || _global).matteElement = createNS(`g`)), ((this || _global).transformedElement = (this || _global).layerElement), ((this || _global).maskedElement = (this || _global).layerElement), ((this || _global)._sizeChanged = !1); var layerElementParent = null, filId, fil, gg; if ((this || _global).data.td) { if ((this || _global).data.td == 3 || (this || _global).data.td == 1) { var masker = createNS(`mask`); masker.setAttribute(`id`, (this || _global).layerId), masker.setAttribute( `mask-type`, (this || _global).data.td == 3 ? `luminance` : `alpha` ), masker.appendChild((this || _global).layerElement), (layerElementParent = masker), (this || _global).globalData.defs.appendChild(masker), !featureSupport.maskType && (this || _global).data.td == 1 && (masker.setAttribute(`mask-type`, `luminance`), (filId = createElementID()), (fil = filtersFactory.createFilter(filId)), (this || _global).globalData.defs.appendChild(fil), fil.appendChild(filtersFactory.createAlphaToLuminanceFilter()), (gg = createNS(`g`)), gg.appendChild((this || _global).layerElement), (layerElementParent = gg), masker.appendChild(gg), gg.setAttribute(`filter`, `url(` + locationHref + `#` + filId + `)`)); } else if ((this || _global).data.td == 2) { var maskGroup = createNS(`mask`); maskGroup.setAttribute(`id`, (this || _global).layerId), maskGroup.setAttribute(`mask-type`, `alpha`); var maskGrouper = createNS(`g`); maskGroup.appendChild(maskGrouper), (filId = createElementID()), (fil = filtersFactory.createFilter(filId)); var feCTr = createNS(`feComponentTransfer`); feCTr.setAttribute(`in`, `SourceGraphic`), fil.appendChild(feCTr); var feFunc = createNS(`feFuncA`); feFunc.setAttribute(`type`, `table`), feFunc.setAttribute(`tableValues`, `1.0 0.0`), feCTr.appendChild(feFunc), (this || _global).globalData.defs.appendChild(fil); var alphaRect = createNS(`rect`); alphaRect.setAttribute(`width`, (this || _global).comp.data.w), alphaRect.setAttribute(`height`, (this || _global).comp.data.h), alphaRect.setAttribute(`x`, `0`), alphaRect.setAttribute(`y`, `0`), alphaRect.setAttribute(`fill`, `#ffffff`), alphaRect.setAttribute(`opacity`, `0`), maskGrouper.setAttribute(`filter`, `url(` + locationHref + `#` + filId + `)`), maskGrouper.appendChild(alphaRect), maskGrouper.appendChild((this || _global).layerElement), (layerElementParent = maskGrouper), featureSupport.maskType || (maskGroup.setAttribute(`mask-type`, `luminance`), fil.appendChild(filtersFactory.createAlphaToLuminanceFilter()), (gg = createNS(`g`)), maskGrouper.appendChild(alphaRect), gg.appendChild((this || _global).layerElement), (layerElementParent = gg), maskGrouper.appendChild(gg)), (this || _global).globalData.defs.appendChild(maskGroup); } } else (this || _global).data.tt ? ((this || _global).matteElement.appendChild((this || _global).layerElement), (layerElementParent = (this || _global).matteElement), ((this || _global).baseElement = (this || _global).matteElement)) : ((this || _global).baseElement = (this || _global).layerElement); if ( ((this || _global).data.ln && (this || _global).layerElement.setAttribute(`id`, (this || _global).data.ln), (this || _global).data.cl && (this || _global).layerElement.setAttribute(`class`, (this || _global).data.cl), (this || _global).data.ty === 0 && !(this || _global).data.hd) ) { var cp = createNS(`clipPath`), pt = createNS(`path`); pt.setAttribute( `d`, `M0,0 L` + (this || _global).data.w + `,0 L` + (this || _global).data.w + `,` + (this || _global).data.h + ` L0,` + (this || _global).data.h + `z` ); var clipId = createElementID(); if ( (cp.setAttribute(`id`, clipId), cp.appendChild(pt), (this || _global).globalData.defs.appendChild(cp), this.checkMasks()) ) { var cpGroup = createNS(`g`); cpGroup.setAttribute(`clip-path`, `url(` + locationHref + `#` + clipId + `)`), cpGroup.appendChild((this || _global).layerElement), ((this || _global).transformedElement = cpGroup), layerElementParent ? layerElementParent.appendChild((this || _global).transformedElement) : ((this || _global).baseElement = (this || _global).transformedElement); } else (this || _global).layerElement.setAttribute( `clip-path`, `url(` + locationHref + `#` + clipId + `)` ); } (this || _global).data.bm !== 0 && this.setBlendMode(); }, renderElement: function () { (this || _global).finalTransform._matMdf && (this || _global).transformedElement.setAttribute( `transform`, (this || _global).finalTransform.mat.to2dCSS() ), (this || _global).finalTransform._opMdf && (this || _global).transformedElement.setAttribute( `opacity`, (this || _global).finalTransform.mProp.o.v ); }, destroyBaseElement: function () { ((this || _global).layerElement = null), ((this || _global).matteElement = null), (this || _global).maskManager.destroy(); }, getBaseElement: function () { return (this || _global).data.hd ? null : (this || _global).baseElement; }, createRenderableComponents: function () { ((this || _global).maskManager = new MaskElement( (this || _global).data, this || _global, (this || _global).globalData )), ((this || _global).renderableEffectsManager = new SVGEffects(this || _global)); }, setMatte: function (id) { (this || _global).matteElement && (this || _global).matteElement.setAttribute( `mask`, `url(` + locationHref + `#` + id + `)` ); } }; function IShapeElement() {} IShapeElement.prototype = { addShapeToModifiers: function (data) { var i$1, len = (this || _global).shapeModifiers.length; for (i$1 = 0; i$1 < len; i$1 += 1) (this || _global).shapeModifiers[i$1].addShape(data); }, isShapeInAnimatedModifiers: function (data) { for (var i$1 = 0, len = (this || _global).shapeModifiers.length; i$1 < len; ) if ((this || _global).shapeModifiers[i$1].isAnimatedWithShape(data)) return !0; return !1; }, renderModifiers: function () { if ((this || _global).shapeModifiers.length) { var i$1, len = (this || _global).shapes.length; for (i$1 = 0; i$1 < len; i$1 += 1) (this || _global).shapes[i$1].sh.reset(); len = (this || _global).shapeModifiers.length; var shouldBreakProcess; for ( i$1 = len - 1; i$1 >= 0 && ((shouldBreakProcess = (this || _global).shapeModifiers[i$1].processShapes( (this || _global)._isFirstFrame )), !shouldBreakProcess); --i$1 ); } }, lcEnum: { 1: `butt`, 2: `round`, 3: `square` }, ljEnum: { 1: `miter`, 2: `round`, 3: `bevel` }, searchProcessedElement: function (elem) { for ( var elements = (this || _global).processedElements, i$1 = 0, len = elements.length; i$1 < len; ) { if (elements[i$1].elem === elem) return elements[i$1].pos; i$1 += 1; } return 0; }, addProcessedElement: function (elem, pos) { for (var elements = (this || _global).processedElements, i$1 = elements.length; i$1; ) if ((--i$1, elements[i$1].elem === elem)) { elements[i$1].pos = pos; return; } elements.push(new ProcessedElement(elem, pos)); }, prepareFrame: function (num) { this.prepareRenderableFrame(num), this.prepareProperties(num, (this || _global).isInRange); } }; function ITextElement() {} (ITextElement.prototype.initElement = function (data, globalData, comp) { ((this || _global).lettersChangedFlag = !0), this.initFrame(), this.initBaseData(data, globalData, comp), ((this || _global).textProperty = new TextProperty( this || _global, data.t, (this || _global).dynamicProperties )), ((this || _global).textAnimator = new TextAnimatorProperty( data.t, (this || _global).renderType, this || _global )), this.initTransform(data, globalData, comp), this.initHierarchy(), this.initRenderable(), this.initRendererElement(), this.createContainerElements(), this.createRenderableComponents(), this.createContent(), this.hide(), (this || _global).textAnimator.searchProperties((this || _global).dynamicProperties); }), (ITextElement.prototype.prepareFrame = function (num) { ((this || _global)._mdf = !1), this.prepareRenderableFrame(num), this.prepareProperties(num, (this || _global).isInRange), ((this || _global).textProperty._mdf || (this || _global).textProperty._isFirstFrame) && (this.buildNewText(), ((this || _global).textProperty._isFirstFrame = !1), ((this || _global).textProperty._mdf = !1)); }), (ITextElement.prototype.createPathShape = function (matrixHelper, shapes) { var j$2, jLen = shapes.length, pathNodes, shapeStr = ``; for (j$2 = 0; j$2 < jLen; j$2 += 1) (pathNodes = shapes[j$2].ks.k), (shapeStr += buildShapeString(pathNodes, pathNodes.i.length, !0, matrixHelper)); return shapeStr; }), (ITextElement.prototype.updateDocumentData = function (newData, index$1) { (this || _global).textProperty.updateDocumentData(newData, index$1); }), (ITextElement.prototype.canResizeFont = function (_canResize) { (this || _global).textProperty.canResizeFont(_canResize); }), (ITextElement.prototype.setMinimumFontSize = function (_fontSize) { (this || _global).textProperty.setMinimumFontSize(_fontSize); }), (ITextElement.prototype.applyTextPropertiesToMatrix = function ( documentData, matrixHelper, lineNumber, xPos, yPos ) { switch ( (documentData.ps && matrixHelper.translate( documentData.ps[0], documentData.ps[1] + documentData.ascent, 0 ), matrixHelper.translate(0, -documentData.ls, 0), documentData.j) ) { case 1: matrixHelper.translate( documentData.justifyOffset + (documentData.boxWidth - documentData.lineWidths[lineNumber]), 0, 0 ); break; case 2: matrixHelper.translate( documentData.justifyOffset + (documentData.boxWidth - documentData.lineWidths[lineNumber]) / 2, 0, 0 ); break; default: break; } matrixHelper.translate(xPos, yPos, 0); }), (ITextElement.prototype.buildColor = function (colorData) { return ( `rgb(` + Math.round(colorData[0] * 255) + `,` + Math.round(colorData[1] * 255) + `,` + Math.round(colorData[2] * 255) + `)` ); }), (ITextElement.prototype.emptyProp = new LetterProps()), (ITextElement.prototype.destroy = function () {}); function ICompElement() {} extendPrototype( [BaseElement, TransformElement, HierarchyElement, FrameElement, RenderableDOMElement], ICompElement ), (ICompElement.prototype.initElement = function (data, globalData, comp) { this.initFrame(), this.initBaseData(data, globalData, comp), this.initTransform(data, globalData, comp), this.initRenderable(), this.initHierarchy(), this.initRendererElement(), this.createContainerElements(), this.createRenderableComponents(), ((this || _global).data.xt || !globalData.progressiveLoad) && this.buildAllItems(), this.hide(); }), (ICompElement.prototype.prepareFrame = function (num) { if ( (((this || _global)._mdf = !1), this.prepareRenderableFrame(num), this.prepareProperties(num, (this || _global).isInRange), !(!(this || _global).isInRange && !(this || _global).data.xt)) ) { if ((this || _global).tm._placeholder) (this || _global).renderedFrame = num / (this || _global).data.sr; else { var timeRemapped = (this || _global).tm.v; timeRemapped === (this || _global).data.op && (timeRemapped = (this || _global).data.op - 1), ((this || _global).renderedFrame = timeRemapped); } var i$1, len = (this || _global).elements.length; for ( (this || _global).completeLayers || this.checkLayers((this || _global).renderedFrame), i$1 = len - 1; i$1 >= 0; --i$1 ) ((this || _global).completeLayers || (this || _global).elements[i$1]) && ((this || _global).elements[i$1].prepareFrame( (this || _global).renderedFrame - (this || _global).layers[i$1].st ), (this || _global).elements[i$1]._mdf && ((this || _global)._mdf = !0)); } }), (ICompElement.prototype.renderInnerContent = function () { var i$1, len = (this || _global).layers.length; for (i$1 = 0; i$1 < len; i$1 += 1) ((this || _global).completeLayers || (this || _global).elements[i$1]) && (this || _global).elements[i$1].renderFrame(); }), (ICompElement.prototype.setElements = function (elems) { (this || _global).elements = elems; }), (ICompElement.prototype.getElements = function () { return (this || _global).elements; }), (ICompElement.prototype.destroyElements = function () { var i$1, len = (this || _global).layers.length; for (i$1 = 0; i$1 < len; i$1 += 1) (this || _global).elements[i$1] && (this || _global).elements[i$1].destroy(); }), (ICompElement.prototype.destroy = function () { this.destroyElements(), this.destroyBaseElement(); }); function IImageElement(data, globalData, comp) { ((this || _global).assetData = globalData.getAssetData(data.refId)), this.initElement(data, globalData, comp), ((this || _global).sourceRect = { top: 0, left: 0, width: (this || _global).assetData.w, height: (this || _global).assetData.h }); } extendPrototype( [ BaseElement, TransformElement, SVGBaseElement, HierarchyElement, FrameElement, RenderableDOMElement ], IImageElement ), (IImageElement.prototype.createContent = function () { var assetPath = (this || _global).globalData.getAssetsPath((this || _global).assetData); ((this || _global).innerElem = createNS(`image`)), (this || _global).innerElem.setAttribute(`width`, (this || _global).assetData.w + `px`), (this || _global).innerElem.setAttribute( `height`, (this || _global).assetData.h + `px` ), (this || _global).innerElem.setAttribute( `preserveAspectRatio`, (this || _global).assetData.pr || (this || _global).globalData.renderConfig.imagePreserveAspectRatio ), (this || _global).innerElem.setAttributeNS( `http://www.w3.org/1999/xlink`, `href`, assetPath ), (this || _global).layerElement.appendChild((this || _global).innerElem); }), (IImageElement.prototype.sourceRectAtTime = function () { return (this || _global).sourceRect; }); function ISolidElement(data, globalData, comp) { this.initElement(data, globalData, comp); } extendPrototype([IImageElement], ISolidElement), (ISolidElement.prototype.createContent = function () { var rect = createNS(`rect`); rect.setAttribute(`width`, (this || _global).data.sw), rect.setAttribute(`height`, (this || _global).data.sh), rect.setAttribute(`fill`, (this || _global).data.sc), (this || _global).layerElement.appendChild(rect); }); function AudioElement(data, globalData, comp) { this.initFrame(), this.initRenderable(), ((this || _global).assetData = globalData.getAssetData(data.refId)), this.initBaseData(data, globalData, comp), ((this || _global)._isPlaying = !1), ((this || _global)._canPlay = !1); var assetPath = (this || _global).globalData.getAssetsPath((this || _global).assetData); ((this || _global).audio = (this || _global).globalData.audioController.createAudio(assetPath)), ((this || _global)._currentTime = 0), (this || _global).globalData.audioController.addAudio(this || _global), ((this || _global).tm = data.tm ? PropertyFactory.getProp( this || _global, data.tm, 0, globalData.frameRate, this || _global ) : { _placeholder: !0 }); } (AudioElement.prototype.prepareFrame = function (num) { if ( (this.prepareRenderableFrame(num, !0), this.prepareProperties(num, !0), (this || _global).tm._placeholder) ) (this || _global)._currentTime = num / (this || _global).data.sr; else { var timeRemapped = (this || _global).tm.v; (this || _global)._currentTime = timeRemapped; } }), extendPrototype([RenderableElement, BaseElement, FrameElement], AudioElement), (AudioElement.prototype.renderFrame = function () { (this || _global).isInRange && (this || _global)._canPlay && ((this || _global)._isPlaying ? (!(this || _global).audio.playing() || Math.abs( (this || _global)._currentTime / (this || _global).globalData.frameRate - (this || _global).audio.seek() ) > 0.1) && (this || _global).audio.seek( (this || _global)._currentTime / (this || _global).globalData.frameRate ) : ((this || _global).audio.play(), (this || _global).audio.seek( (this || _global)._currentTime / (this || _global).globalData.frameRate ), ((this || _global)._isPlaying = !0))); }), (AudioElement.prototype.show = function () {}), (AudioElement.prototype.hide = function () { (this || _global).audio.pause(), ((this || _global)._isPlaying = !1); }), (AudioElement.prototype.pause = function () { (this || _global).audio.pause(), ((this || _global)._isPlaying = !1), ((this || _global)._canPlay = !1); }), (AudioElement.prototype.resume = function () { (this || _global)._canPlay = !0; }), (AudioElement.prototype.setRate = function (rateValue) { (this || _global).audio.rate(rateValue); }), (AudioElement.prototype.volume = function (volumeValue) { (this || _global).audio.volume(volumeValue); }), (AudioElement.prototype.getBaseElement = function () { return null; }), (AudioElement.prototype.destroy = function () {}), (AudioElement.prototype.sourceRectAtTime = function () {}), (AudioElement.prototype.initExpressions = function () {}); function FootageElement(data, globalData, comp) { this.initFrame(), this.initRenderable(), ((this || _global).assetData = globalData.getAssetData(data.refId)), ((this || _global).footageData = globalData.imageLoader.getAsset( (this || _global).assetData )), this.initBaseData(data, globalData, comp); } (FootageElement.prototype.prepareFrame = function () {}), extendPrototype([RenderableElement, BaseElement, FrameElement], FootageElement), (FootageElement.prototype.getBaseElement = function () { return null; }), (FootageElement.prototype.renderFrame = function () {}), (FootageElement.prototype.destroy = function () {}), (FootageElement.prototype.initExpressions = function () { (this || _global).layerInterface = FootageInterface(this || _global); }), (FootageElement.prototype.getFootageData = function () { return (this || _global).footageData; }); function SVGCompElement(data, globalData, comp) { ((this || _global).layers = data.layers), ((this || _global).supports3d = !0), ((this || _global).completeLayers = !1), ((this || _global).pendingElements = []), ((this || _global).elements = (this || _global).layers ? createSizedArray((this || _global).layers.length) : []), this.initElement(data, globalData, comp), ((this || _global).tm = data.tm ? PropertyFactory.getProp( this || _global, data.tm, 0, globalData.frameRate, this || _global ) : { _placeholder: !0 }); } extendPrototype([SVGRenderer, ICompElement, SVGBaseElement], SVGCompElement); function SVGTextLottieElement(data, globalData, comp) { ((this || _global).textSpans = []), ((this || _global).renderType = `svg`), this.initElement(data, globalData, comp); } extendPrototype( [ BaseElement, TransformElement, SVGBaseElement, HierarchyElement, FrameElement, RenderableDOMElement, ITextElement ], SVGTextLottieElement ), (SVGTextLottieElement.prototype.createContent = function () { (this || _global).data.singleShape && !(this || _global).globalData.fontManager.chars && ((this || _global).textContainer = createNS(`text`)); }), (SVGTextLottieElement.prototype.buildTextContents = function (textArray) { for ( var i$1 = 0, len = textArray.length, textContents = [], currentTextContent = ``; i$1 < len; ) textArray[i$1] === `\r` || textArray[i$1] === `` ? (textContents.push(currentTextContent), (currentTextContent = ``)) : (currentTextContent += textArray[i$1]), (i$1 += 1); return textContents.push(currentTextContent), textContents; }), (SVGTextLottieElement.prototype.buildNewText = function () { var i$1, len, documentData = (this || _global).textProperty.currentData; ((this || _global).renderedLetters = createSizedArray( documentData ? documentData.l.length : 0 )), documentData.fc ? (this || _global).layerElement.setAttribute( `fill`, this.buildColor(documentData.fc) ) : (this || _global).layerElement.setAttribute(`fill`, `rgba(0,0,0,0)`), documentData.sc && ((this || _global).layerElement.setAttribute( `stroke`, this.buildColor(documentData.sc) ), (this || _global).layerElement.setAttribute(`stroke-width`, documentData.sw)), (this || _global).layerElement.setAttribute(`font-size`, documentData.finalSize); var fontData = (this || _global).globalData.fontManager.getFontByName(documentData.f); if (fontData.fClass) (this || _global).layerElement.setAttribute(`class`, fontData.fClass); else { (this || _global).layerElement.setAttribute(`font-family`, fontData.fFamily); var fWeight = documentData.fWeight, fStyle = documentData.fStyle; (this || _global).layerElement.setAttribute(`font-style`, fStyle), (this || _global).layerElement.setAttribute(`font-weight`, fWeight); } (this || _global).layerElement.setAttribute(`aria-label`, documentData.t); var letters = documentData.l || [], usesGlyphs = !!(this || _global).globalData.fontManager.chars; len = letters.length; var tSpan, matrixHelper = (this || _global).mHelper, shapes, shapeStr = ``, singleShape = (this || _global).data.singleShape, xPos = 0, yPos = 0, firstLine = !0, trackingOffset = documentData.tr * 0.001 * documentData.finalSize; if (singleShape && !usesGlyphs && !documentData.sz) { var tElement = (this || _global).textContainer, justify = `start`; switch (documentData.j) { case 1: justify = `end`; break; case 2: justify = `middle`; break; default: justify = `start`; break; } tElement.setAttribute(`text-anchor`, justify), tElement.setAttribute(`letter-spacing`, trackingOffset); var textContent = this.buildTextContents(documentData.finalText); for ( len = textContent.length, yPos = documentData.ps ? documentData.ps[1] + documentData.ascent : 0, i$1 = 0; i$1 < len; i$1 += 1 ) (tSpan = (this || _global).textSpans[i$1] || createNS(`tspan`)), (tSpan.textContent = textContent[i$1]), tSpan.setAttribute(`x`, 0), tSpan.setAttribute(`y`, yPos), (tSpan.style.display = `inherit`), tElement.appendChild(tSpan), ((this || _global).textSpans[i$1] = tSpan), (yPos += documentData.finalLineHeight); (this || _global).layerElement.appendChild(tElement); } else { var cachedSpansLength = (this || _global).textSpans.length, shapeData, charData; for (i$1 = 0; i$1 < len; i$1 += 1) (!usesGlyphs || !singleShape || i$1 === 0) && ((tSpan = cachedSpansLength > i$1 ? (this || _global).textSpans[i$1] : createNS(usesGlyphs ? `path` : `text`)), cachedSpansLength <= i$1 && (tSpan.setAttribute(`stroke-linecap`, `butt`), tSpan.setAttribute(`stroke-linejoin`, `round`), tSpan.setAttribute(`stroke-miterlimit`, `4`), ((this || _global).textSpans[i$1] = tSpan), (this || _global).layerElement.appendChild(tSpan)), (tSpan.style.display = `inherit`)), matrixHelper.reset(), matrixHelper.scale(documentData.finalSize / 100, documentData.finalSize / 100), singleShape && (letters[i$1].n && ((xPos = -trackingOffset), (yPos += documentData.yOffset), (yPos += firstLine ? 1 : 0), (firstLine = !1)), this.applyTextPropertiesToMatrix( documentData, matrixHelper, letters[i$1].line, xPos, yPos ), (xPos += letters[i$1].l || 0), (xPos += trackingOffset)), usesGlyphs ? ((charData = (this || _global).globalData.fontManager.getCharData( documentData.finalText[i$1], fontData.fStyle, (this || _global).globalData.fontManager.getFontByName(documentData.f) .fFamily )), (shapeData = (charData && charData.data) || {}), (shapes = shapeData.shapes ? shapeData.shapes[0].it : []), singleShape ? (shapeStr += this.createPathShape(matrixHelper, shapes)) : tSpan.setAttribute(`d`, this.createPathShape(matrixHelper, shapes))) : (singleShape && tSpan.setAttribute( `transform`, `translate(` + matrixHelper.props[12] + `,` + matrixHelper.props[13] + `)` ), (tSpan.textContent = letters[i$1].val), tSpan.setAttributeNS( `http://www.w3.org/XML/1998/namespace`, `xml:space`, `preserve` )); singleShape && tSpan && tSpan.setAttribute(`d`, shapeStr); } for (; i$1 < (this || _global).textSpans.length; ) ((this || _global).textSpans[i$1].style.display = `none`), (i$1 += 1); (this || _global)._sizeChanged = !0; }), (SVGTextLottieElement.prototype.sourceRectAtTime = function () { if ( (this.prepareFrame((this || _global).comp.renderedFrame - (this || _global).data.st), this.renderInnerContent(), (this || _global)._sizeChanged) ) { (this || _global)._sizeChanged = !1; var textBox = (this || _global).layerElement.getBBox(); (this || _global).bbox = { top: textBox.y, left: textBox.x, width: textBox.width, height: textBox.height }; } return (this || _global).bbox; }), (SVGTextLottieElement.prototype.renderInnerContent = function () { if ( !(this || _global).data.singleShape && ((this || _global).textAnimator.getMeasures( (this || _global).textProperty.currentData, (this || _global).lettersChangedFlag ), (this || _global).lettersChangedFlag || (this || _global).textAnimator.lettersChangedFlag) ) { (this || _global)._sizeChanged = !0; var i$1, len, renderedLetters = (this || _global).textAnimator.renderedLetters, letters = (this || _global).textProperty.currentData.l; len = letters.length; var renderedLetter, textSpan; for (i$1 = 0; i$1 < len; i$1 += 1) letters[i$1].n || ((renderedLetter = renderedLetters[i$1]), (textSpan = (this || _global).textSpans[i$1]), renderedLetter._mdf.m && textSpan.setAttribute(`transform`, renderedLetter.m), renderedLetter._mdf.o && textSpan.setAttribute(`opacity`, renderedLetter.o), renderedLetter._mdf.sw && textSpan.setAttribute(`stroke-width`, renderedLetter.sw), renderedLetter._mdf.sc && textSpan.setAttribute(`stroke`, renderedLetter.sc), renderedLetter._mdf.fc && textSpan.setAttribute(`fill`, renderedLetter.fc)); } }); function SVGShapeElement(data, globalData, comp) { ((this || _global).shapes = []), ((this || _global).shapesData = data.shapes), ((this || _global).stylesList = []), ((this || _global).shapeModifiers = []), ((this || _global).itemsData = []), ((this || _global).processedElements = []), ((this || _global).animatedContents = []), this.initElement(data, globalData, comp), ((this || _global).prevViewData = []); } extendPrototype( [ BaseElement, TransformElement, SVGBaseElement, IShapeElement, HierarchyElement, FrameElement, RenderableDOMElement ], SVGShapeElement ), (SVGShapeElement.prototype.initSecondaryElement = function () {}), (SVGShapeElement.prototype.identityMatrix = new Matrix()), (SVGShapeElement.prototype.buildExpressionInterface = function () {}), (SVGShapeElement.prototype.createContent = function () { this.searchShapes( (this || _global).shapesData, (this || _global).itemsData, (this || _global).prevViewData, (this || _global).layerElement, 0, [], !0 ), this.filterUniqueShapes(); }), (SVGShapeElement.prototype.filterUniqueShapes = function () { var i$1, len = (this || _global).shapes.length, shape, j$2, jLen = (this || _global).stylesList.length, style, tempShapes = [], areAnimated = !1; for (j$2 = 0; j$2 < jLen; j$2 += 1) { for ( style = (this || _global).stylesList[j$2], areAnimated = !1, tempShapes.length = 0, i$1 = 0; i$1 < len; i$1 += 1 ) (shape = (this || _global).shapes[i$1]), shape.styles.indexOf(style) !== -1 && (tempShapes.push(shape), (areAnimated = shape._isAnimated || areAnimated)); tempShapes.length > 1 && areAnimated && this.setShapesAsAnimated(tempShapes); } }), (SVGShapeElement.prototype.setShapesAsAnimated = function (shapes) { var i$1, len = shapes.length; for (i$1 = 0; i$1 < len; i$1 += 1) shapes[i$1].setAsAnimated(); }), (SVGShapeElement.prototype.createStyleElement = function (data, level) { var elementData, styleOb = new SVGStyleData(data, level), pathElement = styleOb.pElem; if (data.ty === `st`) elementData = new SVGStrokeStyleData(this || _global, data, styleOb); else if (data.ty === `fl`) elementData = new SVGFillStyleData(this || _global, data, styleOb); else if (data.ty === `gf` || data.ty === `gs`) { var GradientConstructor = data.ty === `gf` ? SVGGradientFillStyleData : SVGGradientStrokeStyleData; (elementData = new GradientConstructor(this || _global, data, styleOb)), (this || _global).globalData.defs.appendChild(elementData.gf), elementData.maskId && ((this || _global).globalData.defs.appendChild(elementData.ms), (this || _global).globalData.defs.appendChild(elementData.of), pathElement.setAttribute( `mask`, `url(` + locationHref + `#` + elementData.maskId + `)` )); } return ( (data.ty === `st` || data.ty === `gs`) && (pathElement.setAttribute( `stroke-linecap`, (this || _global).lcEnum[data.lc] || `round` ), pathElement.setAttribute( `stroke-linejoin`, (this || _global).ljEnum[data.lj] || `round` ), pathElement.setAttribute(`fill-opacity`, `0`), data.lj === 1 && pathElement.setAttribute(`stroke-miterlimit`, data.ml)), data.r === 2 && pathElement.setAttribute(`fill-rule`, `evenodd`), data.ln && pathElement.setAttribute(`id`, data.ln), data.cl && pathElement.setAttribute(`class`, data.cl), data.bm && (pathElement.style[`mix-blend-mode`] = getBlendMode(data.bm)), (this || _global).stylesList.push(styleOb), this.addToAnimatedContents(data, elementData), elementData ); }), (SVGShapeElement.prototype.createGroupElement = function (data) { var elementData = new ShapeGroupData(); return ( data.ln && elementData.gr.setAttribute(`id`, data.ln), data.cl && elementData.gr.setAttribute(`class`, data.cl), data.bm && (elementData.gr.style[`mix-blend-mode`] = getBlendMode(data.bm)), elementData ); }), (SVGShapeElement.prototype.createTransformElement = function (data, container) { var transformProperty = TransformPropertyFactory.getTransformProperty( this || _global, data, this || _global ), elementData = new SVGTransformData(transformProperty, transformProperty.o, container); return this.addToAnimatedContents(data, elementData), elementData; }), (SVGShapeElement.prototype.createShapeElement = function (data, ownTransformers, level) { var ty = 4; data.ty === `rc` ? (ty = 5) : data.ty === `el` ? (ty = 6) : data.ty === `sr` && (ty = 7); var shapeProperty = ShapePropertyFactory.getShapeProp( this || _global, data, ty, this || _global ), elementData = new SVGShapeData(ownTransformers, level, shapeProperty); return ( (this || _global).shapes.push(elementData), this.addShapeToModifiers(elementData), this.addToAnimatedContents(data, elementData), elementData ); }), (SVGShapeElement.prototype.addToAnimatedContents = function (data, element) { for (var i$1 = 0, len = (this || _global).animatedContents.length; i$1 < len; ) { if ((this || _global).animatedContents[i$1].element === element) return; i$1 += 1; } (this || _global).animatedContents.push({ fn: SVGElementsRenderer.createRenderFunction(data), element, data }); }), (SVGShapeElement.prototype.setElementStyles = function (elementData) { var arr = elementData.styles, j$2, jLen = (this || _global).stylesList.length; for (j$2 = 0; j$2 < jLen; j$2 += 1) (this || _global).stylesList[j$2].closed || arr.push((this || _global).stylesList[j$2]); }), (SVGShapeElement.prototype.reloadShapes = function () { (this || _global)._isFirstFrame = !0; var i$1, len = (this || _global).itemsData.length; for (i$1 = 0; i$1 < len; i$1 += 1) (this || _global).prevViewData[i$1] = (this || _global).itemsData[i$1]; for ( this.searchShapes( (this || _global).shapesData, (this || _global).itemsData, (this || _global).prevViewData, (this || _global).layerElement, 0, [], !0 ), this.filterUniqueShapes(), len = (this || _global).dynamicProperties.length, i$1 = 0; i$1 < len; i$1 += 1 ) (this || _global).dynamicProperties[i$1].getValue(); this.renderModifiers(); }), (SVGShapeElement.prototype.searchShapes = function ( arr, itemsData, prevViewData, container, level, transformers, render ) { var ownTransformers = [].concat(transformers), i$1, len = arr.length - 1, j$2, jLen, ownStyles = [], ownModifiers = [], currentTransform, modifier, processedPos; for (i$1 = len; i$1 >= 0; --i$1) { if ( ((processedPos = this.searchProcessedElement(arr[i$1])), processedPos ? (itemsData[i$1] = prevViewData[processedPos - 1]) : (arr[i$1]._render = render), arr[i$1].ty === `fl` || arr[i$1].ty === `st` || arr[i$1].ty === `gf` || arr[i$1].ty === `gs`) ) processedPos ? (itemsData[i$1].style.closed = !1) : (itemsData[i$1] = this.createStyleElement(arr[i$1], level)), arr[i$1]._render && container.appendChild(itemsData[i$1].style.pElem), ownStyles.push(itemsData[i$1].style); else if (arr[i$1].ty === `gr`) { if (!processedPos) itemsData[i$1] = this.createGroupElement(arr[i$1]); else for (jLen = itemsData[i$1].it.length, j$2 = 0; j$2 < jLen; j$2 += 1) itemsData[i$1].prevViewData[j$2] = itemsData[i$1].it[j$2]; this.searchShapes( arr[i$1].it, itemsData[i$1].it, itemsData[i$1].prevViewData, itemsData[i$1].gr, level + 1, ownTransformers, render ), arr[i$1]._render && container.appendChild(itemsData[i$1].gr); } else arr[i$1].ty === `tr` ? (processedPos || (itemsData[i$1] = this.createTransformElement(arr[i$1], container)), (currentTransform = itemsData[i$1].transform), ownTransformers.push(currentTransform)) : arr[i$1].ty === `sh` || arr[i$1].ty === `rc` || arr[i$1].ty === `el` || arr[i$1].ty === `sr` ? (processedPos || (itemsData[i$1] = this.createShapeElement( arr[i$1], ownTransformers, level )), this.setElementStyles(itemsData[i$1])) : arr[i$1].ty === `tm` || arr[i$1].ty === `rd` || arr[i$1].ty === `ms` || arr[i$1].ty === `pb` ? (processedPos ? ((modifier = itemsData[i$1]), (modifier.closed = !1)) : ((modifier = ShapeModifiers.getModifier(arr[i$1].ty)), modifier.init(this || _global, arr[i$1]), (itemsData[i$1] = modifier), (this || _global).shapeModifiers.push(modifier)), ownModifiers.push(modifier)) : arr[i$1].ty === `rp` && (processedPos ? ((modifier = itemsData[i$1]), (modifier.closed = !0)) : ((modifier = ShapeModifiers.getModifier(arr[i$1].ty)), (itemsData[i$1] = modifier), modifier.init(this || _global, arr, i$1, itemsData), (this || _global).shapeModifiers.push(modifier), (render = !1)), ownModifiers.push(modifier)); this.addProcessedElement(arr[i$1], i$1 + 1); } for (len = ownStyles.length, i$1 = 0; i$1 < len; i$1 += 1) ownStyles[i$1].closed = !0; for (len = ownModifiers.length, i$1 = 0; i$1 < len; i$1 += 1) ownModifiers[i$1].closed = !0; }), (SVGShapeElement.prototype.renderInnerContent = function () { this.renderModifiers(); var i$1, len = (this || _global).stylesList.length; for (i$1 = 0; i$1 < len; i$1 += 1) (this || _global).stylesList[i$1].reset(); for (this.renderShape(), i$1 = 0; i$1 < len; i$1 += 1) ((this || _global).stylesList[i$1]._mdf || (this || _global)._isFirstFrame) && ((this || _global).stylesList[i$1].msElem && ((this || _global).stylesList[i$1].msElem.setAttribute( `d`, (this || _global).stylesList[i$1].d ), ((this || _global).stylesList[i$1].d = `M0 0` + (this || _global).stylesList[i$1].d)), (this || _global).stylesList[i$1].pElem.setAttribute( `d`, (this || _global).stylesList[i$1].d || `M0 0` )); }), (SVGShapeElement.prototype.renderShape = function () { var i$1, len = (this || _global).animatedContents.length, animatedContent; for (i$1 = 0; i$1 < len; i$1 += 1) (animatedContent = (this || _global).animatedContents[i$1]), ((this || _global)._isFirstFrame || animatedContent.element._isAnimated) && animatedContent.data !== !0 && animatedContent.fn( animatedContent.data, animatedContent.element, (this || _global)._isFirstFrame ); }), (SVGShapeElement.prototype.destroy = function () { this.destroyBaseElement(), ((this || _global).shapesData = null), ((this || _global).itemsData = null); }); function SVGTintFilter(filter, filterManager) { (this || _global).filterManager = filterManager; var feColorMatrix = createNS(`feColorMatrix`); if ( (feColorMatrix.setAttribute(`type`, `matrix`), feColorMatrix.setAttribute(`color-interpolation-filters`, `linearRGB`), feColorMatrix.setAttribute( `values`, `0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0` ), feColorMatrix.setAttribute(`result`, `f1`), filter.appendChild(feColorMatrix), (feColorMatrix = createNS(`feColorMatrix`)), feColorMatrix.setAttribute(`type`, `matrix`), feColorMatrix.setAttribute(`color-interpolation-filters`, `sRGB`), feColorMatrix.setAttribute(`values`, `1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0`), feColorMatrix.setAttribute(`result`, `f2`), filter.appendChild(feColorMatrix), ((this || _global).matrixFilter = feColorMatrix), filterManager.effectElements[2].p.v !== 100 || filterManager.effectElements[2].p.k) ) { var feMerge = createNS(`feMerge`); filter.appendChild(feMerge); var feMergeNode; (feMergeNode = createNS(`feMergeNode`)), feMergeNode.setAttribute(`in`, `SourceGraphic`), feMerge.appendChild(feMergeNode), (feMergeNode = createNS(`feMergeNode`)), feMergeNode.setAttribute(`in`, `f2`), feMerge.appendChild(feMergeNode); } } SVGTintFilter.prototype.renderFrame = function (forceRender) { if (forceRender || (this || _global).filterManager._mdf) { var colorBlack = (this || _global).filterManager.effectElements[0].p.v, colorWhite = (this || _global).filterManager.effectElements[1].p.v, opacity = (this || _global).filterManager.effectElements[2].p.v / 100; (this || _global).matrixFilter.setAttribute( `values`, colorWhite[0] - colorBlack[0] + ` 0 0 0 ` + colorBlack[0] + ` ` + (colorWhite[1] - colorBlack[1]) + ` 0 0 0 ` + colorBlack[1] + ` ` + (colorWhite[2] - colorBlack[2]) + ` 0 0 0 ` + colorBlack[2] + ` 0 0 0 ` + opacity + ` 0` ); } }; function SVGFillFilter(filter, filterManager) { (this || _global).filterManager = filterManager; var feColorMatrix = createNS(`feColorMatrix`); feColorMatrix.setAttribute(`type`, `matrix`), feColorMatrix.setAttribute(`color-interpolation-filters`, `sRGB`), feColorMatrix.setAttribute(`values`, `1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0`), filter.appendChild(feColorMatrix), ((this || _global).matrixFilter = feColorMatrix); } SVGFillFilter.prototype.renderFrame = function (forceRender) { if (forceRender || (this || _global).filterManager._mdf) { var color = (this || _global).filterManager.effectElements[2].p.v, opacity = (this || _global).filterManager.effectElements[6].p.v; (this || _global).matrixFilter.setAttribute( `values`, `0 0 0 0 ` + color[0] + ` 0 0 0 0 ` + color[1] + ` 0 0 0 0 ` + color[2] + ` 0 0 0 ` + opacity + ` 0` ); } }; function SVGGaussianBlurEffect(filter, filterManager) { filter.setAttribute(`x`, `-100%`), filter.setAttribute(`y`, `-100%`), filter.setAttribute(`width`, `300%`), filter.setAttribute(`height`, `300%`), ((this || _global).filterManager = filterManager); var feGaussianBlur = createNS(`feGaussianBlur`); filter.appendChild(feGaussianBlur), ((this || _global).feGaussianBlur = feGaussianBlur); } SVGGaussianBlurEffect.prototype.renderFrame = function (forceRender) { if (forceRender || (this || _global).filterManager._mdf) { var kBlurrinessToSigma = 0.3, sigma = (this || _global).filterManager.effectElements[0].p.v * kBlurrinessToSigma, dimensions = (this || _global).filterManager.effectElements[1].p.v, sigmaX = dimensions == 3 ? 0 : sigma, sigmaY = dimensions == 2 ? 0 : sigma; (this || _global).feGaussianBlur.setAttribute(`stdDeviation`, sigmaX + ` ` + sigmaY); var edgeMode = (this || _global).filterManager.effectElements[2].p.v == 1 ? `wrap` : `duplicate`; (this || _global).feGaussianBlur.setAttribute(`edgeMode`, edgeMode); } }; function SVGStrokeEffect(elem, filterManager) { ((this || _global).initialized = !1), ((this || _global).filterManager = filterManager), ((this || _global).elem = elem), ((this || _global).paths = []); } (SVGStrokeEffect.prototype.initialize = function () { var elemChildren = (this || _global).elem.layerElement.children || (this || _global).elem.layerElement.childNodes, path, groupPath, i$1, len; for ( (this || _global).filterManager.effectElements[1].p.v === 1 ? ((len = (this || _global).elem.maskManager.masksProperties.length), (i$1 = 0)) : ((i$1 = (this || _global).filterManager.effectElements[0].p.v - 1), (len = i$1 + 1)), groupPath = createNS(`g`), groupPath.setAttribute(`fill`, `none`), groupPath.setAttribute(`stroke-linecap`, `round`), groupPath.setAttribute(`stroke-dashoffset`, 1); i$1 < len; i$1 += 1 ) (path = createNS(`path`)), groupPath.appendChild(path), (this || _global).paths.push({ p: path, m: i$1 }); if ((this || _global).filterManager.effectElements[10].p.v === 3) { var mask = createNS(`mask`), id = createElementID(); mask.setAttribute(`id`, id), mask.setAttribute(`mask-type`, `alpha`), mask.appendChild(groupPath), (this || _global).elem.globalData.defs.appendChild(mask); var g = createNS(`g`); for (g.setAttribute(`mask`, `url(` + locationHref + `#` + id + `)`); elemChildren[0]; ) g.appendChild(elemChildren[0]); (this || _global).elem.layerElement.appendChild(g), ((this || _global).masker = mask), groupPath.setAttribute(`stroke`, `#fff`); } else if ( (this || _global).filterManager.effectElements[10].p.v === 1 || (this || _global).filterManager.effectElements[10].p.v === 2 ) { if ((this || _global).filterManager.effectElements[10].p.v === 2) for ( elemChildren = (this || _global).elem.layerElement.children || (this || _global).elem.layerElement.childNodes; elemChildren.length; ) (this || _global).elem.layerElement.removeChild(elemChildren[0]); (this || _global).elem.layerElement.appendChild(groupPath), (this || _global).elem.layerElement.removeAttribute(`mask`), groupPath.setAttribute(`stroke`, `#fff`); } ((this || _global).initialized = !0), ((this || _global).pathMasker = groupPath); }), (SVGStrokeEffect.prototype.renderFrame = function (forceRender) { (this || _global).initialized || this.initialize(); var i$1, len = (this || _global).paths.length, mask, path; for (i$1 = 0; i$1 < len; i$1 += 1) if ( (this || _global).paths[i$1].m !== -1 && ((mask = (this || _global).elem.maskManager.viewData[ (this || _global).paths[i$1].m ]), (path = (this || _global).paths[i$1].p), (forceRender || (this || _global).filterManager._mdf || mask.prop._mdf) && path.setAttribute(`d`, mask.lastPath), forceRender || (this || _global).filterManager.effectElements[9].p._mdf || (this || _global).filterManager.effectElements[4].p._mdf || (this || _global).filterManager.effectElements[7].p._mdf || (this || _global).filterManager.effectElements[8].p._mdf || mask.prop._mdf) ) { var dasharrayValue; if ( (this || _global).filterManager.effectElements[7].p.v !== 0 || (this || _global).filterManager.effectElements[8].p.v !== 100 ) { var s$1 = Math.min( (this || _global).filterManager.effectElements[7].p.v, (this || _global).filterManager.effectElements[8].p.v ) * 0.01, e$3 = Math.max( (this || _global).filterManager.effectElements[7].p.v, (this || _global).filterManager.effectElements[8].p.v ) * 0.01, l = path.getTotalLength(); dasharrayValue = `0 0 0 ` + l * s$1 + ` `; var lineLength = l * (e$3 - s$1), segment = 1 + (this || _global).filterManager.effectElements[4].p.v * 2 * (this || _global).filterManager.effectElements[9].p.v * 0.01, units = Math.floor(lineLength / segment), j$2; for (j$2 = 0; j$2 < units; j$2 += 1) dasharrayValue += `1 ` + (this || _global).filterManager.effectElements[4].p.v * 2 * (this || _global).filterManager.effectElements[9].p.v * 0.01 + ` `; dasharrayValue += `0 ` + l * 10 + ` 0 0`; } else dasharrayValue = `1 ` + (this || _global).filterManager.effectElements[4].p.v * 2 * (this || _global).filterManager.effectElements[9].p.v * 0.01; path.setAttribute(`stroke-dasharray`, dasharrayValue); } if ( ((forceRender || (this || _global).filterManager.effectElements[4].p._mdf) && (this || _global).pathMasker.setAttribute( `stroke-width`, (this || _global).filterManager.effectElements[4].p.v * 2 ), (forceRender || (this || _global).filterManager.effectElements[6].p._mdf) && (this || _global).pathMasker.setAttribute( `opacity`, (this || _global).filterManager.effectElements[6].p.v ), ((this || _global).filterManager.effectElements[10].p.v === 1 || (this || _global).filterManager.effectElements[10].p.v === 2) && (forceRender || (this || _global).filterManager.effectElements[3].p._mdf)) ) { var color = (this || _global).filterManager.effectElements[3].p.v; (this || _global).pathMasker.setAttribute( `stroke`, `rgb(` + bmFloor(color[0] * 255) + `,` + bmFloor(color[1] * 255) + `,` + bmFloor(color[2] * 255) + `)` ); } }); function SVGTritoneFilter(filter, filterManager) { (this || _global).filterManager = filterManager; var feColorMatrix = createNS(`feColorMatrix`); feColorMatrix.setAttribute(`type`, `matrix`), feColorMatrix.setAttribute(`color-interpolation-filters`, `linearRGB`), feColorMatrix.setAttribute( `values`, `0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0` ), feColorMatrix.setAttribute(`result`, `f1`), filter.appendChild(feColorMatrix); var feComponentTransfer = createNS(`feComponentTransfer`); feComponentTransfer.setAttribute(`color-interpolation-filters`, `sRGB`), filter.appendChild(feComponentTransfer), ((this || _global).matrixFilter = feComponentTransfer); var feFuncR = createNS(`feFuncR`); feFuncR.setAttribute(`type`, `table`), feComponentTransfer.appendChild(feFuncR), ((this || _global).feFuncR = feFuncR); var feFuncG = createNS(`feFuncG`); feFuncG.setAttribute(`type`, `table`), feComponentTransfer.appendChild(feFuncG), ((this || _global).feFuncG = feFuncG); var feFuncB = createNS(`feFuncB`); feFuncB.setAttribute(`type`, `table`), feComponentTransfer.appendChild(feFuncB), ((this || _global).feFuncB = feFuncB); } SVGTritoneFilter.prototype.renderFrame = function (forceRender) { if (forceRender || (this || _global).filterManager._mdf) { var color1 = (this || _global).filterManager.effectElements[0].p.v, color2 = (this || _global).filterManager.effectElements[1].p.v, color3 = (this || _global).filterManager.effectElements[2].p.v, tableR = color3[0] + ` ` + color2[0] + ` ` + color1[0], tableG = color3[1] + ` ` + color2[1] + ` ` + color1[1], tableB = color3[2] + ` ` + color2[2] + ` ` + color1[2]; (this || _global).feFuncR.setAttribute(`tableValues`, tableR), (this || _global).feFuncG.setAttribute(`tableValues`, tableG), (this || _global).feFuncB.setAttribute(`tableValues`, tableB); } }; function SVGProLevelsFilter(filter, filterManager) { (this || _global).filterManager = filterManager; var effectElements = (this || _global).filterManager.effectElements, feComponentTransfer = createNS(`feComponentTransfer`); (effectElements[10].p.k || effectElements[10].p.v !== 0 || effectElements[11].p.k || effectElements[11].p.v !== 1 || effectElements[12].p.k || effectElements[12].p.v !== 1 || effectElements[13].p.k || effectElements[13].p.v !== 0 || effectElements[14].p.k || effectElements[14].p.v !== 1) && ((this || _global).feFuncR = this.createFeFunc(`feFuncR`, feComponentTransfer)), (effectElements[17].p.k || effectElements[17].p.v !== 0 || effectElements[18].p.k || effectElements[18].p.v !== 1 || effectElements[19].p.k || effectElements[19].p.v !== 1 || effectElements[20].p.k || effectElements[20].p.v !== 0 || effectElements[21].p.k || effectElements[21].p.v !== 1) && ((this || _global).feFuncG = this.createFeFunc(`feFuncG`, feComponentTransfer)), (effectElements[24].p.k || effectElements[24].p.v !== 0 || effectElements[25].p.k || effectElements[25].p.v !== 1 || effectElements[26].p.k || effectElements[26].p.v !== 1 || effectElements[27].p.k || effectElements[27].p.v !== 0 || effectElements[28].p.k || effectElements[28].p.v !== 1) && ((this || _global).feFuncB = this.createFeFunc(`feFuncB`, feComponentTransfer)), (effectElements[31].p.k || effectElements[31].p.v !== 0 || effectElements[32].p.k || effectElements[32].p.v !== 1 || effectElements[33].p.k || effectElements[33].p.v !== 1 || effectElements[34].p.k || effectElements[34].p.v !== 0 || effectElements[35].p.k || effectElements[35].p.v !== 1) && ((this || _global).feFuncA = this.createFeFunc(`feFuncA`, feComponentTransfer)), ((this || _global).feFuncR || (this || _global).feFuncG || (this || _global).feFuncB || (this || _global).feFuncA) && (feComponentTransfer.setAttribute(`color-interpolation-filters`, `sRGB`), filter.appendChild(feComponentTransfer), (feComponentTransfer = createNS(`feComponentTransfer`))), (effectElements[3].p.k || effectElements[3].p.v !== 0 || effectElements[4].p.k || effectElements[4].p.v !== 1 || effectElements[5].p.k || effectElements[5].p.v !== 1 || effectElements[6].p.k || effectElements[6].p.v !== 0 || effectElements[7].p.k || effectElements[7].p.v !== 1) && (feComponentTransfer.setAttribute(`color-interpolation-filters`, `sRGB`), filter.appendChild(feComponentTransfer), ((this || _global).feFuncRComposed = this.createFeFunc(`feFuncR`, feComponentTransfer)), ((this || _global).feFuncGComposed = this.createFeFunc(`feFuncG`, feComponentTransfer)), ((this || _global).feFuncBComposed = this.createFeFunc( `feFuncB`, feComponentTransfer ))); } (SVGProLevelsFilter.prototype.createFeFunc = function (type, feComponentTransfer) { var feFunc = createNS(type); return feFunc.setAttribute(`type`, `table`), feComponentTransfer.appendChild(feFunc), feFunc; }), (SVGProLevelsFilter.prototype.getTableValue = function ( inputBlack, inputWhite, gamma, outputBlack, outputWhite ) { for ( var cnt = 0, segments = 256, perc, min = Math.min(inputBlack, inputWhite), max = Math.max(inputBlack, inputWhite), table = Array.call(null, { length: segments }), colorValue, pos = 0, outputDelta = outputWhite - outputBlack, inputDelta = inputWhite - inputBlack; cnt <= 256; ) (perc = cnt / 256), (colorValue = perc <= min ? inputDelta < 0 ? outputWhite : outputBlack : perc >= max ? inputDelta < 0 ? outputBlack : outputWhite : outputBlack + outputDelta * ((perc - inputBlack) / inputDelta) ** (1 / gamma)), (table[pos] = colorValue), (pos += 1), (cnt += 256 / (segments - 1)); return table.join(` `); }), (SVGProLevelsFilter.prototype.renderFrame = function (forceRender) { if (forceRender || (this || _global).filterManager._mdf) { var val, effectElements = (this || _global).filterManager.effectElements; (this || _global).feFuncRComposed && (forceRender || effectElements[3].p._mdf || effectElements[4].p._mdf || effectElements[5].p._mdf || effectElements[6].p._mdf || effectElements[7].p._mdf) && ((val = this.getTableValue( effectElements[3].p.v, effectElements[4].p.v, effectElements[5].p.v, effectElements[6].p.v, effectElements[7].p.v )), (this || _global).feFuncRComposed.setAttribute(`tableValues`, val), (this || _global).feFuncGComposed.setAttribute(`tableValues`, val), (this || _global).feFuncBComposed.setAttribute(`tableValues`, val)), (this || _global).feFuncR && (forceRender || effectElements[10].p._mdf || effectElements[11].p._mdf || effectElements[12].p._mdf || effectElements[13].p._mdf || effectElements[14].p._mdf) && ((val = this.getTableValue( effectElements[10].p.v, effectElements[11].p.v, effectElements[12].p.v, effectElements[13].p.v, effectElements[14].p.v )), (this || _global).feFuncR.setAttribute(`tableValues`, val)), (this || _global).feFuncG && (forceRender || effectElements[17].p._mdf || effectElements[18].p._mdf || effectElements[19].p._mdf || effectElements[20].p._mdf || effectElements[21].p._mdf) && ((val = this.getTableValue( effectElements[17].p.v, effectElements[18].p.v, effectElements[19].p.v, effectElements[20].p.v, effectElements[21].p.v )), (this || _global).feFuncG.setAttribute(`tableValues`, val)), (this || _global).feFuncB && (forceRender || effectElements[24].p._mdf || effectElements[25].p._mdf || effectElements[26].p._mdf || effectElements[27].p._mdf || effectElements[28].p._mdf) && ((val = this.getTableValue( effectElements[24].p.v, effectElements[25].p.v, effectElements[26].p.v, effectElements[27].p.v, effectElements[28].p.v )), (this || _global).feFuncB.setAttribute(`tableValues`, val)), (this || _global).feFuncA && (forceRender || effectElements[31].p._mdf || effectElements[32].p._mdf || effectElements[33].p._mdf || effectElements[34].p._mdf || effectElements[35].p._mdf) && ((val = this.getTableValue( effectElements[31].p.v, effectElements[32].p.v, effectElements[33].p.v, effectElements[34].p.v, effectElements[35].p.v )), (this || _global).feFuncA.setAttribute(`tableValues`, val)); } }); function SVGDropShadowEffect(filter, filterManager) { var filterSize = filterManager.container.globalData.renderConfig.filterSize; filter.setAttribute(`x`, filterSize.x), filter.setAttribute(`y`, filterSize.y), filter.setAttribute(`width`, filterSize.width), filter.setAttribute(`height`, filterSize.height), ((this || _global).filterManager = filterManager); var feGaussianBlur = createNS(`feGaussianBlur`); feGaussianBlur.setAttribute(`in`, `SourceAlpha`), feGaussianBlur.setAttribute(`result`, `drop_shadow_1`), feGaussianBlur.setAttribute(`stdDeviation`, `0`), ((this || _global).feGaussianBlur = feGaussianBlur), filter.appendChild(feGaussianBlur); var feOffset = createNS(`feOffset`); feOffset.setAttribute(`dx`, `25`), feOffset.setAttribute(`dy`, `0`), feOffset.setAttribute(`in`, `drop_shadow_1`), feOffset.setAttribute(`result`, `drop_shadow_2`), ((this || _global).feOffset = feOffset), filter.appendChild(feOffset); var feFlood = createNS(`feFlood`); feFlood.setAttribute(`flood-color`, `#00ff00`), feFlood.setAttribute(`flood-opacity`, `1`), feFlood.setAttribute(`result`, `drop_shadow_3`), ((this || _global).feFlood = feFlood), filter.appendChild(feFlood); var feComposite = createNS(`feComposite`); feComposite.setAttribute(`in`, `drop_shadow_3`), feComposite.setAttribute(`in2`, `drop_shadow_2`), feComposite.setAttribute(`operator`, `in`), feComposite.setAttribute(`result`, `drop_shadow_4`), filter.appendChild(feComposite); var feMerge = createNS(`feMerge`); filter.appendChild(feMerge); var feMergeNode; (feMergeNode = createNS(`feMergeNode`)), feMerge.appendChild(feMergeNode), (feMergeNode = createNS(`feMergeNode`)), feMergeNode.setAttribute(`in`, `SourceGraphic`), ((this || _global).feMergeNode = feMergeNode), ((this || _global).feMerge = feMerge), ((this || _global).originalNodeAdded = !1), feMerge.appendChild(feMergeNode); } SVGDropShadowEffect.prototype.renderFrame = function (forceRender) { if (forceRender || (this || _global).filterManager._mdf) { if ( ((forceRender || (this || _global).filterManager.effectElements[4].p._mdf) && (this || _global).feGaussianBlur.setAttribute( `stdDeviation`, (this || _global).filterManager.effectElements[4].p.v / 4 ), forceRender || (this || _global).filterManager.effectElements[0].p._mdf) ) { var col = (this || _global).filterManager.effectElements[0].p.v; (this || _global).feFlood.setAttribute( `flood-color`, rgbToHex( Math.round(col[0] * 255), Math.round(col[1] * 255), Math.round(col[2] * 255) ) ); } if ( ((forceRender || (this || _global).filterManager.effectElements[1].p._mdf) && (this || _global).feFlood.setAttribute( `flood-opacity`, (this || _global).filterManager.effectElements[1].p.v / 255 ), forceRender || (this || _global).filterManager.effectElements[2].p._mdf || (this || _global).filterManager.effectElements[3].p._mdf) ) { var distance = (this || _global).filterManager.effectElements[3].p.v, angle = ((this || _global).filterManager.effectElements[2].p.v - 90) * degToRads, x$1 = distance * Math.cos(angle), y = distance * Math.sin(angle); (this || _global).feOffset.setAttribute(`dx`, x$1), (this || _global).feOffset.setAttribute(`dy`, y); } } }; var _svgMatteSymbols = []; function SVGMatte3Effect(filterElem, filterManager, elem) { ((this || _global).initialized = !1), ((this || _global).filterManager = filterManager), ((this || _global).filterElem = filterElem), ((this || _global).elem = elem), (elem.matteElement = createNS(`g`)), elem.matteElement.appendChild(elem.layerElement), elem.matteElement.appendChild(elem.transformedElement), (elem.baseElement = elem.matteElement); } (SVGMatte3Effect.prototype.findSymbol = function (mask) { for (var i$1 = 0, len = _svgMatteSymbols.length; i$1 < len; ) { if (_svgMatteSymbols[i$1] === mask) return _svgMatteSymbols[i$1]; i$1 += 1; } return null; }), (SVGMatte3Effect.prototype.replaceInParent = function (mask, symbolId) { var parentNode = mask.layerElement.parentNode; if (parentNode) { for ( var children = parentNode.children, i$1 = 0, len = children.length; i$1 < len && children[i$1] !== mask.layerElement; ) i$1 += 1; var nextChild; i$1 <= len - 2 && (nextChild = children[i$1 + 1]); var useElem = createNS(`use`); useElem.setAttribute(`href`, `#` + symbolId), nextChild ? parentNode.insertBefore(useElem, nextChild) : parentNode.appendChild(useElem); } }), (SVGMatte3Effect.prototype.setElementAsMask = function (elem, mask) { if (!this.findSymbol(mask)) { var symbolId = createElementID(), masker = createNS(`mask`); masker.setAttribute(`id`, mask.layerId), masker.setAttribute(`mask-type`, `alpha`), _svgMatteSymbols.push(mask); var defs = elem.globalData.defs; defs.appendChild(masker); var symbol = createNS(`symbol`); symbol.setAttribute(`id`, symbolId), this.replaceInParent(mask, symbolId), symbol.appendChild(mask.layerElement), defs.appendChild(symbol); var useElem = createNS(`use`); useElem.setAttribute(`href`, `#` + symbolId), masker.appendChild(useElem), (mask.data.hd = !1), mask.show(); } elem.setMatte(mask.layerId); }), (SVGMatte3Effect.prototype.initialize = function () { for ( var ind = (this || _global).filterManager.effectElements[0].p.v, elements = (this || _global).elem.comp.elements, i$1 = 0, len = elements.length; i$1 < len; ) elements[i$1] && elements[i$1].data.ind === ind && this.setElementAsMask((this || _global).elem, elements[i$1]), (i$1 += 1); (this || _global).initialized = !0; }), (SVGMatte3Effect.prototype.renderFrame = function () { (this || _global).initialized || this.initialize(); }); function SVGEffects(elem) { var i$1, len = elem.data.ef ? elem.data.ef.length : 0, filId = createElementID(), fil = filtersFactory.createFilter(filId, !0), count = 0; (this || _global).filters = []; var filterManager; for (i$1 = 0; i$1 < len; i$1 += 1) (filterManager = null), elem.data.ef[i$1].ty === 20 ? ((count += 1), (filterManager = new SVGTintFilter(fil, elem.effectsManager.effectElements[i$1]))) : elem.data.ef[i$1].ty === 21 ? ((count += 1), (filterManager = new SVGFillFilter( fil, elem.effectsManager.effectElements[i$1] ))) : elem.data.ef[i$1].ty === 22 ? (filterManager = new SVGStrokeEffect( elem, elem.effectsManager.effectElements[i$1] )) : elem.data.ef[i$1].ty === 23 ? ((count += 1), (filterManager = new SVGTritoneFilter( fil, elem.effectsManager.effectElements[i$1] ))) : elem.data.ef[i$1].ty === 24 ? ((count += 1), (filterManager = new SVGProLevelsFilter( fil, elem.effectsManager.effectElements[i$1] ))) : elem.data.ef[i$1].ty === 25 ? ((count += 1), (filterManager = new SVGDropShadowEffect( fil, elem.effectsManager.effectElements[i$1] ))) : elem.data.ef[i$1].ty === 28 ? (filterManager = new SVGMatte3Effect( fil, elem.effectsManager.effectElements[i$1], elem )) : elem.data.ef[i$1].ty === 29 && ((count += 1), (filterManager = new SVGGaussianBlurEffect( fil, elem.effectsManager.effectElements[i$1] ))), filterManager && (this || _global).filters.push(filterManager); count && (elem.globalData.defs.appendChild(fil), elem.layerElement.setAttribute(`filter`, `url(` + locationHref + `#` + filId + `)`)), (this || _global).filters.length && elem.addRenderableComponent(this || _global); } SVGEffects.prototype.renderFrame = function (_isFirstFrame) { var i$1, len = (this || _global).filters.length; for (i$1 = 0; i$1 < len; i$1 += 1) (this || _global).filters[i$1].renderFrame(_isFirstFrame); }; function CVContextData() { ((this || _global).saved = []), ((this || _global).cArrPos = 0), ((this || _global).cTr = new Matrix()), ((this || _global).cO = 1); var i$1, len = 15; for ((this || _global).savedOp = createTypedArray(`float32`, len), i$1 = 0; i$1 < len; i$1 += 1) (this || _global).saved[i$1] = createTypedArray(`float32`, 16); (this || _global)._length = len; } (CVContextData.prototype.duplicate = function () { var newLength = (this || _global)._length * 2, currentSavedOp = (this || _global).savedOp; ((this || _global).savedOp = createTypedArray(`float32`, newLength)), (this || _global).savedOp.set(currentSavedOp); var i$1 = 0; for (i$1 = (this || _global)._length; i$1 < newLength; i$1 += 1) (this || _global).saved[i$1] = createTypedArray(`float32`, 16); (this || _global)._length = newLength; }), (CVContextData.prototype.reset = function () { ((this || _global).cArrPos = 0), (this || _global).cTr.reset(), ((this || _global).cO = 1); }); function CVBaseElement() {} (CVBaseElement.prototype = { createElements: function () {}, initRendererElement: function () {}, createContainerElements: function () { ((this || _global).canvasContext = (this || _global).globalData.canvasContext), ((this || _global).renderableEffectsManager = new CVEffects(this || _global)); }, createContent: function () {}, setBlendMode: function () { var globalData = (this || _global).globalData; if (globalData.blendMode !== (this || _global).data.bm) { globalData.blendMode = (this || _global).data.bm; var blendModeValue = getBlendMode((this || _global).data.bm); globalData.canvasContext.globalCompositeOperation = blendModeValue; } }, createRenderableComponents: function () { (this || _global).maskManager = new CVMaskElement((this || _global).data, this || _global); }, hideElement: function () { !(this || _global).hidden && (!(this || _global).isInRange || (this || _global).isTransparent) && ((this || _global).hidden = !0); }, showElement: function () { (this || _global).isInRange && !(this || _global).isTransparent && (((this || _global).hidden = !1), ((this || _global)._isFirstFrame = !0), ((this || _global).maskManager._isFirstFrame = !0)); }, renderFrame: function () { if (!((this || _global).hidden || (this || _global).data.hd)) { this.renderTransform(), this.renderRenderable(), this.setBlendMode(); var forceRealStack = (this || _global).data.ty === 0; (this || _global).globalData.renderer.save(forceRealStack), (this || _global).globalData.renderer.ctxTransform( (this || _global).finalTransform.mat.props ), (this || _global).globalData.renderer.ctxOpacity( (this || _global).finalTransform.mProp.o.v ), this.renderInnerContent(), (this || _global).globalData.renderer.restore(forceRealStack), (this || _global).maskManager.hasMasks && (this || _global).globalData.renderer.restore(!0), (this || _global)._isFirstFrame && ((this || _global)._isFirstFrame = !1); } }, destroy: function () { ((this || _global).canvasContext = null), ((this || _global).data = null), ((this || _global).globalData = null), (this || _global).maskManager.destroy(); }, mHelper: new Matrix() }), (CVBaseElement.prototype.hide = CVBaseElement.prototype.hideElement), (CVBaseElement.prototype.show = CVBaseElement.prototype.showElement); function CVImageElement(data, globalData, comp) { ((this || _global).assetData = globalData.getAssetData(data.refId)), ((this || _global).img = globalData.imageLoader.getAsset((this || _global).assetData)), this.initElement(data, globalData, comp); } extendPrototype( [ BaseElement, TransformElement, CVBaseElement, HierarchyElement, FrameElement, RenderableElement ], CVImageElement ), (CVImageElement.prototype.initElement = SVGShapeElement.prototype.initElement), (CVImageElement.prototype.prepareFrame = IImageElement.prototype.prepareFrame), (CVImageElement.prototype.createContent = function () { if ( (this || _global).img.width && ((this || _global).assetData.w !== (this || _global).img.width || (this || _global).assetData.h !== (this || _global).img.height) ) { var canvas = createTag(`canvas`); (canvas.width = (this || _global).assetData.w), (canvas.height = (this || _global).assetData.h); var ctx = canvas.getContext(`2d`), imgW = (this || _global).img.width, imgH = (this || _global).img.height, imgRel = imgW / imgH, canvasRel = (this || _global).assetData.w / (this || _global).assetData.h, widthCrop, heightCrop, par = (this || _global).assetData.pr || (this || _global).globalData.renderConfig.imagePreserveAspectRatio; (imgRel > canvasRel && par === `xMidYMid slice`) || (imgRel < canvasRel && par !== `xMidYMid slice`) ? ((heightCrop = imgH), (widthCrop = heightCrop * canvasRel)) : ((widthCrop = imgW), (heightCrop = widthCrop / canvasRel)), ctx.drawImage( (this || _global).img, (imgW - widthCrop) / 2, (imgH - heightCrop) / 2, widthCrop, heightCrop, 0, 0, (this || _global).assetData.w, (this || _global).assetData.h ), ((this || _global).img = canvas); } }), (CVImageElement.prototype.renderInnerContent = function () { (this || _global).canvasContext.drawImage((this || _global).img, 0, 0); }), (CVImageElement.prototype.destroy = function () { (this || _global).img = null; }); function CVCompElement(data, globalData, comp) { ((this || _global).completeLayers = !1), ((this || _global).layers = data.layers), ((this || _global).pendingElements = []), ((this || _global).elements = createSizedArray((this || _global).layers.length)), this.initElement(data, globalData, comp), ((this || _global).tm = data.tm ? PropertyFactory.getProp( this || _global, data.tm, 0, globalData.frameRate, this || _global ) : { _placeholder: !0 }); } extendPrototype([CanvasRenderer, ICompElement, CVBaseElement], CVCompElement), (CVCompElement.prototype.renderInnerContent = function () { var ctx = (this || _global).canvasContext; ctx.beginPath(), ctx.moveTo(0, 0), ctx.lineTo((this || _global).data.w, 0), ctx.lineTo((this || _global).data.w, (this || _global).data.h), ctx.lineTo(0, (this || _global).data.h), ctx.lineTo(0, 0), ctx.clip(); var i$1, len = (this || _global).layers.length; for (i$1 = len - 1; i$1 >= 0; --i$1) ((this || _global).completeLayers || (this || _global).elements[i$1]) && (this || _global).elements[i$1].renderFrame(); }), (CVCompElement.prototype.destroy = function () { var i$1, len = (this || _global).layers.length; for (i$1 = len - 1; i$1 >= 0; --i$1) (this || _global).elements[i$1] && (this || _global).elements[i$1].destroy(); ((this || _global).layers = null), ((this || _global).elements = null); }); function CVMaskElement(data, element) { ((this || _global).data = data), ((this || _global).element = element), ((this || _global).masksProperties = (this || _global).data.masksProperties || []), ((this || _global).viewData = createSizedArray((this || _global).masksProperties.length)); var i$1, len = (this || _global).masksProperties.length, hasMasks = !1; for (i$1 = 0; i$1 < len; i$1 += 1) (this || _global).masksProperties[i$1].mode !== `n` && (hasMasks = !0), ((this || _global).viewData[i$1] = ShapePropertyFactory.getShapeProp( (this || _global).element, (this || _global).masksProperties[i$1], 3 )); ((this || _global).hasMasks = hasMasks), hasMasks && (this || _global).element.addRenderableComponent(this || _global); } (CVMaskElement.prototype.renderFrame = function () { if ((this || _global).hasMasks) { var transform = (this || _global).element.finalTransform.mat, ctx = (this || _global).element.canvasContext, i$1, len = (this || _global).masksProperties.length, pt, pts, data; for (ctx.beginPath(), i$1 = 0; i$1 < len; i$1 += 1) if ((this || _global).masksProperties[i$1].mode !== `n`) { (this || _global).masksProperties[i$1].inv && (ctx.moveTo(0, 0), ctx.lineTo((this || _global).element.globalData.compSize.w, 0), ctx.lineTo( (this || _global).element.globalData.compSize.w, (this || _global).element.globalData.compSize.h ), ctx.lineTo(0, (this || _global).element.globalData.compSize.h), ctx.lineTo(0, 0)), (data = (this || _global).viewData[i$1].v), (pt = transform.applyToPointArray(data.v[0][0], data.v[0][1], 0)), ctx.moveTo(pt[0], pt[1]); var j$2, jLen = data._length; for (j$2 = 1; j$2 < jLen; j$2 += 1) (pts = transform.applyToTriplePoints( data.o[j$2 - 1], data.i[j$2], data.v[j$2] )), ctx.bezierCurveTo(pts[0], pts[1], pts[2], pts[3], pts[4], pts[5]); (pts = transform.applyToTriplePoints(data.o[j$2 - 1], data.i[0], data.v[0])), ctx.bezierCurveTo(pts[0], pts[1], pts[2], pts[3], pts[4], pts[5]); } (this || _global).element.globalData.renderer.save(!0), ctx.clip(); } }), (CVMaskElement.prototype.getMaskProperty = MaskElement.prototype.getMaskProperty), (CVMaskElement.prototype.destroy = function () { (this || _global).element = null; }); function CVShapeElement(data, globalData, comp) { ((this || _global).shapes = []), ((this || _global).shapesData = data.shapes), ((this || _global).stylesList = []), ((this || _global).itemsData = []), ((this || _global).prevViewData = []), ((this || _global).shapeModifiers = []), ((this || _global).processedElements = []), ((this || _global).transformsManager = new ShapeTransformManager()), this.initElement(data, globalData, comp); } extendPrototype( [ BaseElement, TransformElement, CVBaseElement, IShapeElement, HierarchyElement, FrameElement, RenderableElement ], CVShapeElement ), (CVShapeElement.prototype.initElement = RenderableDOMElement.prototype.initElement), (CVShapeElement.prototype.transformHelper = { opacity: 1, _opMdf: !1 }), (CVShapeElement.prototype.dashResetter = []), (CVShapeElement.prototype.createContent = function () { this.searchShapes( (this || _global).shapesData, (this || _global).itemsData, (this || _global).prevViewData, !0, [] ); }), (CVShapeElement.prototype.createStyleElement = function (data, transforms) { var styleElem = { data, type: data.ty, preTransforms: (this || _global).transformsManager.addTransformSequence(transforms), transforms: [], elements: [], closed: data.hd === !0 }, elementData = {}; if ( (data.ty === `fl` || data.ty === `st` ? ((elementData.c = PropertyFactory.getProp( this || _global, data.c, 1, 255, this || _global )), elementData.c.k || (styleElem.co = `rgb(` + bmFloor(elementData.c.v[0]) + `,` + bmFloor(elementData.c.v[1]) + `,` + bmFloor(elementData.c.v[2]) + `)`)) : (data.ty === `gf` || data.ty === `gs`) && ((elementData.s = PropertyFactory.getProp( this || _global, data.s, 1, null, this || _global )), (elementData.e = PropertyFactory.getProp( this || _global, data.e, 1, null, this || _global )), (elementData.h = PropertyFactory.getProp( this || _global, data.h || { k: 0 }, 0, 0.01, this || _global )), (elementData.a = PropertyFactory.getProp( this || _global, data.a || { k: 0 }, 0, degToRads, this || _global )), (elementData.g = new GradientProperty(this || _global, data.g, this || _global))), (elementData.o = PropertyFactory.getProp( this || _global, data.o, 0, 0.01, this || _global )), data.ty === `st` || data.ty === `gs`) ) { if ( ((styleElem.lc = (this || _global).lcEnum[data.lc] || `round`), (styleElem.lj = (this || _global).ljEnum[data.lj] || `round`), data.lj == 1 && (styleElem.ml = data.ml), (elementData.w = PropertyFactory.getProp( this || _global, data.w, 0, null, this || _global )), elementData.w.k || (styleElem.wi = elementData.w.v), data.d) ) { var d = new DashProperty(this || _global, data.d, `canvas`, this || _global); (elementData.d = d), elementData.d.k || ((styleElem.da = elementData.d.dashArray), (styleElem.do = elementData.d.dashoffset[0])); } } else styleElem.r = data.r === 2 ? `evenodd` : `nonzero`; return ( (this || _global).stylesList.push(styleElem), (elementData.style = styleElem), elementData ); }), (CVShapeElement.prototype.createGroupElement = function () { var elementData = { it: [], prevViewData: [] }; return elementData; }), (CVShapeElement.prototype.createTransformElement = function (data) { var elementData = { transform: { opacity: 1, _opMdf: !1, key: (this || _global).transformsManager.getNewKey(), op: PropertyFactory.getProp(this || _global, data.o, 0, 0.01, this || _global), mProps: TransformPropertyFactory.getTransformProperty( this || _global, data, this || _global ) } }; return elementData; }), (CVShapeElement.prototype.createShapeElement = function (data) { var elementData = new CVShapeData( this || _global, data, (this || _global).stylesList, (this || _global).transformsManager ); return ( (this || _global).shapes.push(elementData), this.addShapeToModifiers(elementData), elementData ); }), (CVShapeElement.prototype.reloadShapes = function () { (this || _global)._isFirstFrame = !0; var i$1, len = (this || _global).itemsData.length; for (i$1 = 0; i$1 < len; i$1 += 1) (this || _global).prevViewData[i$1] = (this || _global).itemsData[i$1]; for ( this.searchShapes( (this || _global).shapesData, (this || _global).itemsData, (this || _global).prevViewData, !0, [] ), len = (this || _global).dynamicProperties.length, i$1 = 0; i$1 < len; i$1 += 1 ) (this || _global).dynamicProperties[i$1].getValue(); this.renderModifiers(), (this || _global).transformsManager.processSequences((this || _global)._isFirstFrame); }), (CVShapeElement.prototype.addTransformToStyleList = function (transform) { var i$1, len = (this || _global).stylesList.length; for (i$1 = 0; i$1 < len; i$1 += 1) (this || _global).stylesList[i$1].closed || (this || _global).stylesList[i$1].transforms.push(transform); }), (CVShapeElement.prototype.removeTransformFromStyleList = function () { var i$1, len = (this || _global).stylesList.length; for (i$1 = 0; i$1 < len; i$1 += 1) (this || _global).stylesList[i$1].closed || (this || _global).stylesList[i$1].transforms.pop(); }), (CVShapeElement.prototype.closeStyles = function (styles) { var i$1, len = styles.length; for (i$1 = 0; i$1 < len; i$1 += 1) styles[i$1].closed = !0; }), (CVShapeElement.prototype.searchShapes = function ( arr, itemsData, prevViewData, shouldRender, transforms ) { var i$1, len = arr.length - 1, j$2, jLen, ownStyles = [], ownModifiers = [], processedPos, modifier, currentTransform, ownTransforms = [].concat(transforms); for (i$1 = len; i$1 >= 0; --i$1) { if ( ((processedPos = this.searchProcessedElement(arr[i$1])), processedPos ? (itemsData[i$1] = prevViewData[processedPos - 1]) : (arr[i$1]._shouldRender = shouldRender), arr[i$1].ty === `fl` || arr[i$1].ty === `st` || arr[i$1].ty === `gf` || arr[i$1].ty === `gs`) ) processedPos ? (itemsData[i$1].style.closed = !1) : (itemsData[i$1] = this.createStyleElement(arr[i$1], ownTransforms)), ownStyles.push(itemsData[i$1].style); else if (arr[i$1].ty === `gr`) { if (!processedPos) itemsData[i$1] = this.createGroupElement(arr[i$1]); else for (jLen = itemsData[i$1].it.length, j$2 = 0; j$2 < jLen; j$2 += 1) itemsData[i$1].prevViewData[j$2] = itemsData[i$1].it[j$2]; this.searchShapes( arr[i$1].it, itemsData[i$1].it, itemsData[i$1].prevViewData, shouldRender, ownTransforms ); } else arr[i$1].ty === `tr` ? (processedPos || ((currentTransform = this.createTransformElement(arr[i$1])), (itemsData[i$1] = currentTransform)), ownTransforms.push(itemsData[i$1]), this.addTransformToStyleList(itemsData[i$1])) : arr[i$1].ty === `sh` || arr[i$1].ty === `rc` || arr[i$1].ty === `el` || arr[i$1].ty === `sr` ? processedPos || (itemsData[i$1] = this.createShapeElement(arr[i$1])) : arr[i$1].ty === `tm` || arr[i$1].ty === `rd` || arr[i$1].ty === `pb` ? (processedPos ? ((modifier = itemsData[i$1]), (modifier.closed = !1)) : ((modifier = ShapeModifiers.getModifier(arr[i$1].ty)), modifier.init(this || _global, arr[i$1]), (itemsData[i$1] = modifier), (this || _global).shapeModifiers.push(modifier)), ownModifiers.push(modifier)) : arr[i$1].ty === `rp` && (processedPos ? ((modifier = itemsData[i$1]), (modifier.closed = !0)) : ((modifier = ShapeModifiers.getModifier(arr[i$1].ty)), (itemsData[i$1] = modifier), modifier.init(this || _global, arr, i$1, itemsData), (this || _global).shapeModifiers.push(modifier), (shouldRender = !1)), ownModifiers.push(modifier)); this.addProcessedElement(arr[i$1], i$1 + 1); } for ( this.removeTransformFromStyleList(), this.closeStyles(ownStyles), len = ownModifiers.length, i$1 = 0; i$1 < len; i$1 += 1 ) ownModifiers[i$1].closed = !0; }), (CVShapeElement.prototype.renderInnerContent = function () { ((this || _global).transformHelper.opacity = 1), ((this || _global).transformHelper._opMdf = !1), this.renderModifiers(), (this || _global).transformsManager.processSequences((this || _global)._isFirstFrame), this.renderShape( (this || _global).transformHelper, (this || _global).shapesData, (this || _global).itemsData, !0 ); }), (CVShapeElement.prototype.renderShapeTransform = function (parentTransform, groupTransform) { (parentTransform._opMdf || groupTransform.op._mdf || (this || _global)._isFirstFrame) && ((groupTransform.opacity = parentTransform.opacity), (groupTransform.opacity *= groupTransform.op.v), (groupTransform._opMdf = !0)); }), (CVShapeElement.prototype.drawLayer = function () { var i$1, len = (this || _global).stylesList.length, j$2, jLen, k$1, kLen, elems, nodes, renderer$1 = (this || _global).globalData.renderer, ctx = (this || _global).globalData.canvasContext, type, currentStyle; for (i$1 = 0; i$1 < len; i$1 += 1) if ( ((currentStyle = (this || _global).stylesList[i$1]), (type = currentStyle.type), !( ((type === `st` || type === `gs`) && currentStyle.wi === 0) || !currentStyle.data._shouldRender || currentStyle.coOp === 0 || (this || _global).globalData.currentGlobalAlpha === 0 )) ) { for ( renderer$1.save(), elems = currentStyle.elements, type === `st` || type === `gs` ? ((ctx.strokeStyle = type === `st` ? currentStyle.co : currentStyle.grd), (ctx.lineWidth = currentStyle.wi), (ctx.lineCap = currentStyle.lc), (ctx.lineJoin = currentStyle.lj), (ctx.miterLimit = currentStyle.ml || 0)) : (ctx.fillStyle = type === `fl` ? currentStyle.co : currentStyle.grd), renderer$1.ctxOpacity(currentStyle.coOp), type !== `st` && type !== `gs` && ctx.beginPath(), renderer$1.ctxTransform(currentStyle.preTransforms.finalTransform.props), jLen = elems.length, j$2 = 0; j$2 < jLen; j$2 += 1 ) { for ( (type === `st` || type === `gs`) && (ctx.beginPath(), currentStyle.da && (ctx.setLineDash(currentStyle.da), (ctx.lineDashOffset = currentStyle.do))), nodes = elems[j$2].trNodes, kLen = nodes.length, k$1 = 0; k$1 < kLen; k$1 += 1 ) nodes[k$1].t === `m` ? ctx.moveTo(nodes[k$1].p[0], nodes[k$1].p[1]) : nodes[k$1].t === `c` ? ctx.bezierCurveTo( nodes[k$1].pts[0], nodes[k$1].pts[1], nodes[k$1].pts[2], nodes[k$1].pts[3], nodes[k$1].pts[4], nodes[k$1].pts[5] ) : ctx.closePath(); (type === `st` || type === `gs`) && (ctx.stroke(), currentStyle.da && ctx.setLineDash((this || _global).dashResetter)); } type !== `st` && type !== `gs` && ctx.fill(currentStyle.r), renderer$1.restore(); } }), (CVShapeElement.prototype.renderShape = function (parentTransform, items, data, isMain) { var i$1, len = items.length - 1, groupTransform; for (groupTransform = parentTransform, i$1 = len; i$1 >= 0; --i$1) items[i$1].ty === `tr` ? ((groupTransform = data[i$1].transform), this.renderShapeTransform(parentTransform, groupTransform)) : items[i$1].ty === `sh` || items[i$1].ty === `el` || items[i$1].ty === `rc` || items[i$1].ty === `sr` ? this.renderPath(items[i$1], data[i$1]) : items[i$1].ty === `fl` ? this.renderFill(items[i$1], data[i$1], groupTransform) : items[i$1].ty === `st` ? this.renderStroke(items[i$1], data[i$1], groupTransform) : items[i$1].ty === `gf` || items[i$1].ty === `gs` ? this.renderGradientFill(items[i$1], data[i$1], groupTransform) : items[i$1].ty === `gr` ? this.renderShape(groupTransform, items[i$1].it, data[i$1].it) : items[i$1].ty; isMain && this.drawLayer(); }), (CVShapeElement.prototype.renderStyledShape = function (styledShape, shape) { if ((this || _global)._isFirstFrame || shape._mdf || styledShape.transforms._mdf) { var shapeNodes = styledShape.trNodes, paths = shape.paths, i$1, len, j$2, jLen = paths._length; shapeNodes.length = 0; var groupTransformMat = styledShape.transforms.finalTransform; for (j$2 = 0; j$2 < jLen; j$2 += 1) { var pathNodes = paths.shapes[j$2]; if (pathNodes && pathNodes.v) { for (len = pathNodes._length, i$1 = 1; i$1 < len; i$1 += 1) i$1 === 1 && shapeNodes.push({ t: `m`, p: groupTransformMat.applyToPointArray( pathNodes.v[0][0], pathNodes.v[0][1], 0 ) }), shapeNodes.push({ t: `c`, pts: groupTransformMat.applyToTriplePoints( pathNodes.o[i$1 - 1], pathNodes.i[i$1], pathNodes.v[i$1] ) }); len === 1 && shapeNodes.push({ t: `m`, p: groupTransformMat.applyToPointArray( pathNodes.v[0][0], pathNodes.v[0][1], 0 ) }), pathNodes.c && len && (shapeNodes.push({ t: `c`, pts: groupTransformMat.applyToTriplePoints( pathNodes.o[i$1 - 1], pathNodes.i[0], pathNodes.v[0] ) }), shapeNodes.push({ t: `z` })); } } styledShape.trNodes = shapeNodes; } }), (CVShapeElement.prototype.renderPath = function (pathData, itemData) { if (pathData.hd !== !0 && pathData._shouldRender) { var i$1, len = itemData.styledShapes.length; for (i$1 = 0; i$1 < len; i$1 += 1) this.renderStyledShape(itemData.styledShapes[i$1], itemData.sh); } }), (CVShapeElement.prototype.renderFill = function (styleData, itemData, groupTransform) { var styleElem = itemData.style; (itemData.c._mdf || (this || _global)._isFirstFrame) && (styleElem.co = `rgb(` + bmFloor(itemData.c.v[0]) + `,` + bmFloor(itemData.c.v[1]) + `,` + bmFloor(itemData.c.v[2]) + `)`), (itemData.o._mdf || groupTransform._opMdf || (this || _global)._isFirstFrame) && (styleElem.coOp = itemData.o.v * groupTransform.opacity); }), (CVShapeElement.prototype.renderGradientFill = function (styleData, itemData, groupTransform) { var styleElem = itemData.style, grd; if ( !styleElem.grd || itemData.g._mdf || itemData.s._mdf || itemData.e._mdf || (styleData.t !== 1 && (itemData.h._mdf || itemData.a._mdf)) ) { var ctx = (this || _global).globalData.canvasContext, pt1 = itemData.s.v, pt2 = itemData.e.v; if (styleData.t === 1) grd = ctx.createLinearGradient(pt1[0], pt1[1], pt2[0], pt2[1]); else { var rad = Math.sqrt((pt1[0] - pt2[0]) ** 2 + (pt1[1] - pt2[1]) ** 2), ang = Math.atan2(pt2[1] - pt1[1], pt2[0] - pt1[0]), percent = itemData.h.v; percent >= 1 ? (percent = 0.99) : percent <= -1 && (percent = -0.99); var dist = rad * percent, x$1 = Math.cos(ang + itemData.a.v) * dist + pt1[0], y = Math.sin(ang + itemData.a.v) * dist + pt1[1]; grd = ctx.createRadialGradient(x$1, y, 0, pt1[0], pt1[1], rad); } var i$1, len = styleData.g.p, cValues = itemData.g.c, opacity = 1; for (i$1 = 0; i$1 < len; i$1 += 1) itemData.g._hasOpacity && itemData.g._collapsable && (opacity = itemData.g.o[i$1 * 2 + 1]), grd.addColorStop( cValues[i$1 * 4] / 100, `rgba(` + cValues[i$1 * 4 + 1] + `,` + cValues[i$1 * 4 + 2] + `,` + cValues[i$1 * 4 + 3] + `,` + opacity + `)` ); styleElem.grd = grd; } styleElem.coOp = itemData.o.v * groupTransform.opacity; }), (CVShapeElement.prototype.renderStroke = function (styleData, itemData, groupTransform) { var styleElem = itemData.style, d = itemData.d; d && (d._mdf || (this || _global)._isFirstFrame) && ((styleElem.da = d.dashArray), (styleElem.do = d.dashoffset[0])), (itemData.c._mdf || (this || _global)._isFirstFrame) && (styleElem.co = `rgb(` + bmFloor(itemData.c.v[0]) + `,` + bmFloor(itemData.c.v[1]) + `,` + bmFloor(itemData.c.v[2]) + `)`), (itemData.o._mdf || groupTransform._opMdf || (this || _global)._isFirstFrame) && (styleElem.coOp = itemData.o.v * groupTransform.opacity), (itemData.w._mdf || (this || _global)._isFirstFrame) && (styleElem.wi = itemData.w.v); }), (CVShapeElement.prototype.destroy = function () { ((this || _global).shapesData = null), ((this || _global).globalData = null), ((this || _global).canvasContext = null), ((this || _global).stylesList.length = 0), ((this || _global).itemsData.length = 0); }); function CVSolidElement(data, globalData, comp) { this.initElement(data, globalData, comp); } extendPrototype( [ BaseElement, TransformElement, CVBaseElement, HierarchyElement, FrameElement, RenderableElement ], CVSolidElement ), (CVSolidElement.prototype.initElement = SVGShapeElement.prototype.initElement), (CVSolidElement.prototype.prepareFrame = IImageElement.prototype.prepareFrame), (CVSolidElement.prototype.renderInnerContent = function () { var ctx = (this || _global).canvasContext; (ctx.fillStyle = (this || _global).data.sc), ctx.fillRect(0, 0, (this || _global).data.sw, (this || _global).data.sh); }); function CVTextElement(data, globalData, comp) { ((this || _global).textSpans = []), ((this || _global).yOffset = 0), ((this || _global).fillColorAnim = !1), ((this || _global).strokeColorAnim = !1), ((this || _global).strokeWidthAnim = !1), ((this || _global).stroke = !1), ((this || _global).fill = !1), ((this || _global).justifyOffset = 0), ((this || _global).currentRender = null), ((this || _global).renderType = `canvas`), ((this || _global).values = { fill: `rgba(0,0,0,0)`, stroke: `rgba(0,0,0,0)`, sWidth: 0, fValue: `` }), this.initElement(data, globalData, comp); } extendPrototype( [ BaseElement, TransformElement, CVBaseElement, HierarchyElement, FrameElement, RenderableElement, ITextElement ], CVTextElement ), (CVTextElement.prototype.tHelper = createTag(`canvas`).getContext(`2d`)), (CVTextElement.prototype.buildNewText = function () { var documentData = (this || _global).textProperty.currentData; (this || _global).renderedLetters = createSizedArray( documentData.l ? documentData.l.length : 0 ); var hasFill = !1; documentData.fc ? ((hasFill = !0), ((this || _global).values.fill = this.buildColor(documentData.fc))) : ((this || _global).values.fill = `rgba(0,0,0,0)`), ((this || _global).fill = hasFill); var hasStroke = !1; documentData.sc && ((hasStroke = !0), ((this || _global).values.stroke = this.buildColor(documentData.sc)), ((this || _global).values.sWidth = documentData.sw)); var fontData = (this || _global).globalData.fontManager.getFontByName(documentData.f), i$1, len, letters = documentData.l, matrixHelper = (this || _global).mHelper; ((this || _global).stroke = hasStroke), ((this || _global).values.fValue = documentData.finalSize + `px ` + (this || _global).globalData.fontManager.getFontByName(documentData.f).fFamily), (len = documentData.finalText.length); var charData, shapeData, k$1, kLen, shapes, j$2, jLen, pathNodes, commands, pathArr, singleShape = (this || _global).data.singleShape, trackingOffset = documentData.tr * 0.001 * documentData.finalSize, xPos = 0, yPos = 0, firstLine = !0, cnt = 0; for (i$1 = 0; i$1 < len; i$1 += 1) { for ( charData = (this || _global).globalData.fontManager.getCharData( documentData.finalText[i$1], fontData.fStyle, (this || _global).globalData.fontManager.getFontByName(documentData.f).fFamily ), shapeData = (charData && charData.data) || {}, matrixHelper.reset(), singleShape && letters[i$1].n && ((xPos = -trackingOffset), (yPos += documentData.yOffset), (yPos += firstLine ? 1 : 0), (firstLine = !1)), shapes = shapeData.shapes ? shapeData.shapes[0].it : [], jLen = shapes.length, matrixHelper.scale(documentData.finalSize / 100, documentData.finalSize / 100), singleShape && this.applyTextPropertiesToMatrix( documentData, matrixHelper, letters[i$1].line, xPos, yPos ), commands = createSizedArray(jLen), j$2 = 0; j$2 < jLen; j$2 += 1 ) { for ( kLen = shapes[j$2].ks.k.i.length, pathNodes = shapes[j$2].ks.k, pathArr = [], k$1 = 1; k$1 < kLen; k$1 += 1 ) k$1 === 1 && pathArr.push( matrixHelper.applyToX(pathNodes.v[0][0], pathNodes.v[0][1], 0), matrixHelper.applyToY(pathNodes.v[0][0], pathNodes.v[0][1], 0) ), pathArr.push( matrixHelper.applyToX( pathNodes.o[k$1 - 1][0], pathNodes.o[k$1 - 1][1], 0 ), matrixHelper.applyToY( pathNodes.o[k$1 - 1][0], pathNodes.o[k$1 - 1][1], 0 ), matrixHelper.applyToX(pathNodes.i[k$1][0], pathNodes.i[k$1][1], 0), matrixHelper.applyToY(pathNodes.i[k$1][0], pathNodes.i[k$1][1], 0), matrixHelper.applyToX(pathNodes.v[k$1][0], pathNodes.v[k$1][1], 0), matrixHelper.applyToY(pathNodes.v[k$1][0], pathNodes.v[k$1][1], 0) ); pathArr.push( matrixHelper.applyToX(pathNodes.o[k$1 - 1][0], pathNodes.o[k$1 - 1][1], 0), matrixHelper.applyToY(pathNodes.o[k$1 - 1][0], pathNodes.o[k$1 - 1][1], 0), matrixHelper.applyToX(pathNodes.i[0][0], pathNodes.i[0][1], 0), matrixHelper.applyToY(pathNodes.i[0][0], pathNodes.i[0][1], 0), matrixHelper.applyToX(pathNodes.v[0][0], pathNodes.v[0][1], 0), matrixHelper.applyToY(pathNodes.v[0][0], pathNodes.v[0][1], 0) ), (commands[j$2] = pathArr); } singleShape && ((xPos += letters[i$1].l), (xPos += trackingOffset)), (this || _global).textSpans[cnt] ? ((this || _global).textSpans[cnt].elem = commands) : ((this || _global).textSpans[cnt] = { elem: commands }), (cnt += 1); } }), (CVTextElement.prototype.renderInnerContent = function () { var ctx = (this || _global).canvasContext; (ctx.font = (this || _global).values.fValue), (ctx.lineCap = `butt`), (ctx.lineJoin = `miter`), (ctx.miterLimit = 4), (this || _global).data.singleShape || (this || _global).textAnimator.getMeasures( (this || _global).textProperty.currentData, (this || _global).lettersChangedFlag ); var i$1, len, j$2, jLen, k$1, kLen, renderedLetters = (this || _global).textAnimator.renderedLetters, letters = (this || _global).textProperty.currentData.l; len = letters.length; var renderedLetter, lastFill = null, lastStroke = null, lastStrokeW = null, commands, pathArr; for (i$1 = 0; i$1 < len; i$1 += 1) if (!letters[i$1].n) { if ( ((renderedLetter = renderedLetters[i$1]), renderedLetter && ((this || _global).globalData.renderer.save(), (this || _global).globalData.renderer.ctxTransform(renderedLetter.p), (this || _global).globalData.renderer.ctxOpacity(renderedLetter.o)), (this || _global).fill) ) { for ( renderedLetter && renderedLetter.fc ? lastFill !== renderedLetter.fc && ((lastFill = renderedLetter.fc), (ctx.fillStyle = renderedLetter.fc)) : lastFill !== (this || _global).values.fill && ((lastFill = (this || _global).values.fill), (ctx.fillStyle = (this || _global).values.fill)), commands = (this || _global).textSpans[i$1].elem, jLen = commands.length, (this || _global).globalData.canvasContext.beginPath(), j$2 = 0; j$2 < jLen; j$2 += 1 ) for ( pathArr = commands[j$2], kLen = pathArr.length, (this || _global).globalData.canvasContext.moveTo( pathArr[0], pathArr[1] ), k$1 = 2; k$1 < kLen; k$1 += 6 ) (this || _global).globalData.canvasContext.bezierCurveTo( pathArr[k$1], pathArr[k$1 + 1], pathArr[k$1 + 2], pathArr[k$1 + 3], pathArr[k$1 + 4], pathArr[k$1 + 5] ); (this || _global).globalData.canvasContext.closePath(), (this || _global).globalData.canvasContext.fill(); } if ((this || _global).stroke) { for ( renderedLetter && renderedLetter.sw ? lastStrokeW !== renderedLetter.sw && ((lastStrokeW = renderedLetter.sw), (ctx.lineWidth = renderedLetter.sw)) : lastStrokeW !== (this || _global).values.sWidth && ((lastStrokeW = (this || _global).values.sWidth), (ctx.lineWidth = (this || _global).values.sWidth)), renderedLetter && renderedLetter.sc ? lastStroke !== renderedLetter.sc && ((lastStroke = renderedLetter.sc), (ctx.strokeStyle = renderedLetter.sc)) : lastStroke !== (this || _global).values.stroke && ((lastStroke = (this || _global).values.stroke), (ctx.strokeStyle = (this || _global).values.stroke)), commands = (this || _global).textSpans[i$1].elem, jLen = commands.length, (this || _global).globalData.canvasContext.beginPath(), j$2 = 0; j$2 < jLen; j$2 += 1 ) for ( pathArr = commands[j$2], kLen = pathArr.length, (this || _global).globalData.canvasContext.moveTo( pathArr[0], pathArr[1] ), k$1 = 2; k$1 < kLen; k$1 += 6 ) (this || _global).globalData.canvasContext.bezierCurveTo( pathArr[k$1], pathArr[k$1 + 1], pathArr[k$1 + 2], pathArr[k$1 + 3], pathArr[k$1 + 4], pathArr[k$1 + 5] ); (this || _global).globalData.canvasContext.closePath(), (this || _global).globalData.canvasContext.stroke(); } renderedLetter && (this || _global).globalData.renderer.restore(); } }); function CVEffects() {} CVEffects.prototype.renderFrame = function () {}; function HBaseElement() {} (HBaseElement.prototype = { checkBlendMode: function () {}, initRendererElement: function () { ((this || _global).baseElement = createTag((this || _global).data.tg || `div`)), (this || _global).data.hasMask ? (((this || _global).svgElement = createNS(`svg`)), ((this || _global).layerElement = createNS(`g`)), ((this || _global).maskedElement = (this || _global).layerElement), (this || _global).svgElement.appendChild((this || _global).layerElement), (this || _global).baseElement.appendChild((this || _global).svgElement)) : ((this || _global).layerElement = (this || _global).baseElement), styleDiv((this || _global).baseElement); }, createContainerElements: function () { ((this || _global).renderableEffectsManager = new CVEffects(this || _global)), ((this || _global).transformedElement = (this || _global).baseElement), ((this || _global).maskedElement = (this || _global).layerElement), (this || _global).data.ln && (this || _global).layerElement.setAttribute(`id`, (this || _global).data.ln), (this || _global).data.cl && (this || _global).layerElement.setAttribute(`class`, (this || _global).data.cl), (this || _global).data.bm !== 0 && this.setBlendMode(); }, renderElement: function () { var transformedElementStyle = (this || _global).transformedElement ? (this || _global).transformedElement.style : {}; if ((this || _global).finalTransform._matMdf) { var matrixValue = (this || _global).finalTransform.mat.toCSS(); (transformedElementStyle.transform = matrixValue), (transformedElementStyle.webkitTransform = matrixValue); } (this || _global).finalTransform._opMdf && (transformedElementStyle.opacity = (this || _global).finalTransform.mProp.o.v); }, renderFrame: function () { (this || _global).data.hd || (this || _global).hidden || (this.renderTransform(), this.renderRenderable(), this.renderElement(), this.renderInnerContent(), (this || _global)._isFirstFrame && ((this || _global)._isFirstFrame = !1)); }, destroy: function () { ((this || _global).layerElement = null), ((this || _global).transformedElement = null), (this || _global).matteElement && ((this || _global).matteElement = null), (this || _global).maskManager && ((this || _global).maskManager.destroy(), ((this || _global).maskManager = null)); }, createRenderableComponents: function () { (this || _global).maskManager = new MaskElement( (this || _global).data, this || _global, (this || _global).globalData ); }, addEffects: function () {}, setMatte: function () {} }), (HBaseElement.prototype.getBaseElement = SVGBaseElement.prototype.getBaseElement), (HBaseElement.prototype.destroyBaseElement = HBaseElement.prototype.destroy), (HBaseElement.prototype.buildElementParenting = HybridRenderer.prototype.buildElementParenting); function HSolidElement(data, globalData, comp) { this.initElement(data, globalData, comp); } extendPrototype( [ BaseElement, TransformElement, HBaseElement, HierarchyElement, FrameElement, RenderableDOMElement ], HSolidElement ), (HSolidElement.prototype.createContent = function () { var rect; (this || _global).data.hasMask ? ((rect = createNS(`rect`)), rect.setAttribute(`width`, (this || _global).data.sw), rect.setAttribute(`height`, (this || _global).data.sh), rect.setAttribute(`fill`, (this || _global).data.sc), (this || _global).svgElement.setAttribute(`width`, (this || _global).data.sw), (this || _global).svgElement.setAttribute(`height`, (this || _global).data.sh)) : ((rect = createTag(`div`)), (rect.style.width = (this || _global).data.sw + `px`), (rect.style.height = (this || _global).data.sh + `px`), (rect.style.backgroundColor = (this || _global).data.sc)), (this || _global).layerElement.appendChild(rect); }); function HCompElement(data, globalData, comp) { ((this || _global).layers = data.layers), ((this || _global).supports3d = !data.hasMask), ((this || _global).completeLayers = !1), ((this || _global).pendingElements = []), ((this || _global).elements = (this || _global).layers ? createSizedArray((this || _global).layers.length) : []), this.initElement(data, globalData, comp), ((this || _global).tm = data.tm ? PropertyFactory.getProp( this || _global, data.tm, 0, globalData.frameRate, this || _global ) : { _placeholder: !0 }); } extendPrototype([HybridRenderer, ICompElement, HBaseElement], HCompElement), (HCompElement.prototype._createBaseContainerElements = HCompElement.prototype.createContainerElements), (HCompElement.prototype.createContainerElements = function () { this._createBaseContainerElements(), (this || _global).data.hasMask ? ((this || _global).svgElement.setAttribute(`width`, (this || _global).data.w), (this || _global).svgElement.setAttribute(`height`, (this || _global).data.h), ((this || _global).transformedElement = (this || _global).baseElement)) : ((this || _global).transformedElement = (this || _global).layerElement); }), (HCompElement.prototype.addTo3dContainer = function (elem, pos) { for (var j$2 = 0, nextElement; j$2 < pos; ) (this || _global).elements[j$2] && (this || _global).elements[j$2].getBaseElement && (nextElement = (this || _global).elements[j$2].getBaseElement()), (j$2 += 1); nextElement ? (this || _global).layerElement.insertBefore(elem, nextElement) : (this || _global).layerElement.appendChild(elem); }); function HShapeElement(data, globalData, comp) { ((this || _global).shapes = []), ((this || _global).shapesData = data.shapes), ((this || _global).stylesList = []), ((this || _global).shapeModifiers = []), ((this || _global).itemsData = []), ((this || _global).processedElements = []), ((this || _global).animatedContents = []), ((this || _global).shapesContainer = createNS(`g`)), this.initElement(data, globalData, comp), ((this || _global).prevViewData = []), ((this || _global).currentBBox = { x: 999999, y: -999999, h: 0, w: 0 }); } extendPrototype( [ BaseElement, TransformElement, HSolidElement, SVGShapeElement, HBaseElement, HierarchyElement, FrameElement, RenderableElement ], HShapeElement ), (HShapeElement.prototype._renderShapeFrame = HShapeElement.prototype.renderInnerContent), (HShapeElement.prototype.createContent = function () { var cont; if ((((this || _global).baseElement.style.fontSize = 0), (this || _global).data.hasMask)) (this || _global).layerElement.appendChild((this || _global).shapesContainer), (cont = (this || _global).svgElement); else { cont = createNS(`svg`); var size = (this || _global).comp.data ? (this || _global).comp.data : (this || _global).globalData.compSize; cont.setAttribute(`width`, size.w), cont.setAttribute(`height`, size.h), cont.appendChild((this || _global).shapesContainer), (this || _global).layerElement.appendChild(cont); } this.searchShapes( (this || _global).shapesData, (this || _global).itemsData, (this || _global).prevViewData, (this || _global).shapesContainer, 0, [], !0 ), this.filterUniqueShapes(), ((this || _global).shapeCont = cont); }), (HShapeElement.prototype.getTransformedPoint = function (transformers, point) { var i$1, len = transformers.length; for (i$1 = 0; i$1 < len; i$1 += 1) point = transformers[i$1].mProps.v.applyToPointArray(point[0], point[1], 0); return point; }), (HShapeElement.prototype.calculateShapeBoundingBox = function (item, boundingBox) { var shape = item.sh.v, transformers = item.transformers, i$1, len = shape._length, vPoint, oPoint, nextIPoint, nextVPoint; if (!(len <= 1)) { for (i$1 = 0; i$1 < len - 1; i$1 += 1) (vPoint = this.getTransformedPoint(transformers, shape.v[i$1])), (oPoint = this.getTransformedPoint(transformers, shape.o[i$1])), (nextIPoint = this.getTransformedPoint(transformers, shape.i[i$1 + 1])), (nextVPoint = this.getTransformedPoint(transformers, shape.v[i$1 + 1])), this.checkBounds(vPoint, oPoint, nextIPoint, nextVPoint, boundingBox); shape.c && ((vPoint = this.getTransformedPoint(transformers, shape.v[i$1])), (oPoint = this.getTransformedPoint(transformers, shape.o[i$1])), (nextIPoint = this.getTransformedPoint(transformers, shape.i[0])), (nextVPoint = this.getTransformedPoint(transformers, shape.v[0])), this.checkBounds(vPoint, oPoint, nextIPoint, nextVPoint, boundingBox)); } }), (HShapeElement.prototype.checkBounds = function ( vPoint, oPoint, nextIPoint, nextVPoint, boundingBox ) { this.getBoundsOfCurve(vPoint, oPoint, nextIPoint, nextVPoint); var bounds = (this || _global).shapeBoundingBox; (boundingBox.x = bmMin(bounds.left, boundingBox.x)), (boundingBox.xMax = bmMax(bounds.right, boundingBox.xMax)), (boundingBox.y = bmMin(bounds.top, boundingBox.y)), (boundingBox.yMax = bmMax(bounds.bottom, boundingBox.yMax)); }), (HShapeElement.prototype.shapeBoundingBox = { left: 0, right: 0, top: 0, bottom: 0 }), (HShapeElement.prototype.tempBoundingBox = { x: 0, xMax: 0, y: 0, yMax: 0, width: 0, height: 0 }), (HShapeElement.prototype.getBoundsOfCurve = function (p0, p1, p2, p3) { for ( var bounds = [ [p0[0], p3[0]], [p0[1], p3[1]] ], a$1, b, c, t$2, b2ac, t1, t2, i$1 = 0; i$1 < 2; ++i$1 ) (b = 6 * p0[i$1] - 12 * p1[i$1] + 6 * p2[i$1]), (a$1 = -3 * p0[i$1] + 9 * p1[i$1] - 9 * p2[i$1] + 3 * p3[i$1]), (c = 3 * p1[i$1] - 3 * p0[i$1]), (b |= 0), (a$1 |= 0), (c |= 0), (a$1 === 0 && b === 0) || (a$1 === 0 ? ((t$2 = -c / b), t$2 > 0 && t$2 < 1 && bounds[i$1].push(this.calculateF(t$2, p0, p1, p2, p3, i$1))) : ((b2ac = b * b - 4 * c * a$1), b2ac >= 0 && ((t1 = (-b + bmSqrt(b2ac)) / (2 * a$1)), t1 > 0 && t1 < 1 && bounds[i$1].push(this.calculateF(t1, p0, p1, p2, p3, i$1)), (t2 = (-b - bmSqrt(b2ac)) / (2 * a$1)), t2 > 0 && t2 < 1 && bounds[i$1].push(this.calculateF(t2, p0, p1, p2, p3, i$1))))); ((this || _global).shapeBoundingBox.left = bmMin.apply(null, bounds[0])), ((this || _global).shapeBoundingBox.top = bmMin.apply(null, bounds[1])), ((this || _global).shapeBoundingBox.right = bmMax.apply(null, bounds[0])), ((this || _global).shapeBoundingBox.bottom = bmMax.apply(null, bounds[1])); }), (HShapeElement.prototype.calculateF = function (t$2, p0, p1, p2, p3, i$1) { return ( bmPow(1 - t$2, 3) * p0[i$1] + 3 * bmPow(1 - t$2, 2) * t$2 * p1[i$1] + 3 * (1 - t$2) * bmPow(t$2, 2) * p2[i$1] + bmPow(t$2, 3) * p3[i$1] ); }), (HShapeElement.prototype.calculateBoundingBox = function (itemsData, boundingBox) { var i$1, len = itemsData.length; for (i$1 = 0; i$1 < len; i$1 += 1) itemsData[i$1] && itemsData[i$1].sh ? this.calculateShapeBoundingBox(itemsData[i$1], boundingBox) : itemsData[i$1] && itemsData[i$1].it && this.calculateBoundingBox(itemsData[i$1].it, boundingBox); }), (HShapeElement.prototype.currentBoxContains = function (box) { return ( (this || _global).currentBBox.x <= box.x && (this || _global).currentBBox.y <= box.y && (this || _global).currentBBox.width + (this || _global).currentBBox.x >= box.x + box.width && (this || _global).currentBBox.height + (this || _global).currentBBox.y >= box.y + box.height ); }), (HShapeElement.prototype.renderInnerContent = function () { if ( (this._renderShapeFrame(), !(this || _global).hidden && ((this || _global)._isFirstFrame || (this || _global)._mdf)) ) { var tempBoundingBox = (this || _global).tempBoundingBox, max = 999999; if ( ((tempBoundingBox.x = max), (tempBoundingBox.xMax = -max), (tempBoundingBox.y = max), (tempBoundingBox.yMax = -max), this.calculateBoundingBox((this || _global).itemsData, tempBoundingBox), (tempBoundingBox.width = tempBoundingBox.xMax < tempBoundingBox.x ? 0 : tempBoundingBox.xMax - tempBoundingBox.x), (tempBoundingBox.height = tempBoundingBox.yMax < tempBoundingBox.y ? 0 : tempBoundingBox.yMax - tempBoundingBox.y), this.currentBoxContains(tempBoundingBox)) ) return; var changed = !1; if ( ((this || _global).currentBBox.w !== tempBoundingBox.width && (((this || _global).currentBBox.w = tempBoundingBox.width), (this || _global).shapeCont.setAttribute(`width`, tempBoundingBox.width), (changed = !0)), (this || _global).currentBBox.h !== tempBoundingBox.height && (((this || _global).currentBBox.h = tempBoundingBox.height), (this || _global).shapeCont.setAttribute(`height`, tempBoundingBox.height), (changed = !0)), changed || (this || _global).currentBBox.x !== tempBoundingBox.x || (this || _global).currentBBox.y !== tempBoundingBox.y) ) { ((this || _global).currentBBox.w = tempBoundingBox.width), ((this || _global).currentBBox.h = tempBoundingBox.height), ((this || _global).currentBBox.x = tempBoundingBox.x), ((this || _global).currentBBox.y = tempBoundingBox.y), (this || _global).shapeCont.setAttribute( `viewBox`, (this || _global).currentBBox.x + ` ` + (this || _global).currentBBox.y + ` ` + (this || _global).currentBBox.w + ` ` + (this || _global).currentBBox.h ); var shapeStyle = (this || _global).shapeCont.style, shapeTransform = `translate(` + (this || _global).currentBBox.x + `px,` + (this || _global).currentBBox.y + `px)`; (shapeStyle.transform = shapeTransform), (shapeStyle.webkitTransform = shapeTransform); } } }); function HTextElement(data, globalData, comp) { ((this || _global).textSpans = []), ((this || _global).textPaths = []), ((this || _global).currentBBox = { x: 999999, y: -999999, h: 0, w: 0 }), ((this || _global).renderType = `svg`), ((this || _global).isMasked = !1), this.initElement(data, globalData, comp); } extendPrototype( [ BaseElement, TransformElement, HBaseElement, HierarchyElement, FrameElement, RenderableDOMElement, ITextElement ], HTextElement ), (HTextElement.prototype.createContent = function () { if ((((this || _global).isMasked = this.checkMasks()), (this || _global).isMasked)) { ((this || _global).renderType = `svg`), ((this || _global).compW = (this || _global).comp.data.w), ((this || _global).compH = (this || _global).comp.data.h), (this || _global).svgElement.setAttribute(`width`, (this || _global).compW), (this || _global).svgElement.setAttribute(`height`, (this || _global).compH); var g = createNS(`g`); (this || _global).maskedElement.appendChild(g), ((this || _global).innerElem = g); } else ((this || _global).renderType = `html`), ((this || _global).innerElem = (this || _global).layerElement); this.checkParenting(); }), (HTextElement.prototype.buildNewText = function () { var documentData = (this || _global).textProperty.currentData; (this || _global).renderedLetters = createSizedArray( documentData.l ? documentData.l.length : 0 ); var innerElemStyle = (this || _global).innerElem.style, textColor = documentData.fc ? this.buildColor(documentData.fc) : `rgba(0,0,0,0)`; (innerElemStyle.fill = textColor), (innerElemStyle.color = textColor), documentData.sc && ((innerElemStyle.stroke = this.buildColor(documentData.sc)), (innerElemStyle.strokeWidth = documentData.sw + `px`)); var fontData = (this || _global).globalData.fontManager.getFontByName(documentData.f); if (!(this || _global).globalData.fontManager.chars) if ( ((innerElemStyle.fontSize = documentData.finalSize + `px`), (innerElemStyle.lineHeight = documentData.finalSize + `px`), fontData.fClass) ) (this || _global).innerElem.className = fontData.fClass; else { innerElemStyle.fontFamily = fontData.fFamily; var fWeight = documentData.fWeight, fStyle = documentData.fStyle; (innerElemStyle.fontStyle = fStyle), (innerElemStyle.fontWeight = fWeight); } var i$1, len, letters = documentData.l; len = letters.length; var tSpan, tParent, tCont, matrixHelper = (this || _global).mHelper, shapes, shapeStr = ``, cnt = 0; for (i$1 = 0; i$1 < len; i$1 += 1) { if ( ((this || _global).globalData.fontManager.chars ? ((this || _global).textPaths[cnt] ? (tSpan = (this || _global).textPaths[cnt]) : ((tSpan = createNS(`path`)), tSpan.setAttribute(`stroke-linecap`, `butt`), tSpan.setAttribute(`stroke-linejoin`, `round`), tSpan.setAttribute(`stroke-miterlimit`, `4`)), (this || _global).isMasked || ((this || _global).textSpans[cnt] ? ((tParent = (this || _global).textSpans[cnt]), (tCont = tParent.children[0])) : ((tParent = createTag(`div`)), (tParent.style.lineHeight = 0), (tCont = createNS(`svg`)), tCont.appendChild(tSpan), styleDiv(tParent)))) : (this || _global).isMasked ? (tSpan = (this || _global).textPaths[cnt] ? (this || _global).textPaths[cnt] : createNS(`text`)) : (this || _global).textSpans[cnt] ? ((tParent = (this || _global).textSpans[cnt]), (tSpan = (this || _global).textPaths[cnt])) : ((tParent = createTag(`span`)), styleDiv(tParent), (tSpan = createTag(`span`)), styleDiv(tSpan), tParent.appendChild(tSpan)), (this || _global).globalData.fontManager.chars) ) { var charData = (this || _global).globalData.fontManager.getCharData( documentData.finalText[i$1], fontData.fStyle, (this || _global).globalData.fontManager.getFontByName(documentData.f) .fFamily ), shapeData; if ( ((shapeData = charData ? charData.data : null), matrixHelper.reset(), shapeData && shapeData.shapes && ((shapes = shapeData.shapes[0].it), matrixHelper.scale( documentData.finalSize / 100, documentData.finalSize / 100 ), (shapeStr = this.createPathShape(matrixHelper, shapes)), tSpan.setAttribute(`d`, shapeStr)), (this || _global).isMasked) ) (this || _global).innerElem.appendChild(tSpan); else { if ( ((this || _global).innerElem.appendChild(tParent), shapeData && shapeData.shapes) ) { document.body.appendChild(tCont); var boundingBox = tCont.getBBox(); tCont.setAttribute(`width`, boundingBox.width + 2), tCont.setAttribute(`height`, boundingBox.height + 2), tCont.setAttribute( `viewBox`, boundingBox.x - 1 + ` ` + (boundingBox.y - 1) + ` ` + (boundingBox.width + 2) + ` ` + (boundingBox.height + 2) ); var tContStyle = tCont.style, tContTranslation = `translate(` + (boundingBox.x - 1) + `px,` + (boundingBox.y - 1) + `px)`; (tContStyle.transform = tContTranslation), (tContStyle.webkitTransform = tContTranslation), (letters[i$1].yOffset = boundingBox.y - 1); } else tCont.setAttribute(`width`, 1), tCont.setAttribute(`height`, 1); tParent.appendChild(tCont); } } else if ( ((tSpan.textContent = letters[i$1].val), tSpan.setAttributeNS( `http://www.w3.org/XML/1998/namespace`, `xml:space`, `preserve` ), (this || _global).isMasked) ) (this || _global).innerElem.appendChild(tSpan); else { (this || _global).innerElem.appendChild(tParent); var tStyle = tSpan.style, tSpanTranslation = `translate3d(0,` + -documentData.finalSize / 1.2 + `px,0)`; (tStyle.transform = tSpanTranslation), (tStyle.webkitTransform = tSpanTranslation); } (this || _global).isMasked ? ((this || _global).textSpans[cnt] = tSpan) : ((this || _global).textSpans[cnt] = tParent), ((this || _global).textSpans[cnt].style.display = `block`), ((this || _global).textPaths[cnt] = tSpan), (cnt += 1); } for (; cnt < (this || _global).textSpans.length; ) ((this || _global).textSpans[cnt].style.display = `none`), (cnt += 1); }), (HTextElement.prototype.renderInnerContent = function () { var svgStyle; if ((this || _global).data.singleShape) { if (!(this || _global)._isFirstFrame && !(this || _global).lettersChangedFlag) return; if ((this || _global).isMasked && (this || _global).finalTransform._matMdf) { (this || _global).svgElement.setAttribute( `viewBox`, -(this || _global).finalTransform.mProp.p.v[0] + ` ` + -(this || _global).finalTransform.mProp.p.v[1] + ` ` + (this || _global).compW + ` ` + (this || _global).compH ), (svgStyle = (this || _global).svgElement.style); var translation = `translate(` + -(this || _global).finalTransform.mProp.p.v[0] + `px,` + -(this || _global).finalTransform.mProp.p.v[1] + `px)`; (svgStyle.transform = translation), (svgStyle.webkitTransform = translation); } } if ( ((this || _global).textAnimator.getMeasures( (this || _global).textProperty.currentData, (this || _global).lettersChangedFlag ), !( !(this || _global).lettersChangedFlag && !(this || _global).textAnimator.lettersChangedFlag )) ) { var i$1, len, count = 0, renderedLetters = (this || _global).textAnimator.renderedLetters, letters = (this || _global).textProperty.currentData.l; len = letters.length; var renderedLetter, textSpan, textPath; for (i$1 = 0; i$1 < len; i$1 += 1) letters[i$1].n ? (count += 1) : ((textSpan = (this || _global).textSpans[i$1]), (textPath = (this || _global).textPaths[i$1]), (renderedLetter = renderedLetters[count]), (count += 1), renderedLetter._mdf.m && ((this || _global).isMasked ? textSpan.setAttribute(`transform`, renderedLetter.m) : ((textSpan.style.webkitTransform = renderedLetter.m), (textSpan.style.transform = renderedLetter.m))), (textSpan.style.opacity = renderedLetter.o), renderedLetter.sw && renderedLetter._mdf.sw && textPath.setAttribute(`stroke-width`, renderedLetter.sw), renderedLetter.sc && renderedLetter._mdf.sc && textPath.setAttribute(`stroke`, renderedLetter.sc), renderedLetter.fc && renderedLetter._mdf.fc && (textPath.setAttribute(`fill`, renderedLetter.fc), (textPath.style.color = renderedLetter.fc))); if ( (this || _global).innerElem.getBBox && !(this || _global).hidden && ((this || _global)._isFirstFrame || (this || _global)._mdf) ) { var boundingBox = (this || _global).innerElem.getBBox(); (this || _global).currentBBox.w !== boundingBox.width && (((this || _global).currentBBox.w = boundingBox.width), (this || _global).svgElement.setAttribute(`width`, boundingBox.width)), (this || _global).currentBBox.h !== boundingBox.height && (((this || _global).currentBBox.h = boundingBox.height), (this || _global).svgElement.setAttribute(`height`, boundingBox.height)); var margin = 1; if ( (this || _global).currentBBox.w !== boundingBox.width + margin * 2 || (this || _global).currentBBox.h !== boundingBox.height + margin * 2 || (this || _global).currentBBox.x !== boundingBox.x - margin || (this || _global).currentBBox.y !== boundingBox.y - margin ) { ((this || _global).currentBBox.w = boundingBox.width + margin * 2), ((this || _global).currentBBox.h = boundingBox.height + margin * 2), ((this || _global).currentBBox.x = boundingBox.x - margin), ((this || _global).currentBBox.y = boundingBox.y - margin), (this || _global).svgElement.setAttribute( `viewBox`, (this || _global).currentBBox.x + ` ` + (this || _global).currentBBox.y + ` ` + (this || _global).currentBBox.w + ` ` + (this || _global).currentBBox.h ), (svgStyle = (this || _global).svgElement.style); var svgTransform = `translate(` + (this || _global).currentBBox.x + `px,` + (this || _global).currentBBox.y + `px)`; (svgStyle.transform = svgTransform), (svgStyle.webkitTransform = svgTransform); } } } }); function HImageElement(data, globalData, comp) { ((this || _global).assetData = globalData.getAssetData(data.refId)), this.initElement(data, globalData, comp); } extendPrototype( [ BaseElement, TransformElement, HBaseElement, HSolidElement, HierarchyElement, FrameElement, RenderableElement ], HImageElement ), (HImageElement.prototype.createContent = function () { var assetPath = (this || _global).globalData.getAssetsPath((this || _global).assetData), img = new Image(); (this || _global).data.hasMask ? (((this || _global).imageElem = createNS(`image`)), (this || _global).imageElem.setAttribute( `width`, (this || _global).assetData.w + `px` ), (this || _global).imageElem.setAttribute( `height`, (this || _global).assetData.h + `px` ), (this || _global).imageElem.setAttributeNS( `http://www.w3.org/1999/xlink`, `href`, assetPath ), (this || _global).layerElement.appendChild((this || _global).imageElem), (this || _global).baseElement.setAttribute(`width`, (this || _global).assetData.w), (this || _global).baseElement.setAttribute(`height`, (this || _global).assetData.h)) : (this || _global).layerElement.appendChild(img), (img.crossOrigin = `anonymous`), (img.src = assetPath), (this || _global).data.ln && (this || _global).baseElement.setAttribute(`id`, (this || _global).data.ln); }); function HCameraElement(data, globalData, comp) { this.initFrame(), this.initBaseData(data, globalData, comp), this.initHierarchy(); var getProp = PropertyFactory.getProp; if ( (((this || _global).pe = getProp(this || _global, data.pe, 0, 0, this || _global)), data.ks.p.s ? (((this || _global).px = getProp( this || _global, data.ks.p.x, 1, 0, this || _global )), ((this || _global).py = getProp(this || _global, data.ks.p.y, 1, 0, this || _global)), ((this || _global).pz = getProp(this || _global, data.ks.p.z, 1, 0, this || _global))) : ((this || _global).p = getProp(this || _global, data.ks.p, 1, 0, this || _global)), data.ks.a && ((this || _global).a = getProp(this || _global, data.ks.a, 1, 0, this || _global)), data.ks.or.k.length && data.ks.or.k[0].to) ) { var i$1, len = data.ks.or.k.length; for (i$1 = 0; i$1 < len; i$1 += 1) (data.ks.or.k[i$1].to = null), (data.ks.or.k[i$1].ti = null); } ((this || _global).or = getProp(this || _global, data.ks.or, 1, degToRads, this || _global)), ((this || _global).or.sh = !0), ((this || _global).rx = getProp( this || _global, data.ks.rx, 0, degToRads, this || _global )), ((this || _global).ry = getProp( this || _global, data.ks.ry, 0, degToRads, this || _global )), ((this || _global).rz = getProp( this || _global, data.ks.rz, 0, degToRads, this || _global )), ((this || _global).mat = new Matrix()), ((this || _global)._prevMat = new Matrix()), ((this || _global)._isFirstFrame = !0), ((this || _global).finalTransform = { mProp: this || _global }); } extendPrototype([BaseElement, FrameElement, HierarchyElement], HCameraElement), (HCameraElement.prototype.setup = function () { var i$1, len = (this || _global).comp.threeDElements.length, comp, perspectiveStyle, containerStyle$2; for (i$1 = 0; i$1 < len; i$1 += 1) if (((comp = (this || _global).comp.threeDElements[i$1]), comp.type === `3d`)) { (perspectiveStyle = comp.perspectiveElem.style), (containerStyle$2 = comp.container.style); var perspective = (this || _global).pe.v + `px`, origin = `0px 0px 0px`, matrix = `matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)`; (perspectiveStyle.perspective = perspective), (perspectiveStyle.webkitPerspective = perspective), (containerStyle$2.transformOrigin = origin), (containerStyle$2.mozTransformOrigin = origin), (containerStyle$2.webkitTransformOrigin = origin), (perspectiveStyle.transform = matrix), (perspectiveStyle.webkitTransform = matrix); } }), (HCameraElement.prototype.createElements = function () {}), (HCameraElement.prototype.hide = function () {}), (HCameraElement.prototype.renderFrame = function () { var _mdf = (this || _global)._isFirstFrame, i$1, len; if ((this || _global).hierarchy) for (len = (this || _global).hierarchy.length, i$1 = 0; i$1 < len; i$1 += 1) _mdf = (this || _global).hierarchy[i$1].finalTransform.mProp._mdf || _mdf; if ( _mdf || (this || _global).pe._mdf || ((this || _global).p && (this || _global).p._mdf) || ((this || _global).px && ((this || _global).px._mdf || (this || _global).py._mdf || (this || _global).pz._mdf)) || (this || _global).rx._mdf || (this || _global).ry._mdf || (this || _global).rz._mdf || (this || _global).or._mdf || ((this || _global).a && (this || _global).a._mdf) ) { if (((this || _global).mat.reset(), (this || _global).hierarchy)) for (len = (this || _global).hierarchy.length - 1, i$1 = len; i$1 >= 0; --i$1) { var mTransf = (this || _global).hierarchy[i$1].finalTransform.mProp; (this || _global).mat.translate( -mTransf.p.v[0], -mTransf.p.v[1], mTransf.p.v[2] ), (this || _global).mat .rotateX(-mTransf.or.v[0]) .rotateY(-mTransf.or.v[1]) .rotateZ(mTransf.or.v[2]), (this || _global).mat .rotateX(-mTransf.rx.v) .rotateY(-mTransf.ry.v) .rotateZ(mTransf.rz.v), (this || _global).mat.scale( 1 / mTransf.s.v[0], 1 / mTransf.s.v[1], 1 / mTransf.s.v[2] ), (this || _global).mat.translate( mTransf.a.v[0], mTransf.a.v[1], mTransf.a.v[2] ); } if ( ((this || _global).p ? (this || _global).mat.translate( -(this || _global).p.v[0], -(this || _global).p.v[1], (this || _global).p.v[2] ) : (this || _global).mat.translate( -(this || _global).px.v, -(this || _global).py.v, (this || _global).pz.v ), (this || _global).a) ) { var diffVector; diffVector = (this || _global).p ? [ (this || _global).p.v[0] - (this || _global).a.v[0], (this || _global).p.v[1] - (this || _global).a.v[1], (this || _global).p.v[2] - (this || _global).a.v[2] ] : [ (this || _global).px.v - (this || _global).a.v[0], (this || _global).py.v - (this || _global).a.v[1], (this || _global).pz.v - (this || _global).a.v[2] ]; var mag = Math.sqrt(diffVector[0] ** 2 + diffVector[1] ** 2 + diffVector[2] ** 2), lookDir = [diffVector[0] / mag, diffVector[1] / mag, diffVector[2] / mag], lookLengthOnXZ = Math.sqrt(lookDir[2] * lookDir[2] + lookDir[0] * lookDir[0]), mRotationX = Math.atan2(lookDir[1], lookLengthOnXZ), mRotationY = Math.atan2(lookDir[0], -lookDir[2]); (this || _global).mat.rotateY(mRotationY).rotateX(-mRotationX); } (this || _global).mat .rotateX(-(this || _global).rx.v) .rotateY(-(this || _global).ry.v) .rotateZ((this || _global).rz.v), (this || _global).mat .rotateX(-(this || _global).or.v[0]) .rotateY(-(this || _global).or.v[1]) .rotateZ((this || _global).or.v[2]), (this || _global).mat.translate( (this || _global).globalData.compSize.w / 2, (this || _global).globalData.compSize.h / 2, 0 ), (this || _global).mat.translate(0, 0, (this || _global).pe.v); var hasMatrixChanged = !(this || _global)._prevMat.equals((this || _global).mat); if ( (hasMatrixChanged || (this || _global).pe._mdf) && (this || _global).comp.threeDElements ) { len = (this || _global).comp.threeDElements.length; var comp, perspectiveStyle, containerStyle$2; for (i$1 = 0; i$1 < len; i$1 += 1) if (((comp = (this || _global).comp.threeDElements[i$1]), comp.type === `3d`)) { if (hasMatrixChanged) { var matValue = (this || _global).mat.toCSS(); (containerStyle$2 = comp.container.style), (containerStyle$2.transform = matValue), (containerStyle$2.webkitTransform = matValue); } (this || _global).pe._mdf && ((perspectiveStyle = comp.perspectiveElem.style), (perspectiveStyle.perspective = (this || _global).pe.v + `px`), (perspectiveStyle.webkitPerspective = (this || _global).pe.v + `px`)); } (this || _global).mat.clone((this || _global)._prevMat); } } (this || _global)._isFirstFrame = !1; }), (HCameraElement.prototype.prepareFrame = function (num) { this.prepareProperties(num, !0); }), (HCameraElement.prototype.destroy = function () {}), (HCameraElement.prototype.getBaseElement = function () { return null; }); function HEffects() {} HEffects.prototype.renderFrame = function () {}; var animationManager = (function () { var moduleOb = {}, registeredAnimations = [], initTime = 0, len = 0, playingAnimationsNum = 0, _stopped = !0, _isFrozen = !1; function removeElement(ev) { for (var i$1 = 0, animItem = ev.target; i$1 < len; ) registeredAnimations[i$1].animation === animItem && (registeredAnimations.splice(i$1, 1), --i$1, --len, animItem.isPaused || subtractPlayingCount()), (i$1 += 1); } function registerAnimation(element, animationData$1) { if (!element) return null; for (var i$1 = 0; i$1 < len; ) { if ( registeredAnimations[i$1].elem === element && registeredAnimations[i$1].elem !== null ) return registeredAnimations[i$1].animation; i$1 += 1; } var animItem = new AnimationItem(); return ( setupAnimation(animItem, element), animItem.setData(element, animationData$1), animItem ); } function getRegisteredAnimations() { var i$1, lenAnims = registeredAnimations.length, animations = []; for (i$1 = 0; i$1 < lenAnims; i$1 += 1) animations.push(registeredAnimations[i$1].animation); return animations; } function addPlayingCount() { (playingAnimationsNum += 1), activate(); } function subtractPlayingCount() { --playingAnimationsNum; } function setupAnimation(animItem, element) { animItem.addEventListener(`destroy`, removeElement), animItem.addEventListener(`_active`, addPlayingCount), animItem.addEventListener(`_idle`, subtractPlayingCount), registeredAnimations.push({ elem: element, animation: animItem }), (len += 1); } function loadAnimation$1(params) { var animItem = new AnimationItem(); return setupAnimation(animItem, null), animItem.setParams(params), animItem; } function setSpeed(val, animation$2) { var i$1; for (i$1 = 0; i$1 < len; i$1 += 1) registeredAnimations[i$1].animation.setSpeed(val, animation$2); } function setDirection(val, animation$2) { var i$1; for (i$1 = 0; i$1 < len; i$1 += 1) registeredAnimations[i$1].animation.setDirection(val, animation$2); } function play(animation$2) { var i$1; for (i$1 = 0; i$1 < len; i$1 += 1) registeredAnimations[i$1].animation.play(animation$2); } function resume(nowTime) { var elapsedTime = nowTime - initTime, i$1; for (i$1 = 0; i$1 < len; i$1 += 1) registeredAnimations[i$1].animation.advanceTime(elapsedTime); (initTime = nowTime), playingAnimationsNum && !_isFrozen ? window$1.requestAnimationFrame(resume) : (_stopped = !0); } function first(nowTime) { (initTime = nowTime), window$1.requestAnimationFrame(resume); } function pause(animation$2) { var i$1; for (i$1 = 0; i$1 < len; i$1 += 1) registeredAnimations[i$1].animation.pause(animation$2); } function goToAndStop(value, isFrame, animation$2) { var i$1; for (i$1 = 0; i$1 < len; i$1 += 1) registeredAnimations[i$1].animation.goToAndStop(value, isFrame, animation$2); } function stop(animation$2) { var i$1; for (i$1 = 0; i$1 < len; i$1 += 1) registeredAnimations[i$1].animation.stop(animation$2); } function togglePause(animation$2) { var i$1; for (i$1 = 0; i$1 < len; i$1 += 1) registeredAnimations[i$1].animation.togglePause(animation$2); } function destroy(animation$2) { var i$1; for (i$1 = len - 1; i$1 >= 0; --i$1) registeredAnimations[i$1].animation.destroy(animation$2); } function searchAnimations$1(animationData$1, standalone$1, renderer$1) { var animElements = [].concat( [].slice.call(document.getElementsByClassName(`lottie`)), [].slice.call(document.getElementsByClassName(`bodymovin`)) ), i$1, lenAnims = animElements.length; for (i$1 = 0; i$1 < lenAnims; i$1 += 1) renderer$1 && animElements[i$1].setAttribute(`data-bm-type`, renderer$1), registerAnimation(animElements[i$1], animationData$1); if (standalone$1 && lenAnims === 0) { renderer$1 ||= `svg`; var body = document.getElementsByTagName(`body`)[0]; body.innerText = ``; var div = createTag(`div`); (div.style.width = `100%`), (div.style.height = `100%`), div.setAttribute(`data-bm-type`, renderer$1), body.appendChild(div), registerAnimation(div, animationData$1); } } function resize$1() { var i$1; for (i$1 = 0; i$1 < len; i$1 += 1) registeredAnimations[i$1].animation.resize(); } function activate() { !_isFrozen && playingAnimationsNum && (_stopped &&= (window$1.requestAnimationFrame(first), !1)); } function freeze() { _isFrozen = !0; } function unfreeze() { (_isFrozen = !1), activate(); } function setVolume(val, animation$2) { var i$1; for (i$1 = 0; i$1 < len; i$1 += 1) registeredAnimations[i$1].animation.setVolume(val, animation$2); } function mute(animation$2) { var i$1; for (i$1 = 0; i$1 < len; i$1 += 1) registeredAnimations[i$1].animation.mute(animation$2); } function unmute(animation$2) { var i$1; for (i$1 = 0; i$1 < len; i$1 += 1) registeredAnimations[i$1].animation.unmute(animation$2); } return ( (moduleOb.registerAnimation = registerAnimation), (moduleOb.loadAnimation = loadAnimation$1), (moduleOb.setSpeed = setSpeed), (moduleOb.setDirection = setDirection), (moduleOb.play = play), (moduleOb.pause = pause), (moduleOb.stop = stop), (moduleOb.togglePause = togglePause), (moduleOb.searchAnimations = searchAnimations$1), (moduleOb.resize = resize$1), (moduleOb.goToAndStop = goToAndStop), (moduleOb.destroy = destroy), (moduleOb.freeze = freeze), (moduleOb.unfreeze = unfreeze), (moduleOb.setVolume = setVolume), (moduleOb.mute = mute), (moduleOb.unmute = unmute), (moduleOb.getRegisteredAnimations = getRegisteredAnimations), moduleOb ); })(), AnimationItem = function () { ((this || _global)._cbs = []), ((this || _global).name = ``), ((this || _global).path = ``), ((this || _global).isLoaded = !1), ((this || _global).currentFrame = 0), ((this || _global).currentRawFrame = 0), ((this || _global).firstFrame = 0), ((this || _global).totalFrames = 0), ((this || _global).frameRate = 0), ((this || _global).frameMult = 0), ((this || _global).playSpeed = 1), ((this || _global).playDirection = 1), ((this || _global).playCount = 0), ((this || _global).animationData = {}), ((this || _global).assets = []), ((this || _global).isPaused = !0), ((this || _global).autoplay = !1), ((this || _global).loop = !0), ((this || _global).renderer = null), ((this || _global).animationID = createElementID()), ((this || _global).assetsPath = ``), ((this || _global).timeCompleted = 0), ((this || _global).segmentPos = 0), ((this || _global).isSubframeEnabled = subframeEnabled), ((this || _global).segments = []), ((this || _global)._idle = !0), ((this || _global)._completedLoop = !1), ((this || _global).projectInterface = ProjectInterface()), ((this || _global).imagePreloader = new ImagePreloader()), ((this || _global).audioController = audioControllerFactory()), ((this || _global).markers = []); }; extendPrototype([BaseEvent], AnimationItem), (AnimationItem.prototype.setParams = function (params) { (params.wrapper || params.container) && ((this || _global).wrapper = params.wrapper || params.container); var animType = `svg`; switch ( (params.animType ? (animType = params.animType) : params.renderer && (animType = params.renderer), animType) ) { case `canvas`: (this || _global).renderer = new CanvasRenderer( this || _global, params.rendererSettings ); break; case `svg`: (this || _global).renderer = new SVGRenderer( this || _global, params.rendererSettings ); break; default: (this || _global).renderer = new HybridRenderer( this || _global, params.rendererSettings ); break; } (this || _global).imagePreloader.setCacheType( animType, (this || _global).renderer.globalData.defs ), (this || _global).renderer.setProjectInterface((this || _global).projectInterface), ((this || _global).animType = animType), params.loop === `` || params.loop === null || params.loop === void 0 || params.loop === !0 ? ((this || _global).loop = !0) : params.loop === !1 ? ((this || _global).loop = !1) : ((this || _global).loop = parseInt(params.loop, 10)), ((this || _global).autoplay = `autoplay` in params ? params.autoplay : !0), ((this || _global).name = params.name ? params.name : ``), ((this || _global).autoloadSegments = Object.prototype.hasOwnProperty.call( params, `autoloadSegments` ) ? params.autoloadSegments : !0), ((this || _global).assetsPath = params.assetsPath), ((this || _global).initialSegment = params.initialSegment), params.audioFactory && (this || _global).audioController.setAudioFactory(params.audioFactory), params.animationData ? this.configAnimation(params.animationData) : params.path && (params.path.lastIndexOf(`\\`) === -1 ? ((this || _global).path = params.path.substr( 0, params.path.lastIndexOf(`/`) + 1 )) : ((this || _global).path = params.path.substr( 0, params.path.lastIndexOf(`\\`) + 1 )), ((this || _global).fileName = params.path.substr( params.path.lastIndexOf(`/`) + 1 )), ((this || _global).fileName = (this || _global).fileName.substr( 0, (this || _global).fileName.lastIndexOf(`.json`) )), assetLoader.load( params.path, (this || _global).configAnimation.bind(this || _global), function () { this.trigger(`data_failed`); }.bind(this || _global) )); }), (AnimationItem.prototype.setData = function (wrapper, animationData$1) { animationData$1 && typeof animationData$1 != `object` && (animationData$1 = JSON.parse(animationData$1)); var params = { wrapper, animationData: animationData$1 }, wrapperAttributes = wrapper.attributes; (params.path = wrapperAttributes.getNamedItem(`data-animation-path`) ? wrapperAttributes.getNamedItem(`data-animation-path`).value : wrapperAttributes.getNamedItem(`data-bm-path`) ? wrapperAttributes.getNamedItem(`data-bm-path`).value : wrapperAttributes.getNamedItem(`bm-path`) ? wrapperAttributes.getNamedItem(`bm-path`).value : ``), (params.animType = wrapperAttributes.getNamedItem(`data-anim-type`) ? wrapperAttributes.getNamedItem(`data-anim-type`).value : wrapperAttributes.getNamedItem(`data-bm-type`) ? wrapperAttributes.getNamedItem(`data-bm-type`).value : wrapperAttributes.getNamedItem(`bm-type`) ? wrapperAttributes.getNamedItem(`bm-type`).value : wrapperAttributes.getNamedItem(`data-bm-renderer`) ? wrapperAttributes.getNamedItem(`data-bm-renderer`).value : wrapperAttributes.getNamedItem(`bm-renderer`) ? wrapperAttributes.getNamedItem(`bm-renderer`).value : `canvas`); var loop = wrapperAttributes.getNamedItem(`data-anim-loop`) ? wrapperAttributes.getNamedItem(`data-anim-loop`).value : wrapperAttributes.getNamedItem(`data-bm-loop`) ? wrapperAttributes.getNamedItem(`data-bm-loop`).value : wrapperAttributes.getNamedItem(`bm-loop`) ? wrapperAttributes.getNamedItem(`bm-loop`).value : ``; loop === `false` ? (params.loop = !1) : loop === `true` ? (params.loop = !0) : loop !== `` && (params.loop = parseInt(loop, 10)); var autoplay = wrapperAttributes.getNamedItem(`data-anim-autoplay`) ? wrapperAttributes.getNamedItem(`data-anim-autoplay`).value : wrapperAttributes.getNamedItem(`data-bm-autoplay`) ? wrapperAttributes.getNamedItem(`data-bm-autoplay`).value : wrapperAttributes.getNamedItem(`bm-autoplay`) ? wrapperAttributes.getNamedItem(`bm-autoplay`).value : !0; (params.autoplay = autoplay !== `false`), (params.name = wrapperAttributes.getNamedItem(`data-name`) ? wrapperAttributes.getNamedItem(`data-name`).value : wrapperAttributes.getNamedItem(`data-bm-name`) ? wrapperAttributes.getNamedItem(`data-bm-name`).value : wrapperAttributes.getNamedItem(`bm-name`) ? wrapperAttributes.getNamedItem(`bm-name`).value : ``); var prerender = wrapperAttributes.getNamedItem(`data-anim-prerender`) ? wrapperAttributes.getNamedItem(`data-anim-prerender`).value : wrapperAttributes.getNamedItem(`data-bm-prerender`) ? wrapperAttributes.getNamedItem(`data-bm-prerender`).value : wrapperAttributes.getNamedItem(`bm-prerender`) ? wrapperAttributes.getNamedItem(`bm-prerender`).value : ``; prerender === `false` && (params.prerender = !1), this.setParams(params); }), (AnimationItem.prototype.includeLayers = function (data) { data.op > (this || _global).animationData.op && (((this || _global).animationData.op = data.op), ((this || _global).totalFrames = Math.floor( data.op - (this || _global).animationData.ip ))); var layers = (this || _global).animationData.layers, i$1, len = layers.length, newLayers = data.layers, j$2, jLen = newLayers.length; for (j$2 = 0; j$2 < jLen; j$2 += 1) for (i$1 = 0; i$1 < len; ) { if (layers[i$1].id === newLayers[j$2].id) { layers[i$1] = newLayers[j$2]; break; } i$1 += 1; } if ( ((data.chars || data.fonts) && ((this || _global).renderer.globalData.fontManager.addChars(data.chars), (this || _global).renderer.globalData.fontManager.addFonts( data.fonts, (this || _global).renderer.globalData.defs )), data.assets) ) for (len = data.assets.length, i$1 = 0; i$1 < len; i$1 += 1) (this || _global).animationData.assets.push(data.assets[i$1]); ((this || _global).animationData.__complete = !1), dataManager.completeData( (this || _global).animationData, (this || _global).renderer.globalData.fontManager ), (this || _global).renderer.includeLayers(data.layers), expressionsPlugin && expressionsPlugin.initExpressions(this || _global), this.loadNextSegment(); }), (AnimationItem.prototype.loadNextSegment = function () { var segments = (this || _global).animationData.segments; if (!segments || segments.length === 0 || !(this || _global).autoloadSegments) { this.trigger(`data_ready`), ((this || _global).timeCompleted = (this || _global).totalFrames); return; } var segment = segments.shift(); (this || _global).timeCompleted = segment.time * (this || _global).frameRate; var segmentPath = (this || _global).path + (this || _global).fileName + `_` + (this || _global).segmentPos + `.json`; ((this || _global).segmentPos += 1), assetLoader.load( segmentPath, (this || _global).includeLayers.bind(this || _global), function () { this.trigger(`data_failed`); }.bind(this || _global) ); }), (AnimationItem.prototype.loadSegments = function () { var segments = (this || _global).animationData.segments; segments || ((this || _global).timeCompleted = (this || _global).totalFrames), this.loadNextSegment(); }), (AnimationItem.prototype.imagesLoaded = function () { this.trigger(`loaded_images`), this.checkLoaded(); }), (AnimationItem.prototype.preloadImages = function () { (this || _global).imagePreloader.setAssetsPath((this || _global).assetsPath), (this || _global).imagePreloader.setPath((this || _global).path), (this || _global).imagePreloader.loadAssets( (this || _global).animationData.assets, (this || _global).imagesLoaded.bind(this || _global) ); }), (AnimationItem.prototype.configAnimation = function (animData) { if ((this || _global).renderer) try { ((this || _global).animationData = animData), (this || _global).initialSegment ? (((this || _global).totalFrames = Math.floor( (this || _global).initialSegment[1] - (this || _global).initialSegment[0] )), ((this || _global).firstFrame = Math.round( (this || _global).initialSegment[0] ))) : (((this || _global).totalFrames = Math.floor( (this || _global).animationData.op - (this || _global).animationData.ip )), ((this || _global).firstFrame = Math.round( (this || _global).animationData.ip ))), (this || _global).renderer.configAnimation(animData), (animData.assets ||= []), ((this || _global).assets = (this || _global).animationData.assets), ((this || _global).frameRate = (this || _global).animationData.fr), ((this || _global).frameMult = (this || _global).animationData.fr / 1e3), (this || _global).renderer.searchExtraCompositions(animData.assets), ((this || _global).markers = markerParser(animData.markers || [])), this.trigger(`config_ready`), this.preloadImages(), this.loadSegments(), this.updaFrameModifier(), this.waitForFontsLoaded(), (this || _global).isPaused && (this || _global).audioController.pause(); } catch (error) { this.triggerConfigError(error); } }), (AnimationItem.prototype.waitForFontsLoaded = function () { (this || _global).renderer && ((this || _global).renderer.globalData.fontManager.isLoaded ? this.checkLoaded() : setTimeout((this || _global).waitForFontsLoaded.bind(this || _global), 20)); }), (AnimationItem.prototype.checkLoaded = function () { !(this || _global).isLoaded && (this || _global).renderer.globalData.fontManager.isLoaded && ((this || _global).imagePreloader.loadedImages() || (this || _global).renderer.rendererType !== `canvas`) && (this || _global).imagePreloader.loadedFootages() && (((this || _global).isLoaded = !0), dataManager.completeData( (this || _global).animationData, (this || _global).renderer.globalData.fontManager ), expressionsPlugin && expressionsPlugin.initExpressions(this || _global), (this || _global).renderer.initItems(), setTimeout( function () { this.trigger(`DOMLoaded`); }.bind(this || _global), 0 ), this.gotoFrame(), (this || _global).autoplay && this.play()); }), (AnimationItem.prototype.resize = function () { (this || _global).renderer.updateContainerSize(); }), (AnimationItem.prototype.setSubframe = function (flag) { (this || _global).isSubframeEnabled = !!flag; }), (AnimationItem.prototype.gotoFrame = function () { ((this || _global).currentFrame = (this || _global).isSubframeEnabled ? (this || _global).currentRawFrame : ~~(this || _global).currentRawFrame), (this || _global).timeCompleted !== (this || _global).totalFrames && (this || _global).currentFrame > (this || _global).timeCompleted && ((this || _global).currentFrame = (this || _global).timeCompleted), this.trigger(`enterFrame`), this.renderFrame(); }), (AnimationItem.prototype.renderFrame = function () { if (!((this || _global).isLoaded === !1 || !(this || _global).renderer)) try { (this || _global).renderer.renderFrame( (this || _global).currentFrame + (this || _global).firstFrame ); } catch (error) { this.triggerRenderFrameError(error); } }), (AnimationItem.prototype.play = function (name) { (name && (this || _global).name !== name) || ((this || _global).isPaused === !0 && (((this || _global).isPaused = !1), (this || _global).audioController.resume(), (this || _global)._idle && (((this || _global)._idle = !1), this.trigger(`_active`)))); }), (AnimationItem.prototype.pause = function (name) { (name && (this || _global).name !== name) || ((this || _global).isPaused === !1 && (((this || _global).isPaused = !0), ((this || _global)._idle = !0), this.trigger(`_idle`), (this || _global).audioController.pause())); }), (AnimationItem.prototype.togglePause = function (name) { (name && (this || _global).name !== name) || ((this || _global).isPaused === !0 ? this.play() : this.pause()); }), (AnimationItem.prototype.stop = function (name) { (name && (this || _global).name !== name) || (this.pause(), ((this || _global).playCount = 0), ((this || _global)._completedLoop = !1), this.setCurrentRawFrameValue(0)); }), (AnimationItem.prototype.getMarkerData = function (markerName) { for (var marker, i$1 = 0; i$1 < (this || _global).markers.length; i$1 += 1) if ( ((marker = (this || _global).markers[i$1]), marker.payload && marker.payload.name === markerName) ) return marker; return null; }), (AnimationItem.prototype.goToAndStop = function (value, isFrame, name) { if (!(name && (this || _global).name !== name)) { var numValue = Number(value); if (isNaN(numValue)) { var marker = this.getMarkerData(value); marker && this.goToAndStop(marker.time, !0); } else isFrame ? this.setCurrentRawFrameValue(value) : this.setCurrentRawFrameValue(value * (this || _global).frameModifier); this.pause(); } }), (AnimationItem.prototype.goToAndPlay = function (value, isFrame, name) { if (!(name && (this || _global).name !== name)) { var numValue = Number(value); if (isNaN(numValue)) { var marker = this.getMarkerData(value); marker && (marker.duration ? this.playSegments([marker.time, marker.time + marker.duration], !0) : this.goToAndStop(marker.time, !0)); } else this.goToAndStop(numValue, isFrame, name); this.play(); } }), (AnimationItem.prototype.advanceTime = function (value) { if (!((this || _global).isPaused === !0 || (this || _global).isLoaded === !1)) { var nextValue = (this || _global).currentRawFrame + value * (this || _global).frameModifier, _isComplete = !1; nextValue >= (this || _global).totalFrames - 1 && (this || _global).frameModifier > 0 ? !(this || _global).loop || (this || _global).playCount === (this || _global).loop ? this.checkSegments( nextValue > (this || _global).totalFrames ? nextValue % (this || _global).totalFrames : 0 ) || ((_isComplete = !0), (nextValue = (this || _global).totalFrames - 1)) : nextValue >= (this || _global).totalFrames ? (((this || _global).playCount += 1), this.checkSegments(nextValue % (this || _global).totalFrames) || (this.setCurrentRawFrameValue( nextValue % (this || _global).totalFrames ), ((this || _global)._completedLoop = !0), this.trigger(`loopComplete`))) : this.setCurrentRawFrameValue(nextValue) : nextValue < 0 ? this.checkSegments(nextValue % (this || _global).totalFrames) || ((this || _global).loop && !((this || _global).playCount-- <= 0 && (this || _global).loop !== !0) ? (this.setCurrentRawFrameValue( (this || _global).totalFrames + (nextValue % (this || _global).totalFrames) ), (this || _global)._completedLoop ? this.trigger(`loopComplete`) : ((this || _global)._completedLoop = !0)) : ((_isComplete = !0), (nextValue = 0))) : this.setCurrentRawFrameValue(nextValue), _isComplete && (this.setCurrentRawFrameValue(nextValue), this.pause(), this.trigger(`complete`)); } }), (AnimationItem.prototype.adjustSegment = function (arr, offset) { ((this || _global).playCount = 0), arr[1] < arr[0] ? ((this || _global).frameModifier > 0 && ((this || _global).playSpeed < 0 ? this.setSpeed(-(this || _global).playSpeed) : this.setDirection(-1)), ((this || _global).totalFrames = arr[0] - arr[1]), ((this || _global).timeCompleted = (this || _global).totalFrames), ((this || _global).firstFrame = arr[1]), this.setCurrentRawFrameValue((this || _global).totalFrames - 0.001 - offset)) : arr[1] > arr[0] && ((this || _global).frameModifier < 0 && ((this || _global).playSpeed < 0 ? this.setSpeed(-(this || _global).playSpeed) : this.setDirection(1)), ((this || _global).totalFrames = arr[1] - arr[0]), ((this || _global).timeCompleted = (this || _global).totalFrames), ((this || _global).firstFrame = arr[0]), this.setCurrentRawFrameValue(0.001 + offset)), this.trigger(`segmentStart`); }), (AnimationItem.prototype.setSegment = function (init, end) { var pendingFrame = -1; (this || _global).isPaused && ((this || _global).currentRawFrame + (this || _global).firstFrame < init ? (pendingFrame = init) : (this || _global).currentRawFrame + (this || _global).firstFrame > end && (pendingFrame = end - init)), ((this || _global).firstFrame = init), ((this || _global).totalFrames = end - init), ((this || _global).timeCompleted = (this || _global).totalFrames), pendingFrame !== -1 && this.goToAndStop(pendingFrame, !0); }), (AnimationItem.prototype.playSegments = function (arr, forceFlag) { if ((forceFlag && ((this || _global).segments.length = 0), typeof arr[0] == `object`)) { var i$1, len = arr.length; for (i$1 = 0; i$1 < len; i$1 += 1) (this || _global).segments.push(arr[i$1]); } else (this || _global).segments.push(arr); (this || _global).segments.length && forceFlag && this.adjustSegment((this || _global).segments.shift(), 0), (this || _global).isPaused && this.play(); }), (AnimationItem.prototype.resetSegments = function (forceFlag) { ((this || _global).segments.length = 0), (this || _global).segments.push([ (this || _global).animationData.ip, (this || _global).animationData.op ]), forceFlag && this.checkSegments(0); }), (AnimationItem.prototype.checkSegments = function (offset) { return (this || _global).segments.length ? (this.adjustSegment((this || _global).segments.shift(), offset), !0) : !1; }), (AnimationItem.prototype.destroy = function (name) { (name && (this || _global).name !== name) || !(this || _global).renderer || ((this || _global).renderer.destroy(), (this || _global).imagePreloader.destroy(), this.trigger(`destroy`), ((this || _global)._cbs = null), ((this || _global).onEnterFrame = null), ((this || _global).onLoopComplete = null), ((this || _global).onComplete = null), ((this || _global).onSegmentStart = null), ((this || _global).onDestroy = null), ((this || _global).renderer = null), ((this || _global).renderer = null), ((this || _global).imagePreloader = null), ((this || _global).projectInterface = null)); }), (AnimationItem.prototype.setCurrentRawFrameValue = function (value) { ((this || _global).currentRawFrame = value), this.gotoFrame(); }), (AnimationItem.prototype.setSpeed = function (val) { ((this || _global).playSpeed = val), this.updaFrameModifier(); }), (AnimationItem.prototype.setDirection = function (val) { ((this || _global).playDirection = val < 0 ? -1 : 1), this.updaFrameModifier(); }), (AnimationItem.prototype.setVolume = function (val, name) { (name && (this || _global).name !== name) || (this || _global).audioController.setVolume(val); }), (AnimationItem.prototype.getVolume = function () { return (this || _global).audioController.getVolume(); }), (AnimationItem.prototype.mute = function (name) { (name && (this || _global).name !== name) || (this || _global).audioController.mute(); }), (AnimationItem.prototype.unmute = function (name) { (name && (this || _global).name !== name) || (this || _global).audioController.unmute(); }), (AnimationItem.prototype.updaFrameModifier = function () { ((this || _global).frameModifier = (this || _global).frameMult * (this || _global).playSpeed * (this || _global).playDirection), (this || _global).audioController.setRate( (this || _global).playSpeed * (this || _global).playDirection ); }), (AnimationItem.prototype.getPath = function () { return (this || _global).path; }), (AnimationItem.prototype.getAssetsPath = function (assetData) { var path = ``; if (assetData.e) path = assetData.p; else if ((this || _global).assetsPath) { var imagePath = assetData.p; imagePath.indexOf(`images/`) !== -1 && (imagePath = imagePath.split(`/`)[1]), (path = (this || _global).assetsPath + imagePath); } else (path = (this || _global).path), (path += assetData.u ? assetData.u : ``), (path += assetData.p); return path; }), (AnimationItem.prototype.getAssetData = function (id) { for (var i$1 = 0, len = (this || _global).assets.length; i$1 < len; ) { if (id === (this || _global).assets[i$1].id) return (this || _global).assets[i$1]; i$1 += 1; } return null; }), (AnimationItem.prototype.hide = function () { (this || _global).renderer.hide(); }), (AnimationItem.prototype.show = function () { (this || _global).renderer.show(); }), (AnimationItem.prototype.getDuration = function (isFrame) { return isFrame ? (this || _global).totalFrames : (this || _global).totalFrames / (this || _global).frameRate; }), (AnimationItem.prototype.trigger = function (name) { if ((this || _global)._cbs && (this || _global)._cbs[name]) switch (name) { case `enterFrame`: this.triggerEvent( name, new BMEnterFrameEvent( name, (this || _global).currentFrame, (this || _global).totalFrames, (this || _global).frameModifier ) ); break; case `loopComplete`: this.triggerEvent( name, new BMCompleteLoopEvent( name, (this || _global).loop, (this || _global).playCount, (this || _global).frameMult ) ); break; case `complete`: this.triggerEvent(name, new BMCompleteEvent(name, (this || _global).frameMult)); break; case `segmentStart`: this.triggerEvent( name, new BMSegmentStartEvent( name, (this || _global).firstFrame, (this || _global).totalFrames ) ); break; case `destroy`: this.triggerEvent(name, new BMDestroyEvent(name, this || _global)); break; default: this.triggerEvent(name); } name === `enterFrame` && (this || _global).onEnterFrame && (this || _global).onEnterFrame.call( this || _global, new BMEnterFrameEvent( name, (this || _global).currentFrame, (this || _global).totalFrames, (this || _global).frameMult ) ), name === `loopComplete` && (this || _global).onLoopComplete && (this || _global).onLoopComplete.call( this || _global, new BMCompleteLoopEvent( name, (this || _global).loop, (this || _global).playCount, (this || _global).frameMult ) ), name === `complete` && (this || _global).onComplete && (this || _global).onComplete.call( this || _global, new BMCompleteEvent(name, (this || _global).frameMult) ), name === `segmentStart` && (this || _global).onSegmentStart && (this || _global).onSegmentStart.call( this || _global, new BMSegmentStartEvent( name, (this || _global).firstFrame, (this || _global).totalFrames ) ), name === `destroy` && (this || _global).onDestroy && (this || _global).onDestroy.call( this || _global, new BMDestroyEvent(name, this || _global) ); }), (AnimationItem.prototype.triggerRenderFrameError = function (nativeError) { var error = new BMRenderFrameErrorEvent(nativeError, (this || _global).currentFrame); this.triggerEvent(`error`, error), (this || _global).onError && (this || _global).onError.call(this || _global, error); }), (AnimationItem.prototype.triggerConfigError = function (nativeError) { var error = new BMConfigErrorEvent(nativeError, (this || _global).currentFrame); this.triggerEvent(`error`, error), (this || _global).onError && (this || _global).onError.call(this || _global, error); }); var Expressions = (function () { var ob = {}; ob.initExpressions = initExpressions; function initExpressions(animation$2) { var stackCount = 0, registers = []; function pushExpression() { stackCount += 1; } function popExpression() { --stackCount, stackCount === 0 && releaseInstances(); } function registerExpressionProperty(expression) { registers.indexOf(expression) === -1 && registers.push(expression); } function releaseInstances() { var i$1, len = registers.length; for (i$1 = 0; i$1 < len; i$1 += 1) registers[i$1].release(); registers.length = 0; } (animation$2.renderer.compInterface = CompExpressionInterface(animation$2.renderer)), animation$2.renderer.globalData.projectInterface.registerComposition( animation$2.renderer ), (animation$2.renderer.globalData.pushExpression = pushExpression), (animation$2.renderer.globalData.popExpression = popExpression), (animation$2.renderer.globalData.registerExpressionProperty = registerExpressionProperty); } return ob; })(); expressionsPlugin = Expressions; var ExpressionManager = (function () { var ob = {}, Math$1 = BMMath, window$2 = null, document$1 = null; function $bm_isInstanceOfArray(arr) { return arr.constructor === Array || arr.constructor === Float32Array; } function isNumerable(tOfV, v) { return ( tOfV === `number` || tOfV === `boolean` || tOfV === `string` || v instanceof Number ); } var easeInBez = BezierFactory.getBezierEasing(0.333, 0, 0.833, 0.833, `easeIn`).get, easeOutBez = BezierFactory.getBezierEasing(0.167, 0.167, 0.667, 1, `easeOut`).get, easeInOutBez = BezierFactory.getBezierEasing(0.33, 0, 0.667, 1, `easeInOut`).get; function sum(a$1, b) { var tOfA = typeof a$1, tOfB = typeof b; if ( tOfA === `string` || tOfB === `string` || (isNumerable(tOfA, a$1) && isNumerable(tOfB, b)) ) return a$1 + b; if ($bm_isInstanceOfArray(a$1) && isNumerable(tOfB, b)) return (a$1 = a$1.slice(0)), (a$1[0] += b), a$1; if (isNumerable(tOfA, a$1) && $bm_isInstanceOfArray(b)) return (b = b.slice(0)), (b[0] = a$1 + b[0]), b; if ($bm_isInstanceOfArray(a$1) && $bm_isInstanceOfArray(b)) { for ( var i$1 = 0, lenA = a$1.length, lenB = b.length, retArr = []; i$1 < lenA || i$1 < lenB; ) (typeof a$1[i$1] == `number` || a$1[i$1] instanceof Number) && (typeof b[i$1] == `number` || b[i$1] instanceof Number) ? (retArr[i$1] = a$1[i$1] + b[i$1]) : (retArr[i$1] = b[i$1] === void 0 ? a$1[i$1] : a$1[i$1] || b[i$1]), (i$1 += 1); return retArr; } return 0; } var add = sum; function sub(a$1, b) { var tOfA = typeof a$1, tOfB = typeof b; if (isNumerable(tOfA, a$1) && isNumerable(tOfB, b)) return ( tOfA === `string` && (a$1 = parseInt(a$1, 10)), tOfB === `string` && (b = parseInt(b, 10)), a$1 - b ); if ($bm_isInstanceOfArray(a$1) && isNumerable(tOfB, b)) return (a$1 = a$1.slice(0)), (a$1[0] -= b), a$1; if (isNumerable(tOfA, a$1) && $bm_isInstanceOfArray(b)) return (b = b.slice(0)), (b[0] = a$1 - b[0]), b; if ($bm_isInstanceOfArray(a$1) && $bm_isInstanceOfArray(b)) { for ( var i$1 = 0, lenA = a$1.length, lenB = b.length, retArr = []; i$1 < lenA || i$1 < lenB; ) (typeof a$1[i$1] == `number` || a$1[i$1] instanceof Number) && (typeof b[i$1] == `number` || b[i$1] instanceof Number) ? (retArr[i$1] = a$1[i$1] - b[i$1]) : (retArr[i$1] = b[i$1] === void 0 ? a$1[i$1] : a$1[i$1] || b[i$1]), (i$1 += 1); return retArr; } return 0; } function mul(a$1, b) { var tOfA = typeof a$1, tOfB = typeof b, arr; if (isNumerable(tOfA, a$1) && isNumerable(tOfB, b)) return a$1 * b; var i$1, len; if ($bm_isInstanceOfArray(a$1) && isNumerable(tOfB, b)) { for ( len = a$1.length, arr = createTypedArray(`float32`, len), i$1 = 0; i$1 < len; i$1 += 1 ) arr[i$1] = a$1[i$1] * b; return arr; } if (isNumerable(tOfA, a$1) && $bm_isInstanceOfArray(b)) { for ( len = b.length, arr = createTypedArray(`float32`, len), i$1 = 0; i$1 < len; i$1 += 1 ) arr[i$1] = a$1 * b[i$1]; return arr; } return 0; } function div(a$1, b) { var tOfA = typeof a$1, tOfB = typeof b, arr; if (isNumerable(tOfA, a$1) && isNumerable(tOfB, b)) return a$1 / b; var i$1, len; if ($bm_isInstanceOfArray(a$1) && isNumerable(tOfB, b)) { for ( len = a$1.length, arr = createTypedArray(`float32`, len), i$1 = 0; i$1 < len; i$1 += 1 ) arr[i$1] = a$1[i$1] / b; return arr; } if (isNumerable(tOfA, a$1) && $bm_isInstanceOfArray(b)) { for ( len = b.length, arr = createTypedArray(`float32`, len), i$1 = 0; i$1 < len; i$1 += 1 ) arr[i$1] = a$1 / b[i$1]; return arr; } return 0; } function mod(a$1, b) { return ( typeof a$1 == `string` && (a$1 = parseInt(a$1, 10)), typeof b == `string` && (b = parseInt(b, 10)), a$1 % b ); } var $bm_sum = sum, $bm_sub = sub, $bm_mul = mul, $bm_div = div, $bm_mod = mod; function radiansToDegrees(val) { return val / degToRads; } var radians_to_degrees = radiansToDegrees, degrees_to_radians = radiansToDegrees, helperLengthArray = [0, 0, 0, 0, 0, 0]; function initiateExpression(elem, data, property) { var val = data.x, needsVelocity = /velocity(?![\w\d])/.test(val), _needsRandom = val.indexOf(`random`) !== -1, elemType = elem.data.ty, transform, $bm_transform, content, effect, thisProperty = property; (thisProperty.valueAtTime = thisProperty.getValueAtTime), Object.defineProperty(thisProperty, `value`, { get: function () { return thisProperty.v; } }), (elem.comp.frameDuration = 1 / elem.comp.globalData.frameRate), (elem.comp.displayStartTime = 0); var inPoint = elem.data.ip / elem.comp.globalData.frameRate, outPoint = elem.data.op / elem.comp.globalData.frameRate, width = elem.data.sw ? elem.data.sw : 0, height = elem.data.sh ? elem.data.sh : 0, name = elem.data.nm, loopIn, loop_in, loopOut, loop_out, smooth, toWorld, fromWorld, fromComp, toComp, fromCompToSurface, position, rotation, anchorPoint, scale, thisLayer, thisComp, mask, valueAtTime, velocityAtTime, scoped_bm_rt, expression_function = eval( `[function _expression_function(){` + val + `;scoped_bm_rt=$bm_rt}]` )[0], numKeys = property.kf ? data.k.length : 0, active = !(this || _global).data || (this || _global).data.hd !== !0, wiggle = function (freq, amp) { var iWiggle, j$2, lenWiggle = (this || _global).pv.length ? (this || _global).pv.length : 1, addedAmps = createTypedArray(`float32`, lenWiggle); freq = 5; var iterations = Math$1.floor(time * freq); for (iWiggle = 0, j$2 = 0; iWiggle < iterations; ) { for (j$2 = 0; j$2 < lenWiggle; j$2 += 1) addedAmps[j$2] += -amp + amp * 2 * BMMath.random(); iWiggle += 1; } var periods = time * freq, perc = periods - Math$1.floor(periods), arr = createTypedArray(`float32`, lenWiggle); if (lenWiggle > 1) { for (j$2 = 0; j$2 < lenWiggle; j$2 += 1) arr[j$2] = (this || _global).pv[j$2] + addedAmps[j$2] + (-amp + amp * 2 * BMMath.random()) * perc; return arr; } return ( (this || _global).pv + addedAmps[0] + (-amp + amp * 2 * BMMath.random()) * perc ); }.bind(this || _global); thisProperty.loopIn && ((loopIn = thisProperty.loopIn.bind(thisProperty)), (loop_in = loopIn)), thisProperty.loopOut && ((loopOut = thisProperty.loopOut.bind(thisProperty)), (loop_out = loopOut)), thisProperty.smooth && (smooth = thisProperty.smooth.bind(thisProperty)), (this || _global).getValueAtTime && (valueAtTime = (this || _global).getValueAtTime.bind(this || _global)), (this || _global).getVelocityAtTime && (velocityAtTime = (this || _global).getVelocityAtTime.bind(this || _global)); var comp = elem.comp.globalData.projectInterface.bind( elem.comp.globalData.projectInterface ); function seedRandom(seed) { BMMath.seedrandom(randSeed + seed); } var time, velocity, value, text, textIndex, textTotal, selectorValue, index$1 = elem.data.ind, hasParent = !!(elem.hierarchy && elem.hierarchy.length), parent, randSeed = Math$1.floor(Math$1.random() * 1e6), globalData = elem.globalData; function executeExpression(_value) { return ( (value = _value), _needsRandom && seedRandom(randSeed), (this || _global).frameExpressionId === elem.globalData.frameId && (this || _global).propType !== `textSelector` ? value : ((this || _global).propType === `textSelector` && ((textIndex = (this || _global).textIndex), (textTotal = (this || _global).textTotal), (selectorValue = (this || _global).selectorValue)), thisLayer || ((text = elem.layerInterface.text), (thisLayer = elem.layerInterface), (thisComp = elem.comp.compInterface), (toWorld = thisLayer.toWorld.bind(thisLayer)), (fromWorld = thisLayer.fromWorld.bind(thisLayer)), (fromComp = thisLayer.fromComp.bind(thisLayer)), (toComp = thisLayer.toComp.bind(thisLayer)), (mask = thisLayer.mask ? thisLayer.mask.bind(thisLayer) : null), (fromCompToSurface = fromComp)), transform || ((transform = elem.layerInterface(`ADBE Transform Group`)), ($bm_transform = transform), transform && (anchorPoint = transform.anchorPoint)), elemType === 4 && !content && (content = thisLayer(`ADBE Root Vectors Group`)), (effect ||= thisLayer(4)), (hasParent = !!(elem.hierarchy && elem.hierarchy.length)), hasParent && !parent && (parent = elem.hierarchy[0].layerInterface), (time = (this || _global).comp.renderedFrame / (this || _global).comp.globalData.frameRate), needsVelocity && (velocity = velocityAtTime(time)), expression_function(), ((this || _global).frameExpressionId = elem.globalData.frameId), scoped_bm_rt.propType === `shape` && (scoped_bm_rt = scoped_bm_rt.v), scoped_bm_rt) ); } return executeExpression; } return (ob.initiateExpression = initiateExpression), ob; })(), expressionHelpers = (function () { function searchExpressions(elem, data, prop) { data.x && ((prop.k = !0), (prop.x = !0), (prop.initiateExpression = ExpressionManager.initiateExpression), prop.effectsSequence.push(prop.initiateExpression(elem, data, prop).bind(prop))); } function getValueAtTime(frameNum) { return ( (frameNum *= (this || _global).elem.globalData.frameRate), (frameNum -= (this || _global).offsetTime), frameNum !== (this || _global)._cachingAtTime.lastFrame && (((this || _global)._cachingAtTime.lastIndex = (this || _global)._cachingAtTime.lastFrame < frameNum ? (this || _global)._cachingAtTime.lastIndex : 0), ((this || _global)._cachingAtTime.value = this.interpolateValue( frameNum, (this || _global)._cachingAtTime )), ((this || _global)._cachingAtTime.lastFrame = frameNum)), (this || _global)._cachingAtTime.value ); } function getSpeedAtTime(frameNum) { var delta = -0.01, v1 = this.getValueAtTime(frameNum), v2 = this.getValueAtTime(frameNum + delta), speed = 0; if (v1.length) { var i$1; for (i$1 = 0; i$1 < v1.length; i$1 += 1) speed += (v2[i$1] - v1[i$1]) ** 2; speed = Math.sqrt(speed) * 100; } else speed = 0; return speed; } function getVelocityAtTime(frameNum) { if ((this || _global).vel !== void 0) return (this || _global).vel; var delta = -0.001, v1 = this.getValueAtTime(frameNum), v2 = this.getValueAtTime(frameNum + delta), velocity; if (v1.length) { velocity = createTypedArray(`float32`, v1.length); var i$1; for (i$1 = 0; i$1 < v1.length; i$1 += 1) velocity[i$1] = (v2[i$1] - v1[i$1]) / delta; } else velocity = (v2 - v1) / delta; return velocity; } function getStaticValueAtTime() { return (this || _global).pv; } function setGroupProperty(propertyGroup) { (this || _global).propertyGroup = propertyGroup; } return { searchExpressions, getSpeedAtTime, getVelocityAtTime, getValueAtTime, getStaticValueAtTime, setGroupProperty }; })(); (function () { function loopOut(type, duration, durationFlag) { if (!(this || _global).k || !(this || _global).keyframes) return (this || _global).pv; type = type ? type.toLowerCase() : ``; var currentFrame = (this || _global).comp.renderedFrame, keyframes = (this || _global).keyframes, lastKeyFrame = keyframes[keyframes.length - 1].t; if (currentFrame <= lastKeyFrame) return (this || _global).pv; var cycleDuration, firstKeyFrame; durationFlag ? ((cycleDuration = duration ? Math.abs( lastKeyFrame - (this || _global).elem.comp.globalData.frameRate * duration ) : Math.max(0, lastKeyFrame - (this || _global).elem.data.ip)), (firstKeyFrame = lastKeyFrame - cycleDuration)) : ((!duration || duration > keyframes.length - 1) && (duration = keyframes.length - 1), (firstKeyFrame = keyframes[keyframes.length - 1 - duration].t), (cycleDuration = lastKeyFrame - firstKeyFrame)); var i$1, len, ret; if (type === `pingpong`) { var iterations = Math.floor((currentFrame - firstKeyFrame) / cycleDuration); if (iterations % 2 != 0) return this.getValueAtTime( (cycleDuration - ((currentFrame - firstKeyFrame) % cycleDuration) + firstKeyFrame) / (this || _global).comp.globalData.frameRate, 0 ); } else if (type === `offset`) { var initV = this.getValueAtTime( firstKeyFrame / (this || _global).comp.globalData.frameRate, 0 ), endV = this.getValueAtTime( lastKeyFrame / (this || _global).comp.globalData.frameRate, 0 ), current = this.getValueAtTime( (((currentFrame - firstKeyFrame) % cycleDuration) + firstKeyFrame) / (this || _global).comp.globalData.frameRate, 0 ), repeats = Math.floor((currentFrame - firstKeyFrame) / cycleDuration); if ((this || _global).pv.length) { for (ret = Array(initV.length), len = ret.length, i$1 = 0; i$1 < len; i$1 += 1) ret[i$1] = (endV[i$1] - initV[i$1]) * repeats + current[i$1]; return ret; } return (endV - initV) * repeats + current; } else if (type === `continue`) { var lastValue = this.getValueAtTime( lastKeyFrame / (this || _global).comp.globalData.frameRate, 0 ), nextLastValue = this.getValueAtTime( (lastKeyFrame - 0.001) / (this || _global).comp.globalData.frameRate, 0 ); if ((this || _global).pv.length) { for (ret = Array(lastValue.length), len = ret.length, i$1 = 0; i$1 < len; i$1 += 1) ret[i$1] = lastValue[i$1] + ((lastValue[i$1] - nextLastValue[i$1]) * ((currentFrame - lastKeyFrame) / (this || _global).comp.globalData.frameRate)) / 5e-4; return ret; } return ( lastValue + (lastValue - nextLastValue) * ((currentFrame - lastKeyFrame) / 0.001) ); } return this.getValueAtTime( (((currentFrame - firstKeyFrame) % cycleDuration) + firstKeyFrame) / (this || _global).comp.globalData.frameRate, 0 ); } function loopIn(type, duration, durationFlag) { if (!(this || _global).k) return (this || _global).pv; type = type ? type.toLowerCase() : ``; var currentFrame = (this || _global).comp.renderedFrame, keyframes = (this || _global).keyframes, firstKeyFrame = keyframes[0].t; if (currentFrame >= firstKeyFrame) return (this || _global).pv; var cycleDuration, lastKeyFrame; durationFlag ? ((cycleDuration = duration ? Math.abs((this || _global).elem.comp.globalData.frameRate * duration) : Math.max(0, (this || _global).elem.data.op - firstKeyFrame)), (lastKeyFrame = firstKeyFrame + cycleDuration)) : ((!duration || duration > keyframes.length - 1) && (duration = keyframes.length - 1), (lastKeyFrame = keyframes[duration].t), (cycleDuration = lastKeyFrame - firstKeyFrame)); var i$1, len, ret; if (type === `pingpong`) { var iterations = Math.floor((firstKeyFrame - currentFrame) / cycleDuration); if (iterations % 2 == 0) return this.getValueAtTime( (((firstKeyFrame - currentFrame) % cycleDuration) + firstKeyFrame) / (this || _global).comp.globalData.frameRate, 0 ); } else if (type === `offset`) { var initV = this.getValueAtTime( firstKeyFrame / (this || _global).comp.globalData.frameRate, 0 ), endV = this.getValueAtTime( lastKeyFrame / (this || _global).comp.globalData.frameRate, 0 ), current = this.getValueAtTime( (cycleDuration - ((firstKeyFrame - currentFrame) % cycleDuration) + firstKeyFrame) / (this || _global).comp.globalData.frameRate, 0 ), repeats = Math.floor((firstKeyFrame - currentFrame) / cycleDuration) + 1; if ((this || _global).pv.length) { for (ret = Array(initV.length), len = ret.length, i$1 = 0; i$1 < len; i$1 += 1) ret[i$1] = current[i$1] - (endV[i$1] - initV[i$1]) * repeats; return ret; } return current - (endV - initV) * repeats; } else if (type === `continue`) { var firstValue = this.getValueAtTime( firstKeyFrame / (this || _global).comp.globalData.frameRate, 0 ), nextFirstValue = this.getValueAtTime( (firstKeyFrame + 0.001) / (this || _global).comp.globalData.frameRate, 0 ); if ((this || _global).pv.length) { for (ret = Array(firstValue.length), len = ret.length, i$1 = 0; i$1 < len; i$1 += 1) ret[i$1] = firstValue[i$1] + ((firstValue[i$1] - nextFirstValue[i$1]) * (firstKeyFrame - currentFrame)) / 0.001; return ret; } return ( firstValue + ((firstValue - nextFirstValue) * (firstKeyFrame - currentFrame)) / 0.001 ); } return this.getValueAtTime( (cycleDuration - (((firstKeyFrame - currentFrame) % cycleDuration) + firstKeyFrame)) / (this || _global).comp.globalData.frameRate, 0 ); } function smooth(width, samples) { if ( !(this || _global).k || ((width = (width || 0.4) * 0.5), (samples = Math.floor(samples || 5)), samples <= 1) ) return (this || _global).pv; var currentTime = (this || _global).comp.renderedFrame / (this || _global).comp.globalData.frameRate, initFrame = currentTime - width, endFrame = currentTime + width, sampleFrequency = samples > 1 ? (endFrame - initFrame) / (samples - 1) : 1, i$1 = 0, j$2 = 0, value; value = (this || _global).pv.length ? createTypedArray(`float32`, (this || _global).pv.length) : 0; for (var sampleValue; i$1 < samples; ) { if ( ((sampleValue = this.getValueAtTime(initFrame + i$1 * sampleFrequency)), (this || _global).pv.length) ) for (j$2 = 0; j$2 < (this || _global).pv.length; j$2 += 1) value[j$2] += sampleValue[j$2]; else value += sampleValue; i$1 += 1; } if ((this || _global).pv.length) for (j$2 = 0; j$2 < (this || _global).pv.length; j$2 += 1) value[j$2] /= samples; else value /= samples; return value; } function getTransformValueAtTime(time) { (this || _global)._transformCachingAtTime || ((this || _global)._transformCachingAtTime = { v: new Matrix() }); var matrix = (this || _global)._transformCachingAtTime.v; if ( (matrix.cloneFromProps((this || _global).pre.props), (this || _global).appliedTransformations < 1) ) { var anchor = (this || _global).a.getValueAtTime(time); matrix.translate( -anchor[0] * (this || _global).a.mult, -anchor[1] * (this || _global).a.mult, anchor[2] * (this || _global).a.mult ); } if ((this || _global).appliedTransformations < 2) { var scale = (this || _global).s.getValueAtTime(time); matrix.scale( scale[0] * (this || _global).s.mult, scale[1] * (this || _global).s.mult, scale[2] * (this || _global).s.mult ); } if ((this || _global).sk && (this || _global).appliedTransformations < 3) { var skew = (this || _global).sk.getValueAtTime(time), skewAxis = (this || _global).sa.getValueAtTime(time); matrix.skewFromAxis( -skew * (this || _global).sk.mult, skewAxis * (this || _global).sa.mult ); } if ((this || _global).r && (this || _global).appliedTransformations < 4) { var rotation = (this || _global).r.getValueAtTime(time); matrix.rotate(-rotation * (this || _global).r.mult); } else if (!(this || _global).r && (this || _global).appliedTransformations < 4) { var rotationZ = (this || _global).rz.getValueAtTime(time), rotationY = (this || _global).ry.getValueAtTime(time), rotationX = (this || _global).rx.getValueAtTime(time), orientation = (this || _global).or.getValueAtTime(time); matrix .rotateZ(-rotationZ * (this || _global).rz.mult) .rotateY(rotationY * (this || _global).ry.mult) .rotateX(rotationX * (this || _global).rx.mult) .rotateZ(-orientation[2] * (this || _global).or.mult) .rotateY(orientation[1] * (this || _global).or.mult) .rotateX(orientation[0] * (this || _global).or.mult); } if ((this || _global).data.p && (this || _global).data.p.s) { var positionX = (this || _global).px.getValueAtTime(time), positionY = (this || _global).py.getValueAtTime(time); if ((this || _global).data.p.z) { var positionZ = (this || _global).pz.getValueAtTime(time); matrix.translate( positionX * (this || _global).px.mult, positionY * (this || _global).py.mult, -positionZ * (this || _global).pz.mult ); } else matrix.translate( positionX * (this || _global).px.mult, positionY * (this || _global).py.mult, 0 ); } else { var position = (this || _global).p.getValueAtTime(time); matrix.translate( position[0] * (this || _global).p.mult, position[1] * (this || _global).p.mult, -position[2] * (this || _global).p.mult ); } return matrix; } function getTransformStaticValueAtTime() { return (this || _global).v.clone(new Matrix()); } var getTransformProperty = TransformPropertyFactory.getTransformProperty; TransformPropertyFactory.getTransformProperty = function (elem, data, container) { var prop = getTransformProperty(elem, data, container); return ( prop.dynamicProperties.length ? (prop.getValueAtTime = getTransformValueAtTime.bind(prop)) : (prop.getValueAtTime = getTransformStaticValueAtTime.bind(prop)), (prop.setGroupProperty = expressionHelpers.setGroupProperty), prop ); }; var propertyGetProp = PropertyFactory.getProp; PropertyFactory.getProp = function (elem, data, type, mult, container) { var prop = propertyGetProp(elem, data, type, mult, container); prop.kf ? (prop.getValueAtTime = expressionHelpers.getValueAtTime.bind(prop)) : (prop.getValueAtTime = expressionHelpers.getStaticValueAtTime.bind(prop)), (prop.setGroupProperty = expressionHelpers.setGroupProperty), (prop.loopOut = loopOut), (prop.loopIn = loopIn), (prop.smooth = smooth), (prop.getVelocityAtTime = expressionHelpers.getVelocityAtTime.bind(prop)), (prop.getSpeedAtTime = expressionHelpers.getSpeedAtTime.bind(prop)), (prop.numKeys = data.a === 1 ? data.k.length : 0), (prop.propertyIndex = data.ix); var value = 0; return ( type !== 0 && (value = createTypedArray( `float32`, data.a === 1 ? data.k[0].s.length : data.k.length )), (prop._cachingAtTime = { lastFrame: initialDefaultFrame, lastIndex: 0, value }), expressionHelpers.searchExpressions(elem, data, prop), prop.k && container.addDynamicProperty(prop), prop ); }; function getShapeValueAtTime(frameNum) { return ( (this || _global)._cachingAtTime || ((this || _global)._cachingAtTime = { shapeValue: shapePool.clone((this || _global).pv), lastIndex: 0, lastTime: initialDefaultFrame }), (frameNum *= (this || _global).elem.globalData.frameRate), (frameNum -= (this || _global).offsetTime), frameNum !== (this || _global)._cachingAtTime.lastTime && (((this || _global)._cachingAtTime.lastIndex = (this || _global)._cachingAtTime.lastTime < frameNum ? (this || _global)._caching.lastIndex : 0), ((this || _global)._cachingAtTime.lastTime = frameNum), this.interpolateShape( frameNum, (this || _global)._cachingAtTime.shapeValue, (this || _global)._cachingAtTime )), (this || _global)._cachingAtTime.shapeValue ); } var ShapePropertyConstructorFunction = ShapePropertyFactory.getConstructorFunction(), KeyframedShapePropertyConstructorFunction = ShapePropertyFactory.getKeyframedConstructorFunction(); function ShapeExpressions() {} (ShapeExpressions.prototype = { vertices: function (prop, time) { (this || _global).k && this.getValue(); var shapePath = (this || _global).v; time !== void 0 && (shapePath = this.getValueAtTime(time, 0)); var i$1, len = shapePath._length, vertices = shapePath[prop], points = shapePath.v, arr = createSizedArray(len); for (i$1 = 0; i$1 < len; i$1 += 1) prop === `i` || prop === `o` ? (arr[i$1] = [ vertices[i$1][0] - points[i$1][0], vertices[i$1][1] - points[i$1][1] ]) : (arr[i$1] = [vertices[i$1][0], vertices[i$1][1]]); return arr; }, points: function (time) { return this.vertices(`v`, time); }, inTangents: function (time) { return this.vertices(`i`, time); }, outTangents: function (time) { return this.vertices(`o`, time); }, isClosed: function () { return (this || _global).v.c; }, pointOnPath: function (perc, time) { var shapePath = (this || _global).v; time !== void 0 && (shapePath = this.getValueAtTime(time, 0)), (this || _global)._segmentsLength || ((this || _global)._segmentsLength = bez.getSegmentsLength(shapePath)); for ( var segmentsLength = (this || _global)._segmentsLength, lengths = segmentsLength.lengths, lengthPos = segmentsLength.totalLength * perc, i$1 = 0, len = lengths.length, accumulatedLength = 0, pt; i$1 < len; ) { if (accumulatedLength + lengths[i$1].addedLength > lengthPos) { var initIndex = i$1, endIndex = shapePath.c && i$1 === len - 1 ? 0 : i$1 + 1, segmentPerc = (lengthPos - accumulatedLength) / lengths[i$1].addedLength; pt = bez.getPointInSegment( shapePath.v[initIndex], shapePath.v[endIndex], shapePath.o[initIndex], shapePath.i[endIndex], segmentPerc, lengths[i$1] ); break; } else accumulatedLength += lengths[i$1].addedLength; i$1 += 1; } return ( (pt ||= shapePath.c ? [shapePath.v[0][0], shapePath.v[0][1]] : [ shapePath.v[shapePath._length - 1][0], shapePath.v[shapePath._length - 1][1] ]), pt ); }, vectorOnPath: function (perc, time, vectorType) { perc == 1 ? (perc = (this || _global).v.c) : perc == 0 && (perc = 0.999); var pt1 = this.pointOnPath(perc, time), pt2 = this.pointOnPath(perc + 0.001, time), xLength = pt2[0] - pt1[0], yLength = pt2[1] - pt1[1], magnitude = Math.sqrt(xLength ** 2 + yLength ** 2); if (magnitude === 0) return [0, 0]; var unitVector = vectorType === `tangent` ? [xLength / magnitude, yLength / magnitude] : [-yLength / magnitude, xLength / magnitude]; return unitVector; }, tangentOnPath: function (perc, time) { return this.vectorOnPath(perc, time, `tangent`); }, normalOnPath: function (perc, time) { return this.vectorOnPath(perc, time, `normal`); }, setGroupProperty: expressionHelpers.setGroupProperty, getValueAtTime: expressionHelpers.getStaticValueAtTime }), extendPrototype([ShapeExpressions], ShapePropertyConstructorFunction), extendPrototype([ShapeExpressions], KeyframedShapePropertyConstructorFunction), (KeyframedShapePropertyConstructorFunction.prototype.getValueAtTime = getShapeValueAtTime), (KeyframedShapePropertyConstructorFunction.prototype.initiateExpression = ExpressionManager.initiateExpression); var propertyGetShapeProp = ShapePropertyFactory.getShapeProp; ShapePropertyFactory.getShapeProp = function (elem, data, type, arr, trims) { var prop = propertyGetShapeProp(elem, data, type, arr, trims); return ( (prop.propertyIndex = data.ix), (prop.lock = !1), type === 3 ? expressionHelpers.searchExpressions(elem, data.pt, prop) : type === 4 && expressionHelpers.searchExpressions(elem, data.ks, prop), prop.k && elem.addDynamicProperty(prop), prop ); }; })(), (function () { function searchExpressions() { return (this || _global).data.d.x ? (((this || _global).calculateExpression = ExpressionManager.initiateExpression.bind(this || _global)( (this || _global).elem, (this || _global).data.d, this || _global )), this.addEffect((this || _global).getExpressionValue.bind(this || _global)), !0) : null; } (TextProperty.prototype.getExpressionValue = function (currentValue, text) { var newValue = this.calculateExpression(text); if (currentValue.t !== newValue) { var newData = {}; return ( this.copyData(newData, currentValue), (newData.t = newValue.toString()), (newData.__complete = !1), newData ); } return currentValue; }), (TextProperty.prototype.searchProperty = function () { var isKeyframed = this.searchKeyframes(), hasExpressions = this.searchExpressions(); return ((this || _global).kf = isKeyframed || hasExpressions), (this || _global).kf; }), (TextProperty.prototype.searchExpressions = searchExpressions); })(); var ShapePathInterface = (function () { return function (shape, view, propertyGroup) { var prop = view.sh; function interfaceFunction(val) { return val === `Shape` || val === `shape` || val === `Path` || val === `path` || val === `ADBE Vector Shape` || val === 2 ? interfaceFunction.path : null; } var _propertyGroup = propertyGroupFactory(interfaceFunction, propertyGroup); return ( prop.setGroupProperty(PropertyInterface(`Path`, _propertyGroup)), Object.defineProperties(interfaceFunction, { path: { get: function () { return prop.k && prop.getValue(), prop; } }, shape: { get: function () { return prop.k && prop.getValue(), prop; } }, _name: { value: shape.nm }, ix: { value: shape.ix }, propertyIndex: { value: shape.ix }, mn: { value: shape.mn }, propertyGroup: { value: propertyGroup } }), interfaceFunction ); }; })(), propertyGroupFactory = (function () { return function (interfaceFunction, parentPropertyGroup) { return function (val) { return ( (val = val === void 0 ? 1 : val), val <= 0 ? interfaceFunction : parentPropertyGroup(val - 1) ); }; }; })(), PropertyInterface = (function () { return function (propertyName, propertyGroup) { var interfaceFunction = { _name: propertyName }; function _propertyGroup(val) { return ( (val = val === void 0 ? 1 : val), val <= 0 ? interfaceFunction : propertyGroup(val - 1) ); } return _propertyGroup; }; })(), ShapeExpressionInterface = (function () { function iterateElements(shapes, view, propertyGroup) { var arr = [], i$1, len = shapes ? shapes.length : 0; for (i$1 = 0; i$1 < len; i$1 += 1) shapes[i$1].ty === `gr` ? arr.push(groupInterfaceFactory(shapes[i$1], view[i$1], propertyGroup)) : shapes[i$1].ty === `fl` ? arr.push(fillInterfaceFactory(shapes[i$1], view[i$1], propertyGroup)) : shapes[i$1].ty === `st` ? arr.push(strokeInterfaceFactory(shapes[i$1], view[i$1], propertyGroup)) : shapes[i$1].ty === `tm` ? arr.push(trimInterfaceFactory(shapes[i$1], view[i$1], propertyGroup)) : shapes[i$1].ty === `tr` || (shapes[i$1].ty === `el` ? arr.push( ellipseInterfaceFactory(shapes[i$1], view[i$1], propertyGroup) ) : shapes[i$1].ty === `sr` ? arr.push( starInterfaceFactory(shapes[i$1], view[i$1], propertyGroup) ) : shapes[i$1].ty === `sh` ? arr.push( ShapePathInterface(shapes[i$1], view[i$1], propertyGroup) ) : shapes[i$1].ty === `rc` ? arr.push( rectInterfaceFactory( shapes[i$1], view[i$1], propertyGroup ) ) : shapes[i$1].ty === `rd` ? arr.push( roundedInterfaceFactory( shapes[i$1], view[i$1], propertyGroup ) ) : shapes[i$1].ty === `rp` && arr.push( repeaterInterfaceFactory( shapes[i$1], view[i$1], propertyGroup ) )); return arr; } function contentsInterfaceFactory(shape, view, propertyGroup) { var interfaces, interfaceFunction = function (value) { for (var i$1 = 0, len = interfaces.length; i$1 < len; ) { if ( interfaces[i$1]._name === value || interfaces[i$1].mn === value || interfaces[i$1].propertyIndex === value || interfaces[i$1].ix === value || interfaces[i$1].ind === value ) return interfaces[i$1]; i$1 += 1; } return typeof value == `number` ? interfaces[value - 1] : null; }; (interfaceFunction.propertyGroup = propertyGroupFactory( interfaceFunction, propertyGroup )), (interfaces = iterateElements(shape.it, view.it, interfaceFunction.propertyGroup)), (interfaceFunction.numProperties = interfaces.length); var transformInterface = transformInterfaceFactory( shape.it[shape.it.length - 1], view.it[view.it.length - 1], interfaceFunction.propertyGroup ); return ( (interfaceFunction.transform = transformInterface), (interfaceFunction.propertyIndex = shape.cix), (interfaceFunction._name = shape.nm), interfaceFunction ); } function groupInterfaceFactory(shape, view, propertyGroup) { var interfaceFunction = function (value) { switch (value) { case `ADBE Vectors Group`: case `Contents`: case 2: return interfaceFunction.content; default: return interfaceFunction.transform; } }; interfaceFunction.propertyGroup = propertyGroupFactory( interfaceFunction, propertyGroup ); var content = contentsInterfaceFactory(shape, view, interfaceFunction.propertyGroup), transformInterface = transformInterfaceFactory( shape.it[shape.it.length - 1], view.it[view.it.length - 1], interfaceFunction.propertyGroup ); return ( (interfaceFunction.content = content), (interfaceFunction.transform = transformInterface), Object.defineProperty(interfaceFunction, `_name`, { get: function () { return shape.nm; } }), (interfaceFunction.numProperties = shape.np), (interfaceFunction.propertyIndex = shape.ix), (interfaceFunction.nm = shape.nm), (interfaceFunction.mn = shape.mn), interfaceFunction ); } function fillInterfaceFactory(shape, view, propertyGroup) { function interfaceFunction(val) { return val === `Color` || val === `color` ? interfaceFunction.color : val === `Opacity` || val === `opacity` ? interfaceFunction.opacity : null; } return ( Object.defineProperties(interfaceFunction, { color: { get: ExpressionPropertyInterface(view.c) }, opacity: { get: ExpressionPropertyInterface(view.o) }, _name: { value: shape.nm }, mn: { value: shape.mn } }), view.c.setGroupProperty(PropertyInterface(`Color`, propertyGroup)), view.o.setGroupProperty(PropertyInterface(`Opacity`, propertyGroup)), interfaceFunction ); } function strokeInterfaceFactory(shape, view, propertyGroup) { var _propertyGroup = propertyGroupFactory(interfaceFunction, propertyGroup), _dashPropertyGroup = propertyGroupFactory(dashOb, _propertyGroup); function addPropertyToDashOb(i$2) { Object.defineProperty(dashOb, shape.d[i$2].nm, { get: ExpressionPropertyInterface(view.d.dataProps[i$2].p) }); } var i$1, len = shape.d ? shape.d.length : 0, dashOb = {}; for (i$1 = 0; i$1 < len; i$1 += 1) addPropertyToDashOb(i$1), view.d.dataProps[i$1].p.setGroupProperty(_dashPropertyGroup); function interfaceFunction(val) { return val === `Color` || val === `color` ? interfaceFunction.color : val === `Opacity` || val === `opacity` ? interfaceFunction.opacity : val === `Stroke Width` || val === `stroke width` ? interfaceFunction.strokeWidth : null; } return ( Object.defineProperties(interfaceFunction, { color: { get: ExpressionPropertyInterface(view.c) }, opacity: { get: ExpressionPropertyInterface(view.o) }, strokeWidth: { get: ExpressionPropertyInterface(view.w) }, dash: { get: function () { return dashOb; } }, _name: { value: shape.nm }, mn: { value: shape.mn } }), view.c.setGroupProperty(PropertyInterface(`Color`, _propertyGroup)), view.o.setGroupProperty(PropertyInterface(`Opacity`, _propertyGroup)), view.w.setGroupProperty(PropertyInterface(`Stroke Width`, _propertyGroup)), interfaceFunction ); } function trimInterfaceFactory(shape, view, propertyGroup) { function interfaceFunction(val) { return val === shape.e.ix || val === `End` || val === `end` ? interfaceFunction.end : val === shape.s.ix ? interfaceFunction.start : val === shape.o.ix ? interfaceFunction.offset : null; } var _propertyGroup = propertyGroupFactory(interfaceFunction, propertyGroup); return ( (interfaceFunction.propertyIndex = shape.ix), view.s.setGroupProperty(PropertyInterface(`Start`, _propertyGroup)), view.e.setGroupProperty(PropertyInterface(`End`, _propertyGroup)), view.o.setGroupProperty(PropertyInterface(`Offset`, _propertyGroup)), (interfaceFunction.propertyIndex = shape.ix), (interfaceFunction.propertyGroup = propertyGroup), Object.defineProperties(interfaceFunction, { start: { get: ExpressionPropertyInterface(view.s) }, end: { get: ExpressionPropertyInterface(view.e) }, offset: { get: ExpressionPropertyInterface(view.o) }, _name: { value: shape.nm } }), (interfaceFunction.mn = shape.mn), interfaceFunction ); } function transformInterfaceFactory(shape, view, propertyGroup) { function interfaceFunction(value) { return shape.a.ix === value || value === `Anchor Point` ? interfaceFunction.anchorPoint : shape.o.ix === value || value === `Opacity` ? interfaceFunction.opacity : shape.p.ix === value || value === `Position` ? interfaceFunction.position : shape.r.ix === value || value === `Rotation` || value === `ADBE Vector Rotation` ? interfaceFunction.rotation : shape.s.ix === value || value === `Scale` ? interfaceFunction.scale : (shape.sk && shape.sk.ix === value) || value === `Skew` ? interfaceFunction.skew : (shape.sa && shape.sa.ix === value) || value === `Skew Axis` ? interfaceFunction.skewAxis : null; } var _propertyGroup = propertyGroupFactory(interfaceFunction, propertyGroup); return ( view.transform.mProps.o.setGroupProperty( PropertyInterface(`Opacity`, _propertyGroup) ), view.transform.mProps.p.setGroupProperty( PropertyInterface(`Position`, _propertyGroup) ), view.transform.mProps.a.setGroupProperty( PropertyInterface(`Anchor Point`, _propertyGroup) ), view.transform.mProps.s.setGroupProperty( PropertyInterface(`Scale`, _propertyGroup) ), view.transform.mProps.r.setGroupProperty( PropertyInterface(`Rotation`, _propertyGroup) ), view.transform.mProps.sk && (view.transform.mProps.sk.setGroupProperty( PropertyInterface(`Skew`, _propertyGroup) ), view.transform.mProps.sa.setGroupProperty( PropertyInterface(`Skew Angle`, _propertyGroup) )), view.transform.op.setGroupProperty(PropertyInterface(`Opacity`, _propertyGroup)), Object.defineProperties(interfaceFunction, { opacity: { get: ExpressionPropertyInterface(view.transform.mProps.o) }, position: { get: ExpressionPropertyInterface(view.transform.mProps.p) }, anchorPoint: { get: ExpressionPropertyInterface(view.transform.mProps.a) }, scale: { get: ExpressionPropertyInterface(view.transform.mProps.s) }, rotation: { get: ExpressionPropertyInterface(view.transform.mProps.r) }, skew: { get: ExpressionPropertyInterface(view.transform.mProps.sk) }, skewAxis: { get: ExpressionPropertyInterface(view.transform.mProps.sa) }, _name: { value: shape.nm } }), (interfaceFunction.ty = `tr`), (interfaceFunction.mn = shape.mn), (interfaceFunction.propertyGroup = propertyGroup), interfaceFunction ); } function ellipseInterfaceFactory(shape, view, propertyGroup) { function interfaceFunction(value) { return shape.p.ix === value ? interfaceFunction.position : shape.s.ix === value ? interfaceFunction.size : null; } var _propertyGroup = propertyGroupFactory(interfaceFunction, propertyGroup); interfaceFunction.propertyIndex = shape.ix; var prop = view.sh.ty === `tm` ? view.sh.prop : view.sh; return ( prop.s.setGroupProperty(PropertyInterface(`Size`, _propertyGroup)), prop.p.setGroupProperty(PropertyInterface(`Position`, _propertyGroup)), Object.defineProperties(interfaceFunction, { size: { get: ExpressionPropertyInterface(prop.s) }, position: { get: ExpressionPropertyInterface(prop.p) }, _name: { value: shape.nm } }), (interfaceFunction.mn = shape.mn), interfaceFunction ); } function starInterfaceFactory(shape, view, propertyGroup) { function interfaceFunction(value) { return shape.p.ix === value ? interfaceFunction.position : shape.r.ix === value ? interfaceFunction.rotation : shape.pt.ix === value ? interfaceFunction.points : shape.or.ix === value || value === `ADBE Vector Star Outer Radius` ? interfaceFunction.outerRadius : shape.os.ix === value ? interfaceFunction.outerRoundness : shape.ir && (shape.ir.ix === value || value === `ADBE Vector Star Inner Radius`) ? interfaceFunction.innerRadius : shape.is && shape.is.ix === value ? interfaceFunction.innerRoundness : null; } var _propertyGroup = propertyGroupFactory(interfaceFunction, propertyGroup), prop = view.sh.ty === `tm` ? view.sh.prop : view.sh; return ( (interfaceFunction.propertyIndex = shape.ix), prop.or.setGroupProperty(PropertyInterface(`Outer Radius`, _propertyGroup)), prop.os.setGroupProperty(PropertyInterface(`Outer Roundness`, _propertyGroup)), prop.pt.setGroupProperty(PropertyInterface(`Points`, _propertyGroup)), prop.p.setGroupProperty(PropertyInterface(`Position`, _propertyGroup)), prop.r.setGroupProperty(PropertyInterface(`Rotation`, _propertyGroup)), shape.ir && (prop.ir.setGroupProperty(PropertyInterface(`Inner Radius`, _propertyGroup)), prop.is.setGroupProperty(PropertyInterface(`Inner Roundness`, _propertyGroup))), Object.defineProperties(interfaceFunction, { position: { get: ExpressionPropertyInterface(prop.p) }, rotation: { get: ExpressionPropertyInterface(prop.r) }, points: { get: ExpressionPropertyInterface(prop.pt) }, outerRadius: { get: ExpressionPropertyInterface(prop.or) }, outerRoundness: { get: ExpressionPropertyInterface(prop.os) }, innerRadius: { get: ExpressionPropertyInterface(prop.ir) }, innerRoundness: { get: ExpressionPropertyInterface(prop.is) }, _name: { value: shape.nm } }), (interfaceFunction.mn = shape.mn), interfaceFunction ); } function rectInterfaceFactory(shape, view, propertyGroup) { function interfaceFunction(value) { return shape.p.ix === value ? interfaceFunction.position : shape.r.ix === value ? interfaceFunction.roundness : shape.s.ix === value || value === `Size` || value === `ADBE Vector Rect Size` ? interfaceFunction.size : null; } var _propertyGroup = propertyGroupFactory(interfaceFunction, propertyGroup), prop = view.sh.ty === `tm` ? view.sh.prop : view.sh; return ( (interfaceFunction.propertyIndex = shape.ix), prop.p.setGroupProperty(PropertyInterface(`Position`, _propertyGroup)), prop.s.setGroupProperty(PropertyInterface(`Size`, _propertyGroup)), prop.r.setGroupProperty(PropertyInterface(`Rotation`, _propertyGroup)), Object.defineProperties(interfaceFunction, { position: { get: ExpressionPropertyInterface(prop.p) }, roundness: { get: ExpressionPropertyInterface(prop.r) }, size: { get: ExpressionPropertyInterface(prop.s) }, _name: { value: shape.nm } }), (interfaceFunction.mn = shape.mn), interfaceFunction ); } function roundedInterfaceFactory(shape, view, propertyGroup) { function interfaceFunction(value) { return shape.r.ix === value || value === `Round Corners 1` ? interfaceFunction.radius : null; } var _propertyGroup = propertyGroupFactory(interfaceFunction, propertyGroup), prop = view; return ( (interfaceFunction.propertyIndex = shape.ix), prop.rd.setGroupProperty(PropertyInterface(`Radius`, _propertyGroup)), Object.defineProperties(interfaceFunction, { radius: { get: ExpressionPropertyInterface(prop.rd) }, _name: { value: shape.nm } }), (interfaceFunction.mn = shape.mn), interfaceFunction ); } function repeaterInterfaceFactory(shape, view, propertyGroup) { function interfaceFunction(value) { return shape.c.ix === value || value === `Copies` ? interfaceFunction.copies : shape.o.ix === value || value === `Offset` ? interfaceFunction.offset : null; } var _propertyGroup = propertyGroupFactory(interfaceFunction, propertyGroup), prop = view; return ( (interfaceFunction.propertyIndex = shape.ix), prop.c.setGroupProperty(PropertyInterface(`Copies`, _propertyGroup)), prop.o.setGroupProperty(PropertyInterface(`Offset`, _propertyGroup)), Object.defineProperties(interfaceFunction, { copies: { get: ExpressionPropertyInterface(prop.c) }, offset: { get: ExpressionPropertyInterface(prop.o) }, _name: { value: shape.nm } }), (interfaceFunction.mn = shape.mn), interfaceFunction ); } return function (shapes, view, propertyGroup) { var interfaces; function _interfaceFunction(value) { if (typeof value == `number`) return ( (value = value === void 0 ? 1 : value), value === 0 ? propertyGroup : interfaces[value - 1] ); for (var i$1 = 0, len = interfaces.length; i$1 < len; ) { if (interfaces[i$1]._name === value) return interfaces[i$1]; i$1 += 1; } return null; } function parentGroupWrapper() { return propertyGroup; } return ( (_interfaceFunction.propertyGroup = propertyGroupFactory( _interfaceFunction, parentGroupWrapper )), (interfaces = iterateElements(shapes, view, _interfaceFunction.propertyGroup)), (_interfaceFunction.numProperties = interfaces.length), (_interfaceFunction._name = `Contents`), _interfaceFunction ); }; })(), TextExpressionInterface = (function () { return function (elem) { var _prevValue, _sourceText; function _thisLayerFunction(name) { switch (name) { case `ADBE Text Document`: return _thisLayerFunction.sourceText; default: return null; } } return ( Object.defineProperty(_thisLayerFunction, `sourceText`, { get: function () { elem.textProperty.getValue(); var stringValue = elem.textProperty.currentData.t; return ( stringValue !== _prevValue && ((elem.textProperty.currentData.t = _prevValue), (_sourceText = new String(stringValue)), (_sourceText.value = stringValue || new String(stringValue))), _sourceText ); } }), _thisLayerFunction ); }; })(), LayerExpressionInterface = (function () { function getMatrix(time) { var toWorldMat = new Matrix(); if (time !== void 0) { var propMatrix = (this || _global)._elem.finalTransform.mProp.getValueAtTime(time); propMatrix.clone(toWorldMat); } else { var transformMat = (this || _global)._elem.finalTransform.mProp; transformMat.applyToMatrix(toWorldMat); } return toWorldMat; } function toWorldVec(arr, time) { var toWorldMat = this.getMatrix(time); return ( (toWorldMat.props[12] = 0), (toWorldMat.props[13] = 0), (toWorldMat.props[14] = 0), this.applyPoint(toWorldMat, arr) ); } function toWorld(arr, time) { var toWorldMat = this.getMatrix(time); return this.applyPoint(toWorldMat, arr); } function fromWorldVec(arr, time) { var toWorldMat = this.getMatrix(time); return ( (toWorldMat.props[12] = 0), (toWorldMat.props[13] = 0), (toWorldMat.props[14] = 0), this.invertPoint(toWorldMat, arr) ); } function fromWorld(arr, time) { var toWorldMat = this.getMatrix(time); return this.invertPoint(toWorldMat, arr); } function applyPoint(matrix, arr) { if ((this || _global)._elem.hierarchy && (this || _global)._elem.hierarchy.length) { var i$1, len = (this || _global)._elem.hierarchy.length; for (i$1 = 0; i$1 < len; i$1 += 1) (this || _global)._elem.hierarchy[i$1].finalTransform.mProp.applyToMatrix( matrix ); } return matrix.applyToPointArray(arr[0], arr[1], arr[2] || 0); } function invertPoint(matrix, arr) { if ((this || _global)._elem.hierarchy && (this || _global)._elem.hierarchy.length) { var i$1, len = (this || _global)._elem.hierarchy.length; for (i$1 = 0; i$1 < len; i$1 += 1) (this || _global)._elem.hierarchy[i$1].finalTransform.mProp.applyToMatrix( matrix ); } return matrix.inversePoint(arr); } function fromComp(arr) { var toWorldMat = new Matrix(); if ( (toWorldMat.reset(), (this || _global)._elem.finalTransform.mProp.applyToMatrix(toWorldMat), (this || _global)._elem.hierarchy && (this || _global)._elem.hierarchy.length) ) { var i$1, len = (this || _global)._elem.hierarchy.length; for (i$1 = 0; i$1 < len; i$1 += 1) (this || _global)._elem.hierarchy[i$1].finalTransform.mProp.applyToMatrix( toWorldMat ); return toWorldMat.inversePoint(arr); } return toWorldMat.inversePoint(arr); } function sampleImage() { return [1, 1, 1, 1]; } return function (elem) { var transformInterface; function _registerMaskInterface(maskManager) { _thisLayerFunction.mask = new MaskManagerInterface(maskManager, elem); } function _registerEffectsInterface(effects) { _thisLayerFunction.effect = effects; } function _thisLayerFunction(name) { switch (name) { case `ADBE Root Vectors Group`: case `Contents`: case 2: return _thisLayerFunction.shapeInterface; case 1: case 6: case `Transform`: case `transform`: case `ADBE Transform Group`: return transformInterface; case 4: case `ADBE Effect Parade`: case `effects`: case `Effects`: return _thisLayerFunction.effect; case `ADBE Text Properties`: return _thisLayerFunction.textInterface; default: return null; } } (_thisLayerFunction.getMatrix = getMatrix), (_thisLayerFunction.invertPoint = invertPoint), (_thisLayerFunction.applyPoint = applyPoint), (_thisLayerFunction.toWorld = toWorld), (_thisLayerFunction.toWorldVec = toWorldVec), (_thisLayerFunction.fromWorld = fromWorld), (_thisLayerFunction.fromWorldVec = fromWorldVec), (_thisLayerFunction.toComp = toWorld), (_thisLayerFunction.fromComp = fromComp), (_thisLayerFunction.sampleImage = sampleImage), (_thisLayerFunction.sourceRectAtTime = elem.sourceRectAtTime.bind(elem)), (_thisLayerFunction._elem = elem), (transformInterface = TransformExpressionInterface(elem.finalTransform.mProp)); var anchorPointDescriptor = getDescriptor(transformInterface, `anchorPoint`); return ( Object.defineProperties(_thisLayerFunction, { hasParent: { get: function () { return elem.hierarchy.length; } }, parent: { get: function () { return elem.hierarchy[0].layerInterface; } }, rotation: getDescriptor(transformInterface, `rotation`), scale: getDescriptor(transformInterface, `scale`), position: getDescriptor(transformInterface, `position`), opacity: getDescriptor(transformInterface, `opacity`), anchorPoint: anchorPointDescriptor, anchor_point: anchorPointDescriptor, transform: { get: function () { return transformInterface; } }, active: { get: function () { return elem.isInRange; } } }), (_thisLayerFunction.startTime = elem.data.st), (_thisLayerFunction.index = elem.data.ind), (_thisLayerFunction.source = elem.data.refId), (_thisLayerFunction.height = elem.data.ty === 0 ? elem.data.h : 100), (_thisLayerFunction.width = elem.data.ty === 0 ? elem.data.w : 100), (_thisLayerFunction.inPoint = elem.data.ip / elem.comp.globalData.frameRate), (_thisLayerFunction.outPoint = elem.data.op / elem.comp.globalData.frameRate), (_thisLayerFunction._name = elem.data.nm), (_thisLayerFunction.registerMaskInterface = _registerMaskInterface), (_thisLayerFunction.registerEffectsInterface = _registerEffectsInterface), _thisLayerFunction ); }; })(), FootageInterface = (function () { var outlineInterfaceFactory = function (elem) { var currentPropertyName = ``, currentProperty = elem.getFootageData(); function init() { return ( (currentPropertyName = ``), (currentProperty = elem.getFootageData()), searchProperty ); } function searchProperty(value) { if (currentProperty[value]) return ( (currentPropertyName = value), (currentProperty = currentProperty[value]), typeof currentProperty == `object` ? searchProperty : currentProperty ); var propertyNameIndex = value.indexOf(currentPropertyName); if (propertyNameIndex !== -1) { var index$1 = parseInt( value.substr(propertyNameIndex + currentPropertyName.length), 10 ); return ( (currentProperty = currentProperty[index$1]), typeof currentProperty == `object` ? searchProperty : currentProperty ); } return ``; } return init; }, dataInterfaceFactory = function (elem) { function interfaceFunction(value) { return value === `Outline` ? interfaceFunction.outlineInterface() : null; } return ( (interfaceFunction._name = `Outline`), (interfaceFunction.outlineInterface = outlineInterfaceFactory(elem)), interfaceFunction ); }; return function (elem) { function _interfaceFunction(value) { return value === `Data` ? _interfaceFunction.dataInterface : null; } return ( (_interfaceFunction._name = `Data`), (_interfaceFunction.dataInterface = dataInterfaceFactory(elem)), _interfaceFunction ); }; })(), CompExpressionInterface = (function () { return function (comp) { function _thisLayerFunction(name) { for (var i$1 = 0, len = comp.layers.length; i$1 < len; ) { if (comp.layers[i$1].nm === name || comp.layers[i$1].ind === name) return comp.elements[i$1].layerInterface; i$1 += 1; } return null; } return ( Object.defineProperty(_thisLayerFunction, `_name`, { value: comp.data.nm }), (_thisLayerFunction.layer = _thisLayerFunction), (_thisLayerFunction.pixelAspect = 1), (_thisLayerFunction.height = comp.data.h || comp.globalData.compSize.h), (_thisLayerFunction.width = comp.data.w || comp.globalData.compSize.w), (_thisLayerFunction.pixelAspect = 1), (_thisLayerFunction.frameDuration = 1 / comp.globalData.frameRate), (_thisLayerFunction.displayStartTime = 0), (_thisLayerFunction.numLayers = comp.layers.length), _thisLayerFunction ); }; })(), TransformExpressionInterface = (function () { return function (transform) { function _thisFunction(name) { switch (name) { case `scale`: case `Scale`: case `ADBE Scale`: case 6: return _thisFunction.scale; case `rotation`: case `Rotation`: case `ADBE Rotation`: case `ADBE Rotate Z`: case 10: return _thisFunction.rotation; case `ADBE Rotate X`: return _thisFunction.xRotation; case `ADBE Rotate Y`: return _thisFunction.yRotation; case `position`: case `Position`: case `ADBE Position`: case 2: return _thisFunction.position; case `ADBE Position_0`: return _thisFunction.xPosition; case `ADBE Position_1`: return _thisFunction.yPosition; case `ADBE Position_2`: return _thisFunction.zPosition; case `anchorPoint`: case `AnchorPoint`: case `Anchor Point`: case `ADBE AnchorPoint`: case 1: return _thisFunction.anchorPoint; case `opacity`: case `Opacity`: case 11: return _thisFunction.opacity; default: return null; } } Object.defineProperty(_thisFunction, `rotation`, { get: ExpressionPropertyInterface(transform.r || transform.rz) }), Object.defineProperty(_thisFunction, `zRotation`, { get: ExpressionPropertyInterface(transform.rz || transform.r) }), Object.defineProperty(_thisFunction, `xRotation`, { get: ExpressionPropertyInterface(transform.rx) }), Object.defineProperty(_thisFunction, `yRotation`, { get: ExpressionPropertyInterface(transform.ry) }), Object.defineProperty(_thisFunction, `scale`, { get: ExpressionPropertyInterface(transform.s) }); var _px, _py, _pz, _transformFactory; return ( transform.p ? (_transformFactory = ExpressionPropertyInterface(transform.p)) : ((_px = ExpressionPropertyInterface(transform.px)), (_py = ExpressionPropertyInterface(transform.py)), transform.pz && (_pz = ExpressionPropertyInterface(transform.pz))), Object.defineProperty(_thisFunction, `position`, { get: function () { return transform.p ? _transformFactory() : [_px(), _py(), _pz ? _pz() : 0]; } }), Object.defineProperty(_thisFunction, `xPosition`, { get: ExpressionPropertyInterface(transform.px) }), Object.defineProperty(_thisFunction, `yPosition`, { get: ExpressionPropertyInterface(transform.py) }), Object.defineProperty(_thisFunction, `zPosition`, { get: ExpressionPropertyInterface(transform.pz) }), Object.defineProperty(_thisFunction, `anchorPoint`, { get: ExpressionPropertyInterface(transform.a) }), Object.defineProperty(_thisFunction, `opacity`, { get: ExpressionPropertyInterface(transform.o) }), Object.defineProperty(_thisFunction, `skew`, { get: ExpressionPropertyInterface(transform.sk) }), Object.defineProperty(_thisFunction, `skewAxis`, { get: ExpressionPropertyInterface(transform.sa) }), Object.defineProperty(_thisFunction, `orientation`, { get: ExpressionPropertyInterface(transform.or) }), _thisFunction ); }; })(); ProjectInterface = (function () { function registerComposition(comp) { (this || _global).compositions.push(comp); } return function () { function _thisProjectFunction(name) { for (var i$1 = 0, len = (this || _global).compositions.length; i$1 < len; ) { if ( (this || _global).compositions[i$1].data && (this || _global).compositions[i$1].data.nm === name ) return ( (this || _global).compositions[i$1].prepareFrame && (this || _global).compositions[i$1].data.xt && (this || _global).compositions[i$1].prepareFrame( (this || _global).currentFrame ), (this || _global).compositions[i$1].compInterface ); i$1 += 1; } return null; } return ( (_thisProjectFunction.compositions = []), (_thisProjectFunction.currentFrame = 0), (_thisProjectFunction.registerComposition = registerComposition), _thisProjectFunction ); }; })(); var EffectsExpressionInterface = (function () { var ob = { createEffectsInterface }; function createEffectsInterface(elem, propertyGroup) { if (elem.effectsManager) { var effectElements = [], effectsData = elem.data.ef, i$1, len = elem.effectsManager.effectElements.length; for (i$1 = 0; i$1 < len; i$1 += 1) effectElements.push( createGroupInterface( effectsData[i$1], elem.effectsManager.effectElements[i$1], propertyGroup, elem ) ); var effects = elem.data.ef || [], groupInterface = function (name) { for (i$1 = 0, len = effects.length; i$1 < len; ) { if ( name === effects[i$1].nm || name === effects[i$1].mn || name === effects[i$1].ix ) return effectElements[i$1]; i$1 += 1; } return null; }; return ( Object.defineProperty(groupInterface, `numProperties`, { get: function () { return effects.length; } }), groupInterface ); } return null; } function createGroupInterface(data, elements, propertyGroup, elem) { function groupInterface(name) { for (var effects = data.ef, i$2 = 0, len$1 = effects.length; i$2 < len$1; ) { if ( name === effects[i$2].nm || name === effects[i$2].mn || name === effects[i$2].ix ) return effects[i$2].ty === 5 ? effectElements[i$2] : effectElements[i$2](); i$2 += 1; } throw Error(); } var _propertyGroup = propertyGroupFactory(groupInterface, propertyGroup), effectElements = [], i$1, len = data.ef.length; for (i$1 = 0; i$1 < len; i$1 += 1) data.ef[i$1].ty === 5 ? effectElements.push( createGroupInterface( data.ef[i$1], elements.effectElements[i$1], elements.effectElements[i$1].propertyGroup, elem ) ) : effectElements.push( createValueInterface( elements.effectElements[i$1], data.ef[i$1].ty, elem, _propertyGroup ) ); return ( data.mn === `ADBE Color Control` && Object.defineProperty(groupInterface, `color`, { get: function () { return effectElements[0](); } }), Object.defineProperties(groupInterface, { numProperties: { get: function () { return data.np; } }, _name: { value: data.nm }, propertyGroup: { value: _propertyGroup } }), (groupInterface.enabled = data.en !== 0), (groupInterface.active = groupInterface.enabled), groupInterface ); } function createValueInterface(element, type, elem, propertyGroup) { var expressionProperty = ExpressionPropertyInterface(element.p); function interfaceFunction() { return type === 10 ? elem.comp.compInterface(element.p.v) : expressionProperty(); } return ( element.p.setGroupProperty && element.p.setGroupProperty(PropertyInterface(``, propertyGroup)), interfaceFunction ); } return ob; })(), MaskManagerInterface = (function () { function MaskInterface(mask, data) { ((this || _global)._mask = mask), ((this || _global)._data = data); } Object.defineProperty(MaskInterface.prototype, `maskPath`, { get: function () { return ( (this || _global)._mask.prop.k && (this || _global)._mask.prop.getValue(), (this || _global)._mask.prop ); } }), Object.defineProperty(MaskInterface.prototype, `maskOpacity`, { get: function () { return ( (this || _global)._mask.op.k && (this || _global)._mask.op.getValue(), (this || _global)._mask.op.v * 100 ); } }); var MaskManager = function (maskManager) { var _masksInterfaces = createSizedArray(maskManager.viewData.length), i$1, len = maskManager.viewData.length; for (i$1 = 0; i$1 < len; i$1 += 1) _masksInterfaces[i$1] = new MaskInterface( maskManager.viewData[i$1], maskManager.masksProperties[i$1] ); var maskFunction = function (name) { for (i$1 = 0; i$1 < len; ) { if (maskManager.masksProperties[i$1].nm === name) return _masksInterfaces[i$1]; i$1 += 1; } return null; }; return maskFunction; }; return MaskManager; })(), ExpressionPropertyInterface = (function () { var defaultUnidimensionalValue = { pv: 0, v: 0, mult: 1 }, defaultMultidimensionalValue = { pv: [0, 0, 0], v: [0, 0, 0], mult: 1 }; function completeProperty(expressionValue, property, type) { Object.defineProperty(expressionValue, `velocity`, { get: function () { return property.getVelocityAtTime(property.comp.currentFrame); } }), (expressionValue.numKeys = property.keyframes ? property.keyframes.length : 0), (expressionValue.key = function (pos) { if (!expressionValue.numKeys) return 0; var value = ``; value = `s` in property.keyframes[pos - 1] ? property.keyframes[pos - 1].s : `e` in property.keyframes[pos - 2] ? property.keyframes[pos - 2].e : property.keyframes[pos - 2].s; var valueProp = type === `unidimensional` ? new Number(value) : Object.assign({}, value); return ( (valueProp.time = property.keyframes[pos - 1].t / property.elem.comp.globalData.frameRate), (valueProp.value = type === `unidimensional` ? value[0] : value), valueProp ); }), (expressionValue.valueAtTime = property.getValueAtTime), (expressionValue.speedAtTime = property.getSpeedAtTime), (expressionValue.velocityAtTime = property.getVelocityAtTime), (expressionValue.propertyGroup = property.propertyGroup); } function UnidimensionalPropertyInterface(property) { (!property || !(`pv` in property)) && (property = defaultUnidimensionalValue); var mult = 1 / property.mult, val = property.pv * mult, expressionValue = new Number(val); return ( (expressionValue.value = val), completeProperty(expressionValue, property, `unidimensional`), function () { return ( property.k && property.getValue(), (val = property.v * mult), expressionValue.value !== val && ((expressionValue = new Number(val)), (expressionValue.value = val), completeProperty(expressionValue, property, `unidimensional`)), expressionValue ); } ); } function MultidimensionalPropertyInterface(property) { (!property || !(`pv` in property)) && (property = defaultMultidimensionalValue); var mult = 1 / property.mult, len = (property.data && property.data.l) || property.pv.length, expressionValue = createTypedArray(`float32`, len), arrValue = createTypedArray(`float32`, len); return ( (expressionValue.value = arrValue), completeProperty(expressionValue, property, `multidimensional`), function () { property.k && property.getValue(); for (var i$1 = 0; i$1 < len; i$1 += 1) (arrValue[i$1] = property.v[i$1] * mult), (expressionValue[i$1] = arrValue[i$1]); return expressionValue; } ); } function defaultGetter() { return defaultUnidimensionalValue; } return function (property) { return property ? property.propType === `unidimensional` ? UnidimensionalPropertyInterface(property) : MultidimensionalPropertyInterface(property) : defaultGetter; }; })(); (function () { var TextExpressionSelectorProp = (function () { function getValueProxy(index$1, total) { return ( ((this || _global).textIndex = index$1 + 1), ((this || _global).textTotal = total), ((this || _global).v = this.getValue() * (this || _global).mult), (this || _global).v ); } return function (elem, data) { ((this || _global).pv = 1), ((this || _global).comp = elem.comp), ((this || _global).elem = elem), ((this || _global).mult = 0.01), ((this || _global).propType = `textSelector`), ((this || _global).textTotal = data.totalChars), ((this || _global).selectorValue = 100), ((this || _global).lastValue = [1, 1, 1]), ((this || _global).k = !0), ((this || _global).x = !0), ((this || _global).getValue = ExpressionManager.initiateExpression.bind( this || _global )(elem, data, this || _global)), ((this || _global).getMult = getValueProxy), ((this || _global).getVelocityAtTime = expressionHelpers.getVelocityAtTime), (this || _global).kf ? ((this || _global).getValueAtTime = expressionHelpers.getValueAtTime.bind( this || _global )) : ((this || _global).getValueAtTime = expressionHelpers.getStaticValueAtTime.bind(this || _global)), ((this || _global).setGroupProperty = expressionHelpers.setGroupProperty); }; })(), propertyGetTextProp = TextSelectorProp.getTextSelectorProp; TextSelectorProp.getTextSelectorProp = function (elem, data, arr) { return data.t === 1 ? new TextExpressionSelectorPropFactory(elem, data, arr) : propertyGetTextProp(elem, data, arr); }; })(); function SliderEffect(data, elem, container) { (this || _global).p = PropertyFactory.getProp(elem, data.v, 0, 0, container); } function AngleEffect(data, elem, container) { (this || _global).p = PropertyFactory.getProp(elem, data.v, 0, 0, container); } function ColorEffect(data, elem, container) { (this || _global).p = PropertyFactory.getProp(elem, data.v, 1, 0, container); } function PointEffect(data, elem, container) { (this || _global).p = PropertyFactory.getProp(elem, data.v, 1, 0, container); } function LayerIndexEffect(data, elem, container) { (this || _global).p = PropertyFactory.getProp(elem, data.v, 0, 0, container); } function MaskIndexEffect(data, elem, container) { (this || _global).p = PropertyFactory.getProp(elem, data.v, 0, 0, container); } function CheckboxEffect(data, elem, container) { (this || _global).p = PropertyFactory.getProp(elem, data.v, 0, 0, container); } function NoValueEffect() { (this || _global).p = {}; } function EffectsManager(data, element) { var effects = data.ef || []; (this || _global).effectElements = []; var i$1, len = effects.length, effectItem; for (i$1 = 0; i$1 < len; i$1 += 1) (effectItem = new GroupEffect(effects[i$1], element)), (this || _global).effectElements.push(effectItem); } function GroupEffect(data, element) { this.init(data, element); } extendPrototype([DynamicPropertyContainer], GroupEffect), (GroupEffect.prototype.getValue = GroupEffect.prototype.iterateDynamicProperties), (GroupEffect.prototype.init = function (data, element) { ((this || _global).data = data), ((this || _global).effectElements = []), this.initDynamicPropertyContainer(element); var i$1, len = (this || _global).data.ef.length, eff, effects = (this || _global).data.ef; for (i$1 = 0; i$1 < len; i$1 += 1) { switch (((eff = null), effects[i$1].ty)) { case 0: eff = new SliderEffect(effects[i$1], element, this || _global); break; case 1: eff = new AngleEffect(effects[i$1], element, this || _global); break; case 2: eff = new ColorEffect(effects[i$1], element, this || _global); break; case 3: eff = new PointEffect(effects[i$1], element, this || _global); break; case 4: case 7: eff = new CheckboxEffect(effects[i$1], element, this || _global); break; case 10: eff = new LayerIndexEffect(effects[i$1], element, this || _global); break; case 11: eff = new MaskIndexEffect(effects[i$1], element, this || _global); break; case 5: eff = new EffectsManager(effects[i$1], element, this || _global); break; default: eff = new NoValueEffect(effects[i$1], element, this || _global); break; } eff && (this || _global).effectElements.push(eff); } }); var lottie = {}; function setLocationHref(href) { locationHref = href; } function searchAnimations() { standalone === !0 ? animationManager.searchAnimations(animationData, standalone, renderer) : animationManager.searchAnimations(); } function setSubframeRendering(flag) { subframeEnabled = flag; } function loadAnimation(params) { return ( standalone === !0 && (params.animationData = JSON.parse(animationData)), animationManager.loadAnimation(params) ); } function setQuality(value) { if (typeof value == `string`) switch (value) { case `high`: defaultCurveSegments = 200; break; default: case `medium`: defaultCurveSegments = 50; break; case `low`: defaultCurveSegments = 10; break; } else !isNaN(value) && value > 1 && (defaultCurveSegments = value); roundValues(!(defaultCurveSegments >= 50)); } function inBrowser() { return navigator !== void 0; } function installPlugin(type, plugin) { type === `expressions` && (expressionsPlugin = plugin); } function getFactory(name) { switch (name) { case `propertyFactory`: return PropertyFactory; case `shapePropertyFactory`: return ShapePropertyFactory; case `matrix`: return Matrix; default: return null; } } (lottie.play = animationManager.play), (lottie.pause = animationManager.pause), (lottie.setLocationHref = setLocationHref), (lottie.togglePause = animationManager.togglePause), (lottie.setSpeed = animationManager.setSpeed), (lottie.setDirection = animationManager.setDirection), (lottie.stop = animationManager.stop), (lottie.searchAnimations = searchAnimations), (lottie.registerAnimation = animationManager.registerAnimation), (lottie.loadAnimation = loadAnimation), (lottie.setSubframeRendering = setSubframeRendering), (lottie.resize = animationManager.resize), (lottie.goToAndStop = animationManager.goToAndStop), (lottie.destroy = animationManager.destroy), (lottie.setQuality = setQuality), (lottie.inBrowser = inBrowser), (lottie.installPlugin = installPlugin), (lottie.freeze = animationManager.freeze), (lottie.unfreeze = animationManager.unfreeze), (lottie.setVolume = animationManager.setVolume), (lottie.mute = animationManager.mute), (lottie.unmute = animationManager.unmute), (lottie.getRegisteredAnimations = animationManager.getRegisteredAnimations), (lottie.__getFactory = getFactory), (lottie.version = `5.7.8`); function checkReady() { document.readyState === `complete` && (clearInterval(readyStateCheckInterval), searchAnimations()); } function getQueryVariable(variable) { for (var vars = queryString.split(`&`), i$1 = 0; i$1 < vars.length; i$1 += 1) { var pair = vars[i$1].split(`=`); if (decodeURIComponent(pair[0]) == variable) return decodeURIComponent(pair[1]); } return null; } var standalone = `__[STANDALONE]__`, animationData = `__[ANIMATIONDATA]__`, renderer = ``, queryString; if (standalone) { var scripts = document.getElementsByTagName(`script`), index = scripts.length - 1, myScript = scripts[index] || { src: `` }; (queryString = myScript.src.replace(/^[^\?]+\??/, ``)), (renderer = getQueryVariable(`renderer`)); } var readyStateCheckInterval = setInterval(checkReady, 100); return lottie; }), (exports$1 = exports); }), init_lottie_web_5_7 = __esmMin(() => { init_npm_lottie_web_5_7(); }); function Lottie(props) { let { style, srcUrl, srcFile, srcType, poster, progress: progressRaw, playing, loop, posterProgress, pauseOnCanvas, isForwardsDirection, speed, onClick, onMouseEnter, onMouseLeave, onMouseDown, onMouseUp, onComplete } = props, isOnCanvas = RenderTarget.current() === RenderTarget.canvas, shouldPlay = (!pauseOnCanvas || !isOnCanvas) && playing, direction = isForwardsDirection ? 1 : -1, isCustomPoster = poster === Poster.Custom, el = pe(), didInitialMount = pe(!1), animationInfo = pe({ data: null, animation: null, duration: null }), progress$1 = useAutoMotionValue$1(progressRaw, { transform: (v) => v * 0.01 }), play = () => { var ref, ref1; return (ref = animationInfo.current) == null ? void 0 : (ref1 = ref.animation)?.play(); }, pause = () => { var ref, ref1; return (ref = animationInfo.current) == null ? void 0 : (ref1 = ref.animation)?.pause(); }, destroy = () => { var ref, ref1; return (ref = animationInfo.current) == null ? void 0 : (ref1 = ref.animation)?.destroy(); }, scrubTo = te((normalizedProgress, shouldPlayAfter) => { if (!animationInfo.current.duration || !animationInfo.current.animation) return; let frameNumberTarget = normalizedProgress === 1 ? animationInfo.current.duration - 1 : normalizedProgress * animationInfo.current.duration; shouldPlayAfter ? animationInfo.current.animation.goToAndPlay(frameNumberTarget, !0) : animationInfo.current.animation.goToAndStop(frameNumberTarget, !0); }, []), fetchLottieData = te(async (url) => { if (!url) return null; let data = await fetch(url, { method: `GET`, credentials: `omit`, redirect: `follow` }).then((d) => d.json() ); return data; }, []), init = te(async () => { destroy(); let dataUrl; srcType === SrcType$2.Url && (dataUrl = srcUrl), srcType === SrcType$2.File && (dataUrl = srcFile), (dataUrl ||= (console.warn(`No valid Lottie animation provided`), placeholderUrl)); let data = await fetchLottieData(dataUrl); return (animationInfo.current.data = data), setup(didInitialMount.current); }, [srcType, srcUrl, srcFile]), setup = te( (shouldPlayAfter) => { if (!el.current) return; destroy(); let options = { container: el.current, renderer: `svg`, loop: !isOnCanvas && loop, autoplay: shouldPlay, animationData: animationInfo.current.data, rendererSettings: { preserveAspectRatio: `xMidYMid slice` } }, anim = (animationInfo.current.animation = exports$1.loadAnimation(options)); return ( (animationInfo.current.duration = anim.getDuration(!0)), anim.setDirection(direction), anim.setSpeed(speed), (didInitialMount.current = !0), isOnCanvas && isCustomPoster ? scrubTo(posterProgress, !1) : scrubTo(progress$1.get(), shouldPlay || shouldPlayAfter), () => { anim.destroy(); } ); }, [loop, shouldPlay, speed, direction, isOnCanvas, isCustomPoster, posterProgress] ); return ( ue(() => { let cleanup; return ( init().then((c) => (cleanup = c)), () => { cleanup && cleanup(); } ); }, [srcType, srcFile, srcUrl]), ue(() => { if (didInitialMount.current) return setup(!1); }, [loop]), ue(() => exports$1.setQuality(isOnCanvas ? `low` : `medium`), []), ue( () => progress$1.onChange((val) => { isOnCanvas || (shouldPlay ? scrubTo(val, !0) : scrubTo(val, !1)); }), [] ), ue(() => { let val = progress$1.get(); shouldPlay ? scrubTo(val, !0) : scrubTo(val, !1); }, [progressRaw]), ue(() => { if (!isOnCanvas) return; let normalizedPosterProgress = posterProgress * 0.01; scrubTo(isCustomPoster ? normalizedPosterProgress : progress$1.get(), !1); }, [isCustomPoster, posterProgress]), ue(() => { var ref; (ref = animationInfo.current)?.animation && (animationInfo.current.animation.setSpeed(speed), scrubTo(progress$1.get(), !0)); }, [speed]), ue(() => { var ref; (ref = animationInfo.current)?.animation && (animationInfo.current.animation.setDirection(direction), scrubTo(progress$1.get(), !0)); }, [direction]), ue(() => { shouldPlay ? play() : pause(); }, [shouldPlay]), p(motion.div, { ref: el, style, onClick, onMouseEnter, onMouseLeave, onMouseDown, onMouseUp }) ); } var SrcType$2, Poster, placeholderUrl, init_Lottie = __esmMin(() => { init_jsx_runtime(), init_npm_react_18_2(), init_framer_JYARJRD7(), init_default_utils_js__0_45(), init_useAutoMotionValue_js_0_3(), init_lottie_web_5_7(), (function (SrcType$3) { (SrcType$3.File = `Upload`), (SrcType$3.Url = `URL`); })((SrcType$2 ||= {})), (function (Poster$1) { (Poster$1.Auto = `Auto`), (Poster$1.Custom = `Custom`); })((Poster ||= {})), (placeholderUrl = `https://raw.githubusercontent.com/framer/Lottie/master/Lottie.framerfx/assets/logo.json`), (Lottie.defaultProps = { height: 200, width: 200, srcType: SrcType$2.Url, pauseOnCanvas: !0, srcUrl: placeholderUrl, progress: 0, poster: Poster.Auto, posterProgress: 0 }), addPropertyControls(Lottie, { srcType: { type: ControlType.Enum, displaySegmentedControl: !0, title: `Source`, options: [SrcType$2.Url, SrcType$2.File] }, srcUrl: { type: ControlType.String, title: ` `, placeholder: `../example.json`, hidden: (props) => props.srcType === SrcType$2.File }, srcFile: { type: ControlType.File, title: ` `, allowedFileTypes: [`json`], hidden: (props) => props.srcType === SrcType$2.Url }, playing: { type: ControlType.Boolean, title: `Playing`, enabledTitle: `Yes`, disabledTitle: `No` }, loop: { type: ControlType.Boolean, title: `Loop`, enabledTitle: `Yes`, disabledTitle: `No` }, isForwardsDirection: { title: `Direction`, type: ControlType.Boolean, enabledTitle: `Normal`, disabledTitle: `Reverse` }, speed: { type: ControlType.Number, defaultValue: 1, min: 0, max: 10, step: 0.5, displayStepper: !0, unit: `x` }, poster: { title: `Poster`, type: ControlType.Enum, options: [Poster.Auto, Poster.Custom], displaySegmentedControl: !0 }, posterProgress: { title: ` `, type: ControlType.Number, max: 100, min: 0, unit: `%`, hidden: ({ poster }) => poster === Poster.Auto }, progress: { title: `Progress`, type: ControlType.Number, max: 100, min: 0, unit: `%`, description: `This component is made for JSON files. [Learn more here](https://lottiefiles.com/what-is-lottie).` }, ...defaultEvents }); }), init_OIjZRBmWDcIE2B6qgG1j = __esmMin(() => { init_constants(), init_useOnNavigationTargetChange(), init_useConstant(), init_colorFromToken(), init_isMotionValue$1(), init_useUniqueClassName(), init_variantUtils(), init_isBrowser(), init_useOnChange(), init_useAutoMotionValue(), init_useFontControls(), init_useRenderTarget(), init_useControlledState(), init_propUtils(); }); function getProps$11(props) { let { width, height, topLeft, topRight, bottomRight, bottomLeft, id, children, ...rest } = props; return rest; } function Video(props) { let newProps = getProps$11(props); return p(VideoMemo$1, { ...newProps }); } function usePlaybackControls$1(videoRef) { let isInCurrentNavigationTarget = useIsInCurrentNavigationTarget(), requestingPlay = pe(!1), isPlayingRef = pe(!1), setProgress = te((rawProgress) => { if (!videoRef.current) return; let newProgress = (rawProgress === 1 ? 0.999 : rawProgress) * videoRef.current.duration, isAlreadySet = Math.abs(videoRef.current.currentTime - newProgress) < 0.1; videoRef.current.duration > 0 && !isAlreadySet && (videoRef.current.currentTime = newProgress); }, []), play = te(() => { let video = videoRef.current; if (!video) return; video.preload = `auto`; let isPlaying = video.currentTime > 0 && video.onplaying && !video.paused && !video.ended && video.readyState >= video.HAVE_CURRENT_DATA; !isPlaying && video && !requestingPlay.current && isInCurrentNavigationTarget && ((requestingPlay.current = !0), (isPlayingRef.current = !0), video .play() .catch((e$3) => {}) .finally(() => (requestingPlay.current = !1))); }, []), pause = te(() => { !videoRef.current || requestingPlay.current || (videoRef.current.pause(), (isPlayingRef.current = !1)); }, []); return { play, pause, setProgress, isPlaying: isPlayingRef }; } function useAutoplayBehavior$1({ playingProp, muted, loop, playsinline, controls }) { let [initialPlayingProp] = ye(() => playingProp), [hasPlayingPropChanged, setHasPlayingPropChanged] = ye(!1); playingProp !== initialPlayingProp && !hasPlayingPropChanged && setHasPlayingPropChanged(!0); let behavesAsGif = initialPlayingProp && muted && loop && playsinline && !controls && !hasPlayingPropChanged, autoplay; return (autoplay = behavesAsGif ? `on-viewport` : initialPlayingProp ? `on-mount` : `no-autoplay`), autoplay; } function capitalizeFirstLetter$1(value) { return value.charAt(0).toUpperCase() + value.slice(1); } function titleCase$1(value) { let groups = value.match(/[A-Z]{2,}|[A-Z][a-z]+|[a-z]+|[A-Z]|\d+/gu) || []; return groups.map(capitalizeFirstLetter$1).join(` `); } var ObjectFitType$1, SrcType$1, defaultVideo, VideoMemo$1, objectFitOptions$1, init_Video$1 = __esmMin(() => { init_jsx_runtime(), init_framer_JYARJRD7(), init_framer_motion_5EXT2AMG(), init_OIjZRBmWDcIE2B6qgG1j(), init_npm_react_18_2(), (function (ObjectFitType$2) { (ObjectFitType$2.Fill = `fill`), (ObjectFitType$2.Contain = `contain`), (ObjectFitType$2.Cover = `cover`), (ObjectFitType$2.None = `none`), (ObjectFitType$2.ScaleDown = `scale-down`); })((ObjectFitType$1 ||= {})), (function (SrcType$3) { (SrcType$3.Video = `Upload`), (SrcType$3.Url = `URL`); })((SrcType$1 ||= {})), (defaultVideo = `https://framerusercontent.com/assets/MLWPbW1dUQawJLhhun3dBwpgJak.mp4`), (VideoMemo$1 = X(function (props) { let { srcType = `URL`, srcUrl, srcFile = ``, posterEnabled = !1, controls = !1, playing = !0, loop = !0, muted = !0, playsinline = !0, restartOnEnter = !1, objectFit = `cover`, backgroundColor = `rgba(0,0,0,0)`, radius = 0, volume = 25, startTime: startTimeProp = 0, poster, playing: playingProp, progress: progress$1, onSeeked, onPause, onPlay, onEnd, onClick, onMouseEnter, onMouseLeave, onMouseDown, onMouseUp } = props, videoRef = pe(), isSafari = useIsBrowserSafari(), wasPausedOnLeave = pe(null), wasEndedOnLeave = pe(null), isOnCanvas = useIsOnCanvas(), renderTarget = useRenderTarget(), isStaticRenderer = isOnCanvas || renderTarget === RenderTarget.export, borderRadius = useRadius(props), autoplayBehavior = isStaticRenderer ? `no-autoplay` : useAutoplayBehavior$1({ playingProp, muted, loop, playsinline, controls }), isInViewport = isStaticRenderer ? !0 : useInView(videoRef), isCloseToViewport = isStaticRenderer ? !1 : useInView(videoRef, { margin: `10%`, once: !0 }), startTime = startTimeProp === 100 ? 99.9 : startTimeProp, { play, pause, setProgress, isPlaying } = usePlaybackControls$1(videoRef); ue(() => { isStaticRenderer || (autoplayBehavior !== `on-viewport` && (playingProp ? play() : pause())); }, [autoplayBehavior, playingProp]), ue(() => { isStaticRenderer || (isInViewport && playingProp && autoplayBehavior !== `no-autoplay` && play(), autoplayBehavior === `on-viewport` && pause()); }, [autoplayBehavior, isInViewport, playingProp]), ue(() => { !isOnCanvas || poster || posterEnabled || startTime || !videoRef.current || (videoRef.current.currentTime = 0.01); }, [posterEnabled, poster, startTime]); let isMountedAndReadyForProgressChanges$1 = pe(!1); ue(() => { if (!isMountedAndReadyForProgressChanges$1.current) { isMountedAndReadyForProgressChanges$1.current = !0; return; } let rawProgressValue = isMotionValue(progress$1) ? progress$1.get() : (progress$1 ?? 0) * 0.01; setProgress((rawProgressValue ?? 0) || (startTime ?? 0) / 100); }, [startTime, srcFile, srcUrl, progress$1]), ue(() => { if (isMotionValue(progress$1)) return progress$1.on(`change`, (value) => setProgress(value)); }, [progress$1]), useOnEnter(() => { wasPausedOnLeave.current !== null && videoRef.current && ((!wasEndedOnLeave && loop) || !wasPausedOnLeave.current) && play(); }), useOnExit(() => { videoRef.current && ((wasEndedOnLeave.current = videoRef.current.ended), (wasPausedOnLeave.current = videoRef.current.paused), pause()); }); let src = se(() => { let fragment = ``; if (srcType === `URL`) return srcUrl + ``; if (srcType === `Upload`) return srcFile + ``; }, [srcType, srcFile, srcUrl, startTime]); ue(() => { isSafari && videoRef.current && autoplayBehavior === `on-mount` && setTimeout(() => play(), 50); }, []), ue(() => { videoRef.current && !muted && (videoRef.current.volume = (volume ?? 0) / 100); }, [volume]); let handleReady = () => { let video = videoRef.current; video && (video.currentTime < 0.3 && startTime > 0 && setProgress((startTime ?? 0) * 0.01), (isPlaying.current || autoplayBehavior === `on-mount` || (playingProp && autoplayBehavior === `on-viewport` && isInViewport)) && play()); }; return p(`video`, { onClick, onMouseEnter, onMouseLeave, onMouseDown, onMouseUp, src, loop, ref: videoRef, onSeeked: (e$3) => onSeeked?.(e$3), onPause: (e$3) => onPause?.(e$3), onPlay: (e$3) => onPlay?.(e$3), onEnded: (e$3) => onEnd?.(e$3), autoPlay: isPlaying.current || autoplayBehavior === `on-mount` || (playingProp && autoplayBehavior === `on-viewport` && isInViewport), preload: isPlaying.current ? `auto` : isStaticRenderer && !poster ? `metadata` : autoplayBehavior !== `on-mount` && !isCloseToViewport ? `none` : `metadata`, poster: posterEnabled && !srcFile && srcUrl === defaultVideo ? `https://framerusercontent.com/images/5ILRvlYXf72kHSVHqpa3snGzjU.jpg` : posterEnabled && poster ? poster : void 0, onLoadedData: handleReady, controls, muted: isStaticRenderer ? !0 : muted, playsInline: playsinline, style: { cursor: onClick ? `pointer` : `auto`, width: `100%`, height: `100%`, borderRadius, display: `block`, objectFit, backgroundColor, objectPosition: `50% 50%` } }); })), (Video.displayName = `Video`), (objectFitOptions$1 = [`cover`, `fill`, `contain`, `scale-down`, `none`]), addPropertyControls(Video, { srcType: { type: ControlType.Enum, displaySegmentedControl: !0, title: `Source`, options: [`URL`, `Upload`] }, srcUrl: { type: ControlType.String, title: `URL`, defaultValue: `https://framerusercontent.com/assets/MLWPbW1dUQawJLhhun3dBwpgJak.mp4`, hidden(props) { return props.srcType === `Upload`; } }, srcFile: { type: ControlType.File, title: `File`, allowedFileTypes: [`mp4`, `webm`], hidden(props) { return props.srcType === `URL`; } }, playing: { type: ControlType.Boolean, title: `Playing`, enabledTitle: `Yes`, disabledTitle: `No` }, ...borderRadiusControl, posterEnabled: { type: ControlType.Boolean, title: `Poster`, enabledTitle: `Yes`, disabledTitle: `No` }, poster: { type: ControlType.Image, title: `Image`, hidden: ({ posterEnabled }) => !posterEnabled, description: `We recommend adding a poster. [Learn more](https://www.framer.com/help/articles/how-are-videos-optimized-in-framer/).` }, backgroundColor: { type: ControlType.Color, title: `Background`, defaultValue: `rgba(0,0,0,0)` }, startTime: { title: `Start Time`, type: ControlType.Number, min: 0, max: 100, step: 0.1, unit: `%` }, loop: { type: ControlType.Boolean, title: `Loop`, enabledTitle: `Yes`, disabledTitle: `No` }, objectFit: { type: ControlType.Enum, title: `Fit`, options: objectFitOptions$1, optionTitles: objectFitOptions$1.map(titleCase$1) }, controls: { type: ControlType.Boolean, title: `Controls`, enabledTitle: `Show`, disabledTitle: `Hide`, defaultValue: !1 }, muted: { type: ControlType.Boolean, title: `Muted`, enabledTitle: `Yes`, disabledTitle: `No` }, volume: { type: ControlType.Number, max: 100, min: 0, unit: `%`, hidden: ({ muted }) => muted, defaultValue: 25 }, onEnd: { type: ControlType.EventHandler }, onSeeked: { type: ControlType.EventHandler }, onPause: { type: ControlType.EventHandler }, onPlay: { type: ControlType.EventHandler }, ...defaultEvents }); }); function getProps$10(props) { let { width, height, topLeft, topRight, bottomRight, bottomLeft, id, children, ...rest } = props; return rest; } function Video$1(props) { let newProps = getProps$10(props); return p(VideoMemo, { ...newProps }); } function usePlaybackControls(videoRef) { let isInCurrentNavigationTarget = useIsInCurrentNavigationTarget(), requestingPlay = pe(!1), setProgress = te((rawProgress) => { if (!videoRef.current) return; let newProgress = (rawProgress === 1 ? 0.999 : rawProgress) * videoRef.current.duration, isAlreadySet = Math.abs(videoRef.current.currentTime - newProgress) < 0.1; videoRef.current.duration > 0 && !isAlreadySet && (videoRef.current.currentTime = newProgress); }, []), play = te(() => { let isPlaying = videoRef.current.currentTime > 0 && videoRef.current.onplaying && !videoRef.current.paused && !videoRef.current.ended && videoRef.current.readyState > videoRef.current.HAVE_CURRENT_DATA; !isPlaying && videoRef.current && !requestingPlay.current && isInCurrentNavigationTarget && ((requestingPlay.current = !0), videoRef.current .play() .catch((e$3) => {}) .finally(() => (requestingPlay.current = !1))); }, []), pause = te(() => { !videoRef.current || requestingPlay.current || videoRef.current.pause(); }, []); return { play, pause, setProgress }; } function useAutoplayBehavior({ playingProp, muted, loop, playsinline, controls }) { let [initialPlayingProp] = ye(() => playingProp), [hasPlayingPropChanged, setHasPlayingPropChanged] = ye(!1); playingProp !== initialPlayingProp && !hasPlayingPropChanged && setHasPlayingPropChanged(!0); let behavesAsGif = initialPlayingProp && muted && loop && playsinline && !controls && !hasPlayingPropChanged, autoplay; return (autoplay = behavesAsGif ? `on-viewport` : initialPlayingProp ? `on-mount` : `no-autoplay`), autoplay; } function capitalizeFirstLetter(value) { return value.charAt(0).toUpperCase() + value.slice(1); } function titleCase(value) { let groups = value.match(groupsRegex) || []; return groups.map(capitalizeFirstLetter).join(` `); } var ObjectFitType, SrcType, isMountedAndReadyForProgressChanges, VideoMemo, groupsRegex, objectFitOptions, init_Video = __esmMin(() => { init_jsx_runtime(), init_framer_JYARJRD7(), init_framer_motion_5EXT2AMG(), init_default_utils_js__0_45(), init_npm_react_18_2(), (function (ObjectFitType$2) { (ObjectFitType$2.Fill = `fill`), (ObjectFitType$2.Contain = `contain`), (ObjectFitType$2.Cover = `cover`), (ObjectFitType$2.None = `none`), (ObjectFitType$2.ScaleDown = `scale-down`); })((ObjectFitType ||= {})), (function (SrcType$3) { (SrcType$3.Video = `Upload`), (SrcType$3.Url = `URL`); })((SrcType ||= {})), (isMountedAndReadyForProgressChanges = !1), (VideoMemo = X(function (props) { let { srcType, srcFile, srcUrl, playing: playingProp, muted, playsinline, controls, progress: progress$1, objectFit, backgroundColor, onSeeked, onPause, onPlay, onEnd, onClick, onMouseEnter, onMouseLeave, onMouseDown, onMouseUp, poster, posterEnabled, startTime: startTimeProp, volume, loop } = props, videoRef = pe(), isSafari = useIsBrowserSafari(), wasPausedOnLeave = pe(null), wasEndedOnLeave = pe(null), isOnCanvas = useIsOnCanvas(), borderRadius = useRadius(props), autoplayBehavior = isOnCanvas ? `no-autoplay` : useAutoplayBehavior({ playingProp, muted, loop, playsinline, controls }), isInViewport = isOnCanvas ? !0 : useInView(videoRef), startTime = startTimeProp === 100 ? 99.9 : startTimeProp, { play, pause, setProgress } = usePlaybackControls(videoRef); ue(() => { isOnCanvas || (playingProp ? play() : pause()); }, [playingProp]), ue(() => { isOnCanvas || (autoplayBehavior === `on-viewport` && (isInViewport ? play() : pause())); }, [autoplayBehavior, isInViewport]), ue(() => { if (!isMountedAndReadyForProgressChanges) { isMountedAndReadyForProgressChanges = !0; return; } let rawProgressValue = isMotionValue(progress$1) ? progress$1.get() : (progress$1 ?? 0) * 0.01; setProgress((rawProgressValue ?? 0) || (startTime ?? 0) / 100); }, [startTime, srcFile, srcUrl, progress$1]), ue(() => { if (isMotionValue(progress$1)) return progress$1.on(`change`, (value) => setProgress(value)); }, [progress$1]), useOnEnter(() => { wasPausedOnLeave.current !== null && videoRef.current && ((!wasEndedOnLeave && loop) || !wasPausedOnLeave.current) && play(); }), useOnExit(() => { videoRef.current && ((wasEndedOnLeave.current = videoRef.current.ended), (wasPausedOnLeave.current = videoRef.current.paused), pause()); }); let src = se(() => { let fragment = ``; if (srcType === `URL`) return srcUrl + ``; if (srcType === `Upload`) return srcFile + ``; }, [srcType, srcFile, srcUrl, startTime]); ue(() => { isSafari && videoRef.current && autoplayBehavior === `on-mount` && setTimeout(() => play(), 50); }, []), ue(() => { videoRef.current && !muted && (videoRef.current.volume = (volume ?? 0) / 100); }, [volume]); let handleReady = () => { videoRef.current && (videoRef.current.currentTime < 0.3 && setProgress((startTime ?? 0) * 0.01), autoplayBehavior === `on-mount` && play()); }; return p(`video`, { onClick, onMouseEnter, onMouseLeave, onMouseDown, onMouseUp, src, loop, ref: videoRef, onSeeked: (e$3) => onSeeked?.(e$3), onPause: (e$3) => onPause?.(e$3), onPlay: (e$3) => onPlay?.(e$3), onEnded: (e$3) => onEnd?.(e$3), autoPlay: autoplayBehavior === `on-mount`, poster: posterEnabled ? poster : void 0, onLoadedData: handleReady, controls, muted: isOnCanvas ? !0 : muted, playsInline: playsinline, style: { cursor: onClick ? `pointer` : `auto`, width: `100%`, height: `100%`, borderRadius, display: `block`, objectFit, backgroundColor, objectPosition: `50% 50%` } }); })), (Video$1.displayName = `Video`), (Video$1.defaultProps = { srcType: `URL`, srcUrl: `https://assets.mixkit.co/videos/preview/mixkit-shining-sun-in-the-sky-surrounded-by-moving-clouds-31793-small.mp4`, srcFile: ``, posterEnabled: !1, controls: !1, playing: !0, loop: !0, muted: !0, playsinline: !0, restartOnEnter: !1, objectFit: `cover`, backgroundColor: `rgba(0,0,0,0)`, radius: 0, volume: 25, startTime: 0 }), (groupsRegex = /[A-Z]{2,}|[A-Z][a-z]+|[a-z]+|[A-Z]|\d+/gu), (objectFitOptions = [`cover`, `fill`, `contain`, `scale-down`, `none`]), addPropertyControls(Video$1, { srcType: { type: ControlType.Enum, displaySegmentedControl: !0, title: `Source`, options: [`URL`, `Upload`] }, srcUrl: { type: ControlType.String, title: `URL`, placeholder: `../example.mp4`, hidden(props) { return props.srcType === `Upload`; }, description: `Hosted video file URL. For YouTube, use the YouTube component.` }, srcFile: { type: ControlType.File, title: `File`, allowedFileTypes: [`mp4`, `webm`], hidden(props) { return props.srcType === `URL`; } }, playing: { type: ControlType.Boolean, title: `Playing`, enabledTitle: `Yes`, disabledTitle: `No` }, posterEnabled: { type: ControlType.Boolean, title: `Poster`, enabledTitle: `Yes`, disabledTitle: `No` }, poster: { type: ControlType.Image, title: ` `, hidden: ({ posterEnabled }) => !posterEnabled }, backgroundColor: { type: ControlType.Color, title: `Background` }, ...borderRadiusControl, startTime: { title: `Start Time`, type: ControlType.Number, min: 0, max: 100, step: 0.1, unit: `%` }, loop: { type: ControlType.Boolean, title: `Loop`, enabledTitle: `Yes`, disabledTitle: `No` }, objectFit: { type: ControlType.Enum, title: `Fit`, options: objectFitOptions, optionTitles: objectFitOptions.map(titleCase) }, controls: { type: ControlType.Boolean, title: `Controls`, enabledTitle: `Show`, disabledTitle: `Hide` }, muted: { type: ControlType.Boolean, title: `Muted`, enabledTitle: `Yes`, disabledTitle: `No` }, volume: { type: ControlType.Number, max: 100, min: 0, unit: `%`, hidden: ({ muted }) => muted }, onEnd: { type: ControlType.EventHandler }, onSeeked: { type: ControlType.EventHandler }, onPause: { type: ControlType.EventHandler }, onPlay: { type: ControlType.EventHandler }, ...defaultEvents }); }); function addPropertyOverrides$7(overrides, ...variants) { let nextOverrides = {}; return variants?.forEach((variant) => variant && Object.assign(nextOverrides, overrides[variant])), nextOverrides; } var VideoFonts, ElementsBadgeFonts$2, Video1Controls, enabledGestures$2, cycleOrder$6, serializationHash$9, variantClassNames$9, transition1$9, toResponsiveImage, toImageSrc, Transition$8, Variants$8, humanReadableVariantMap$7, getProps$9, createLayoutDependency$8, Component$9, css$10, FramerGqDv5dGM2, init_GqDv5dGM2 = __esmMin(() => { init_jsx_runtime(), init_framer_JYARJRD7(), init_framer_motion_5EXT2AMG(), init_npm_react_18_2(), init_Video$1(), init_Video(), init_F5zSwZv4k(), (VideoFonts = getFonts(Video)), (ElementsBadgeFonts$2 = getFonts(FramerF5zSwZv4k)), (Video1Controls = getPropertyControls(Video$1)), (enabledGestures$2 = { bgszonbYA: { pressed: !0 }, PYgfA_3ch: { hover: !0 }, ZfDiCdEUV: { hover: !0 } }), (cycleOrder$6 = [`ZfDiCdEUV`, `PYgfA_3ch`, `bgszonbYA`]), (serializationHash$9 = `framer-LBlXy`), (variantClassNames$9 = { bgszonbYA: `framer-v-1gj97i9`, PYgfA_3ch: `framer-v-1ty5nig`, ZfDiCdEUV: `framer-v-4cx3e4` }), (transition1$9 = { bounce: 0.2, delay: 0, duration: 0.4, type: `spring` }), (toResponsiveImage = (value) => typeof value == `object` && value && typeof value.src == `string` ? value : typeof value == `string` ? { src: value } : void 0), (toImageSrc = (value) => typeof value == `object` && value && typeof value.src == `string` ? value.src : typeof value == `string` ? value : void 0), (Transition$8 = ({ value, children }) => { let config = re$1(MotionConfigContext), transition = value ?? config.transition, contextValue = se(() => ({ ...config, transition }), [JSON.stringify(transition)]); return p(MotionConfigContext.Provider, { value: contextValue, children }); }), (Variants$8 = motion.create(x)), (humanReadableVariantMap$7 = { "video mobile": `bgszonbYA`, "Video varient": `PYgfA_3ch`, Desktop: `ZfDiCdEUV` }), (getProps$9 = ({ extLink, height, id, poster, videoFile, width, ...props }) => ({ ...props, ajpl6Uuru: extLink ?? props.ajpl6Uuru, bDqZv0eBe: poster ?? props.bDqZv0eBe, qE1tlAy6S: videoFile ?? props.qE1tlAy6S, variant: humanReadableVariantMap$7[props.variant] ?? props.variant ?? `ZfDiCdEUV` })), (createLayoutDependency$8 = (props, variants) => props.layoutDependency ? variants.join(`-`) + props.layoutDependency : variants.join(`-`)), (Component$9 = Y(function (props, ref) { let fallbackRef = pe(null), refBinding = ref ?? fallbackRef, defaultLayoutId = ae$1(), { activeLocale, setLocale } = useLocaleInfo(), componentViewport = useComponentViewport(), { style, className: className$3, layoutId, variant, ajpl6Uuru, qE1tlAy6S, bDqZv0eBe, ...restProps } = getProps$9(props), { baseVariant, classNames, clearLoadingGesture, gestureHandlers, gestureVariant, isLoading, setGestureState, setVariant, variants } = useVariantState({ cycleOrder: cycleOrder$6, defaultVariant: `ZfDiCdEUV`, enabledGestures: enabledGestures$2, ref: refBinding, variant, variantClassNames: variantClassNames$9 }), layoutDependency = createLayoutDependency$8(props, variants), sharedStyleClassNames = [], scopingClassNames = cx(serializationHash$9, ...sharedStyleClassNames), isDisplayed = () => !!( [`PYgfA_3ch-hover`, `bgszonbYA-pressed`].includes(gestureVariant) || [`PYgfA_3ch`, `bgszonbYA`].includes(baseVariant) ), isDisplayed1 = () => !![`PYgfA_3ch-hover`, `bgszonbYA-pressed`].includes(gestureVariant); return p(LayoutGroup, { id: layoutId ?? defaultLayoutId, children: p(Variants$8, { animate: variants, initial: !1, children: p(Transition$8, { value: transition1$9, children: p(Link, { motionChild: !0, nodeId: `ZfDiCdEUV`, scopeId: `GqDv5dGM2`, ...addPropertyOverrides$7( { bgszonbYA: { href: ajpl6Uuru, openInNewTab: !0 } }, baseVariant, gestureVariant ), children: u(Image2, { ...restProps, ...gestureHandlers, className: `${cx(scopingClassNames, `framer-4cx3e4`, className$3, classNames)} framer-lh59un`, "data-framer-name": `Desktop`, layoutDependency, layoutId: `ZfDiCdEUV`, ref: refBinding, style: { backgroundColor: `var(--token-6b2be53b-6817-448e-b133-cd93fd6651c5, rgb(10, 10, 10))`, ...style }, variants: { bgszonbYA: { backgroundColor: `rgba(0, 0, 0, 0)` } }, ...addPropertyOverrides$7( { "bgszonbYA-pressed": { "data-framer-name": void 0 }, "PYgfA_3ch-hover": { "data-framer-name": void 0 }, "ZfDiCdEUV-hover": { "data-framer-name": void 0 }, bgszonbYA: { "data-framer-name": `video mobile`, as: `a`, background: { alt: ``, fit: `fill`, loading: getLoadingLazyAtYPosition(componentViewport?.y || 0), sizes: componentViewport?.width || `100vw`, ...toResponsiveImage(bDqZv0eBe) } }, PYgfA_3ch: { "data-framer-name": `Video varient` } }, baseVariant, gestureVariant ), children: [ isDisplayed() && p(ComponentViewportProvider, { children: p(SmartComponentScopedContainer, { className: `framer-zplldq-container`, "data-framer-name": `Video file`, isModuleExternal: !0, layoutDependency, layoutId: `cwkgRMfM5-container`, name: `Video file`, nodeId: `cwkgRMfM5`, rendersWithMotion: !0, scopeId: `GqDv5dGM2`, children: p(Video, { backgroundColor: `rgba(0, 0, 0, 0)`, borderRadius: 0, bottomLeftRadius: 0, bottomRightRadius: 0, controls: !1, height: `100%`, id: `cwkgRMfM5`, isMixedBorderRadius: !1, layoutId: `cwkgRMfM5`, loop: !0, muted: !0, name: `Video file`, objectFit: `cover`, playing: !0, poster: toImageSrc(bDqZv0eBe), posterEnabled: !0, srcFile: qE1tlAy6S, srcType: `Upload`, srcUrl: `https://framerusercontent.com/assets/MLWPbW1dUQawJLhhun3dBwpgJak.mp4`, startTime: 0, style: { height: `100%`, width: `100%` }, topLeftRadius: 0, topRightRadius: 0, volume: 25, width: `100%`, ...addPropertyOverrides$7( { bgszonbYA: { poster: void 0 } }, baseVariant, gestureVariant ) }) }) }), isDisplayed1() && p(motion.div, { className: `framer-i2n505`, "data-framer-name": `overlay`, layoutDependency, layoutId: `rk_3aNhdS`, style: { backgroundColor: `rgba(10, 10, 10, 0.24)` }, children: p(ComponentViewportProvider, { height: 40, ...addPropertyOverrides$7( { "bgszonbYA-pressed": { y: (componentViewport?.y || 0) + 0 + 0 + (((componentViewport?.height || 375) - 0 - 0 - 40) / 2 + 0 + 0) }, "PYgfA_3ch-hover": { y: (componentViewport?.y || 0) + 0 + 0 + (((componentViewport?.height || 375) - 0 - 0 - 40) / 2 + 0 + 0) } }, baseVariant, gestureVariant ), children: p(SmartComponentScopedContainer, { className: `framer-1uthsmg-container`, layoutDependency, layoutId: `axXNJ_vJc-container`, nodeId: `axXNJ_vJc`, rendersWithMotion: !0, scopeId: `GqDv5dGM2`, children: p(FramerF5zSwZv4k, { crA6wBj3k: !1, dI2V912ba: `rgba(13, 13, 13, 0.4)`, gpaDS0xo1: `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))`, height: `100%`, id: `axXNJ_vJc`, kdP_WncMn: !0, layoutId: `axXNJ_vJc`, nQWOpC8zj: 8, variant: `aRB94otF7`, width: `100%`, YbsaeEF4R: `View` }) }) }) }) ] }) }) }) }) }); })), (css$10 = [ `@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }`, `.framer-LBlXy.framer-lh59un, .framer-LBlXy .framer-lh59un { display: block; }`, `.framer-LBlXy.framer-4cx3e4 { cursor: pointer; height: 375px; overflow: hidden; position: relative; width: 211px; }`, `.framer-LBlXy .framer-zplldq-container { bottom: 0px; flex: none; left: 0px; position: absolute; right: 0px; top: 0px; }`, `.framer-LBlXy .framer-i2n505 { align-content: center; align-items: center; bottom: 0px; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 10px; justify-content: center; left: 0px; overflow: visible; padding: 0px; position: absolute; right: 0px; top: 0px; }`, `.framer-LBlXy .framer-1uthsmg-container { flex: none; height: auto; position: relative; width: auto; }`, `.framer-LBlXy.framer-v-1ty5nig.framer-4cx3e4, .framer-LBlXy.framer-v-4cx3e4.hover.framer-4cx3e4 { aspect-ratio: 0.5625 / 1; height: var(--framer-aspect-ratio-supported, 375px); }`, `.framer-LBlXy.framer-v-1gj97i9.framer-4cx3e4 { aspect-ratio: 0.5625 / 1; height: var(--framer-aspect-ratio-supported, 375px); text-decoration: none; }`, `.framer-LBlXy.framer-v-1ty5nig.hover .framer-i2n505, .framer-LBlXy.framer-v-1gj97i9.pressed .framer-i2n505 { -webkit-user-select: none; user-select: none; }` ]), (FramerGqDv5dGM2 = withCSS(Component$9, css$10, `framer-LBlXy`)), (FramerGqDv5dGM2.displayName = `Video file`), (FramerGqDv5dGM2.defaultProps = { height: 375, width: 211 }), addPropertyControls(FramerGqDv5dGM2, { variant: { options: [`ZfDiCdEUV`, `PYgfA_3ch`, `bgszonbYA`], optionTitles: [`Desktop`, `Video varient`, `video mobile`], title: `Variant`, type: ControlType.Enum }, ajpl6Uuru: { title: `ext link`, type: ControlType.Link }, qE1tlAy6S: Video1Controls?.srcFile && { ...Video1Controls.srcFile, __defaultAssetReference: ``, description: void 0, hidden: void 0, title: `video file` }, bDqZv0eBe: { title: `Poster`, type: ControlType.ResponsiveImage } }), addFonts(FramerGqDv5dGM2, [{ explicitInter: !0, fonts: [] }, ...VideoFonts, ...ElementsBadgeFonts$2], { supportsExplicitInterCodegen: !0 }); }); function AdvancedNumberCounter({ startNumber, endNumber, duration, color, prefix, suffix, font, fontSize, lineHeight, letterSpacing, prefixFontSize, suffixFontSize, prefixAlignment, suffixAlignment, decimalSeparator, countDirection, text }) { let [count, setCount] = ye(startNumber), startTimeRef = pe(null), easeOutQuad = (t$2) => t$2 * (2 - t$2), formatNumber = (num) => { switch (decimalSeparator) { case `comma`: return num.toLocaleString(`en-US`); case `period`: return num.toLocaleString(`de-DE`); default: return num.toString(); } }; ue(() => { let totalDurationMs = duration * 1e3, range = endNumber - startNumber, updateCounter = (currentTime) => { startTimeRef.current ||= currentTime; let elapsedTime = currentTime - startTimeRef.current, progress$1 = Math.min(1, elapsedTime / totalDurationMs), easedProgress = easeOutQuad(progress$1), currentCount = startNumber + range * easedProgress; setCount(Math[progress$1 === 1 ? `round` : `floor`](currentCount)), progress$1 < 1 ? requestAnimationFrame(updateCounter) : setCount(endNumber); }; return ( requestAnimationFrame(updateCounter), () => { startTimeRef.current = null; } ); }, [startNumber, endNumber, duration, countDirection]); let dynamicStyle = { ...containerStyle, color: typeof color == `string` ? color : void 0, fontFamily: font.fontFamily, fontWeight: font.fontWeight, fontSize: `${fontSize}px`, lineHeight: lineHeight.toString(), letterSpacing: `${letterSpacing}px`, background: typeof color == `object` ? `linear-gradient(${color.angle}deg, ${color.start} 0%, ${color.end} 100%)` : void 0 }, prefixStyle = { fontSize: `${prefixFontSize}px`, alignSelf: prefixAlignment === `top` ? `flex-start` : prefixAlignment === `middle` ? `center` : `flex-end` }, suffixStyle = { fontSize: `${suffixFontSize}px`, alignSelf: suffixAlignment === `top` ? `flex-start` : suffixAlignment === `middle` ? `center` : `flex-end` }; return u(`div`, { style: dynamicStyle, children: [ p(`span`, { style: prefixStyle, children: prefix }), p(`span`, { children: formatNumber(count) }), p(`span`, { style: suffixStyle, children: suffix }) ] }); } var containerStyle, init_Advanced_Number_Counter = __esmMin(() => { init_jsx_runtime(), init_npm_react_18_2(), init_framer_JYARJRD7(), (containerStyle = { height: `100%`, display: `flex`, justifyContent: `center`, alignItems: `center`, overflow: `hidden` }), (AdvancedNumberCounter.defaultProps = { startNumber: 0, endNumber: 1e3, duration: 5, color: `#121212`, prefix: ``, suffix: ``, font: { fontFamily: `Inter`, fontWeight: 400, systemFont: !0 }, fontSize: 100, lineHeight: 1.2, letterSpacing: 0, prefixFontSize: 100, suffixFontSize: 100, prefixAlignment: `middle`, suffixAlignment: `middle`, decimalSeparator: `comma`, countDirection: `up`, text: `` }), addPropertyControls(AdvancedNumberCounter, { startNumber: { type: ControlType.Number, title: `Start Number`, defaultValue: AdvancedNumberCounter.defaultProps.startNumber, displayStepper: !0 }, endNumber: { type: ControlType.Number, title: `End Number`, defaultValue: AdvancedNumberCounter.defaultProps.endNumber, displayStepper: !0 }, duration: { type: ControlType.Number, title: `Duration`, min: 0, max: 3600, unit: `s`, defaultValue: AdvancedNumberCounter.defaultProps.duration }, color: { title: `Color`, type: ControlType.Color, defaultValue: AdvancedNumberCounter.defaultProps.color }, prefix: { type: ControlType.String, title: `Prefix`, defaultValue: AdvancedNumberCounter.defaultProps.prefix }, suffix: { type: ControlType.String, title: `Suffix`, defaultValue: AdvancedNumberCounter.defaultProps.suffix }, font: { title: `Font`, type: ControlType.Font, defaultValue: AdvancedNumberCounter.defaultProps.font }, fontSize: { type: ControlType.Number, title: `Font Size`, defaultValue: AdvancedNumberCounter.defaultProps.fontSize, min: 1 }, lineHeight: { type: ControlType.Number, title: `Line Height`, defaultValue: AdvancedNumberCounter.defaultProps.lineHeight, min: 0 }, letterSpacing: { type: ControlType.Number, title: `Letter Spacing`, defaultValue: AdvancedNumberCounter.defaultProps.letterSpacing, min: -5, max: 20, step: 0.1 }, prefixFontSize: { type: ControlType.Number, title: `Prefix Font Size`, defaultValue: AdvancedNumberCounter.defaultProps.prefixFontSize, min: 1 }, suffixFontSize: { type: ControlType.Number, title: `Suffix Font Size`, defaultValue: AdvancedNumberCounter.defaultProps.suffixFontSize, min: 1 }, prefixAlignment: { type: ControlType.Enum, title: `Prefix Alignment`, options: [`top`, `middle`, `bottom`], optionTitles: [`Top`, `Middle`, `Bottom`], defaultValue: AdvancedNumberCounter.defaultProps.prefixAlignment }, suffixAlignment: { type: ControlType.Enum, title: `Suffix Alignment`, options: [`top`, `middle`, `bottom`], optionTitles: [`Top`, `Middle`, `Bottom`], defaultValue: AdvancedNumberCounter.defaultProps.suffixAlignment }, decimalSeparator: { type: ControlType.Enum, title: `Decimal Separator`, options: [`comma`, `period`, `none`], optionTitles: [`Comma (1,000)`, `Period (1.000)`, `None`], defaultValue: AdvancedNumberCounter.defaultProps.decimalSeparator }, countDirection: { type: ControlType.SegmentedEnum, title: `Direction`, options: [`up`, `down`], optionTitles: [`Up`, `Down`], defaultValue: AdvancedNumberCounter.defaultProps.countDirection } }); }); function addPropertyOverrides$6(overrides, ...variants) { let nextOverrides = {}; return variants?.forEach((variant) => variant && Object.assign(nextOverrides, overrides[variant])), nextOverrides; } var enabledGestures$1, cycleOrder$5, serializationHash$8, variantClassNames$8, numberToPixelString$1, transition1$8, Transition$7, Variants$7, humanReadableVariantMap$6, getProps$8, createLayoutDependency$7, Component$8, css$9, FramerplxfSRQKL, init_plxfSRQKL = __esmMin(() => { init_jsx_runtime(), init_framer_JYARJRD7(), init_framer_motion_5EXT2AMG(), init_npm_react_18_2(), (enabledGestures$1 = { kKSuhFLRi: { hover: !0 }, U78AVtXpJ: { hover: !0 } }), (cycleOrder$5 = [`U78AVtXpJ`, `kKSuhFLRi`]), (serializationHash$8 = `framer-GDlgL`), (variantClassNames$8 = { kKSuhFLRi: `framer-v-1r1ix8w`, U78AVtXpJ: `framer-v-1sta8j4` }), (numberToPixelString$1 = (value) => { if (typeof value != `number`) return value; if (Number.isFinite(value)) return Math.max(0, value) + `px`; }), (transition1$8 = { duration: 0, type: `tween` }), (Transition$7 = ({ value, children }) => { let config = re$1(MotionConfigContext), transition = value ?? config.transition, contextValue = se(() => ({ ...config, transition }), [JSON.stringify(transition)]); return p(MotionConfigContext.Provider, { value: contextValue, children }); }), (Variants$7 = motion.create(x)), (humanReadableVariantMap$6 = { "Variant 1": `U78AVtXpJ`, "Variant 2": `kKSuhFLRi` }), (getProps$8 = ({ backgroundColor, border, click, fontSize, height, hoverFill, id, link, padding, title, width, ...props }) => ({ ...props, aJkec56xW: link ?? props.aJkec56xW, eg9FAPESs: padding ?? props.eg9FAPESs ?? `24px 48px 24px 48px`, fnsdzVjSX: border ?? props.fnsdzVjSX ?? { borderColor: `rgba(255, 255, 255, 0.1)`, borderStyle: `solid`, borderWidth: 2 }, FYTxYl90K: fontSize ?? props.FYTxYl90K ?? 18, jvYQlDqTB: backgroundColor ?? props.jvYQlDqTB ?? `rgba(13, 13, 13, 0.5)`, m3105H7lj: click ?? props.m3105H7lj, r8X5yDpPA: hoverFill ?? props.r8X5yDpPA ?? `rgba(227, 227, 227, 0.12)`, T2DnfvUiu: title ?? props.T2DnfvUiu ?? `Monthly Pass`, variant: humanReadableVariantMap$6[props.variant] ?? props.variant ?? `U78AVtXpJ` })), (createLayoutDependency$7 = (props, variants) => props.layoutDependency ? variants.join(`-`) + props.layoutDependency : variants.join(`-`)), (Component$8 = Y(function (props, ref) { let fallbackRef = pe(null), refBinding = ref ?? fallbackRef, defaultLayoutId = ae$1(), { activeLocale, setLocale } = useLocaleInfo(); useComponentViewport(); let { style, className: className$3, layoutId, variant, m3105H7lj, FYTxYl90K, T2DnfvUiu, eg9FAPESs, jvYQlDqTB, fnsdzVjSX, r8X5yDpPA, aJkec56xW, ...restProps } = getProps$8(props), { baseVariant, classNames, clearLoadingGesture, gestureHandlers, gestureVariant, isLoading, setGestureState, setVariant, variants } = useVariantState({ cycleOrder: cycleOrder$5, defaultVariant: `U78AVtXpJ`, enabledGestures: enabledGestures$1, ref: refBinding, variant, variantClassNames: variantClassNames$8 }), layoutDependency = createLayoutDependency$7(props, variants), { activeVariantCallback, delay } = useActiveVariantCallback(baseVariant), onTapmyimzq = activeVariantCallback(async (...args) => { if ((setGestureState({ isPressed: !1 }), m3105H7lj)) { let res = await m3105H7lj(...args); if (res === !1) return !1; } }), sharedStyleClassNames = [], scopingClassNames = cx(serializationHash$8, ...sharedStyleClassNames); return p(LayoutGroup, { id: layoutId ?? defaultLayoutId, children: p(Variants$7, { animate: variants, initial: !1, children: p(Transition$7, { value: transition1$8, children: p(Link, { href: aJkec56xW, motionChild: !0, nodeId: `U78AVtXpJ`, openInNewTab: !1, scopeId: `plxfSRQKL`, smoothScroll: !0, children: p(motion.a, { ...restProps, ...gestureHandlers, className: `${cx(scopingClassNames, `framer-1sta8j4`, className$3, classNames)} framer-7vxs91`, "data-framer-name": `Variant 1`, "data-highlight": !0, layoutDependency, layoutId: `U78AVtXpJ`, onTap: onTapmyimzq, ref: refBinding, style: { "--6hqfrx": numberToPixelString$1(eg9FAPESs), "--border-bottom-width": `0px`, "--border-color": `rgba(0, 0, 0, 0)`, "--border-left-width": `0px`, "--border-right-width": `0px`, "--border-style": `solid`, "--border-top-width": `0px`, backgroundColor: jvYQlDqTB, borderBottomLeftRadius: 999, borderBottomRightRadius: 999, borderTopLeftRadius: 999, borderTopRightRadius: 999, boxShadow: `0px 4px 10px -2px rgba(0, 0, 0, 0.1), 0px 2px 2px -1px rgba(0, 0, 0, 0.1), 0px 0px 0px 1px rgba(255, 255, 255, 0.08)`, ...style }, variants: { "U78AVtXpJ-hover": { "--border-bottom-width": `2px`, "--border-color": `rgba(255, 255, 255, 0.1)`, "--border-left-width": `2px`, "--border-right-width": `2px`, "--border-style": `solid`, "--border-top-width": `2px`, backgroundColor: r8X5yDpPA }, kKSuhFLRi: { "--border-bottom-width": (fnsdzVjSX.borderBottomWidth ?? fnsdzVjSX.borderWidth) + `px`, "--border-color": fnsdzVjSX.borderColor, "--border-left-width": (fnsdzVjSX.borderLeftWidth ?? fnsdzVjSX.borderWidth) + `px`, "--border-right-width": (fnsdzVjSX.borderRightWidth ?? fnsdzVjSX.borderWidth) + `px`, "--border-style": fnsdzVjSX.borderStyle, "--border-top-width": (fnsdzVjSX.borderTopWidth ?? fnsdzVjSX.borderWidth) + `px` } }, ...addPropertyOverrides$6( { "kKSuhFLRi-hover": { "data-framer-name": void 0 }, "U78AVtXpJ-hover": { "data-border": !0, "data-framer-name": void 0 }, kKSuhFLRi: { "data-border": !0, "data-framer-name": `Variant 2` } }, baseVariant, gestureVariant ), children: p(RichText, { __fromCanvasComponent: !0, children: p(x, { children: p(motion.h6, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `calc(var(--variable-reference-FYTxYl90K-plxfSRQKL) * 1px)`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.02em`, "--framer-line-height": `24px`, "--framer-text-color": `var(--extracted-1w1cjl5, var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250)))` }, children: `Monthly Pass` }) }), className: `framer-1wn28j1`, "data-framer-name": `Categories`, fonts: [`FS;Satoshi-medium`], layoutDependency, layoutId: `ASoObLwfg`, style: { "--extracted-1w1cjl5": `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))`, "--variable-reference-FYTxYl90K-plxfSRQKL": FYTxYl90K }, text: T2DnfvUiu, verticalAlignment: `center`, withExternalLayout: !0 }) }) }) }) }) }); })), (css$9 = [ `@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }`, `.framer-GDlgL.framer-7vxs91, .framer-GDlgL .framer-7vxs91 { display: block; }`, `.framer-GDlgL.framer-1sta8j4 { align-content: center; align-items: center; cursor: pointer; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; overflow: visible; padding: var(--6hqfrx); position: relative; text-decoration: none; width: 182px; }`, `.framer-GDlgL .framer-1wn28j1 { -webkit-user-select: none; flex: none; height: 20px; position: relative; user-select: none; white-space: pre; width: auto; }`, `.framer-GDlgL[data-border="true"]::after, .framer-GDlgL [data-border="true"]::after { content: ""; border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0); border-color: var(--border-color, none); border-style: var(--border-style, none); width: 100%; height: 100%; position: absolute; box-sizing: border-box; left: 0; top: 0; border-radius: inherit; pointer-events: none; }` ]), (FramerplxfSRQKL = withCSS(Component$8, css$9, `framer-GDlgL`)), (FramerplxfSRQKL.displayName = `pricing secondary button`), (FramerplxfSRQKL.defaultProps = { height: 68, width: 182 }), addPropertyControls(FramerplxfSRQKL, { variant: { options: [`U78AVtXpJ`, `kKSuhFLRi`], optionTitles: [`Variant 1`, `Variant 2`], title: `Variant`, type: ControlType.Enum }, m3105H7lj: { title: `Click`, type: ControlType.EventHandler }, FYTxYl90K: { defaultValue: 18, title: `Font Size`, type: ControlType.Number }, T2DnfvUiu: { defaultValue: `Monthly Pass`, displayTextArea: !1, title: `Title`, type: ControlType.String }, eg9FAPESs: { defaultValue: `24px 48px 24px 48px`, title: `Padding`, type: ControlType.Padding }, jvYQlDqTB: { defaultValue: `rgba(13, 13, 13, 0.5)`, title: `Background color`, type: ControlType.Color }, fnsdzVjSX: { defaultValue: { borderColor: `rgba(255, 255, 255, 0.1)`, borderStyle: `solid`, borderWidth: 2 }, title: `Border`, type: ControlType.Border }, r8X5yDpPA: { defaultValue: `rgba(227, 227, 227, 0.12)`, title: `Hover fill`, type: ControlType.Color }, aJkec56xW: { title: `Link`, type: ControlType.Link } }), addFonts( FramerplxfSRQKL, [ { explicitInter: !0, fonts: [ { family: `Satoshi`, source: `fontshare`, style: `normal`, url: `https://framerusercontent.com/third-party-assets/fontshare/wf/P2LQKHE6KA6ZP4AAGN72KDWMHH6ZH3TA/ZC32TK2P7FPS5GFTL46EU6KQJA24ZYDB/7AHDUZ4A7LFLVFUIFSARGIWCRQJHISQP.woff2`, weight: `500` } ] } ], { supportsExplicitInterCodegen: !0 } ); }), PhosphorFonts$1, PhosphorControls$1, serializationHash$7, variantClassNames$7, transition1$7, Transition$6, Variants$6, getProps$7, createLayoutDependency$6, Component$7, css$8, FramertDERwoxqv, init_tDERwoxqv = __esmMin(() => { init_jsx_runtime(), init_framer_JYARJRD7(), init_framer_motion_5EXT2AMG(), init_npm_react_18_2(), init_Phosphor(), (PhosphorFonts$1 = getFonts(Icon)), (PhosphorControls$1 = getPropertyControls(Icon)), (serializationHash$7 = `framer-BwKmE`), (variantClassNames$7 = { dIiMPqeFC: `framer-v-19xpuhi` }), (transition1$7 = { damping: 60, delay: 0, mass: 1, stiffness: 500, type: `spring` }), (Transition$6 = ({ value, children }) => { let config = re$1(MotionConfigContext), transition = value ?? config.transition, contextValue = se(() => ({ ...config, transition }), [JSON.stringify(transition)]); return p(MotionConfigContext.Provider, { value: contextValue, children }); }), (Variants$6 = motion.create(x)), (getProps$7 = ({ color, fontSize, height, icon, iconColor, id, title, width, ...props }) => ({ ...props, AoWx0Fyus: iconColor ?? props.AoWx0Fyus ?? `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))`, gvOGYrGGc: color ?? props.gvOGYrGGc ?? `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))`, HA6dJe4fb: fontSize ?? props.HA6dJe4fb ?? 16, mzKpE2hfI: title ?? props.mzKpE2hfI ?? `Submit Unlimited Requests`, TyFhmBkMH: icon ?? props.TyFhmBkMH ?? `CheckCircle` })), (createLayoutDependency$6 = (props, variants) => props.layoutDependency ? variants.join(`-`) + props.layoutDependency : variants.join(`-`)), (Component$7 = Y(function (props, ref) { let fallbackRef = pe(null), refBinding = ref ?? fallbackRef, defaultLayoutId = ae$1(), { activeLocale, setLocale } = useLocaleInfo(); useComponentViewport(); let { style, className: className$3, layoutId, variant, mzKpE2hfI, gvOGYrGGc, TyFhmBkMH, AoWx0Fyus, HA6dJe4fb, ...restProps } = getProps$7(props), { baseVariant, classNames, clearLoadingGesture, gestureHandlers, gestureVariant, isLoading, setGestureState, setVariant, variants } = useVariantState({ defaultVariant: `dIiMPqeFC`, ref: refBinding, variant, variantClassNames: variantClassNames$7 }), layoutDependency = createLayoutDependency$6(props, variants), sharedStyleClassNames = [], scopingClassNames = cx(serializationHash$7, ...sharedStyleClassNames); return p(LayoutGroup, { id: layoutId ?? defaultLayoutId, children: p(Variants$6, { animate: variants, initial: !1, children: p(Transition$6, { value: transition1$7, children: u(motion.div, { ...restProps, ...gestureHandlers, className: cx(scopingClassNames, `framer-19xpuhi`, className$3, classNames), "data-framer-name": `Variant 1`, layoutDependency, layoutId: `dIiMPqeFC`, ref: refBinding, style: { ...style }, children: [ p(ComponentViewportProvider, { children: p(SmartComponentScopedContainer, { className: `framer-gyp420-container`, isAuthoredByUser: !0, isModuleExternal: !0, layoutDependency, layoutId: `lBGIbzSuM-container`, nodeId: `lBGIbzSuM`, rendersWithMotion: !0, scopeId: `tDERwoxqv`, children: p(Icon, { color: AoWx0Fyus, height: `100%`, iconSearch: `House`, iconSelection: TyFhmBkMH, id: `lBGIbzSuM`, layoutId: `lBGIbzSuM`, mirrored: !1, selectByList: !0, style: { height: `100%`, width: `100%` }, weight: `fill`, width: `100%` }) }) }), p(RichText, { __fromCanvasComponent: !0, children: p(x, { children: p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `calc(var(--variable-reference-HA6dJe4fb-tDERwoxqv) * 1px)`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.02em`, "--framer-line-height": `1.3em`, "--framer-text-alignment": `left`, "--framer-text-color": `var(--extracted-r6o4lv, var(--variable-reference-gvOGYrGGc-tDERwoxqv))` }, children: `Submit Unlimited Requests` }) }), className: `framer-wewzir`, fonts: [`FS;Satoshi-medium`], layoutDependency, layoutId: `NBOvWDw9i`, style: { "--extracted-r6o4lv": `var(--variable-reference-gvOGYrGGc-tDERwoxqv)`, "--framer-link-text-color": `rgb(0, 153, 255)`, "--framer-link-text-decoration": `underline`, "--variable-reference-gvOGYrGGc-tDERwoxqv": gvOGYrGGc, "--variable-reference-HA6dJe4fb-tDERwoxqv": HA6dJe4fb }, text: mzKpE2hfI, verticalAlignment: `top`, withExternalLayout: !0 }) ] }) }) }) }); })), (css$8 = [ `@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }`, `.framer-BwKmE.framer-1dno556, .framer-BwKmE .framer-1dno556 { display: block; }`, `.framer-BwKmE.framer-19xpuhi { align-content: flex-start; align-items: flex-start; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; overflow: hidden; padding: 0px; position: relative; width: 215px; }`, `.framer-BwKmE .framer-gyp420-container { flex: none; height: 20px; position: relative; width: 20px; }`, `.framer-BwKmE .framer-wewzir { flex: 1 0 0px; height: auto; position: relative; white-space: pre-wrap; width: 1px; word-break: break-word; word-wrap: break-word; }` ]), (FramertDERwoxqv = withCSS(Component$7, css$8, `framer-BwKmE`)), (FramertDERwoxqv.displayName = `Elements/Feature`), (FramertDERwoxqv.defaultProps = { height: 42, width: 215 }), addPropertyControls(FramertDERwoxqv, { mzKpE2hfI: { defaultValue: `Submit Unlimited Requests`, displayTextArea: !1, title: `Title`, type: ControlType.String }, gvOGYrGGc: { defaultValue: `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250)) /* {"name":"Heading"} */`, title: `Color`, type: ControlType.Color }, TyFhmBkMH: PhosphorControls$1?.iconSelection && { ...PhosphorControls$1.iconSelection, defaultValue: `CheckCircle`, description: void 0, hidden: void 0, title: `Icon` }, AoWx0Fyus: { defaultValue: `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250)) /* {"name":"Heading"} */`, title: `Icon Color`, type: ControlType.Color }, HA6dJe4fb: { defaultValue: 16, title: `Font Size`, type: ControlType.Number } }), addFonts( FramertDERwoxqv, [ { explicitInter: !0, fonts: [ { family: `Satoshi`, source: `fontshare`, style: `normal`, url: `https://framerusercontent.com/third-party-assets/fontshare/wf/P2LQKHE6KA6ZP4AAGN72KDWMHH6ZH3TA/ZC32TK2P7FPS5GFTL46EU6KQJA24ZYDB/7AHDUZ4A7LFLVFUIFSARGIWCRQJHISQP.woff2`, weight: `500` } ] }, ...PhosphorFonts$1 ], { supportsExplicitInterCodegen: !0 } ); }); function addPropertyOverrides$5(overrides, ...variants) { let nextOverrides = {}; return variants?.forEach((variant) => variant && Object.assign(nextOverrides, overrides[variant])), nextOverrides; } var enabledGestures, serializationHash$6, variantClassNames$6, numberToPixelString, transition1$6, Transition$5, Variants$5, getProps$6, createLayoutDependency$5, Component$6, css$7, FramerZqCBtyPg5, init_ZqCBtyPg5 = __esmMin(() => { init_jsx_runtime(), init_framer_JYARJRD7(), init_framer_motion_5EXT2AMG(), init_npm_react_18_2(), (enabledGestures = { sKjwmKIhw: { hover: !0 } }), (serializationHash$6 = `framer-e5QI4`), (variantClassNames$6 = { sKjwmKIhw: `framer-v-7oji71` }), (numberToPixelString = (value) => { if (typeof value != `number`) return value; if (Number.isFinite(value)) return Math.max(0, value) + `px`; }), (transition1$6 = { bounce: 0.2, delay: 0, duration: 0.4, type: `spring` }), (Transition$5 = ({ value, children }) => { let config = re$1(MotionConfigContext), transition = value ?? config.transition, contextValue = se(() => ({ ...config, transition }), [JSON.stringify(transition)]); return p(MotionConfigContext.Provider, { value: contextValue, children }); }), (Variants$5 = motion.create(x)), (getProps$6 = ({ background, fontColor, fontSize, height, hoverFill, id, link, padding, title, width, ...props }) => ({ ...props, aMK_i7e07: fontSize ?? props.aMK_i7e07 ?? 18, DeXJS2hW5: title ?? props.DeXJS2hW5 ?? `Buy Now`, HcbroWFTi: background ?? props.HcbroWFTi ?? `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(251, 250, 252))`, ktunHcUxD: link ?? props.ktunHcUxD, ny6FPnmAr: fontColor ?? props.ny6FPnmAr ?? `var(--token-6b2be53b-6817-448e-b133-cd93fd6651c5, rgb(10, 10, 10))`, ULvp12YnN: hoverFill ?? props.ULvp12YnN ?? `rgb(230, 230, 230)`, ZeQlm8aIT: padding ?? props.ZeQlm8aIT ?? `24px 48px 24px 48px` })), (createLayoutDependency$5 = (props, variants) => props.layoutDependency ? variants.join(`-`) + props.layoutDependency : variants.join(`-`)), (Component$6 = Y(function (props, ref) { let fallbackRef = pe(null), refBinding = ref ?? fallbackRef, defaultLayoutId = ae$1(), { activeLocale, setLocale } = useLocaleInfo(); useComponentViewport(); let { style, className: className$3, layoutId, variant, DeXJS2hW5, aMK_i7e07, ZeQlm8aIT, HcbroWFTi, ktunHcUxD, ULvp12YnN, ny6FPnmAr, ...restProps } = getProps$6(props), { baseVariant, classNames, clearLoadingGesture, gestureHandlers, gestureVariant, isLoading, setGestureState, setVariant, variants } = useVariantState({ defaultVariant: `sKjwmKIhw`, enabledGestures, ref: refBinding, variant, variantClassNames: variantClassNames$6 }), layoutDependency = createLayoutDependency$5(props, variants), sharedStyleClassNames = [], scopingClassNames = cx(serializationHash$6, ...sharedStyleClassNames); return p(LayoutGroup, { id: layoutId ?? defaultLayoutId, children: p(Variants$5, { animate: variants, initial: !1, children: p(Transition$5, { value: transition1$6, children: p(Link, { href: ktunHcUxD, motionChild: !0, nodeId: `sKjwmKIhw`, openInNewTab: !1, scopeId: `ZqCBtyPg5`, smoothScroll: !0, children: p(motion.a, { ...restProps, ...gestureHandlers, className: `${cx(scopingClassNames, `framer-7oji71`, className$3, classNames)} framer-y2eysj`, "data-framer-name": `Desktop`, layoutDependency, layoutId: `sKjwmKIhw`, ref: refBinding, style: { "--xf8cb3": numberToPixelString(ZeQlm8aIT), backgroundColor: HcbroWFTi, borderBottomLeftRadius: 999, borderBottomRightRadius: 999, borderTopLeftRadius: 999, borderTopRightRadius: 999, boxShadow: `0px 4px 10px -2px rgba(0, 0, 0, 0.05), 0px 2px 2px -1px rgba(0, 0, 0, 0.1), 0px 0px 0px 1px rgba(98, 20, 217, 0.12)`, ...style }, variants: { "sKjwmKIhw-hover": { backgroundColor: ULvp12YnN } }, ...addPropertyOverrides$5( { "sKjwmKIhw-hover": { "data-framer-name": void 0 } }, baseVariant, gestureVariant ), children: p(RichText, { __fromCanvasComponent: !0, children: p(x, { children: p(motion.h6, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `calc(var(--variable-reference-aMK_i7e07-ZqCBtyPg5) * 1px)`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.02em`, "--framer-line-height": `24px`, "--framer-text-color": `var(--extracted-1w1cjl5, var(--variable-reference-ny6FPnmAr-ZqCBtyPg5))` }, children: `Buy Now` }) }), className: `framer-1woy7bc`, "data-framer-name": `Categories`, fonts: [`FS;Satoshi-medium`], layoutDependency, layoutId: `cxunyMIo3`, style: { "--extracted-1w1cjl5": `var(--variable-reference-ny6FPnmAr-ZqCBtyPg5)`, "--variable-reference-aMK_i7e07-ZqCBtyPg5": aMK_i7e07, "--variable-reference-ny6FPnmAr-ZqCBtyPg5": ny6FPnmAr }, text: DeXJS2hW5, verticalAlignment: `center`, withExternalLayout: !0 }) }) }) }) }) }); })), (css$7 = [ `@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }`, `.framer-e5QI4.framer-y2eysj, .framer-e5QI4 .framer-y2eysj { display: block; }`, `.framer-e5QI4.framer-7oji71 { align-content: center; align-items: center; cursor: pointer; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; overflow: visible; padding: var(--xf8cb3); position: relative; text-decoration: none; width: min-content; }`, `.framer-e5QI4 .framer-1woy7bc { -webkit-user-select: none; flex: none; height: 20px; position: relative; user-select: none; white-space: pre; width: auto; }` ]), (FramerZqCBtyPg5 = withCSS(Component$6, css$7, `framer-e5QI4`)), (FramerZqCBtyPg5.displayName = `Pricing primary button`), (FramerZqCBtyPg5.defaultProps = { height: 68, width: 166 }), addPropertyControls(FramerZqCBtyPg5, { DeXJS2hW5: { defaultValue: `Buy Now`, displayTextArea: !1, title: `Title`, type: ControlType.String }, aMK_i7e07: { defaultValue: 18, title: `Font Size`, type: ControlType.Number }, ZeQlm8aIT: { defaultValue: `24px 48px 24px 48px`, title: `Padding`, type: ControlType.Padding }, HcbroWFTi: { defaultValue: `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(251, 250, 252)) /* {"name":"Heading"} */`, title: `Background`, type: ControlType.Color }, ktunHcUxD: { title: `Link`, type: ControlType.Link }, ULvp12YnN: { defaultValue: `rgb(230, 230, 230)`, title: `hover fill`, type: ControlType.Color }, ny6FPnmAr: { defaultValue: `var(--token-6b2be53b-6817-448e-b133-cd93fd6651c5, rgb(10, 10, 10))`, title: `font color`, type: ControlType.Color } }), addFonts( FramerZqCBtyPg5, [ { explicitInter: !0, fonts: [ { family: `Satoshi`, source: `fontshare`, style: `normal`, url: `https://framerusercontent.com/third-party-assets/fontshare/wf/P2LQKHE6KA6ZP4AAGN72KDWMHH6ZH3TA/ZC32TK2P7FPS5GFTL46EU6KQJA24ZYDB/7AHDUZ4A7LFLVFUIFSARGIWCRQJHISQP.woff2`, weight: `500` } ] } ], { supportsExplicitInterCodegen: !0 } ); }); function addPropertyOverrides$4(overrides, ...variants) { let nextOverrides = {}; return variants?.forEach((variant) => variant && Object.assign(nextOverrides, overrides[variant])), nextOverrides; } var AdvancedNumberCounterFonts, PricingPrimaryButtonFonts, PricingSecondaryButtonFonts, ElementsFeatureFonts, cycleOrder$4, serializationHash$5, variantClassNames$5, transition1$5, Transition$4, Variants$4, humanReadableVariantMap$5, getProps$5, createLayoutDependency$4, Component$5, css$6, FramerSCtOV4sWg, init_SCtOV4sWg = __esmMin(() => { init_jsx_runtime(), init_framer_JYARJRD7(), init_framer_motion_5EXT2AMG(), init_npm_react_18_2(), init_Advanced_Number_Counter(), init_plxfSRQKL(), init_tDERwoxqv(), init_ZqCBtyPg5(), (AdvancedNumberCounterFonts = getFonts(AdvancedNumberCounter)), (PricingPrimaryButtonFonts = getFonts(FramerZqCBtyPg5)), (PricingSecondaryButtonFonts = getFonts(FramerplxfSRQKL)), (ElementsFeatureFonts = getFonts(FramertDERwoxqv)), (cycleOrder$4 = `vYxQTrOaj.J5Lqxjhrz.b1_ei1C67.uW2mSJc9z.QH3qe6YTw.Yax_kRTWC.wex2yj6h3.kDVaaGmja.YLUsu29Q1.ic81LBqKm.vXGZl6D5A.p4CWEqINF.F7cQrFNJQ.yWRXT545y.LK4jVRwLF.SEcUT7ElY.hw0OcMtb5.KbyQstwXG.YTw4HBlme.sDAnKSO3T.gPUgnnYbM.wuYOV60Jg.zUFksS44b.QZlq5Xinv.dgqfWUclv.glHw2VR84`.split( `.` )), (serializationHash$5 = `framer-ncN4N`), (variantClassNames$5 = { b1_ei1C67: `framer-v-zrf13c`, dgqfWUclv: `framer-v-1tqd5xy`, F7cQrFNJQ: `framer-v-11uw65c`, glHw2VR84: `framer-v-112x2eq`, gPUgnnYbM: `framer-v-zui4se`, hw0OcMtb5: `framer-v-zg9e20`, ic81LBqKm: `framer-v-6rurz8`, J5Lqxjhrz: `framer-v-1injnda`, KbyQstwXG: `framer-v-ywb1el`, kDVaaGmja: `framer-v-jegdmu`, LK4jVRwLF: `framer-v-1twv76n`, p4CWEqINF: `framer-v-5dviux`, QH3qe6YTw: `framer-v-xp3xzm`, QZlq5Xinv: `framer-v-11jsji7`, sDAnKSO3T: `framer-v-163uafg`, SEcUT7ElY: `framer-v-kia55s`, uW2mSJc9z: `framer-v-18hn2xi`, vXGZl6D5A: `framer-v-n6bshp`, vYxQTrOaj: `framer-v-1jqy8wh`, wex2yj6h3: `framer-v-4eztf9`, wuYOV60Jg: `framer-v-1vvu6mp`, Yax_kRTWC: `framer-v-1536w5k`, YLUsu29Q1: `framer-v-asorbj`, YTw4HBlme: `framer-v-sdpfgm`, yWRXT545y: `framer-v-1tlau1n`, zUFksS44b: `framer-v-12mtbea` }), (transition1$5 = { duration: 0, type: `tween` }), (Transition$4 = ({ value, children }) => { let config = re$1(MotionConfigContext), transition = value ?? config.transition, contextValue = se(() => ({ ...config, transition }), [JSON.stringify(transition)]); return p(MotionConfigContext.Provider, { value: contextValue, children }); }), (Variants$4 = motion.create(x)), (humanReadableVariantMap$5 = { "Desktop | Basic | One video | INR": `b1_ei1C67`, "Desktop | Basic | One video | USD": `vYxQTrOaj`, "Desktop | Basic | per month | INR": `uW2mSJc9z`, "Desktop | Basic | per month | USD": `J5Lqxjhrz`, "Desktop | Premium | INR": `Yax_kRTWC`, "Desktop | Premium | USD": `QH3qe6YTw`, "Desktop | Ultimate | INR 2nd varient": `kDVaaGmja`, "Desktop | Ultimate | INR": `ic81LBqKm`, "Desktop | Ultimate | USD 2nd varient": `wex2yj6h3`, "Desktop | Ultimate | USD": `YLUsu29Q1`, "Laptop | Basic | One video | INR": `yWRXT545y`, "Laptop | Basic | One video | USD": `vXGZl6D5A`, "Laptop | Basic | per month | INR": `F7cQrFNJQ`, "Laptop | Basic | per month | USD": `p4CWEqINF`, "Laptop | Premium | INR": `SEcUT7ElY`, "Laptop | Premium | USD": `LK4jVRwLF`, "Laptop | Ultimate | INR": `KbyQstwXG`, "Laptop | Ultimate | USD": `hw0OcMtb5`, "Small | Basic | One video | INR": `gPUgnnYbM`, "Small | Basic | One video | USD": `YTw4HBlme`, "Small | Basic | per month | INR": `wuYOV60Jg`, "Small | Basic | per month | USD": `sDAnKSO3T`, "Small | Premium | INR": `QZlq5Xinv`, "Small | Premium | USD": `zUFksS44b`, "Small | Ultimate | INR": `glHw2VR84`, "Small | Ultimate | USD": `dgqfWUclv` }), (getProps$5 = ({ height, id, width, ...props }) => ({ ...props, variant: humanReadableVariantMap$5[props.variant] ?? props.variant ?? `vYxQTrOaj` })), (createLayoutDependency$4 = (props, variants) => props.layoutDependency ? variants.join(`-`) + props.layoutDependency : variants.join(`-`)), (Component$5 = Y(function (props, ref) { let fallbackRef = pe(null), refBinding = ref ?? fallbackRef, defaultLayoutId = ae$1(), { activeLocale, setLocale } = useLocaleInfo(), componentViewport = useComponentViewport(), { style, className: className$3, layoutId, variant, ...restProps } = getProps$5(props), { baseVariant, classNames, clearLoadingGesture, gestureHandlers, gestureVariant, isLoading, setGestureState, setVariant, variants } = useVariantState({ cycleOrder: cycleOrder$4, defaultVariant: `vYxQTrOaj`, ref: refBinding, variant, variantClassNames: variantClassNames$5 }), layoutDependency = createLayoutDependency$4(props, variants), { activeVariantCallback, delay } = useActiveVariantCallback(baseVariant), m3105H7ljl2pd6u = activeVariantCallback(async (...args) => { setVariant(`J5Lqxjhrz`); }), m3105H7ljh4gzrm = activeVariantCallback(async (...args) => { setVariant(`vYxQTrOaj`); }), m3105H7ljfpk9iu = activeVariantCallback(async (...args) => { setVariant(`uW2mSJc9z`); }), m3105H7ljl86bry = activeVariantCallback(async (...args) => { setVariant(`b1_ei1C67`); }), m3105H7lj1w7nj0k = activeVariantCallback(async (...args) => { setVariant(`p4CWEqINF`); }), m3105H7lj1mam0gc = activeVariantCallback(async (...args) => { setVariant(`vXGZl6D5A`); }), m3105H7ljznium2 = activeVariantCallback(async (...args) => { setVariant(`yWRXT545y`); }), m3105H7ljgn4h84 = activeVariantCallback(async (...args) => { setVariant(`F7cQrFNJQ`); }), m3105H7lj12jq7dd = activeVariantCallback(async (...args) => { setVariant(`sDAnKSO3T`); }), m3105H7ljaldq3e = activeVariantCallback(async (...args) => { setVariant(`YTw4HBlme`); }), m3105H7lj1u8rwpj = activeVariantCallback(async (...args) => { setVariant(`wuYOV60Jg`); }), m3105H7lj1goheb5 = activeVariantCallback(async (...args) => { setVariant(`gPUgnnYbM`); }), sharedStyleClassNames = [], scopingClassNames = cx(serializationHash$5, ...sharedStyleClassNames), isDisplayed = () => baseVariant !== `wuYOV60Jg`, isDisplayed1 = () => baseVariant === `wuYOV60Jg`; return p(LayoutGroup, { id: layoutId ?? defaultLayoutId, children: p(Variants$4, { animate: variants, initial: !1, children: p(Transition$4, { value: transition1$5, children: u(motion.div, { ...restProps, ...gestureHandlers, className: cx(scopingClassNames, `framer-1jqy8wh`, className$3, classNames), "data-border": !0, "data-framer-name": `Desktop | Basic | One video | USD`, layoutDependency, layoutId: `vYxQTrOaj`, ref: refBinding, style: { "--border-bottom-width": `0px`, "--border-color": `var(--token-cddd8839-50cd-4074-8da8-8850d0d377b4, rgba(255, 255, 255, 0.1))`, "--border-left-width": `0px`, "--border-right-width": `0px`, "--border-style": `solid`, "--border-top-width": `1px`, background: `linear-gradient(180deg, var(--token-0412433a-5882-4fae-9632-beb8eb5b7b5b, rgb(13, 13, 13)) 0%, var(--token-0412433a-5882-4fae-9632-beb8eb5b7b5b, rgb(13, 13, 13)) 100%)`, backgroundColor: `var(--token-0412433a-5882-4fae-9632-beb8eb5b7b5b, rgb(13, 13, 13))`, borderBottomLeftRadius: 30, borderBottomRightRadius: 30, borderTopLeftRadius: 30, borderTopRightRadius: 30, ...style }, variants: { dgqfWUclv: { borderBottomLeftRadius: 24, borderBottomRightRadius: 24, borderTopLeftRadius: 24, borderTopRightRadius: 24 }, F7cQrFNJQ: { borderBottomLeftRadius: 24, borderBottomRightRadius: 24, borderTopLeftRadius: 24, borderTopRightRadius: 24 }, glHw2VR84: { borderBottomLeftRadius: 24, borderBottomRightRadius: 24, borderTopLeftRadius: 24, borderTopRightRadius: 24 }, gPUgnnYbM: { borderBottomLeftRadius: 24, borderBottomRightRadius: 24, borderTopLeftRadius: 24, borderTopRightRadius: 24 }, hw0OcMtb5: { borderBottomLeftRadius: 24, borderBottomRightRadius: 24, borderTopLeftRadius: 24, borderTopRightRadius: 24 }, KbyQstwXG: { borderBottomLeftRadius: 24, borderBottomRightRadius: 24, borderTopLeftRadius: 24, borderTopRightRadius: 24 }, kDVaaGmja: { background: `linear-gradient(180deg, var(--token-181c343f-eac3-43c0-b453-adf6d1c0605d, rgb(174, 148, 255)) 0%, rgb(91, 60, 186) 100%)`, backgroundColor: `rgba(0, 0, 0, 0)` }, LK4jVRwLF: { borderBottomLeftRadius: 24, borderBottomRightRadius: 24, borderTopLeftRadius: 24, borderTopRightRadius: 24 }, p4CWEqINF: { borderBottomLeftRadius: 24, borderBottomRightRadius: 24, borderTopLeftRadius: 24, borderTopRightRadius: 24 }, QZlq5Xinv: { borderBottomLeftRadius: 24, borderBottomRightRadius: 24, borderTopLeftRadius: 24, borderTopRightRadius: 24 }, sDAnKSO3T: { borderBottomLeftRadius: 24, borderBottomRightRadius: 24, borderTopLeftRadius: 24, borderTopRightRadius: 24 }, SEcUT7ElY: { borderBottomLeftRadius: 24, borderBottomRightRadius: 24, borderTopLeftRadius: 24, borderTopRightRadius: 24 }, vXGZl6D5A: { borderBottomLeftRadius: 24, borderBottomRightRadius: 24, borderTopLeftRadius: 24, borderTopRightRadius: 24 }, wex2yj6h3: { background: `linear-gradient(180deg, var(--token-181c343f-eac3-43c0-b453-adf6d1c0605d, rgb(174, 148, 255)) 0%, rgb(91, 60, 186) 100%)`, backgroundColor: `rgba(0, 0, 0, 0)` }, wuYOV60Jg: { borderBottomLeftRadius: 24, borderBottomRightRadius: 24, borderTopLeftRadius: 24, borderTopRightRadius: 24 }, YTw4HBlme: { borderBottomLeftRadius: 24, borderBottomRightRadius: 24, borderTopLeftRadius: 24, borderTopRightRadius: 24 }, yWRXT545y: { borderBottomLeftRadius: 24, borderBottomRightRadius: 24, borderTopLeftRadius: 24, borderTopRightRadius: 24 }, zUFksS44b: { borderBottomLeftRadius: 24, borderBottomRightRadius: 24, borderTopLeftRadius: 24, borderTopRightRadius: 24 } }, ...addPropertyOverrides$4( { b1_ei1C67: { "data-framer-name": `Desktop | Basic | One video | INR` }, dgqfWUclv: { "data-framer-name": `Small | Ultimate | USD` }, F7cQrFNJQ: { "data-framer-name": `Laptop | Basic | per month | INR` }, glHw2VR84: { "data-framer-name": `Small | Ultimate | INR` }, gPUgnnYbM: { "data-framer-name": `Small | Basic | One video | INR` }, hw0OcMtb5: { "data-framer-name": `Laptop | Ultimate | USD` }, ic81LBqKm: { "data-framer-name": `Desktop | Ultimate | INR` }, J5Lqxjhrz: { "data-framer-name": `Desktop | Basic | per month | USD` }, KbyQstwXG: { "data-framer-name": `Laptop | Ultimate | INR` }, kDVaaGmja: { "data-framer-name": `Desktop | Ultimate | INR 2nd varient` }, LK4jVRwLF: { "data-framer-name": `Laptop | Premium | USD` }, p4CWEqINF: { "data-framer-name": `Laptop | Basic | per month | USD` }, QH3qe6YTw: { "data-framer-name": `Desktop | Premium | USD` }, QZlq5Xinv: { "data-framer-name": `Small | Premium | INR` }, sDAnKSO3T: { "data-framer-name": `Small | Basic | per month | USD` }, SEcUT7ElY: { "data-framer-name": `Laptop | Premium | INR` }, uW2mSJc9z: { "data-framer-name": `Desktop | Basic | per month | INR` }, vXGZl6D5A: { "data-framer-name": `Laptop | Basic | One video | USD` }, wex2yj6h3: { "data-framer-name": `Desktop | Ultimate | USD 2nd varient` }, wuYOV60Jg: { "data-framer-name": `Small | Basic | per month | INR` }, Yax_kRTWC: { "data-framer-name": `Desktop | Premium | INR` }, YLUsu29Q1: { "data-framer-name": `Desktop | Ultimate | USD` }, YTw4HBlme: { "data-framer-name": `Small | Basic | One video | USD` }, yWRXT545y: { "data-framer-name": `Laptop | Basic | One video | INR` }, zUFksS44b: { "data-framer-name": `Small | Premium | USD` } }, baseVariant, gestureVariant ), children: [ u(motion.div, { className: `framer-gt4ozv`, "data-framer-name": `gradient`, layoutDependency, layoutId: `ZYKMIQMiR`, style: { borderBottomLeftRadius: 30, borderBottomRightRadius: 30, borderTopLeftRadius: 30, borderTopRightRadius: 30 }, children: [ isDisplayed() && p(motion.div, { className: `framer-f4x985`, layoutDependency, layoutId: `ti9AploPu`, style: { backgroundColor: `rgba(255, 255, 255, 0.12)`, borderBottomLeftRadius: 999, borderBottomRightRadius: 999, borderTopLeftRadius: 999, borderTopRightRadius: 999, filter: `blur(48px)`, rotate: -180, WebkitFilter: `blur(48px)` }, variants: { dgqfWUclv: { backgroundColor: `rgba(132, 101, 224, 0.36)`, filter: `blur(24px)`, WebkitFilter: `blur(24px)` }, glHw2VR84: { backgroundColor: `rgba(132, 101, 224, 0.36)`, filter: `blur(24px)`, WebkitFilter: `blur(24px)` }, hw0OcMtb5: { backgroundColor: `rgba(132, 101, 224, 0.5)`, filter: `blur(40px)`, WebkitFilter: `blur(40px)` }, ic81LBqKm: { backgroundColor: `rgba(132, 101, 224, 0.5)`, filter: `blur(40px)`, WebkitFilter: `blur(40px)` }, KbyQstwXG: { backgroundColor: `rgba(132, 101, 224, 0.5)`, filter: `blur(40px)`, WebkitFilter: `blur(40px)` }, YLUsu29Q1: { backgroundColor: `rgba(132, 101, 224, 0.5)`, filter: `blur(40px)`, WebkitFilter: `blur(40px)` } } }), isDisplayed1() && p(motion.div, { className: `framer-1p6d8ml`, layoutDependency, layoutId: `dRnfbhI2f`, style: { backgroundColor: `rgba(255, 255, 255, 0.12)`, borderBottomLeftRadius: 999, borderBottomRightRadius: 999, borderTopLeftRadius: 999, borderTopRightRadius: 999, filter: `blur(48px)`, rotate: -180, WebkitFilter: `blur(48px)` } }) ] }), u(motion.div, { className: `framer-1mftexu`, "data-framer-name": `Main container`, layoutDependency, layoutId: `d7dlO_UhB`, children: [ u(motion.div, { className: `framer-pqyajp`, "data-framer-name": `Pricing`, layoutDependency, layoutId: `XiamhcWGi`, children: [ u(motion.div, { className: `framer-1lc7fec`, "data-framer-name": `Heading`, layoutDependency, layoutId: `y2Xqu8u4k`, children: [ p(RichText, { __fromCanvasComponent: !0, children: p(x, { children: p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1ib2xk`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `24px`, "--framer-font-weight": `700`, "--framer-letter-spacing": `-0.01em`, "--framer-text-color": `var(--extracted-r6o4lv, var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(251, 250, 252)))` }, children: `Simple` }) }), className: `framer-6snvea`, fonts: [`FS;Satoshi-bold`], layoutDependency, layoutId: `HRKVcd7P4`, style: { "--extracted-r6o4lv": `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(251, 250, 252))`, "--framer-link-text-color": `rgb(0, 153, 255)`, "--framer-link-text-decoration": `underline` }, variants: { F7cQrFNJQ: { "--extracted-2gxw0f": `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(251, 250, 252))` }, p4CWEqINF: { "--extracted-2gxw0f": `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(251, 250, 252))` } }, verticalAlignment: `top`, withExternalLayout: !0, ...addPropertyOverrides$4( { dgqfWUclv: { children: p(x, { children: p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1ib2xk`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `26px`, "--framer-font-weight": `700`, "--framer-letter-spacing": `-0.01em`, "--framer-text-color": `var(--extracted-r6o4lv, var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(251, 250, 252)))` }, children: `Ultimate` }) }) }, F7cQrFNJQ: { children: u(x, { children: [ p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1ib2xk`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `26px`, "--framer-font-weight": `700`, "--framer-letter-spacing": `-0.01em`, "--framer-text-color": `var(--extracted-r6o4lv, var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(251, 250, 252)))` }, children: `Lobby` }), p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1ib2xk`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `26px`, "--framer-font-weight": `700`, "--framer-letter-spacing": `-0.01em`, "--framer-text-color": `var(--extracted-2gxw0f, var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(251, 250, 252)))` }, children: `Pass` }) ] }) }, glHw2VR84: { children: p(x, { children: p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1ib2xk`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `26px`, "--framer-font-weight": `700`, "--framer-letter-spacing": `-0.01em`, "--framer-text-color": `var(--extracted-r6o4lv, var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(251, 250, 252)))` }, children: `Ultimate` }) }) }, gPUgnnYbM: { children: p(x, { children: p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1ib2xk`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `26px`, "--framer-font-weight": `700`, "--framer-letter-spacing": `-0.01em`, "--framer-text-color": `var(--extracted-r6o4lv, var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(251, 250, 252)))` }, children: `Simple` }) }) }, hw0OcMtb5: { children: p(x, { children: p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1ib2xk`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `26px`, "--framer-font-weight": `700`, "--framer-letter-spacing": `-0.01em`, "--framer-text-color": `var(--extracted-r6o4lv, var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(251, 250, 252)))` }, children: `Ultimate` }) }) }, ic81LBqKm: { children: p(x, { children: p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1ib2xk`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `24px`, "--framer-font-weight": `700`, "--framer-letter-spacing": `-0.01em`, "--framer-text-color": `var(--extracted-r6o4lv, var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(251, 250, 252)))` }, children: `Ultimate` }) }) }, J5Lqxjhrz: { children: p(x, { children: p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1ib2xk`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `24px`, "--framer-font-weight": `700`, "--framer-letter-spacing": `-0.01em`, "--framer-text-color": `var(--extracted-r6o4lv, var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(251, 250, 252)))` }, children: `Lobby Pass` }) }) }, KbyQstwXG: { children: p(x, { children: p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1ib2xk`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `26px`, "--framer-font-weight": `700`, "--framer-letter-spacing": `-0.01em`, "--framer-text-color": `var(--extracted-r6o4lv, var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(251, 250, 252)))` }, children: `Ultimate` }) }) }, kDVaaGmja: { children: p(x, { children: p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1ib2xk`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `24px`, "--framer-font-weight": `700`, "--framer-letter-spacing": `-0.01em`, "--framer-text-color": `var(--extracted-r6o4lv, var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(251, 250, 252)))` }, children: `Unlimited` }) }) }, LK4jVRwLF: { children: p(x, { children: p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1ib2xk`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `26px`, "--framer-font-weight": `700`, "--framer-letter-spacing": `-0.01em`, "--framer-text-color": `var(--extracted-r6o4lv, var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(251, 250, 252)))` }, children: `Complex` }) }) }, p4CWEqINF: { children: u(x, { children: [ p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1ib2xk`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `26px`, "--framer-font-weight": `700`, "--framer-letter-spacing": `-0.01em`, "--framer-text-color": `var(--extracted-r6o4lv, var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(251, 250, 252)))` }, children: `Lobby` }), p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1ib2xk`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `26px`, "--framer-font-weight": `700`, "--framer-letter-spacing": `-0.01em`, "--framer-text-color": `var(--extracted-2gxw0f, var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(251, 250, 252)))` }, children: `Pass` }) ] }) }, QH3qe6YTw: { children: p(x, { children: p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1ib2xk`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `24px`, "--framer-font-weight": `700`, "--framer-letter-spacing": `-0.01em`, "--framer-text-color": `var(--extracted-r6o4lv, var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(251, 250, 252)))` }, children: `Complex` }) }) }, QZlq5Xinv: { children: p(x, { children: p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1ib2xk`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `26px`, "--framer-font-weight": `700`, "--framer-letter-spacing": `-0.01em`, "--framer-text-color": `var(--extracted-r6o4lv, var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(251, 250, 252)))` }, children: `Complex` }) }) }, sDAnKSO3T: { children: p(x, { children: p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1ib2xk`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `26px`, "--framer-font-weight": `700`, "--framer-letter-spacing": `-0.01em`, "--framer-text-color": `var(--extracted-r6o4lv, var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(251, 250, 252)))` }, children: `Lobby Pass` }) }) }, SEcUT7ElY: { children: p(x, { children: p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1ib2xk`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `26px`, "--framer-font-weight": `700`, "--framer-letter-spacing": `-0.01em`, "--framer-text-color": `var(--extracted-r6o4lv, var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(251, 250, 252)))` }, children: `Complex` }) }) }, uW2mSJc9z: { children: p(x, { children: p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1ib2xk`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `24px`, "--framer-font-weight": `700`, "--framer-letter-spacing": `-0.01em`, "--framer-text-color": `var(--extracted-r6o4lv, var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(251, 250, 252)))` }, children: `Lobby Pass` }) }) }, vXGZl6D5A: { children: p(x, { children: p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1ib2xk`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `26px`, "--framer-font-weight": `700`, "--framer-letter-spacing": `-0.01em`, "--framer-text-color": `var(--extracted-r6o4lv, var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(251, 250, 252)))` }, children: `Simple` }) }) }, wex2yj6h3: { children: p(x, { children: p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1ib2xk`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `24px`, "--framer-font-weight": `700`, "--framer-letter-spacing": `-0.01em`, "--framer-text-color": `var(--extracted-r6o4lv, var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(251, 250, 252)))` }, children: `Unlimited` }) }) }, wuYOV60Jg: { children: p(x, { children: p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1ib2xk`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `26px`, "--framer-font-weight": `700`, "--framer-letter-spacing": `-0.01em`, "--framer-text-color": `var(--extracted-r6o4lv, var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(251, 250, 252)))` }, children: `Lobby Pass` }) }) }, Yax_kRTWC: { children: p(x, { children: p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1ib2xk`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `24px`, "--framer-font-weight": `700`, "--framer-letter-spacing": `-0.01em`, "--framer-text-color": `var(--extracted-r6o4lv, var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(251, 250, 252)))` }, children: `Complex` }) }) }, YLUsu29Q1: { children: p(x, { children: p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1ib2xk`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `24px`, "--framer-font-weight": `700`, "--framer-letter-spacing": `-0.01em`, "--framer-text-color": `var(--extracted-r6o4lv, var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(251, 250, 252)))` }, children: `Ultimate` }) }) }, YTw4HBlme: { children: p(x, { children: p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1ib2xk`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `26px`, "--framer-font-weight": `700`, "--framer-letter-spacing": `-0.01em`, "--framer-text-color": `var(--extracted-r6o4lv, var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(251, 250, 252)))` }, children: `Simple` }) }) }, yWRXT545y: { children: p(x, { children: p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1ib2xk`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `26px`, "--framer-font-weight": `700`, "--framer-letter-spacing": `-0.01em`, "--framer-text-color": `var(--extracted-r6o4lv, var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(251, 250, 252)))` }, children: `Simple` }) }) }, zUFksS44b: { children: p(x, { children: p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1ib2xk`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `26px`, "--framer-font-weight": `700`, "--framer-letter-spacing": `-0.01em`, "--framer-text-color": `var(--extracted-r6o4lv, var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(251, 250, 252)))` }, children: `Complex` }) }) } }, baseVariant, gestureVariant ) }), p(motion.div, { className: `framer-wgeqxo`, "data-framer-name": `info`, layoutDependency, layoutId: `yCf6xqX4i`, style: { backgroundColor: `rgba(255, 255, 255, 0.08)`, borderBottomLeftRadius: 999, borderBottomRightRadius: 999, borderTopLeftRadius: 999, borderTopRightRadius: 999 }, variants: { dgqfWUclv: { backgroundColor: `var(--token-181c343f-eac3-43c0-b453-adf6d1c0605d, rgb(174, 148, 255))`, borderBottomLeftRadius: 12, borderBottomRightRadius: 12, borderTopLeftRadius: 12, borderTopRightRadius: 12 }, F7cQrFNJQ: { borderBottomLeftRadius: 12, borderBottomRightRadius: 12, borderTopLeftRadius: 12, borderTopRightRadius: 12 }, glHw2VR84: { backgroundColor: `var(--token-181c343f-eac3-43c0-b453-adf6d1c0605d, rgb(174, 148, 255))`, borderBottomLeftRadius: 12, borderBottomRightRadius: 12, borderTopLeftRadius: 12, borderTopRightRadius: 12 }, gPUgnnYbM: { borderBottomLeftRadius: 12, borderBottomRightRadius: 12, borderTopLeftRadius: 12, borderTopRightRadius: 12 }, hw0OcMtb5: { backgroundColor: `var(--token-181c343f-eac3-43c0-b453-adf6d1c0605d, rgb(174, 148, 255))`, borderBottomLeftRadius: 12, borderBottomRightRadius: 12, borderTopLeftRadius: 12, borderTopRightRadius: 12 }, ic81LBqKm: { backgroundColor: `var(--token-181c343f-eac3-43c0-b453-adf6d1c0605d, rgb(174, 148, 255))` }, KbyQstwXG: { backgroundColor: `var(--token-181c343f-eac3-43c0-b453-adf6d1c0605d, rgb(174, 148, 255))`, borderBottomLeftRadius: 12, borderBottomRightRadius: 12, borderTopLeftRadius: 12, borderTopRightRadius: 12 }, kDVaaGmja: { backgroundColor: `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(251, 250, 252))` }, LK4jVRwLF: { backgroundColor: `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(251, 250, 252))`, borderBottomLeftRadius: 12, borderBottomRightRadius: 12, borderTopLeftRadius: 12, borderTopRightRadius: 12 }, p4CWEqINF: { borderBottomLeftRadius: 12, borderBottomRightRadius: 12, borderTopLeftRadius: 12, borderTopRightRadius: 12 }, QH3qe6YTw: { backgroundColor: `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(251, 250, 252))` }, QZlq5Xinv: { backgroundColor: `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(251, 250, 252))`, borderBottomLeftRadius: 12, borderBottomRightRadius: 12, borderTopLeftRadius: 12, borderTopRightRadius: 12 }, sDAnKSO3T: { borderBottomLeftRadius: 12, borderBottomRightRadius: 12, borderTopLeftRadius: 12, borderTopRightRadius: 12 }, SEcUT7ElY: { backgroundColor: `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(251, 250, 252))`, borderBottomLeftRadius: 12, borderBottomRightRadius: 12, borderTopLeftRadius: 12, borderTopRightRadius: 12 }, vXGZl6D5A: { borderBottomLeftRadius: 12, borderBottomRightRadius: 12, borderTopLeftRadius: 12, borderTopRightRadius: 12 }, wex2yj6h3: { backgroundColor: `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(251, 250, 252))` }, wuYOV60Jg: { borderBottomLeftRadius: 12, borderBottomRightRadius: 12, borderTopLeftRadius: 12, borderTopRightRadius: 12 }, Yax_kRTWC: { backgroundColor: `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(251, 250, 252))` }, YLUsu29Q1: { backgroundColor: `var(--token-181c343f-eac3-43c0-b453-adf6d1c0605d, rgb(174, 148, 255))` }, YTw4HBlme: { borderBottomLeftRadius: 12, borderBottomRightRadius: 12, borderTopLeftRadius: 12, borderTopRightRadius: 12 }, yWRXT545y: { borderBottomLeftRadius: 12, borderBottomRightRadius: 12, borderTopLeftRadius: 12, borderTopRightRadius: 12 }, zUFksS44b: { backgroundColor: `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(251, 250, 252))`, borderBottomLeftRadius: 12, borderBottomRightRadius: 12, borderTopLeftRadius: 12, borderTopRightRadius: 12 } }, children: p(RichText, { __fromCanvasComponent: !0, children: p(x, { children: p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.01em`, "--framer-text-color": `var(--extracted-r6o4lv, var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(251, 250, 252)))` }, children: `Save $100 with lobby pass` }) }), className: `framer-152xaf6`, fonts: [`FS;Satoshi-medium`], layoutDependency, layoutId: `BlGcbawkT`, style: { "--extracted-r6o4lv": `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(251, 250, 252))`, "--framer-link-text-color": `rgb(0, 153, 255)`, "--framer-link-text-decoration": `underline` }, variants: { kDVaaGmja: { "--extracted-r6o4lv": `var(--token-6b2be53b-6817-448e-b133-cd93fd6651c5, rgb(10, 10, 10))` }, LK4jVRwLF: { "--extracted-r6o4lv": `var(--token-6b2be53b-6817-448e-b133-cd93fd6651c5, rgb(10, 10, 10))` }, QH3qe6YTw: { "--extracted-r6o4lv": `var(--token-6b2be53b-6817-448e-b133-cd93fd6651c5, rgb(10, 10, 10))` }, QZlq5Xinv: { "--extracted-r6o4lv": `var(--token-6b2be53b-6817-448e-b133-cd93fd6651c5, rgb(10, 10, 10))` }, SEcUT7ElY: { "--extracted-r6o4lv": `var(--token-6b2be53b-6817-448e-b133-cd93fd6651c5, rgb(10, 10, 10))` }, vXGZl6D5A: { "--extracted-2gxw0f": `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(251, 250, 252))` }, wex2yj6h3: { "--extracted-r6o4lv": `var(--token-6b2be53b-6817-448e-b133-cd93fd6651c5, rgb(10, 10, 10))` }, Yax_kRTWC: { "--extracted-r6o4lv": `var(--token-6b2be53b-6817-448e-b133-cd93fd6651c5, rgb(10, 10, 10))` }, yWRXT545y: { "--extracted-2gxw0f": `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(251, 250, 252))` }, zUFksS44b: { "--extracted-r6o4lv": `var(--token-6b2be53b-6817-448e-b133-cd93fd6651c5, rgb(10, 10, 10))` } }, verticalAlignment: `top`, withExternalLayout: !0, ...addPropertyOverrides$4( { b1_ei1C67: { children: p(x, { children: p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.01em`, "--framer-text-color": `var(--extracted-r6o4lv, var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(251, 250, 252)))` }, children: `Save ₹2000 with lobby pass` }) }) }, dgqfWUclv: { children: p(x, { children: p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `14px`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.01em`, "--framer-line-height": `1.1em`, "--framer-text-color": `var(--extracted-r6o4lv, var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(251, 250, 252)))` }, children: `Best Offer` }) }) }, F7cQrFNJQ: { children: p(x, { children: p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.01em`, "--framer-line-height": `1.1em`, "--framer-text-color": `var(--extracted-r6o4lv, var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(251, 250, 252)))` }, children: `Saving ₹2000` }) }) }, glHw2VR84: { children: p(x, { children: p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `14px`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.01em`, "--framer-line-height": `1.1em`, "--framer-text-color": `var(--extracted-r6o4lv, var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(251, 250, 252)))` }, children: `Best Offer` }) }) }, gPUgnnYbM: { children: p(x, { children: p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `14px`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.01em`, "--framer-line-height": `1.1em`, "--framer-text-color": `var(--extracted-r6o4lv, var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(251, 250, 252)))` }, children: `Save ₹2000 with lobby pass` }) }) }, hw0OcMtb5: { children: p(x, { children: p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.01em`, "--framer-line-height": `1.1em`, "--framer-text-color": `var(--extracted-r6o4lv, var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(251, 250, 252)))` }, children: `Best Offer` }) }) }, ic81LBqKm: { children: p(x, { children: p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.01em`, "--framer-text-color": `var(--extracted-r6o4lv, var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(251, 250, 252)))` }, children: `Our Best Offering` }) }) }, J5Lqxjhrz: { children: p(x, { children: p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.01em`, "--framer-text-color": `var(--extracted-r6o4lv, var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(251, 250, 252)))` }, children: `Saving $100 ` }) }) }, KbyQstwXG: { children: p(x, { children: p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.01em`, "--framer-line-height": `1.1em`, "--framer-text-color": `var(--extracted-r6o4lv, var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(251, 250, 252)))` }, children: `Best Offer` }) }) }, kDVaaGmja: { children: p(x, { children: p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.01em`, "--framer-text-color": `var(--extracted-r6o4lv, var(--token-6b2be53b-6817-448e-b133-cd93fd6651c5, rgb(10, 10, 10)))` }, children: `Our Best Offering` }) }) }, LK4jVRwLF: { children: p(x, { children: p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.01em`, "--framer-line-height": `1.1em`, "--framer-text-color": `var(--extracted-r6o4lv, var(--token-6b2be53b-6817-448e-b133-cd93fd6651c5, rgb(10, 10, 10)))` }, children: `Most Popular` }) }) }, p4CWEqINF: { children: p(x, { children: p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.01em`, "--framer-line-height": `1.1em`, "--framer-text-color": `var(--extracted-r6o4lv, var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(251, 250, 252)))` }, children: `Saving $100` }) }) }, QH3qe6YTw: { children: p(x, { children: p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.01em`, "--framer-text-color": `var(--extracted-r6o4lv, var(--token-6b2be53b-6817-448e-b133-cd93fd6651c5, rgb(10, 10, 10)))` }, children: `Most Popular` }) }) }, QZlq5Xinv: { children: p(x, { children: p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `14px`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.01em`, "--framer-line-height": `1.1em`, "--framer-text-color": `var(--extracted-r6o4lv, var(--token-6b2be53b-6817-448e-b133-cd93fd6651c5, rgb(10, 10, 10)))` }, children: `Most Popular` }) }) }, sDAnKSO3T: { children: p(x, { children: p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `14px`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.01em`, "--framer-line-height": `1.1em`, "--framer-text-color": `var(--extracted-r6o4lv, var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(251, 250, 252)))` }, children: `Saving $100` }) }) }, SEcUT7ElY: { children: p(x, { children: p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.01em`, "--framer-line-height": `1.1em`, "--framer-text-color": `var(--extracted-r6o4lv, var(--token-6b2be53b-6817-448e-b133-cd93fd6651c5, rgb(10, 10, 10)))` }, children: `Most Popular` }) }) }, uW2mSJc9z: { children: p(x, { children: p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.01em`, "--framer-text-color": `var(--extracted-r6o4lv, var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(251, 250, 252)))` }, children: `Saving ₹2000` }) }) }, vXGZl6D5A: { children: u(x, { children: [ p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.01em`, "--framer-line-height": `1.1em`, "--framer-text-color": `var(--extracted-r6o4lv, var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(251, 250, 252)))` }, children: `Save $100` }), p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.01em`, "--framer-line-height": `1.1em`, "--framer-text-color": `var(--extracted-2gxw0f, var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(251, 250, 252)))` }, children: `with monthly pass` }) ] }) }, wex2yj6h3: { children: p(x, { children: p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.01em`, "--framer-text-color": `var(--extracted-r6o4lv, var(--token-6b2be53b-6817-448e-b133-cd93fd6651c5, rgb(10, 10, 10)))` }, children: `Our Best Offering` }) }) }, wuYOV60Jg: { children: p(x, { children: p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `14px`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.01em`, "--framer-line-height": `1.1em`, "--framer-text-color": `var(--extracted-r6o4lv, var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(251, 250, 252)))` }, children: `Saving ₹2000` }) }) }, Yax_kRTWC: { children: p(x, { children: p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.01em`, "--framer-text-color": `var(--extracted-r6o4lv, var(--token-6b2be53b-6817-448e-b133-cd93fd6651c5, rgb(10, 10, 10)))` }, children: `Most Popular` }) }) }, YLUsu29Q1: { children: p(x, { children: p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.01em`, "--framer-text-color": `var(--extracted-r6o4lv, var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(251, 250, 252)))` }, children: `Our Best Offering` }) }) }, YTw4HBlme: { children: p(x, { children: p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `14px`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.01em`, "--framer-line-height": `1.1em`, "--framer-text-color": `var(--extracted-r6o4lv, var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(251, 250, 252)))` }, children: `Save $100 with lobby pass` }) }) }, yWRXT545y: { children: u(x, { children: [ p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.01em`, "--framer-line-height": `1.1em`, "--framer-text-color": `var(--extracted-r6o4lv, var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(251, 250, 252)))` }, children: `Save ₹2000` }), p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.01em`, "--framer-line-height": `1.1em`, "--framer-text-color": `var(--extracted-2gxw0f, var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(251, 250, 252)))` }, children: `with lobby pass` }) ] }) }, zUFksS44b: { children: p(x, { children: p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `14px`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.01em`, "--framer-line-height": `1.1em`, "--framer-text-color": `var(--extracted-r6o4lv, var(--token-6b2be53b-6817-448e-b133-cd93fd6651c5, rgb(10, 10, 10)))` }, children: `Most Popular` }) }) } }, baseVariant, gestureVariant ) }) }) ] }), u(motion.div, { className: `framer-1k3thn`, "data-framer-name": `Price`, layoutDependency, layoutId: `PLPRJnJii`, children: [ u(motion.div, { className: `framer-5xu45s`, layoutDependency, layoutId: `tPs_mHcgi`, children: [ p(ComponentViewportProvider, { children: p(SmartComponentScopedContainer, { className: `framer-116n0r8-container`, "data-framer-name": `Number Counter (Old)`, isAuthoredByUser: !0, isModuleExternal: !0, layoutDependency, layoutId: `TZjytHS0L-container`, name: `Number Counter (Old)`, nodeId: `TZjytHS0L`, rendersWithMotion: !0, scopeId: `SCtOV4sWg`, children: p(AdvancedNumberCounter, { color: `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))`, countDirection: `down`, decimalSeparator: `comma`, duration: 0.5, endNumber: 45, font: { fontFamily: `"Satoshi", "Satoshi Placeholder", sans-serif`, fontStyle: `normal`, fontWeight: 500 }, fontSize: 48, height: `100%`, id: `TZjytHS0L`, layoutId: `TZjytHS0L`, letterSpacing: -0.2, lineHeight: 1.2, name: `Number Counter (Old)`, prefix: `$`, prefixAlignment: `bottom`, prefixFontSize: 48, startNumber: 299, suffix: `/video`, suffixAlignment: `bottom`, suffixFontSize: 24, width: `100%`, ...addPropertyOverrides$4( { b1_ei1C67: { endNumber: 3200, prefix: `₹`, startNumber: 7999 }, dgqfWUclv: { endNumber: 999, fontSize: 30, prefixFontSize: 30, startNumber: 1999, suffix: `/month`, suffixFontSize: 16 }, F7cQrFNJQ: { endNumber: 3e4, fontSize: 38, prefix: `₹`, prefixFontSize: 38, startNumber: 59999, suffix: `/month`, suffixFontSize: 20 }, glHw2VR84: { endNumber: 8e4, fontSize: 30, prefix: `₹`, prefixFontSize: 30, startNumber: 179999, suffix: `/month`, suffixFontSize: 16 }, gPUgnnYbM: { endNumber: 3200, fontSize: 30, prefix: `₹`, prefixFontSize: 30, suffixFontSize: 16 }, hw0OcMtb5: { endNumber: 999, fontSize: 38, prefixFontSize: 38, startNumber: 1999, suffix: `/month`, suffixFontSize: 20 }, ic81LBqKm: { endNumber: 8e4, prefix: `₹`, startNumber: 179e3, suffix: `/month` }, J5Lqxjhrz: { endNumber: 350, startNumber: 999, suffix: `/month` }, KbyQstwXG: { endNumber: 8e4, fontSize: 38, prefix: `₹`, prefixFontSize: 38, startNumber: 169999, suffix: `/month`, suffixFontSize: 20 }, kDVaaGmja: { endNumber: 8e4, prefix: `₹`, startNumber: 179990, suffix: `/month` }, LK4jVRwLF: { endNumber: 500, fontSize: 38, prefixFontSize: 38, startNumber: 999, suffixFontSize: 20 }, p4CWEqINF: { endNumber: 350, fontSize: 38, prefixFontSize: 38, startNumber: 999, suffix: `/month`, suffixFontSize: 20 }, QH3qe6YTw: { endNumber: 500, startNumber: 999 }, QZlq5Xinv: { endNumber: 43e3, fontSize: 30, prefix: `₹`, prefixFontSize: 30, startNumber: 999, suffixFontSize: 16 }, sDAnKSO3T: { endNumber: 350, fontSize: 30, prefixFontSize: 30, suffix: `/month`, suffixFontSize: 16 }, SEcUT7ElY: { endNumber: 43e3, fontSize: 38, prefix: `₹`, prefixFontSize: 38, startNumber: 79999, suffixFontSize: 20 }, uW2mSJc9z: { endNumber: 3e4, prefix: `₹`, startNumber: 59999, suffix: `/month` }, vXGZl6D5A: { fontSize: 38, prefixFontSize: 38, suffixFontSize: 20 }, wex2yj6h3: { endNumber: 999, startNumber: 1999, suffix: `/month` }, wuYOV60Jg: { endNumber: 3e4, fontSize: 30, prefix: `₹`, prefixFontSize: 30, startNumber: 59999, suffix: `/month`, suffixFontSize: 16 }, Yax_kRTWC: { endNumber: 43e3, prefix: `₹`, startNumber: 79999 }, YLUsu29Q1: { endNumber: 999, startNumber: 1999, suffix: `/month` }, YTw4HBlme: { fontSize: 30, prefixFontSize: 30, suffixFontSize: 16 }, yWRXT545y: { endNumber: 3200, fontSize: 38, prefix: `₹`, prefixFontSize: 38, startNumber: 7999, suffixFontSize: 20 }, zUFksS44b: { endNumber: 500, fontSize: 30, prefixFontSize: 30, startNumber: 999, suffixFontSize: 16 } }, baseVariant, gestureVariant ) }) }) }), p(RichText, { __fromCanvasComponent: !0, children: p(x, { children: p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `18px`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.02em`, "--framer-text-alignment": `left`, "--framer-text-color": `var(--extracted-r6o4lv, var(--token-af401efc-9628-428f-bfa1-a5e362ba0ec5, rgb(153, 153, 153)))` }, children: `One time purchase. Single video edit.` }) }), className: `framer-1p1cfz7`, fonts: [`FS;Satoshi-medium`], layoutDependency, layoutId: `VavrCjCqM`, style: { "--extracted-r6o4lv": `var(--token-af401efc-9628-428f-bfa1-a5e362ba0ec5, rgb(153, 153, 153))`, "--framer-link-text-color": `rgb(0, 153, 255)`, "--framer-link-text-decoration": `underline` }, variants: { dgqfWUclv: { "--extracted-r6o4lv": `rgba(251, 250, 252, 0.63)` }, glHw2VR84: { "--extracted-r6o4lv": `rgba(251, 250, 252, 0.63)` }, hw0OcMtb5: { "--extracted-r6o4lv": `rgba(251, 250, 252, 0.63)` }, ic81LBqKm: { "--extracted-r6o4lv": `rgba(251, 250, 252, 0.6)` }, KbyQstwXG: { "--extracted-r6o4lv": `rgba(251, 250, 252, 0.63)` }, kDVaaGmja: { "--extracted-r6o4lv": `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(251, 250, 252))` }, wex2yj6h3: { "--extracted-r6o4lv": `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(251, 250, 252))` }, YLUsu29Q1: { "--extracted-r6o4lv": `rgba(251, 250, 252, 0.6)` } }, verticalAlignment: `top`, withExternalLayout: !0, ...addPropertyOverrides$4( { dgqfWUclv: { children: p(x, { children: p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `14px`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.02em`, "--framer-text-alignment": `left`, "--framer-text-color": `var(--extracted-r6o4lv, rgba(251, 250, 252, 0.63))` }, children: `One request at a time. Pause or cancel anytime.` }) }) }, F7cQrFNJQ: { children: p(x, { children: p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.02em`, "--framer-text-alignment": `left`, "--framer-text-color": `var(--extracted-r6o4lv, var(--token-af401efc-9628-428f-bfa1-a5e362ba0ec5, rgb(153, 153, 153)))` }, children: `One request at a time. Pause or cancel anytime.` }) }) }, glHw2VR84: { children: p(x, { children: p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `14px`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.02em`, "--framer-text-alignment": `left`, "--framer-text-color": `var(--extracted-r6o4lv, rgba(251, 250, 252, 0.63))` }, children: `One request at a time. Pause or cancel anytime.` }) }) }, gPUgnnYbM: { children: p(x, { children: p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `14px`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.02em`, "--framer-text-alignment": `left`, "--framer-text-color": `var(--extracted-r6o4lv, var(--token-af401efc-9628-428f-bfa1-a5e362ba0ec5, rgb(153, 153, 153)))` }, children: `One time purchase. Single video edit.` }) }) }, hw0OcMtb5: { children: p(x, { children: p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.02em`, "--framer-text-alignment": `left`, "--framer-text-color": `var(--extracted-r6o4lv, rgba(251, 250, 252, 0.63))` }, children: `One request at a time. Pause or cancel anytime.` }) }) }, ic81LBqKm: { children: p(x, { children: p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `18px`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.02em`, "--framer-text-alignment": `left`, "--framer-text-color": `var(--extracted-r6o4lv, rgba(251, 250, 252, 0.6))` }, children: `One request at a time. Pause or cancel anytime.` }) }) }, J5Lqxjhrz: { children: p(x, { children: p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `18px`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.02em`, "--framer-text-alignment": `left`, "--framer-text-color": `var(--extracted-r6o4lv, var(--token-af401efc-9628-428f-bfa1-a5e362ba0ec5, rgb(153, 153, 153)))` }, children: `One request at a time. Pause or cancel anytime.` }) }) }, KbyQstwXG: { children: p(x, { children: p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.02em`, "--framer-text-alignment": `left`, "--framer-text-color": `var(--extracted-r6o4lv, rgba(251, 250, 252, 0.63))` }, children: `One request at a time. Pause or cancel anytime.` }) }) }, kDVaaGmja: { children: p(x, { children: p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `18px`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.02em`, "--framer-text-alignment": `left`, "--framer-text-color": `var(--extracted-r6o4lv, var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(251, 250, 252)))` }, children: `One time purchase. Single video edit.` }) }) }, LK4jVRwLF: { children: p(x, { children: p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.02em`, "--framer-text-alignment": `left`, "--framer-text-color": `var(--extracted-r6o4lv, var(--token-af401efc-9628-428f-bfa1-a5e362ba0ec5, rgb(153, 153, 153)))` }, children: `One time purchase. Single video edit.` }) }) }, p4CWEqINF: { children: p(x, { children: p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.02em`, "--framer-text-alignment": `left`, "--framer-text-color": `var(--extracted-r6o4lv, var(--token-af401efc-9628-428f-bfa1-a5e362ba0ec5, rgb(153, 153, 153)))` }, children: `One request at a time. Pause or cancel anytime.` }) }) }, QZlq5Xinv: { children: p(x, { children: p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `14px`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.02em`, "--framer-text-alignment": `left`, "--framer-text-color": `var(--extracted-r6o4lv, var(--token-af401efc-9628-428f-bfa1-a5e362ba0ec5, rgb(153, 153, 153)))` }, children: `One time purchase. Single video edit.` }) }) }, sDAnKSO3T: { children: p(x, { children: p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `14px`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.02em`, "--framer-text-alignment": `left`, "--framer-text-color": `var(--extracted-r6o4lv, var(--token-af401efc-9628-428f-bfa1-a5e362ba0ec5, rgb(153, 153, 153)))` }, children: `One request at a time. Pause or cancel anytime.` }) }) }, SEcUT7ElY: { children: p(x, { children: p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.02em`, "--framer-text-alignment": `left`, "--framer-text-color": `var(--extracted-r6o4lv, var(--token-af401efc-9628-428f-bfa1-a5e362ba0ec5, rgb(153, 153, 153)))` }, children: `One time purchase. Single video edit.` }) }) }, uW2mSJc9z: { children: p(x, { children: p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `18px`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.02em`, "--framer-text-alignment": `left`, "--framer-text-color": `var(--extracted-r6o4lv, var(--token-af401efc-9628-428f-bfa1-a5e362ba0ec5, rgb(153, 153, 153)))` }, children: `One request at a time. Pause or cancel anytime.` }) }) }, vXGZl6D5A: { children: p(x, { children: p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.02em`, "--framer-text-alignment": `left`, "--framer-text-color": `var(--extracted-r6o4lv, var(--token-af401efc-9628-428f-bfa1-a5e362ba0ec5, rgb(153, 153, 153)))` }, children: `One time purchase. Single video edit.` }) }) }, wex2yj6h3: { children: p(x, { children: p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `18px`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.02em`, "--framer-text-alignment": `left`, "--framer-text-color": `var(--extracted-r6o4lv, var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(251, 250, 252)))` }, children: `One time purchase. Single video edit.` }) }) }, wuYOV60Jg: { children: p(x, { children: p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `14px`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.02em`, "--framer-text-alignment": `left`, "--framer-text-color": `var(--extracted-r6o4lv, var(--token-af401efc-9628-428f-bfa1-a5e362ba0ec5, rgb(153, 153, 153)))` }, children: `One request at a time. Pause or cancel anytime.` }) }) }, YLUsu29Q1: { children: p(x, { children: p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `18px`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.02em`, "--framer-text-alignment": `left`, "--framer-text-color": `var(--extracted-r6o4lv, rgba(251, 250, 252, 0.6))` }, children: `One request at a time. Pause or cancel anytime.` }) }) }, YTw4HBlme: { children: p(x, { children: p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `14px`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.02em`, "--framer-text-alignment": `left`, "--framer-text-color": `var(--extracted-r6o4lv, var(--token-af401efc-9628-428f-bfa1-a5e362ba0ec5, rgb(153, 153, 153)))` }, children: `One time purchase. Single video edit.` }) }) }, yWRXT545y: { children: p(x, { children: p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.02em`, "--framer-text-alignment": `left`, "--framer-text-color": `var(--extracted-r6o4lv, var(--token-af401efc-9628-428f-bfa1-a5e362ba0ec5, rgb(153, 153, 153)))` }, children: `One time purchase. Single video edit.` }) }) }, zUFksS44b: { children: p(x, { children: p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `14px`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.02em`, "--framer-text-alignment": `left`, "--framer-text-color": `var(--extracted-r6o4lv, var(--token-af401efc-9628-428f-bfa1-a5e362ba0ec5, rgb(153, 153, 153)))` }, children: `One time purchase. Single video edit.` }) }) } }, baseVariant, gestureVariant ) }) ] }), u(motion.div, { className: `framer-rxe6vq`, "data-framer-name": `CTA`, layoutDependency, layoutId: `N91WjJsLx`, children: [ p(ComponentViewportProvider, { height: 68, width: `max((${componentViewport?.width || `100vw`} - 82px) / 2, 1px)`, y: (componentViewport?.y || 0) + 48 + 0 + 0 + 0 + 0 + 67.2 + 0 + 340 + 0, ...addPropertyOverrides$4( { dgqfWUclv: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 0 + 0 + 142.2 + 0 + 316 + 0 + 0 }, F7cQrFNJQ: { width: `max((${componentViewport?.width || `100vw`} - 56px) / 2, 1px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 0 + 0 + 72.4 + 0 + 328 + 0 }, glHw2VR84: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 0 + 0 + 142.2 + 0 + 316 + 0 + 0 }, gPUgnnYbM: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 0 + 0 + 142.2 + 0 + 316 + 0 + 0 }, hw0OcMtb5: { width: `max((${componentViewport?.width || `100vw`} - 56px) / 2, 1px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 0 + 0 + 67 + 0 + 328 + 0 }, KbyQstwXG: { width: `max((${componentViewport?.width || `100vw`} - 56px) / 2, 1px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 0 + 0 + 67 + 0 + 328 + 0 }, LK4jVRwLF: { width: `max((${componentViewport?.width || `100vw`} - 56px) / 2, 1px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 0 + 0 + 67 + 0 + 328 + 0 }, p4CWEqINF: { width: `max((${componentViewport?.width || `100vw`} - 56px) / 2, 1px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 0 + 0 + 72.4 + 0 + 328 + 0 }, QZlq5Xinv: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 0 + 0 + 142.2 + 0 + 316 + 0 + 0 }, sDAnKSO3T: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 0 + 0 + 142.2 + 0 + 316 + 0 + 0 }, SEcUT7ElY: { width: `max((${componentViewport?.width || `100vw`} - 56px) / 2, 1px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 0 + 0 + 67 + 0 + 328 + 0 }, vXGZl6D5A: { width: `max((${componentViewport?.width || `100vw`} - 56px) / 2, 1px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 0 + 0 + 67.2 + 0 + 328 + 0 }, wuYOV60Jg: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 0 + 0 + 142.2 + 0 + 316 + 0 + 0 }, YTw4HBlme: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 0 + 0 + 142.2 + 0 + 316 + 0 + 0 }, yWRXT545y: { width: `max((${componentViewport?.width || `100vw`} - 56px) / 2, 1px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 0 + 0 + 67.2 + 0 + 328 + 0 }, zUFksS44b: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 0 + 0 + 142.2 + 0 + 316 + 0 + 0 } }, baseVariant, gestureVariant ), children: p(SmartComponentScopedContainer, { className: `framer-1r1iq97-container`, layoutDependency, layoutId: `EqCdttKt_-container`, nodeId: `EqCdttKt_`, rendersWithMotion: !0, scopeId: `SCtOV4sWg`, children: p(FramerZqCBtyPg5, { aMK_i7e07: 18, DeXJS2hW5: `Buy Now`, HcbroWFTi: `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(251, 250, 252))`, height: `100%`, id: `EqCdttKt_`, ktunHcUxD: `https://buy.stripe.com/00w4gAgqL6T3af53tTgEg0l`, layoutId: `EqCdttKt_`, ny6FPnmAr: `var(--token-6b2be53b-6817-448e-b133-cd93fd6651c5, rgb(10, 10, 10))`, style: { width: `100%` }, ULvp12YnN: `rgb(214, 214, 214)`, width: `100%`, ZeQlm8aIT: `24px 48px 24px 48px`, ...addPropertyOverrides$4( { b1_ei1C67: { ktunHcUxD: `https://buy.stripe.com/9B68wQeiDa5f4ULd4tgEg07` }, dgqfWUclv: { aMK_i7e07: 16, HcbroWFTi: `var(--token-181c343f-eac3-43c0-b453-adf6d1c0605d, rgb(174, 148, 255))`, ktunHcUxD: `https://buy.stripe.com/6oU7sM0rN2CN2MDd4tgEg08`, ny6FPnmAr: `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(251, 250, 252))`, ULvp12YnN: `var(--token-d5abad45-bff0-4cd8-9671-a3004817739b, rgb(132, 101, 224))`, ZeQlm8aIT: `16px 36px 16px 36px` }, F7cQrFNJQ: { aMK_i7e07: 16, DeXJS2hW5: `Subscribe`, ktunHcUxD: `https://buy.stripe.com/6oUcN61vRfpzdrh9ShgEg0c`, ZeQlm8aIT: `16px 36px 16px 36px` }, glHw2VR84: { aMK_i7e07: 16, HcbroWFTi: `var(--token-181c343f-eac3-43c0-b453-adf6d1c0605d, rgb(174, 148, 255))`, ktunHcUxD: `https://buy.stripe.com/6oUbJ20rN5OZ3QH9ShgEg0n`, ny6FPnmAr: `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(251, 250, 252))`, ULvp12YnN: `var(--token-d5abad45-bff0-4cd8-9671-a3004817739b, rgb(132, 101, 224))`, ZeQlm8aIT: `16px 36px 16px 36px` }, gPUgnnYbM: { aMK_i7e07: 16, ktunHcUxD: `https://buy.stripe.com/9B68wQeiDa5f4ULd4tgEg07`, ZeQlm8aIT: `16px 36px 16px 36px` }, hw0OcMtb5: { aMK_i7e07: 16, HcbroWFTi: `var(--token-181c343f-eac3-43c0-b453-adf6d1c0605d, rgb(174, 148, 255))`, ktunHcUxD: `https://buy.stripe.com/6oU7sM0rN2CN2MDd4tgEg08`, ny6FPnmAr: `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(251, 250, 252))`, ULvp12YnN: `var(--token-181c343f-eac3-43c0-b453-adf6d1c0605d, rgb(174, 148, 255))`, ZeQlm8aIT: `16px 36px 16px 36px` }, ic81LBqKm: { HcbroWFTi: `var(--token-181c343f-eac3-43c0-b453-adf6d1c0605d, rgb(174, 148, 255))`, ktunHcUxD: `https://buy.stripe.com/6oUbJ20rN5OZ3QH9ShgEg0n`, ny6FPnmAr: `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(251, 250, 252))`, ULvp12YnN: `var(--token-181c343f-eac3-43c0-b453-adf6d1c0605d, rgb(174, 148, 255))` }, J5Lqxjhrz: { DeXJS2hW5: `Subscribe`, ktunHcUxD: `https://buy.stripe.com/3csdUh1Am5zE3T2dQV` }, KbyQstwXG: { aMK_i7e07: 16, HcbroWFTi: `var(--token-181c343f-eac3-43c0-b453-adf6d1c0605d, rgb(174, 148, 255))`, ktunHcUxD: `https://buy.stripe.com/6oUbJ20rN5OZ3QH9ShgEg0n`, ny6FPnmAr: `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(251, 250, 252))`, ULvp12YnN: `var(--token-d5abad45-bff0-4cd8-9671-a3004817739b, rgb(132, 101, 224))`, ZeQlm8aIT: `16px 36px 16px 36px` }, LK4jVRwLF: { aMK_i7e07: 16, ktunHcUxD: `https://buy.stripe.com/6oEaI5dj45zE89i5kn`, ZeQlm8aIT: `16px 36px 16px 36px` }, p4CWEqINF: { aMK_i7e07: 16, DeXJS2hW5: `Subscribe`, ktunHcUxD: `https://buy.stripe.com/3csdUh1Am5zE3T2dQV`, ZeQlm8aIT: `16px 36px 16px 36px` }, QH3qe6YTw: { HcbroWFTi: `rgb(251, 250, 252)`, ktunHcUxD: `https://buy.stripe.com/6oEaI5dj45zE89i5kn`, ULvp12YnN: `rgb(230, 230, 230)` }, QZlq5Xinv: { aMK_i7e07: 16, ktunHcUxD: `https://buy.stripe.com/6oUfZi4I3gtDfzp8OdgEg0d`, ZeQlm8aIT: `16px 36px 16px 36px` }, sDAnKSO3T: { aMK_i7e07: 16, DeXJS2hW5: `Subscribe`, ktunHcUxD: `https://buy.stripe.com/3csdUh1Am5zE3T2dQV`, ZeQlm8aIT: `16px 36px 16px 36px` }, SEcUT7ElY: { aMK_i7e07: 16, ktunHcUxD: `https://buy.stripe.com/6oUfZi4I3gtDfzp8OdgEg0d`, ZeQlm8aIT: `16px 36px 16px 36px` }, uW2mSJc9z: { DeXJS2hW5: `Subscribe`, ktunHcUxD: `https://buy.stripe.com/6oUcN61vRfpzdrh9ShgEg0c` }, vXGZl6D5A: { aMK_i7e07: 16, ZeQlm8aIT: `16px 36px 16px 36px` }, wuYOV60Jg: { aMK_i7e07: 16, DeXJS2hW5: `Subscribe`, ktunHcUxD: `https://buy.stripe.com/6oUcN61vRfpzdrh9ShgEg0c`, ZeQlm8aIT: `16px 36px 16px 36px` }, Yax_kRTWC: { HcbroWFTi: `rgb(251, 250, 252)`, ktunHcUxD: `https://buy.stripe.com/6oUfZi4I3gtDfzp8OdgEg0d`, ULvp12YnN: `rgb(230, 230, 230)` }, YLUsu29Q1: { HcbroWFTi: `var(--token-181c343f-eac3-43c0-b453-adf6d1c0605d, rgb(174, 148, 255))`, ktunHcUxD: `https://buy.stripe.com/6oU7sM0rN2CN2MDd4tgEg08`, ny6FPnmAr: `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(251, 250, 252))`, ULvp12YnN: `var(--token-181c343f-eac3-43c0-b453-adf6d1c0605d, rgb(174, 148, 255))` }, YTw4HBlme: { aMK_i7e07: 16, ZeQlm8aIT: `16px 36px 16px 36px` }, yWRXT545y: { aMK_i7e07: 16, ktunHcUxD: `https://buy.stripe.com/9B68wQeiDa5f4ULd4tgEg07`, ZeQlm8aIT: `16px 36px 16px 36px` }, zUFksS44b: { aMK_i7e07: 16, ktunHcUxD: `https://buy.stripe.com/6oEaI5dj45zE89i5kn`, ZeQlm8aIT: `16px 36px 16px 36px` } }, baseVariant, gestureVariant ) }) }) }), p(ComponentViewportProvider, { height: 68, width: `max((${componentViewport?.width || `100vw`} - 82px) / 2, 1px)`, y: (componentViewport?.y || 0) + 48 + 0 + 0 + 0 + 0 + 67.2 + 0 + 340 + 0, ...addPropertyOverrides$4( { dgqfWUclv: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 0 + 0 + 142.2 + 0 + 316 + 0 + 80 }, F7cQrFNJQ: { width: `max((${componentViewport?.width || `100vw`} - 56px) / 2, 1px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 0 + 0 + 72.4 + 0 + 328 + 0 }, glHw2VR84: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 0 + 0 + 142.2 + 0 + 316 + 0 + 80 }, gPUgnnYbM: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 0 + 0 + 142.2 + 0 + 316 + 0 + 80 }, hw0OcMtb5: { width: `max((${componentViewport?.width || `100vw`} - 56px) / 2, 1px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 0 + 0 + 67 + 0 + 328 + 0 }, KbyQstwXG: { width: `max((${componentViewport?.width || `100vw`} - 56px) / 2, 1px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 0 + 0 + 67 + 0 + 328 + 0 }, LK4jVRwLF: { width: `max((${componentViewport?.width || `100vw`} - 56px) / 2, 1px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 0 + 0 + 67 + 0 + 328 + 0 }, p4CWEqINF: { width: `max((${componentViewport?.width || `100vw`} - 56px) / 2, 1px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 0 + 0 + 72.4 + 0 + 328 + 0 }, QZlq5Xinv: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 0 + 0 + 142.2 + 0 + 316 + 0 + 80 }, sDAnKSO3T: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 0 + 0 + 142.2 + 0 + 316 + 0 + 80 }, SEcUT7ElY: { width: `max((${componentViewport?.width || `100vw`} - 56px) / 2, 1px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 0 + 0 + 67 + 0 + 328 + 0 }, vXGZl6D5A: { width: `max((${componentViewport?.width || `100vw`} - 56px) / 2, 1px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 0 + 0 + 67.2 + 0 + 328 + 0 }, wuYOV60Jg: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 0 + 0 + 142.2 + 0 + 316 + 0 + 80 }, YTw4HBlme: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 0 + 0 + 142.2 + 0 + 316 + 0 + 80 }, yWRXT545y: { width: `max((${componentViewport?.width || `100vw`} - 56px) / 2, 1px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 0 + 0 + 67.2 + 0 + 328 + 0 }, zUFksS44b: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 0 + 0 + 142.2 + 0 + 316 + 0 + 80 } }, baseVariant, gestureVariant ), children: p(SmartComponentScopedContainer, { className: `framer-jzwox8-container`, layoutDependency, layoutId: `B4IdjQCf3-container`, nodeId: `B4IdjQCf3`, rendersWithMotion: !0, scopeId: `SCtOV4sWg`, children: p(FramerplxfSRQKL, { eg9FAPESs: `24px 48px 24px 48px`, fnsdzVjSX: { borderColor: `rgba(255, 255, 255, 0.1)`, borderStyle: `solid`, borderWidth: 2 }, FYTxYl90K: 18, height: `100%`, id: `B4IdjQCf3`, jvYQlDqTB: `rgba(13, 13, 13, 0.5)`, layoutId: `B4IdjQCf3`, m3105H7lj: m3105H7ljl2pd6u, r8X5yDpPA: `rgba(227, 227, 227, 0.12)`, style: { width: `100%` }, T2DnfvUiu: `Lobby Pass`, variant: `U78AVtXpJ`, width: `100%`, ...addPropertyOverrides$4( { b1_ei1C67: { m3105H7lj: m3105H7ljfpk9iu }, dgqfWUclv: { aJkec56xW: `https://calendly.com/hello-editlobby/intro-to-edit-lobby`, eg9FAPESs: `16px 36px 16px 36px`, FYTxYl90K: 16, m3105H7lj: void 0, T2DnfvUiu: `Book a call`, variant: `kKSuhFLRi` }, F7cQrFNJQ: { eg9FAPESs: `16px 36px 16px 36px`, FYTxYl90K: 16, m3105H7lj: m3105H7ljznium2, T2DnfvUiu: `Per Video` }, glHw2VR84: { aJkec56xW: `https://calendly.com/hello-editlobby/intro-to-edit-lobby`, eg9FAPESs: `16px 36px 16px 36px`, FYTxYl90K: 16, m3105H7lj: void 0, T2DnfvUiu: `Book a call`, variant: `kKSuhFLRi` }, gPUgnnYbM: { eg9FAPESs: `16px 36px 16px 36px`, FYTxYl90K: 16, m3105H7lj: m3105H7lj1u8rwpj }, hw0OcMtb5: { aJkec56xW: `https://calendly.com/hello-editlobby/intro-to-edit-lobby`, eg9FAPESs: `16px 36px 16px 26px`, FYTxYl90K: 16, m3105H7lj: void 0, T2DnfvUiu: `Book a call` }, ic81LBqKm: { aJkec56xW: `https://calendly.com/hello-editlobby/intro-to-edit-lobby`, m3105H7lj: void 0, T2DnfvUiu: `Book a call` }, J5Lqxjhrz: { m3105H7lj: m3105H7ljh4gzrm, T2DnfvUiu: `Per Video` }, KbyQstwXG: { aJkec56xW: `https://calendly.com/hello-editlobby/intro-to-edit-lobby`, eg9FAPESs: `16px 36px 16px 26px`, FYTxYl90K: 16, m3105H7lj: void 0, T2DnfvUiu: `Book a call` }, kDVaaGmja: { fnsdzVjSX: { borderColor: `rgba(255, 255, 255, 0.3)`, borderStyle: `solid`, borderWidth: 2 }, jvYQlDqTB: `rgba(251, 250, 252, 0.09)`, m3105H7lj: void 0, T2DnfvUiu: `Book a call` }, LK4jVRwLF: { aJkec56xW: `https://calendly.com/hello-editlobby/intro-to-edit-lobby`, eg9FAPESs: `16px 36px 16px 36px`, FYTxYl90K: 16, m3105H7lj: void 0, T2DnfvUiu: `Book a call` }, p4CWEqINF: { eg9FAPESs: `16px 36px 16px 36px`, FYTxYl90K: 16, m3105H7lj: m3105H7lj1mam0gc, T2DnfvUiu: `Per Video` }, QH3qe6YTw: { aJkec56xW: `https://calendly.com/hello-editlobby/intro-to-edit-lobby`, m3105H7lj: void 0, T2DnfvUiu: `Book a call` }, QZlq5Xinv: { aJkec56xW: `https://calendly.com/hello-editlobby/intro-to-edit-lobby`, eg9FAPESs: `16px 36px 16px 36px`, FYTxYl90K: 16, m3105H7lj: void 0, T2DnfvUiu: `Book a call`, variant: `kKSuhFLRi` }, sDAnKSO3T: { eg9FAPESs: `16px 36px 16px 36px`, FYTxYl90K: 16, m3105H7lj: m3105H7ljaldq3e, T2DnfvUiu: `Per Video` }, SEcUT7ElY: { aJkec56xW: `https://calendly.com/hello-editlobby/intro-to-edit-lobby`, eg9FAPESs: `16px 36px 16px 36px`, FYTxYl90K: 16, m3105H7lj: void 0, T2DnfvUiu: `Book a call` }, uW2mSJc9z: { m3105H7lj: m3105H7ljl86bry, T2DnfvUiu: `Per Video` }, vXGZl6D5A: { eg9FAPESs: `16px 36px 16px 36px`, FYTxYl90K: 16, m3105H7lj: m3105H7lj1w7nj0k }, wex2yj6h3: { fnsdzVjSX: { borderColor: `rgba(255, 255, 255, 0.3)`, borderStyle: `solid`, borderWidth: 2 }, jvYQlDqTB: `rgba(251, 250, 252, 0.09)`, m3105H7lj: void 0, T2DnfvUiu: `Book a call` }, wuYOV60Jg: { eg9FAPESs: `16px 36px 16px 36px`, FYTxYl90K: 16, m3105H7lj: m3105H7lj1goheb5, T2DnfvUiu: `Per Video` }, Yax_kRTWC: { aJkec56xW: `https://calendly.com/hello-editlobby/intro-to-edit-lobby`, m3105H7lj: void 0, T2DnfvUiu: `Book a call` }, YLUsu29Q1: { aJkec56xW: `https://calendly.com/hello-editlobby/intro-to-edit-lobby`, m3105H7lj: void 0, T2DnfvUiu: `Book a call` }, YTw4HBlme: { eg9FAPESs: `16px 36px 16px 36px`, FYTxYl90K: 16, m3105H7lj: m3105H7lj12jq7dd }, yWRXT545y: { eg9FAPESs: `16px 36px 16px 36px`, FYTxYl90K: 16, m3105H7lj: m3105H7ljgn4h84 }, zUFksS44b: { aJkec56xW: `https://calendly.com/hello-editlobby/intro-to-edit-lobby`, eg9FAPESs: `16px 36px 16px 36px`, FYTxYl90K: 16, m3105H7lj: void 0, T2DnfvUiu: `Book a call`, variant: `kKSuhFLRi` } }, baseVariant, gestureVariant ) }) }) }) ] }) ] }) ] }), u(motion.div, { className: `framer-1xu53oi`, "data-framer-name": `Features`, layoutDependency, layoutId: `pOiqPN7hQ`, children: [ p(ComponentViewportProvider, { height: 42, width: `calc(${componentViewport?.width || `100vw`} - 72px)`, y: (componentViewport?.y || 0) + 48 + 0 + 0 + 515.2 + 0 + 0, ...addPropertyOverrides$4( { dgqfWUclv: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 634.2 + 0 + 0 }, F7cQrFNJQ: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 504.4 + 0 + 0 }, glHw2VR84: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 634.2 + 0 + 0 }, gPUgnnYbM: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 634.2 + 0 + 0 }, hw0OcMtb5: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 499 + 0 + 0 }, KbyQstwXG: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 499 + 0 + 0 }, LK4jVRwLF: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 499 + 0 + 0 }, p4CWEqINF: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 504.4 + 0 + 0 }, QZlq5Xinv: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 634.2 + 0 + 0 }, sDAnKSO3T: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 634.2 + 0 + 0 }, SEcUT7ElY: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 499 + 0 + 0 }, vXGZl6D5A: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 499.2 + 0 + 0 }, wuYOV60Jg: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 634.2 + 0 + 0 }, YTw4HBlme: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 634.2 + 0 + 0 }, yWRXT545y: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 499.2 + 0 + 0 }, zUFksS44b: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 634.2 + 0 + 0 } }, baseVariant, gestureVariant ), children: p(SmartComponentScopedContainer, { className: `framer-ozxgph-container`, layoutDependency, layoutId: `rkcRSyCdL-container`, nodeId: `rkcRSyCdL`, rendersWithMotion: !0, scopeId: `SCtOV4sWg`, children: p(FramertDERwoxqv, { AoWx0Fyus: `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))`, gvOGYrGGc: `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))`, HA6dJe4fb: 16, height: `100%`, id: `rkcRSyCdL`, layoutId: `rkcRSyCdL`, mzKpE2hfI: `One professional video edit`, style: { width: `100%` }, TyFhmBkMH: `StarFour`, width: `100%`, ...addPropertyOverrides$4( { dgqfWUclv: { HA6dJe4fb: 14, mzKpE2hfI: `One project at a time (90sec video)` }, F7cQrFNJQ: { mzKpE2hfI: `Ten professional video edits` }, glHw2VR84: { HA6dJe4fb: 14, mzKpE2hfI: `One project at a time (90sec video)` }, gPUgnnYbM: { HA6dJe4fb: 14 }, hw0OcMtb5: { mzKpE2hfI: `One project at a time (90sec video)` }, ic81LBqKm: { mzKpE2hfI: `One project at a time (90sec video)` }, J5Lqxjhrz: { mzKpE2hfI: `Ten professional video edits` }, KbyQstwXG: { mzKpE2hfI: `One project at a time (90sec video)` }, kDVaaGmja: { mzKpE2hfI: `One active project a day` }, LK4jVRwLF: { mzKpE2hfI: `One complex edit (120sec video)` }, p4CWEqINF: { mzKpE2hfI: `Ten professional video edits` }, QH3qe6YTw: { mzKpE2hfI: `One complex edit (120sec video)` }, QZlq5Xinv: { HA6dJe4fb: 14, mzKpE2hfI: `One complex edit (120sec video)` }, sDAnKSO3T: { HA6dJe4fb: 14, mzKpE2hfI: `Ten professional video edits` }, SEcUT7ElY: { mzKpE2hfI: `One complex edit (120sec video)` }, uW2mSJc9z: { mzKpE2hfI: `Ten professional video edits` }, wex2yj6h3: { mzKpE2hfI: `One active project a day` }, wuYOV60Jg: { HA6dJe4fb: 14, mzKpE2hfI: `Ten professional video edits` }, Yax_kRTWC: { mzKpE2hfI: `One complex edit (120sec video)` }, YLUsu29Q1: { mzKpE2hfI: `One project at a time (90sec video)` }, YTw4HBlme: { HA6dJe4fb: 14 }, zUFksS44b: { HA6dJe4fb: 14, mzKpE2hfI: `One complex edit (120sec video)` } }, baseVariant, gestureVariant ) }) }) }), p(ComponentViewportProvider, { height: 42, width: `calc(${componentViewport?.width || `100vw`} - 72px)`, y: (componentViewport?.y || 0) + 48 + 0 + 0 + 515.2 + 0 + 58, ...addPropertyOverrides$4( { dgqfWUclv: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 634.2 + 0 + 54 }, F7cQrFNJQ: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 504.4 + 0 + 54 }, glHw2VR84: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 634.2 + 0 + 54 }, gPUgnnYbM: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 634.2 + 0 + 54 }, hw0OcMtb5: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 499 + 0 + 54 }, KbyQstwXG: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 499 + 0 + 54 }, LK4jVRwLF: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 499 + 0 + 54 }, p4CWEqINF: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 504.4 + 0 + 54 }, QZlq5Xinv: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 634.2 + 0 + 54 }, sDAnKSO3T: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 634.2 + 0 + 54 }, SEcUT7ElY: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 499 + 0 + 54 }, vXGZl6D5A: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 499.2 + 0 + 54 }, wuYOV60Jg: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 634.2 + 0 + 54 }, YTw4HBlme: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 634.2 + 0 + 54 }, yWRXT545y: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 499.2 + 0 + 54 }, zUFksS44b: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 634.2 + 0 + 54 } }, baseVariant, gestureVariant ), children: p(SmartComponentScopedContainer, { className: `framer-1hmb7t6-container`, layoutDependency, layoutId: `PMiub1D7Z-container`, nodeId: `PMiub1D7Z`, rendersWithMotion: !0, scopeId: `SCtOV4sWg`, children: p(FramertDERwoxqv, { AoWx0Fyus: `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))`, gvOGYrGGc: `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))`, HA6dJe4fb: 16, height: `100%`, id: `PMiub1D7Z`, layoutId: `PMiub1D7Z`, mzKpE2hfI: `48-hour turnaround`, style: { width: `100%` }, TyFhmBkMH: `StarFour`, width: `100%`, ...addPropertyOverrides$4( { dgqfWUclv: { HA6dJe4fb: 14, mzKpE2hfI: `First draft in 24h` }, glHw2VR84: { HA6dJe4fb: 14, mzKpE2hfI: `First draft in 24h` }, gPUgnnYbM: { HA6dJe4fb: 14 }, hw0OcMtb5: { mzKpE2hfI: `First draft in 24h` }, ic81LBqKm: { mzKpE2hfI: `First draft in 24h` }, KbyQstwXG: { mzKpE2hfI: `First draft in 24h` }, kDVaaGmja: { mzKpE2hfI: `24-hour turnaround per edit` }, LK4jVRwLF: { mzKpE2hfI: `3-4 day turnaround` }, QH3qe6YTw: { mzKpE2hfI: `3-4 day turnaround` }, QZlq5Xinv: { HA6dJe4fb: 14, mzKpE2hfI: `3-4 day turnaround` }, sDAnKSO3T: { HA6dJe4fb: 14 }, SEcUT7ElY: { mzKpE2hfI: `3-4 day turnaround` }, wex2yj6h3: { mzKpE2hfI: `24-hour turnaround per edit` }, wuYOV60Jg: { HA6dJe4fb: 14 }, Yax_kRTWC: { mzKpE2hfI: `3-4 day turnaround` }, YLUsu29Q1: { mzKpE2hfI: `First draft in 24h` }, YTw4HBlme: { HA6dJe4fb: 14 }, zUFksS44b: { HA6dJe4fb: 14, mzKpE2hfI: `3-4 day turnaround` } }, baseVariant, gestureVariant ) }) }) }), p(ComponentViewportProvider, { height: 42, width: `calc(${componentViewport?.width || `100vw`} - 72px)`, y: (componentViewport?.y || 0) + 48 + 0 + 0 + 515.2 + 0 + 116, ...addPropertyOverrides$4( { dgqfWUclv: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 634.2 + 0 + 108 }, F7cQrFNJQ: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 504.4 + 0 + 108 }, glHw2VR84: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 634.2 + 0 + 108 }, gPUgnnYbM: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 634.2 + 0 + 108 }, hw0OcMtb5: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 499 + 0 + 108 }, KbyQstwXG: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 499 + 0 + 108 }, LK4jVRwLF: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 499 + 0 + 108 }, p4CWEqINF: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 504.4 + 0 + 108 }, QZlq5Xinv: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 634.2 + 0 + 108 }, sDAnKSO3T: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 634.2 + 0 + 108 }, SEcUT7ElY: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 499 + 0 + 108 }, vXGZl6D5A: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 499.2 + 0 + 108 }, wuYOV60Jg: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 634.2 + 0 + 108 }, YTw4HBlme: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 634.2 + 0 + 108 }, yWRXT545y: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 499.2 + 0 + 108 }, zUFksS44b: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 634.2 + 0 + 108 } }, baseVariant, gestureVariant ), children: p(SmartComponentScopedContainer, { className: `framer-a73it8-container`, layoutDependency, layoutId: `saaz1UGp0-container`, nodeId: `saaz1UGp0`, rendersWithMotion: !0, scopeId: `SCtOV4sWg`, children: p(FramertDERwoxqv, { AoWx0Fyus: `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))`, gvOGYrGGc: `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))`, HA6dJe4fb: 16, height: `100%`, id: `saaz1UGp0`, layoutId: `saaz1UGp0`, mzKpE2hfI: `2 rounds of revision`, style: { width: `100%` }, TyFhmBkMH: `StarFour`, width: `100%`, ...addPropertyOverrides$4( { dgqfWUclv: { HA6dJe4fb: 14, mzKpE2hfI: `Unlimited revisions` }, F7cQrFNJQ: { mzKpE2hfI: `2 rounds of revision per video` }, glHw2VR84: { HA6dJe4fb: 14, mzKpE2hfI: `Unlimited revisions` }, gPUgnnYbM: { HA6dJe4fb: 14 }, hw0OcMtb5: { mzKpE2hfI: `Unlimited revisions` }, ic81LBqKm: { mzKpE2hfI: `Unlimited revisions` }, J5Lqxjhrz: { mzKpE2hfI: `2 rounds of revision per video` }, KbyQstwXG: { mzKpE2hfI: `Unlimited revisions` }, kDVaaGmja: { mzKpE2hfI: `Multiple rounds of revisions per video` }, p4CWEqINF: { mzKpE2hfI: `2 rounds of revision per video` }, QZlq5Xinv: { HA6dJe4fb: 14 }, sDAnKSO3T: { HA6dJe4fb: 14, mzKpE2hfI: `2 rounds of revision per video` }, uW2mSJc9z: { mzKpE2hfI: `2 rounds of revision per video` }, wex2yj6h3: { mzKpE2hfI: `Multiple rounds of revisions per video` }, wuYOV60Jg: { HA6dJe4fb: 14 }, YLUsu29Q1: { mzKpE2hfI: `Unlimited revisions` }, YTw4HBlme: { HA6dJe4fb: 14 }, zUFksS44b: { HA6dJe4fb: 14 } }, baseVariant, gestureVariant ) }) }) }), p(ComponentViewportProvider, { height: 42, width: `calc(${componentViewport?.width || `100vw`} - 72px)`, y: (componentViewport?.y || 0) + 48 + 0 + 0 + 515.2 + 0 + 174, ...addPropertyOverrides$4( { dgqfWUclv: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 634.2 + 0 + 162 }, F7cQrFNJQ: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 504.4 + 0 + 162 }, glHw2VR84: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 634.2 + 0 + 162 }, gPUgnnYbM: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 634.2 + 0 + 162 }, hw0OcMtb5: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 499 + 0 + 162 }, KbyQstwXG: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 499 + 0 + 162 }, LK4jVRwLF: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 499 + 0 + 162 }, p4CWEqINF: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 504.4 + 0 + 162 }, QZlq5Xinv: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 634.2 + 0 + 162 }, sDAnKSO3T: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 634.2 + 0 + 162 }, SEcUT7ElY: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 499 + 0 + 162 }, vXGZl6D5A: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 499.2 + 0 + 162 }, wuYOV60Jg: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 634.2 + 0 + 162 }, YTw4HBlme: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 634.2 + 0 + 162 }, yWRXT545y: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 499.2 + 0 + 162 }, zUFksS44b: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 634.2 + 0 + 162 } }, baseVariant, gestureVariant ), children: p(SmartComponentScopedContainer, { className: `framer-1d65ur6-container`, layoutDependency, layoutId: `bBKU0wg8E-container`, nodeId: `bBKU0wg8E`, rendersWithMotion: !0, scopeId: `SCtOV4sWg`, children: p(FramertDERwoxqv, { AoWx0Fyus: `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))`, gvOGYrGGc: `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))`, HA6dJe4fb: 16, height: `100%`, id: `bBKU0wg8E`, layoutId: `bBKU0wg8E`, mzKpE2hfI: `Ideal for simple & quick, one-off projects`, style: { width: `100%` }, TyFhmBkMH: `StarFour`, width: `100%`, ...addPropertyOverrides$4( { dgqfWUclv: { HA6dJe4fb: 14, mzKpE2hfI: `Finish a project, start the next` }, glHw2VR84: { HA6dJe4fb: 14, mzKpE2hfI: `Finish a project, start the next` }, gPUgnnYbM: { HA6dJe4fb: 14 }, hw0OcMtb5: { mzKpE2hfI: `Finish a project, start the next` }, ic81LBqKm: { mzKpE2hfI: `Finish a project, start the next` }, J5Lqxjhrz: { mzKpE2hfI: `Great for batch content` }, KbyQstwXG: { mzKpE2hfI: `Finish a project, start the next` }, kDVaaGmja: { mzKpE2hfI: `Great for bulk content creation/workflow` }, LK4jVRwLF: { mzKpE2hfI: `Perfect for campaigns, reels and trailers` }, QH3qe6YTw: { mzKpE2hfI: `Perfect for campaigns, reels and trailers` }, QZlq5Xinv: { HA6dJe4fb: 14, mzKpE2hfI: `Perfect for campaigns, reels and trailers` }, sDAnKSO3T: { HA6dJe4fb: 14 }, SEcUT7ElY: { mzKpE2hfI: `Perfect for campaigns, reels and trailers` }, uW2mSJc9z: { mzKpE2hfI: `Great for batch content` }, wex2yj6h3: { mzKpE2hfI: `Great for bulk content creation/workflow` }, wuYOV60Jg: { HA6dJe4fb: 14 }, Yax_kRTWC: { mzKpE2hfI: `Perfect for campaigns, reels and trailers` }, YLUsu29Q1: { mzKpE2hfI: `Finish a project, start the next` }, YTw4HBlme: { HA6dJe4fb: 14 }, zUFksS44b: { HA6dJe4fb: 14, mzKpE2hfI: `Perfect for campaigns, reels and trailers` } }, baseVariant, gestureVariant ) }) }) }), p(ComponentViewportProvider, { height: 42, width: `calc(${componentViewport?.width || `100vw`} - 72px)`, y: (componentViewport?.y || 0) + 48 + 0 + 0 + 515.2 + 0 + 232, ...addPropertyOverrides$4( { dgqfWUclv: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 634.2 + 0 + 216 }, F7cQrFNJQ: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 504.4 + 0 + 216 }, glHw2VR84: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 634.2 + 0 + 216 }, gPUgnnYbM: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 634.2 + 0 + 216 }, hw0OcMtb5: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 499 + 0 + 216 }, KbyQstwXG: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 499 + 0 + 216 }, LK4jVRwLF: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 499 + 0 + 216 }, p4CWEqINF: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 504.4 + 0 + 216 }, QZlq5Xinv: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 634.2 + 0 + 216 }, sDAnKSO3T: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 634.2 + 0 + 216 }, SEcUT7ElY: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 499 + 0 + 216 }, vXGZl6D5A: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 499.2 + 0 + 216 }, wuYOV60Jg: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 634.2 + 0 + 216 }, YTw4HBlme: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 634.2 + 0 + 216 }, yWRXT545y: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 499.2 + 0 + 216 }, zUFksS44b: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 634.2 + 0 + 216 } }, baseVariant, gestureVariant ), children: p(SmartComponentScopedContainer, { className: `framer-cq7ser-container`, layoutDependency, layoutId: `nhXGwEL73-container`, nodeId: `nhXGwEL73`, rendersWithMotion: !0, scopeId: `SCtOV4sWg`, children: p(FramertDERwoxqv, { AoWx0Fyus: `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))`, gvOGYrGGc: `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))`, HA6dJe4fb: 16, height: `100%`, id: `nhXGwEL73`, layoutId: `nhXGwEL73`, mzKpE2hfI: `Simple briefing format`, style: { width: `100%` }, TyFhmBkMH: `StarFour`, width: `100%`, ...addPropertyOverrides$4( { dgqfWUclv: { HA6dJe4fb: 14, mzKpE2hfI: `Personal project manager` }, glHw2VR84: { HA6dJe4fb: 14, mzKpE2hfI: `Personal project manager` }, gPUgnnYbM: { HA6dJe4fb: 14 }, hw0OcMtb5: { mzKpE2hfI: `Personal project manager` }, ic81LBqKm: { mzKpE2hfI: `Personal project manager` }, J5Lqxjhrz: { mzKpE2hfI: `Personal project manager` }, KbyQstwXG: { mzKpE2hfI: `Personal project manager` }, kDVaaGmja: { mzKpE2hfI: `Personal project manager` }, LK4jVRwLF: { mzKpE2hfI: `Personal project manager` }, QH3qe6YTw: { mzKpE2hfI: `Personal project manager` }, QZlq5Xinv: { HA6dJe4fb: 14, mzKpE2hfI: `Personal project manager` }, sDAnKSO3T: { HA6dJe4fb: 14 }, SEcUT7ElY: { mzKpE2hfI: `Personal project manager` }, uW2mSJc9z: { mzKpE2hfI: `Personal project manager` }, wex2yj6h3: { mzKpE2hfI: `Personal project manager` }, wuYOV60Jg: { HA6dJe4fb: 14 }, Yax_kRTWC: { mzKpE2hfI: `Personal project manager` }, YLUsu29Q1: { mzKpE2hfI: `Personal project manager` }, YTw4HBlme: { HA6dJe4fb: 14 }, zUFksS44b: { HA6dJe4fb: 14, mzKpE2hfI: `Personal project manager` } }, baseVariant, gestureVariant ) }) }) }), p(ComponentViewportProvider, { height: 42, width: `calc(${componentViewport?.width || `100vw`} - 72px)`, y: (componentViewport?.y || 0) + 48 + 0 + 0 + 515.2 + 0 + 290, ...addPropertyOverrides$4( { dgqfWUclv: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 634.2 + 0 + 270 }, F7cQrFNJQ: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 504.4 + 0 + 270 }, glHw2VR84: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 634.2 + 0 + 270 }, gPUgnnYbM: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 634.2 + 0 + 270 }, hw0OcMtb5: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 499 + 0 + 270 }, KbyQstwXG: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 499 + 0 + 270 }, LK4jVRwLF: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 499 + 0 + 270 }, p4CWEqINF: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 504.4 + 0 + 270 }, QZlq5Xinv: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 634.2 + 0 + 270 }, sDAnKSO3T: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 634.2 + 0 + 270 }, SEcUT7ElY: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 499 + 0 + 270 }, vXGZl6D5A: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 499.2 + 0 + 270 }, wuYOV60Jg: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 634.2 + 0 + 270 }, YTw4HBlme: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 634.2 + 0 + 270 }, yWRXT545y: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 499.2 + 0 + 270 }, zUFksS44b: { width: `calc(${componentViewport?.width || `100vw`} - 48px)`, y: (componentViewport?.y || 0) + 36 + 0 + 0 + 634.2 + 0 + 270 } }, baseVariant, gestureVariant ), children: p(SmartComponentScopedContainer, { className: `framer-12eyulg-container`, layoutDependency, layoutId: `JW2BWZoe8-container`, nodeId: `JW2BWZoe8`, rendersWithMotion: !0, scopeId: `SCtOV4sWg`, children: p(FramertDERwoxqv, { AoWx0Fyus: `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))`, gvOGYrGGc: `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))`, HA6dJe4fb: 16, height: `100%`, id: `JW2BWZoe8`, layoutId: `JW2BWZoe8`, mzKpE2hfI: `Frame.io for accurate feedback`, style: { width: `100%` }, TyFhmBkMH: `StarFour`, width: `100%`, ...addPropertyOverrides$4( { dgqfWUclv: { HA6dJe4fb: 14 }, glHw2VR84: { HA6dJe4fb: 14 }, gPUgnnYbM: { HA6dJe4fb: 14 }, QZlq5Xinv: { HA6dJe4fb: 14 }, sDAnKSO3T: { HA6dJe4fb: 14 }, wuYOV60Jg: { HA6dJe4fb: 14 }, YTw4HBlme: { HA6dJe4fb: 14 }, zUFksS44b: { HA6dJe4fb: 14 } }, baseVariant, gestureVariant ) }) }) }) ] }) ] }) ] }) }) }) }); })), (css$6 = [ `@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }`, `.framer-ncN4N.framer-13ixqsc, .framer-ncN4N .framer-13ixqsc { display: block; }`, `.framer-ncN4N.framer-1jqy8wh { align-content: flex-start; align-items: flex-start; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: 604px; justify-content: flex-start; overflow: hidden; padding: 48px 36px 48px 36px; position: relative; width: 430px; will-change: var(--framer-will-change-override, transform); }`, `.framer-ncN4N .framer-gt4ozv { bottom: 0px; flex: none; left: 0px; overflow: visible; position: absolute; right: 0px; top: 0px; z-index: 1; }`, `.framer-ncN4N .framer-f4x985, .framer-ncN4N .framer-1p6d8ml { aspect-ratio: 1 / 1; flex: none; height: var(--framer-aspect-ratio-supported, 400px); left: -70px; overflow: hidden; position: absolute; top: -110px; width: 400px; will-change: var(--framer-will-change-override, transform); }`, `.framer-ncN4N .framer-1mftexu { align-content: center; align-items: center; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 40px; height: min-content; justify-content: flex-start; overflow: visible; padding: 0px; position: relative; width: 100%; z-index: 2; }`, `.framer-ncN4N .framer-pqyajp { align-content: flex-start; align-items: flex-start; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 24px; height: min-content; justify-content: flex-start; overflow: visible; padding: 0px; position: relative; width: 100%; }`, `.framer-ncN4N .framer-1lc7fec { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; height: min-content; justify-content: space-between; overflow: visible; padding: 0px; position: relative; width: 100%; }`, `.framer-ncN4N .framer-6snvea, .framer-ncN4N .framer-152xaf6 { flex: none; height: auto; position: relative; white-space: pre; width: auto; }`, `.framer-ncN4N .framer-wgeqxo { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; overflow: visible; padding: 12px 24px 12px 24px; position: relative; width: min-content; }`, `.framer-ncN4N .framer-1k3thn { align-content: flex-start; align-items: flex-start; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 20px; height: min-content; justify-content: flex-start; overflow: visible; padding: 0px; position: relative; width: 100%; }`, `.framer-ncN4N .framer-5xu45s { align-content: flex-start; align-items: flex-start; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 12px; height: min-content; justify-content: flex-start; overflow: visible; padding: 0px; position: relative; width: 100%; }`, `.framer-ncN4N .framer-116n0r8-container { flex: none; height: auto; position: relative; width: auto; }`, `.framer-ncN4N .framer-1p1cfz7 { flex: none; height: auto; position: relative; white-space: pre-wrap; width: 100%; word-break: break-word; word-wrap: break-word; }`, `.framer-ncN4N .framer-rxe6vq { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; overflow: visible; padding: 0px; position: relative; width: 100%; }`, `.framer-ncN4N .framer-1r1iq97-container, .framer-ncN4N .framer-jzwox8-container { flex: 1 0 0px; height: auto; position: relative; width: 1px; }`, `.framer-ncN4N .framer-1xu53oi { align-content: flex-start; align-items: flex-start; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 16px; height: min-content; justify-content: flex-start; overflow: hidden; padding: 0px; position: relative; width: 100%; }`, `.framer-ncN4N .framer-ozxgph-container, .framer-ncN4N .framer-1hmb7t6-container, .framer-ncN4N .framer-a73it8-container, .framer-ncN4N .framer-1d65ur6-container, .framer-ncN4N .framer-cq7ser-container, .framer-ncN4N .framer-12eyulg-container { flex: none; height: auto; position: relative; width: 100%; }`, `.framer-ncN4N.framer-v-asorbj .framer-f4x985, .framer-ncN4N.framer-v-6rurz8 .framer-f4x985, .framer-ncN4N.framer-v-zg9e20 .framer-f4x985, .framer-ncN4N.framer-v-ywb1el .framer-f4x985 { height: var(--framer-aspect-ratio-supported, 430px); left: -110px; width: 430px; }`, `.framer-ncN4N.framer-v-asorbj .framer-pqyajp { order: 0; }`, `.framer-ncN4N.framer-v-asorbj .framer-1xu53oi { order: 1; }`, `.framer-ncN4N.framer-v-n6bshp.framer-1jqy8wh, .framer-ncN4N.framer-v-5dviux.framer-1jqy8wh, .framer-ncN4N.framer-v-11uw65c.framer-1jqy8wh, .framer-ncN4N.framer-v-1tlau1n.framer-1jqy8wh, .framer-ncN4N.framer-v-1twv76n.framer-1jqy8wh, .framer-ncN4N.framer-v-kia55s.framer-1jqy8wh, .framer-ncN4N.framer-v-zg9e20.framer-1jqy8wh, .framer-ncN4N.framer-v-ywb1el.framer-1jqy8wh { height: min-content; max-width: 365px; padding: 36px 24px 36px 24px; width: 310px; }`, `.framer-ncN4N.framer-v-n6bshp .framer-1mftexu, .framer-ncN4N.framer-v-5dviux .framer-1mftexu, .framer-ncN4N.framer-v-11uw65c .framer-1mftexu, .framer-ncN4N.framer-v-1tlau1n .framer-1mftexu, .framer-ncN4N.framer-v-1twv76n .framer-1mftexu, .framer-ncN4N.framer-v-kia55s .framer-1mftexu, .framer-ncN4N.framer-v-zg9e20 .framer-1mftexu, .framer-ncN4N.framer-v-ywb1el .framer-1mftexu { gap: 36px; }`, `.framer-ncN4N.framer-v-n6bshp .framer-pqyajp, .framer-ncN4N.framer-v-5dviux .framer-pqyajp, .framer-ncN4N.framer-v-11uw65c .framer-pqyajp, .framer-ncN4N.framer-v-1tlau1n .framer-pqyajp, .framer-ncN4N.framer-v-1twv76n .framer-pqyajp, .framer-ncN4N.framer-v-kia55s .framer-pqyajp, .framer-ncN4N.framer-v-sdpfgm .framer-pqyajp, .framer-ncN4N.framer-v-zui4se .framer-pqyajp, .framer-ncN4N.framer-v-1vvu6mp .framer-pqyajp, .framer-ncN4N.framer-v-12mtbea .framer-pqyajp, .framer-ncN4N.framer-v-11jsji7 .framer-pqyajp, .framer-ncN4N.framer-v-1tqd5xy .framer-pqyajp, .framer-ncN4N.framer-v-112x2eq .framer-pqyajp { gap: 10px; }`, `.framer-ncN4N.framer-v-n6bshp .framer-1lc7fec, .framer-ncN4N.framer-v-5dviux .framer-1lc7fec, .framer-ncN4N.framer-v-11uw65c .framer-1lc7fec, .framer-ncN4N.framer-v-1tlau1n .framer-1lc7fec { align-content: flex-start; align-items: flex-start; }`, `.framer-ncN4N.framer-v-n6bshp .framer-wgeqxo, .framer-ncN4N.framer-v-5dviux .framer-wgeqxo, .framer-ncN4N.framer-v-11uw65c .framer-wgeqxo, .framer-ncN4N.framer-v-1tlau1n .framer-wgeqxo, .framer-ncN4N.framer-v-1twv76n .framer-wgeqxo, .framer-ncN4N.framer-v-kia55s .framer-wgeqxo, .framer-ncN4N.framer-v-zg9e20 .framer-wgeqxo, .framer-ncN4N.framer-v-ywb1el .framer-wgeqxo { padding: 12px 20px 10px 20px; }`, `.framer-ncN4N.framer-v-n6bshp .framer-rxe6vq, .framer-ncN4N.framer-v-5dviux .framer-rxe6vq, .framer-ncN4N.framer-v-11uw65c .framer-rxe6vq, .framer-ncN4N.framer-v-1tlau1n .framer-rxe6vq, .framer-ncN4N.framer-v-1twv76n .framer-rxe6vq, .framer-ncN4N.framer-v-kia55s .framer-rxe6vq, .framer-ncN4N.framer-v-zg9e20 .framer-rxe6vq, .framer-ncN4N.framer-v-ywb1el .framer-rxe6vq { gap: 8px; }`, `.framer-ncN4N.framer-v-n6bshp .framer-1xu53oi, .framer-ncN4N.framer-v-5dviux .framer-1xu53oi, .framer-ncN4N.framer-v-11uw65c .framer-1xu53oi, .framer-ncN4N.framer-v-1tlau1n .framer-1xu53oi, .framer-ncN4N.framer-v-1twv76n .framer-1xu53oi, .framer-ncN4N.framer-v-kia55s .framer-1xu53oi, .framer-ncN4N.framer-v-sdpfgm .framer-1xu53oi, .framer-ncN4N.framer-v-zui4se .framer-1xu53oi, .framer-ncN4N.framer-v-1vvu6mp .framer-1xu53oi, .framer-ncN4N.framer-v-12mtbea .framer-1xu53oi, .framer-ncN4N.framer-v-11jsji7 .framer-1xu53oi, .framer-ncN4N.framer-v-1tqd5xy .framer-1xu53oi, .framer-ncN4N.framer-v-112x2eq .framer-1xu53oi { gap: 12px; }`, `.framer-ncN4N.framer-v-1twv76n .framer-1lc7fec, .framer-ncN4N.framer-v-kia55s .framer-1lc7fec, .framer-ncN4N.framer-v-zg9e20 .framer-1lc7fec, .framer-ncN4N.framer-v-ywb1el .framer-1lc7fec { align-content: flex-start; align-items: flex-start; height: 57px; }`, `.framer-ncN4N.framer-v-zg9e20 .framer-pqyajp, .framer-ncN4N.framer-v-ywb1el .framer-pqyajp, .framer-ncN4N.framer-v-163uafg .framer-pqyajp { gap: 10px; order: 0; }`, `.framer-ncN4N.framer-v-zg9e20 .framer-1xu53oi, .framer-ncN4N.framer-v-ywb1el .framer-1xu53oi, .framer-ncN4N.framer-v-163uafg .framer-1xu53oi { gap: 12px; order: 1; }`, `.framer-ncN4N.framer-v-sdpfgm.framer-1jqy8wh { align-content: center; align-items: center; height: min-content; padding: 36px 24px 36px 24px; width: 260px; }`, `.framer-ncN4N.framer-v-sdpfgm .framer-1mftexu, .framer-ncN4N.framer-v-163uafg .framer-1mftexu, .framer-ncN4N.framer-v-zui4se .framer-1mftexu, .framer-ncN4N.framer-v-1vvu6mp .framer-1mftexu, .framer-ncN4N.framer-v-12mtbea .framer-1mftexu, .framer-ncN4N.framer-v-11jsji7 .framer-1mftexu, .framer-ncN4N.framer-v-1tqd5xy .framer-1mftexu, .framer-ncN4N.framer-v-112x2eq .framer-1mftexu { gap: 28px; }`, `.framer-ncN4N.framer-v-sdpfgm .framer-1lc7fec, .framer-ncN4N.framer-v-163uafg .framer-1lc7fec, .framer-ncN4N.framer-v-zui4se .framer-1lc7fec, .framer-ncN4N.framer-v-1vvu6mp .framer-1lc7fec, .framer-ncN4N.framer-v-12mtbea .framer-1lc7fec, .framer-ncN4N.framer-v-11jsji7 .framer-1lc7fec, .framer-ncN4N.framer-v-1tqd5xy .framer-1lc7fec, .framer-ncN4N.framer-v-112x2eq .framer-1lc7fec { align-content: flex-start; align-items: flex-start; flex-direction: column; gap: 8px; justify-content: flex-start; }`, `.framer-ncN4N.framer-v-sdpfgm .framer-wgeqxo, .framer-ncN4N.framer-v-163uafg .framer-wgeqxo, .framer-ncN4N.framer-v-zui4se .framer-wgeqxo, .framer-ncN4N.framer-v-1vvu6mp .framer-wgeqxo, .framer-ncN4N.framer-v-12mtbea .framer-wgeqxo, .framer-ncN4N.framer-v-11jsji7 .framer-wgeqxo, .framer-ncN4N.framer-v-1tqd5xy .framer-wgeqxo, .framer-ncN4N.framer-v-112x2eq .framer-wgeqxo { padding: 8px 12px 8px 12px; width: 100%; }`, `.framer-ncN4N.framer-v-sdpfgm .framer-152xaf6, .framer-ncN4N.framer-v-163uafg .framer-152xaf6, .framer-ncN4N.framer-v-zui4se .framer-152xaf6, .framer-ncN4N.framer-v-1vvu6mp .framer-152xaf6, .framer-ncN4N.framer-v-12mtbea .framer-152xaf6, .framer-ncN4N.framer-v-11jsji7 .framer-152xaf6, .framer-ncN4N.framer-v-1tqd5xy .framer-152xaf6, .framer-ncN4N.framer-v-112x2eq .framer-152xaf6 { flex: 1 0 0px; white-space: pre-wrap; width: 1px; word-break: break-word; word-wrap: break-word; }`, `.framer-ncN4N.framer-v-sdpfgm .framer-rxe6vq, .framer-ncN4N.framer-v-163uafg .framer-rxe6vq, .framer-ncN4N.framer-v-zui4se .framer-rxe6vq, .framer-ncN4N.framer-v-1vvu6mp .framer-rxe6vq, .framer-ncN4N.framer-v-12mtbea .framer-rxe6vq, .framer-ncN4N.framer-v-11jsji7 .framer-rxe6vq, .framer-ncN4N.framer-v-1tqd5xy .framer-rxe6vq, .framer-ncN4N.framer-v-112x2eq .framer-rxe6vq { flex-direction: column; gap: 12px; }`, `.framer-ncN4N.framer-v-sdpfgm .framer-1r1iq97-container, .framer-ncN4N.framer-v-sdpfgm .framer-jzwox8-container, .framer-ncN4N.framer-v-163uafg .framer-1r1iq97-container, .framer-ncN4N.framer-v-163uafg .framer-jzwox8-container, .framer-ncN4N.framer-v-zui4se .framer-1r1iq97-container, .framer-ncN4N.framer-v-zui4se .framer-jzwox8-container, .framer-ncN4N.framer-v-1vvu6mp .framer-1r1iq97-container, .framer-ncN4N.framer-v-1vvu6mp .framer-jzwox8-container, .framer-ncN4N.framer-v-12mtbea .framer-1r1iq97-container, .framer-ncN4N.framer-v-12mtbea .framer-jzwox8-container, .framer-ncN4N.framer-v-11jsji7 .framer-1r1iq97-container, .framer-ncN4N.framer-v-11jsji7 .framer-jzwox8-container, .framer-ncN4N.framer-v-1tqd5xy .framer-1r1iq97-container, .framer-ncN4N.framer-v-1tqd5xy .framer-jzwox8-container, .framer-ncN4N.framer-v-112x2eq .framer-1r1iq97-container, .framer-ncN4N.framer-v-112x2eq .framer-jzwox8-container { flex: none; width: 100%; }`, `.framer-ncN4N.framer-v-163uafg.framer-1jqy8wh, .framer-ncN4N.framer-v-zui4se.framer-1jqy8wh, .framer-ncN4N.framer-v-1vvu6mp.framer-1jqy8wh, .framer-ncN4N.framer-v-12mtbea.framer-1jqy8wh, .framer-ncN4N.framer-v-11jsji7.framer-1jqy8wh, .framer-ncN4N.framer-v-1tqd5xy.framer-1jqy8wh, .framer-ncN4N.framer-v-112x2eq.framer-1jqy8wh { align-content: center; align-items: center; height: min-content; padding: 36px 24px 36px 24px; width: 227px; }`, `.framer-ncN4N.framer-v-1tqd5xy .framer-f4x985 { height: var(--framer-aspect-ratio-supported, 305px); left: -92px; top: -74px; width: 134%; }`, `.framer-ncN4N.framer-v-112x2eq .framer-f4x985 { height: var(--framer-aspect-ratio-supported, 305px); left: -74px; top: -92px; width: 134%; }`, `.framer-ncN4N[data-border="true"]::after, .framer-ncN4N [data-border="true"]::after { content: ""; border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0); border-color: var(--border-color, none); border-style: var(--border-style, none); width: 100%; height: 100%; position: absolute; box-sizing: border-box; left: 0; top: 0; border-radius: inherit; pointer-events: none; }` ]), (FramerSCtOV4sWg = withCSS(Component$5, css$6, `framer-ncN4N`)), (FramerSCtOV4sWg.displayName = `Pricing card`), (FramerSCtOV4sWg.defaultProps = { height: 604, width: 430 }), addPropertyControls(FramerSCtOV4sWg, { variant: { options: `vYxQTrOaj.J5Lqxjhrz.b1_ei1C67.uW2mSJc9z.QH3qe6YTw.Yax_kRTWC.wex2yj6h3.kDVaaGmja.YLUsu29Q1.ic81LBqKm.vXGZl6D5A.p4CWEqINF.F7cQrFNJQ.yWRXT545y.LK4jVRwLF.SEcUT7ElY.hw0OcMtb5.KbyQstwXG.YTw4HBlme.sDAnKSO3T.gPUgnnYbM.wuYOV60Jg.zUFksS44b.QZlq5Xinv.dgqfWUclv.glHw2VR84`.split( `.` ), optionTitles: `Desktop | Basic | One video | USD.Desktop | Basic | per month | USD.Desktop | Basic | One video | INR.Desktop | Basic | per month | INR.Desktop | Premium | USD.Desktop | Premium | INR.Desktop | Ultimate | USD 2nd varient.Desktop | Ultimate | INR 2nd varient.Desktop | Ultimate | USD.Desktop | Ultimate | INR.Laptop | Basic | One video | USD.Laptop | Basic | per month | USD.Laptop | Basic | per month | INR.Laptop | Basic | One video | INR.Laptop | Premium | USD.Laptop | Premium | INR.Laptop | Ultimate | USD.Laptop | Ultimate | INR.Small | Basic | One video | USD.Small | Basic | per month | USD.Small | Basic | One video | INR.Small | Basic | per month | INR.Small | Premium | USD.Small | Premium | INR.Small | Ultimate | USD.Small | Ultimate | INR`.split( `.` ), title: `Variant`, type: ControlType.Enum } }), addFonts( FramerSCtOV4sWg, [ { explicitInter: !0, fonts: [ { family: `Satoshi`, source: `fontshare`, style: `normal`, url: `https://framerusercontent.com/third-party-assets/fontshare/wf/LAFFD4SDUCDVQEXFPDC7C53EQ4ZELWQI/PXCT3G6LO6ICM5I3NTYENYPWJAECAWDD/GHM6WVH6MILNYOOCXHXB5GTSGNTMGXZR.woff2`, weight: `700` }, { family: `Satoshi`, source: `fontshare`, style: `normal`, url: `https://framerusercontent.com/third-party-assets/fontshare/wf/P2LQKHE6KA6ZP4AAGN72KDWMHH6ZH3TA/ZC32TK2P7FPS5GFTL46EU6KQJA24ZYDB/7AHDUZ4A7LFLVFUIFSARGIWCRQJHISQP.woff2`, weight: `500` } ] }, ...AdvancedNumberCounterFonts, ...PricingPrimaryButtonFonts, ...PricingSecondaryButtonFonts, ...ElementsFeatureFonts ], { supportsExplicitInterCodegen: !0 } ); }); function addPropertyOverrides$3(overrides, ...variants) { let nextOverrides = {}; return variants?.forEach((variant) => variant && Object.assign(nextOverrides, overrides[variant])), nextOverrides; } var cycleOrder$3, serializationHash$4, variantClassNames$4, transition1$4, Transition$3, Variants$3, humanReadableVariantMap$4, getProps$4, createLayoutDependency$3, Component$4, css$5, Framertv4CjiL17, init_tv4CjiL17 = __esmMin(() => { init_jsx_runtime(), init_framer_JYARJRD7(), init_framer_motion_5EXT2AMG(), init_npm_react_18_2(), (cycleOrder$3 = [`zn94oTRkl`, `TpmONn2Kc`]), (serializationHash$4 = `framer-YfK5P`), (variantClassNames$4 = { TpmONn2Kc: `framer-v-1pgdxnv`, zn94oTRkl: `framer-v-1wxnxyx` }), (transition1$4 = { damping: 60, delay: 0, mass: 1, stiffness: 320, type: `spring` }), (Transition$3 = ({ value, children }) => { let config = re$1(MotionConfigContext), transition = value ?? config.transition, contextValue = se(() => ({ ...config, transition }), [JSON.stringify(transition)]); return p(MotionConfigContext.Provider, { value: contextValue, children }); }), (Variants$3 = motion(x)), (humanReadableVariantMap$4 = { Off: `zn94oTRkl`, On: `TpmONn2Kc` }), (getProps$4 = ({ height, id, tap, width, ...props }) => { var _humanReadableVariantMap_props_variant, _ref; return { ...props, variant: (_ref = (_humanReadableVariantMap_props_variant = humanReadableVariantMap$4[props.variant]) ?? props.variant) ?? `zn94oTRkl`, zr55eR7Qu: tap ?? props.zr55eR7Qu }; }), (createLayoutDependency$3 = (props, variants) => variants.join(`-`) + props.layoutDependency), (Component$4 = Y(function (props, ref) { let { activeLocale, setLocale } = useLocaleInfo(), { style, className: className$3, layoutId, variant, zr55eR7Qu, ...restProps } = getProps$4(props), { baseVariant, classNames, gestureVariant, setGestureState, setVariant, variants } = useVariantState({ cycleOrder: cycleOrder$3, defaultVariant: `zn94oTRkl`, variant, variantClassNames: variantClassNames$4 }), layoutDependency = createLayoutDependency$3(props, variants), { activeVariantCallback, delay } = useActiveVariantCallback(baseVariant), onTap409ij0 = activeVariantCallback(async (...args) => { if ((setGestureState({ isPressed: !1 }), zr55eR7Qu)) { let res = await zr55eR7Qu(...args); if (res === !1) return !1; } setVariant(`TpmONn2Kc`); }), onTap196ysqt = activeVariantCallback(async (...args) => { if ((setGestureState({ isPressed: !1 }), zr55eR7Qu)) { let res = await zr55eR7Qu(...args); if (res === !1) return !1; } setVariant(`zn94oTRkl`); }), ref1 = pe(null), defaultLayoutId = ae$1(), sharedStyleClassNames = []; return ( useComponentViewport(), p(LayoutGroup, { id: layoutId ?? defaultLayoutId, children: p(Variants$3, { animate: variants, initial: !1, children: p(Transition$3, { value: transition1$4, children: p(motion.div, { ...restProps, className: cx( serializationHash$4, ...sharedStyleClassNames, `framer-1wxnxyx`, className$3, classNames ), "data-framer-name": `Off`, "data-highlight": !0, layoutDependency, layoutId: `zn94oTRkl`, onHoverEnd: () => setGestureState({ isHovered: !1 }), onHoverStart: () => setGestureState({ isHovered: !0 }), onTap: onTap409ij0, onTapCancel: () => setGestureState({ isPressed: !1 }), onTapStart: () => setGestureState({ isPressed: !0 }), ref: ref ?? ref1, style: { backgroundColor: `var(--token-cddd8839-50cd-4074-8da8-8850d0d377b4, rgba(255, 255, 255, 0.1))`, borderBottomLeftRadius: 999, borderBottomRightRadius: 999, borderTopLeftRadius: 999, borderTopRightRadius: 999, ...style }, variants: { TpmONn2Kc: { backgroundColor: `var(--token-181c343f-eac3-43c0-b453-adf6d1c0605d, rgb(98, 20, 217))` } }, ...addPropertyOverrides$3( { TpmONn2Kc: { "data-framer-name": `On`, onTap: onTap196ysqt } }, baseVariant, gestureVariant ), children: p(motion.div, { className: `framer-125mz7s`, layoutDependency, layoutId: `OG7Rd_Gmq`, style: { background: `linear-gradient(180deg, rgb(242, 242, 242) 0%, rgb(232, 232, 232) 100%)`, borderBottomLeftRadius: 999, borderBottomRightRadius: 999, borderTopLeftRadius: 999, borderTopRightRadius: 999 } }) }) }) }) }) ); })), (css$5 = [ `@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }`, `.framer-YfK5P.framer-agk9u8, .framer-YfK5P .framer-agk9u8 { display: block; }`, `.framer-YfK5P.framer-1wxnxyx { cursor: pointer; height: 28px; overflow: hidden; position: relative; width: 60px; will-change: var(--framer-will-change-override, transform); }`, `.framer-YfK5P .framer-125mz7s { flex: none; height: 20px; left: 4px; overflow: hidden; position: absolute; top: calc(50.00000000000002% - 20px / 2); width: 20px; will-change: var(--framer-will-change-override, transform); }`, `.framer-YfK5P.framer-v-1pgdxnv .framer-125mz7s { left: unset; right: 4px; }` ]), (Framertv4CjiL17 = withCSS(Component$4, css$5, `framer-YfK5P`)), (Framertv4CjiL17.displayName = `Elements/Toggle`), (Framertv4CjiL17.defaultProps = { height: 28, width: 60 }), addPropertyControls(Framertv4CjiL17, { variant: { options: [`zn94oTRkl`, `TpmONn2Kc`], optionTitles: [`Off`, `On`], title: `Variant`, type: ControlType.Enum }, zr55eR7Qu: { title: `Tap`, type: ControlType.EventHandler } }), addFonts(Framertv4CjiL17, [{ explicitInter: !0, fonts: [] }], { supportsExplicitInterCodegen: !0 }); }); function addPropertyOverrides$2(overrides, ...variants) { let nextOverrides = {}; return variants?.forEach((variant) => variant && Object.assign(nextOverrides, overrides[variant])), nextOverrides; } var ElementsToggleFonts, ElementsBadgeFonts$1, PricingCardFonts, cycleOrder$2, serializationHash$3, variantClassNames$3, transition1$3, transition2$1, animation$1, Transition$2, Variants$2, humanReadableVariantMap$3, getProps$3, createLayoutDependency$2, Component$3, css$4, FramerlV7ptpHxX, init_lV7ptpHxX = __esmMin(() => { init_jsx_runtime(), init_framer_JYARJRD7(), init_framer_motion_5EXT2AMG(), init_npm_react_18_2(), init_F5zSwZv4k(), init_SCtOV4sWg(), init_tv4CjiL17(), (ElementsToggleFonts = getFonts(Framertv4CjiL17)), (ElementsBadgeFonts$1 = getFonts(FramerF5zSwZv4k)), (PricingCardFonts = getFonts(FramerSCtOV4sWg)), (cycleOrder$2 = [ `Ee8ae63wM`, `g2jNVPJo3`, `NvVoQnQ6s`, `YfD3W_t1Z`, `Fe0vekqIg`, `bnUk8yKoG`, `VBqTND3Mt`, `K55L9jR0E` ]), (serializationHash$3 = `framer-2OwHb`), (variantClassNames$3 = { bnUk8yKoG: `framer-v-sy1hz5`, Ee8ae63wM: `framer-v-1uly9ux`, Fe0vekqIg: `framer-v-1wnwpxj`, g2jNVPJo3: `framer-v-6ds97t`, K55L9jR0E: `framer-v-79nn27`, NvVoQnQ6s: `framer-v-1by7dc5`, VBqTND3Mt: `framer-v-1w1npie`, YfD3W_t1Z: `framer-v-q4vd7p` }), (transition1$3 = { bounce: 0.2, delay: 0, duration: 0.4, type: `spring` }), (transition2$1 = { bounce: 0.25, delay: 0, duration: 0.45, type: `spring` }), (animation$1 = { opacity: 1, rotate: 0, rotateX: 0, rotateY: 0, scale: 1.05, skewX: 0, skewY: 0, transition: transition2$1 }), (Transition$2 = ({ value, children }) => { let config = re$1(MotionConfigContext), transition = value ?? config.transition, contextValue = se(() => ({ ...config, transition }), [JSON.stringify(transition)]); return p(MotionConfigContext.Provider, { value: contextValue, children }); }), (Variants$2 = motion.create(x)), (humanReadableVariantMap$3 = { "Desktop | INR": `g2jNVPJo3`, "Desktop | USD": `Ee8ae63wM`, "Laptop | INR": `YfD3W_t1Z`, "Laptop | USD": `NvVoQnQ6s`, "Mobile | INR": `K55L9jR0E`, "Mobile | USD": `VBqTND3Mt`, "Tablet | INR": `bnUk8yKoG`, "Tablet | USD": `Fe0vekqIg` }), (getProps$3 = ({ height, id, width, ...props }) => ({ ...props, variant: humanReadableVariantMap$3[props.variant] ?? props.variant ?? `Ee8ae63wM` })), (createLayoutDependency$2 = (props, variants) => props.layoutDependency ? variants.join(`-`) + props.layoutDependency : variants.join(`-`)), (Component$3 = Y(function (props, ref) { let fallbackRef = pe(null), refBinding = ref ?? fallbackRef, defaultLayoutId = ae$1(), { activeLocale, setLocale } = useLocaleInfo(), componentViewport = useComponentViewport(), { style, className: className$3, layoutId, variant, ...restProps } = getProps$3(props), { baseVariant, classNames, clearLoadingGesture, gestureHandlers, gestureVariant, isLoading, setGestureState, setVariant, variants } = useVariantState({ cycleOrder: cycleOrder$2, defaultVariant: `Ee8ae63wM`, ref: refBinding, variant, variantClassNames: variantClassNames$3 }), layoutDependency = createLayoutDependency$2(props, variants), { activeVariantCallback, delay } = useActiveVariantCallback(baseVariant), zr55eR7Qua0mmi8 = activeVariantCallback(async (...args) => { setVariant(`g2jNVPJo3`); }), zr55eR7Qu1rtghgv = activeVariantCallback(async (...args) => { setVariant(`Ee8ae63wM`); }), zr55eR7Quxi07u0 = activeVariantCallback(async (...args) => { setVariant(`YfD3W_t1Z`); }), zr55eR7Qu1u4dc3u = activeVariantCallback(async (...args) => { setVariant(`NvVoQnQ6s`); }), zr55eR7Qu1lyax8b = activeVariantCallback(async (...args) => { setVariant(`bnUk8yKoG`); }), zr55eR7Quk8uqpg = activeVariantCallback(async (...args) => { setVariant(`Fe0vekqIg`); }), zr55eR7Qu1wqgrks = activeVariantCallback(async (...args) => { setVariant(`K55L9jR0E`); }), zr55eR7Qu1e7p6mo = activeVariantCallback(async (...args) => { setVariant(`VBqTND3Mt`); }), sharedStyleClassNames = [], scopingClassNames = cx(serializationHash$3, ...sharedStyleClassNames); return p(LayoutGroup, { id: layoutId ?? defaultLayoutId, children: p(Variants$2, { animate: variants, initial: !1, children: p(Transition$2, { value: transition1$3, children: u(motion.div, { ...restProps, ...gestureHandlers, className: cx(scopingClassNames, `framer-1uly9ux`, className$3, classNames), "data-framer-name": `Desktop | USD`, layoutDependency, layoutId: `Ee8ae63wM`, ref: refBinding, style: { ...style }, ...addPropertyOverrides$2( { bnUk8yKoG: { "data-framer-name": `Tablet | INR` }, Fe0vekqIg: { "data-framer-name": `Tablet | USD` }, g2jNVPJo3: { "data-framer-name": `Desktop | INR` }, K55L9jR0E: { "data-framer-name": `Mobile | INR` }, NvVoQnQ6s: { "data-framer-name": `Laptop | USD` }, VBqTND3Mt: { "data-framer-name": `Mobile | USD` }, YfD3W_t1Z: { "data-framer-name": `Laptop | INR` } }, baseVariant, gestureVariant ), children: [ u(motion.div, { className: `framer-1jvv303`, "data-border": !0, "data-framer-name": `currency toggle`, layoutDependency, layoutId: `QcrIRsxsc`, style: { "--border-bottom-width": `1px`, "--border-color": `var(--token-cddd8839-50cd-4074-8da8-8850d0d377b4, rgba(255, 255, 255, 0.1))`, "--border-left-width": `1px`, "--border-right-width": `1px`, "--border-style": `solid`, "--border-top-width": `1px`, backdropFilter: `blur(10px)`, backgroundColor: `rgba(13, 13, 13, 0.5)`, borderBottomLeftRadius: 999, borderBottomRightRadius: 999, borderTopLeftRadius: 999, borderTopRightRadius: 999, WebkitBackdropFilter: `blur(10px)` }, children: [ p(ComponentViewportProvider, { height: 28, width: `60px`, y: (componentViewport?.y || 0) + 4 + 0 + 18, children: p(SmartComponentScopedContainer, { className: `framer-1yfboij-container`, layoutDependency, layoutId: `hr6JzXejw-container`, nodeId: `hr6JzXejw`, rendersWithMotion: !0, scopeId: `lV7ptpHxX`, children: p(Framertv4CjiL17, { height: `100%`, id: `hr6JzXejw`, layoutId: `hr6JzXejw`, style: { height: `100%`, width: `100%` }, variant: `zn94oTRkl`, width: `100%`, zr55eR7Qu: zr55eR7Qua0mmi8, ...addPropertyOverrides$2( { bnUk8yKoG: { zr55eR7Qu: zr55eR7Quk8uqpg }, Fe0vekqIg: { zr55eR7Qu: zr55eR7Qu1lyax8b }, g2jNVPJo3: { zr55eR7Qu: zr55eR7Qu1rtghgv }, K55L9jR0E: { zr55eR7Qu: zr55eR7Qu1e7p6mo }, NvVoQnQ6s: { zr55eR7Qu: zr55eR7Quxi07u0 }, VBqTND3Mt: { zr55eR7Qu: zr55eR7Qu1wqgrks }, YfD3W_t1Z: { zr55eR7Qu: zr55eR7Qu1u4dc3u } }, baseVariant, gestureVariant ) }) }) }), p(motion.div, { className: `framer-1ys148i`, "data-framer-name": `Title`, layoutDependency, layoutId: `fDR6i_olj`, children: p(RichText, { __fromCanvasComponent: !0, children: p(x, { children: p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `18px`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.05em`, "--framer-text-color": `var(--extracted-r6o4lv, var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250)))` }, children: `CHANGE CURRENCY` }) }), className: `framer-edr25l`, fonts: [`FS;Satoshi-medium`], layoutDependency, layoutId: `dCk8gAi9f`, style: { "--extracted-r6o4lv": `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))`, "--framer-link-text-color": `rgb(0, 153, 255)`, "--framer-link-text-decoration": `underline` }, verticalAlignment: `top`, withExternalLayout: !0, ...addPropertyOverrides$2( { K55L9jR0E: { children: p(x, { children: p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `18px`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.05em`, "--framer-text-color": `var(--extracted-r6o4lv, var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250)))` }, children: `CURRENCY` }) }) }, VBqTND3Mt: { children: p(x, { children: p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `18px`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.05em`, "--framer-text-color": `var(--extracted-r6o4lv, var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250)))` }, children: `CURRENCY` }) }) } }, baseVariant, gestureVariant ) }) }), p(ComponentViewportProvider, { height: 40, y: (componentViewport?.y || 0) + 4 + 0 + 12, children: p(SmartComponentScopedContainer, { className: `framer-1x30rf2-container`, layoutDependency, layoutId: `MLlt6ep5L-container`, nodeId: `MLlt6ep5L`, rendersWithMotion: !0, scopeId: `lV7ptpHxX`, children: p(FramerF5zSwZv4k, { crA6wBj3k: !1, dI2V912ba: `rgba(13, 13, 13, 0.5)`, gpaDS0xo1: `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))`, height: `100%`, id: `MLlt6ep5L`, kdP_WncMn: !1, layoutId: `MLlt6ep5L`, nQWOpC8zj: 8, variant: `DW9fRBOfw`, width: `100%`, YbsaeEF4R: `USD`, ...addPropertyOverrides$2( { bnUk8yKoG: { dI2V912ba: `var(--token-181c343f-eac3-43c0-b453-adf6d1c0605d, rgb(174, 148, 255))`, YbsaeEF4R: `INR` }, g2jNVPJo3: { dI2V912ba: `var(--token-181c343f-eac3-43c0-b453-adf6d1c0605d, rgb(174, 148, 255))`, YbsaeEF4R: `INR` }, K55L9jR0E: { dI2V912ba: `var(--token-181c343f-eac3-43c0-b453-adf6d1c0605d, rgb(174, 148, 255))`, YbsaeEF4R: `INR` }, YfD3W_t1Z: { dI2V912ba: `var(--token-181c343f-eac3-43c0-b453-adf6d1c0605d, rgb(174, 148, 255))`, YbsaeEF4R: `INR` } }, baseVariant, gestureVariant ) }) }) }) ] }), u(motion.div, { className: `framer-1cephrk`, layoutDependency, layoutId: `F8I9FXGEx`, children: [ p(ComponentViewportProvider, { height: 604, y: (componentViewport?.y || 0) + 4 + 112 + 0, ...addPropertyOverrides$2( { bnUk8yKoG: { width: `max((${componentViewport?.width || `100vw`} - 64px) / 3, 1px)` }, Fe0vekqIg: { width: `max((${componentViewport?.width || `100vw`} - 64px) / 3, 1px)` }, K55L9jR0E: { width: `calc(${componentViewport?.width || `100vw`} - 32px)`, y: (componentViewport?.y || 0) + 4 + 100 + 0 + 0 }, NvVoQnQ6s: { width: `max((${componentViewport?.width || `100vw`} - 80px) / 3, 1px)` }, VBqTND3Mt: { width: `calc(${componentViewport?.width || `100vw`} - 32px)`, y: (componentViewport?.y || 0) + 4 + 100 + 0 + 0 }, YfD3W_t1Z: { width: `max((${componentViewport?.width || `100vw`} - 80px) / 3, 1px)` } }, baseVariant, gestureVariant ), children: p(SmartComponentScopedContainer, { className: `framer-u41maq-container`, layoutDependency, layoutId: `RqtrhsuC2-container`, nodeId: `RqtrhsuC2`, rendersWithMotion: !0, scopeId: `lV7ptpHxX`, whileHover: animation$1, ...addPropertyOverrides$2( { K55L9jR0E: { whileHover: void 0 }, VBqTND3Mt: { whileHover: void 0 } }, baseVariant, gestureVariant ), children: p(FramerSCtOV4sWg, { height: `100%`, id: `RqtrhsuC2`, layoutId: `RqtrhsuC2`, variant: `vYxQTrOaj`, width: `100%`, ...addPropertyOverrides$2( { bnUk8yKoG: { style: { width: `100%` }, variant: `gPUgnnYbM` }, Fe0vekqIg: { style: { width: `100%` }, variant: `YTw4HBlme` }, g2jNVPJo3: { variant: `b1_ei1C67` }, K55L9jR0E: { style: { width: `100%` }, variant: `gPUgnnYbM` }, NvVoQnQ6s: { style: { width: `100%` }, variant: `vXGZl6D5A` }, VBqTND3Mt: { style: { width: `100%` }, variant: `YTw4HBlme` }, YfD3W_t1Z: { style: { width: `100%` }, variant: `yWRXT545y` } }, baseVariant, gestureVariant ) }) }) }), p(ComponentViewportProvider, { height: 604, y: (componentViewport?.y || 0) + 4 + 112 + 0, ...addPropertyOverrides$2( { bnUk8yKoG: { width: `max((${componentViewport?.width || `100vw`} - 64px) / 3, 1px)` }, Fe0vekqIg: { width: `max((${componentViewport?.width || `100vw`} - 64px) / 3, 1px)` }, K55L9jR0E: { width: `calc(${componentViewport?.width || `100vw`} - 32px)`, y: (componentViewport?.y || 0) + 4 + 100 + 0 + 620 }, NvVoQnQ6s: { width: `max((${componentViewport?.width || `100vw`} - 80px) / 3, 1px)` }, VBqTND3Mt: { width: `calc(${componentViewport?.width || `100vw`} - 32px)`, y: (componentViewport?.y || 0) + 4 + 100 + 0 + 620 }, YfD3W_t1Z: { width: `max((${componentViewport?.width || `100vw`} - 80px) / 3, 1px)` } }, baseVariant, gestureVariant ), children: p(SmartComponentScopedContainer, { className: `framer-zdyysl-container`, layoutDependency, layoutId: `gJCrpjOzY-container`, nodeId: `gJCrpjOzY`, rendersWithMotion: !0, scopeId: `lV7ptpHxX`, whileHover: animation$1, ...addPropertyOverrides$2( { K55L9jR0E: { whileHover: void 0 }, VBqTND3Mt: { whileHover: void 0 } }, baseVariant, gestureVariant ), children: p(FramerSCtOV4sWg, { height: `100%`, id: `gJCrpjOzY`, layoutId: `gJCrpjOzY`, variant: `QH3qe6YTw`, width: `100%`, ...addPropertyOverrides$2( { bnUk8yKoG: { style: { width: `100%` }, variant: `QZlq5Xinv` }, Fe0vekqIg: { style: { width: `100%` }, variant: `zUFksS44b` }, g2jNVPJo3: { variant: `Yax_kRTWC` }, K55L9jR0E: { style: { width: `100%` }, variant: `QZlq5Xinv` }, NvVoQnQ6s: { style: { width: `100%` }, variant: `LK4jVRwLF` }, VBqTND3Mt: { style: { width: `100%` }, variant: `zUFksS44b` }, YfD3W_t1Z: { style: { width: `100%` }, variant: `SEcUT7ElY` } }, baseVariant, gestureVariant ) }) }) }), p(ComponentViewportProvider, { height: 604, y: (componentViewport?.y || 0) + 4 + 112 + 0, ...addPropertyOverrides$2( { bnUk8yKoG: { width: `max((${componentViewport?.width || `100vw`} - 64px) / 3, 1px)` }, Fe0vekqIg: { width: `max((${componentViewport?.width || `100vw`} - 64px) / 3, 1px)` }, K55L9jR0E: { width: `calc(${componentViewport?.width || `100vw`} - 32px)`, y: (componentViewport?.y || 0) + 4 + 100 + 0 + 1240 }, NvVoQnQ6s: { width: `max((${componentViewport?.width || `100vw`} - 80px) / 3, 1px)` }, VBqTND3Mt: { width: `calc(${componentViewport?.width || `100vw`} - 32px)`, y: (componentViewport?.y || 0) + 4 + 100 + 0 + 1240 }, YfD3W_t1Z: { width: `max((${componentViewport?.width || `100vw`} - 80px) / 3, 1px)` } }, baseVariant, gestureVariant ), children: p(SmartComponentScopedContainer, { className: `framer-1t92rdp-container`, layoutDependency, layoutId: `Z3l6bQc4o-container`, nodeId: `Z3l6bQc4o`, rendersWithMotion: !0, scopeId: `lV7ptpHxX`, whileHover: animation$1, ...addPropertyOverrides$2( { K55L9jR0E: { whileHover: void 0 }, VBqTND3Mt: { whileHover: void 0 } }, baseVariant, gestureVariant ), children: p(FramerSCtOV4sWg, { height: `100%`, id: `Z3l6bQc4o`, layoutId: `Z3l6bQc4o`, variant: `YLUsu29Q1`, width: `100%`, ...addPropertyOverrides$2( { bnUk8yKoG: { style: { width: `100%` }, variant: `glHw2VR84` }, Fe0vekqIg: { style: { width: `100%` }, variant: `dgqfWUclv` }, g2jNVPJo3: { variant: `ic81LBqKm` }, K55L9jR0E: { style: { width: `100%` }, variant: `glHw2VR84` }, NvVoQnQ6s: { style: { width: `100%` }, variant: `hw0OcMtb5` }, VBqTND3Mt: { style: { width: `100%` }, variant: `dgqfWUclv` }, YfD3W_t1Z: { style: { width: `100%` }, variant: `KbyQstwXG` } }, baseVariant, gestureVariant ) }) }) }) ] }) ] }) }) }) }); })), (css$4 = [ `@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }`, `.framer-2OwHb.framer-i27fni, .framer-2OwHb .framer-i27fni { display: block; }`, `.framer-2OwHb.framer-1uly9ux { align-content: center; align-items: center; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 48px; height: min-content; justify-content: flex-start; overflow: visible; padding: 4px 0px 36px 0px; position: relative; width: 1440px; }`, `.framer-2OwHb .framer-1jvv303 { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; height: min-content; justify-content: space-between; overflow: hidden; padding: 12px 24px 12px 24px; position: relative; width: 386px; will-change: var(--framer-will-change-override, transform); }`, `.framer-2OwHb .framer-1yfboij-container { flex: none; height: 28px; position: relative; width: 60px; }`, `.framer-2OwHb .framer-1ys148i { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 8px; height: min-content; justify-content: center; overflow: visible; padding: 0px; position: relative; width: min-content; }`, `.framer-2OwHb .framer-edr25l { flex: none; height: auto; position: relative; white-space: pre; width: auto; }`, `.framer-2OwHb .framer-1x30rf2-container { flex: none; height: auto; position: relative; width: auto; }`, `.framer-2OwHb .framer-1cephrk { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 16px; height: min-content; justify-content: center; overflow: visible; padding: 0px; position: relative; width: 100%; }`, `.framer-2OwHb .framer-u41maq-container, .framer-2OwHb .framer-zdyysl-container, .framer-2OwHb .framer-1t92rdp-container { flex: none; height: auto; position: relative; width: auto; will-change: var(--framer-will-change-effect-override, transform); }`, `.framer-2OwHb.framer-v-1by7dc5.framer-1uly9ux, .framer-2OwHb.framer-v-q4vd7p.framer-1uly9ux { padding: 4px 24px 36px 24px; width: 1080px; }`, `.framer-2OwHb.framer-v-1by7dc5 .framer-1cephrk, .framer-2OwHb.framer-v-q4vd7p .framer-1cephrk, .framer-2OwHb.framer-v-1wnwpxj .framer-1cephrk, .framer-2OwHb.framer-v-sy1hz5 .framer-1cephrk { align-content: flex-start; align-items: flex-start; }`, `.framer-2OwHb.framer-v-1by7dc5 .framer-u41maq-container, .framer-2OwHb.framer-v-1by7dc5 .framer-zdyysl-container, .framer-2OwHb.framer-v-1by7dc5 .framer-1t92rdp-container, .framer-2OwHb.framer-v-q4vd7p .framer-u41maq-container, .framer-2OwHb.framer-v-q4vd7p .framer-zdyysl-container, .framer-2OwHb.framer-v-q4vd7p .framer-1t92rdp-container, .framer-2OwHb.framer-v-1wnwpxj .framer-u41maq-container, .framer-2OwHb.framer-v-1wnwpxj .framer-zdyysl-container, .framer-2OwHb.framer-v-1wnwpxj .framer-1t92rdp-container, .framer-2OwHb.framer-v-sy1hz5 .framer-u41maq-container, .framer-2OwHb.framer-v-sy1hz5 .framer-zdyysl-container, .framer-2OwHb.framer-v-sy1hz5 .framer-1t92rdp-container { flex: 1 0 0px; width: 1px; }`, `.framer-2OwHb.framer-v-1wnwpxj.framer-1uly9ux, .framer-2OwHb.framer-v-sy1hz5.framer-1uly9ux { padding: 4px 16px 36px 16px; width: 746px; }`, `.framer-2OwHb.framer-v-1w1npie.framer-1uly9ux, .framer-2OwHb.framer-v-79nn27.framer-1uly9ux { gap: 36px; padding: 4px 16px 36px 16px; width: 393px; }`, `.framer-2OwHb.framer-v-1w1npie .framer-1jvv303, .framer-2OwHb.framer-v-79nn27 .framer-1jvv303 { width: 100%; }`, `.framer-2OwHb.framer-v-1w1npie .framer-1cephrk, .framer-2OwHb.framer-v-79nn27 .framer-1cephrk { flex-direction: column; }`, `.framer-2OwHb.framer-v-1w1npie .framer-u41maq-container, .framer-2OwHb.framer-v-1w1npie .framer-zdyysl-container, .framer-2OwHb.framer-v-1w1npie .framer-1t92rdp-container, .framer-2OwHb.framer-v-79nn27 .framer-u41maq-container, .framer-2OwHb.framer-v-79nn27 .framer-zdyysl-container, .framer-2OwHb.framer-v-79nn27 .framer-1t92rdp-container { width: 100%; will-change: unset; }`, `.framer-2OwHb[data-border="true"]::after, .framer-2OwHb [data-border="true"]::after { content: ""; border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0); border-color: var(--border-color, none); border-style: var(--border-style, none); width: 100%; height: 100%; position: absolute; box-sizing: border-box; left: 0; top: 0; border-radius: inherit; pointer-events: none; }` ]), (FramerlV7ptpHxX = withCSS(Component$3, css$4, `framer-2OwHb`)), (FramerlV7ptpHxX.displayName = `Pricing component`), (FramerlV7ptpHxX.defaultProps = { height: 746, width: 1440 }), addPropertyControls(FramerlV7ptpHxX, { variant: { options: [ `Ee8ae63wM`, `g2jNVPJo3`, `NvVoQnQ6s`, `YfD3W_t1Z`, `Fe0vekqIg`, `bnUk8yKoG`, `VBqTND3Mt`, `K55L9jR0E` ], optionTitles: [ `Desktop | USD`, `Desktop | INR`, `Laptop | USD`, `Laptop | INR`, `Tablet | USD`, `Tablet | INR`, `Mobile | USD`, `Mobile | INR` ], title: `Variant`, type: ControlType.Enum } }), addFonts( FramerlV7ptpHxX, [ { explicitInter: !0, fonts: [ { family: `Satoshi`, source: `fontshare`, style: `normal`, url: `https://framerusercontent.com/third-party-assets/fontshare/wf/P2LQKHE6KA6ZP4AAGN72KDWMHH6ZH3TA/ZC32TK2P7FPS5GFTL46EU6KQJA24ZYDB/7AHDUZ4A7LFLVFUIFSARGIWCRQJHISQP.woff2`, weight: `500` } ] }, ...ElementsToggleFonts, ...ElementsBadgeFonts$1, ...PricingCardFonts ], { supportsExplicitInterCodegen: !0 } ); }); function addPropertyOverrides$1(overrides, ...variants) { let nextOverrides = {}; return variants?.forEach((variant) => variant && Object.assign(nextOverrides, overrides[variant])), nextOverrides; } var cycleOrder$1, serializationHash$2, variantClassNames$2, transition1$2, Transition$1, Variants$1, humanReadableVariantMap$2, getProps$2, createLayoutDependency$1, Component$2, css$3, FramerqqmTtUds7, init_qqmTtUds7 = __esmMin(() => { init_jsx_runtime(), init_framer_JYARJRD7(), init_framer_motion_5EXT2AMG(), init_npm_react_18_2(), (cycleOrder$1 = [`F22aPHLZM`, `NoCJZU8sC`]), (serializationHash$2 = `framer-9Swe5`), (variantClassNames$2 = { F22aPHLZM: `framer-v-kmr5kc`, NoCJZU8sC: `framer-v-hsz1j0` }), (transition1$2 = { bounce: 0.2, delay: 0, duration: 0.4, type: `spring` }), (Transition$1 = ({ value, children }) => { let config = re$1(MotionConfigContext), transition = value ?? config.transition, contextValue = se(() => ({ ...config, transition }), [JSON.stringify(transition)]); return p(MotionConfigContext.Provider, { value: contextValue, children }); }), (Variants$1 = motion.create(x)), (humanReadableVariantMap$2 = { Answer: `NoCJZU8sC`, Question: `F22aPHLZM` }), (getProps$2 = ({ answer, click, height, id, question, textSize, width, ...props }) => ({ ...props, Ed2FovKLn: click ?? props.Ed2FovKLn, FSpvtNW2Y: textSize ?? props.FSpvtNW2Y ?? 18, LzLrxHnL6: answer ?? props.LzLrxHnL6 ?? `We offer two rounds of revisions per project. Additional revisions may incur extra charges unless the need arises from our oversight.`, vaaTL58gz: question ?? props.vaaTL58gz ?? `How many revisions are included?`, variant: humanReadableVariantMap$2[props.variant] ?? props.variant ?? `F22aPHLZM` })), (createLayoutDependency$1 = (props, variants) => props.layoutDependency ? variants.join(`-`) + props.layoutDependency : variants.join(`-`)), (Component$2 = Y(function (props, ref) { let fallbackRef = pe(null), refBinding = ref ?? fallbackRef, defaultLayoutId = ae$1(), { activeLocale, setLocale } = useLocaleInfo(); useComponentViewport(); let { style, className: className$3, layoutId, variant, Ed2FovKLn, vaaTL58gz, LzLrxHnL6, FSpvtNW2Y, ...restProps } = getProps$2(props), { baseVariant, classNames, clearLoadingGesture, gestureHandlers, gestureVariant, isLoading, setGestureState, setVariant, variants } = useVariantState({ cycleOrder: cycleOrder$1, defaultVariant: `F22aPHLZM`, ref: refBinding, variant, variantClassNames: variantClassNames$2 }), layoutDependency = createLayoutDependency$1(props, variants), { activeVariantCallback, delay } = useActiveVariantCallback(baseVariant), onTapu3et9p = activeVariantCallback(async (...args) => { if ((setGestureState({ isPressed: !1 }), Ed2FovKLn)) { let res = await Ed2FovKLn(...args); if (res === !1) return !1; } setVariant(`NoCJZU8sC`); }), onTap1mrl3in = activeVariantCallback(async (...args) => { if ((setGestureState({ isPressed: !1 }), Ed2FovKLn)) { let res = await Ed2FovKLn(...args); if (res === !1) return !1; } setVariant(`F22aPHLZM`); }), onTap1lsv0ps = activeVariantCallback(async (...args) => { setVariant(`F22aPHLZM`); }), sharedStyleClassNames = [], scopingClassNames = cx(serializationHash$2, ...sharedStyleClassNames), isDisplayed = () => baseVariant !== `NoCJZU8sC`, isDisplayed1 = () => baseVariant === `NoCJZU8sC`; return p(LayoutGroup, { id: layoutId ?? defaultLayoutId, children: p(Variants$1, { animate: variants, initial: !1, children: p(Transition$1, { value: transition1$2, children: u(motion.div, { ...restProps, ...gestureHandlers, className: cx(scopingClassNames, `framer-kmr5kc`, className$3, classNames), "data-border": !0, "data-framer-name": `Question`, "data-highlight": !0, layoutDependency, layoutId: `F22aPHLZM`, onTap: onTapu3et9p, ref: refBinding, style: { "--border-bottom-width": `1px`, "--border-color": `var(--token-cddd8839-50cd-4074-8da8-8850d0d377b4, rgba(255, 255, 255, 0.1))`, "--border-left-width": `1px`, "--border-right-width": `1px`, "--border-style": `solid`, "--border-top-width": `1px`, backgroundColor: `var(--token-0412433a-5882-4fae-9632-beb8eb5b7b5b, rgb(13, 13, 13))`, borderBottomLeftRadius: 12, borderBottomRightRadius: 12, borderTopLeftRadius: 12, borderTopRightRadius: 12, ...style }, ...addPropertyOverrides$1( { NoCJZU8sC: { "data-framer-name": `Answer`, onTap: onTap1mrl3in } }, baseVariant, gestureVariant ), children: [ u(motion.div, { className: `framer-stcjnt`, "data-framer-name": `Container`, layoutDependency, layoutId: `Wy00ZteVX`, children: [ p(RichText, { __fromCanvasComponent: !0, children: p(x, { children: p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `calc(var(--variable-reference-FSpvtNW2Y-qqmTtUds7) * 1px)`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.02em`, "--framer-line-height": `1.5em`, "--framer-text-color": `var(--extracted-r6o4lv, var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250)))` }, children: `How many revisions are included?` }) }), className: `framer-1o9xwwc`, "data-framer-name": `Question`, fonts: [`FS;Satoshi-medium`], layoutDependency, layoutId: `P0REnrG6h`, style: { "--extracted-r6o4lv": `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))`, "--framer-link-text-color": `rgb(0, 153, 255)`, "--framer-link-text-decoration": `underline`, "--framer-paragraph-spacing": `0px`, "--variable-reference-FSpvtNW2Y-qqmTtUds7": FSpvtNW2Y }, text: vaaTL58gz, verticalAlignment: `top`, withExternalLayout: !0 }), p(motion.div, { className: `framer-1v5v4vs`, "data-framer-name": `icon`, layoutDependency, layoutId: `O2UkCoaQC`, ...addPropertyOverrides$1( { NoCJZU8sC: { "data-highlight": !0, onTap: onTap1lsv0ps } }, baseVariant, gestureVariant ), children: u(motion.div, { className: `framer-ku1wz0`, "data-framer-name": `Icon`, layoutDependency, layoutId: `KU9XuKLEo`, children: [ p(motion.div, { className: `framer-19798f5`, "data-framer-name": `horizontal`, layoutDependency, layoutId: `HiSDpq_eT`, style: { backgroundColor: `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))`, borderBottomLeftRadius: 8, borderBottomRightRadius: 8, borderTopLeftRadius: 8, borderTopRightRadius: 8, rotate: -90 } }), isDisplayed() && p(motion.div, { className: `framer-jh1bq2`, "data-framer-name": `vertical`, layoutDependency, layoutId: `PisDviptM`, style: { backgroundColor: `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))`, borderBottomLeftRadius: 8, borderBottomRightRadius: 8, borderTopLeftRadius: 8, borderTopRightRadius: 8, rotate: -180 } }) ] }) }) ] }), isDisplayed1() && p(RichText, { __fromCanvasComponent: !0, children: p(x, { children: p(motion.p, { style: { "--font-selector": `RlM7U2F0b3NoaS1yZWd1bGFy`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `calc(var(--variable-reference-FSpvtNW2Y-qqmTtUds7) * 1px)`, "--framer-letter-spacing": `-0.02em`, "--framer-line-height": `1.5em`, "--framer-text-color": `var(--extracted-r6o4lv, var(--token-af401efc-9628-428f-bfa1-a5e362ba0ec5, rgb(153, 153, 153)))` }, children: `We offer two rounds of revisions per project. Additional revisions may incur extra charges unless the need arises from our oversight.` }) }), className: `framer-eqa224`, "data-framer-name": `Answer`, fonts: [`FS;Satoshi-regular`], layoutDependency, layoutId: `AnIq25ysm`, style: { "--extracted-r6o4lv": `var(--token-af401efc-9628-428f-bfa1-a5e362ba0ec5, rgb(153, 153, 153))`, "--framer-link-text-color": `rgb(0, 153, 255)`, "--framer-link-text-decoration": `underline`, "--framer-paragraph-spacing": `0px`, "--variable-reference-FSpvtNW2Y-qqmTtUds7": FSpvtNW2Y }, text: LzLrxHnL6, verticalAlignment: `top`, withExternalLayout: !0 }) ] }) }) }) }); })), (css$3 = [ `@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }`, `.framer-9Swe5.framer-lotxk5, .framer-9Swe5 .framer-lotxk5 { display: block; }`, `.framer-9Swe5.framer-kmr5kc { align-content: flex-start; align-items: flex-start; cursor: pointer; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 24px; height: min-content; justify-content: flex-start; overflow: hidden; padding: 18px 20px 18px 20px; position: relative; width: 1100px; will-change: var(--framer-will-change-override, transform); }`, `.framer-9Swe5 .framer-stcjnt { align-content: flex-start; align-items: flex-start; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 24px; height: min-content; justify-content: flex-start; overflow: visible; padding: 0px; position: relative; width: 100%; }`, `.framer-9Swe5 .framer-1o9xwwc { -webkit-user-select: none; flex: 1 0 0px; height: auto; position: relative; user-select: none; white-space: pre-wrap; width: 1px; word-break: break-word; word-wrap: break-word; }`, `.framer-9Swe5 .framer-1v5v4vs { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: 12px; justify-content: flex-start; overflow: visible; padding: 12px 0px 12px 12px; position: relative; width: 24px; }`, `.framer-9Swe5 .framer-ku1wz0 { aspect-ratio: 1 / 1; flex: none; height: var(--framer-aspect-ratio-supported, 12px); overflow: hidden; position: relative; width: 12px; }`, `.framer-9Swe5 .framer-19798f5, .framer-9Swe5 .framer-jh1bq2 { bottom: 0px; flex: none; left: calc(50.00000000000002% - 2px / 2); overflow: hidden; position: absolute; top: 0px; width: 2px; will-change: var(--framer-will-change-override, transform); }`, `.framer-9Swe5 .framer-eqa224 { -webkit-user-select: none; flex: none; height: auto; position: relative; user-select: none; white-space: pre-wrap; width: 100%; word-break: break-word; word-wrap: break-word; }`, `.framer-9Swe5.framer-v-hsz1j0 .framer-1v5v4vs { cursor: pointer; }`, `.framer-9Swe5[data-border="true"]::after, .framer-9Swe5 [data-border="true"]::after { content: ""; border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0); border-color: var(--border-color, none); border-style: var(--border-style, none); width: 100%; height: 100%; position: absolute; box-sizing: border-box; left: 0; top: 0; border-radius: inherit; pointer-events: none; }` ]), (FramerqqmTtUds7 = withCSS(Component$2, css$3, `framer-9Swe5`)), (FramerqqmTtUds7.displayName = `FAQ Question`), (FramerqqmTtUds7.defaultProps = { height: 63, width: 1100 }), addPropertyControls(FramerqqmTtUds7, { variant: { options: [`F22aPHLZM`, `NoCJZU8sC`], optionTitles: [`Question`, `Answer`], title: `Variant`, type: ControlType.Enum }, Ed2FovKLn: { title: `Click`, type: ControlType.EventHandler }, vaaTL58gz: { defaultValue: `How many revisions are included?`, displayTextArea: !1, title: `Question`, type: ControlType.String }, LzLrxHnL6: { defaultValue: `We offer two rounds of revisions per project. Additional revisions may incur extra charges unless the need arises from our oversight.`, displayTextArea: !1, title: `Answer`, type: ControlType.String }, FSpvtNW2Y: { defaultValue: 18, title: `text size`, type: ControlType.Number } }), addFonts( FramerqqmTtUds7, [ { explicitInter: !0, fonts: [ { family: `Satoshi`, source: `fontshare`, style: `normal`, url: `https://framerusercontent.com/third-party-assets/fontshare/wf/P2LQKHE6KA6ZP4AAGN72KDWMHH6ZH3TA/ZC32TK2P7FPS5GFTL46EU6KQJA24ZYDB/7AHDUZ4A7LFLVFUIFSARGIWCRQJHISQP.woff2`, weight: `500` }, { family: `Satoshi`, source: `fontshare`, style: `normal`, url: `https://framerusercontent.com/third-party-assets/fontshare/wf/TTX2Z3BF3P6Y5BQT3IV2VNOK6FL22KUT/7QYRJOI3JIMYHGY6CH7SOIFRQLZOLNJ6/KFIAZD4RUMEZIYV6FQ3T3GP5PDBDB6JY.woff2`, weight: `400` } ] } ], { supportsExplicitInterCodegen: !0 } ); }); function addPropertyOverrides(overrides, ...variants) { let nextOverrides = {}; return variants?.forEach((variant) => variant && Object.assign(nextOverrides, overrides[variant])), nextOverrides; } var PhosphorFonts, PhosphorControls, cycleOrder, serializationHash$1, variantClassNames$1, transition1$1, Transition, Variants, humanReadableVariantMap$1, getProps$1, createLayoutDependency, Component$1, css$2, Framertz2RGqDgb, init_tz2RGqDgb = __esmMin(() => { init_jsx_runtime(), init_framer_JYARJRD7(), init_framer_motion_5EXT2AMG(), init_npm_react_18_2(), init_Phosphor(), (PhosphorFonts = getFonts(Icon)), (PhosphorControls = getPropertyControls(Icon)), (cycleOrder = [`WwcXOU5nG`, `kX_qe8HVL`, `j7d2OmgAj`, `AV2f0poa2`]), (serializationHash$1 = `framer-eHWhE`), (variantClassNames$1 = { AV2f0poa2: `framer-v-27rf7x`, j7d2OmgAj: `framer-v-14rira4`, kX_qe8HVL: `framer-v-1orrt8r`, WwcXOU5nG: `framer-v-rns1tw` }), (transition1$1 = { damping: 60, delay: 0, mass: 1, stiffness: 500, type: `spring` }), (Transition = ({ value, children }) => { let config = re$1(MotionConfigContext), transition = value ?? config.transition, contextValue = se(() => ({ ...config, transition }), [JSON.stringify(transition)]); return p(MotionConfigContext.Provider, { value: contextValue, children }); }), (Variants = motion.create(x)), (humanReadableVariantMap$1 = { Desktop: `WwcXOU5nG`, Laptop: `kX_qe8HVL`, Phone: `AV2f0poa2`, Tablet: `j7d2OmgAj` }), (getProps$1 = ({ height, id, name1, title, width, ...props }) => ({ ...props, variant: humanReadableVariantMap$1[props.variant] ?? props.variant ?? `WwcXOU5nG`, wKmwyMQI0: title ?? props.wKmwyMQI0 ?? `Logos`, ZUyAXbAM4: name1 ?? props.ZUyAXbAM4 ?? `MagicWand` })), (createLayoutDependency = (props, variants) => props.layoutDependency ? variants.join(`-`) + props.layoutDependency : variants.join(`-`)), (Component$1 = Y(function (props, ref) { let fallbackRef = pe(null), refBinding = ref ?? fallbackRef, defaultLayoutId = ae$1(), { activeLocale, setLocale } = useLocaleInfo(); useComponentViewport(); let { style, className: className$3, layoutId, variant, wKmwyMQI0, ZUyAXbAM4, ...restProps } = getProps$1(props), { baseVariant, classNames, clearLoadingGesture, gestureHandlers, gestureVariant, isLoading, setGestureState, setVariant, variants } = useVariantState({ cycleOrder, defaultVariant: `WwcXOU5nG`, ref: refBinding, variant, variantClassNames: variantClassNames$1 }), layoutDependency = createLayoutDependency(props, variants), sharedStyleClassNames = [], scopingClassNames = cx(serializationHash$1, ...sharedStyleClassNames); return p(LayoutGroup, { id: layoutId ?? defaultLayoutId, children: p(Variants, { animate: variants, initial: !1, children: p(Transition, { value: transition1$1, children: u(motion.div, { ...restProps, ...gestureHandlers, className: cx(scopingClassNames, `framer-rns1tw`, className$3, classNames), "data-border": !0, "data-framer-name": `Desktop`, layoutDependency, layoutId: `WwcXOU5nG`, ref: refBinding, style: { "--border-bottom-width": `0px`, "--border-color": `var(--token-cddd8839-50cd-4074-8da8-8850d0d377b4, rgba(255, 255, 255, 0.1))`, "--border-left-width": `0px`, "--border-right-width": `0px`, "--border-style": `solid`, "--border-top-width": `1px`, backgroundColor: `var(--token-0412433a-5882-4fae-9632-beb8eb5b7b5b, rgb(13, 13, 13))`, borderBottomLeftRadius: 24, borderBottomRightRadius: 24, borderTopLeftRadius: 24, borderTopRightRadius: 24, ...style }, variants: { AV2f0poa2: { borderBottomLeftRadius: 10, borderBottomRightRadius: 10, borderTopLeftRadius: 10, borderTopRightRadius: 10 }, j7d2OmgAj: { borderBottomLeftRadius: 16, borderBottomRightRadius: 16, borderTopLeftRadius: 16, borderTopRightRadius: 16 }, kX_qe8HVL: { borderBottomLeftRadius: 20, borderBottomRightRadius: 20, borderTopLeftRadius: 20, borderTopRightRadius: 20 } }, ...addPropertyOverrides( { AV2f0poa2: { "data-framer-name": `Phone` }, j7d2OmgAj: { "data-framer-name": `Tablet` }, kX_qe8HVL: { "data-framer-name": `Laptop` } }, baseVariant, gestureVariant ), children: [ p(ComponentViewportProvider, { children: p(SmartComponentScopedContainer, { className: `framer-j3jtbh-container`, isAuthoredByUser: !0, isModuleExternal: !0, layoutDependency, layoutId: `eNvZOg6bP-container`, nodeId: `eNvZOg6bP`, rendersWithMotion: !0, scopeId: `tz2RGqDgb`, children: p(Icon, { color: `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))`, height: `100%`, iconSearch: `House`, iconSelection: ZUyAXbAM4, id: `eNvZOg6bP`, layoutId: `eNvZOg6bP`, mirrored: !1, selectByList: !0, style: { height: `100%`, width: `100%` }, weight: `regular`, width: `100%` }) }) }), p(RichText, { __fromCanvasComponent: !0, children: p(x, { children: p(motion.h4, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `28px`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.02em`, "--framer-line-height": `1em`, "--framer-text-alignment": `left`, "--framer-text-color": `var(--extracted-1eung3n, var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250)))` }, children: `Logos` }) }), className: `framer-7nbuno`, fonts: [`FS;Satoshi-medium`], layoutDependency, layoutId: `HTfEb0tSo`, style: { "--extracted-1eung3n": `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))`, "--framer-link-text-color": `rgb(0, 153, 255)`, "--framer-link-text-decoration": `underline` }, text: wKmwyMQI0, verticalAlignment: `top`, withExternalLayout: !0, ...addPropertyOverrides( { AV2f0poa2: { children: p(x, { children: p(motion.h4, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `14px`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.02em`, "--framer-line-height": `1em`, "--framer-text-alignment": `left`, "--framer-text-color": `var(--extracted-1eung3n, var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250)))` }, children: `Logos` }) }) }, j7d2OmgAj: { children: p(x, { children: p(motion.h4, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `22px`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.02em`, "--framer-line-height": `1em`, "--framer-text-alignment": `left`, "--framer-text-color": `var(--extracted-1eung3n, var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250)))` }, children: `Logos` }) }) }, kX_qe8HVL: { children: p(x, { children: p(motion.h4, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `24px`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.02em`, "--framer-line-height": `1em`, "--framer-text-alignment": `left`, "--framer-text-color": `var(--extracted-1eung3n, var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250)))` }, children: `Logos` }) }) } }, baseVariant, gestureVariant ) }) ] }) }) }) }); })), (css$2 = [ `@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }`, `.framer-eHWhE.framer-qxrdxb, .framer-eHWhE .framer-qxrdxb { display: block; }`, `.framer-eHWhE.framer-rns1tw { align-content: center; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; overflow: hidden; padding: 24px; position: relative; width: min-content; will-change: var(--framer-will-change-override, transform); }`, `.framer-eHWhE .framer-j3jtbh-container { flex: none; height: 30px; position: relative; width: 30px; }`, `.framer-eHWhE .framer-7nbuno { flex: none; height: auto; position: relative; white-space: pre; width: auto; }`, `.framer-eHWhE.framer-v-1orrt8r.framer-rns1tw { padding: 20px; }`, `.framer-eHWhE.framer-v-1orrt8r .framer-j3jtbh-container { height: 26px; width: 26px; }`, `.framer-eHWhE.framer-v-14rira4.framer-rns1tw { padding: 16px; }`, `.framer-eHWhE.framer-v-14rira4 .framer-j3jtbh-container { height: 24px; width: 24px; }`, `.framer-eHWhE.framer-v-27rf7x.framer-rns1tw { gap: 6px; padding: 8px 12px 8px 12px; }`, `.framer-eHWhE.framer-v-27rf7x .framer-j3jtbh-container { height: 18px; width: 18px; }`, `.framer-eHWhE[data-border="true"]::after, .framer-eHWhE [data-border="true"]::after { content: ""; border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0); border-color: var(--border-color, none); border-style: var(--border-style, none); width: 100%; height: 100%; position: absolute; box-sizing: border-box; left: 0; top: 0; border-radius: inherit; pointer-events: none; }` ]), (Framertz2RGqDgb = withCSS(Component$1, css$2, `framer-eHWhE`)), (Framertz2RGqDgb.displayName = `Elements/Category`), (Framertz2RGqDgb.defaultProps = { height: 78, width: 161 }), addPropertyControls(Framertz2RGqDgb, { variant: { options: [`WwcXOU5nG`, `kX_qe8HVL`, `j7d2OmgAj`, `AV2f0poa2`], optionTitles: [`Desktop`, `Laptop`, `Tablet`, `Phone`], title: `Variant`, type: ControlType.Enum }, wKmwyMQI0: { defaultValue: `Logos`, displayTextArea: !1, title: `Title`, type: ControlType.String }, ZUyAXbAM4: PhosphorControls?.iconSelection && { ...PhosphorControls.iconSelection, defaultValue: `MagicWand`, description: void 0, hidden: void 0, title: `Name` } }), addFonts( Framertz2RGqDgb, [ { explicitInter: !0, fonts: [ { family: `Satoshi`, source: `fontshare`, style: `normal`, url: `https://framerusercontent.com/third-party-assets/fontshare/wf/P2LQKHE6KA6ZP4AAGN72KDWMHH6ZH3TA/ZC32TK2P7FPS5GFTL46EU6KQJA24ZYDB/7AHDUZ4A7LFLVFUIFSARGIWCRQJHISQP.woff2`, weight: `500` } ] }, ...PhosphorFonts ], { supportsExplicitInterCodegen: !0 } ); }), fonts, css$1, className, init_nAinhzb3Q = __esmMin(() => { init_framer_JYARJRD7(), fontStore.loadFonts([ `FS;Satoshi-medium`, `FS;Satoshi-bold`, `FS;Satoshi-bold italic`, `FS;Satoshi-medium italic` ]), (fonts = [ { explicitInter: !0, fonts: [ { family: `Satoshi`, source: `fontshare`, style: `normal`, url: `https://framerusercontent.com/third-party-assets/fontshare/wf/P2LQKHE6KA6ZP4AAGN72KDWMHH6ZH3TA/ZC32TK2P7FPS5GFTL46EU6KQJA24ZYDB/7AHDUZ4A7LFLVFUIFSARGIWCRQJHISQP.woff2`, weight: `500` }, { family: `Satoshi`, source: `fontshare`, style: `normal`, url: `https://framerusercontent.com/third-party-assets/fontshare/wf/LAFFD4SDUCDVQEXFPDC7C53EQ4ZELWQI/PXCT3G6LO6ICM5I3NTYENYPWJAECAWDD/GHM6WVH6MILNYOOCXHXB5GTSGNTMGXZR.woff2`, weight: `700` }, { family: `Satoshi`, source: `fontshare`, style: `italic`, url: `https://framerusercontent.com/third-party-assets/fontshare/wf/CDEBEFT2R7XKNGXSBBLZGMY4MMHZG75P/HEVKDGQCYDZ7Z6CDVR2ZQGBCTUD6ZARH/BKWEE3VKGTFABE37K2DTH625VUSN2N35.woff2`, weight: `700` }, { family: `Satoshi`, source: `fontshare`, style: `italic`, url: `https://framerusercontent.com/third-party-assets/fontshare/wf/NID3I7RITWZSKXRCJGOCMP5NOADJK6IG/2HLHGD7OBTWCOHW64YXOE5KFXHU4KJHM/ZHME2QIRFR7UPJ47NLY27RCAFY44CKZJ.woff2`, weight: `500` } ] } ]), (css$1 = [ `.framer-WKwqf .framer-styles-preset-1usy9yt:not(.rich-text-wrapper), .framer-WKwqf .framer-styles-preset-1usy9yt.rich-text-wrapper p { --framer-font-family: "Satoshi", "Satoshi Placeholder", sans-serif; --framer-font-family-bold: "Satoshi", "Satoshi Placeholder", sans-serif; --framer-font-family-bold-italic: "Satoshi", "Satoshi Placeholder", sans-serif; --framer-font-family-italic: "Satoshi", "Satoshi Placeholder", sans-serif; --framer-font-open-type-features: normal; --framer-font-size: 28px; --framer-font-style: normal; --framer-font-style-bold: normal; --framer-font-style-bold-italic: italic; --framer-font-style-italic: italic; --framer-font-weight: 500; --framer-font-weight-bold: 700; --framer-font-weight-bold-italic: 700; --framer-font-weight-italic: 500; --framer-letter-spacing: -0.02em; --framer-line-height: 1.5em; --framer-paragraph-spacing: 20px; --framer-text-alignment: center; --framer-text-color: var(--token-af401efc-9628-428f-bfa1-a5e362ba0ec5, #999999); --framer-text-decoration: none; --framer-text-stroke-color: initial; --framer-text-stroke-width: initial; --framer-text-transform: none; --framer-text-wrap: balance; }`, `@media (max-width: 1199px) and (min-width: 810px) { .framer-WKwqf .framer-styles-preset-1usy9yt:not(.rich-text-wrapper), .framer-WKwqf .framer-styles-preset-1usy9yt.rich-text-wrapper p { --framer-font-family: "Satoshi", "Satoshi Placeholder", sans-serif; --framer-font-family-bold: "Satoshi", "Satoshi Placeholder", sans-serif; --framer-font-family-bold-italic: "Satoshi", "Satoshi Placeholder", sans-serif; --framer-font-family-italic: "Satoshi", "Satoshi Placeholder", sans-serif; --framer-font-open-type-features: normal; --framer-font-size: 18px; --framer-font-style: normal; --framer-font-style-bold: normal; --framer-font-style-bold-italic: italic; --framer-font-style-italic: italic; --framer-font-weight: 500; --framer-font-weight-bold: 700; --framer-font-weight-bold-italic: 700; --framer-font-weight-italic: 500; --framer-letter-spacing: -0.02em; --framer-line-height: 1.5em; --framer-paragraph-spacing: 20px; --framer-text-alignment: center; --framer-text-color: var(--token-af401efc-9628-428f-bfa1-a5e362ba0ec5, #999999); --framer-text-decoration: none; --framer-text-stroke-color: initial; --framer-text-stroke-width: initial; --framer-text-transform: none; --framer-text-wrap: balance; } }`, `@media (max-width: 809px) and (min-width: 0px) { .framer-WKwqf .framer-styles-preset-1usy9yt:not(.rich-text-wrapper), .framer-WKwqf .framer-styles-preset-1usy9yt.rich-text-wrapper p { --framer-font-family: "Satoshi", "Satoshi Placeholder", sans-serif; --framer-font-family-bold: "Satoshi", "Satoshi Placeholder", sans-serif; --framer-font-family-bold-italic: "Satoshi", "Satoshi Placeholder", sans-serif; --framer-font-family-italic: "Satoshi", "Satoshi Placeholder", sans-serif; --framer-font-open-type-features: normal; --framer-font-size: 16px; --framer-font-style: normal; --framer-font-style-bold: normal; --framer-font-style-bold-italic: italic; --framer-font-style-italic: italic; --framer-font-weight: 500; --framer-font-weight-bold: 700; --framer-font-weight-bold-italic: 700; --framer-font-weight-italic: 500; --framer-letter-spacing: -0.02em; --framer-line-height: 1.5em; --framer-paragraph-spacing: 20px; --framer-text-alignment: center; --framer-text-color: var(--token-af401efc-9628-428f-bfa1-a5e362ba0ec5, #999999); --framer-text-decoration: none; --framer-text-stroke-color: initial; --framer-text-stroke-width: initial; --framer-text-transform: none; --framer-text-wrap: balance; } }` ]), (className = `framer-WKwqf`); }), NavigationNavigationFonts, NavigationNavigationWithVariantAppearEffect, ContainerWithOptimizedAppearEffect, SmoothScrollFonts, RichTextWithOptimizedAppearEffect, ButtonsButtonFonts, MotionDivWithOptimizedAppearEffect, ElementsBadgeFonts, ElementsCategoryFonts, TickerFonts, MotionDivWithFX, VideoFileFonts, LottieFonts, PricingComponentFonts, FAQQuestionFonts, FooterFonts, breakpoints, isBrowser, serializationHash, variantClassNames, transition1, animation, animation1, transition2, animation2, animation3, animation4, transition3, textEffect, transition4, animation5, transition5, animation6, animation7, animation8, addImageAlt, animation9, transition6, animation10, HTMLStyle, humanReadableVariantMap, getProps, Component, css, FramerMzVDsyX25, __FramerMetadata__, init_MzVDsyX25 = __esmMin(() => { init_jsx_runtime(), init_framer_JYARJRD7(), init_framer_motion_5EXT2AMG(), init_npm_react_18_2(), init_Ticker(), init_Lottie(), init_Smooth_Scroll(), init_F5zSwZv4k(), init_GqDv5dGM2(), init_h9up4_pFN(), init_j_YCliARz(), init_lV7ptpHxX(), init_qqmTtUds7(), init_tz2RGqDgb(), init_vf5tqoe0G(), init_H04IrcSYe(), init_k9MffJa0I(), init_nAinhzb3Q(), init_MzVDsyX25$1(), (NavigationNavigationFonts = getFonts(Framervf5tqoe0G)), (NavigationNavigationWithVariantAppearEffect = withVariantAppearEffect(Framervf5tqoe0G)), (ContainerWithOptimizedAppearEffect = withOptimizedAppearEffect(Container)), (SmoothScrollFonts = getFonts(SmoothScroll)), (RichTextWithOptimizedAppearEffect = withOptimizedAppearEffect(RichText)), (ButtonsButtonFonts = getFonts(Framerh9up4_pFN)), (MotionDivWithOptimizedAppearEffect = withOptimizedAppearEffect(motion.div)), (ElementsBadgeFonts = getFonts(FramerF5zSwZv4k)), (ElementsCategoryFonts = getFonts(Framertz2RGqDgb)), (TickerFonts = getFonts(Ticker)), (MotionDivWithFX = withFX(motion.div)), (VideoFileFonts = getFonts(FramerGqDv5dGM2)), (LottieFonts = getFonts(Lottie)), (PricingComponentFonts = getFonts(FramerlV7ptpHxX)), (FAQQuestionFonts = getFonts(FramerqqmTtUds7)), (FooterFonts = getFonts(Framerj_YCliARz)), (breakpoints = { eiBLJIsQc: `(min-width: 1440px)`, LIxzhGHPd: `(min-width: 810px) and (max-width: 1079.98px)`, os8gfPtLB: `(max-width: 809.98px)`, r37_cMGAg: `(min-width: 1080px) and (max-width: 1439.98px)` }), (isBrowser = () => typeof document < `u`), (serializationHash = `framer-Deuey`), (variantClassNames = { eiBLJIsQc: `framer-v-xe7qtd`, LIxzhGHPd: `framer-v-92dof8`, os8gfPtLB: `framer-v-1ay7jxk`, r37_cMGAg: `framer-v-ghhu7e` }), (transition1 = { damping: 60, delay: 0, mass: 1, stiffness: 320, type: `spring` }), (animation = { opacity: 1, rotate: 0, rotateX: 0, rotateY: 0, scale: 1, skewX: 0, skewY: 0, transition: transition1, x: 0, y: 0 }), (animation1 = { opacity: 0.001, rotate: 0, rotateX: 0, rotateY: 0, scale: 1, skewX: 0, skewY: 0, x: 0, y: -150 }), (transition2 = { damping: 60, delay: 0.3, mass: 1, stiffness: 320, type: `spring` }), (animation2 = { opacity: 1, rotate: 0, rotateX: 0, rotateY: 0, scale: 1, skewX: 0, skewY: 0, transformPerspective: 1200, transition: transition2, x: 0, y: 0 }), (animation3 = { opacity: 0.001, rotate: 0, rotateX: 0, rotateY: 0, scale: 1, skewX: 0, skewY: 0, transformPerspective: 1200, x: 0, y: 40 }), (animation4 = { opacity: 0.001, rotate: 0, scale: 1, skewX: 0, skewY: 0, x: 0, y: 10 }), (transition3 = { bounce: 0, delay: 0.075, duration: 0.4, type: `spring` }), (textEffect = { effect: animation4, tokenization: `word`, transition: transition3, trigger: `onMount`, type: `appear` }), (transition4 = { damping: 60, delay: 0.5, mass: 1, stiffness: 320, type: `spring` }), (animation5 = { opacity: 1, rotate: 0, rotateX: 0, rotateY: 0, scale: 1, skewX: 0, skewY: 0, transformPerspective: 1200, transition: transition4, x: 0, y: 0 }), (transition5 = { damping: 60, delay: 0.7, mass: 1, stiffness: 320, type: `spring` }), (animation6 = { opacity: 1, rotate: 0, rotateX: 0, rotateY: 0, scale: 1, skewX: 0, skewY: 0, transition: transition5, x: 0, y: 0 }), (animation7 = { opacity: 0.001, rotate: 0, rotateX: 0, rotateY: 0, scale: 1, skewX: 0, skewY: 0, x: 0, y: 40 }), (animation8 = { opacity: 0, rotate: 0, rotateX: 0, rotateY: 0, scale: 1, skewX: 0, skewY: 0, transformPerspective: 1200, x: 0, y: 40 }), (addImageAlt = (image, alt) => { if (!(!image || typeof image != `object`)) return { ...image, alt }; }), (animation9 = { opacity: 0, rotate: 0, rotateX: 0, rotateY: 0, scale: 1, skewX: 0, skewY: 0, x: 0, y: 40 }), (transition6 = { bounce: 0.25, delay: 0, duration: 0.45, type: `spring` }), (animation10 = { opacity: 0.75, rotate: 0, rotateX: 0, rotateY: 0, scale: 1, skewX: 0, skewY: 0, transition: transition6 }), (HTMLStyle = ({ value }) => { let onCanvas = useIsOnFramerCanvas(); return onCanvas ? null : p(`style`, { dangerouslySetInnerHTML: { __html: value }, "data-framer-html-style": `` }); }), (humanReadableVariantMap = { Desktop: `eiBLJIsQc`, Laptop: `r37_cMGAg`, Phone: `os8gfPtLB`, Tablet: `LIxzhGHPd` }), (getProps = ({ height, id, width, ...props }) => ({ ...props, variant: humanReadableVariantMap[props.variant] ?? props.variant ?? `eiBLJIsQc` })), (Component = Y(function (props, ref) { let fallbackRef = pe(null), refBinding = ref ?? fallbackRef, defaultLayoutId = ae$1(), { activeLocale, setLocale } = useLocaleInfo(), componentViewport = useComponentViewport(), { style, className: className$3, layoutId, variant, ...restProps } = getProps(props), metadata$1 = se(() => metadata(void 0, activeLocale), [void 0, activeLocale]); useMetadata(metadata$1); let [baseVariant, hydratedBaseVariant] = useHydratedBreakpointVariants(variant, breakpoints, !1), sharedStyleClassNames = [className, className$1, className$2], scopingClassNames = cx(serializationHash, ...sharedStyleClassNames), ref1 = pe(null), ref2 = pe(null), ref3 = pe(null), ref4 = pe(null), ref5 = pe(null), elementId = useRouteElementId(`eUUbE3Ykv`), ref6 = pe(null), elementId1 = useRouteElementId(`k6usQEx8E`); useRouter(); let elementId2 = useRouteElementId(`KcmypeDai`), isDisplayed = () => isBrowser() ? ![`LIxzhGHPd`, `os8gfPtLB`, `r37_cMGAg`].includes(baseVariant) : !0, isDisplayed1 = () => !isBrowser() || baseVariant === `r37_cMGAg`, isDisplayed2 = () => !isBrowser() || baseVariant === `LIxzhGHPd`, isDisplayed3 = () => !isBrowser() || baseVariant === `os8gfPtLB`, ref7 = pe(null), elementId3 = useRouteElementId(`scEXYoSQq`), elementId4 = useRouteElementId(`nHtFYSwXH`), isDisplayed4 = () => !!(!isBrowser() || [`LIxzhGHPd`, `r37_cMGAg`].includes(baseVariant)), ref8 = pe(null), elementId5 = useRouteElementId(`kLhcLFH_0`), elementId6 = useRouteElementId(`PPhxDISL2`), ref9 = pe(null), elementId7 = useRouteElementId(`SEB3X09S3`), elementId8 = useRouteElementId(`J73_Aj3MV`), elementId9 = useRouteElementId(`yaJDYAonp`), ref10 = pe(null); return ( useCustomCursors({}), p(GeneratedComponentContext.Provider, { value: { primaryVariantId: `eiBLJIsQc`, variantClassNames }, children: u(LayoutGroup, { id: layoutId ?? defaultLayoutId, children: [ p(HTMLStyle, { value: `html body { background: rgb(10, 10, 10); }` }), u(motion.div, { ...restProps, className: cx(scopingClassNames, `framer-xe7qtd`, className$3), ref: refBinding, style: { ...style }, children: [ p(ComponentViewportProvider, { height: 108, width: componentViewport?.width || `100vw`, y: 0, children: p(ContainerWithOptimizedAppearEffect, { animate: animation, className: `framer-2gwkx6-container`, "data-framer-appear-id": `2gwkx6`, "data-framer-name": `Navbar`, initial: animation1, layoutScroll: !0, name: `Navbar`, nodeId: `OYDdFJq96`, optimized: !0, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p(PropertyOverrides2, { breakpoint: baseVariant, overrides: { LIxzhGHPd: { __framer__targets: [{ ref: ref5, target: `iQv_Al8ab` }], __framer__threshold: 0, variant: `fri8OpIN6` }, os8gfPtLB: { __framer__targets: [{ ref: ref5, target: `rEEqkCkPw` }], __framer__threshold: 0, variant: `wiw6LnqMy` } }, children: p(NavigationNavigationWithVariantAppearEffect, { __framer__animateOnce: !1, __framer__targets: [ { offset: 150, ref: ref1, target: `ioBluR8Fb` }, { offset: 80, ref: ref2, target: `WaXEEZkjw` }, { offset: 96, ref: ref3, target: `CYPRK_eyR` }, { offset: 100, ref: ref4, target: `P4aDaN22A` } ], __framer__threshold: 0.5, __framer__variantAppearEffectEnabled: !0, height: `100%`, id: `OYDdFJq96`, layoutId: `OYDdFJq96`, name: `Navbar`, style: { width: `100%` }, variant: `xtA9ZIlcg`, width: `100%` }) }) }) }), p(ComponentViewportProvider, { children: p(Container, { className: `framer-1lz0m76-container`, isAuthoredByUser: !0, isModuleExternal: !0, nodeId: `VEaJAKcSM`, scopeId: `MzVDsyX25`, children: p(SmoothScroll, { height: `100%`, id: `VEaJAKcSM`, intensity: 10, layoutId: `VEaJAKcSM`, width: `100%` }) }) }), u(`div`, { className: `framer-1xyb7yn`, "data-framer-name": `Main Container`, children: [ p(`div`, { className: `framer-j42z4m`, "data-framer-name": `Landing Section`, id: elementId, ref: ref6, children: u(`div`, { className: `framer-gxa2tz`, "data-framer-name": `Container`, children: [ p(`div`, { className: `framer-1qxzkcw`, "data-framer-name": `Scroll Effect Activate`, id: elementId1, ref: ref5 }), u(`div`, { className: `framer-qjdaps`, "data-framer-name": `Main section`, children: [ u(`div`, { className: `framer-1l93qkm`, "data-framer-name": `Text`, children: [ p(PropertyOverrides2, { breakpoint: baseVariant, overrides: { LIxzhGHPd: { children: p(x, { children: u(`h1`, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `78px`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.05em`, "--framer-line-height": `1.1em`, "--framer-text-alignment": `center`, "--framer-text-color": `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))` }, children: [ p(`span`, { style: { "--framer-font-size": `84px` }, children: `We ` }), p(`span`, { style: { "--font-selector": `R0Y7SW5zdHJ1bWVudCBTZXJpZi1pdGFsaWM=`, "--framer-font-family": `"Instrument Serif", "Instrument Serif Placeholder", serif`, "--framer-font-size": `84px`, "--framer-font-style": `italic`, "--framer-font-weight": `400` }, children: `edit` }), p(`span`, { style: { "--framer-font-size": `84px` }, children: ` really cool` }), p(`span`, { style: { "--framer-font-size": `84px` }, children: p( `br`, {} ) }), p(`span`, { style: { "--framer-font-size": `84px` }, children: `videos in 48` }), p(`span`, { style: { "--font-selector": `R0Y7SW5zdHJ1bWVudCBTZXJpZi1pdGFsaWM=`, "--framer-font-family": `"Instrument Serif", "Instrument Serif Placeholder", serif`, "--framer-font-size": `84px`, "--framer-font-style": `italic`, "--framer-font-weight": `400` }, children: `hrs` }) ] }) }) }, os8gfPtLB: { children: p(x, { children: u(`h1`, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `40px`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.05em`, "--framer-line-height": `1.1em`, "--framer-text-alignment": `center`, "--framer-text-color": `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))` }, children: [ p(`span`, { style: { "--framer-font-size": `44px` }, children: `We ` }), p(`span`, { style: { "--font-selector": `R0Y7SW5zdHJ1bWVudCBTZXJpZi1pdGFsaWM=`, "--framer-font-family": `"Instrument Serif", "Instrument Serif Placeholder", serif`, "--framer-font-size": `44px`, "--framer-font-style": `italic`, "--framer-font-weight": `400` }, children: `edit` }), p(`span`, { style: { "--framer-font-size": `44px` }, children: ` really cool` }), p(`span`, { style: { "--framer-font-size": `44px` }, children: p( `br`, {} ) }), p(`span`, { style: { "--framer-font-size": `44px` }, children: `videos in 48` }), p(`span`, { style: { "--font-selector": `R0Y7SW5zdHJ1bWVudCBTZXJpZi1pdGFsaWM=`, "--framer-font-family": `"Instrument Serif", "Instrument Serif Placeholder", serif`, "--framer-font-size": `44px`, "--framer-font-style": `italic`, "--framer-font-weight": `400` }, children: `hrs` }) ] }) }), effect: void 0 }, r37_cMGAg: { children: p(x, { children: u(`h1`, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `90px`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.05em`, "--framer-line-height": `1.1em`, "--framer-text-alignment": `center`, "--framer-text-color": `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))` }, children: [ p(`span`, { style: { "--framer-font-size": `96px` }, children: `We ` }), p(`span`, { style: { "--font-selector": `R0Y7SW5zdHJ1bWVudCBTZXJpZi1pdGFsaWM=`, "--framer-font-family": `"Instrument Serif", "Instrument Serif Placeholder", serif`, "--framer-font-size": `96px`, "--framer-font-style": `italic`, "--framer-font-weight": `400` }, children: `edit` }), p(`span`, { style: { "--framer-font-size": `96px` }, children: ` really cool` }), p(`span`, { style: { "--framer-font-size": `96px` }, children: p( `br`, {} ) }), p(`span`, { style: { "--framer-font-size": `96px` }, children: `videos in 48` }), p(`span`, { style: { "--font-selector": `R0Y7SW5zdHJ1bWVudCBTZXJpZi1pdGFsaWM=`, "--framer-font-family": `"Instrument Serif", "Instrument Serif Placeholder", serif`, "--framer-font-size": `96px`, "--framer-font-style": `italic`, "--framer-font-weight": `400` }, children: `hrs` }) ] }) }) } }, children: p( RichTextWithOptimizedAppearEffect, { __fromCanvasComponent: !0, animate: animation2, children: p(x, { children: u(`h1`, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `110px`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.05em`, "--framer-line-height": `1.1em`, "--framer-text-alignment": `center`, "--framer-text-color": `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))` }, children: [ `We `, p(`span`, { style: { "--font-selector": `R0Y7SW5zdHJ1bWVudCBTZXJpZi1pdGFsaWM=`, "--framer-font-family": `"Instrument Serif", "Instrument Serif Placeholder", serif`, "--framer-font-style": `italic`, "--framer-font-weight": `400` }, children: `edit` }), ` really cool`, p(`br`, {}), `videos in 48`, p(`span`, { style: { "--font-selector": `R0Y7SW5zdHJ1bWVudCBTZXJpZi1pdGFsaWM=`, "--framer-font-family": `"Instrument Serif", "Instrument Serif Placeholder", serif`, "--framer-font-style": `italic`, "--framer-font-weight": `400` }, children: `hrs` }) ] }) }), className: `framer-18op2ge`, "data-framer-appear-id": `18op2ge`, effect: textEffect, fonts: [ `FS;Satoshi-medium`, `GF;Instrument Serif-italic` ], initial: animation3, optimized: !0, style: { transformPerspective: 1200 }, verticalAlignment: `top`, withExternalLayout: !0 } ) }), p(RichTextWithOptimizedAppearEffect, { __fromCanvasComponent: !0, animate: animation5, children: p(x, { children: p(`h2`, { className: `framer-styles-preset-1usy9yt`, "data-styles-preset": `nAinhzb3Q`, style: { "--framer-text-color": `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))` }, children: `Affordable, fast and human powered video edits.` }) }), className: `framer-1l3kvan`, "data-framer-appear-id": `1l3kvan`, fonts: [`Inter`], initial: animation3, optimized: !0, style: { transformPerspective: 1200 }, verticalAlignment: `top`, withExternalLayout: !0 }) ] }), u(MotionDivWithOptimizedAppearEffect, { animate: animation6, className: `framer-hgxuo3`, "data-framer-appear-id": `hgxuo3`, "data-framer-name": `CTA`, initial: animation7, optimized: !0, children: [ p(PropertyOverrides2, { breakpoint: baseVariant, overrides: { LIxzhGHPd: { y: void 0 }, os8gfPtLB: { y: void 0 }, r37_cMGAg: { y: (componentViewport?.y || 0) + 0 + 200 + 0 + 0 + 0 + 212.7 + 100 + 0 + 0 + 205.6 + 0 } }, children: p(ComponentViewportProvider, { height: 69, y: (componentViewport?.y || 0) + 0 + 200 + 0 + 0 + 0 + 205 + 100 + 0 + 0 + 221 + 0, children: p(Container, { className: `framer-16h2f6l-container`, nodeId: `gKfAOdkRC`, scopeId: `MzVDsyX25`, children: p( PropertyOverrides2, { breakpoint: baseVariant, overrides: { os8gfPtLB: { variant: `ke7By49HW` } }, children: p( Framerh9up4_pFN, { GLWImmBy_: !1, HBR9r6Wzz: !1, height: `100%`, id: `gKfAOdkRC`, jSn1qfWzp: 21, kTynE2FQc: `regular`, layoutId: `gKfAOdkRC`, LdEuC589O: `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))`, nL8OQ61g_: `House`, nZIvc5R21: `CalendarPlus`, odb0bWURU: `https://calendly.com/hello-editlobby/intro-to-edit-lobby`, QQq_dHjj6: `regular`, rt9DsEiKG: `var(--token-958d6a9e-bb7c-4a88-a47a-70db899d1dd5, rgb(36, 36, 36))`, tipS0P7cJ: `Book a call`, Ud3HdUmNm: !0, variant: `q2rCK5lhb`, width: `100%` } ) } ) }) }) }), p(ResolveLinks, { links: [ { href: { hash: `:PPhxDISL2`, webPageId: `MzVDsyX25` }, implicitPathVariables: void 0 }, { href: { hash: `:PPhxDISL2`, webPageId: `MzVDsyX25` }, implicitPathVariables: void 0 }, { href: { hash: `:PPhxDISL2`, webPageId: `MzVDsyX25` }, implicitPathVariables: void 0 }, { href: { hash: `:PPhxDISL2`, webPageId: `MzVDsyX25` }, implicitPathVariables: void 0 } ], children: (resolvedLinks) => p(PropertyOverrides2, { breakpoint: baseVariant, overrides: { LIxzhGHPd: { y: void 0 }, os8gfPtLB: { y: void 0 }, r37_cMGAg: { y: (componentViewport?.y || 0) + 0 + 200 + 0 + 0 + 0 + 212.7 + 100 + 0 + 0 + 205.6 + 0 } }, children: p( ComponentViewportProvider, { height: 69, y: (componentViewport?.y || 0) + 0 + 200 + 0 + 0 + 0 + 205 + 100 + 0 + 0 + 221 + 0, children: p(Container, { className: `framer-1y7lvjc-container`, nodeId: `WtxZWtuaq`, scopeId: `MzVDsyX25`, children: p( PropertyOverrides2, { breakpoint: baseVariant, overrides: { LIxzhGHPd: { odb0bWURU: resolvedLinks[1] }, os8gfPtLB: { odb0bWURU: resolvedLinks[2], variant: `QUTH27_ce` }, r37_cMGAg: { odb0bWURU: resolvedLinks[3] } }, children: p( Framerh9up4_pFN, { GLWImmBy_: !1, HBR9r6Wzz: !1, height: `100%`, id: `WtxZWtuaq`, jSn1qfWzp: 21, kTynE2FQc: `regular`, layoutId: `WtxZWtuaq`, LdEuC589O: `var(--token-958d6a9e-bb7c-4a88-a47a-70db899d1dd5, rgb(252, 252, 250))`, nL8OQ61g_: `House`, nZIvc5R21: `Lightning`, odb0bWURU: resolvedLinks[0], QQq_dHjj6: `fill`, rt9DsEiKG: `var(--token-958d6a9e-bb7c-4a88-a47a-70db899d1dd5, rgb(36, 36, 36))`, tipS0P7cJ: `See plans`, Ud3HdUmNm: !1, variant: `fyaazp7pn`, width: `100%` } ) } ) }) } ) }) }) ] }) ] }) ] }) }), p(`div`, { className: `framer-1ihxqad`, "data-framer-name": `Categories`, children: u(MotionDivWithFX, { __framer__animate: { transition: transition1 }, __framer__animateOnce: !0, __framer__enter: animation8, __framer__styleAppearEffectEnabled: !0, __framer__targets: [ { offset: 150, ref: ref1, target: `animate` } ], __framer__threshold: 1, __perspectiveFX: !1, __targetOpacity: 1, className: `framer-1thm9kh`, "data-framer-name": `Container`, id: elementId2, ref: ref1, style: { transformPerspective: 1200 }, children: [ u(`div`, { className: `framer-1mdygkt`, "data-framer-name": `Heading`, children: [ p(PropertyOverrides2, { breakpoint: baseVariant, overrides: { LIxzhGHPd: { y: void 0 }, os8gfPtLB: { y: void 0 } }, children: p(ComponentViewportProvider, { height: 40, y: (componentViewport?.y || 0) + 0 + 200 + 0 + 800 + 48 + 0 + 24 + 0 + 0 + 0, children: p(Container, { className: `framer-1iz0ww0-container`, nodeId: `ZLLRqB9pf`, scopeId: `MzVDsyX25`, children: p(FramerF5zSwZv4k, { crA6wBj3k: !1, dI2V912ba: `rgba(13, 13, 13, 0.4)`, gpaDS0xo1: `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))`, height: `100%`, id: `ZLLRqB9pf`, kdP_WncMn: !1, layoutId: `ZLLRqB9pf`, nQWOpC8zj: 8, variant: `aRB94otF7`, width: `100%`, YbsaeEF4R: `Solution` }) }) }) }), u(`div`, { className: `framer-vj52b1`, "data-framer-name": `Heading text`, children: [ p(PropertyOverrides2, { breakpoint: baseVariant, overrides: { LIxzhGHPd: { children: p(x, { children: u(`h2`, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `54px`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.05em`, "--framer-text-alignment": `center`, "--framer-text-color": `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))` }, children: [ `All-in-One Video `, p(`span`, { style: { "--font-selector": `R0Y7SW5zdHJ1bWVudCBTZXJpZi1pdGFsaWM=`, "--framer-font-family": `"Instrument Serif", "Instrument Serif Placeholder", serif`, "--framer-font-style": `italic`, "--framer-font-weight": `400` }, children: `Editing` }), ` Services for `, p(`span`, { style: { "--font-selector": `R0Y7SW5zdHJ1bWVudCBTZXJpZi1pdGFsaWM=`, "--framer-font-family": `"Instrument Serif", "Instrument Serif Placeholder", serif`, "--framer-font-style": `italic`, "--framer-font-weight": `400` }, children: `Brands` }), ` and `, p(`span`, { style: { "--font-selector": `R0Y7SW5zdHJ1bWVudCBTZXJpZi1pdGFsaWM=`, "--framer-font-family": `"Instrument Serif", "Instrument Serif Placeholder", serif`, "--framer-font-style": `italic`, "--framer-font-weight": `400` }, children: `Creators` }) ] }) }) }, os8gfPtLB: { children: p(x, { children: u(`h2`, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `36px`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.05em`, "--framer-text-alignment": `center`, "--framer-text-color": `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))` }, children: [ `All-in-One Video `, p(`span`, { style: { "--font-selector": `R0Y7SW5zdHJ1bWVudCBTZXJpZi1pdGFsaWM=`, "--framer-font-family": `"Instrument Serif", "Instrument Serif Placeholder", serif`, "--framer-font-style": `italic`, "--framer-font-weight": `400` }, children: `Editing` }), ` Services for `, p(`span`, { style: { "--font-selector": `R0Y7SW5zdHJ1bWVudCBTZXJpZi1pdGFsaWM=`, "--framer-font-family": `"Instrument Serif", "Instrument Serif Placeholder", serif`, "--framer-font-style": `italic`, "--framer-font-weight": `400` }, children: `Brands` }), ` and `, p(`span`, { style: { "--font-selector": `R0Y7SW5zdHJ1bWVudCBTZXJpZi1pdGFsaWM=`, "--framer-font-family": `"Instrument Serif", "Instrument Serif Placeholder", serif`, "--framer-font-style": `italic`, "--framer-font-weight": `400` }, children: `Creators` }) ] }) }) }, r37_cMGAg: { children: p(x, { children: u(`h2`, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `64px`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.05em`, "--framer-text-alignment": `center`, "--framer-text-color": `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))` }, children: [ `All-in-One Video `, p(`span`, { style: { "--font-selector": `R0Y7SW5zdHJ1bWVudCBTZXJpZi1pdGFsaWM=`, "--framer-font-family": `"Instrument Serif", "Instrument Serif Placeholder", serif`, "--framer-font-style": `italic`, "--framer-font-weight": `400` }, children: `Editing` }), ` Services for `, p(`span`, { style: { "--font-selector": `R0Y7SW5zdHJ1bWVudCBTZXJpZi1pdGFsaWM=`, "--framer-font-family": `"Instrument Serif", "Instrument Serif Placeholder", serif`, "--framer-font-style": `italic`, "--framer-font-weight": `400` }, children: `Brands` }), ` and `, p(`span`, { style: { "--font-selector": `R0Y7SW5zdHJ1bWVudCBTZXJpZi1pdGFsaWM=`, "--framer-font-family": `"Instrument Serif", "Instrument Serif Placeholder", serif`, "--framer-font-style": `italic`, "--framer-font-weight": `400` }, children: `Creators` }) ] }) }) } }, children: p(RichText, { __fromCanvasComponent: !0, children: p(x, { children: u(`h2`, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `72px`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.05em`, "--framer-text-alignment": `center`, "--framer-text-color": `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))` }, children: [ `All-in-One Video `, p(`span`, { style: { "--font-selector": `R0Y7SW5zdHJ1bWVudCBTZXJpZi1pdGFsaWM=`, "--framer-font-family": `"Instrument Serif", "Instrument Serif Placeholder", serif`, "--framer-font-style": `italic`, "--framer-font-weight": `400` }, children: `Editing` }), ` Services for `, p(`span`, { style: { "--font-selector": `R0Y7SW5zdHJ1bWVudCBTZXJpZi1pdGFsaWM=`, "--framer-font-family": `"Instrument Serif", "Instrument Serif Placeholder", serif`, "--framer-font-style": `italic`, "--framer-font-weight": `400` }, children: `Brands` }), ` and `, p(`span`, { style: { "--font-selector": `R0Y7SW5zdHJ1bWVudCBTZXJpZi1pdGFsaWM=`, "--framer-font-family": `"Instrument Serif", "Instrument Serif Placeholder", serif`, "--framer-font-style": `italic`, "--framer-font-weight": `400` }, children: `Creators` }) ] }) }), className: `framer-zs89jv`, fonts: [ `FS;Satoshi-medium`, `GF;Instrument Serif-italic` ], verticalAlignment: `top`, withExternalLayout: !0 }) }), p(RichText, { __fromCanvasComponent: !0, children: p(x, { children: p(`p`, { className: `framer-styles-preset-412m69`, "data-styles-preset": `k9MffJa0I`, children: `Creating consistent, high-quality visual content shouldn’t be a struggle. Edit Lobby gives creators and brands one place to manage all their video editing needs. Without delays or scattered communication.` }) }), className: `framer-cb4afc`, fonts: [`Inter`], verticalAlignment: `top`, withExternalLayout: !0 }) ] }) ] }), u(`div`, { className: `framer-1l0rpsd`, "data-framer-name": `Categories`, children: [ isDisplayed() && p(ComponentViewportProvider, { children: p(Container, { className: `framer-1vh1i3m-container hidden-92dof8 hidden-1ay7jxk hidden-ghhu7e`, "data-framer-name": `Desktop Ticker`, isAuthoredByUser: !0, isModuleExternal: !0, name: `Desktop Ticker`, nodeId: `bHgierF84`, scopeId: `MzVDsyX25`, children: p(Ticker, { alignment: `center`, direction: `left`, fadeOptions: { fadeAlpha: 0, fadeContent: !0, fadeInset: 0, fadeWidth: 50, overflow: !1 }, gap: 24, height: `100%`, hoverFactor: 1, id: `bHgierF84`, layoutId: `bHgierF84`, name: `Desktop Ticker`, padding: 0, paddingBottom: 0, paddingLeft: 0, paddingPerSide: !1, paddingRight: 0, paddingTop: 0, sizingOptions: { heightType: !0, widthType: !0 }, slots: [ p(ComponentViewportProvider, { height: 78, width: `276px`, children: p(Container, { className: `framer-wsloaf-container`, "data-framer-name": `Desktop Cinemati edits`, inComponentSlot: !0, name: `Desktop Cinemati edits`, nodeId: `UWV4U6yWz`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( Framertz2RGqDgb, { height: `100%`, id: `UWV4U6yWz`, layoutId: `UWV4U6yWz`, name: `Desktop Cinemati edits`, variant: `WwcXOU5nG`, width: `100%`, wKmwyMQI0: `Cinematic Edits`, ZUyAXbAM4: `MagicWand` } ) }) }), p(ComponentViewportProvider, { height: 78, width: `250.5px`, children: p(Container, { className: `framer-je4i66-container`, "data-framer-name": `Desktop Event Recaps`, inComponentSlot: !0, name: `Desktop Event Recaps`, nodeId: `blonNlNaa`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( Framertz2RGqDgb, { height: `100%`, id: `blonNlNaa`, layoutId: `blonNlNaa`, name: `Desktop Event Recaps`, variant: `WwcXOU5nG`, width: `100%`, wKmwyMQI0: `Event Recaps`, ZUyAXbAM4: `Desktop` } ) }) }), p(ComponentViewportProvider, { height: 78, width: `247.5px`, children: p(Container, { className: `framer-ngtxvn-container`, "data-framer-name": `Desktop commercials`, inComponentSlot: !0, name: `Desktop commercials`, nodeId: `tFNmp02G4`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( Framertz2RGqDgb, { height: `100%`, id: `tFNmp02G4`, layoutId: `tFNmp02G4`, name: `Desktop commercials`, variant: `WwcXOU5nG`, width: `100%`, wKmwyMQI0: `Commercials`, ZUyAXbAM4: `Laptop` } ) }) }), p(ComponentViewportProvider, { height: 78, width: `238.5px`, children: p(Container, { className: `framer-1y0nbh8-container`, "data-framer-name": `Desktop BV`, inComponentSlot: !0, name: `Desktop BV`, nodeId: `Qb0Qndy1V`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( Framertz2RGqDgb, { height: `100%`, id: `Qb0Qndy1V`, layoutId: `Qb0Qndy1V`, name: `Desktop BV`, variant: `WwcXOU5nG`, width: `100%`, wKmwyMQI0: `Brand Video`, ZUyAXbAM4: `ShoppingBag` } ) }) }) ], speed: 35, style: { height: `100%`, width: `100%` }, width: `100%` }) }) }), isDisplayed() && p(ComponentViewportProvider, { children: p(Container, { className: `framer-1r3m8xs-container hidden-92dof8 hidden-1ay7jxk hidden-ghhu7e`, "data-framer-name": `Desktop Ticker`, isAuthoredByUser: !0, isModuleExternal: !0, name: `Desktop Ticker`, nodeId: `OIMG0248t`, scopeId: `MzVDsyX25`, children: p(Ticker, { alignment: `center`, direction: `right`, fadeOptions: { fadeAlpha: 0, fadeContent: !0, fadeInset: 0, fadeWidth: 50, overflow: !1 }, gap: 24, height: `100%`, hoverFactor: 1, id: `OIMG0248t`, layoutId: `OIMG0248t`, name: `Desktop Ticker`, padding: 0, paddingBottom: 0, paddingLeft: 0, paddingPerSide: !1, paddingRight: 0, paddingTop: 0, sizingOptions: { heightType: !0, widthType: !0 }, slots: [ p(ComponentViewportProvider, { height: 78, width: `173.5px`, children: p(Container, { className: `framer-11ppsb1-container`, "data-framer-name": `Desktop Trailers`, inComponentSlot: !0, name: `Desktop Trailers`, nodeId: `bj74jf8zH`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( Framertz2RGqDgb, { height: `100%`, id: `bj74jf8zH`, layoutId: `bj74jf8zH`, name: `Desktop Trailers`, variant: `WwcXOU5nG`, width: `100%`, wKmwyMQI0: `Trailers`, ZUyAXbAM4: `Presentation` } ) }) }), p(ComponentViewportProvider, { height: 78, width: `309.5px`, children: p(Container, { className: `framer-cirphc-container`, "data-framer-name": `Desktop Real Estate Videos`, inComponentSlot: !0, name: `Desktop Real Estate Videos`, nodeId: `BPw5ogIGh`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( Framertz2RGqDgb, { height: `100%`, id: `BPw5ogIGh`, layoutId: `BPw5ogIGh`, name: `Desktop Real Estate Videos`, variant: `WwcXOU5nG`, width: `100%`, wKmwyMQI0: `Real Estate Videos`, ZUyAXbAM4: `DeviceMobile` } ) }) }), p(ComponentViewportProvider, { height: 78, width: `297px`, children: p(Container, { className: `framer-xlnv6k-container`, "data-framer-name": `Desktop Podcasts Snippets`, inComponentSlot: !0, name: `Desktop Podcasts Snippets`, nodeId: `UcaWxxqzJ`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( Framertz2RGqDgb, { height: `100%`, id: `UcaWxxqzJ`, layoutId: `UcaWxxqzJ`, name: `Desktop Podcasts Snippets`, variant: `WwcXOU5nG`, width: `100%`, wKmwyMQI0: `Podcast Snippets`, ZUyAXbAM4: `Envelope` } ) }) }), p(ComponentViewportProvider, { height: 78, width: `244.5px`, children: p(Container, { className: `framer-1xlj4pt-container`, "data-framer-name": `Desktop Talking Head`, inComponentSlot: !0, name: `Desktop Talking Head`, nodeId: `tFXLIeRiV`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( Framertz2RGqDgb, { height: `100%`, id: `tFXLIeRiV`, layoutId: `tFXLIeRiV`, name: `Desktop Talking Head`, variant: `WwcXOU5nG`, width: `100%`, wKmwyMQI0: `Talking Head`, ZUyAXbAM4: `ChartLine` } ) }) }), p(ComponentViewportProvider, { height: 78, width: `289px`, children: p(Container, { className: `framer-ip66qn-container`, "data-framer-name": `Desktop Explainer Video`, inComponentSlot: !0, name: `Desktop Explainer Video`, nodeId: `e1JrMos3m`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( Framertz2RGqDgb, { height: `100%`, id: `e1JrMos3m`, layoutId: `e1JrMos3m`, name: `Desktop Explainer Video`, variant: `WwcXOU5nG`, width: `100%`, wKmwyMQI0: `Explainer Videos`, ZUyAXbAM4: `InstagramLogo` } ) }) }) ], speed: 35, style: { height: `100%`, width: `100%` }, width: `100%` }) }) }), isDisplayed1() && p(ComponentViewportProvider, { children: p(Container, { className: `framer-1ljc6gh-container hidden-xe7qtd hidden-92dof8 hidden-1ay7jxk`, "data-framer-name": `Laptop Ticker`, isAuthoredByUser: !0, isModuleExternal: !0, name: `Laptop Ticker`, nodeId: `Y6EIWGOBb`, scopeId: `MzVDsyX25`, children: p(Ticker, { alignment: `center`, direction: `left`, fadeOptions: { fadeAlpha: 0, fadeContent: !0, fadeInset: 0, fadeWidth: 50, overflow: !1 }, gap: 20, height: `100%`, hoverFactor: 0.5, id: `Y6EIWGOBb`, layoutId: `Y6EIWGOBb`, name: `Laptop Ticker`, padding: 0, paddingBottom: 0, paddingLeft: 0, paddingPerSide: !1, paddingRight: 0, paddingTop: 0, sizingOptions: { heightType: !0, widthType: !0 }, slots: [ p(ComponentViewportProvider, { height: 78, width: `237px`, children: p(Container, { className: `framer-1cs52w9-container`, "data-framer-name": `Laptop Cinematic Edits`, inComponentSlot: !0, name: `Laptop Cinematic Edits`, nodeId: `jq9rhAiRZ`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( Framertz2RGqDgb, { height: `100%`, id: `jq9rhAiRZ`, layoutId: `jq9rhAiRZ`, name: `Laptop Cinematic Edits`, variant: `kX_qe8HVL`, width: `100%`, wKmwyMQI0: `Cinematic Edits`, ZUyAXbAM4: `MagicWand` } ) }) }), p(ComponentViewportProvider, { height: 78, width: `215.5px`, children: p(Container, { className: `framer-1m8dzbg-container`, "data-framer-name": `Laptop Event recaps`, inComponentSlot: !0, name: `Laptop Event recaps`, nodeId: `JGxf7oTh7`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( Framertz2RGqDgb, { height: `100%`, id: `JGxf7oTh7`, layoutId: `JGxf7oTh7`, name: `Laptop Event recaps`, variant: `kX_qe8HVL`, width: `100%`, wKmwyMQI0: `Event Recaps`, ZUyAXbAM4: `Desktop` } ) }) }), p(ComponentViewportProvider, { height: 78, width: `213px`, children: p(Container, { className: `framer-18giqyw-container`, "data-framer-name": `Laptop Commercials`, inComponentSlot: !0, name: `Laptop Commercials`, nodeId: `S_loj2Wn8`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( Framertz2RGqDgb, { height: `100%`, id: `S_loj2Wn8`, layoutId: `S_loj2Wn8`, name: `Laptop Commercials`, variant: `kX_qe8HVL`, width: `100%`, wKmwyMQI0: `Commercials`, ZUyAXbAM4: `Laptop` } ) }) }), p(ComponentViewportProvider, { height: 78, width: `205px`, children: p(Container, { className: `framer-1dtw2o9-container`, "data-framer-name": `Laptop BV`, inComponentSlot: !0, name: `Laptop BV`, nodeId: `V9h0sHfpH`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( Framertz2RGqDgb, { height: `100%`, id: `V9h0sHfpH`, layoutId: `V9h0sHfpH`, name: `Laptop BV`, variant: `kX_qe8HVL`, width: `100%`, wKmwyMQI0: `Brand Video`, ZUyAXbAM4: `ShoppingBag` } ) }) }) ], speed: 25, style: { height: `100%`, width: `100%` }, width: `100%` }) }) }), isDisplayed1() && p(ComponentViewportProvider, { children: p(Container, { className: `framer-a6ep63-container hidden-xe7qtd hidden-92dof8 hidden-1ay7jxk`, "data-framer-name": `Laptop Ticker`, isAuthoredByUser: !0, isModuleExternal: !0, name: `Laptop Ticker`, nodeId: `rTHsTm2Om`, scopeId: `MzVDsyX25`, children: p(Ticker, { alignment: `center`, direction: `right`, fadeOptions: { fadeAlpha: 0, fadeContent: !0, fadeInset: 0, fadeWidth: 50, overflow: !1 }, gap: 20, height: `100%`, hoverFactor: 0.5, id: `rTHsTm2Om`, layoutId: `rTHsTm2Om`, name: `Laptop Ticker`, padding: 0, paddingBottom: 0, paddingLeft: 0, paddingPerSide: !1, paddingRight: 0, paddingTop: 0, sizingOptions: { heightType: !0, widthType: !0 }, slots: [ p(ComponentViewportProvider, { height: 78, width: `149px`, children: p(Container, { className: `framer-rp8dc5-container`, "data-framer-name": `Laptop Trailers`, inComponentSlot: !0, name: `Laptop Trailers`, nodeId: `Xk0LAeCek`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( Framertz2RGqDgb, { height: `100%`, id: `Xk0LAeCek`, layoutId: `Xk0LAeCek`, name: `Laptop Trailers`, variant: `kX_qe8HVL`, width: `100%`, wKmwyMQI0: `Trailers`, ZUyAXbAM4: `Presentation` } ) }) }), p(ComponentViewportProvider, { height: 78, width: `265.5px`, children: p(Container, { className: `framer-15o2ipd-container`, "data-framer-name": `Laptop Real Estate Videos`, inComponentSlot: !0, name: `Laptop Real Estate Videos`, nodeId: `uH9l0GypA`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( Framertz2RGqDgb, { height: `100%`, id: `uH9l0GypA`, layoutId: `uH9l0GypA`, name: `Laptop Real Estate Videos`, variant: `kX_qe8HVL`, width: `100%`, wKmwyMQI0: `Real Estate Videos`, ZUyAXbAM4: `DeviceMobile` } ) }) }), p(ComponentViewportProvider, { height: 78, width: `255px`, children: p(Container, { className: `framer-156nyjt-container`, "data-framer-name": `Laptop Podcasts Snippets`, inComponentSlot: !0, name: `Laptop Podcasts Snippets`, nodeId: `qj8O86JVI`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( Framertz2RGqDgb, { height: `100%`, id: `qj8O86JVI`, layoutId: `qj8O86JVI`, name: `Laptop Podcasts Snippets`, variant: `kX_qe8HVL`, width: `100%`, wKmwyMQI0: `Podcast Snippets`, ZUyAXbAM4: `Envelope` } ) }) }), p(ComponentViewportProvider, { height: 78, width: `210px`, children: p(Container, { className: `framer-1h11z49-container`, "data-framer-name": `Laptop Talking Head`, inComponentSlot: !0, name: `Laptop Talking Head`, nodeId: `bJ08AfYNf`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( Framertz2RGqDgb, { height: `100%`, id: `bJ08AfYNf`, layoutId: `bJ08AfYNf`, name: `Laptop Talking Head`, variant: `kX_qe8HVL`, width: `100%`, wKmwyMQI0: `Talking Head`, ZUyAXbAM4: `ChartLine` } ) }) }), p(ComponentViewportProvider, { height: 78, width: `248px`, children: p(Container, { className: `framer-1nvar4m-container`, "data-framer-name": `Laptop Explainer Video`, inComponentSlot: !0, name: `Laptop Explainer Video`, nodeId: `O97pWnylx`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( Framertz2RGqDgb, { height: `100%`, id: `O97pWnylx`, layoutId: `O97pWnylx`, name: `Laptop Explainer Video`, variant: `kX_qe8HVL`, width: `100%`, wKmwyMQI0: `Explainer Videos`, ZUyAXbAM4: `InstagramLogo` } ) }) }) ], speed: 25, style: { height: `100%`, width: `100%` }, width: `100%` }) }) }), isDisplayed2() && p(ComponentViewportProvider, { children: p(Container, { className: `framer-1nv9euo-container hidden-xe7qtd hidden-1ay7jxk hidden-ghhu7e`, "data-framer-name": `Tablet Ticker`, isAuthoredByUser: !0, isModuleExternal: !0, name: `Tablet Ticker`, nodeId: `GJTpzloVn`, scopeId: `MzVDsyX25`, children: p(Ticker, { alignment: `center`, direction: `left`, fadeOptions: { fadeAlpha: 0, fadeContent: !0, fadeInset: 0, fadeWidth: 50, overflow: !1 }, gap: 16, height: `100%`, hoverFactor: 0.5, id: `GJTpzloVn`, layoutId: `GJTpzloVn`, name: `Tablet Ticker`, padding: 0, paddingBottom: 0, paddingLeft: 0, paddingPerSide: !1, paddingRight: 0, paddingTop: 0, sizingOptions: { heightType: !0, widthType: !0 }, slots: [ p(ComponentViewportProvider, { height: 78, width: `213.5px`, children: p(Container, { className: `framer-1uxw198-container`, "data-framer-name": `TabletCinematic Edits`, inComponentSlot: !0, name: `TabletCinematic Edits`, nodeId: `p7Gw2vk1d`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( Framertz2RGqDgb, { height: `100%`, id: `p7Gw2vk1d`, layoutId: `p7Gw2vk1d`, name: `TabletCinematic Edits`, variant: `j7d2OmgAj`, width: `100%`, wKmwyMQI0: `Cinematic Edits`, ZUyAXbAM4: `MagicWand` } ) }) }), p(ComponentViewportProvider, { height: 78, width: `193.5px`, children: p(Container, { className: `framer-tkry3q-container`, "data-framer-name": `Tablet Event recaps`, inComponentSlot: !0, name: `Tablet Event recaps`, nodeId: `p0QjKTZjo`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( Framertz2RGqDgb, { height: `100%`, id: `p0QjKTZjo`, layoutId: `p0QjKTZjo`, name: `Tablet Event recaps`, variant: `j7d2OmgAj`, width: `100%`, wKmwyMQI0: `Event Recaps`, ZUyAXbAM4: `Desktop` } ) }) }), p(ComponentViewportProvider, { height: 78, width: `191.5px`, children: p(Container, { className: `framer-hbw5vt-container`, "data-framer-name": `Tablet Commercials`, inComponentSlot: !0, name: `Tablet Commercials`, nodeId: `cs9jlmEKw`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( Framertz2RGqDgb, { height: `100%`, id: `cs9jlmEKw`, layoutId: `cs9jlmEKw`, name: `Tablet Commercials`, variant: `j7d2OmgAj`, width: `100%`, wKmwyMQI0: `Commercials`, ZUyAXbAM4: `Laptop` } ) }) }), p(ComponentViewportProvider, { height: 78, width: `184px`, children: p(Container, { className: `framer-167067u-container`, "data-framer-name": `Tablet BV`, inComponentSlot: !0, name: `Tablet BV`, nodeId: `sAGQg0WFO`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( Framertz2RGqDgb, { height: `100%`, id: `sAGQg0WFO`, layoutId: `sAGQg0WFO`, name: `Tablet BV`, variant: `j7d2OmgAj`, width: `100%`, wKmwyMQI0: `Brand Video`, ZUyAXbAM4: `ShoppingBag` } ) }) }) ], speed: 25, style: { height: `100%`, width: `100%` }, width: `100%` }) }) }), isDisplayed2() && p(ComponentViewportProvider, { children: p(Container, { className: `framer-4mmkrc-container hidden-xe7qtd hidden-1ay7jxk hidden-ghhu7e`, "data-framer-name": `Tablet Ticker`, isAuthoredByUser: !0, isModuleExternal: !0, name: `Tablet Ticker`, nodeId: `fqChpucCd`, scopeId: `MzVDsyX25`, children: p(Ticker, { alignment: `center`, direction: `right`, fadeOptions: { fadeAlpha: 0, fadeContent: !0, fadeInset: 0, fadeWidth: 50, overflow: !1 }, gap: 16, height: `100%`, hoverFactor: 0.5, id: `fqChpucCd`, layoutId: `fqChpucCd`, name: `Tablet Ticker`, padding: 0, paddingBottom: 0, paddingLeft: 0, paddingPerSide: !1, paddingRight: 0, paddingTop: 0, sizingOptions: { heightType: !0, widthType: !0 }, slots: [ p(ComponentViewportProvider, { height: 78, width: `133px`, children: p(Container, { className: `framer-1dt9d38-container`, "data-framer-name": `Tablet Trailers`, inComponentSlot: !0, name: `Tablet Trailers`, nodeId: `JYbj9rOGX`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( Framertz2RGqDgb, { height: `100%`, id: `JYbj9rOGX`, layoutId: `JYbj9rOGX`, name: `Tablet Trailers`, variant: `j7d2OmgAj`, width: `100%`, wKmwyMQI0: `Trailers`, ZUyAXbAM4: `Presentation` } ) }) }), p(ComponentViewportProvider, { height: 78, width: `240px`, children: p(Container, { className: `framer-1ir0ovo-container`, "data-framer-name": `Tablet Real Estate Videos`, inComponentSlot: !0, name: `Tablet Real Estate Videos`, nodeId: `og6erP8lX`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( Framertz2RGqDgb, { height: `100%`, id: `og6erP8lX`, layoutId: `og6erP8lX`, name: `Tablet Real Estate Videos`, variant: `j7d2OmgAj`, width: `100%`, wKmwyMQI0: `Real Estate Videos`, ZUyAXbAM4: `DeviceMobile` } ) }) }), p(ComponentViewportProvider, { height: 78, width: `230px`, children: p(Container, { className: `framer-2zxhhe-container`, "data-framer-name": `Tablet Podcasts Snippets`, inComponentSlot: !0, name: `Tablet Podcasts Snippets`, nodeId: `weTxCFKQk`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( Framertz2RGqDgb, { height: `100%`, id: `weTxCFKQk`, layoutId: `weTxCFKQk`, name: `Tablet Podcasts Snippets`, variant: `j7d2OmgAj`, width: `100%`, wKmwyMQI0: `Podcast Snippets`, ZUyAXbAM4: `Envelope` } ) }) }), p(ComponentViewportProvider, { height: 78, width: `189px`, children: p(Container, { className: `framer-1ll8gxh-container`, "data-framer-name": `Tablet Talking Head`, inComponentSlot: !0, name: `Tablet Talking Head`, nodeId: `JAet_0XOj`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( Framertz2RGqDgb, { height: `100%`, id: `JAet_0XOj`, layoutId: `JAet_0XOj`, name: `Tablet Talking Head`, variant: `j7d2OmgAj`, width: `100%`, wKmwyMQI0: `Talking Head`, ZUyAXbAM4: `ChartLine` } ) }) }), p(ComponentViewportProvider, { height: 78, width: `224px`, children: p(Container, { className: `framer-1sy4iwp-container`, "data-framer-name": `Tablet Explainer Video`, inComponentSlot: !0, name: `Tablet Explainer Video`, nodeId: `O2m0Rvuby`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( Framertz2RGqDgb, { height: `100%`, id: `O2m0Rvuby`, layoutId: `O2m0Rvuby`, name: `Tablet Explainer Video`, variant: `j7d2OmgAj`, width: `100%`, wKmwyMQI0: `Explainer Videos`, ZUyAXbAM4: `InstagramLogo` } ) }) }) ], speed: 25, style: { height: `100%`, width: `100%` }, width: `100%` }) }) }), isDisplayed3() && p(ComponentViewportProvider, { children: p(Container, { className: `framer-1mtuk72-container hidden-xe7qtd hidden-92dof8 hidden-ghhu7e`, "data-framer-name": `Phone Ticker`, isAuthoredByUser: !0, isModuleExternal: !0, name: `Phone Ticker`, nodeId: `M8bL_4P7M`, scopeId: `MzVDsyX25`, children: p(Ticker, { alignment: `center`, direction: `left`, fadeOptions: { fadeAlpha: 0, fadeContent: !0, fadeInset: 0, fadeWidth: 50, overflow: !1 }, gap: 12, height: `100%`, hoverFactor: 0.5, id: `M8bL_4P7M`, layoutId: `M8bL_4P7M`, name: `Phone Ticker`, padding: 0, paddingBottom: 0, paddingLeft: 0, paddingPerSide: !1, paddingRight: 0, paddingTop: 0, sizingOptions: { heightType: !0, widthType: !0 }, slots: [ p(ComponentViewportProvider, { height: 78, width: `142px`, children: p(Container, { className: `framer-hwkry5-container`, "data-framer-name": `Phone Cinematic Edits`, inComponentSlot: !0, name: `Phone Cinematic Edits`, nodeId: `txnUi9wMt`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( Framertz2RGqDgb, { height: `100%`, id: `txnUi9wMt`, layoutId: `txnUi9wMt`, name: `Phone Cinematic Edits`, variant: `AV2f0poa2`, width: `100%`, wKmwyMQI0: `Cinematic Edits`, ZUyAXbAM4: `MagicWand` } ) }) }), p(ComponentViewportProvider, { height: 78, width: `129px`, children: p(Container, { className: `framer-renjco-container`, "data-framer-name": `Phone Event recaps`, inComponentSlot: !0, name: `Phone Event recaps`, nodeId: `y6lUNjNk6`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( Framertz2RGqDgb, { height: `100%`, id: `y6lUNjNk6`, layoutId: `y6lUNjNk6`, name: `Phone Event recaps`, variant: `AV2f0poa2`, width: `100%`, wKmwyMQI0: `Event Recaps`, ZUyAXbAM4: `Desktop` } ) }) }), p(ComponentViewportProvider, { height: 78, width: `128px`, children: p(Container, { className: `framer-1rgtiw1-container`, "data-framer-name": `Phone Commercials`, inComponentSlot: !0, name: `Phone Commercials`, nodeId: `YE5bQTAoi`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( Framertz2RGqDgb, { height: `100%`, id: `YE5bQTAoi`, layoutId: `YE5bQTAoi`, name: `Phone Commercials`, variant: `AV2f0poa2`, width: `100%`, wKmwyMQI0: `Commercials`, ZUyAXbAM4: `Laptop` } ) }) }), p(ComponentViewportProvider, { height: 78, width: `123px`, children: p(Container, { className: `framer-176q1xm-container`, "data-framer-name": `Phone BV`, inComponentSlot: !0, name: `Phone BV`, nodeId: `APw2uOsUw`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( Framertz2RGqDgb, { height: `100%`, id: `APw2uOsUw`, layoutId: `APw2uOsUw`, name: `Phone BV`, variant: `AV2f0poa2`, width: `100%`, wKmwyMQI0: `Brand Video`, ZUyAXbAM4: `ShoppingBag` } ) }) }) ], speed: 25, style: { height: `100%`, width: `100%` }, width: `100%` }) }) }), isDisplayed3() && p(ComponentViewportProvider, { children: p(Container, { className: `framer-1w0kknd-container hidden-xe7qtd hidden-92dof8 hidden-ghhu7e`, "data-framer-name": `Phone Ticker`, isAuthoredByUser: !0, isModuleExternal: !0, name: `Phone Ticker`, nodeId: `qZiy6UvEx`, scopeId: `MzVDsyX25`, children: p(Ticker, { alignment: `center`, direction: `right`, fadeOptions: { fadeAlpha: 0, fadeContent: !0, fadeInset: 0, fadeWidth: 50, overflow: !1 }, gap: 12, height: `100%`, hoverFactor: 0.5, id: `qZiy6UvEx`, layoutId: `qZiy6UvEx`, name: `Phone Ticker`, padding: 0, paddingBottom: 0, paddingLeft: 0, paddingPerSide: !1, paddingRight: 0, paddingTop: 0, sizingOptions: { heightType: !0, widthType: !0 }, slots: [ p(ComponentViewportProvider, { height: 78, width: `90.5px`, children: p(Container, { className: `framer-yygy4-container`, "data-framer-name": `Phone Trailers`, inComponentSlot: !0, name: `Phone Trailers`, nodeId: `xdlj6DEYX`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( Framertz2RGqDgb, { height: `100%`, id: `xdlj6DEYX`, layoutId: `xdlj6DEYX`, name: `Phone Trailers`, variant: `AV2f0poa2`, width: `100%`, wKmwyMQI0: `Trailers`, ZUyAXbAM4: `Presentation` } ) }) }), p(ComponentViewportProvider, { height: 78, width: `158.5px`, children: p(Container, { className: `framer-yi3nlx-container`, "data-framer-name": `Phone Real Estate Videos`, inComponentSlot: !0, name: `Phone Real Estate Videos`, nodeId: `zvvfc2lpI`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( Framertz2RGqDgb, { height: `100%`, id: `zvvfc2lpI`, layoutId: `zvvfc2lpI`, name: `Phone Real Estate Videos`, variant: `AV2f0poa2`, width: `100%`, wKmwyMQI0: `Real Estate Videos`, ZUyAXbAM4: `DeviceMobile` } ) }) }), p(ComponentViewportProvider, { height: 78, width: `152.5px`, children: p(Container, { className: `framer-1lqiuok-container`, "data-framer-name": `Phone Podcasts Snippets`, inComponentSlot: !0, name: `Phone Podcasts Snippets`, nodeId: `p4dw58u91`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( Framertz2RGqDgb, { height: `100%`, id: `p4dw58u91`, layoutId: `p4dw58u91`, name: `Phone Podcasts Snippets`, variant: `AV2f0poa2`, width: `100%`, wKmwyMQI0: `Podcast Snippets`, ZUyAXbAM4: `Envelope` } ) }) }), p(ComponentViewportProvider, { height: 78, width: `126px`, children: p(Container, { className: `framer-fnwkq7-container`, "data-framer-name": `Phone Talking Head`, inComponentSlot: !0, name: `Phone Talking Head`, nodeId: `RbGdD_sU4`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( Framertz2RGqDgb, { height: `100%`, id: `RbGdD_sU4`, layoutId: `RbGdD_sU4`, name: `Phone Talking Head`, variant: `AV2f0poa2`, width: `100%`, wKmwyMQI0: `Talking Head`, ZUyAXbAM4: `ChartLine` } ) }) }), p(ComponentViewportProvider, { height: 78, width: `148.5px`, children: p(Container, { className: `framer-o6uk24-container`, "data-framer-name": `Phone Explainer Video`, inComponentSlot: !0, name: `Phone Explainer Video`, nodeId: `PUy6dZQnG`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( Framertz2RGqDgb, { height: `100%`, id: `PUy6dZQnG`, layoutId: `PUy6dZQnG`, name: `Phone Explainer Video`, variant: `AV2f0poa2`, width: `100%`, wKmwyMQI0: `Explainer Videos`, ZUyAXbAM4: `InstagramLogo` } ) }) }) ], speed: 25, style: { height: `100%`, width: `100%` }, width: `100%` }) }) }) ] }) ] }) }), p(`div`, { className: `framer-16bf5ka`, "data-framer-name": `Trusted client container`, children: u(MotionDivWithFX, { __framer__animate: { transition: transition1 }, __framer__animateOnce: !0, __framer__enter: animation8, __framer__styleAppearEffectEnabled: !0, __framer__targets: [ { offset: 150, ref: ref7, target: `animate` } ], __framer__threshold: 1, __perspectiveFX: !1, __targetOpacity: 1, className: `framer-fndf1i`, "data-framer-name": `Container`, id: elementId3, ref: ref7, style: { transformPerspective: 1200 }, children: [ p(PropertyOverrides2, { breakpoint: baseVariant, overrides: { LIxzhGHPd: { y: void 0 }, os8gfPtLB: { y: void 0 }, r37_cMGAg: { y: (componentViewport?.y || 0) + 0 + 200 + 0 + 1469.8 + 64 + 0 + 0 + 0 } }, children: p(ComponentViewportProvider, { height: 40, y: (componentViewport?.y || 0) + 0 + 200 + 0 + 1503.4 + 64 + 0 + 0 + 0, children: p(Container, { className: `framer-1fn8r0u-container`, nodeId: `mQ0ccNqhg`, scopeId: `MzVDsyX25`, children: p(FramerF5zSwZv4k, { crA6wBj3k: !1, dI2V912ba: `rgba(13, 13, 13, 0.4)`, gpaDS0xo1: `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))`, height: `100%`, id: `mQ0ccNqhg`, kdP_WncMn: !1, layoutId: `mQ0ccNqhg`, nQWOpC8zj: 8, variant: `aRB94otF7`, width: `100%`, YbsaeEF4R: `Our work has been trusted by` }) }) }) }), isDisplayed() && p(ComponentViewportProvider, { children: p(Container, { className: `framer-jbi4u3-container hidden-92dof8 hidden-1ay7jxk hidden-ghhu7e`, "data-framer-name": `Desktop Logos`, isAuthoredByUser: !0, isModuleExternal: !0, name: `Desktop Logos`, nodeId: `O5ZhTAi3M`, scopeId: `MzVDsyX25`, children: p(Ticker, { alignment: `center`, direction: `left`, fadeOptions: { fadeAlpha: 0, fadeContent: !0, fadeInset: 0, fadeWidth: 50, overflow: !1 }, gap: 24, height: `100%`, hoverFactor: 1, id: `O5ZhTAi3M`, layoutId: `O5ZhTAi3M`, name: `Desktop Logos`, padding: 0, paddingBottom: 0, paddingLeft: 0, paddingPerSide: !1, paddingRight: 0, paddingTop: 0, sizingOptions: { heightType: !0, widthType: !0 }, slots: [ p(Image2, { background: { alt: ``, fit: `fill`, intrinsicHeight: 408, intrinsicWidth: 600, pixelHeight: 816, pixelWidth: 1200, sizes: `98px`, src: `https://framerusercontent.com/images/fNOFCZfSnEFA5yQn5Q9TRz02V0.png?scale-down-to=1024&width=1200&height=816`, srcSet: `https://framerusercontent.com/images/fNOFCZfSnEFA5yQn5Q9TRz02V0.png?scale-down-to=512&width=1200&height=816 512w,https://framerusercontent.com/images/fNOFCZfSnEFA5yQn5Q9TRz02V0.png?scale-down-to=1024&width=1200&height=816 1024w,https://framerusercontent.com/images/fNOFCZfSnEFA5yQn5Q9TRz02V0.png?width=1200&height=816 1200w` }, className: `framer-zf9d9b`, "data-framer-name": `Alo Yoga_logo.svg` }), p(Image2, { background: { alt: ``, fit: `fill`, intrinsicHeight: 1200, intrinsicWidth: 1200, pixelHeight: 1729, pixelWidth: 2400, sizes: `147px`, src: `https://framerusercontent.com/images/n1LBiCe285CaLiAmVwhe4B4UBy8.png?scale-down-to=2048&width=2400&height=1729`, srcSet: `https://framerusercontent.com/images/n1LBiCe285CaLiAmVwhe4B4UBy8.png?scale-down-to=512&width=2400&height=1729 512w,https://framerusercontent.com/images/n1LBiCe285CaLiAmVwhe4B4UBy8.png?scale-down-to=1024&width=2400&height=1729 1024w,https://framerusercontent.com/images/n1LBiCe285CaLiAmVwhe4B4UBy8.png?scale-down-to=2048&width=2400&height=1729 2048w,https://framerusercontent.com/images/n1LBiCe285CaLiAmVwhe4B4UBy8.png?width=2400&height=1729 2400w` }, className: `framer-37lvzy`, "data-framer-name": `Sheraton-hotels-resorts-2-logo-png-transparent` }), p(Image2, { background: { alt: ``, fit: `fill`, intrinsicHeight: 168, intrinsicWidth: 398, pixelHeight: 336, pixelWidth: 796, sizes: `183px`, src: `https://framerusercontent.com/images/U6q2bmOxOt3wWRB5WGHNT7Vs1s.png?scale-down-to=512&width=796&height=336`, srcSet: `https://framerusercontent.com/images/U6q2bmOxOt3wWRB5WGHNT7Vs1s.png?scale-down-to=512&width=796&height=336 512w,https://framerusercontent.com/images/U6q2bmOxOt3wWRB5WGHNT7Vs1s.png?width=796&height=336 796w` }, className: `framer-6qs6de`, "data-framer-name": `Set-in-birch-regular` }), p(Image2, { background: { alt: ``, fit: `fill`, intrinsicHeight: 100, intrinsicWidth: 100, pixelHeight: 200, pixelWidth: 200, src: `https://framerusercontent.com/images/WF35L6RGhEz0p38b449WdcxVz1Y.png?width=200&height=200` }, className: `framer-1sxtuhc`, "data-framer-name": `Novantwrk logo` }), p(Image2, { background: { alt: ``, fit: `fill`, intrinsicHeight: 84, intrinsicWidth: 207.5, pixelHeight: 73, pixelWidth: 371, src: `https://framerusercontent.com/images/JYHb6s47X2dJXoyMq0befy5v4.png?width=371&height=73` }, className: `framer-psj14r`, "data-framer-name": `Onesize 2` }), p(Image2, { background: { alt: ``, fit: `fill`, intrinsicHeight: 150, intrinsicWidth: 150, pixelHeight: 131, pixelWidth: 300, src: `https://framerusercontent.com/images/j0ANT6ttSpfKRQP7Op0z943V8.png?width=300&height=131` }, className: `framer-116kk1c`, "data-framer-name": `Hilton-au3tgvy4f7mzpdyp1z0i3b` }), p(Image2, { background: { alt: ``, fit: `fill`, intrinsicHeight: 315, intrinsicWidth: 600, pixelHeight: 470, pixelWidth: 649, sizes: `154px`, src: `https://framerusercontent.com/images/EJ4h2r1uI2xff5oCOjtYXefo.png?width=649&height=470`, srcSet: `https://framerusercontent.com/images/EJ4h2r1uI2xff5oCOjtYXefo.png?scale-down-to=512&width=649&height=470 512w,https://framerusercontent.com/images/EJ4h2r1uI2xff5oCOjtYXefo.png?width=649&height=470 649w` }, className: `framer-1kq80cf`, "data-framer-name": `52c703 39d15a53e31246a8abdfab31b0e058a6~mv2` }), p(Image2, { background: { alt: ``, fit: `fill`, intrinsicHeight: 450, intrinsicWidth: 450, pixelHeight: 900, pixelWidth: 900, sizes: `127px`, src: `https://framerusercontent.com/images/AnxU0UCeCWwF9Ho7tYxvAseupI.png?scale-down-to=512&width=900&height=900`, srcSet: `https://framerusercontent.com/images/AnxU0UCeCWwF9Ho7tYxvAseupI.png?scale-down-to=512&width=900&height=900 512w,https://framerusercontent.com/images/AnxU0UCeCWwF9Ho7tYxvAseupI.png?width=900&height=900 900w` }, className: `framer-17z8wk9`, "data-framer-name": `Pizza slime` }), p(Image2, { background: { alt: ``, fit: `fill`, intrinsicHeight: 159.5, intrinsicWidth: 300, pixelHeight: 319, pixelWidth: 600, sizes: `170px`, src: `https://framerusercontent.com/images/EfcJyUW5bG7xBT6inWySMaP7yAM.png?scale-down-to=512&width=600&height=319`, srcSet: `https://framerusercontent.com/images/EfcJyUW5bG7xBT6inWySMaP7yAM.png?scale-down-to=512&width=600&height=319 512w,https://framerusercontent.com/images/EfcJyUW5bG7xBT6inWySMaP7yAM.png?width=600&height=319 600w` }, className: `framer-1hxukp2`, "data-framer-name": `Adidas-logo-1991-1-600x319` }) ], speed: 35, style: { height: `100%`, width: `100%` }, width: `100%` }) }) }), isDisplayed1() && p(ComponentViewportProvider, { children: p(Container, { className: `framer-mv80jt-container hidden-xe7qtd hidden-92dof8 hidden-1ay7jxk`, "data-framer-name": `Laptop Logos`, isAuthoredByUser: !0, isModuleExternal: !0, name: `Laptop Logos`, nodeId: `IOpVvV2iL`, scopeId: `MzVDsyX25`, children: p(Ticker, { alignment: `center`, direction: `left`, fadeOptions: { fadeAlpha: 0, fadeContent: !0, fadeInset: 0, fadeWidth: 50, overflow: !1 }, gap: 24, height: `100%`, hoverFactor: 1, id: `IOpVvV2iL`, layoutId: `IOpVvV2iL`, name: `Laptop Logos`, padding: 0, paddingBottom: 0, paddingLeft: 0, paddingPerSide: !1, paddingRight: 0, paddingTop: 0, sizingOptions: { heightType: !0, widthType: !0 }, slots: [ p(Image2, { background: { alt: ``, fit: `fill`, intrinsicHeight: 408, intrinsicWidth: 600, pixelHeight: 816, pixelWidth: 1200, sizes: `78px`, src: `https://framerusercontent.com/images/fNOFCZfSnEFA5yQn5Q9TRz02V0.png?scale-down-to=1024&width=1200&height=816`, srcSet: `https://framerusercontent.com/images/fNOFCZfSnEFA5yQn5Q9TRz02V0.png?scale-down-to=512&width=1200&height=816 512w,https://framerusercontent.com/images/fNOFCZfSnEFA5yQn5Q9TRz02V0.png?scale-down-to=1024&width=1200&height=816 1024w,https://framerusercontent.com/images/fNOFCZfSnEFA5yQn5Q9TRz02V0.png?width=1200&height=816 1200w` }, className: `framer-krpwcq`, "data-framer-name": `Alo Yoga_logo.svg` }), p(Image2, { background: { alt: ``, fit: `fill`, intrinsicHeight: 1200, intrinsicWidth: 1200, pixelHeight: 1729, pixelWidth: 2400, sizes: `127px`, src: `https://framerusercontent.com/images/n1LBiCe285CaLiAmVwhe4B4UBy8.png?scale-down-to=2048&width=2400&height=1729`, srcSet: `https://framerusercontent.com/images/n1LBiCe285CaLiAmVwhe4B4UBy8.png?scale-down-to=512&width=2400&height=1729 512w,https://framerusercontent.com/images/n1LBiCe285CaLiAmVwhe4B4UBy8.png?scale-down-to=1024&width=2400&height=1729 1024w,https://framerusercontent.com/images/n1LBiCe285CaLiAmVwhe4B4UBy8.png?scale-down-to=2048&width=2400&height=1729 2048w,https://framerusercontent.com/images/n1LBiCe285CaLiAmVwhe4B4UBy8.png?width=2400&height=1729 2400w` }, className: `framer-1o0upan`, "data-framer-name": `Sheraton-hotels-resorts-2-logo-png-transparent` }), p(Image2, { background: { alt: ``, fit: `fill`, intrinsicHeight: 168, intrinsicWidth: 398, pixelHeight: 336, pixelWidth: 796, sizes: `156px`, src: `https://framerusercontent.com/images/U6q2bmOxOt3wWRB5WGHNT7Vs1s.png?scale-down-to=512&width=796&height=336`, srcSet: `https://framerusercontent.com/images/U6q2bmOxOt3wWRB5WGHNT7Vs1s.png?scale-down-to=512&width=796&height=336 512w,https://framerusercontent.com/images/U6q2bmOxOt3wWRB5WGHNT7Vs1s.png?width=796&height=336 796w` }, className: `framer-9wujso`, "data-framer-name": `Set-in-birch-regular` }), p(Image2, { background: { alt: ``, fit: `fill`, intrinsicHeight: 100, intrinsicWidth: 100, pixelHeight: 200, pixelWidth: 200, src: `https://framerusercontent.com/images/WF35L6RGhEz0p38b449WdcxVz1Y.png?width=200&height=200` }, className: `framer-3jpyq9`, "data-framer-name": `Novantwrk logo` }), p(Image2, { background: { alt: ``, fit: `fill`, intrinsicHeight: 84, intrinsicWidth: 207.5, pixelHeight: 73, pixelWidth: 371, src: `https://framerusercontent.com/images/JYHb6s47X2dJXoyMq0befy5v4.png?width=371&height=73` }, className: `framer-2ydlls`, "data-framer-name": `Onesize 2` }), p(Image2, { background: { alt: ``, fit: `fill`, intrinsicHeight: 150, intrinsicWidth: 150, pixelHeight: 131, pixelWidth: 300, src: `https://framerusercontent.com/images/j0ANT6ttSpfKRQP7Op0z943V8.png?width=300&height=131` }, className: `framer-1jrvxys`, "data-framer-name": `Hilton-au3tgvy4f7mzpdyp1z0i3b` }), p(Image2, { background: { alt: ``, fit: `fill`, intrinsicHeight: 315, intrinsicWidth: 600, pixelHeight: 470, pixelWidth: 649, sizes: `124px`, src: `https://framerusercontent.com/images/EJ4h2r1uI2xff5oCOjtYXefo.png?width=649&height=470`, srcSet: `https://framerusercontent.com/images/EJ4h2r1uI2xff5oCOjtYXefo.png?scale-down-to=512&width=649&height=470 512w,https://framerusercontent.com/images/EJ4h2r1uI2xff5oCOjtYXefo.png?width=649&height=470 649w` }, className: `framer-3f3zdf`, "data-framer-name": `52c703 39d15a53e31246a8abdfab31b0e058a6~mv2` }), p(Image2, { background: { alt: ``, fit: `fill`, intrinsicHeight: 450, intrinsicWidth: 450, pixelHeight: 900, pixelWidth: 900, sizes: `109px`, src: `https://framerusercontent.com/images/AnxU0UCeCWwF9Ho7tYxvAseupI.png?scale-down-to=512&width=900&height=900`, srcSet: `https://framerusercontent.com/images/AnxU0UCeCWwF9Ho7tYxvAseupI.png?scale-down-to=512&width=900&height=900 512w,https://framerusercontent.com/images/AnxU0UCeCWwF9Ho7tYxvAseupI.png?width=900&height=900 900w` }, className: `framer-180he0x`, "data-framer-name": `Pizza slime` }), p(Image2, { background: { alt: ``, fit: `fill`, intrinsicHeight: 159.5, intrinsicWidth: 300, pixelHeight: 319, pixelWidth: 600, sizes: `147px`, src: `https://framerusercontent.com/images/EfcJyUW5bG7xBT6inWySMaP7yAM.png?scale-down-to=512&width=600&height=319`, srcSet: `https://framerusercontent.com/images/EfcJyUW5bG7xBT6inWySMaP7yAM.png?scale-down-to=512&width=600&height=319 512w,https://framerusercontent.com/images/EfcJyUW5bG7xBT6inWySMaP7yAM.png?width=600&height=319 600w` }, className: `framer-1aabcg0`, "data-framer-name": `Adidas-logo-1991-1-600x319` }) ], speed: 35, style: { height: `100%`, width: `100%` }, width: `100%` }) }) }), isDisplayed2() && p(ComponentViewportProvider, { children: p(Container, { className: `framer-10ubdo6-container hidden-xe7qtd hidden-1ay7jxk hidden-ghhu7e`, "data-framer-name": `Tablet Logos`, isAuthoredByUser: !0, isModuleExternal: !0, name: `Tablet Logos`, nodeId: `F17ztjmqa`, scopeId: `MzVDsyX25`, children: p(Ticker, { alignment: `center`, direction: `left`, fadeOptions: { fadeAlpha: 0, fadeContent: !0, fadeInset: 0, fadeWidth: 50, overflow: !1 }, gap: 20, height: `100%`, hoverFactor: 1, id: `F17ztjmqa`, layoutId: `F17ztjmqa`, name: `Tablet Logos`, padding: 0, paddingBottom: 0, paddingLeft: 0, paddingPerSide: !1, paddingRight: 0, paddingTop: 0, sizingOptions: { heightType: !0, widthType: !0 }, slots: [ p(Image2, { background: { alt: ``, fit: `fill`, intrinsicHeight: 408, intrinsicWidth: 600, pixelHeight: 816, pixelWidth: 1200, sizes: `60px`, src: `https://framerusercontent.com/images/fNOFCZfSnEFA5yQn5Q9TRz02V0.png?scale-down-to=1024&width=1200&height=816`, srcSet: `https://framerusercontent.com/images/fNOFCZfSnEFA5yQn5Q9TRz02V0.png?scale-down-to=512&width=1200&height=816 512w,https://framerusercontent.com/images/fNOFCZfSnEFA5yQn5Q9TRz02V0.png?scale-down-to=1024&width=1200&height=816 1024w,https://framerusercontent.com/images/fNOFCZfSnEFA5yQn5Q9TRz02V0.png?width=1200&height=816 1200w` }, className: `framer-1b0k2ve`, "data-framer-name": `Alo Yoga_logo.svg` }), p(Image2, { background: { alt: ``, fit: `fill`, intrinsicHeight: 1200, intrinsicWidth: 1200, pixelHeight: 1729, pixelWidth: 2400, sizes: `104px`, src: `https://framerusercontent.com/images/n1LBiCe285CaLiAmVwhe4B4UBy8.png?scale-down-to=2048&width=2400&height=1729`, srcSet: `https://framerusercontent.com/images/n1LBiCe285CaLiAmVwhe4B4UBy8.png?scale-down-to=512&width=2400&height=1729 512w,https://framerusercontent.com/images/n1LBiCe285CaLiAmVwhe4B4UBy8.png?scale-down-to=1024&width=2400&height=1729 1024w,https://framerusercontent.com/images/n1LBiCe285CaLiAmVwhe4B4UBy8.png?scale-down-to=2048&width=2400&height=1729 2048w,https://framerusercontent.com/images/n1LBiCe285CaLiAmVwhe4B4UBy8.png?width=2400&height=1729 2400w` }, className: `framer-gffy7a`, "data-framer-name": `Sheraton-hotels-resorts-2-logo-png-transparent` }), p(Image2, { background: { alt: ``, fit: `fill`, intrinsicHeight: 168, intrinsicWidth: 398, pixelHeight: 336, pixelWidth: 796, sizes: `134px`, src: `https://framerusercontent.com/images/U6q2bmOxOt3wWRB5WGHNT7Vs1s.png?scale-down-to=512&width=796&height=336`, srcSet: `https://framerusercontent.com/images/U6q2bmOxOt3wWRB5WGHNT7Vs1s.png?scale-down-to=512&width=796&height=336 512w,https://framerusercontent.com/images/U6q2bmOxOt3wWRB5WGHNT7Vs1s.png?width=796&height=336 796w` }, className: `framer-1p7qc7i`, "data-framer-name": `Set-in-birch-regular` }), p(Image2, { background: { alt: ``, fit: `fill`, intrinsicHeight: 100, intrinsicWidth: 100, pixelHeight: 200, pixelWidth: 200, src: `https://framerusercontent.com/images/WF35L6RGhEz0p38b449WdcxVz1Y.png?width=200&height=200` }, className: `framer-zb9m6h`, "data-framer-name": `Novantwrk logo` }), p(Image2, { background: { alt: ``, fit: `fill`, intrinsicHeight: 84, intrinsicWidth: 207.5, pixelHeight: 73, pixelWidth: 371, src: `https://framerusercontent.com/images/JYHb6s47X2dJXoyMq0befy5v4.png?width=371&height=73` }, className: `framer-8b95u0`, "data-framer-name": `Onesize 2` }), p(Image2, { background: { alt: ``, fit: `fill`, intrinsicHeight: 150, intrinsicWidth: 150, pixelHeight: 131, pixelWidth: 300, src: `https://framerusercontent.com/images/j0ANT6ttSpfKRQP7Op0z943V8.png?width=300&height=131` }, className: `framer-z96c42`, "data-framer-name": `Hilton-au3tgvy4f7mzpdyp1z0i3b` }), p(Image2, { background: { alt: ``, fit: `fill`, intrinsicHeight: 315, intrinsicWidth: 600, pixelHeight: 470, pixelWidth: 649, sizes: `100px`, src: `https://framerusercontent.com/images/EJ4h2r1uI2xff5oCOjtYXefo.png?width=649&height=470`, srcSet: `https://framerusercontent.com/images/EJ4h2r1uI2xff5oCOjtYXefo.png?scale-down-to=512&width=649&height=470 512w,https://framerusercontent.com/images/EJ4h2r1uI2xff5oCOjtYXefo.png?width=649&height=470 649w` }, className: `framer-1g0bbhy`, "data-framer-name": `52c703 39d15a53e31246a8abdfab31b0e058a6~mv2` }), p(Image2, { background: { alt: ``, fit: `fill`, intrinsicHeight: 450, intrinsicWidth: 450, pixelHeight: 900, pixelWidth: 900, sizes: `95px`, src: `https://framerusercontent.com/images/AnxU0UCeCWwF9Ho7tYxvAseupI.png?scale-down-to=512&width=900&height=900`, srcSet: `https://framerusercontent.com/images/AnxU0UCeCWwF9Ho7tYxvAseupI.png?scale-down-to=512&width=900&height=900 512w,https://framerusercontent.com/images/AnxU0UCeCWwF9Ho7tYxvAseupI.png?width=900&height=900 900w` }, className: `framer-vdp1zk`, "data-framer-name": `Pizza slime` }), p(Image2, { background: { alt: ``, fit: `fill`, intrinsicHeight: 159.5, intrinsicWidth: 300, pixelHeight: 319, pixelWidth: 600, sizes: `124px`, src: `https://framerusercontent.com/images/EfcJyUW5bG7xBT6inWySMaP7yAM.png?scale-down-to=512&width=600&height=319`, srcSet: `https://framerusercontent.com/images/EfcJyUW5bG7xBT6inWySMaP7yAM.png?scale-down-to=512&width=600&height=319 512w,https://framerusercontent.com/images/EfcJyUW5bG7xBT6inWySMaP7yAM.png?width=600&height=319 600w` }, className: `framer-x9cvbn`, "data-framer-name": `Adidas-logo-1991-1-600x319` }) ], speed: 35, style: { height: `100%`, width: `100%` }, width: `100%` }) }) }), isDisplayed3() && p(ComponentViewportProvider, { children: p(Container, { className: `framer-rdq6g0-container hidden-xe7qtd hidden-92dof8 hidden-ghhu7e`, "data-framer-name": `Mobile Logos`, isAuthoredByUser: !0, isModuleExternal: !0, name: `Mobile Logos`, nodeId: `TMh9KA1JP`, scopeId: `MzVDsyX25`, children: p(Ticker, { alignment: `center`, direction: `left`, fadeOptions: { fadeAlpha: 0, fadeContent: !0, fadeInset: 0, fadeWidth: 50, overflow: !1 }, gap: 16, height: `100%`, hoverFactor: 1, id: `TMh9KA1JP`, layoutId: `TMh9KA1JP`, name: `Mobile Logos`, padding: 0, paddingBottom: 0, paddingLeft: 0, paddingPerSide: !1, paddingRight: 0, paddingTop: 0, sizingOptions: { heightType: !0, widthType: !0 }, slots: [ p(Image2, { background: { alt: ``, fit: `fill`, intrinsicHeight: 408, intrinsicWidth: 600, pixelHeight: 816, pixelWidth: 1200, sizes: `48px`, src: `https://framerusercontent.com/images/fNOFCZfSnEFA5yQn5Q9TRz02V0.png?scale-down-to=1024&width=1200&height=816`, srcSet: `https://framerusercontent.com/images/fNOFCZfSnEFA5yQn5Q9TRz02V0.png?scale-down-to=512&width=1200&height=816 512w,https://framerusercontent.com/images/fNOFCZfSnEFA5yQn5Q9TRz02V0.png?scale-down-to=1024&width=1200&height=816 1024w,https://framerusercontent.com/images/fNOFCZfSnEFA5yQn5Q9TRz02V0.png?width=1200&height=816 1200w` }, className: `framer-qdyol9`, "data-framer-name": `Alo Yoga_logo.svg` }), p(Image2, { background: { alt: ``, fit: `fill`, intrinsicHeight: 1200, intrinsicWidth: 1200, pixelHeight: 1729, pixelWidth: 2400, sizes: `80px`, src: `https://framerusercontent.com/images/n1LBiCe285CaLiAmVwhe4B4UBy8.png?scale-down-to=2048&width=2400&height=1729`, srcSet: `https://framerusercontent.com/images/n1LBiCe285CaLiAmVwhe4B4UBy8.png?scale-down-to=512&width=2400&height=1729 512w,https://framerusercontent.com/images/n1LBiCe285CaLiAmVwhe4B4UBy8.png?scale-down-to=1024&width=2400&height=1729 1024w,https://framerusercontent.com/images/n1LBiCe285CaLiAmVwhe4B4UBy8.png?scale-down-to=2048&width=2400&height=1729 2048w,https://framerusercontent.com/images/n1LBiCe285CaLiAmVwhe4B4UBy8.png?width=2400&height=1729 2400w` }, className: `framer-14v0tvy`, "data-framer-name": `Sheraton-hotels-resorts-2-logo-png-transparent` }), p(Image2, { background: { alt: ``, fit: `fill`, intrinsicHeight: 168, intrinsicWidth: 398, pixelHeight: 336, pixelWidth: 796, sizes: `114px`, src: `https://framerusercontent.com/images/U6q2bmOxOt3wWRB5WGHNT7Vs1s.png?scale-down-to=512&width=796&height=336`, srcSet: `https://framerusercontent.com/images/U6q2bmOxOt3wWRB5WGHNT7Vs1s.png?scale-down-to=512&width=796&height=336 512w,https://framerusercontent.com/images/U6q2bmOxOt3wWRB5WGHNT7Vs1s.png?width=796&height=336 796w` }, className: `framer-q07rua`, "data-framer-name": `Set-in-birch-regular` }), p(Image2, { background: { alt: ``, fit: `fill`, intrinsicHeight: 100, intrinsicWidth: 100, pixelHeight: 200, pixelWidth: 200, src: `https://framerusercontent.com/images/WF35L6RGhEz0p38b449WdcxVz1Y.png?width=200&height=200` }, className: `framer-vw86q6`, "data-framer-name": `Novantwrk logo` }), p(Image2, { background: { alt: ``, fit: `fill`, intrinsicHeight: 84, intrinsicWidth: 207.5, pixelHeight: 73, pixelWidth: 371, src: `https://framerusercontent.com/images/JYHb6s47X2dJXoyMq0befy5v4.png?width=371&height=73` }, className: `framer-badjcs`, "data-framer-name": `Onesize 2` }), p(Image2, { background: { alt: ``, fit: `fill`, intrinsicHeight: 150, intrinsicWidth: 150, pixelHeight: 131, pixelWidth: 300, src: `https://framerusercontent.com/images/j0ANT6ttSpfKRQP7Op0z943V8.png?width=300&height=131` }, className: `framer-luz0mr`, "data-framer-name": `Hilton-au3tgvy4f7mzpdyp1z0i3b` }), p(Image2, { background: { alt: ``, fit: `fill`, intrinsicHeight: 315, intrinsicWidth: 600, pixelHeight: 470, pixelWidth: 649, sizes: `75px`, src: `https://framerusercontent.com/images/EJ4h2r1uI2xff5oCOjtYXefo.png?width=649&height=470`, srcSet: `https://framerusercontent.com/images/EJ4h2r1uI2xff5oCOjtYXefo.png?scale-down-to=512&width=649&height=470 512w,https://framerusercontent.com/images/EJ4h2r1uI2xff5oCOjtYXefo.png?width=649&height=470 649w` }, className: `framer-1xuli74`, "data-framer-name": `52c703 39d15a53e31246a8abdfab31b0e058a6~mv2` }), p(Image2, { background: { alt: ``, fit: `fill`, intrinsicHeight: 450, intrinsicWidth: 450, pixelHeight: 900, pixelWidth: 900, sizes: `70px`, src: `https://framerusercontent.com/images/AnxU0UCeCWwF9Ho7tYxvAseupI.png?scale-down-to=512&width=900&height=900`, srcSet: `https://framerusercontent.com/images/AnxU0UCeCWwF9Ho7tYxvAseupI.png?scale-down-to=512&width=900&height=900 512w,https://framerusercontent.com/images/AnxU0UCeCWwF9Ho7tYxvAseupI.png?width=900&height=900 900w` }, className: `framer-cig7rf`, "data-framer-name": `Pizza slime` }), p(Image2, { background: { alt: ``, fit: `fill`, intrinsicHeight: 159.5, intrinsicWidth: 300, pixelHeight: 319, pixelWidth: 600, sizes: `90px`, src: `https://framerusercontent.com/images/EfcJyUW5bG7xBT6inWySMaP7yAM.png?scale-down-to=512&width=600&height=319`, srcSet: `https://framerusercontent.com/images/EfcJyUW5bG7xBT6inWySMaP7yAM.png?scale-down-to=512&width=600&height=319 512w,https://framerusercontent.com/images/EfcJyUW5bG7xBT6inWySMaP7yAM.png?width=600&height=319 600w` }, className: `framer-h4rss8`, "data-framer-name": `Adidas-logo-1991-1-600x319` }) ], speed: 35, style: { height: `100%`, width: `100%` }, width: `100%` }) }) }) ] }) }), u(`div`, { className: `framer-p0h079`, "data-framer-name": `Work`, id: elementId4, ref: ref2, children: [ u(`div`, { className: `framer-pckbf4`, "data-framer-name": `Basic Collection`, children: [ p(PropertyOverrides2, { breakpoint: baseVariant, overrides: { LIxzhGHPd: { y: void 0 }, os8gfPtLB: { y: void 0 }, r37_cMGAg: { y: (componentViewport?.y || 0) + 0 + 200 + 0 + 1787.8 + 64 + 0 + 0 + 0 } }, children: p(ComponentViewportProvider, { height: 40, y: (componentViewport?.y || 0) + 0 + 200 + 0 + 1833.4 + 64 + 0 + 0 + 0, children: p(Container, { className: `framer-gw01h8-container`, nodeId: `OMeH987IV`, scopeId: `MzVDsyX25`, children: p(PropertyOverrides2, { breakpoint: baseVariant, overrides: { os8gfPtLB: { variant: `DW9fRBOfw` } }, children: p(FramerF5zSwZv4k, { crA6wBj3k: !1, dI2V912ba: `rgba(13, 13, 13, 0.4)`, gpaDS0xo1: `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))`, height: `100%`, id: `OMeH987IV`, kdP_WncMn: !1, layoutId: `OMeH987IV`, nQWOpC8zj: 8, variant: `aRB94otF7`, width: `100%`, YbsaeEF4R: `Simple Collection` }) }) }) }) }), isDisplayed() && p(ComponentViewportProvider, { children: p(Container, { className: `framer-1a5310h-container hidden-92dof8 hidden-1ay7jxk hidden-ghhu7e`, "data-framer-name": `D Basic`, isAuthoredByUser: !0, isModuleExternal: !0, name: `D Basic`, nodeId: `tfqbl1vz7`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, style: { skewX: 4, skewY: 4, transformPerspective: 1200 }, children: p(Ticker, { alignment: `center`, direction: `left`, fadeOptions: { fadeAlpha: 0, fadeContent: !0, fadeInset: 0, fadeWidth: 30, overflow: !1 }, gap: 16, height: `100%`, hoverFactor: 1, id: `tfqbl1vz7`, layoutId: `tfqbl1vz7`, name: `D Basic`, padding: 0, paddingBottom: 0, paddingLeft: 0, paddingPerSide: !1, paddingRight: 0, paddingTop: 0, sizingOptions: { heightType: !0, widthType: !0 }, slots: [ p(ComponentViewportProvider, { height: 375, width: `211px`, children: p(Container, { className: `framer-1ks1o16-container`, "data-framer-name": `B1`, inComponentSlot: !0, name: `B1`, nodeId: `YJinFBIi2`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( FramerGqDv5dGM2, { ajpl6Uuru: `https://vimeo.com/1093547184/facaf6221c`, bDqZv0eBe: addImageAlt( { pixelHeight: 1219, pixelWidth: 683, src: `https://framerusercontent.com/images/UcsoeFqYBFGkyboQAva8U6cTsqc.png?width=683&height=1219`, srcSet: `https://framerusercontent.com/images/UcsoeFqYBFGkyboQAva8U6cTsqc.png?scale-down-to=1024&width=683&height=1219 573w,https://framerusercontent.com/images/UcsoeFqYBFGkyboQAva8U6cTsqc.png?width=683&height=1219 683w` }, `` ), height: `100%`, id: `YJinFBIi2`, layoutId: `YJinFBIi2`, name: `B1`, qE1tlAy6S: `https://framerusercontent.com/assets/EdvhIX4QzOF4asbZw5c60T3mZ4.mp4`, style: { height: `100%`, width: `100%` }, variant: `bgszonbYA`, width: `100%` } ) }) }), p(ComponentViewportProvider, { height: 375, width: `211px`, children: p(Container, { className: `framer-1qc8ila-container`, "data-framer-name": `B2`, inComponentSlot: !0, name: `B2`, nodeId: `EslSokH6n`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( FramerGqDv5dGM2, { ajpl6Uuru: `https://vimeo.com/1093549944?share=copy`, bDqZv0eBe: addImageAlt( { pixelHeight: 704, pixelWidth: 394, src: `https://framerusercontent.com/images/DnD1peAOkjKpvaoX5is1NeRssc.png?width=394&height=704`, srcSet: `https://framerusercontent.com/images/DnD1peAOkjKpvaoX5is1NeRssc.png?width=394&height=704 394w` }, `` ), height: `100%`, id: `EslSokH6n`, layoutId: `EslSokH6n`, name: `B2`, qE1tlAy6S: `https://framerusercontent.com/assets/QQgJAfYUPM53iVAgCtZFemRcfiw.mp4`, style: { height: `100%`, width: `100%` }, variant: `bgszonbYA`, width: `100%` } ) }) }), p(ComponentViewportProvider, { height: 375, width: `211px`, children: p(Container, { className: `framer-1tknna9-container`, "data-framer-name": `B3`, inComponentSlot: !0, name: `B3`, nodeId: `uSAcHKNYU`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( FramerGqDv5dGM2, { ajpl6Uuru: `https://vimeo.com/1093547196?share=copy`, bDqZv0eBe: addImageAlt( { pixelHeight: 704, pixelWidth: 395, src: `https://framerusercontent.com/images/82Rzc58wD4VnCCdSZcQBEIVCM.png?width=395&height=704`, srcSet: `https://framerusercontent.com/images/82Rzc58wD4VnCCdSZcQBEIVCM.png?width=395&height=704 395w` }, `` ), height: `100%`, id: `uSAcHKNYU`, layoutId: `uSAcHKNYU`, name: `B3`, qE1tlAy6S: `https://framerusercontent.com/assets/SfIU9QccrdCj5CsqNCqkHzKc.mp4`, style: { height: `100%`, width: `100%` }, variant: `bgszonbYA`, width: `100%` } ) }) }), p(ComponentViewportProvider, { height: 375, width: `211px`, children: p(Container, { className: `framer-12iosts-container`, "data-framer-name": `B4`, inComponentSlot: !0, name: `B4`, nodeId: `Bb_omPER8`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( FramerGqDv5dGM2, { ajpl6Uuru: `https://vimeo.com/1093547217?share=copy`, bDqZv0eBe: addImageAlt( { pixelHeight: 703, pixelWidth: 396, src: `https://framerusercontent.com/images/7MOOug5WXfuzwgJySjkKmNu9gWQ.png?width=396&height=703`, srcSet: `https://framerusercontent.com/images/7MOOug5WXfuzwgJySjkKmNu9gWQ.png?width=396&height=703 396w` }, `` ), height: `100%`, id: `Bb_omPER8`, layoutId: `Bb_omPER8`, name: `B4`, qE1tlAy6S: `https://framerusercontent.com/assets/3a0iVGoS6Uqp2ePHxtIEAFONapA.mp4`, style: { height: `100%`, width: `100%` }, variant: `bgszonbYA`, width: `100%` } ) }) }), p(ComponentViewportProvider, { height: 375, width: `211px`, children: p(Container, { className: `framer-1j46ofy-container`, "data-framer-name": `B5`, inComponentSlot: !0, name: `B5`, nodeId: `jjq9kSOqb`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( FramerGqDv5dGM2, { ajpl6Uuru: `https://vimeo.com/1093547188?share=copy`, bDqZv0eBe: addImageAlt( { pixelHeight: 624, pixelWidth: 349, src: `https://framerusercontent.com/images/ECQTQ8W1EPDhulGw31YOl23WzYI.png?width=349&height=624`, srcSet: `https://framerusercontent.com/images/ECQTQ8W1EPDhulGw31YOl23WzYI.png?width=349&height=624 349w` }, `` ), height: `100%`, id: `jjq9kSOqb`, layoutId: `jjq9kSOqb`, name: `B5`, qE1tlAy6S: `https://framerusercontent.com/assets/MqZcUzprLzsRNuL2M4Uxpcc9jw.mp4`, style: { height: `100%`, width: `100%` }, variant: `bgszonbYA`, width: `100%` } ) }) }), p(ComponentViewportProvider, { height: 375, width: `211px`, children: p(Container, { className: `framer-4exyu5-container`, "data-framer-name": `B6`, inComponentSlot: !0, name: `B6`, nodeId: `lJ4gHNGXj`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( FramerGqDv5dGM2, { ajpl6Uuru: `https://vimeo.com/1093547238`, bDqZv0eBe: addImageAlt( { pixelHeight: 623, pixelWidth: 349, src: `https://framerusercontent.com/images/3IxYPncG0tsLqMVsWeAL8eGnvU.png?width=349&height=623`, srcSet: `https://framerusercontent.com/images/3IxYPncG0tsLqMVsWeAL8eGnvU.png?width=349&height=623 349w` }, `` ), height: `100%`, id: `lJ4gHNGXj`, layoutId: `lJ4gHNGXj`, name: `B6`, qE1tlAy6S: `https://framerusercontent.com/assets/LNQzxMyTkD1Naky85TwtIvOULY.mp4`, style: { height: `100%`, width: `100%` }, variant: `bgszonbYA`, width: `100%` } ) }) }), p(ComponentViewportProvider, { height: 375, width: `211px`, children: p(Container, { className: `framer-1jshs4a-container`, "data-framer-name": `B7`, inComponentSlot: !0, name: `B7`, nodeId: `aF_P3RzMy`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( FramerGqDv5dGM2, { ajpl6Uuru: `https://vimeo.com/1093547205`, bDqZv0eBe: addImageAlt( { pixelHeight: 622, pixelWidth: 348, src: `https://framerusercontent.com/images/wZOEZjYB7UCJ6xb1pHOVU0hKWk.png?width=348&height=622`, srcSet: `https://framerusercontent.com/images/wZOEZjYB7UCJ6xb1pHOVU0hKWk.png?width=348&height=622 348w` }, `` ), height: `100%`, id: `aF_P3RzMy`, layoutId: `aF_P3RzMy`, name: `B7`, qE1tlAy6S: `https://framerusercontent.com/assets/oyWupeo1nS8GxNJEtKI04S5k24.mp4`, style: { height: `100%`, width: `100%` }, variant: `bgszonbYA`, width: `100%` } ) }) }), p(ComponentViewportProvider, { height: 375, width: `211px`, children: p(Container, { className: `framer-sd92xs-container`, "data-framer-name": `B8`, inComponentSlot: !0, name: `B8`, nodeId: `qoYWKGsbg`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( FramerGqDv5dGM2, { ajpl6Uuru: `https://vimeo.com/1096410371/d61e401335`, bDqZv0eBe: addImageAlt( { pixelHeight: 621, pixelWidth: 350, src: `https://framerusercontent.com/images/YiUD3LT0CeMeuHtp72QuLrERsM.png?width=350&height=621`, srcSet: `https://framerusercontent.com/images/YiUD3LT0CeMeuHtp72QuLrERsM.png?width=350&height=621 350w` }, `` ), height: `100%`, id: `qoYWKGsbg`, layoutId: `qoYWKGsbg`, name: `B8`, qE1tlAy6S: `https://framerusercontent.com/assets/2hHHLFFZQ7S8sAyLVDtoTYKpAM.mp4`, style: { height: `100%`, width: `100%` }, variant: `bgszonbYA`, width: `100%` } ) }) }) ], speed: 35, style: { height: `100%`, width: `100%` }, width: `100%` }) }) }), isDisplayed4() && p(ComponentViewportProvider, { children: p(Container, { className: `framer-1797d70-container hidden-xe7qtd hidden-1ay7jxk`, "data-framer-name": `L Basic`, isAuthoredByUser: !0, isModuleExternal: !0, name: `L Basic`, nodeId: `FBCF_dia_`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, style: { skewX: 4, skewY: 4, transformPerspective: 1200 }, children: p(Ticker, { alignment: `center`, direction: `left`, fadeOptions: { fadeAlpha: 0, fadeContent: !0, fadeInset: 0, fadeWidth: 30, overflow: !1 }, gap: 16, height: `100%`, hoverFactor: 1, id: `FBCF_dia_`, layoutId: `FBCF_dia_`, name: `L Basic`, padding: 0, paddingBottom: 0, paddingLeft: 0, paddingPerSide: !1, paddingRight: 0, paddingTop: 0, sizingOptions: { heightType: !0, widthType: !0 }, slots: [ p(ComponentViewportProvider, { height: 306, width: `172px`, children: p(Container, { className: `framer-lxu1cr-container`, "data-framer-name": `L B1`, inComponentSlot: !0, name: `L B1`, nodeId: `UBMAm31Cx`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( FramerGqDv5dGM2, { ajpl6Uuru: `https://vimeo.com/1093547184/facaf6221c`, bDqZv0eBe: addImageAlt( { pixelHeight: 1219, pixelWidth: 683, src: `https://framerusercontent.com/images/UcsoeFqYBFGkyboQAva8U6cTsqc.png?width=683&height=1219`, srcSet: `https://framerusercontent.com/images/UcsoeFqYBFGkyboQAva8U6cTsqc.png?scale-down-to=1024&width=683&height=1219 573w,https://framerusercontent.com/images/UcsoeFqYBFGkyboQAva8U6cTsqc.png?width=683&height=1219 683w` }, `` ), height: `100%`, id: `UBMAm31Cx`, layoutId: `UBMAm31Cx`, name: `L B1`, qE1tlAy6S: `https://framerusercontent.com/assets/QLG7L7KUROaXV9f7WdQKdgtn1A.mp4`, style: { height: `100%`, width: `100%` }, variant: `bgszonbYA`, width: `100%` } ) }) }), p(ComponentViewportProvider, { height: 306, width: `172px`, children: p(Container, { className: `framer-mgylpp-container`, "data-framer-name": `LB2`, inComponentSlot: !0, name: `LB2`, nodeId: `UD03Sd5jd`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( FramerGqDv5dGM2, { ajpl6Uuru: `https://vimeo.com/1093549944?share=copy`, bDqZv0eBe: addImageAlt( { pixelHeight: 704, pixelWidth: 394, src: `https://framerusercontent.com/images/DnD1peAOkjKpvaoX5is1NeRssc.png?width=394&height=704`, srcSet: `https://framerusercontent.com/images/DnD1peAOkjKpvaoX5is1NeRssc.png?width=394&height=704 394w` }, `` ), height: `100%`, id: `UD03Sd5jd`, layoutId: `UD03Sd5jd`, name: `LB2`, qE1tlAy6S: `https://framerusercontent.com/assets/B66I0L5G1JjofERcj9iRoBfqAD4.mp4`, style: { height: `100%`, width: `100%` }, variant: `bgszonbYA`, width: `100%` } ) }) }), p(ComponentViewportProvider, { height: 306, width: `172px`, children: p(Container, { className: `framer-n5cdcm-container`, "data-framer-name": `LB3`, inComponentSlot: !0, name: `LB3`, nodeId: `t7AB4exZF`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( FramerGqDv5dGM2, { ajpl6Uuru: `https://vimeo.com/1093547196?share=copy`, bDqZv0eBe: addImageAlt( { pixelHeight: 704, pixelWidth: 395, src: `https://framerusercontent.com/images/82Rzc58wD4VnCCdSZcQBEIVCM.png?width=395&height=704`, srcSet: `https://framerusercontent.com/images/82Rzc58wD4VnCCdSZcQBEIVCM.png?width=395&height=704 395w` }, `` ), height: `100%`, id: `t7AB4exZF`, layoutId: `t7AB4exZF`, name: `LB3`, qE1tlAy6S: `https://framerusercontent.com/assets/hU2RaDyW14KqXFLVhClhqah3yFw.mp4`, style: { height: `100%`, width: `100%` }, variant: `bgszonbYA`, width: `100%` } ) }) }), p(ComponentViewportProvider, { height: 306, width: `172px`, children: p(Container, { className: `framer-ho21n5-container`, "data-framer-name": `LB4`, inComponentSlot: !0, name: `LB4`, nodeId: `hvLYcLmKH`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( FramerGqDv5dGM2, { ajpl6Uuru: `https://vimeo.com/1093547217?share=copy`, bDqZv0eBe: addImageAlt( { pixelHeight: 703, pixelWidth: 396, src: `https://framerusercontent.com/images/7MOOug5WXfuzwgJySjkKmNu9gWQ.png?width=396&height=703`, srcSet: `https://framerusercontent.com/images/7MOOug5WXfuzwgJySjkKmNu9gWQ.png?width=396&height=703 396w` }, `` ), height: `100%`, id: `hvLYcLmKH`, layoutId: `hvLYcLmKH`, name: `LB4`, qE1tlAy6S: `https://framerusercontent.com/assets/QQPtRV4NQNPazTffTydr2eiIY7k.mp4`, style: { height: `100%`, width: `100%` }, variant: `bgszonbYA`, width: `100%` } ) }) }), p(ComponentViewportProvider, { height: 306, width: `172px`, children: p(Container, { className: `framer-1tmjs0q-container`, "data-framer-name": `LB5`, inComponentSlot: !0, name: `LB5`, nodeId: `TBAYYLmjK`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( FramerGqDv5dGM2, { ajpl6Uuru: `https://vimeo.com/1093547188?share=copy`, bDqZv0eBe: addImageAlt( { pixelHeight: 624, pixelWidth: 349, src: `https://framerusercontent.com/images/ECQTQ8W1EPDhulGw31YOl23WzYI.png?width=349&height=624`, srcSet: `https://framerusercontent.com/images/ECQTQ8W1EPDhulGw31YOl23WzYI.png?width=349&height=624 349w` }, `` ), height: `100%`, id: `TBAYYLmjK`, layoutId: `TBAYYLmjK`, name: `LB5`, qE1tlAy6S: `https://framerusercontent.com/assets/Dy2eQ4jefZWIh1YZH1KhwTina8.mp4`, style: { height: `100%`, width: `100%` }, variant: `bgszonbYA`, width: `100%` } ) }) }), p(ComponentViewportProvider, { height: 306, width: `172px`, children: p(Container, { className: `framer-qards9-container`, "data-framer-name": `LB6`, inComponentSlot: !0, name: `LB6`, nodeId: `SHioypK0V`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( FramerGqDv5dGM2, { ajpl6Uuru: `https://vimeo.com/1093547238`, bDqZv0eBe: addImageAlt( { pixelHeight: 623, pixelWidth: 349, src: `https://framerusercontent.com/images/3IxYPncG0tsLqMVsWeAL8eGnvU.png?width=349&height=623`, srcSet: `https://framerusercontent.com/images/3IxYPncG0tsLqMVsWeAL8eGnvU.png?width=349&height=623 349w` }, `` ), height: `100%`, id: `SHioypK0V`, layoutId: `SHioypK0V`, name: `LB6`, qE1tlAy6S: `https://framerusercontent.com/assets/1LBJb53J1Qcul0KgIJ9wDbv8.mp4`, style: { height: `100%`, width: `100%` }, variant: `bgszonbYA`, width: `100%` } ) }) }), p(ComponentViewportProvider, { height: 306, width: `172px`, children: p(Container, { className: `framer-zkr5j8-container`, "data-framer-name": `LB7`, inComponentSlot: !0, name: `LB7`, nodeId: `ayTFno9jq`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( FramerGqDv5dGM2, { ajpl6Uuru: `https://vimeo.com/1093547205`, bDqZv0eBe: addImageAlt( { pixelHeight: 622, pixelWidth: 348, src: `https://framerusercontent.com/images/wZOEZjYB7UCJ6xb1pHOVU0hKWk.png?width=348&height=622`, srcSet: `https://framerusercontent.com/images/wZOEZjYB7UCJ6xb1pHOVU0hKWk.png?width=348&height=622 348w` }, `` ), height: `100%`, id: `ayTFno9jq`, layoutId: `ayTFno9jq`, name: `LB7`, qE1tlAy6S: `https://framerusercontent.com/assets/fMmnCydnFb8UWOGZDYRX0FkqatA.mp4`, style: { height: `100%`, width: `100%` }, variant: `bgszonbYA`, width: `100%` } ) }) }), p(ComponentViewportProvider, { height: 306, width: `172px`, children: p(Container, { className: `framer-dg1dmm-container`, "data-framer-name": `LB8`, inComponentSlot: !0, name: `LB8`, nodeId: `dRFPn3n6D`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( FramerGqDv5dGM2, { ajpl6Uuru: `https://vimeo.com/1096410371/d61e401335`, bDqZv0eBe: addImageAlt( { pixelHeight: 621, pixelWidth: 350, src: `https://framerusercontent.com/images/YiUD3LT0CeMeuHtp72QuLrERsM.png?width=350&height=621`, srcSet: `https://framerusercontent.com/images/YiUD3LT0CeMeuHtp72QuLrERsM.png?width=350&height=621 350w` }, `` ), height: `100%`, id: `dRFPn3n6D`, layoutId: `dRFPn3n6D`, name: `LB8`, qE1tlAy6S: `https://framerusercontent.com/assets/s682Va9kkoJCb7ls3qgnk8KhTU8.mp4`, style: { height: `100%`, width: `100%` }, variant: `bgszonbYA`, width: `100%` } ) }) }) ], speed: 35, style: { height: `100%`, maxWidth: `100%`, width: `100%` }, width: `100%` }) }) }), isDisplayed3() && p(ComponentViewportProvider, { children: p(Container, { className: `framer-17j60wd-container hidden-xe7qtd hidden-92dof8 hidden-ghhu7e`, "data-framer-name": `M Basic`, isAuthoredByUser: !0, isModuleExternal: !0, name: `M Basic`, nodeId: `RRgun0fdU`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, style: { skewX: 4, skewY: 4, transformPerspective: 1200 }, children: p(PropertyOverrides2, { breakpoint: baseVariant, overrides: { os8gfPtLB: { speed: 15 } }, children: p(Ticker, { alignment: `center`, direction: `left`, fadeOptions: { fadeAlpha: 0, fadeContent: !0, fadeInset: 0, fadeWidth: 30, overflow: !1 }, gap: 16, height: `100%`, hoverFactor: 1, id: `RRgun0fdU`, layoutId: `RRgun0fdU`, name: `M Basic`, padding: 0, paddingBottom: 0, paddingLeft: 0, paddingPerSide: !1, paddingRight: 0, paddingTop: 0, sizingOptions: { heightType: !0, widthType: !0 }, slots: [ p(ComponentViewportProvider, { height: 231, width: `130px`, children: p(Container, { className: `framer-4ubva5-container`, "data-framer-name": `MB1`, inComponentSlot: !0, name: `MB1`, nodeId: `z9SGpPUfv`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( FramerGqDv5dGM2, { ajpl6Uuru: `https://vimeo.com/1093547184/facaf6221c`, bDqZv0eBe: addImageAlt( { pixelHeight: 1219, pixelWidth: 683, src: `https://framerusercontent.com/images/UcsoeFqYBFGkyboQAva8U6cTsqc.png?scale-down-to=512&width=683&height=1219` }, `` ), height: `100%`, id: `z9SGpPUfv`, layoutId: `z9SGpPUfv`, name: `MB1`, qE1tlAy6S: `https://framerusercontent.com/assets/vcfFHD3N4azuRG8jtNvuhLWgCso.mp4`, style: { height: `100%`, width: `100%` }, variant: `bgszonbYA`, width: `100%` } ) }) }), p(ComponentViewportProvider, { height: 231, width: `130px`, children: p(Container, { className: `framer-1jlxjxa-container`, "data-framer-name": `MB2`, inComponentSlot: !0, name: `MB2`, nodeId: `IAZlUo97x`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( FramerGqDv5dGM2, { ajpl6Uuru: `https://vimeo.com/1093549944?share=copy`, bDqZv0eBe: addImageAlt( { pixelHeight: 704, pixelWidth: 394, src: `https://framerusercontent.com/images/DnD1peAOkjKpvaoX5is1NeRssc.png?scale-down-to=512&width=394&height=704` }, `` ), height: `100%`, id: `IAZlUo97x`, layoutId: `IAZlUo97x`, name: `MB2`, qE1tlAy6S: `https://framerusercontent.com/assets/ztLtc6qrVFChzK2TM5rONjLCEz4.mp4`, style: { height: `100%`, width: `100%` }, variant: `bgszonbYA`, width: `100%` } ) }) }), p(ComponentViewportProvider, { height: 231, width: `130px`, children: p(Container, { className: `framer-10oot5x-container`, "data-framer-name": `MB3`, inComponentSlot: !0, name: `MB3`, nodeId: `DyDifjjOB`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( FramerGqDv5dGM2, { ajpl6Uuru: `https://vimeo.com/1093547196?share=copy`, bDqZv0eBe: addImageAlt( { pixelHeight: 704, pixelWidth: 395, src: `https://framerusercontent.com/images/82Rzc58wD4VnCCdSZcQBEIVCM.png?scale-down-to=512&width=395&height=704` }, `` ), height: `100%`, id: `DyDifjjOB`, layoutId: `DyDifjjOB`, name: `MB3`, qE1tlAy6S: `https://framerusercontent.com/assets/0pub10v6NyK4QOjaG9uzXGVTOM.mp4`, style: { height: `100%`, width: `100%` }, variant: `bgszonbYA`, width: `100%` } ) }) }), p(ComponentViewportProvider, { height: 231, width: `130px`, children: p(Container, { className: `framer-kpmn1u-container`, "data-framer-name": `MB4`, inComponentSlot: !0, name: `MB4`, nodeId: `X0r8CeDCj`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( FramerGqDv5dGM2, { ajpl6Uuru: `https://vimeo.com/1093547217?share=copy`, bDqZv0eBe: addImageAlt( { pixelHeight: 703, pixelWidth: 396, src: `https://framerusercontent.com/images/7MOOug5WXfuzwgJySjkKmNu9gWQ.png?scale-down-to=512&width=396&height=703` }, `` ), height: `100%`, id: `X0r8CeDCj`, layoutId: `X0r8CeDCj`, name: `MB4`, qE1tlAy6S: `https://framerusercontent.com/assets/ZAnZjWYXvDwYnmxvPZoZJvMi6jk.mp4`, style: { height: `100%`, width: `100%` }, variant: `bgszonbYA`, width: `100%` } ) }) }), p(ComponentViewportProvider, { height: 231, width: `130px`, children: p(Container, { className: `framer-mrcgn9-container`, "data-framer-name": `MB5`, inComponentSlot: !0, name: `MB5`, nodeId: `H4HZHFsCR`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( FramerGqDv5dGM2, { ajpl6Uuru: `https://vimeo.com/1093547188?share=copy`, bDqZv0eBe: addImageAlt( { pixelHeight: 624, pixelWidth: 349, src: `https://framerusercontent.com/images/KeQASNF9CsZFC7DkFHlPKBNKR4E.png?scale-down-to=512&width=349&height=624` }, `` ), height: `100%`, id: `H4HZHFsCR`, layoutId: `H4HZHFsCR`, name: `MB5`, qE1tlAy6S: `https://framerusercontent.com/assets/tPVIrDAMzIegXfgouaI77Bu0TCs.mp4`, style: { height: `100%`, width: `100%` }, variant: `bgszonbYA`, width: `100%` } ) }) }), p(ComponentViewportProvider, { height: 231, width: `130px`, children: p(Container, { className: `framer-3e24j2-container`, "data-framer-name": `MB6`, inComponentSlot: !0, name: `MB6`, nodeId: `PWuzv243z`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( FramerGqDv5dGM2, { ajpl6Uuru: `https://vimeo.com/1093547238`, bDqZv0eBe: addImageAlt( { pixelHeight: 623, pixelWidth: 349, src: `https://framerusercontent.com/images/3IxYPncG0tsLqMVsWeAL8eGnvU.png?scale-down-to=512&width=349&height=623` }, `` ), height: `100%`, id: `PWuzv243z`, layoutId: `PWuzv243z`, name: `MB6`, qE1tlAy6S: `https://framerusercontent.com/assets/CpvZyuldgjCt4HTeiMV7ZopM28c.mp4`, style: { height: `100%`, width: `100%` }, variant: `bgszonbYA`, width: `100%` } ) }) }), p(ComponentViewportProvider, { height: 231, width: `130px`, children: p(Container, { className: `framer-1s8f1mb-container`, "data-framer-name": `MB7`, inComponentSlot: !0, name: `MB7`, nodeId: `DCiYlJoJX`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( FramerGqDv5dGM2, { ajpl6Uuru: `https://vimeo.com/1093547205`, bDqZv0eBe: addImageAlt( { pixelHeight: 622, pixelWidth: 348, src: `https://framerusercontent.com/images/wZOEZjYB7UCJ6xb1pHOVU0hKWk.png?scale-down-to=512&width=348&height=622` }, `` ), height: `100%`, id: `DCiYlJoJX`, layoutId: `DCiYlJoJX`, name: `MB7`, qE1tlAy6S: `https://framerusercontent.com/assets/a07KGH6GnRUNsEgymnK9Sz1dxM.mp4`, style: { height: `100%`, width: `100%` }, variant: `bgszonbYA`, width: `100%` } ) }) }), p(ComponentViewportProvider, { height: 231, width: `130px`, children: p(Container, { className: `framer-2v5glw-container`, "data-framer-name": `MB8`, inComponentSlot: !0, name: `MB8`, nodeId: `L7AN9GGCm`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( FramerGqDv5dGM2, { ajpl6Uuru: `https://vimeo.com/1096410371/d61e401335`, bDqZv0eBe: addImageAlt( { pixelHeight: 621, pixelWidth: 350, src: `https://framerusercontent.com/images/YiUD3LT0CeMeuHtp72QuLrERsM.png?scale-down-to=512&width=350&height=621` }, `` ), height: `100%`, id: `L7AN9GGCm`, layoutId: `L7AN9GGCm`, name: `MB8`, qE1tlAy6S: `https://framerusercontent.com/assets/DIp7BFgvKNQv0MevFAb6fy1U.mp4`, style: { height: `100%`, width: `100%` }, variant: `bgszonbYA`, width: `100%` } ) }) }) ], speed: 35, style: { height: `100%`, maxWidth: `100%`, width: `100%` }, width: `100%` }) }) }) }) ] }), u(`div`, { className: `framer-19w9s4e`, "data-framer-name": `Premium Collection`, children: [ p(PropertyOverrides2, { breakpoint: baseVariant, overrides: { LIxzhGHPd: { y: void 0 }, os8gfPtLB: { y: void 0 }, r37_cMGAg: { y: (componentViewport?.y || 0) + 0 + 200 + 0 + 1787.8 + 64 + 528 + 0 + 0 } }, children: p(ComponentViewportProvider, { height: 40, y: (componentViewport?.y || 0) + 0 + 200 + 0 + 1833.4 + 64 + 624 + 0 + 0, children: p(Container, { className: `framer-1wvac5q-container`, nodeId: `cxOkmqMJ7`, scopeId: `MzVDsyX25`, children: p(PropertyOverrides2, { breakpoint: baseVariant, overrides: { os8gfPtLB: { variant: `DW9fRBOfw` } }, children: p(FramerF5zSwZv4k, { crA6wBj3k: !1, dI2V912ba: `var(--token-d5abad45-bff0-4cd8-9671-a3004817739b, rgb(132, 101, 224))`, gpaDS0xo1: `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))`, height: `100%`, id: `cxOkmqMJ7`, kdP_WncMn: !1, layoutId: `cxOkmqMJ7`, nQWOpC8zj: 8, variant: `aRB94otF7`, width: `100%`, YbsaeEF4R: `Complex Collection` }) }) }) }) }), isDisplayed() && p(ComponentViewportProvider, { children: p(Container, { className: `framer-18dcg1u-container hidden-92dof8 hidden-1ay7jxk hidden-ghhu7e`, "data-framer-name": `D Premium`, isAuthoredByUser: !0, isModuleExternal: !0, name: `D Premium`, nodeId: `a52Uw9qAl`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, style: { skewX: 4, skewY: 4, transformPerspective: 1200 }, children: p(Ticker, { alignment: `center`, direction: `right`, fadeOptions: { fadeAlpha: 0, fadeContent: !0, fadeInset: 0, fadeWidth: 25, overflow: !1 }, gap: 16, height: `100%`, hoverFactor: 1, id: `a52Uw9qAl`, layoutId: `a52Uw9qAl`, name: `D Premium`, padding: 0, paddingBottom: 0, paddingLeft: 0, paddingPerSide: !1, paddingRight: 0, paddingTop: 0, sizingOptions: { heightType: !0, widthType: !0 }, slots: [ p(ComponentViewportProvider, { height: 375, width: `211px`, children: p(Container, { className: `framer-1k20i2x-container`, "data-framer-name": `P1`, inComponentSlot: !0, name: `P1`, nodeId: `wIWPpaEOu`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( FramerGqDv5dGM2, { ajpl6Uuru: `https://vimeo.com/1093551321?share=copy`, bDqZv0eBe: addImageAlt( { pixelHeight: 478, pixelWidth: 269, src: `https://framerusercontent.com/images/W8nXWlzHHevr4DbpjBPOge1eMdI.png?width=269&height=478` }, `` ), height: `100%`, id: `wIWPpaEOu`, layoutId: `wIWPpaEOu`, name: `P1`, qE1tlAy6S: `https://framerusercontent.com/assets/1SXa8Fw5ozmIhSN5pPqlvLdamA.mp4`, style: { height: `100%`, width: `100%` }, variant: `bgszonbYA`, width: `100%` } ) }) }), p(ComponentViewportProvider, { height: 375, width: `211px`, children: p(Container, { className: `framer-51qiam-container`, "data-framer-name": `P5`, inComponentSlot: !0, name: `P5`, nodeId: `U6kea9mXs`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( FramerGqDv5dGM2, { ajpl6Uuru: `https://vimeo.com/1093551351?share=copy`, bDqZv0eBe: addImageAlt( { pixelHeight: 481, pixelWidth: 271, src: `https://framerusercontent.com/images/bbUZcx1xDuaeqgWZJMihhc8IE.png?width=271&height=481` }, `` ), height: `100%`, id: `U6kea9mXs`, layoutId: `U6kea9mXs`, name: `P5`, qE1tlAy6S: `https://framerusercontent.com/assets/ThQhHB2ryKOBPn53DlAuEmM90.mp4`, style: { height: `100%`, width: `100%` }, variant: `bgszonbYA`, width: `100%` } ) }) }), p(ComponentViewportProvider, { height: 375, width: `211px`, children: p(Container, { className: `framer-tr8ye8-container`, "data-framer-name": `P3`, inComponentSlot: !0, name: `P3`, nodeId: `wEWL5dBX_`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( FramerGqDv5dGM2, { ajpl6Uuru: `https://vimeo.com/1093551338?share=copy`, bDqZv0eBe: addImageAlt( { pixelHeight: 478, pixelWidth: 268, src: `https://framerusercontent.com/images/eni1IWRAWqTczzvzjAyzQ99Qx1s.png?width=268&height=478` }, `` ), height: `100%`, id: `wEWL5dBX_`, layoutId: `wEWL5dBX_`, name: `P3`, qE1tlAy6S: `https://framerusercontent.com/assets/f4nWRBLuBmVgI0UkUHfMcUC5h10.mp4`, style: { height: `100%`, width: `100%` }, variant: `bgszonbYA`, width: `100%` } ) }) }), p(ComponentViewportProvider, { height: 375, width: `211px`, children: p(Container, { className: `framer-8un03n-container`, "data-framer-name": `P2`, inComponentSlot: !0, name: `P2`, nodeId: `YWRGiFySD`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( FramerGqDv5dGM2, { ajpl6Uuru: `https://vimeo.com/1093551375?share=copyhttps://vimeo.com/1093551375?share=copyhttps://vimeo.com/1093551375?share=copyhttps://vimeo.com/1093551375?share=copy`, bDqZv0eBe: addImageAlt( { pixelHeight: 477, pixelWidth: 268, src: `https://framerusercontent.com/images/g1K3WVilMNmsGmbDz3St1E4xa5w.png?width=268&height=477` }, `` ), height: `100%`, id: `YWRGiFySD`, layoutId: `YWRGiFySD`, name: `P2`, qE1tlAy6S: `https://framerusercontent.com/assets/m5I0Y8j9umDgvd3N9HSW8uKrh4.mp4`, style: { height: `100%`, width: `100%` }, variant: `bgszonbYA`, width: `100%` } ) }) }), p(ComponentViewportProvider, { height: 375, width: `211px`, children: p(Container, { className: `framer-1ssbhb1-container`, "data-framer-name": `P4`, inComponentSlot: !0, name: `P4`, nodeId: `yifRpPMTi`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( FramerGqDv5dGM2, { ajpl6Uuru: `https://vimeo.com/1093551328`, bDqZv0eBe: addImageAlt( { pixelHeight: 477, pixelWidth: 270, src: `https://framerusercontent.com/images/4qLRPRzSWqabAtZ8DjcZ9PQzY6o.png?width=270&height=477` }, `` ), height: `100%`, id: `yifRpPMTi`, layoutId: `yifRpPMTi`, name: `P4`, qE1tlAy6S: `https://framerusercontent.com/assets/LRxgOaWtctCMZD6czNfpu4lLuW4.mp4`, style: { height: `100%`, width: `100%` }, variant: `bgszonbYA`, width: `100%` } ) }) }), p(ComponentViewportProvider, { height: 375, width: `211px`, children: p(Container, { className: `framer-1pwupyf-container`, "data-framer-name": `P6`, inComponentSlot: !0, name: `P6`, nodeId: `zXbaP32tq`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( FramerGqDv5dGM2, { ajpl6Uuru: `https://vimeo.com/1102114981/c6167867d5`, bDqZv0eBe: addImageAlt( { pixelHeight: 479, pixelWidth: 270, src: `https://framerusercontent.com/images/TLduS10wqoQ1xwZU4fxMJqApKEw.png?width=270&height=479` }, `` ), height: `100%`, id: `zXbaP32tq`, layoutId: `zXbaP32tq`, name: `P6`, qE1tlAy6S: `https://framerusercontent.com/assets/6r9Zz6afGAkVV4KEFeZVO7RIVY.mp4`, style: { height: `100%`, width: `100%` }, variant: `bgszonbYA`, width: `100%` } ) }) }), p(ComponentViewportProvider, { height: 375, width: `211px`, children: p(Container, { className: `framer-1rfpysy-container`, "data-framer-name": `P7`, inComponentSlot: !0, name: `P7`, nodeId: `Qn_EkJ4Q4`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( FramerGqDv5dGM2, { ajpl6Uuru: `https://vimeo.com/1102115088/e31096b014`, bDqZv0eBe: addImageAlt( { pixelHeight: 1388, pixelWidth: 810, src: `https://framerusercontent.com/images/dzPQkDslbyiNWkAmiF2jXhNw4Y.png?width=810&height=1388`, srcSet: `https://framerusercontent.com/images/dzPQkDslbyiNWkAmiF2jXhNw4Y.png?scale-down-to=1024&width=810&height=1388 597w,https://framerusercontent.com/images/dzPQkDslbyiNWkAmiF2jXhNw4Y.png?width=810&height=1388 810w` }, `` ), height: `100%`, id: `Qn_EkJ4Q4`, layoutId: `Qn_EkJ4Q4`, name: `P7`, qE1tlAy6S: `https://framerusercontent.com/assets/j7tOyIDn5tLL3yZ7Ecx7UREGPqY.mp4`, style: { height: `100%`, width: `100%` }, variant: `bgszonbYA`, width: `100%` } ) }) }), p(ComponentViewportProvider, { height: 375, width: `211px`, children: p(Container, { className: `framer-fchtnk-container`, "data-framer-name": `P8`, inComponentSlot: !0, name: `P8`, nodeId: `QCgMh0eoY`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( FramerGqDv5dGM2, { ajpl6Uuru: `https://vimeo.com/1102114828/040baa0881`, bDqZv0eBe: addImageAlt( { pixelHeight: 397, pixelWidth: 237, src: `https://framerusercontent.com/images/UDnHq7EWf7s2MSg7HAy27n100A.png?width=237&height=397` }, `` ), height: `100%`, id: `QCgMh0eoY`, layoutId: `QCgMh0eoY`, name: `P8`, qE1tlAy6S: `https://framerusercontent.com/assets/BFGHvMUsqxnPgzuhf96fxj4cbY.mp4`, style: { height: `100%`, width: `100%` }, variant: `bgszonbYA`, width: `100%` } ) }) }), p(ComponentViewportProvider, { height: 375, width: `211px`, children: p(Container, { className: `framer-4feu9a-container`, "data-framer-name": `P9`, inComponentSlot: !0, name: `P9`, nodeId: `Kg9Un3Xcm`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( FramerGqDv5dGM2, { ajpl6Uuru: `https://vimeo.com/1102114746/5736dd32ea`, bDqZv0eBe: addImageAlt( { pixelHeight: 619, pixelWidth: 345, src: `https://framerusercontent.com/images/WFA58FAOXk4yUQpBdp6JcIql80.png?width=345&height=619`, srcSet: `https://framerusercontent.com/images/WFA58FAOXk4yUQpBdp6JcIql80.png?width=345&height=619 345w` }, `` ), height: `100%`, id: `Kg9Un3Xcm`, layoutId: `Kg9Un3Xcm`, name: `P9`, qE1tlAy6S: `https://framerusercontent.com/assets/8zXQLzD5W7F8JAh2WEjypdPIbk.mp4`, style: { height: `100%`, width: `100%` }, variant: `bgszonbYA`, width: `100%` } ) }) }), p(ComponentViewportProvider, { height: 375, width: `211px`, children: p(Container, { className: `framer-kwn721-container`, "data-framer-name": `P10`, inComponentSlot: !0, name: `P10`, nodeId: `QFFut_LIJ`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( FramerGqDv5dGM2, { ajpl6Uuru: `https://vimeo.com/1102114422/23830ad21a`, bDqZv0eBe: addImageAlt( { pixelHeight: 1216, pixelWidth: 676, src: `https://framerusercontent.com/images/Kk4A9pXNLo9tpSnBepjrE3AfYM.png?width=676&height=1216`, srcSet: `https://framerusercontent.com/images/Kk4A9pXNLo9tpSnBepjrE3AfYM.png?scale-down-to=1024&width=676&height=1216 569w,https://framerusercontent.com/images/Kk4A9pXNLo9tpSnBepjrE3AfYM.png?width=676&height=1216 676w` }, `` ), height: `100%`, id: `QFFut_LIJ`, layoutId: `QFFut_LIJ`, name: `P10`, qE1tlAy6S: `https://framerusercontent.com/assets/AYNY0isUkGBxHr1NiLAF49LhtTg.mp4`, style: { height: `100%`, width: `100%` }, variant: `bgszonbYA`, width: `100%` } ) }) }), p(ComponentViewportProvider, { height: 375, width: `211px`, children: p(Container, { className: `framer-1xo3vt1-container`, "data-framer-name": `P11`, inComponentSlot: !0, name: `P11`, nodeId: `kk58FaLhg`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( FramerGqDv5dGM2, { ajpl6Uuru: `https://vimeo.com/1102114554/5375838932`, bDqZv0eBe: addImageAlt( { pixelHeight: 399, pixelWidth: 211, src: `https://framerusercontent.com/images/kz9ypIS0wbuRcsfXFTzakAPX730.png?width=211&height=399` }, `` ), height: `100%`, id: `kk58FaLhg`, layoutId: `kk58FaLhg`, name: `P11`, qE1tlAy6S: `https://framerusercontent.com/assets/i0VLmLOvr7oxDc0xosmISUn8M.mp4`, style: { height: `100%`, width: `100%` }, variant: `bgszonbYA`, width: `100%` } ) }) }) ], speed: 35, style: { height: `100%`, width: `100%` }, width: `100%` }) }) }), isDisplayed4() && p(ComponentViewportProvider, { children: p(Container, { className: `framer-1ipk1ry-container hidden-xe7qtd hidden-1ay7jxk`, "data-framer-name": `L Premium`, isAuthoredByUser: !0, isModuleExternal: !0, name: `L Premium`, nodeId: `Uck3cYvGW`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, style: { skewX: 4, skewY: 4, transformPerspective: 1200 }, children: p(Ticker, { alignment: `center`, direction: `right`, fadeOptions: { fadeAlpha: 0, fadeContent: !0, fadeInset: 0, fadeWidth: 25, overflow: !1 }, gap: 16, height: `100%`, hoverFactor: 1, id: `Uck3cYvGW`, layoutId: `Uck3cYvGW`, name: `L Premium`, padding: 0, paddingBottom: 0, paddingLeft: 0, paddingPerSide: !1, paddingRight: 0, paddingTop: 0, sizingOptions: { heightType: !0, widthType: !0 }, slots: [ p(ComponentViewportProvider, { height: 306, width: `172px`, children: p(Container, { className: `framer-xufl4j-container`, "data-framer-name": `L P1`, inComponentSlot: !0, name: `L P1`, nodeId: `txHM3eXMP`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( FramerGqDv5dGM2, { ajpl6Uuru: `https://vimeo.com/1093551321?share=copy`, bDqZv0eBe: addImageAlt( { pixelHeight: 478, pixelWidth: 269, src: `https://framerusercontent.com/images/W8nXWlzHHevr4DbpjBPOge1eMdI.png?width=269&height=478` }, `` ), height: `100%`, id: `txHM3eXMP`, layoutId: `txHM3eXMP`, name: `L P1`, qE1tlAy6S: `https://framerusercontent.com/assets/64sGrUtTpE2SM4QMFpI7MMsFwI.mp4`, style: { height: `100%`, width: `100%` }, variant: `bgszonbYA`, width: `100%` } ) }) }), p(ComponentViewportProvider, { height: 306, width: `172px`, children: p(Container, { className: `framer-1ego6nq-container`, "data-framer-name": `L P2`, inComponentSlot: !0, name: `L P2`, nodeId: `uslsrbtoj`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( FramerGqDv5dGM2, { ajpl6Uuru: `https://vimeo.com/1093551375?share=copyhttps://vimeo.com/1093551375?share=copyhttps://vimeo.com/1093551375?share=copyhttps://vimeo.com/1093551375?share=copy`, bDqZv0eBe: addImageAlt( { pixelHeight: 477, pixelWidth: 268, src: `https://framerusercontent.com/images/g1K3WVilMNmsGmbDz3St1E4xa5w.png?width=268&height=477` }, `` ), height: `100%`, id: `uslsrbtoj`, layoutId: `uslsrbtoj`, name: `L P2`, qE1tlAy6S: `https://framerusercontent.com/assets/AbpkMH7PTMEuVIlgbunuXPGYisQ.mp4`, style: { height: `100%`, width: `100%` }, variant: `bgszonbYA`, width: `100%` } ) }) }), p(ComponentViewportProvider, { height: 306, width: `172px`, children: p(Container, { className: `framer-yck7eg-container`, "data-framer-name": `L P3`, inComponentSlot: !0, name: `L P3`, nodeId: `iD8oATP8C`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( FramerGqDv5dGM2, { ajpl6Uuru: `https://vimeo.com/1093551338?share=copy`, bDqZv0eBe: addImageAlt( { pixelHeight: 478, pixelWidth: 268, src: `https://framerusercontent.com/images/eni1IWRAWqTczzvzjAyzQ99Qx1s.png?width=268&height=478` }, `` ), height: `100%`, id: `iD8oATP8C`, layoutId: `iD8oATP8C`, name: `L P3`, qE1tlAy6S: `https://framerusercontent.com/assets/yVYVSp3dMMDtUt0kEDoCXhuEA.mp4`, style: { height: `100%`, width: `100%` }, variant: `bgszonbYA`, width: `100%` } ) }) }), p(ComponentViewportProvider, { height: 306, width: `172px`, children: p(Container, { className: `framer-1ojrwqp-container`, "data-framer-name": `L P4`, inComponentSlot: !0, name: `L P4`, nodeId: `k9QqMRyjA`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( FramerGqDv5dGM2, { ajpl6Uuru: `https://vimeo.com/1093551328`, bDqZv0eBe: addImageAlt( { pixelHeight: 477, pixelWidth: 270, src: `https://framerusercontent.com/images/4qLRPRzSWqabAtZ8DjcZ9PQzY6o.png?width=270&height=477` }, `` ), height: `100%`, id: `k9QqMRyjA`, layoutId: `k9QqMRyjA`, name: `L P4`, qE1tlAy6S: `https://framerusercontent.com/assets/KbavbU0w9tVqa6di3XrVQahS24.mp4`, style: { height: `100%`, width: `100%` }, variant: `bgszonbYA`, width: `100%` } ) }) }), p(ComponentViewportProvider, { height: 306, width: `172px`, children: p(Container, { className: `framer-s9yykn-container`, "data-framer-name": `L P5`, inComponentSlot: !0, name: `L P5`, nodeId: `CWmEyFUlr`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( FramerGqDv5dGM2, { ajpl6Uuru: `https://vimeo.com/1093551351?share=copy`, bDqZv0eBe: addImageAlt( { pixelHeight: 481, pixelWidth: 271, src: `https://framerusercontent.com/images/bbUZcx1xDuaeqgWZJMihhc8IE.png?width=271&height=481` }, `` ), height: `100%`, id: `CWmEyFUlr`, layoutId: `CWmEyFUlr`, name: `L P5`, qE1tlAy6S: `https://framerusercontent.com/assets/AyYWW39VKOnpMNPhF39kK02yS4.mp4`, style: { height: `100%`, width: `100%` }, variant: `bgszonbYA`, width: `100%` } ) }) }), p(ComponentViewportProvider, { height: 306, width: `172px`, children: p(Container, { className: `framer-b948z-container`, "data-framer-name": `L P6`, inComponentSlot: !0, name: `L P6`, nodeId: `oxYFXLhR5`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( FramerGqDv5dGM2, { ajpl6Uuru: `https://vimeo.com/1102114981/c6167867d5`, bDqZv0eBe: addImageAlt( { pixelHeight: 479, pixelWidth: 270, src: `https://framerusercontent.com/images/TLduS10wqoQ1xwZU4fxMJqApKEw.png?width=270&height=479` }, `` ), height: `100%`, id: `oxYFXLhR5`, layoutId: `oxYFXLhR5`, name: `L P6`, qE1tlAy6S: `https://framerusercontent.com/assets/ZviGmAyAbpUvi6bggiDN7oKNo8.mp4`, style: { height: `100%`, width: `100%` }, variant: `bgszonbYA`, width: `100%` } ) }) }), p(ComponentViewportProvider, { height: 306, width: `172px`, children: p(Container, { className: `framer-f5spf8-container`, "data-framer-name": `L P7`, inComponentSlot: !0, name: `L P7`, nodeId: `OLifxnQ3n`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( FramerGqDv5dGM2, { ajpl6Uuru: `https://vimeo.com/1102115088/e31096b014`, bDqZv0eBe: addImageAlt( { pixelHeight: 1388, pixelWidth: 810, src: `https://framerusercontent.com/images/dzPQkDslbyiNWkAmiF2jXhNw4Y.png?width=810&height=1388`, srcSet: `https://framerusercontent.com/images/dzPQkDslbyiNWkAmiF2jXhNw4Y.png?scale-down-to=1024&width=810&height=1388 597w,https://framerusercontent.com/images/dzPQkDslbyiNWkAmiF2jXhNw4Y.png?width=810&height=1388 810w` }, `` ), height: `100%`, id: `OLifxnQ3n`, layoutId: `OLifxnQ3n`, name: `L P7`, qE1tlAy6S: `https://framerusercontent.com/assets/7QfqiLq0ROpYxW486Tl0gZY4cyA.mp4`, style: { height: `100%`, width: `100%` }, variant: `bgszonbYA`, width: `100%` } ) }) }), p(ComponentViewportProvider, { height: 306, width: `172px`, children: p(Container, { className: `framer-13ok61n-container`, "data-framer-name": `L P8`, inComponentSlot: !0, name: `L P8`, nodeId: `JrZAYANZb`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( FramerGqDv5dGM2, { ajpl6Uuru: `https://vimeo.com/1102114828/040baa0881`, bDqZv0eBe: addImageAlt( { pixelHeight: 397, pixelWidth: 237, src: `https://framerusercontent.com/images/UDnHq7EWf7s2MSg7HAy27n100A.png?width=237&height=397` }, `` ), height: `100%`, id: `JrZAYANZb`, layoutId: `JrZAYANZb`, name: `L P8`, qE1tlAy6S: `https://framerusercontent.com/assets/IVevPupRaOlyJm3S8IR0goHGCAY.mp4`, style: { height: `100%`, width: `100%` }, variant: `bgszonbYA`, width: `100%` } ) }) }), p(ComponentViewportProvider, { height: 306, width: `172px`, children: p(Container, { className: `framer-1aleixx-container`, "data-framer-name": `L P9`, inComponentSlot: !0, name: `L P9`, nodeId: `bItQEVV9l`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( FramerGqDv5dGM2, { ajpl6Uuru: `https://vimeo.com/1102114746/5736dd32ea`, bDqZv0eBe: addImageAlt( { pixelHeight: 619, pixelWidth: 345, src: `https://framerusercontent.com/images/WFA58FAOXk4yUQpBdp6JcIql80.png?width=345&height=619`, srcSet: `https://framerusercontent.com/images/WFA58FAOXk4yUQpBdp6JcIql80.png?width=345&height=619 345w` }, `` ), height: `100%`, id: `bItQEVV9l`, layoutId: `bItQEVV9l`, name: `L P9`, qE1tlAy6S: `https://framerusercontent.com/assets/uH1WV8snMXIgTO5n0kdqhgHz0c.mp4`, style: { height: `100%`, width: `100%` }, variant: `bgszonbYA`, width: `100%` } ) }) }), p(ComponentViewportProvider, { height: 306, width: `172px`, children: p(Container, { className: `framer-1x8t182-container`, "data-framer-name": `L P10`, inComponentSlot: !0, name: `L P10`, nodeId: `zD_1ATRSy`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( FramerGqDv5dGM2, { ajpl6Uuru: `https://vimeo.com/1102114422/23830ad21a`, bDqZv0eBe: addImageAlt( { pixelHeight: 1216, pixelWidth: 676, src: `https://framerusercontent.com/images/Kk4A9pXNLo9tpSnBepjrE3AfYM.png?width=676&height=1216`, srcSet: `https://framerusercontent.com/images/Kk4A9pXNLo9tpSnBepjrE3AfYM.png?scale-down-to=1024&width=676&height=1216 569w,https://framerusercontent.com/images/Kk4A9pXNLo9tpSnBepjrE3AfYM.png?width=676&height=1216 676w` }, `` ), height: `100%`, id: `zD_1ATRSy`, layoutId: `zD_1ATRSy`, name: `L P10`, qE1tlAy6S: `https://framerusercontent.com/assets/eiDdTwgU1dvogvEbLZkUEYAgE7g.mp4`, style: { height: `100%`, width: `100%` }, variant: `bgszonbYA`, width: `100%` } ) }) }), p(ComponentViewportProvider, { height: 306, width: `172px`, children: p(Container, { className: `framer-19aqj84-container`, "data-framer-name": `L P11`, inComponentSlot: !0, name: `L P11`, nodeId: `KUCVuUZGJ`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( FramerGqDv5dGM2, { ajpl6Uuru: `https://vimeo.com/1102114554/5375838932`, bDqZv0eBe: addImageAlt( { pixelHeight: 399, pixelWidth: 211, src: `https://framerusercontent.com/images/kz9ypIS0wbuRcsfXFTzakAPX730.png?width=211&height=399` }, `` ), height: `100%`, id: `KUCVuUZGJ`, layoutId: `KUCVuUZGJ`, name: `L P11`, qE1tlAy6S: `https://framerusercontent.com/assets/pUcPloFCDDnuSiLbdjkcgvJQGo.mp4`, style: { height: `100%`, width: `100%` }, variant: `bgszonbYA`, width: `100%` } ) }) }) ], speed: 35, style: { height: `100%`, maxWidth: `100%`, width: `100%` }, width: `100%` }) }) }), isDisplayed3() && p(ComponentViewportProvider, { children: p(Container, { className: `framer-1kc0cj8-container hidden-xe7qtd hidden-92dof8 hidden-ghhu7e`, "data-framer-name": `M Premium`, isAuthoredByUser: !0, isModuleExternal: !0, name: `M Premium`, nodeId: `tP6csBEUG`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, style: { skewX: 4, skewY: 4, transformPerspective: 1200 }, children: p(PropertyOverrides2, { breakpoint: baseVariant, overrides: { os8gfPtLB: { speed: 15 } }, children: p(Ticker, { alignment: `center`, direction: `right`, fadeOptions: { fadeAlpha: 0, fadeContent: !0, fadeInset: 0, fadeWidth: 25, overflow: !1 }, gap: 16, height: `100%`, hoverFactor: 1, id: `tP6csBEUG`, layoutId: `tP6csBEUG`, name: `M Premium`, padding: 0, paddingBottom: 0, paddingLeft: 0, paddingPerSide: !1, paddingRight: 0, paddingTop: 0, sizingOptions: { heightType: !0, widthType: !0 }, slots: [ p(ComponentViewportProvider, { height: 231, width: `130px`, children: p(Container, { className: `framer-me8vl7-container`, "data-framer-name": `M P1`, inComponentSlot: !0, name: `M P1`, nodeId: `jJ_UQBIOj`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( FramerGqDv5dGM2, { ajpl6Uuru: `https://vimeo.com/1093551321?share=copy`, bDqZv0eBe: addImageAlt( { pixelHeight: 478, pixelWidth: 269, src: `https://framerusercontent.com/images/W8nXWlzHHevr4DbpjBPOge1eMdI.png?width=269&height=478` }, `` ), height: `100%`, id: `jJ_UQBIOj`, layoutId: `jJ_UQBIOj`, name: `M P1`, qE1tlAy6S: `https://framerusercontent.com/assets/sv1HTnXiNEGSSqD7fSdbiQCmmuc.mp4`, style: { height: `100%`, width: `100%` }, variant: `bgszonbYA`, width: `100%` } ) }) }), p(ComponentViewportProvider, { height: 231, width: `130px`, children: p(Container, { className: `framer-65hzvb-container`, "data-framer-name": `M P2`, inComponentSlot: !0, name: `M P2`, nodeId: `Lvt35rtBV`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( FramerGqDv5dGM2, { ajpl6Uuru: `https://vimeo.com/1093551375?share=copyhttps://vimeo.com/1093551375?share=copyhttps://vimeo.com/1093551375?share=copyhttps://vimeo.com/1093551375?share=copy`, bDqZv0eBe: addImageAlt( { pixelHeight: 477, pixelWidth: 268, src: `https://framerusercontent.com/images/g1K3WVilMNmsGmbDz3St1E4xa5w.png?width=268&height=477` }, `` ), height: `100%`, id: `Lvt35rtBV`, layoutId: `Lvt35rtBV`, name: `M P2`, qE1tlAy6S: `https://framerusercontent.com/assets/YmQkr2gKaHoAQg3RomC01NA81U.mp4`, style: { height: `100%`, width: `100%` }, variant: `bgszonbYA`, width: `100%` } ) }) }), p(ComponentViewportProvider, { height: 231, width: `130px`, children: p(Container, { className: `framer-1gy1xmp-container`, "data-framer-name": `M P3`, inComponentSlot: !0, name: `M P3`, nodeId: `abtvsuWZo`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( FramerGqDv5dGM2, { ajpl6Uuru: `https://vimeo.com/1093551338?share=copy`, bDqZv0eBe: addImageAlt( { pixelHeight: 478, pixelWidth: 268, src: `https://framerusercontent.com/images/0RLj5JCmmdAYR0Odu8Mz0zGC4.png?width=268&height=478` }, `` ), height: `100%`, id: `abtvsuWZo`, layoutId: `abtvsuWZo`, name: `M P3`, qE1tlAy6S: `https://framerusercontent.com/assets/6BwxHhPbNyoz73ZSbWyxfW9cDI.mp4`, style: { height: `100%`, width: `100%` }, variant: `bgszonbYA`, width: `100%` } ) }) }), p(ComponentViewportProvider, { height: 231, width: `130px`, children: p(Container, { className: `framer-qrohwl-container`, "data-framer-name": `M P4`, inComponentSlot: !0, name: `M P4`, nodeId: `WamNoMsXQ`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( FramerGqDv5dGM2, { ajpl6Uuru: `https://vimeo.com/1093551328`, bDqZv0eBe: addImageAlt( { pixelHeight: 477, pixelWidth: 270, src: `https://framerusercontent.com/images/4qLRPRzSWqabAtZ8DjcZ9PQzY6o.png?width=270&height=477` }, `` ), height: `100%`, id: `WamNoMsXQ`, layoutId: `WamNoMsXQ`, name: `M P4`, qE1tlAy6S: `https://framerusercontent.com/assets/m8VUtHyCzBfbGhh1PIstDFu8.mp4`, style: { height: `100%`, width: `100%` }, variant: `bgszonbYA`, width: `100%` } ) }) }), p(ComponentViewportProvider, { height: 231, width: `130px`, children: p(Container, { className: `framer-15jqpkj-container`, "data-framer-name": `M P5`, inComponentSlot: !0, name: `M P5`, nodeId: `ggd5gdRJO`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( FramerGqDv5dGM2, { ajpl6Uuru: `https://vimeo.com/1093551351?share=copy`, bDqZv0eBe: addImageAlt( { pixelHeight: 481, pixelWidth: 271, src: `https://framerusercontent.com/images/bbUZcx1xDuaeqgWZJMihhc8IE.png?width=271&height=481` }, `` ), height: `100%`, id: `ggd5gdRJO`, layoutId: `ggd5gdRJO`, name: `M P5`, qE1tlAy6S: `https://framerusercontent.com/assets/pyuiEA4HjOot6kBs7YBpDntds.mp4`, style: { height: `100%`, width: `100%` }, variant: `bgszonbYA`, width: `100%` } ) }) }), p(ComponentViewportProvider, { height: 231, width: `130px`, children: p(Container, { className: `framer-hyw576-container`, "data-framer-name": `M P6`, inComponentSlot: !0, name: `M P6`, nodeId: `BLZdwydH4`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( FramerGqDv5dGM2, { ajpl6Uuru: `https://vimeo.com/1102114981/c6167867d5`, bDqZv0eBe: addImageAlt( { pixelHeight: 479, pixelWidth: 270, src: `https://framerusercontent.com/images/TLduS10wqoQ1xwZU4fxMJqApKEw.png?width=270&height=479` }, `` ), height: `100%`, id: `BLZdwydH4`, layoutId: `BLZdwydH4`, name: `M P6`, qE1tlAy6S: `https://framerusercontent.com/assets/xcrAHF9nf2Hzc77MMyAGuIW3nM.mp4`, style: { height: `100%`, width: `100%` }, variant: `bgszonbYA`, width: `100%` } ) }) }), p(ComponentViewportProvider, { height: 231, width: `130px`, children: p(Container, { className: `framer-jh61bb-container`, "data-framer-name": `M P7`, inComponentSlot: !0, name: `M P7`, nodeId: `ebnWQT2Ef`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( FramerGqDv5dGM2, { ajpl6Uuru: `https://vimeo.com/1102115088/e31096b014`, bDqZv0eBe: addImageAlt( { pixelHeight: 1388, pixelWidth: 810, src: `https://framerusercontent.com/images/dzPQkDslbyiNWkAmiF2jXhNw4Y.png?scale-down-to=512&width=810&height=1388` }, `` ), height: `100%`, id: `ebnWQT2Ef`, layoutId: `ebnWQT2Ef`, name: `M P7`, qE1tlAy6S: `https://framerusercontent.com/assets/Sr3WxfEpm7xZ99aMUYE4gBPMjA.mp4`, style: { height: `100%`, width: `100%` }, variant: `bgszonbYA`, width: `100%` } ) }) }), p(ComponentViewportProvider, { height: 231, width: `130px`, children: p(Container, { className: `framer-19f3lqj-container`, "data-framer-name": `M P8`, inComponentSlot: !0, name: `M P8`, nodeId: `dTxnJe4Ty`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( FramerGqDv5dGM2, { ajpl6Uuru: `https://vimeo.com/1102114828/040baa0881`, bDqZv0eBe: addImageAlt( { pixelHeight: 397, pixelWidth: 237, src: `https://framerusercontent.com/images/UDnHq7EWf7s2MSg7HAy27n100A.png?width=237&height=397` }, `` ), height: `100%`, id: `dTxnJe4Ty`, layoutId: `dTxnJe4Ty`, name: `M P8`, qE1tlAy6S: `https://framerusercontent.com/assets/VMULM1SGUH4mjNddMUZVhoR6JHk.mp4`, style: { height: `100%`, width: `100%` }, variant: `bgszonbYA`, width: `100%` } ) }) }), p(ComponentViewportProvider, { height: 231, width: `130px`, children: p(Container, { className: `framer-1mhhkwi-container`, "data-framer-name": `M P9`, inComponentSlot: !0, name: `M P9`, nodeId: `Lg7h9hxQx`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( FramerGqDv5dGM2, { ajpl6Uuru: `https://vimeo.com/1102114746/5736dd32ea`, bDqZv0eBe: addImageAlt( { pixelHeight: 619, pixelWidth: 345, src: `https://framerusercontent.com/images/WFA58FAOXk4yUQpBdp6JcIql80.png?scale-down-to=512&width=345&height=619` }, `` ), height: `100%`, id: `Lg7h9hxQx`, layoutId: `Lg7h9hxQx`, name: `M P9`, qE1tlAy6S: `https://framerusercontent.com/assets/cmJpHCIMj0vXTwfjPfJvpiQQvo.mp4`, style: { height: `100%`, width: `100%` }, variant: `bgszonbYA`, width: `100%` } ) }) }), p(ComponentViewportProvider, { height: 231, width: `130px`, children: p(Container, { className: `framer-hgotlj-container`, "data-framer-name": `M P10`, inComponentSlot: !0, name: `M P10`, nodeId: `Nf0MqWmTT`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( FramerGqDv5dGM2, { ajpl6Uuru: `https://vimeo.com/1102114422/23830ad21a`, bDqZv0eBe: addImageAlt( { pixelHeight: 1216, pixelWidth: 676, src: `https://framerusercontent.com/images/Kk4A9pXNLo9tpSnBepjrE3AfYM.png?scale-down-to=512&width=676&height=1216` }, `` ), height: `100%`, id: `Nf0MqWmTT`, layoutId: `Nf0MqWmTT`, name: `M P10`, qE1tlAy6S: `https://framerusercontent.com/assets/5uKK8IuPX7jyoM9u2slDksmeI.mp4`, style: { height: `100%`, width: `100%` }, variant: `bgszonbYA`, width: `100%` } ) }) }), p(ComponentViewportProvider, { height: 231, width: `130px`, children: p(Container, { className: `framer-15s9jwq-container`, "data-framer-name": `M P11`, inComponentSlot: !0, name: `M P11`, nodeId: `W0hqDjxk2`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, children: p( FramerGqDv5dGM2, { ajpl6Uuru: `https://vimeo.com/1102114554/5375838932`, bDqZv0eBe: addImageAlt( { pixelHeight: 399, pixelWidth: 211, src: `https://framerusercontent.com/images/kz9ypIS0wbuRcsfXFTzakAPX730.png?width=211&height=399` }, `` ), height: `100%`, id: `W0hqDjxk2`, layoutId: `W0hqDjxk2`, name: `M P11`, qE1tlAy6S: `https://framerusercontent.com/assets/9P2b9Jla8EI4k0O7029jS6C4hM.mp4`, style: { height: `100%`, width: `100%` }, variant: `bgszonbYA`, width: `100%` } ) }) }) ], speed: 40, style: { height: `100%`, maxWidth: `100%`, width: `100%` }, width: `100%` }) }) }) }) ] }) ] }), u(`div`, { className: `framer-nd15xw`, "data-framer-name": `Trusted client container`, children: [ p(PropertyOverrides2, { breakpoint: baseVariant, overrides: { LIxzhGHPd: { y: void 0 }, os8gfPtLB: { y: void 0 }, r37_cMGAg: { y: (componentViewport?.y || 0) + 0 + 200 + 0 + 2917.8 + 64 + 0 } }, children: p(ComponentViewportProvider, { height: 40, y: (componentViewport?.y || 0) + 0 + 200 + 0 + 3145.4 + 64 + 0, children: p(Container, { className: `framer-j75iam-container`, nodeId: `gg_MmXDzD`, scopeId: `MzVDsyX25`, children: p(FramerF5zSwZv4k, { crA6wBj3k: !1, dI2V912ba: `rgba(13, 13, 13, 0.4)`, gpaDS0xo1: `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))`, height: `100%`, id: `gg_MmXDzD`, kdP_WncMn: !1, layoutId: `gg_MmXDzD`, nQWOpC8zj: 8, variant: `aRB94otF7`, width: `100%`, YbsaeEF4R: `As seen on` }) }) }) }), u(MotionDivWithFX, { __framer__animate: { transition: transition1 }, __framer__animateOnce: !0, __framer__enter: animation9, __framer__styleAppearEffectEnabled: !0, __framer__threshold: 1, __perspectiveFX: !1, __targetOpacity: 1, className: `framer-c6nqt3`, children: [ p(PropertyOverrides2, { breakpoint: baseVariant, overrides: { LIxzhGHPd: { background: { alt: `Edit Lobby featured on Business Insider`, fit: `fit`, pixelHeight: 276, pixelWidth: 728, positionX: `center`, positionY: `center`, sizes: `116px`, src: `https://framerusercontent.com/images/va7FFw9te2QuL0E7cshqsEUnZL4.svg?width=728&height=276`, srcSet: `https://framerusercontent.com/images/va7FFw9te2QuL0E7cshqsEUnZL4.svg?scale-down-to=512&width=728&height=276 512w,https://framerusercontent.com/images/va7FFw9te2QuL0E7cshqsEUnZL4.svg?width=728&height=276 728w` } }, os8gfPtLB: { background: { alt: `Edit Lobby featured on Business Insider`, fit: `fit`, pixelHeight: 276, pixelWidth: 728, positionX: `center`, positionY: `center`, sizes: `64px`, src: `https://framerusercontent.com/images/va7FFw9te2QuL0E7cshqsEUnZL4.svg?width=728&height=276`, srcSet: `https://framerusercontent.com/images/va7FFw9te2QuL0E7cshqsEUnZL4.svg?scale-down-to=512&width=728&height=276 512w,https://framerusercontent.com/images/va7FFw9te2QuL0E7cshqsEUnZL4.svg?width=728&height=276 728w` } }, r37_cMGAg: { background: { alt: `Edit Lobby featured on Business Insider`, fit: `fit`, loading: getLoadingLazyAtYPosition( (componentViewport?.y || 0) + 0 + 200 + 0 + 2917.8 + 64 + 64 + 0 ), pixelHeight: 276, pixelWidth: 728, positionX: `center`, positionY: `center`, sizes: `max((min(${componentViewport?.width || `100vw`} - 128px, 1200px) - 120px) / 6, 1px)`, src: `https://framerusercontent.com/images/va7FFw9te2QuL0E7cshqsEUnZL4.svg?width=728&height=276`, srcSet: `https://framerusercontent.com/images/va7FFw9te2QuL0E7cshqsEUnZL4.svg?scale-down-to=512&width=728&height=276 512w,https://framerusercontent.com/images/va7FFw9te2QuL0E7cshqsEUnZL4.svg?width=728&height=276 728w` } } }, children: p(Image2, { background: { alt: `Edit Lobby featured on Business Insider`, fit: `fit`, loading: getLoadingLazyAtYPosition( (componentViewport?.y || 0) + 0 + 200 + 0 + 3145.4 + 64 + 64 + 0 ), pixelHeight: 276, pixelWidth: 728, positionX: `center`, positionY: `center`, sizes: `max((min(${componentViewport?.width || `100vw`} - 128px, 1200px) - 120px) / 6, 1px)`, src: `https://framerusercontent.com/images/va7FFw9te2QuL0E7cshqsEUnZL4.svg?width=728&height=276`, srcSet: `https://framerusercontent.com/images/va7FFw9te2QuL0E7cshqsEUnZL4.svg?scale-down-to=512&width=728&height=276 512w,https://framerusercontent.com/images/va7FFw9te2QuL0E7cshqsEUnZL4.svg?width=728&height=276 728w` }, className: `framer-153o8i2` }) }), p(PropertyOverrides2, { breakpoint: baseVariant, overrides: { LIxzhGHPd: { background: { alt: `Edit Lobby featured on Associated Press`, fit: `fit`, pixelHeight: 174, pixelWidth: 150, positionX: `center`, positionY: `center`, src: `https://framerusercontent.com/images/PnodkSp6SnnECMptbnJbk9CUsiI.svg?width=150&height=174` } }, os8gfPtLB: { background: { alt: `Edit Lobby featured on Associated Press`, fit: `fit`, pixelHeight: 174, pixelWidth: 150, positionX: `center`, positionY: `center`, src: `https://framerusercontent.com/images/PnodkSp6SnnECMptbnJbk9CUsiI.svg?width=150&height=174` } }, r37_cMGAg: { background: { alt: `Edit Lobby featured on Associated Press`, fit: `fit`, loading: getLoadingLazyAtYPosition( (componentViewport?.y || 0) + 0 + 200 + 0 + 2917.8 + 64 + 64 + 0 ), pixelHeight: 174, pixelWidth: 150, positionX: `center`, positionY: `center`, src: `https://framerusercontent.com/images/PnodkSp6SnnECMptbnJbk9CUsiI.svg?width=150&height=174` } } }, children: p(Image2, { background: { alt: `Edit Lobby featured on Associated Press`, fit: `fit`, loading: getLoadingLazyAtYPosition( (componentViewport?.y || 0) + 0 + 200 + 0 + 3145.4 + 64 + 64 + 0 ), pixelHeight: 174, pixelWidth: 150, positionX: `center`, positionY: `center`, src: `https://framerusercontent.com/images/PnodkSp6SnnECMptbnJbk9CUsiI.svg?width=150&height=174` }, className: `framer-1weiyui` }) }), p(PropertyOverrides2, { breakpoint: baseVariant, overrides: { LIxzhGHPd: { background: { alt: `Edit Lobby featured on The Chronical journal`, fit: `fit`, pixelHeight: 556, pixelWidth: 1509, positionX: `center`, positionY: `center`, sizes: `116px`, src: `https://framerusercontent.com/images/pmPl09UakvzV1iWbcRQdF6evXU.svg?width=1509&height=556`, srcSet: `https://framerusercontent.com/images/pmPl09UakvzV1iWbcRQdF6evXU.svg?scale-down-to=512&width=1509&height=556 512w,https://framerusercontent.com/images/pmPl09UakvzV1iWbcRQdF6evXU.svg?scale-down-to=1024&width=1509&height=556 1024w,https://framerusercontent.com/images/pmPl09UakvzV1iWbcRQdF6evXU.svg?width=1509&height=556 1509w` } }, os8gfPtLB: { background: { alt: `Edit Lobby featured on The Chronical journal`, fit: `fit`, pixelHeight: 556, pixelWidth: 1509, positionX: `center`, positionY: `center`, sizes: `64px`, src: `https://framerusercontent.com/images/pmPl09UakvzV1iWbcRQdF6evXU.svg?width=1509&height=556`, srcSet: `https://framerusercontent.com/images/pmPl09UakvzV1iWbcRQdF6evXU.svg?scale-down-to=512&width=1509&height=556 512w,https://framerusercontent.com/images/pmPl09UakvzV1iWbcRQdF6evXU.svg?scale-down-to=1024&width=1509&height=556 1024w,https://framerusercontent.com/images/pmPl09UakvzV1iWbcRQdF6evXU.svg?width=1509&height=556 1509w` } }, r37_cMGAg: { background: { alt: `Edit Lobby featured on The Chronical journal`, fit: `fit`, loading: getLoadingLazyAtYPosition( (componentViewport?.y || 0) + 0 + 200 + 0 + 2917.8 + 64 + 64 + 0 ), pixelHeight: 556, pixelWidth: 1509, positionX: `center`, positionY: `center`, sizes: `max((min(${componentViewport?.width || `100vw`} - 128px, 1200px) - 120px) / 6, 1px)`, src: `https://framerusercontent.com/images/pmPl09UakvzV1iWbcRQdF6evXU.svg?width=1509&height=556`, srcSet: `https://framerusercontent.com/images/pmPl09UakvzV1iWbcRQdF6evXU.svg?scale-down-to=512&width=1509&height=556 512w,https://framerusercontent.com/images/pmPl09UakvzV1iWbcRQdF6evXU.svg?scale-down-to=1024&width=1509&height=556 1024w,https://framerusercontent.com/images/pmPl09UakvzV1iWbcRQdF6evXU.svg?width=1509&height=556 1509w` } } }, children: p(Image2, { background: { alt: `Edit Lobby featured on The Chronical journal`, fit: `fit`, loading: getLoadingLazyAtYPosition( (componentViewport?.y || 0) + 0 + 200 + 0 + 3145.4 + 64 + 64 + 0 ), pixelHeight: 556, pixelWidth: 1509, positionX: `center`, positionY: `center`, sizes: `max((min(${componentViewport?.width || `100vw`} - 128px, 1200px) - 120px) / 6, 1px)`, src: `https://framerusercontent.com/images/pmPl09UakvzV1iWbcRQdF6evXU.svg?width=1509&height=556`, srcSet: `https://framerusercontent.com/images/pmPl09UakvzV1iWbcRQdF6evXU.svg?scale-down-to=512&width=1509&height=556 512w,https://framerusercontent.com/images/pmPl09UakvzV1iWbcRQdF6evXU.svg?scale-down-to=1024&width=1509&height=556 1024w,https://framerusercontent.com/images/pmPl09UakvzV1iWbcRQdF6evXU.svg?width=1509&height=556 1509w` }, className: `framer-8flt38` }) }), p(PropertyOverrides2, { breakpoint: baseVariant, overrides: { LIxzhGHPd: { background: { alt: `Edit Lobby featured on My Mother Lode`, fit: `fit`, pixelHeight: 83, pixelWidth: 600, positionX: `center`, positionY: `center`, sizes: `116px`, src: `https://framerusercontent.com/images/sV2DYAuzzoXtgmHoHxRpAcny9F8.svg?width=600&height=83`, srcSet: `https://framerusercontent.com/images/sV2DYAuzzoXtgmHoHxRpAcny9F8.svg?scale-down-to=512&width=600&height=83 512w,https://framerusercontent.com/images/sV2DYAuzzoXtgmHoHxRpAcny9F8.svg?width=600&height=83 600w` } }, os8gfPtLB: { background: { alt: `Edit Lobby featured on My Mother Lode`, fit: `fit`, pixelHeight: 83, pixelWidth: 600, positionX: `center`, positionY: `center`, sizes: `80px`, src: `https://framerusercontent.com/images/sV2DYAuzzoXtgmHoHxRpAcny9F8.svg?width=600&height=83`, srcSet: `https://framerusercontent.com/images/sV2DYAuzzoXtgmHoHxRpAcny9F8.svg?scale-down-to=512&width=600&height=83 512w,https://framerusercontent.com/images/sV2DYAuzzoXtgmHoHxRpAcny9F8.svg?width=600&height=83 600w` } }, r37_cMGAg: { background: { alt: `Edit Lobby featured on My Mother Lode`, fit: `fit`, loading: getLoadingLazyAtYPosition( (componentViewport?.y || 0) + 0 + 200 + 0 + 2917.8 + 64 + 64 + 0 ), pixelHeight: 83, pixelWidth: 600, positionX: `center`, positionY: `center`, sizes: `max((min(${componentViewport?.width || `100vw`} - 128px, 1200px) - 120px) / 6, 1px)`, src: `https://framerusercontent.com/images/sV2DYAuzzoXtgmHoHxRpAcny9F8.svg?width=600&height=83`, srcSet: `https://framerusercontent.com/images/sV2DYAuzzoXtgmHoHxRpAcny9F8.svg?scale-down-to=512&width=600&height=83 512w,https://framerusercontent.com/images/sV2DYAuzzoXtgmHoHxRpAcny9F8.svg?width=600&height=83 600w` } } }, children: p(Image2, { background: { alt: `Edit Lobby featured on My Mother Lode`, fit: `fit`, loading: getLoadingLazyAtYPosition( (componentViewport?.y || 0) + 0 + 200 + 0 + 3145.4 + 64 + 64 + 0 ), pixelHeight: 83, pixelWidth: 600, positionX: `center`, positionY: `center`, sizes: `max((min(${componentViewport?.width || `100vw`} - 128px, 1200px) - 120px) / 6, 1px)`, src: `https://framerusercontent.com/images/sV2DYAuzzoXtgmHoHxRpAcny9F8.svg?width=600&height=83`, srcSet: `https://framerusercontent.com/images/sV2DYAuzzoXtgmHoHxRpAcny9F8.svg?scale-down-to=512&width=600&height=83 512w,https://framerusercontent.com/images/sV2DYAuzzoXtgmHoHxRpAcny9F8.svg?width=600&height=83 600w` }, className: `framer-1xpqeja` }) }), p(PropertyOverrides2, { breakpoint: baseVariant, overrides: { LIxzhGHPd: { background: { alt: `Edit Lobby featured on Newsbreak`, fit: `fit`, pixelHeight: 255, pixelWidth: 674, positionX: `center`, positionY: `center`, sizes: `116px`, src: `https://framerusercontent.com/images/2wYVbMQQck7a0jCTm3MCabhqPPs.svg?width=674&height=255`, srcSet: `https://framerusercontent.com/images/2wYVbMQQck7a0jCTm3MCabhqPPs.svg?scale-down-to=512&width=674&height=255 512w,https://framerusercontent.com/images/2wYVbMQQck7a0jCTm3MCabhqPPs.svg?width=674&height=255 674w` } }, os8gfPtLB: { background: { alt: `Edit Lobby featured on Newsbreak`, fit: `fit`, pixelHeight: 255, pixelWidth: 674, positionX: `center`, positionY: `center`, sizes: `64px`, src: `https://framerusercontent.com/images/2wYVbMQQck7a0jCTm3MCabhqPPs.svg?width=674&height=255`, srcSet: `https://framerusercontent.com/images/2wYVbMQQck7a0jCTm3MCabhqPPs.svg?scale-down-to=512&width=674&height=255 512w,https://framerusercontent.com/images/2wYVbMQQck7a0jCTm3MCabhqPPs.svg?width=674&height=255 674w` } }, r37_cMGAg: { background: { alt: `Edit Lobby featured on Newsbreak`, fit: `fit`, loading: getLoadingLazyAtYPosition( (componentViewport?.y || 0) + 0 + 200 + 0 + 2917.8 + 64 + 64 + 0 ), pixelHeight: 255, pixelWidth: 674, positionX: `center`, positionY: `center`, sizes: `max((min(${componentViewport?.width || `100vw`} - 128px, 1200px) - 120px) / 6, 1px)`, src: `https://framerusercontent.com/images/2wYVbMQQck7a0jCTm3MCabhqPPs.svg?width=674&height=255`, srcSet: `https://framerusercontent.com/images/2wYVbMQQck7a0jCTm3MCabhqPPs.svg?scale-down-to=512&width=674&height=255 512w,https://framerusercontent.com/images/2wYVbMQQck7a0jCTm3MCabhqPPs.svg?width=674&height=255 674w` } } }, children: p(Image2, { background: { alt: `Edit Lobby featured on Newsbreak`, fit: `fit`, loading: getLoadingLazyAtYPosition( (componentViewport?.y || 0) + 0 + 200 + 0 + 3145.4 + 64 + 64 + 0 ), pixelHeight: 255, pixelWidth: 674, positionX: `center`, positionY: `center`, sizes: `max((min(${componentViewport?.width || `100vw`} - 128px, 1200px) - 120px) / 6, 1px)`, src: `https://framerusercontent.com/images/2wYVbMQQck7a0jCTm3MCabhqPPs.svg?width=674&height=255`, srcSet: `https://framerusercontent.com/images/2wYVbMQQck7a0jCTm3MCabhqPPs.svg?scale-down-to=512&width=674&height=255 512w,https://framerusercontent.com/images/2wYVbMQQck7a0jCTm3MCabhqPPs.svg?width=674&height=255 674w` }, className: `framer-14mjfvb` }) }), p(PropertyOverrides2, { breakpoint: baseVariant, overrides: { LIxzhGHPd: { background: { alt: `Edit Lobby featured on Street Insider`, fit: `fit`, pixelHeight: 89, pixelWidth: 936, positionX: `center`, positionY: `center`, sizes: `116px`, src: `https://framerusercontent.com/images/fRMlnaGqJhl89xhPqx5XVRxDg.svg?width=936&height=89`, srcSet: `https://framerusercontent.com/images/fRMlnaGqJhl89xhPqx5XVRxDg.svg?scale-down-to=512&width=936&height=89 512w,https://framerusercontent.com/images/fRMlnaGqJhl89xhPqx5XVRxDg.svg?width=936&height=89 936w` } }, os8gfPtLB: { background: { alt: `Edit Lobby featured on Street Insider`, fit: `fit`, pixelHeight: 89, pixelWidth: 936, positionX: `center`, positionY: `center`, sizes: `80px`, src: `https://framerusercontent.com/images/fRMlnaGqJhl89xhPqx5XVRxDg.svg?width=936&height=89`, srcSet: `https://framerusercontent.com/images/fRMlnaGqJhl89xhPqx5XVRxDg.svg?scale-down-to=512&width=936&height=89 512w,https://framerusercontent.com/images/fRMlnaGqJhl89xhPqx5XVRxDg.svg?width=936&height=89 936w` } }, r37_cMGAg: { background: { alt: `Edit Lobby featured on Street Insider`, fit: `fit`, loading: getLoadingLazyAtYPosition( (componentViewport?.y || 0) + 0 + 200 + 0 + 2917.8 + 64 + 64 + 0 ), pixelHeight: 89, pixelWidth: 936, positionX: `center`, positionY: `center`, sizes: `max((min(${componentViewport?.width || `100vw`} - 128px, 1200px) - 120px) / 6, 1px)`, src: `https://framerusercontent.com/images/fRMlnaGqJhl89xhPqx5XVRxDg.svg?width=936&height=89`, srcSet: `https://framerusercontent.com/images/fRMlnaGqJhl89xhPqx5XVRxDg.svg?scale-down-to=512&width=936&height=89 512w,https://framerusercontent.com/images/fRMlnaGqJhl89xhPqx5XVRxDg.svg?width=936&height=89 936w` } } }, children: p(Image2, { background: { alt: `Edit Lobby featured on Street Insider`, fit: `fit`, loading: getLoadingLazyAtYPosition( (componentViewport?.y || 0) + 0 + 200 + 0 + 3145.4 + 64 + 64 + 0 ), pixelHeight: 89, pixelWidth: 936, positionX: `center`, positionY: `center`, sizes: `max((min(${componentViewport?.width || `100vw`} - 128px, 1200px) - 120px) / 6, 1px)`, src: `https://framerusercontent.com/images/fRMlnaGqJhl89xhPqx5XVRxDg.svg?width=936&height=89`, srcSet: `https://framerusercontent.com/images/fRMlnaGqJhl89xhPqx5XVRxDg.svg?scale-down-to=512&width=936&height=89 512w,https://framerusercontent.com/images/fRMlnaGqJhl89xhPqx5XVRxDg.svg?width=936&height=89 936w` }, className: `framer-6ty48j` }) }) ] }) ] }), p(`div`, { className: `framer-1u24brz`, "data-framer-name": `Process`, children: p(MotionDivWithFX, { __framer__animate: { transition: transition1 }, __framer__animateOnce: !0, __framer__enter: animation8, __framer__styleAppearEffectEnabled: !0, __framer__targets: [ { offset: 150, ref: ref8, target: `animate` } ], __framer__threshold: 1, __perspectiveFX: !1, __targetOpacity: 1, className: `framer-1y15pcg`, "data-border": !0, "data-framer-name": `Container`, id: elementId5, ref: ref8, style: { transformPerspective: 1200 }, children: u(`div`, { className: `framer-1f9v2db`, "data-framer-name": `Inner Container`, children: [ u(`div`, { className: `framer-1txabmm`, "data-framer-name": `Text`, children: [ p(PropertyOverrides2, { breakpoint: baseVariant, overrides: { LIxzhGHPd: { y: void 0 }, os8gfPtLB: { y: void 0 }, r37_cMGAg: { y: (componentViewport?.y || 0) + 0 + 200 + 0 + 3259.8 + 64 + 0 + 48 + 0 + 24 + 0 + 0 + 0 } }, children: p(ComponentViewportProvider, { height: 40, y: (componentViewport?.y || 0) + 0 + 200 + 0 + 3487.4 + 64 + 0 + 48 + 0 + 24 + 0 + 0 + 0, children: p(Container, { className: `framer-718thq-container`, nodeId: `Gpdqf1JmR`, scopeId: `MzVDsyX25`, children: p(FramerF5zSwZv4k, { crA6wBj3k: !1, dI2V912ba: `rgba(13, 13, 13, 0.4)`, gpaDS0xo1: `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))`, height: `100%`, id: `Gpdqf1JmR`, kdP_WncMn: !1, layoutId: `Gpdqf1JmR`, nQWOpC8zj: 8, variant: `aRB94otF7`, width: `100%`, YbsaeEF4R: `Process` }) }) }) }), u(`div`, { className: `framer-8lz8t3`, "data-framer-name": `Content`, children: [ p(PropertyOverrides2, { breakpoint: baseVariant, overrides: { LIxzhGHPd: { children: p(x, { children: u(`h2`, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `54px`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.05em`, "--framer-text-alignment": `center`, "--framer-text-color": `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))` }, children: [ `Your videos, `, p(`span`, { style: { "--font-selector": `R0Y7SW5zdHJ1bWVudCBTZXJpZi1pdGFsaWM=`, "--framer-font-family": `"Instrument Serif", "Instrument Serif Placeholder", serif`, "--framer-font-style": `italic`, "--framer-font-weight": `400`, "--framer-letter-spacing": `0em` }, children: `effortlessly.` }) ] }) }) }, os8gfPtLB: { children: p(x, { children: u(`h2`, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `36px`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.05em`, "--framer-text-alignment": `center`, "--framer-text-color": `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))` }, children: [ `Your videos, `, p(`span`, { style: { "--font-selector": `R0Y7SW5zdHJ1bWVudCBTZXJpZi1pdGFsaWM=`, "--framer-font-family": `"Instrument Serif", "Instrument Serif Placeholder", serif`, "--framer-font-style": `italic`, "--framer-font-weight": `400`, "--framer-letter-spacing": `0em` }, children: `effortlessly.` }) ] }) }) }, r37_cMGAg: { children: p(x, { children: u(`h2`, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `64px`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.05em`, "--framer-text-alignment": `center`, "--framer-text-color": `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))` }, children: [ `Your videos, `, p(`span`, { style: { "--font-selector": `R0Y7SW5zdHJ1bWVudCBTZXJpZi1pdGFsaWM=`, "--framer-font-family": `"Instrument Serif", "Instrument Serif Placeholder", serif`, "--framer-font-style": `italic`, "--framer-font-weight": `400`, "--framer-letter-spacing": `0em` }, children: `effortlessly.` }) ] }) }) } }, children: p(RichText, { __fromCanvasComponent: !0, children: p(x, { children: u(`h2`, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `72px`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.05em`, "--framer-text-alignment": `center`, "--framer-text-color": `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))` }, children: [ `Your videos, `, p(`span`, { style: { "--font-selector": `R0Y7SW5zdHJ1bWVudCBTZXJpZi1pdGFsaWM=`, "--framer-font-family": `"Instrument Serif", "Instrument Serif Placeholder", serif`, "--framer-font-style": `italic`, "--framer-font-weight": `400`, "--framer-letter-spacing": `0em` }, children: `effortlessly.` }) ] }) }), className: `framer-4e0xlo`, fonts: [ `FS;Satoshi-medium`, `GF;Instrument Serif-italic` ], verticalAlignment: `top`, withExternalLayout: !0 }) }), p(RichText, { __fromCanvasComponent: !0, children: p(x, { children: p(`p`, { className: `framer-styles-preset-412m69`, "data-styles-preset": `k9MffJa0I`, children: `Begin your editing journey in three effortless steps.` }) }), className: `framer-ptyu0w`, fonts: [`Inter`], verticalAlignment: `top`, withExternalLayout: !0 }) ] }) ] }), u(`div`, { className: `framer-npnv8t`, "data-framer-name": `Boxes`, children: [ u(`div`, { className: `framer-bm4vgm`, "data-framer-name": `Box`, children: [ p(ComponentViewportProvider, { children: p(Container, { className: `framer-ta47u8-container`, isAuthoredByUser: !0, isModuleExternal: !0, nodeId: `s1p0DqkBY`, scopeId: `MzVDsyX25`, children: p(Lottie, { height: `100%`, id: `s1p0DqkBY`, isForwardsDirection: !0, layoutId: `s1p0DqkBY`, loop: !0, playing: !0, poster: `Auto`, posterProgress: 0, progress: 0, speed: 0.5, srcFile: `https://framerusercontent.com/assets/wqxuDiTsrjfbktjX1hLtnlHYPs.json`, srcType: `Upload`, srcUrl: `https://raw.githubusercontent.com/framer/Lottie/master/Lottie.framerfx/assets/logo.json`, style: { height: `100%`, width: `100%` }, width: `100%` }) }) }), u(`div`, { className: `framer-15dhe4g`, "data-framer-name": `Text`, children: [ p(PropertyOverrides2, { breakpoint: baseVariant, overrides: { os8gfPtLB: { children: p(x, { children: p( `h4`, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `25px`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.02em`, "--framer-line-height": `1em`, "--framer-text-alignment": `center`, "--framer-text-color": `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))` }, children: `Buy` } ) }) } }, children: p(RichText, { __fromCanvasComponent: !0, children: p(x, { children: p(`h4`, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `28px`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.02em`, "--framer-line-height": `1em`, "--framer-text-alignment": `center`, "--framer-text-color": `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))` }, children: `Buy` }) }), className: `framer-3ouhwr`, fonts: [ `FS;Satoshi-medium` ], verticalAlignment: `top`, withExternalLayout: !0 }) }), p(RichText, { __fromCanvasComponent: !0, children: p(x, { children: p(`p`, { className: `framer-styles-preset-vhwjlv`, "data-styles-preset": `H04IrcSYe`, style: { "--framer-text-alignment": `center` }, children: `Pick a plan or request individual edits` }) }), className: `framer-127ksyg`, fonts: [`Inter`], verticalAlignment: `top`, withExternalLayout: !0 }) ] }) ] }), u(`div`, { className: `framer-v6z03v`, "data-framer-name": `Box`, children: [ p(ComponentViewportProvider, { children: p(Container, { className: `framer-1d2r1hk-container`, isAuthoredByUser: !0, isModuleExternal: !0, nodeId: `SXTdyuoFb`, scopeId: `MzVDsyX25`, children: p(Lottie, { height: `100%`, id: `SXTdyuoFb`, isForwardsDirection: !0, layoutId: `SXTdyuoFb`, loop: !0, playing: !0, poster: `Auto`, posterProgress: 0, progress: 0, speed: 0.5, srcFile: `https://framerusercontent.com/assets/NpqcXLI4NpPRR53f9HwOboiECfM.json`, srcType: `Upload`, srcUrl: `https://raw.githubusercontent.com/framer/Lottie/master/Lottie.framerfx/assets/logo.json`, style: { height: `100%`, width: `100%` }, width: `100%` }) }) }), u(`div`, { className: `framer-1eb5vac`, "data-framer-name": `Text`, children: [ p(PropertyOverrides2, { breakpoint: baseVariant, overrides: { os8gfPtLB: { children: p(x, { children: p( `h4`, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `25px`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.02em`, "--framer-line-height": `1em`, "--framer-text-alignment": `center`, "--framer-text-color": `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))` }, children: `Brief` } ) }) } }, children: p(RichText, { __fromCanvasComponent: !0, children: p(x, { children: p(`h4`, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `28px`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.02em`, "--framer-line-height": `1em`, "--framer-text-alignment": `center`, "--framer-text-color": `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))` }, children: `Brief` }) }), className: `framer-10h0l50`, fonts: [ `FS;Satoshi-medium` ], verticalAlignment: `top`, withExternalLayout: !0 }) }), p(RichText, { __fromCanvasComponent: !0, children: p(x, { children: p(`p`, { className: `framer-styles-preset-vhwjlv`, "data-styles-preset": `H04IrcSYe`, style: { "--framer-text-alignment": `center` }, children: `Use our guided form to share your vision` }) }), className: `framer-9i0r40`, fonts: [`Inter`], verticalAlignment: `top`, withExternalLayout: !0 }) ] }) ] }), u(`div`, { className: `framer-1x1y54t`, "data-framer-name": `Box`, children: [ p(ComponentViewportProvider, { children: p(Container, { className: `framer-12zst8j-container`, isAuthoredByUser: !0, isModuleExternal: !0, nodeId: `DlUzpRMim`, scopeId: `MzVDsyX25`, children: p(Lottie, { height: `100%`, id: `DlUzpRMim`, isForwardsDirection: !0, layoutId: `DlUzpRMim`, loop: !0, playing: !0, poster: `Auto`, posterProgress: 0, progress: 0, speed: 0.5, srcFile: `https://framerusercontent.com/assets/F09Rv8WHw4fRQGCA4gElr9dqw.json`, srcType: `Upload`, srcUrl: `https://raw.githubusercontent.com/framer/Lottie/master/Lottie.framerfx/assets/logo.json`, style: { height: `100%`, width: `100%` }, width: `100%` }) }) }), u(`div`, { className: `framer-13zmlx8`, "data-framer-name": `Text`, children: [ p(PropertyOverrides2, { breakpoint: baseVariant, overrides: { os8gfPtLB: { children: p(x, { children: p( `h4`, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `25px`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.02em`, "--framer-line-height": `1em`, "--framer-text-alignment": `center`, "--framer-text-color": `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))` }, children: `Review and Finalise` } ) }) } }, children: p(RichText, { __fromCanvasComponent: !0, children: p(x, { children: p(`h4`, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `28px`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.02em`, "--framer-line-height": `1em`, "--framer-text-alignment": `center`, "--framer-text-color": `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))` }, children: `Review and Finalise` }) }), className: `framer-j773h5`, fonts: [ `FS;Satoshi-medium` ], verticalAlignment: `top`, withExternalLayout: !0 }) }), p(RichText, { __fromCanvasComponent: !0, children: p(x, { children: p(`p`, { className: `framer-styles-preset-vhwjlv`, "data-styles-preset": `H04IrcSYe`, style: { "--framer-text-alignment": `center` }, children: `Get your first cut in 48 hours and finalise after revisions` }) }), className: `framer-13lpk29`, fonts: [`Inter`], verticalAlignment: `top`, withExternalLayout: !0 }) ] }) ] }) ] }), p(ResolveLinks, { links: [ { href: { hash: `:PPhxDISL2`, webPageId: `MzVDsyX25` }, implicitPathVariables: void 0 }, { href: { hash: `:PPhxDISL2`, webPageId: `MzVDsyX25` }, implicitPathVariables: void 0 }, { href: { hash: `:PPhxDISL2`, webPageId: `MzVDsyX25` }, implicitPathVariables: void 0 }, { href: { hash: `:PPhxDISL2`, webPageId: `MzVDsyX25` }, implicitPathVariables: void 0 } ], children: (resolvedLinks1) => p(PropertyOverrides2, { breakpoint: baseVariant, overrides: { LIxzhGHPd: { y: void 0 }, os8gfPtLB: { y: void 0 }, r37_cMGAg: { y: (componentViewport?.y || 0) + 0 + 200 + 0 + 3259.8 + 64 + 0 + 48 + 0 + 24 + 630.8 } }, children: p(ComponentViewportProvider, { height: 69, y: (componentViewport?.y || 0) + 0 + 200 + 0 + 3487.4 + 64 + 0 + 48 + 0 + 24 + 640.4, children: p(Container, { className: `framer-1jg76ph-container`, nodeId: `vbUaFH5cz`, scopeId: `MzVDsyX25`, children: p(PropertyOverrides2, { breakpoint: baseVariant, overrides: { LIxzhGHPd: { odb0bWURU: resolvedLinks1[1] }, os8gfPtLB: { odb0bWURU: resolvedLinks1[2], variant: `ke7By49HW` }, r37_cMGAg: { odb0bWURU: resolvedLinks1[3] } }, children: p(Framerh9up4_pFN, { GLWImmBy_: !1, HBR9r6Wzz: !1, height: `100%`, id: `vbUaFH5cz`, jSn1qfWzp: 21, kTynE2FQc: `regular`, layoutId: `vbUaFH5cz`, LdEuC589O: `var(--token-958d6a9e-bb7c-4a88-a47a-70db899d1dd5, rgb(252, 252, 250))`, nL8OQ61g_: `House`, nZIvc5R21: `Database`, odb0bWURU: resolvedLinks1[0], QQq_dHjj6: `fill`, rt9DsEiKG: `var(--token-958d6a9e-bb7c-4a88-a47a-70db899d1dd5, rgb(36, 36, 36))`, tipS0P7cJ: `Edit now!`, Ud3HdUmNm: !1, variant: `q2rCK5lhb`, width: `100%` }) }) }) }) }) }) ] }) }) }), u(`div`, { className: `framer-1j14f2u`, "data-framer-name": `Pricing section`, children: [ u(MotionDivWithFX, { __framer__animate: { transition: transition1 }, __framer__animateOnce: !0, __framer__enter: animation8, __framer__styleAppearEffectEnabled: !0, __framer__targets: [ { offset: 96, ref: ref3, target: `animate` } ], __framer__threshold: 1, __perspectiveFX: !1, __targetOpacity: 1, className: `framer-761kos`, "data-framer-name": `Container`, id: elementId6, ref: ref3, style: { transformPerspective: 1200 }, children: [ p(PropertyOverrides2, { breakpoint: baseVariant, overrides: { LIxzhGHPd: { y: void 0 }, os8gfPtLB: { y: void 0 }, r37_cMGAg: { y: (componentViewport?.y || 0) + 0 + 200 + 0 + 4167.6 + 0 + 0 + 64 + 0 } }, children: p(ComponentViewportProvider, { height: 40, y: (componentViewport?.y || 0) + 0 + 200 + 0 + 4404.8 + 0 + 0 + 64 + 0, children: p(Container, { className: `framer-1dv1q0e-container`, nodeId: `d3YkkgWFH`, scopeId: `MzVDsyX25`, children: p(FramerF5zSwZv4k, { crA6wBj3k: !1, dI2V912ba: `rgba(13, 13, 13, 0.4)`, gpaDS0xo1: `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))`, height: `100%`, id: `d3YkkgWFH`, kdP_WncMn: !1, layoutId: `d3YkkgWFH`, nQWOpC8zj: 8, variant: `aRB94otF7`, width: `100%`, YbsaeEF4R: `Pricing` }) }) }) }), u(`div`, { className: `framer-1iler3a`, "data-framer-name": `Content`, children: [ p(PropertyOverrides2, { breakpoint: baseVariant, overrides: { LIxzhGHPd: { children: p(x, { children: u(`h2`, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `54px`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.05em`, "--framer-text-alignment": `center`, "--framer-text-color": `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))` }, children: [ `Simple, Transparent `, p(`span`, { style: { "--font-selector": `R0Y7SW5zdHJ1bWVudCBTZXJpZi1pdGFsaWM=`, "--framer-font-family": `"Instrument Serif", "Instrument Serif Placeholder", serif`, "--framer-font-style": `italic`, "--framer-font-weight": `400` }, children: `Pricing` }) ] }) }) }, os8gfPtLB: { children: p(x, { children: u(`h2`, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `36px`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.05em`, "--framer-text-alignment": `center`, "--framer-text-color": `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))` }, children: [ `Simple, Transparent `, p(`span`, { style: { "--font-selector": `R0Y7SW5zdHJ1bWVudCBTZXJpZi1pdGFsaWM=`, "--framer-font-family": `"Instrument Serif", "Instrument Serif Placeholder", serif`, "--framer-font-style": `italic`, "--framer-font-weight": `400` }, children: `Pricing` }) ] }) }) }, r37_cMGAg: { children: p(x, { children: u(`h2`, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `64px`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.05em`, "--framer-text-alignment": `center`, "--framer-text-color": `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))` }, children: [ `Simple, Transparent `, p(`span`, { style: { "--font-selector": `R0Y7SW5zdHJ1bWVudCBTZXJpZi1pdGFsaWM=`, "--framer-font-family": `"Instrument Serif", "Instrument Serif Placeholder", serif`, "--framer-font-style": `italic`, "--framer-font-weight": `400` }, children: `Pricing` }) ] }) }) } }, children: p(RichText, { __fromCanvasComponent: !0, children: p(x, { children: u(`h2`, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `72px`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.05em`, "--framer-text-alignment": `center`, "--framer-text-color": `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))` }, children: [ `Simple, Transparent `, p(`span`, { style: { "--font-selector": `R0Y7SW5zdHJ1bWVudCBTZXJpZi1pdGFsaWM=`, "--framer-font-family": `"Instrument Serif", "Instrument Serif Placeholder", serif`, "--framer-font-style": `italic`, "--framer-font-weight": `400` }, children: `Pricing` }) ] }) }), className: `framer-1jscc1c`, fonts: [ `FS;Satoshi-medium`, `GF;Instrument Serif-italic` ], verticalAlignment: `top`, withExternalLayout: !0 }) }), p(RichText, { __fromCanvasComponent: !0, children: p(x, { children: p(`p`, { className: `framer-styles-preset-412m69`, "data-styles-preset": `k9MffJa0I`, children: `No hidden fees. Just clear, flexible plans to suit your workflow` }) }), className: `framer-eejhgk`, fonts: [`Inter`], verticalAlignment: `top`, withExternalLayout: !0 }) ] }) ] }), p(PropertyOverrides2, { breakpoint: baseVariant, overrides: { LIxzhGHPd: { width: `calc(${componentViewport?.width || `100vw`} - 64px)`, y: void 0 }, os8gfPtLB: { width: `min(${componentViewport?.width || `100vw`} - 48px, 430px)`, y: void 0 }, r37_cMGAg: { width: `calc(${componentViewport?.width || `100vw`} - 96px)`, y: (componentViewport?.y || 0) + 0 + 200 + 0 + 4167.6 + 0 + 457.8 } }, children: p(ComponentViewportProvider, { height: 746, width: `calc(${componentViewport?.width || `100vw`} - 128px)`, y: (componentViewport?.y || 0) + 0 + 200 + 0 + 4404.8 + 0 + 467.4, children: p(Container, { className: `framer-17kcetd-container`, nodeId: `lDTiC1I1V`, scopeId: `MzVDsyX25`, children: p(PropertyOverrides2, { breakpoint: baseVariant, overrides: { LIxzhGHPd: { variant: `Fe0vekqIg` }, os8gfPtLB: { style: { maxWidth: `100%`, width: `100%` }, variant: `VBqTND3Mt` }, r37_cMGAg: { variant: `NvVoQnQ6s` } }, children: p(FramerlV7ptpHxX, { height: `100%`, id: `lDTiC1I1V`, layoutId: `lDTiC1I1V`, style: { width: `100%` }, variant: `Ee8ae63wM`, width: `100%` }) }) }) }) }) ] }), p(`div`, { className: `framer-1x49udt`, "data-framer-name": `Features section`, children: p(MotionDivWithFX, { __framer__animate: { transition: transition1 }, __framer__animateOnce: !0, __framer__enter: animation8, __framer__styleAppearEffectEnabled: !0, __framer__targets: [ { offset: 150, ref: ref9, target: `animate` } ], __framer__threshold: 1, __perspectiveFX: !1, __targetOpacity: 1, className: `framer-1mhos7`, "data-border": !0, "data-framer-name": `fill Container`, id: elementId7, ref: ref9, style: { transformPerspective: 1200 }, children: u(`div`, { className: `framer-1ny8ago`, "data-framer-name": `content Container`, children: [ u(`div`, { className: `framer-155tits`, "data-framer-name": `heading`, children: [ p(PropertyOverrides2, { breakpoint: baseVariant, overrides: { LIxzhGHPd: { y: void 0 }, os8gfPtLB: { y: void 0 }, r37_cMGAg: { y: (componentViewport?.y || 0) + 0 + 200 + 0 + 5371.4 + 64 + 0 + 48 + 0 + 24 + 0 + 0 + 0 } }, children: p(ComponentViewportProvider, { height: 40, y: (componentViewport?.y || 0) + 0 + 200 + 0 + 5618.2 + 64 + 0 + 48 + 0 + 24 + 0 + 0 + 0, children: p(Container, { className: `framer-1rm016u-container`, nodeId: `eappc2g23`, scopeId: `MzVDsyX25`, children: p(FramerF5zSwZv4k, { crA6wBj3k: !1, dI2V912ba: `rgba(13, 13, 13, 0.4)`, gpaDS0xo1: `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))`, height: `100%`, id: `eappc2g23`, kdP_WncMn: !1, layoutId: `eappc2g23`, nQWOpC8zj: 8, variant: `aRB94otF7`, width: `100%`, YbsaeEF4R: `Features` }) }) }) }), u(`div`, { className: `framer-vrxzhx`, "data-framer-name": `heading text`, children: [ p(PropertyOverrides2, { breakpoint: baseVariant, overrides: { LIxzhGHPd: { children: p(x, { children: u(`h2`, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `54px`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.05em`, "--framer-text-alignment": `center`, "--framer-text-color": `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))` }, children: [ `Reasons `, p(`span`, { style: { "--font-selector": `R0Y7SW5zdHJ1bWVudCBTZXJpZi1pdGFsaWM=`, "--framer-font-family": `"Instrument Serif", "Instrument Serif Placeholder", serif`, "--framer-font-style": `italic`, "--framer-font-weight": `400` }, children: `Creators` }), ` and `, p(`span`, { style: { "--font-selector": `R0Y7SW5zdHJ1bWVudCBTZXJpZi1pdGFsaWM=`, "--framer-font-family": `"Instrument Serif", "Instrument Serif Placeholder", serif`, "--framer-font-style": `italic`, "--framer-font-weight": `400` }, children: `Brands` }), ` Choose Edit Lobby` ] }) }) }, os8gfPtLB: { children: p(x, { children: u(`h2`, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `36px`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.05em`, "--framer-text-alignment": `center`, "--framer-text-color": `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))` }, children: [ `Reasons `, p(`span`, { style: { "--font-selector": `R0Y7SW5zdHJ1bWVudCBTZXJpZi1pdGFsaWM=`, "--framer-font-family": `"Instrument Serif", "Instrument Serif Placeholder", serif`, "--framer-font-style": `italic`, "--framer-font-weight": `400` }, children: `Creators` }), ` and `, p(`span`, { style: { "--font-selector": `R0Y7SW5zdHJ1bWVudCBTZXJpZi1pdGFsaWM=`, "--framer-font-family": `"Instrument Serif", "Instrument Serif Placeholder", serif`, "--framer-font-style": `italic`, "--framer-font-weight": `400` }, children: `Brands` }), ` Choose Edit Lobby` ] }) }) }, r37_cMGAg: { children: p(x, { children: u(`h2`, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `64px`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.05em`, "--framer-text-alignment": `center`, "--framer-text-color": `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))` }, children: [ `Reasons `, p(`span`, { style: { "--font-selector": `R0Y7SW5zdHJ1bWVudCBTZXJpZi1pdGFsaWM=`, "--framer-font-family": `"Instrument Serif", "Instrument Serif Placeholder", serif`, "--framer-font-style": `italic`, "--framer-font-weight": `400` }, children: `Creators` }), ` and `, p(`span`, { style: { "--font-selector": `R0Y7SW5zdHJ1bWVudCBTZXJpZi1pdGFsaWM=`, "--framer-font-family": `"Instrument Serif", "Instrument Serif Placeholder", serif`, "--framer-font-style": `italic`, "--framer-font-weight": `400` }, children: `Brands` }), ` Choose Edit Lobby` ] }) }) } }, children: p(RichText, { __fromCanvasComponent: !0, children: p(x, { children: u(`h2`, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `72px`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.05em`, "--framer-text-alignment": `center`, "--framer-text-color": `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))` }, children: [ `Reasons `, p(`span`, { style: { "--font-selector": `R0Y7SW5zdHJ1bWVudCBTZXJpZi1pdGFsaWM=`, "--framer-font-family": `"Instrument Serif", "Instrument Serif Placeholder", serif`, "--framer-font-style": `italic`, "--framer-font-weight": `400` }, children: `Creators` }), ` and `, p(`span`, { style: { "--font-selector": `R0Y7SW5zdHJ1bWVudCBTZXJpZi1pdGFsaWM=`, "--framer-font-family": `"Instrument Serif", "Instrument Serif Placeholder", serif`, "--framer-font-style": `italic`, "--framer-font-weight": `400` }, children: `Brands` }), ` Choose Edit Lobby` ] }) }), className: `framer-16iu0el`, fonts: [ `FS;Satoshi-medium`, `GF;Instrument Serif-italic` ], verticalAlignment: `top`, withExternalLayout: !0 }) }), p(RichText, { __fromCanvasComponent: !0, children: p(x, { children: p(`p`, { className: `framer-styles-preset-412m69`, "data-styles-preset": `k9MffJa0I`, children: `Once you try Edit Lobby, you’ll never go anywhere else for video editing. Seriously.` }) }), className: `framer-1yo4idx`, fonts: [`Inter`], verticalAlignment: `top`, withExternalLayout: !0 }) ] }) ] }), u(`div`, { className: `framer-1h7u8cu`, "data-framer-name": `card container grid`, children: [ u(`div`, { className: `framer-15bni3v`, "data-framer-name": `Box`, children: [ p(ComponentViewportProvider, { children: p(Container, { className: `framer-9vrfj6-container`, isAuthoredByUser: !0, isModuleExternal: !0, nodeId: `D6eykNoU_`, scopeId: `MzVDsyX25`, children: p(Lottie, { height: `100%`, id: `D6eykNoU_`, isForwardsDirection: !0, layoutId: `D6eykNoU_`, loop: !0, playing: !0, poster: `Auto`, posterProgress: 0, progress: 0, speed: 0.5, srcFile: `https://framerusercontent.com/assets/17icbs1wdNNSWyO1BPTzN96BRU.json`, srcType: `Upload`, srcUrl: `https://raw.githubusercontent.com/framer/Lottie/master/Lottie.framerfx/assets/logo.json`, style: { height: `100%`, width: `100%` }, width: `100%` }) }) }), u(`div`, { className: `framer-gth9u7`, "data-framer-name": `Text`, children: [ p(PropertyOverrides2, { breakpoint: baseVariant, overrides: { os8gfPtLB: { children: p(x, { children: p( `h4`, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `20px`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.02em`, "--framer-line-height": `1em`, "--framer-text-alignment": `center`, "--framer-text-color": `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))` }, children: `Quality Checks` } ) }) } }, children: p(RichText, { __fromCanvasComponent: !0, children: p(x, { children: p(`h4`, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `28px`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.02em`, "--framer-line-height": `1em`, "--framer-text-alignment": `center`, "--framer-text-color": `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))` }, children: `Quality Checks` }) }), className: `framer-ojv54t`, fonts: [ `FS;Satoshi-medium` ], verticalAlignment: `top`, withExternalLayout: !0 }) }), p(RichText, { __fromCanvasComponent: !0, children: p(x, { children: p(`p`, { className: `framer-styles-preset-vhwjlv`, "data-styles-preset": `H04IrcSYe`, style: { "--framer-text-alignment": `center` }, children: `Every video is handled by a pro before it reaches you. Flawless every time.` }) }), className: `framer-lsmlvn`, fonts: [`Inter`], verticalAlignment: `top`, withExternalLayout: !0 }) ] }) ] }), u(`div`, { className: `framer-1p24elj`, "data-framer-name": `Box`, children: [ p(ComponentViewportProvider, { children: p(Container, { className: `framer-1e2ka09-container`, isAuthoredByUser: !0, isModuleExternal: !0, nodeId: `Rd7l9LYOb`, scopeId: `MzVDsyX25`, children: p(Lottie, { height: `100%`, id: `Rd7l9LYOb`, isForwardsDirection: !0, layoutId: `Rd7l9LYOb`, loop: !0, playing: !0, poster: `Auto`, posterProgress: 0, progress: 0, speed: 0.5, srcFile: `https://framerusercontent.com/assets/nKuz97JZHJ3jGr3237mb2kW85g.json`, srcType: `Upload`, srcUrl: `https://raw.githubusercontent.com/framer/Lottie/master/Lottie.framerfx/assets/logo.json`, style: { height: `100%`, width: `100%` }, width: `100%` }) }) }), u(`div`, { className: `framer-dybpps`, "data-framer-name": `Text`, children: [ p(PropertyOverrides2, { breakpoint: baseVariant, overrides: { os8gfPtLB: { children: p(x, { children: p( `h4`, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `20px`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.02em`, "--framer-line-height": `1em`, "--framer-text-alignment": `center`, "--framer-text-color": `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))` }, children: `Lightning Fast Delivery` } ) }) } }, children: p(RichText, { __fromCanvasComponent: !0, children: p(x, { children: p(`h4`, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `28px`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.02em`, "--framer-line-height": `1em`, "--framer-text-alignment": `center`, "--framer-text-color": `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))` }, children: `Lightning Fast Delivery` }) }), className: `framer-fp5qst`, fonts: [ `FS;Satoshi-medium` ], verticalAlignment: `top`, withExternalLayout: !0 }) }), p(RichText, { __fromCanvasComponent: !0, children: p(x, { children: p(`p`, { className: `framer-styles-preset-vhwjlv`, "data-styles-preset": `H04IrcSYe`, style: { "--framer-text-alignment": `center` }, children: `Your professionally edited video is ready within 48 hours - No Delays, No Drama.` }) }), className: `framer-54nyv5`, fonts: [`Inter`], verticalAlignment: `top`, withExternalLayout: !0 }) ] }) ] }), u(`div`, { className: `framer-guzpuv`, "data-framer-name": `Box`, children: [ p(ComponentViewportProvider, { children: p(Container, { className: `framer-7j5u42-container`, isAuthoredByUser: !0, isModuleExternal: !0, nodeId: `LUDaIa6dc`, scopeId: `MzVDsyX25`, children: p(Lottie, { height: `100%`, id: `LUDaIa6dc`, isForwardsDirection: !0, layoutId: `LUDaIa6dc`, loop: !0, playing: !0, poster: `Auto`, posterProgress: 0, progress: 0, speed: 0.5, srcFile: `https://framerusercontent.com/assets/jFkLmFZLOUwHaonXZobTiHbODic.json`, srcType: `Upload`, srcUrl: `https://raw.githubusercontent.com/framer/Lottie/master/Lottie.framerfx/assets/logo.json`, style: { height: `100%`, width: `100%` }, width: `100%` }) }) }), u(`div`, { className: `framer-y61bn3`, "data-framer-name": `Text`, children: [ p(PropertyOverrides2, { breakpoint: baseVariant, overrides: { os8gfPtLB: { children: p(x, { children: p( `h4`, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `20px`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.02em`, "--framer-line-height": `1em`, "--framer-text-alignment": `center`, "--framer-text-color": `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))` }, children: `Simple, Flat Pricing` } ) }) } }, children: p(RichText, { __fromCanvasComponent: !0, children: p(x, { children: p(`h4`, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `28px`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.02em`, "--framer-line-height": `1em`, "--framer-text-alignment": `center`, "--framer-text-color": `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))` }, children: `Simple, Flat Pricing` }) }), className: `framer-1q2sb38`, fonts: [ `FS;Satoshi-medium` ], verticalAlignment: `top`, withExternalLayout: !0 }) }), p(RichText, { __fromCanvasComponent: !0, children: p(x, { children: p(`p`, { className: `framer-styles-preset-vhwjlv`, "data-styles-preset": `H04IrcSYe`, style: { "--framer-text-alignment": `center` }, children: `No hidden fees, no surprises just clear, predictable pricing that works for you.` }) }), className: `framer-1s2gwn6`, fonts: [`Inter`], verticalAlignment: `top`, withExternalLayout: !0 }) ] }) ] }), u(`div`, { className: `framer-1ddoy49`, "data-framer-name": `Box`, children: [ p(ComponentViewportProvider, { children: p(Container, { className: `framer-rda9e2-container`, isAuthoredByUser: !0, isModuleExternal: !0, nodeId: `OZZ3Cu7dB`, scopeId: `MzVDsyX25`, children: p(Lottie, { height: `100%`, id: `OZZ3Cu7dB`, isForwardsDirection: !0, layoutId: `OZZ3Cu7dB`, loop: !0, playing: !0, poster: `Auto`, posterProgress: 0, progress: 0, speed: 0.5, srcFile: `https://framerusercontent.com/assets/6fDXFT46TKyTVqNa7TIUKtRe9c.json`, srcType: `Upload`, srcUrl: `https://raw.githubusercontent.com/framer/Lottie/master/Lottie.framerfx/assets/logo.json`, style: { height: `100%`, width: `100%` }, width: `100%` }) }) }), u(`div`, { className: `framer-1g8mxsh`, "data-framer-name": `Text`, children: [ p(PropertyOverrides2, { breakpoint: baseVariant, overrides: { os8gfPtLB: { children: p(x, { children: p( `h4`, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `20px`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.02em`, "--framer-line-height": `1em`, "--framer-text-alignment": `center`, "--framer-text-color": `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))` }, children: `Built by Editors` } ) }) } }, children: p(RichText, { __fromCanvasComponent: !0, children: p(x, { children: p(`h4`, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `28px`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.02em`, "--framer-line-height": `1em`, "--framer-text-alignment": `center`, "--framer-text-color": `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))` }, children: `Built by Editors` }) }), className: `framer-772gq1`, fonts: [ `FS;Satoshi-medium` ], verticalAlignment: `top`, withExternalLayout: !0 }) }), p(RichText, { __fromCanvasComponent: !0, children: p(x, { children: p(`p`, { className: `framer-styles-preset-vhwjlv`, "data-styles-preset": `H04IrcSYe`, style: { "--framer-text-alignment": `center` }, children: `Created by editors who get it, so you never have to over-explain your vision.` }) }), className: `framer-177xq1e`, fonts: [`Inter`], verticalAlignment: `top`, withExternalLayout: !0 }) ] }) ] }), u(`div`, { className: `framer-rw7vwk`, "data-framer-name": `Box`, children: [ p(ComponentViewportProvider, { children: p(Container, { className: `framer-w2lruo-container`, isAuthoredByUser: !0, isModuleExternal: !0, nodeId: `NC9wsZbhV`, scopeId: `MzVDsyX25`, children: p(Lottie, { height: `100%`, id: `NC9wsZbhV`, isForwardsDirection: !0, layoutId: `NC9wsZbhV`, loop: !0, playing: !0, poster: `Auto`, posterProgress: 0, progress: 0, speed: 0.5, srcFile: `https://framerusercontent.com/assets/pOUgwVKzCSviBhpskP2eZ06lKY.json`, srcType: `Upload`, srcUrl: `https://raw.githubusercontent.com/framer/Lottie/master/Lottie.framerfx/assets/logo.json`, style: { height: `100%`, width: `100%` }, width: `100%` }) }) }), u(`div`, { className: `framer-16dks7`, "data-framer-name": `Text`, children: [ p(PropertyOverrides2, { breakpoint: baseVariant, overrides: { os8gfPtLB: { children: p(x, { children: p( `h4`, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `20px`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.02em`, "--framer-line-height": `1em`, "--framer-text-alignment": `center`, "--framer-text-color": `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))` }, children: `Compatible Formats` } ) }) } }, children: p(RichText, { __fromCanvasComponent: !0, children: p(x, { children: p(`h4`, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `28px`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.02em`, "--framer-line-height": `1em`, "--framer-text-alignment": `center`, "--framer-text-color": `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))` }, children: `Compatible Formats` }) }), className: `framer-14xbzpm`, fonts: [ `FS;Satoshi-medium` ], verticalAlignment: `top`, withExternalLayout: !0 }) }), p(RichText, { __fromCanvasComponent: !0, children: p(x, { children: p(`p`, { className: `framer-styles-preset-vhwjlv`, "data-styles-preset": `H04IrcSYe`, style: { "--framer-text-alignment": `center` }, children: `We deliver in the exact specs you need for Instagram, YouTube, TikTok, and more.` }) }), className: `framer-y27o4v`, fonts: [`Inter`], verticalAlignment: `top`, withExternalLayout: !0 }) ] }) ] }), u(`div`, { className: `framer-a62m7k`, "data-framer-name": `Box`, children: [ p(ComponentViewportProvider, { children: p(Container, { className: `framer-qn82b7-container`, isAuthoredByUser: !0, isModuleExternal: !0, nodeId: `pG7Nk9fTg`, scopeId: `MzVDsyX25`, children: p(Lottie, { height: `100%`, id: `pG7Nk9fTg`, isForwardsDirection: !0, layoutId: `pG7Nk9fTg`, loop: !0, playing: !0, poster: `Auto`, posterProgress: 0, progress: 0, speed: 0.5, srcFile: `https://framerusercontent.com/assets/4nUSNNLPkSnROTLn7q2DgfmwlE.json`, srcType: `Upload`, srcUrl: `https://raw.githubusercontent.com/framer/Lottie/master/Lottie.framerfx/assets/logo.json`, style: { height: `100%`, width: `100%` }, width: `100%` }) }) }), u(`div`, { className: `framer-126fvot`, "data-framer-name": `Text`, children: [ p(PropertyOverrides2, { breakpoint: baseVariant, overrides: { os8gfPtLB: { children: p(x, { children: p( `h4`, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `20px`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.02em`, "--framer-line-height": `1em`, "--framer-text-alignment": `center`, "--framer-text-color": `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))` }, children: `True to You` } ) }) } }, children: p(RichText, { __fromCanvasComponent: !0, children: p(x, { children: p(`h4`, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `28px`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.02em`, "--framer-line-height": `1em`, "--framer-text-alignment": `center`, "--framer-text-color": `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))` }, children: `True to You` }) }), className: `framer-1uuc5gm`, fonts: [ `FS;Satoshi-medium` ], verticalAlignment: `top`, withExternalLayout: !0 }) }), p(RichText, { __fromCanvasComponent: !0, children: p(x, { children: p(`p`, { className: `framer-styles-preset-vhwjlv`, "data-styles-preset": `H04IrcSYe`, style: { "--framer-text-alignment": `center` }, children: `We tailor each edit to match your unique style and voice because your content should feel like you.` }) }), className: `framer-1w91gu5`, fonts: [`Inter`], verticalAlignment: `top`, withExternalLayout: !0 }) ] }) ] }) ] }), p(PropertyOverrides2, { breakpoint: baseVariant, overrides: { LIxzhGHPd: { y: void 0 }, os8gfPtLB: { y: void 0 }, r37_cMGAg: { y: (componentViewport?.y || 0) + 0 + 200 + 0 + 5371.4 + 64 + 0 + 48 + 0 + 24 + 1094.8 } }, children: p(ComponentViewportProvider, { height: 69, y: (componentViewport?.y || 0) + 0 + 200 + 0 + 5618.2 + 64 + 0 + 48 + 0 + 24 + 1104.4, children: p(Container, { className: `framer-11a80dr-container`, nodeId: `F5u3usefp`, scopeId: `MzVDsyX25`, children: p(PropertyOverrides2, { breakpoint: baseVariant, overrides: { os8gfPtLB: { variant: `ke7By49HW` } }, children: p(Framerh9up4_pFN, { GLWImmBy_: !1, HBR9r6Wzz: !1, height: `100%`, id: `F5u3usefp`, jSn1qfWzp: 21, kTynE2FQc: `regular`, layoutId: `F5u3usefp`, LdEuC589O: `var(--token-958d6a9e-bb7c-4a88-a47a-70db899d1dd5, rgb(252, 252, 250))`, nL8OQ61g_: `House`, nZIvc5R21: `Lightning`, odb0bWURU: `https://calendly.com/hello-editlobby/intro-to-edit-lobby`, QQq_dHjj6: `fill`, rt9DsEiKG: `var(--token-958d6a9e-bb7c-4a88-a47a-70db899d1dd5, rgb(36, 36, 36))`, tipS0P7cJ: `Book a 15-min call`, Ud3HdUmNm: !1, variant: `q2rCK5lhb`, width: `100%` }) }) }) }) }) ] }) }) }), u(`div`, { className: `framer-uztesk`, "data-framer-name": `FAQ Section`, id: elementId8, ref: ref4, children: [ p(PropertyOverrides2, { breakpoint: baseVariant, overrides: { LIxzhGHPd: { y: void 0 }, os8gfPtLB: { y: void 0 }, r37_cMGAg: { y: (componentViewport?.y || 0) + 0 + 200 + 0 + 6743.2 + 64 + 0 } }, children: p(ComponentViewportProvider, { height: 40, y: (componentViewport?.y || 0) + 0 + 200 + 0 + 6999.6 + 64 + 0, children: p(Container, { className: `framer-136bom9-container`, "data-framer-name": `Heading`, name: `Heading`, nodeId: `n2MlFx_6U`, scopeId: `MzVDsyX25`, children: p(FramerF5zSwZv4k, { crA6wBj3k: !1, dI2V912ba: `rgba(13, 13, 13, 0.4)`, gpaDS0xo1: `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))`, height: `100%`, id: `n2MlFx_6U`, kdP_WncMn: !1, layoutId: `n2MlFx_6U`, name: `Heading`, nQWOpC8zj: 8, variant: `aRB94otF7`, width: `100%`, YbsaeEF4R: `Frequently Asked Questions` }) }) }) }), u(`div`, { className: `framer-14f25l`, "data-framer-name": `Contiainer`, children: [ p(`div`, { className: `framer-12okg0v`, "data-border": !0, "data-framer-name": `Dialog box`, children: u(`div`, { className: `framer-1heqflx`, "data-framer-name": `Content`, children: [ u(`div`, { className: `framer-1wpz7i6`, "data-framer-name": `Information`, children: [ p(PropertyOverrides2, { breakpoint: baseVariant, overrides: { LIxzhGHPd: { children: p(x, { children: p(`h4`, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `28px`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.05em`, "--framer-line-height": `1em`, "--framer-text-alignment": `center`, "--framer-text-color": `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))` }, children: `Have a different Question?` }) }) }, os8gfPtLB: { children: p(x, { children: p(`h4`, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `24px`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.05em`, "--framer-line-height": `1em`, "--framer-text-alignment": `left`, "--framer-text-color": `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))` }, children: `Have a different Question?` }) }) }, r37_cMGAg: { children: p(x, { children: p(`h4`, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `28px`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.05em`, "--framer-line-height": `1em`, "--framer-text-alignment": `center`, "--framer-text-color": `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))` }, children: `Have a different Question?` }) }) } }, children: p(RichText, { __fromCanvasComponent: !0, children: p(x, { children: p(`h4`, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `32px`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.05em`, "--framer-line-height": `1em`, "--framer-text-alignment": `center`, "--framer-text-color": `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))` }, children: `Have a different Question?` }) }), className: `framer-d3iqnh`, fonts: [ `FS;Satoshi-medium` ], verticalAlignment: `top`, withExternalLayout: !0 }) }), p(PropertyOverrides2, { breakpoint: baseVariant, overrides: { LIxzhGHPd: { children: p(x, { children: p(`p`, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `20px`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.02em`, "--framer-line-height": `140%`, "--framer-text-color": `var(--token-7525b78a-2f50-4d1b-b609-39a2e89b5d83, rgb(153, 153, 153))` }, children: `Still curious? Our team is ready to help with any questions about our services, pricing, or workflows.` }) }) }, os8gfPtLB: { children: p(x, { children: p(`p`, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.02em`, "--framer-line-height": `140%`, "--framer-text-color": `var(--token-7525b78a-2f50-4d1b-b609-39a2e89b5d83, rgb(153, 153, 153))` }, children: `Still curious? Our team is ready to help with any questions about our services, pricing, or workflows.` }) }) }, r37_cMGAg: { children: p(x, { children: p(`p`, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `18px`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.02em`, "--framer-line-height": `140%`, "--framer-text-color": `var(--token-7525b78a-2f50-4d1b-b609-39a2e89b5d83, rgb(153, 153, 153))` }, children: `Still curious? Our team is ready to help with any questions about our services, pricing, or workflows.` }) }) } }, children: p(RichText, { __fromCanvasComponent: !0, children: p(x, { children: p(`p`, { style: { "--font-selector": `RlM7U2F0b3NoaS1tZWRpdW0=`, "--framer-font-family": `"Satoshi", "Satoshi Placeholder", sans-serif`, "--framer-font-size": `22px`, "--framer-font-weight": `500`, "--framer-letter-spacing": `-0.02em`, "--framer-line-height": `140%`, "--framer-text-color": `var(--token-7525b78a-2f50-4d1b-b609-39a2e89b5d83, rgb(153, 153, 153))` }, children: `Still curious? Our team is ready to help with any questions about our services, pricing, or workflows.` }) }), className: `framer-1t7eyi1`, "data-framer-name": `Category`, fonts: [ `FS;Satoshi-medium` ], verticalAlignment: `top`, withExternalLayout: !0 }) }) ] }), p(PropertyOverrides2, { breakpoint: baseVariant, overrides: { LIxzhGHPd: { y: void 0 }, os8gfPtLB: { y: void 0 }, r37_cMGAg: { y: (componentViewport?.y || 0) + 0 + 200 + 0 + 6743.2 + 64 + 98 + 0 + 32 + 0 + 194 } }, children: p(ComponentViewportProvider, { height: 69, y: (componentViewport?.y || 0) + 0 + 200 + 0 + 6999.6 + 64 + 98 + 0 + 48 + 0 + 226, children: p(Container, { className: `framer-vvw5q0-container`, nodeId: `H6UuKdWcG`, scopeId: `MzVDsyX25`, children: p( PropertyOverrides2, { breakpoint: baseVariant, overrides: { os8gfPtLB: { variant: `wnk_W7u7s` } }, children: p( Framerh9up4_pFN, { GLWImmBy_: !1, HBR9r6Wzz: !1, height: `100%`, id: `H6UuKdWcG`, jSn1qfWzp: 21, kTynE2FQc: `regular`, layoutId: `H6UuKdWcG`, LdEuC589O: `var(--token-a0b108d1-905f-48b6-9b39-89b275654751, rgb(252, 252, 250))`, nL8OQ61g_: `House`, nZIvc5R21: `Lightning`, odb0bWURU: `mailto:hello@editlobby.com`, QQq_dHjj6: `fill`, rt9DsEiKG: `var(--token-958d6a9e-bb7c-4a88-a47a-70db899d1dd5, rgb(36, 36, 36))`, tipS0P7cJ: `Contact Us`, Ud3HdUmNm: !0, variant: `ke7By49HW`, width: `100%` } ) } ) }) }) }) ] }) }), u(`div`, { className: `framer-1br3yby`, "data-framer-name": `Question stack`, children: [ p(PropertyOverrides2, { breakpoint: baseVariant, overrides: { LIxzhGHPd: { width: `min(${componentViewport?.width || `100vw`} - 128px, 1320px)`, y: void 0 }, os8gfPtLB: { width: `min(${componentViewport?.width || `100vw`} - 48px, 1320px)`, y: void 0 }, r37_cMGAg: { width: `max(min(${componentViewport?.width || `100vw`} - 128px, 1320px) - 412px, 1px)`, y: (componentViewport?.y || 0) + 0 + 200 + 0 + 6743.2 + 64 + 98 + 0 + 0 + 0 } }, children: p(ComponentViewportProvider, { height: 63, width: `max(min(${componentViewport?.width || `100vw`} - 128px, 1320px) - 482px, 1px)`, y: (componentViewport?.y || 0) + 0 + 200 + 0 + 6999.6 + 64 + 98 + 0 + 0 + 0, children: p(Container, { className: `framer-2uc0m1-container`, nodeId: `Nqlpi9KIt`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, whileHover: animation10, children: p(PropertyOverrides2, { breakpoint: baseVariant, overrides: { os8gfPtLB: { FSpvtNW2Y: 16 } }, children: p(FramerqqmTtUds7, { FSpvtNW2Y: 18, height: `100%`, id: `Nqlpi9KIt`, layoutId: `Nqlpi9KIt`, LzLrxHnL6: `We offer two rounds of revisions per project. Additional revisions may incur extra charges unless the need arises from our oversight.`, style: { width: `100%` }, vaaTL58gz: `How many revisions are included?`, variant: `F22aPHLZM`, width: `100%` }) }) }) }) }), p(PropertyOverrides2, { breakpoint: baseVariant, overrides: { LIxzhGHPd: { width: `min(${componentViewport?.width || `100vw`} - 128px, 1320px)`, y: void 0 }, os8gfPtLB: { width: `min(${componentViewport?.width || `100vw`} - 48px, 1320px)`, y: void 0 }, r37_cMGAg: { width: `max(min(${componentViewport?.width || `100vw`} - 128px, 1320px) - 412px, 1px)`, y: (componentViewport?.y || 0) + 0 + 200 + 0 + 6743.2 + 64 + 98 + 0 + 0 + 87 } }, children: p(ComponentViewportProvider, { height: 63, width: `max(min(${componentViewport?.width || `100vw`} - 128px, 1320px) - 482px, 1px)`, y: (componentViewport?.y || 0) + 0 + 200 + 0 + 6999.6 + 64 + 98 + 0 + 0 + 87, children: p(Container, { className: `framer-n58468-container`, nodeId: `LMel_7Ix3`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, whileHover: animation10, children: p(PropertyOverrides2, { breakpoint: baseVariant, overrides: { os8gfPtLB: { FSpvtNW2Y: 16 } }, children: p(FramerqqmTtUds7, { FSpvtNW2Y: 18, height: `100%`, id: `LMel_7Ix3`, layoutId: `LMel_7Ix3`, LzLrxHnL6: `Yes, if you're facing any issues, you can request a change. We'll ensure your project is handled by an editor best suited to your requirements.`, style: { width: `100%` }, vaaTL58gz: `Can I switch editors if needed?`, variant: `F22aPHLZM`, width: `100%` }) }) }) }) }), p(PropertyOverrides2, { breakpoint: baseVariant, overrides: { LIxzhGHPd: { width: `min(${componentViewport?.width || `100vw`} - 128px, 1320px)`, y: void 0 }, os8gfPtLB: { width: `min(${componentViewport?.width || `100vw`} - 48px, 1320px)`, y: void 0 }, r37_cMGAg: { width: `max(min(${componentViewport?.width || `100vw`} - 128px, 1320px) - 412px, 1px)`, y: (componentViewport?.y || 0) + 0 + 200 + 0 + 6743.2 + 64 + 98 + 0 + 0 + 174 } }, children: p(ComponentViewportProvider, { height: 63, width: `max(min(${componentViewport?.width || `100vw`} - 128px, 1320px) - 482px, 1px)`, y: (componentViewport?.y || 0) + 0 + 200 + 0 + 6999.6 + 64 + 98 + 0 + 0 + 174, children: p(Container, { className: `framer-udcjwv-container`, nodeId: `FkI9MbJ0Y`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, whileHover: animation10, children: p(PropertyOverrides2, { breakpoint: baseVariant, overrides: { os8gfPtLB: { FSpvtNW2Y: 16 } }, children: p(FramerqqmTtUds7, { FSpvtNW2Y: 18, height: `100%`, id: `FkI9MbJ0Y`, layoutId: `FkI9MbJ0Y`, LzLrxHnL6: `We recommend prompt submission to maintain the timeline. Delays in submission will correspondingly delay the delivery of the final edit.`, style: { width: `100%` }, vaaTL58gz: `What if I delay uploading my brief or footage?`, variant: `F22aPHLZM`, width: `100%` }) }) }) }) }), p(PropertyOverrides2, { breakpoint: baseVariant, overrides: { LIxzhGHPd: { width: `min(${componentViewport?.width || `100vw`} - 128px, 1320px)`, y: void 0 }, os8gfPtLB: { width: `min(${componentViewport?.width || `100vw`} - 48px, 1320px)`, y: void 0 }, r37_cMGAg: { width: `max(min(${componentViewport?.width || `100vw`} - 128px, 1320px) - 412px, 1px)`, y: (componentViewport?.y || 0) + 0 + 200 + 0 + 6743.2 + 64 + 98 + 0 + 0 + 261 } }, children: p(ComponentViewportProvider, { height: 63, width: `max(min(${componentViewport?.width || `100vw`} - 128px, 1320px) - 482px, 1px)`, y: (componentViewport?.y || 0) + 0 + 200 + 0 + 6999.6 + 64 + 98 + 0 + 0 + 261, children: p(Container, { className: `framer-1ol9uuo-container`, nodeId: `D4cYQVJqj`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, whileHover: animation10, children: p(PropertyOverrides2, { breakpoint: baseVariant, overrides: { os8gfPtLB: { FSpvtNW2Y: 16 } }, children: p(FramerqqmTtUds7, { FSpvtNW2Y: 18, height: `100%`, id: `D4cYQVJqj`, layoutId: `D4cYQVJqj`, LzLrxHnL6: `Absolutely. We take data security seriously. Your uploaded files are stored securely, and only the team members working on your project have access. We do not share your footage or personal information with third parties without your consent.`, style: { width: `100%` }, vaaTL58gz: `Is my footage and data secure with the Edit Lobby?`, variant: `F22aPHLZM`, width: `100%` }) }) }) }) }), p(PropertyOverrides2, { breakpoint: baseVariant, overrides: { LIxzhGHPd: { width: `min(${componentViewport?.width || `100vw`} - 128px, 1320px)`, y: void 0 }, os8gfPtLB: { width: `min(${componentViewport?.width || `100vw`} - 48px, 1320px)`, y: void 0 }, r37_cMGAg: { width: `max(min(${componentViewport?.width || `100vw`} - 128px, 1320px) - 412px, 1px)`, y: (componentViewport?.y || 0) + 0 + 200 + 0 + 6743.2 + 64 + 98 + 0 + 0 + 348 } }, children: p(ComponentViewportProvider, { height: 63, width: `max(min(${componentViewport?.width || `100vw`} - 128px, 1320px) - 482px, 1px)`, y: (componentViewport?.y || 0) + 0 + 200 + 0 + 6999.6 + 64 + 98 + 0 + 0 + 348, children: p(Container, { className: `framer-qm0nh9-container`, nodeId: `QB7GcbHNI`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, whileHover: animation10, children: p(PropertyOverrides2, { breakpoint: baseVariant, overrides: { os8gfPtLB: { FSpvtNW2Y: 16 } }, children: p(FramerqqmTtUds7, { FSpvtNW2Y: 18, height: `100%`, id: `QB7GcbHNI`, layoutId: `QB7GcbHNI`, LzLrxHnL6: `Your satisfaction is our top priority. We offer two rounds of revisions included in the initial cost. If you're not satisfied with the final product, you can request changes, and our editors will work to address your concerns`, style: { width: `100%` }, vaaTL58gz: `What if I'm not satisfied with the final video?`, variant: `F22aPHLZM`, width: `100%` }) }) }) }) }), p(PropertyOverrides2, { breakpoint: baseVariant, overrides: { LIxzhGHPd: { width: `min(${componentViewport?.width || `100vw`} - 128px, 1320px)`, y: void 0 }, os8gfPtLB: { width: `min(${componentViewport?.width || `100vw`} - 48px, 1320px)`, y: void 0 }, r37_cMGAg: { width: `max(min(${componentViewport?.width || `100vw`} - 128px, 1320px) - 412px, 1px)`, y: (componentViewport?.y || 0) + 0 + 200 + 0 + 6743.2 + 64 + 98 + 0 + 0 + 435 } }, children: p(ComponentViewportProvider, { height: 63, width: `max(min(${componentViewport?.width || `100vw`} - 128px, 1320px) - 482px, 1px)`, y: (componentViewport?.y || 0) + 0 + 200 + 0 + 6999.6 + 64 + 98 + 0 + 0 + 435, children: p(Container, { className: `framer-1jhmz48-container`, nodeId: `akPpV3_QC`, rendersWithMotion: !0, scopeId: `MzVDsyX25`, whileHover: animation10, children: p(PropertyOverrides2, { breakpoint: baseVariant, overrides: { os8gfPtLB: { FSpvtNW2Y: 16 } }, children: p(FramerqqmTtUds7, { FSpvtNW2Y: 18, height: `100%`, id: `akPpV3_QC`, layoutId: `akPpV3_QC`, LzLrxHnL6: `Yes, you can select from three options for the final video length: 30 seconds, 60 seconds, or 90 seconds.`, style: { width: `100%` }, vaaTL58gz: `Can I choose the length of the final video? `, variant: `F22aPHLZM`, width: `100%` }) }) }) }) }) ] }) ] }) ] }), p(PropertyOverrides2, { breakpoint: baseVariant, overrides: { LIxzhGHPd: { y: void 0 }, os8gfPtLB: { y: void 0 }, r37_cMGAg: { y: (componentViewport?.y || 0) + 0 + 200 + 0 + 7467.2 } }, children: p(ComponentViewportProvider, { height: 1024, width: componentViewport?.width || `100vw`, y: (componentViewport?.y || 0) + 0 + 200 + 0 + 7723.6, children: p(Container, { className: `framer-ccqqx4-container`, id: elementId9, nodeId: `yaJDYAonp`, ref: ref10, scopeId: `MzVDsyX25`, children: p(PropertyOverrides2, { breakpoint: baseVariant, overrides: { LIxzhGHPd: { variant: `zGZa5Az1p` }, os8gfPtLB: { variant: `dQyR7so5F` }, r37_cMGAg: { variant: `S50md40lG` } }, children: p(Framerj_YCliARz, { height: `100%`, id: `yaJDYAonp`, layoutId: `yaJDYAonp`, style: { width: `100%` }, variant: `cgwUUhfuU`, width: `100%` }) }) }) }) }) ] }) ] }), p(`div`, { id: `overlay` }) ] }) }) ); })), (css = [ `@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }`, `.framer-Deuey.framer-j6f3ha, .framer-Deuey .framer-j6f3ha { display: block; }`, `.framer-Deuey.framer-xe7qtd { align-content: center; align-items: center; background-color: #0a0a0a; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 0px; height: min-content; justify-content: flex-start; overflow: hidden; padding: 0px; position: relative; width: 1440px; }`, `.framer-Deuey .framer-2gwkx6-container { flex: none; height: auto; left: 0px; position: fixed; right: 0px; top: 0px; will-change: var(--framer-will-change-effect-override, transform); z-index: 10; }`, `.framer-Deuey .framer-1lz0m76-container, .framer-Deuey .framer-16h2f6l-container, .framer-Deuey .framer-1y7lvjc-container, .framer-Deuey .framer-1iz0ww0-container, .framer-Deuey .framer-1fn8r0u-container, .framer-Deuey .framer-gw01h8-container, .framer-Deuey .framer-1wvac5q-container, .framer-Deuey .framer-j75iam-container, .framer-Deuey .framer-718thq-container, .framer-Deuey .framer-1jg76ph-container, .framer-Deuey .framer-1dv1q0e-container, .framer-Deuey .framer-1rm016u-container, .framer-Deuey .framer-11a80dr-container, .framer-Deuey .framer-136bom9-container, .framer-Deuey .framer-vvw5q0-container { flex: none; height: auto; position: relative; width: auto; }`, `.framer-Deuey .framer-1xyb7yn { align-content: center; align-items: center; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 0px; height: min-content; justify-content: center; overflow: hidden; padding: 0px; position: relative; width: 100%; z-index: 2; }`, `.framer-Deuey .framer-j42z4m { align-content: center; align-items: center; background: linear-gradient(180deg, rgba(175, 148, 255, 0.24) 0%, rgb(10, 10, 10) 14.97043918918919%); display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 20px; height: 80vh; justify-content: center; min-height: 700px; overflow: visible; padding: 0px 64px 0px 64px; pointer-events: auto; position: relative; width: 100%; }`, `.framer-Deuey .framer-gxa2tz { align-content: center; align-items: center; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 28px; height: min-content; justify-content: flex-start; max-width: 1200px; overflow: visible; padding: 100px 0px 0px 0px; position: relative; width: 100%; }`, `.framer-Deuey .framer-1qxzkcw { flex: none; height: 8px; left: calc(49.90671641791047% - 326px / 2); overflow: hidden; position: absolute; top: 100px; width: 326px; z-index: 1; }`, `.framer-Deuey .framer-qjdaps { align-content: center; align-items: center; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 48px; height: min-content; justify-content: center; overflow: visible; padding: 0px; position: relative; width: 100%; }`, `.framer-Deuey .framer-1l93qkm { align-content: center; align-items: center; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; overflow: visible; padding: 0px; position: relative; width: 100%; }`, `.framer-Deuey .framer-18op2ge { --framer-link-text-color: #0099ff; --framer-link-text-decoration: underline; flex: none; height: auto; max-width: 959px; position: relative; white-space: pre-wrap; width: 100%; will-change: var(--framer-will-change-effect-override, transform); word-break: break-word; word-wrap: break-word; }`, `.framer-Deuey .framer-1l3kvan { --framer-link-text-color: #0099ff; --framer-link-text-decoration: underline; flex: none; height: auto; position: relative; white-space: pre-wrap; width: 100%; will-change: var(--framer-will-change-effect-override, transform); word-break: break-word; word-wrap: break-word; }`, `.framer-Deuey .framer-hgxuo3 { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 24px; height: min-content; justify-content: center; overflow: visible; padding: 0px; position: relative; width: min-content; will-change: var(--framer-will-change-effect-override, transform); }`, `.framer-Deuey .framer-1ihxqad { align-content: center; align-items: center; background-color: var(--token-6b2be53b-6817-448e-b133-cd93fd6651c5, #0a0a0a); display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 24px; height: min-content; justify-content: center; overflow: visible; padding: 48px 64px 48px 64px; pointer-events: auto; position: relative; width: 100%; }`, `.framer-Deuey .framer-1thm9kh { align-content: center; align-items: center; border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; border-top-left-radius: 50px; border-top-right-radius: 50px; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 64px; height: min-content; justify-content: center; max-width: 1200px; overflow: visible; padding: 24px 48px 24px 48px; position: relative; scroll-margin-top: 150px; width: 100%; z-index: 1; }`, `.framer-Deuey .framer-1mdygkt, .framer-Deuey .framer-1txabmm, .framer-Deuey .framer-155tits { align-content: center; align-items: center; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 8px; height: min-content; justify-content: center; overflow: hidden; padding: 0px; position: relative; width: 100%; }`, `.framer-Deuey .framer-vj52b1, .framer-Deuey .framer-1iler3a, .framer-Deuey .framer-vrxzhx { align-content: center; align-items: center; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 16px; height: min-content; justify-content: center; overflow: hidden; padding: 0px; position: relative; width: 100%; }`, `.framer-Deuey .framer-zs89jv, .framer-Deuey .framer-cb4afc, .framer-Deuey .framer-4e0xlo, .framer-Deuey .framer-ptyu0w, .framer-Deuey .framer-3ouhwr, .framer-Deuey .framer-127ksyg, .framer-Deuey .framer-10h0l50, .framer-Deuey .framer-9i0r40, .framer-Deuey .framer-j773h5, .framer-Deuey .framer-13lpk29, .framer-Deuey .framer-1jscc1c, .framer-Deuey .framer-eejhgk, .framer-Deuey .framer-16iu0el, .framer-Deuey .framer-1yo4idx, .framer-Deuey .framer-ojv54t, .framer-Deuey .framer-lsmlvn, .framer-Deuey .framer-fp5qst, .framer-Deuey .framer-54nyv5, .framer-Deuey .framer-1q2sb38, .framer-Deuey .framer-1s2gwn6, .framer-Deuey .framer-772gq1, .framer-Deuey .framer-177xq1e, .framer-Deuey .framer-14xbzpm, .framer-Deuey .framer-y27o4v, .framer-Deuey .framer-1uuc5gm, .framer-Deuey .framer-1w91gu5, .framer-Deuey .framer-1t7eyi1 { --framer-link-text-color: #0099ff; --framer-link-text-decoration: underline; flex: none; height: auto; position: relative; white-space: pre-wrap; width: 100%; word-break: break-word; word-wrap: break-word; }`, `.framer-Deuey .framer-1l0rpsd { align-content: center; align-items: center; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 24px; height: min-content; justify-content: center; overflow: hidden; padding: 0px; position: relative; width: min-content; }`, `.framer-Deuey .framer-1vh1i3m-container, .framer-Deuey .framer-1r3m8xs-container { flex: none; height: 78px; position: relative; width: 1072px; }`, `.framer-Deuey .framer-wsloaf-container, .framer-Deuey .framer-je4i66-container, .framer-Deuey .framer-ngtxvn-container, .framer-Deuey .framer-1y0nbh8-container, .framer-Deuey .framer-11ppsb1-container, .framer-Deuey .framer-cirphc-container, .framer-Deuey .framer-xlnv6k-container, .framer-Deuey .framer-1xlj4pt-container, .framer-Deuey .framer-ip66qn-container, .framer-Deuey .framer-1cs52w9-container, .framer-Deuey .framer-1m8dzbg-container, .framer-Deuey .framer-18giqyw-container, .framer-Deuey .framer-1dtw2o9-container, .framer-Deuey .framer-rp8dc5-container, .framer-Deuey .framer-15o2ipd-container, .framer-Deuey .framer-156nyjt-container, .framer-Deuey .framer-1h11z49-container, .framer-Deuey .framer-1nvar4m-container, .framer-Deuey .framer-1uxw198-container, .framer-Deuey .framer-tkry3q-container, .framer-Deuey .framer-hbw5vt-container, .framer-Deuey .framer-167067u-container, .framer-Deuey .framer-1dt9d38-container, .framer-Deuey .framer-1ir0ovo-container, .framer-Deuey .framer-2zxhhe-container, .framer-Deuey .framer-1ll8gxh-container, .framer-Deuey .framer-1sy4iwp-container, .framer-Deuey .framer-hwkry5-container, .framer-Deuey .framer-renjco-container, .framer-Deuey .framer-1rgtiw1-container, .framer-Deuey .framer-176q1xm-container, .framer-Deuey .framer-yygy4-container, .framer-Deuey .framer-yi3nlx-container, .framer-Deuey .framer-1lqiuok-container, .framer-Deuey .framer-fnwkq7-container, .framer-Deuey .framer-o6uk24-container { height: auto; position: relative; width: auto; }`, `.framer-Deuey .framer-1ljc6gh-container, .framer-Deuey .framer-a6ep63-container { align-self: stretch; flex: none; height: 68px; position: relative; width: auto; }`, `.framer-Deuey .framer-1nv9euo-container, .framer-Deuey .framer-4mmkrc-container, .framer-Deuey .framer-1mtuk72-container, .framer-Deuey .framer-1w0kknd-container { flex: none; height: 56px; position: relative; width: 1072px; }`, `.framer-Deuey .framer-16bf5ka, .framer-Deuey .framer-nd15xw { align-content: center; align-items: center; background-color: var(--token-6b2be53b-6817-448e-b133-cd93fd6651c5, #0a0a0a); display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 24px; height: min-content; justify-content: center; overflow: hidden; padding: 64px; position: relative; width: 100%; }`, `.framer-Deuey .framer-fndf1i { align-content: center; align-items: center; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 48px; height: min-content; justify-content: center; max-width: 1200px; overflow: visible; padding: 0px; position: relative; scroll-margin-top: 150px; width: 100%; }`, `.framer-Deuey .framer-jbi4u3-container, .framer-Deuey .framer-mv80jt-container, .framer-Deuey .framer-10ubdo6-container { flex: none; height: 114px; position: relative; width: 100%; }`, `.framer-Deuey .framer-zf9d9b { aspect-ratio: 1.4705882352941178 / 1; gap: 10px; height: var(--framer-aspect-ratio-supported, 67px); overflow: visible; position: relative; width: 98px; }`, `.framer-Deuey .framer-37lvzy { aspect-ratio: 1.3937007874015748 / 1; height: var(--framer-aspect-ratio-supported, 106px); overflow: visible; position: relative; width: 147px; }`, `.framer-Deuey .framer-6qs6de { aspect-ratio: 2.369047619047619 / 1; height: var(--framer-aspect-ratio-supported, 78px); overflow: visible; position: relative; width: 183px; }`, `.framer-Deuey .framer-1sxtuhc, .framer-Deuey .framer-vdp1zk { aspect-ratio: 1 / 1; height: var(--framer-aspect-ratio-supported, 95px); overflow: visible; position: relative; width: 95px; }`, `.framer-Deuey .framer-psj14r { height: 73px; overflow: visible; position: relative; width: 371px; }`, `.framer-Deuey .framer-116kk1c { aspect-ratio: 2.586206896551724 / 1; height: var(--framer-aspect-ratio-supported, 78px); overflow: visible; position: relative; width: 200px; }`, `.framer-Deuey .framer-1kq80cf { aspect-ratio: 1.3966480446927374 / 1; height: var(--framer-aspect-ratio-supported, 111px); overflow: visible; position: relative; width: 154px; }`, `.framer-Deuey .framer-17z8wk9 { aspect-ratio: 1 / 1; height: var(--framer-aspect-ratio-supported, 127px); overflow: visible; position: relative; width: 127px; }`, `.framer-Deuey .framer-1hxukp2 { aspect-ratio: 1.8808777429467085 / 1; border-bottom-left-radius: 80px; border-bottom-right-radius: 80px; border-top-left-radius: 80px; border-top-right-radius: 80px; height: var(--framer-aspect-ratio-supported, 91px); overflow: visible; position: relative; width: 170px; }`, `.framer-Deuey .framer-krpwcq { aspect-ratio: 1.4705882352941178 / 1; gap: 10px; height: var(--framer-aspect-ratio-supported, 53px); overflow: visible; position: relative; width: 78px; }`, `.framer-Deuey .framer-1o0upan { aspect-ratio: 1.3937007874015748 / 1; height: var(--framer-aspect-ratio-supported, 91px); overflow: visible; position: relative; width: 127px; }`, `.framer-Deuey .framer-9wujso { aspect-ratio: 2.369047619047619 / 1; height: var(--framer-aspect-ratio-supported, 66px); overflow: visible; position: relative; width: 156px; }`, `.framer-Deuey .framer-3jpyq9 { aspect-ratio: 1 / 1; height: var(--framer-aspect-ratio-supported, 75px); overflow: visible; position: relative; width: 75px; }`, `.framer-Deuey .framer-2ydlls { aspect-ratio: 5.082191780821918 / 1; height: var(--framer-aspect-ratio-supported, 63px); overflow: visible; position: relative; width: 321px; }`, `.framer-Deuey .framer-1jrvxys { aspect-ratio: 2.586206896551724 / 1; height: var(--framer-aspect-ratio-supported, 65px); overflow: visible; position: relative; width: 167px; }`, `.framer-Deuey .framer-3f3zdf { aspect-ratio: 1.3966480446927374 / 1; height: var(--framer-aspect-ratio-supported, 89px); overflow: visible; position: relative; width: 124px; }`, `.framer-Deuey .framer-180he0x { aspect-ratio: 1 / 1; height: var(--framer-aspect-ratio-supported, 109px); overflow: visible; position: relative; width: 109px; }`, `.framer-Deuey .framer-1aabcg0 { aspect-ratio: 1.8808777429467085 / 1; border-bottom-left-radius: 80px; border-bottom-right-radius: 80px; border-top-left-radius: 80px; border-top-right-radius: 80px; height: var(--framer-aspect-ratio-supported, 78px); overflow: visible; position: relative; width: 147px; }`, `.framer-Deuey .framer-1b0k2ve { aspect-ratio: 1.4705882352941178 / 1; gap: 10px; height: var(--framer-aspect-ratio-supported, 41px); overflow: visible; position: relative; width: 60px; }`, `.framer-Deuey .framer-gffy7a { aspect-ratio: 1.3937007874015748 / 1; height: var(--framer-aspect-ratio-supported, 75px); overflow: visible; position: relative; width: 104px; }`, `.framer-Deuey .framer-1p7qc7i { aspect-ratio: 2.369047619047619 / 1; height: var(--framer-aspect-ratio-supported, 57px); overflow: visible; position: relative; width: 134px; }`, `.framer-Deuey .framer-zb9m6h { aspect-ratio: 1 / 1; height: var(--framer-aspect-ratio-supported, 60px); overflow: visible; position: relative; width: 60px; }`, `.framer-Deuey .framer-8b95u0 { aspect-ratio: 5.082191780821918 / 1; height: var(--framer-aspect-ratio-supported, 55px); overflow: visible; position: relative; width: 279px; }`, `.framer-Deuey .framer-z96c42 { aspect-ratio: 2.586206896551724 / 1; height: var(--framer-aspect-ratio-supported, 53px); overflow: visible; position: relative; width: 137px; }`, `.framer-Deuey .framer-1g0bbhy { aspect-ratio: 1.3966480446927374 / 1; height: var(--framer-aspect-ratio-supported, 72px); overflow: visible; position: relative; width: 100px; }`, `.framer-Deuey .framer-x9cvbn { aspect-ratio: 1.8808777429467085 / 1; border-bottom-left-radius: 80px; border-bottom-right-radius: 80px; border-top-left-radius: 80px; border-top-right-radius: 80px; height: var(--framer-aspect-ratio-supported, 66px); overflow: visible; position: relative; width: 124px; }`, `.framer-Deuey .framer-rdq6g0-container { flex: none; height: 84px; position: relative; width: 100%; }`, `.framer-Deuey .framer-qdyol9 { aspect-ratio: 1.4705882352941178 / 1; gap: 10px; height: var(--framer-aspect-ratio-supported, 33px); overflow: visible; position: relative; width: 48px; }`, `.framer-Deuey .framer-14v0tvy { aspect-ratio: 1.3937007874015748 / 1; height: var(--framer-aspect-ratio-supported, 58px); overflow: visible; position: relative; width: 80px; }`, `.framer-Deuey .framer-q07rua { aspect-ratio: 2.369047619047619 / 1; height: var(--framer-aspect-ratio-supported, 48px); overflow: visible; position: relative; width: 114px; }`, `.framer-Deuey .framer-vw86q6 { aspect-ratio: 1 / 1; height: var(--framer-aspect-ratio-supported, 45px); overflow: visible; position: relative; width: 45px; }`, `.framer-Deuey .framer-badjcs { aspect-ratio: 5.082191780821918 / 1; height: var(--framer-aspect-ratio-supported, 36px); overflow: visible; position: relative; width: 183px; }`, `.framer-Deuey .framer-luz0mr { aspect-ratio: 2.586206896551724 / 1; height: var(--framer-aspect-ratio-supported, 40px); overflow: visible; position: relative; width: 103px; }`, `.framer-Deuey .framer-1xuli74 { aspect-ratio: 1.3966480446927374 / 1; height: var(--framer-aspect-ratio-supported, 54px); overflow: visible; position: relative; width: 75px; }`, `.framer-Deuey .framer-cig7rf { aspect-ratio: 1 / 1; height: var(--framer-aspect-ratio-supported, 70px); overflow: visible; position: relative; width: 70px; }`, `.framer-Deuey .framer-h4rss8 { aspect-ratio: 1.8808777429467085 / 1; border-bottom-left-radius: 80px; border-bottom-right-radius: 80px; border-top-left-radius: 80px; border-top-right-radius: 80px; height: var(--framer-aspect-ratio-supported, 48px); overflow: visible; position: relative; width: 90px; }`, `.framer-Deuey .framer-p0h079 { align-content: center; align-items: center; background-color: var(--token-6b2be53b-6817-448e-b133-cd93fd6651c5, #0a0a0a); display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 64px; height: min-content; justify-content: center; overflow: visible; padding: 64px; position: relative; scroll-margin-top: 80px; width: 100%; }`, `.framer-Deuey .framer-pckbf4 { align-content: center; align-items: center; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 0px; height: min-content; justify-content: center; max-width: 1500px; overflow: hidden; padding: 0px; position: relative; width: 88%; }`, `.framer-Deuey .framer-1a5310h-container, .framer-Deuey .framer-18dcg1u-container { flex: none; height: 520px; position: relative; width: 100%; }`, `.framer-Deuey .framer-1ks1o16-container, .framer-Deuey .framer-1qc8ila-container, .framer-Deuey .framer-1tknna9-container, .framer-Deuey .framer-12iosts-container, .framer-Deuey .framer-1j46ofy-container, .framer-Deuey .framer-4exyu5-container, .framer-Deuey .framer-1jshs4a-container, .framer-Deuey .framer-sd92xs-container, .framer-Deuey .framer-1k20i2x-container, .framer-Deuey .framer-51qiam-container, .framer-Deuey .framer-tr8ye8-container, .framer-Deuey .framer-8un03n-container, .framer-Deuey .framer-1ssbhb1-container, .framer-Deuey .framer-1pwupyf-container, .framer-Deuey .framer-1rfpysy-container, .framer-Deuey .framer-fchtnk-container, .framer-Deuey .framer-4feu9a-container, .framer-Deuey .framer-kwn721-container, .framer-Deuey .framer-1xo3vt1-container { aspect-ratio: 0.5626666666666666 / 1; height: var(--framer-aspect-ratio-supported, 375px); position: relative; width: 211px; }`, `.framer-Deuey .framer-1797d70-container { flex: none; height: 434px; max-width: 1500px; position: relative; width: 96%; }`, `.framer-Deuey .framer-lxu1cr-container, .framer-Deuey .framer-mgylpp-container, .framer-Deuey .framer-n5cdcm-container, .framer-Deuey .framer-ho21n5-container, .framer-Deuey .framer-1tmjs0q-container, .framer-Deuey .framer-qards9-container, .framer-Deuey .framer-zkr5j8-container, .framer-Deuey .framer-dg1dmm-container, .framer-Deuey .framer-xufl4j-container, .framer-Deuey .framer-1ego6nq-container, .framer-Deuey .framer-yck7eg-container, .framer-Deuey .framer-1ojrwqp-container, .framer-Deuey .framer-s9yykn-container, .framer-Deuey .framer-b948z-container, .framer-Deuey .framer-f5spf8-container, .framer-Deuey .framer-13ok61n-container, .framer-Deuey .framer-1aleixx-container, .framer-Deuey .framer-1x8t182-container, .framer-Deuey .framer-19aqj84-container { aspect-ratio: 0.5626666666666666 / 1; height: var(--framer-aspect-ratio-supported, 306px); position: relative; width: 172px; }`, `.framer-Deuey .framer-17j60wd-container { flex: none; height: 400px; max-width: 1500px; position: relative; width: 96%; }`, `.framer-Deuey .framer-4ubva5-container, .framer-Deuey .framer-1jlxjxa-container, .framer-Deuey .framer-10oot5x-container, .framer-Deuey .framer-kpmn1u-container, .framer-Deuey .framer-mrcgn9-container, .framer-Deuey .framer-3e24j2-container, .framer-Deuey .framer-1s8f1mb-container, .framer-Deuey .framer-2v5glw-container, .framer-Deuey .framer-me8vl7-container, .framer-Deuey .framer-65hzvb-container, .framer-Deuey .framer-1gy1xmp-container, .framer-Deuey .framer-qrohwl-container, .framer-Deuey .framer-15jqpkj-container, .framer-Deuey .framer-hyw576-container, .framer-Deuey .framer-jh61bb-container, .framer-Deuey .framer-19f3lqj-container, .framer-Deuey .framer-1mhhkwi-container, .framer-Deuey .framer-hgotlj-container, .framer-Deuey .framer-15s9jwq-container { aspect-ratio: 0.5626666666666666 / 1; height: var(--framer-aspect-ratio-supported, 231px); position: relative; width: 130px; }`, `.framer-Deuey .framer-19w9s4e { align-content: center; align-items: center; background: radial-gradient(50% 50% at 50% 50%, rgba(132, 101, 224, 0.7) 0%, var(--token-6b2be53b-6817-448e-b133-cd93fd6651c5, rgb(10, 10, 10)) 100%); border-bottom-left-radius: 36px; border-bottom-right-radius: 36px; border-top-left-radius: 36px; border-top-right-radius: 36px; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 0px; height: min-content; justify-content: center; max-width: 1500px; overflow: hidden; padding: 0px; position: relative; width: 88%; will-change: var(--framer-will-change-override, transform); }`, `.framer-Deuey .framer-1ipk1ry-container { flex: none; height: 434px; max-width: 1500px; position: relative; width: 98%; }`, `.framer-Deuey .framer-1kc0cj8-container { flex: none; height: 259px; max-width: 1500px; position: relative; width: 91%; }`, `.framer-Deuey .framer-c6nqt3 { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 24px; height: min-content; justify-content: center; max-width: 1200px; overflow: hidden; padding: 0px; position: relative; width: 100%; }`, `.framer-Deuey .framer-153o8i2, .framer-Deuey .framer-1weiyui, .framer-Deuey .framer-8flt38, .framer-Deuey .framer-1xpqeja, .framer-Deuey .framer-14mjfvb, .framer-Deuey .framer-6ty48j { aspect-ratio: 1.3333333333333333 / 1; flex: 1 0 0px; height: var(--framer-aspect-ratio-supported, 135px); position: relative; width: 1px; }`, `.framer-Deuey .framer-1u24brz, .framer-Deuey .framer-1x49udt { align-content: center; align-items: center; background-color: var(--token-6b2be53b-6817-448e-b133-cd93fd6651c5, #0a0a0a); display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 24px; height: min-content; justify-content: center; overflow: visible; padding: 64px 64px 0px 64px; position: relative; width: 100%; }`, `.framer-Deuey .framer-1y15pcg, .framer-Deuey .framer-1mhos7 { --border-bottom-width: 0px; --border-color: var(--token-cddd8839-50cd-4074-8da8-8850d0d377b4, rgba(255, 255, 255, 0.1)); --border-left-width: 0px; --border-right-width: 0px; --border-style: solid; --border-top-width: 1px; align-content: center; align-items: center; background: linear-gradient(180deg, var(--token-0412433a-5882-4fae-9632-beb8eb5b7b5b, #0d0d0d) 0%, var(--token-6b2be53b-6817-448e-b133-cd93fd6651c5, rgb(10, 10, 10)) 100%); border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; border-top-left-radius: 50px; border-top-right-radius: 50px; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 24px; height: min-content; justify-content: center; max-width: 1200px; overflow: visible; padding: 48px; position: relative; scroll-margin-top: 150px; width: 100%; z-index: 1; }`, `.framer-Deuey .framer-1f9v2db { align-content: center; align-items: center; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 64px; height: min-content; justify-content: center; overflow: visible; padding: 24px 0px 24px 0px; position: relative; width: 100%; }`, `.framer-Deuey .framer-8lz8t3 { align-content: center; align-items: center; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 16px; height: min-content; justify-content: center; overflow: visible; padding: 0px; position: relative; width: 100%; }`, `.framer-Deuey .framer-npnv8t { align-content: flex-start; align-items: flex-start; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 0px; height: 197px; justify-content: center; overflow: visible; padding: 0px; position: relative; width: 100%; }`, `.framer-Deuey .framer-bm4vgm, .framer-Deuey .framer-v6z03v, .framer-Deuey .framer-1x1y54t { align-content: center; align-items: center; border-bottom-left-radius: 24px; border-bottom-right-radius: 24px; border-top-left-radius: 24px; border-top-right-radius: 24px; display: flex; flex: 1 0 0px; flex-direction: column; flex-wrap: nowrap; gap: 24px; height: min-content; justify-content: center; overflow: hidden; padding: 0px; position: relative; width: 1px; will-change: var(--framer-will-change-override, transform); }`, `.framer-Deuey .framer-ta47u8-container, .framer-Deuey .framer-1d2r1hk-container, .framer-Deuey .framer-12zst8j-container, .framer-Deuey .framer-9vrfj6-container, .framer-Deuey .framer-1e2ka09-container, .framer-Deuey .framer-7j5u42-container, .framer-Deuey .framer-rda9e2-container, .framer-Deuey .framer-w2lruo-container, .framer-Deuey .framer-qn82b7-container { aspect-ratio: 1.0080645161290323 / 1; flex: none; height: var(--framer-aspect-ratio-supported, 75px); position: relative; width: 72px; }`, `.framer-Deuey .framer-15dhe4g, .framer-Deuey .framer-1eb5vac, .framer-Deuey .framer-13zmlx8, .framer-Deuey .framer-gth9u7, .framer-Deuey .framer-y61bn3, .framer-Deuey .framer-16dks7, .framer-Deuey .framer-126fvot { align-content: center; align-items: center; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 16px; height: min-content; justify-content: center; overflow: hidden; padding: 0px; position: relative; width: 100%; z-index: 2; }`, `.framer-Deuey .framer-1j14f2u { align-content: center; align-items: center; background-color: var(--token-6b2be53b-6817-448e-b133-cd93fd6651c5, #0a0a0a); display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 24px; height: min-content; justify-content: center; overflow: visible; padding: 0px 64px 0px 64px; pointer-events: auto; position: relative; width: 100%; }`, `.framer-Deuey .framer-761kos { align-content: center; align-items: center; border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; border-top-left-radius: 50px; border-top-right-radius: 50px; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 8px 169px; height: min-content; justify-content: center; max-width: 1203px; overflow: visible; padding: 64px 0px 64px 0px; position: relative; scroll-margin-top: 96px; width: 100%; z-index: 1; }`, `.framer-Deuey .framer-17kcetd-container, .framer-Deuey .framer-ccqqx4-container { flex: none; height: auto; position: relative; width: 100%; }`, `.framer-Deuey .framer-1ny8ago { align-content: center; align-items: center; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 24px; height: min-content; justify-content: center; max-width: 1200px; overflow: visible; padding: 24px 0px 24px 0px; position: relative; width: 100%; }`, `.framer-Deuey .framer-1h7u8cu { display: grid; flex: none; gap: 0px 0px; grid-auto-rows: minmax(0, 1fr); grid-template-columns: repeat(3, minmax(50px, 1fr)); grid-template-rows: repeat(2, minmax(0, 1fr)); height: min-content; justify-content: center; overflow: hidden; padding: 0px; position: relative; width: 100%; }`, `.framer-Deuey .framer-15bni3v, .framer-Deuey .framer-1p24elj, .framer-Deuey .framer-guzpuv, .framer-Deuey .framer-1ddoy49, .framer-Deuey .framer-rw7vwk, .framer-Deuey .framer-a62m7k { align-content: center; align-items: center; align-self: start; border-bottom-left-radius: 24px; border-bottom-right-radius: 24px; border-top-left-radius: 24px; border-top-right-radius: 24px; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 24px; height: min-content; justify-content: center; justify-self: start; overflow: hidden; padding: 48px 36px 48px 36px; position: relative; width: 100%; will-change: var(--framer-will-change-override, transform); }`, `.framer-Deuey .framer-dybpps, .framer-Deuey .framer-1g8mxsh { align-content: center; align-items: center; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 16px; height: min-content; justify-content: center; overflow: visible; padding: 0px; position: relative; width: 100%; z-index: 2; }`, `.framer-Deuey .framer-uztesk { -webkit-user-select: auto; align-content: center; align-items: center; background-color: var(--token-6b2be53b-6817-448e-b133-cd93fd6651c5, #0a0a0a); border-bottom-left-radius: 96px; border-bottom-right-radius: 96px; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 58px; height: min-content; justify-content: flex-start; overflow: visible; padding: 64px; position: relative; scroll-margin-top: 100px; user-select: auto; width: 100%; z-index: 1; }`, `.framer-Deuey .framer-14f25l { align-content: flex-start; align-items: flex-start; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 36px; height: min-content; justify-content: center; max-width: 1320px; overflow: hidden; padding: 0px; position: relative; width: 100%; }`, `.framer-Deuey .framer-12okg0v { --border-bottom-width: 0px; --border-color: var(--token-cddd8839-50cd-4074-8da8-8850d0d377b4, rgba(255, 255, 255, 0.1)); --border-left-width: 0px; --border-right-width: 0px; --border-style: solid; --border-top-width: 1px; align-content: center; align-items: center; background: linear-gradient(180deg, var(--token-6b2be53b-6817-448e-b133-cd93fd6651c5, #0a0a0a) 0%, rgba(10, 10, 10, 0.2) 100%); border-bottom-left-radius: 24px; border-bottom-right-radius: 24px; border-top-left-radius: 24px; border-top-right-radius: 24px; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 24px; height: min-content; justify-content: flex-start; overflow: hidden; padding: 48px 36px 48px 36px; position: relative; width: 446px; will-change: var(--framer-will-change-override, transform); }`, `.framer-Deuey .framer-1heqflx { align-content: flex-start; align-items: flex-start; display: flex; flex: 1 0 0px; flex-direction: column; flex-wrap: nowrap; gap: 24px; height: min-content; justify-content: center; overflow: visible; padding: 0px; position: relative; width: 1px; }`, `.framer-Deuey .framer-1wpz7i6 { align-content: flex-start; align-items: flex-start; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 16px; height: min-content; justify-content: center; overflow: visible; padding: 0px; position: relative; width: 100%; }`, `.framer-Deuey .framer-d3iqnh { --framer-link-text-color: #0099ff; --framer-link-text-decoration: underline; flex: none; height: auto; position: relative; white-space: pre; width: auto; }`, `.framer-Deuey .framer-1br3yby { align-content: center; align-items: center; display: flex; flex: 1 0 0px; flex-direction: column; flex-wrap: nowrap; gap: 24px; height: min-content; justify-content: center; overflow: hidden; padding: 0px; position: relative; width: 1px; }`, `.framer-Deuey .framer-2uc0m1-container, .framer-Deuey .framer-n58468-container, .framer-Deuey .framer-udcjwv-container, .framer-Deuey .framer-1ol9uuo-container, .framer-Deuey .framer-qm0nh9-container, .framer-Deuey .framer-1jhmz48-container { flex: none; height: auto; position: relative; width: 100%; will-change: var(--framer-will-change-effect-override, transform); z-index: 1; }`, ...css$1, ...css$11, ...css$12, `.framer-Deuey[data-border="true"]::after, .framer-Deuey [data-border="true"]::after { content: ""; border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0); border-color: var(--border-color, none); border-style: var(--border-style, none); width: 100%; height: 100%; position: absolute; box-sizing: border-box; left: 0; top: 0; border-radius: inherit; pointer-events: none; }`, `@media (min-width: 810px) and (max-width: 1079.98px) { .framer-Deuey.framer-xe7qtd { width: 810px; } .framer-Deuey .framer-j42z4m { height: 70vh; min-height: 630px; padding: 96px 32px 0px 32px; } .framer-Deuey .framer-gxa2tz { gap: 24px; padding: 0px; } .framer-Deuey .framer-18op2ge { max-width: 658px; } .framer-Deuey .framer-1ihxqad { padding: 48px 32px 48px 32px; } .framer-Deuey .framer-1thm9kh { gap: 24px; } .framer-Deuey .framer-1l0rpsd { gap: 16px; width: 100%; } .framer-Deuey .framer-1nv9euo-container, .framer-Deuey .framer-4mmkrc-container { width: 100%; } .framer-Deuey .framer-16bf5ka, .framer-Deuey .framer-nd15xw { padding: 54px 64px 54px 64px; } .framer-Deuey .framer-fndf1i { gap: 28px; } .framer-Deuey .framer-p0h079 { gap: 48px; padding: 64px 32px 64px 32px; } .framer-Deuey .framer-c6nqt3 { flex-wrap: wrap; } .framer-Deuey .framer-153o8i2, .framer-Deuey .framer-1weiyui, .framer-Deuey .framer-8flt38, .framer-Deuey .framer-1xpqeja, .framer-Deuey .framer-14mjfvb, .framer-Deuey .framer-6ty48j { flex: none; height: var(--framer-aspect-ratio-supported, 87px); width: 116px; } .framer-Deuey .framer-1u24brz, .framer-Deuey .framer-1x49udt { padding: 64px 32px 0px 32px; } .framer-Deuey .framer-1txabmm { overflow: visible; } .framer-Deuey .framer-npnv8t { gap: 64px; height: min-content; } .framer-Deuey .framer-1j14f2u { padding: 0px 32px 0px 32px; } .framer-Deuey .framer-1h7u8cu { grid-template-columns: repeat(2, minmax(50px, 1fr)); grid-template-rows: repeat(3, minmax(0, 1fr)); } .framer-Deuey .framer-gth9u7, .framer-Deuey .framer-dybpps, .framer-Deuey .framer-y61bn3, .framer-Deuey .framer-1g8mxsh, .framer-Deuey .framer-16dks7, .framer-Deuey .framer-126fvot { align-self: stretch; width: auto; } .framer-Deuey .framer-w2lruo-container, .framer-Deuey .framer-qn82b7-container { height: var(--framer-aspect-ratio-supported, 76px); } .framer-Deuey .framer-14f25l { flex-direction: column; } .framer-Deuey .framer-12okg0v { order: 1; padding: 36px 24px 36px 24px; width: 100%; } .framer-Deuey .framer-1br3yby { flex: none; order: 0; width: 100%; }}`, `@media (max-width: 809.98px) { .framer-Deuey.framer-xe7qtd { width: 393px; } .framer-Deuey .framer-j42z4m { height: 70vh; min-height: unset; padding: 0px 24px 0px 24px; } .framer-Deuey .framer-gxa2tz { gap: 24px; padding: 72px 0px 0px 0px; } .framer-Deuey .framer-1qxzkcw { left: calc(50.00000000000002% - 326px / 2); } .framer-Deuey .framer-18op2ge { --framer-text-wrap: balance; max-width: unset; } .framer-Deuey .framer-hgxuo3 { gap: 16px; } .framer-Deuey .framer-1ihxqad { padding: 40px 24px 40px 24px; } .framer-Deuey .framer-1thm9kh { gap: 36px; padding: 24px 16px 24px 16px; } .framer-Deuey .framer-zs89jv, .framer-Deuey .framer-4e0xlo, .framer-Deuey .framer-16iu0el { --framer-text-wrap: balance; } .framer-Deuey .framer-1l0rpsd { gap: 12px; overflow: visible; width: 100%; } .framer-Deuey .framer-1mtuk72-container, .framer-Deuey .framer-1w0kknd-container, .framer-Deuey .framer-1kc0cj8-container { width: 100%; } .framer-Deuey .framer-16bf5ka, .framer-Deuey .framer-nd15xw, .framer-Deuey .framer-1mhos7 { padding: 48px 24px 48px 24px; } .framer-Deuey .framer-fndf1i { gap: 24px; } .framer-Deuey .framer-p0h079 { gap: 36px; padding: 24px; } .framer-Deuey .framer-pckbf4 { gap: 24px; overflow: visible; width: 100%; } .framer-Deuey .framer-17j60wd-container { height: 259px; width: 100%; } .framer-Deuey .framer-19w9s4e { gap: 24px; overflow: visible; width: 100%; will-change: unset; } .framer-Deuey .framer-c6nqt3 { flex-wrap: wrap; } .framer-Deuey .framer-153o8i2 { flex: none; height: var(--framer-aspect-ratio-supported, 48px); order: 0; width: 64px; } .framer-Deuey .framer-1weiyui { flex: none; height: var(--framer-aspect-ratio-supported, 48px); order: 1; width: 64px; } .framer-Deuey .framer-8flt38 { flex: none; height: var(--framer-aspect-ratio-supported, 48px); order: 2; width: 64px; } .framer-Deuey .framer-1xpqeja { flex: none; height: var(--framer-aspect-ratio-supported, 60px); order: 4; width: 80px; } .framer-Deuey .framer-14mjfvb { flex: none; height: var(--framer-aspect-ratio-supported, 48px); order: 3; width: 64px; } .framer-Deuey .framer-6ty48j { flex: none; height: var(--framer-aspect-ratio-supported, 60px); order: 5; width: 80px; } .framer-Deuey .framer-1u24brz, .framer-Deuey .framer-1j14f2u { padding: 0px 24px 0px 24px; } .framer-Deuey .framer-1y15pcg { padding: 40px 0px 40px 0px; } .framer-Deuey .framer-1f9v2db { padding: 24px 16px 24px 16px; } .framer-Deuey .framer-npnv8t { align-content: center; align-items: center; flex-direction: column; gap: 64px; height: min-content; } .framer-Deuey .framer-bm4vgm, .framer-Deuey .framer-v6z03v, .framer-Deuey .framer-1x1y54t { flex: none; gap: 16px; width: 297px; } .framer-Deuey .framer-17kcetd-container { max-width: 430px; } .framer-Deuey .framer-1x49udt { padding: 64px 24px 0px 24px; } .framer-Deuey .framer-1h7u8cu { gap: 16px 16px; grid-auto-rows: min-content; grid-template-columns: repeat(2, minmax(50px, 1fr)); grid-template-rows: repeat(2, min-content); } .framer-Deuey .framer-15bni3v, .framer-Deuey .framer-1p24elj, .framer-Deuey .framer-guzpuv, .framer-Deuey .framer-1ddoy49, .framer-Deuey .framer-rw7vwk, .framer-Deuey .framer-a62m7k { gap: 16px; padding: 12px 4px 12px 4px; } .framer-Deuey .framer-gth9u7, .framer-Deuey .framer-dybpps, .framer-Deuey .framer-y61bn3, .framer-Deuey .framer-1g8mxsh, .framer-Deuey .framer-16dks7, .framer-Deuey .framer-126fvot { align-self: stretch; gap: 12px; width: auto; } .framer-Deuey .framer-uztesk { gap: 24px; padding: 64px 24px 64px 24px; } .framer-Deuey .framer-14f25l { flex-direction: column; } .framer-Deuey .framer-12okg0v { order: 1; width: 100%; } .framer-Deuey .framer-d3iqnh { white-space: pre-wrap; width: 100%; word-break: break-word; word-wrap: break-word; } .framer-Deuey .framer-1br3yby { flex: none; order: 0; width: 100%; }}`, `@media (min-width: 1080px) and (max-width: 1439.98px) { .framer-Deuey.framer-xe7qtd { width: 1080px; } .framer-Deuey .framer-j42z4m { min-height: 630px; } .framer-Deuey .framer-1l0rpsd { gap: 20px; width: 100%; } .framer-Deuey .framer-1ljc6gh-container, .framer-Deuey .framer-a6ep63-container { align-self: unset; width: 100%; } .framer-Deuey .framer-fndf1i { gap: 36px; } .framer-Deuey .framer-p0h079 { gap: 54px; } .framer-Deuey .framer-1797d70-container { width: 86%; } .framer-Deuey .framer-153o8i2, .framer-Deuey .framer-1weiyui, .framer-Deuey .framer-8flt38, .framer-Deuey .framer-1xpqeja, .framer-Deuey .framer-14mjfvb, .framer-Deuey .framer-6ty48j { height: var(--framer-aspect-ratio-supported, 104px); } .framer-Deuey .framer-1j14f2u { padding: 0px 48px 0px 48px; } .framer-Deuey .framer-12okg0v { padding: 32px; width: 376px; }}` ]), (FramerMzVDsyX25 = withCSS(Component, css, `framer-Deuey`)), (FramerMzVDsyX25.displayName = `Home`), (FramerMzVDsyX25.defaultProps = { height: 8222, width: 1440 }), addFonts( FramerMzVDsyX25, [ { explicitInter: !0, fonts: [ { family: `Satoshi`, source: `fontshare`, style: `normal`, url: `https://framerusercontent.com/third-party-assets/fontshare/wf/P2LQKHE6KA6ZP4AAGN72KDWMHH6ZH3TA/ZC32TK2P7FPS5GFTL46EU6KQJA24ZYDB/7AHDUZ4A7LFLVFUIFSARGIWCRQJHISQP.woff2`, weight: `500` }, { family: `Instrument Serif`, source: `google`, style: `italic`, url: `https://fonts.gstatic.com/s/instrumentserif/v4/jizHRFtNs2ka5fXjeivQ4LroWlx-6zATjnTNgNq55w.woff2`, weight: `400` }, { family: `Inter`, source: `framer`, style: `normal`, unicodeRange: `U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F`, url: `https://framerusercontent.com/assets/5vvr9Vy74if2I6bQbJvbw7SY1pQ.woff2`, weight: `400` }, { family: `Inter`, source: `framer`, style: `normal`, unicodeRange: `U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116`, url: `https://framerusercontent.com/assets/EOr0mi4hNtlgWNn9if640EZzXCo.woff2`, weight: `400` }, { family: `Inter`, source: `framer`, style: `normal`, unicodeRange: `U+1F00-1FFF`, url: `https://framerusercontent.com/assets/Y9k9QrlZAqio88Klkmbd8VoMQc.woff2`, weight: `400` }, { family: `Inter`, source: `framer`, style: `normal`, unicodeRange: `U+0370-03FF`, url: `https://framerusercontent.com/assets/OYrD2tBIBPvoJXiIHnLoOXnY9M.woff2`, weight: `400` }, { family: `Inter`, source: `framer`, style: `normal`, unicodeRange: `U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF`, url: `https://framerusercontent.com/assets/JeYwfuaPfZHQhEG8U5gtPDZ7WQ.woff2`, weight: `400` }, { family: `Inter`, source: `framer`, style: `normal`, unicodeRange: `U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD`, url: `https://framerusercontent.com/assets/GrgcKwrN6d3Uz8EwcLHZxwEfC4.woff2`, weight: `400` }, { family: `Inter`, source: `framer`, style: `normal`, unicodeRange: `U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB`, url: `https://framerusercontent.com/assets/b6Y37FthZeALduNqHicBT6FutY.woff2`, weight: `400` } ] }, ...NavigationNavigationFonts, ...SmoothScrollFonts, ...ButtonsButtonFonts, ...ElementsBadgeFonts, ...ElementsCategoryFonts, ...TickerFonts, ...VideoFileFonts, ...LottieFonts, ...PricingComponentFonts, ...FAQQuestionFonts, ...FooterFonts, ...getFontsFromSharedStyle(fonts), ...getFontsFromSharedStyle(fonts$1), ...getFontsFromSharedStyle(fonts$2) ], { supportsExplicitInterCodegen: !0 } ), (__FramerMetadata__ = { exports: { Props: { type: `tsType`, annotations: { framerContractVersion: `1` } }, default: { type: `reactComponent`, name: `FramerMzVDsyX25`, slots: [], annotations: { framerAutoSizeImages: `true`, framerComponentViewportWidth: `true`, framerContractVersion: `1`, framerImmutableVariables: `true`, framerIntrinsicWidth: `1440`, framerScrollSections: `{"eUUbE3Ykv":{"pattern":":eUUbE3Ykv","name":"hero"},"k6usQEx8E":{"pattern":":k6usQEx8E","name":"nav-activation"},"KcmypeDai":{"pattern":":KcmypeDai","name":"solutions"},"scEXYoSQq":{"pattern":":scEXYoSQq","name":"logos"},"nHtFYSwXH":{"pattern":":nHtFYSwXH","name":"work"},"kLhcLFH_0":{"pattern":":kLhcLFH_0","name":"process"},"PPhxDISL2":{"pattern":":PPhxDISL2","name":"pricing"},"SEB3X09S3":{"pattern":":SEB3X09S3","name":"features"},"J73_Aj3MV":{"pattern":":J73_Aj3MV","name":"faq"},"yaJDYAonp":{"pattern":":yaJDYAonp","name":"footer"}}`, framerResponsiveScreen: ``, framerColorSyntax: `true`, framerDisplayContentsDiv: `false`, framerCanvasComponentVariantDetails: `{"propertyName":"variant","data":{"default":{"layout":["fixed","auto"]},"LIxzhGHPd":{"layout":["fixed","auto"]},"os8gfPtLB":{"layout":["fixed","auto"]},"r37_cMGAg":{"layout":["fixed","auto"]}}}`, framerAcceptsLayoutTemplate: `true`, framerIntrinsicHeight: `8222` } }, __FramerMetadata__: { type: `variable` } } }); }); init_MzVDsyX25(); export { __FramerMetadata__, FramerMzVDsyX25 as default }; //# sourceMappingURL=owpPtCIP9Y4Fhz--X87i_vG4186yvQQ5bsiSeedk-Uw.DX67L-FZ.mjs.map