(function() {
if (typeof window.convert !== "undefined") return;
window.convert = window.convert || {};
const convertData = Object.assign({"device":{"mobile":false,"tablet":false,"desktop":true},"geo":{"country":"PH","city":"CALAMBA","continent":"AS","state":"LAG"}}, {
logLevel: 4,
useMutationObserver: true,
usePolling: false,
useSPAOptimizations: true,
version: '1.1.9',
generatedAt: '2025-09-02T15:46:46.853Z'
});
const convertConfig = {"account_id":"10049056","project":{"id":"10007574","name":"Project #10007574","type":"web","utc_offset":"0","domains":[{"tld":"image-line.com","hosts":["image-line.com","support.image-line.com","sup-staging.int.image-line.com","forum.image-line.com","stripe-test.image-line.com","www-doruk.int.image-line.com","philip.image-line.com","philip.int.image-line.com"]},{"tld":"il-test.com","hosts":["il-test.com","support.il-test.com"]}],"global_javascript":function(convertContext){ 
(function() {
  try {
    /**
     * setup Team
     */
    // LIBRARY FUNCTIONS
    var lib = {
      waitForElement(selector, trigger, delayInterval = 50, delayTimeout = 15000) {
        var interval = setInterval(function() {
          if (document && document.querySelector(selector) && document.querySelectorAll(selector).length > 0) {
            clearInterval(interval);
            trigger(document.querySelector(selector));
          }
        }, delayInterval);
        setTimeout(function() {
          clearInterval(interval);
        }, delayTimeout);
      },
      setCookies(name, value, days) {
        var expires = "";
        if (days) {
          var date = new Date();
          date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);
          expires = "; expires=" + date.toUTCString();
        }
        document.cookie = name + "=" + (value || "") + expires + "; path=/";
      },
      getCookie(name) {
        var nameEQ = name + "=";
        var ca = document.cookie.split(";");
        for (var i = 0; i < ca.length; i++) {
          var c = ca[i];
          while (c.charAt(0) == " ") c = c.substring(1, c.length);
          if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
        }
        return null;
      },
      removeCookie(cookieName) {
        document.cookie = `${cookieName}=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;`;
      },
      uuid() {
        var timestamp = new Date().getTime();
        var randomNumber = Math.floor(Math.random() * 100000);
        var uuid = `${timestamp}-${randomNumber}-`;
        var characters = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=".split("");
        for (var i = 0; i < 8; i++) {
          uuid += characters[Math.floor(Math.random() * characters.length)];
        }
        return uuid;
      },
      live(selector, event, callback, context) {
        // helper for enabling IE 8 event bindings
        function addEvent(el, type, handler) {
          if (el.attachEvent) el.attachEvent("on" + type, handler);
          else el.addEventListener(type, handler);
        }
        // matches polyfill
        this &&
          this.Element &&
          (function(ElementPrototype) {
            ElementPrototype.matches =
              ElementPrototype.matches ||
              ElementPrototype.matchesSelector ||
              ElementPrototype.webkitMatchesSelector ||
              ElementPrototype.msMatchesSelector ||
              function(selector) {
                var node = this,
                  nodes = (node.parentNode || node.document).querySelectorAll(selector),
                  i = -1;
                while (nodes[++i] && nodes[i] != node);
                return !!nodes[i];
              };
          })(Element.prototype);
        // live binding helper using matchesSelector
        function live(selector, event, callback, context) {
          addEvent(context || document, event, function(e) {
            var found,
              el = e.target || e.srcElement;
            while (el && el.matches && el !== context && !(found = el.matches(selector))) el = el.parentElement;
            if (found) callback.call(el, e);
          });
        }
        live(selector, event, callback, context);
      },
      listener(trigger) {
        /* These are the modifications: */
        window.addEventListener("locationchange", function() {
          trigger();
        });
        history.pushState = (f =>
          function pushState() {
            var ret = f.apply(this, arguments);
            window.dispatchEvent(new Event("pushstate"));
            window.dispatchEvent(new Event("locationchange"));
            return ret;
          })(history.pushState);
        history.replaceState = (f =>
          function replaceState() {
            var ret = f.apply(this, arguments);
            window.dispatchEvent(new Event("replacestate"));
            window.dispatchEvent(new Event("locationchange"));
            return ret;
          })(history.replaceState);
        window.addEventListener("popstate", () => {
          window.dispatchEvent(new Event("locationchange"));
        });
      },
      addClass(selector, cls = "") {
        var el = document.querySelector(selector);
        if (el) {
          el.classList.add(cls);
        }
      },
      removeClass(selector, cls = "") {
        var el = document.querySelector(selector);
        if (el && el.classList.contains(cls)) {
          el.classList.remove(cls);
        }
      },
      changeContent(selector, content = "") {
        var el = document.querySelector(selector);
        if (el) {
          el.innerHTML = content;
        }
      },
      debounce(func, timeout = 20) {
        let timer;
        return (...args) => {
          clearTimeout(timer);
          timer = setTimeout(() => {
            func.apply(this, args);
          }, timeout);
        };
      },
      /**
       * Find all occurrences of an element and watch for new elements as they are added to the DOM asynchronously.
       * @param {string} selector - A CSS selector matching the target element(s).
       * @param {Function} callback - The callback that will be fired when an element matching the selector is found.
       * @param {Object} options - Options for observing the selector.
       * @param {number} options.timeout - Timeout duration (not implemented).
       * @param {boolean} options.once - Whether to observe only once.
       * @param {number} options.onTimeout - Timeout callback (not implemented).
       * @param {Document} options.document - Document to observe (default is window.document).
       * @returns {Function} - A "teardown" function that when called will turn off the mutation observer.
       */
      observeSelector: function(selector, callback, options = {}) {
        const document = options.document || window.document;
        const processed = new Map();

        if (options.timeout || options.onTimeout) {
          throw `observeSelector options \`timeout\` and \`onTimeout\` are not yet implemented.`;
        }

        let obs;
        let isDone = false;

        const done = () => {
          if (obs) obs.disconnect();
          isDone = true;
        };

        const processElement = el => {
          if (!processed.has(el)) {
            processed.set(el, true);
            callback(el);
            if (options.once) {
              done();
              return true;
            }
          }
          return false;
        };

        const lookForSelector = () => {
          const elParent = document.documentElement;
          if (elParent.matches(selector) || elParent.querySelector(selector)) {
            const elements = elParent.querySelectorAll(selector);
            elements.forEach(el => processElement(el));
          }
        };

        const debouncedLookForSelector = lib.debounce(() => {
          lookForSelector();
        }, 100);

        // Initial check for the selector on page load
        lookForSelector();

        if (!isDone) {
          obs = new MutationObserver(() => {
            debouncedLookForSelector();
          });

          obs.observe(document, {
            attributes: false,
            childList: true,
            subtree: true,
          });
        }

        return done;
      },
      /**
       * Data layer helper
       */
      onDataHelperLoad(callback) {
        var waitForDatalayer = setInterval(function() {
          if (window && window.dataLayer) {
            clearInterval(waitForDatalayer);
            callback();
          }
        }, 50);
        setTimeout(function() {
          clearInterval(waitForDatalayer);
        }, 15000);
      },
      dataLayer() {
        /**datalayer helper */
        var g = /\[object (Boolean|Number|String|Function|Array|Date|RegExp)\]/;

        function h(a) {
          return null == a ? String(a) : (a = g.exec(Object.prototype.toString.call(Object(a)))) ? a[1].toLowerCase() : "object";
        }

        function k(a, b) {
          return Object.prototype.hasOwnProperty.call(Object(a), b);
        }

        function m(a) {
          if (!a || "object" != h(a) || a.nodeType || a == a.window) return !1;
          try {
            if (a.constructor && !k(a, "constructor") && !k(a.constructor.prototype, "isPrototypeOf")) return !1;
          } catch (b) {
            return !1;
          }
          for (var c in a);
          return void 0 === c || k(a, c);
        }
        /*
                  Copyright 2012 Google Inc. All rights reserved. */
        function n(a, b, c) {
          this.b = a;
          this.f = b || function() {};
          this.d = !1;
          this.a = {};
          this.c = [];
          this.e = p(this);
          r(this, a, !c);
          var d = a.push,
            e = this;
          a.push = function() {
            var b = [].slice.call(arguments, 0),
              c = d.apply(a, b);
            r(e, b);
            return c;
          };
        }
        window.DataLayerHelper = n;
        n.prototype.get = function(a) {
          var b = this.a;
          a = a.split(".");
          for (var c = 0; c < a.length; c++) {
            if (void 0 === b[a[c]]) return;
            b = b[a[c]];
          }
          return b;
        };
        n.prototype.flatten = function() {
          this.b.splice(0, this.b.length);
          this.b[0] = {};
          s(this.a, this.b[0]);
        };

        function r(a, b, c) {
          for (a.c.push.apply(a.c, b); !1 === a.d && 0 < a.c.length; ) {
            b = a.c.shift();
            if ("array" == h(b))
              a: {
                var d = b,
                  e = a.a;
                if ("string" == h(d[0])) {
                  for (var f = d[0].split("."), u = f.pop(), d = d.slice(1), l = 0; l < f.length; l++) {
                    if (void 0 === e[f[l]]) break a;
                    e = e[f[l]];
                  }
                  try {
                    e[u].apply(e, d);
                  } catch (v) {}
                }
              }
            else if ("function" == typeof b)
              try {
                b.call(a.e);
              } catch (w) {}
            else if (m(b)) for (var q in b) s(t(q, b[q]), a.a);
            else continue;
            c || ((a.d = !0), a.f(a.a, b), (a.d = !1));
          }
        }

        function p(a) {
          return {
            set: function(b, c) {
              s(t(b, c), a.a);
            },
            get: function(b) {
              return a.get(b);
            },
          };
        }

        function t(a, b) {
          for (var c = {}, d = c, e = a.split("."), f = 0; f < e.length - 1; f++) d = d[e[f]] = {};
          d[e[e.length - 1]] = b;
          return c;
        }

        function s(a, b) {
          for (var c in a)
            if (k(a, c)) {
              var d = a[c];
              "array" == h(d) ? ("array" == h(b[c]) || (b[c] = []), s(d, b[c])) : m(d) ? (m(b[c]) || (b[c] = {}), s(d, b[c])) : (b[c] = d);
            }
        }
      },

      // Define the cache and digest functions
      cache: async function(url, cacheSuffix = "", json = true, opts) {
        if (!url) throw new Error(`No URL provided`);

        // Create a hashed key for session storage
        const digest = async string =>
          Array.from(new Uint8Array(await crypto.subtle.digest("SHA-256", new TextEncoder().encode(string))))
            .map(b => b.toString(16).padStart(2, "0"))
            .join("");

        let cacheKey = await digest(url + cacheSuffix);
        let cachedData = json ? JSON.parse(window.sessionStorage.getItem(cacheKey)) : window.sessionStorage.getItem(cacheKey);

        if (cachedData) return cachedData;

        // Fetch the data if not found in the cache
        let error;
        const response = await fetch(url, opts || {})
          .then(r => (r.ok ? r[json ? "json" : "text"]() : Promise.reject()))
          .catch(e => (error = e));

        if (!response) throw error || new Error(`Can't get data from ${url}`);

        if (json) response.__fl_cache_item = cacheKey;
        window.sessionStorage.setItem(cacheKey, json ? JSON.stringify(response) : response);

        return response;
      },

      /**
       * Fetches data from a URL with a caching mechanism.
       *
       * @param {string} url - The URL to fetch data from.
       * @param {string} cacheKey - A unique key for identifying the cached response.
       * @param {boolean} isJson - Whether the response should be parsed as JSON.
       * @param {Object} options - Additional options for the fetch request.
       * @param {number} ttl - The time-to-live for the cache in seconds (default is 3600 seconds).
       * @returns {Promise<any>} - The fetched data, either from the cache or the network.
       */
      cache: async function(url, cacheKey = "", isJson = true, options = {}, ttl = 3600) {
        const now = Date.now();
        const cacheKeyCombined = `${url}-${cacheKey}`;
        const cached = JSON.parse(sessionStorage.getItem(cacheKeyCombined) || "{}");

        try {
          // Check if valid cache exists
          if (cached.data && now - cached.timestamp < ttl * 1000) {
            return cached.data;
          }

          // Fetch from the network if no valid cache is found
          const fetchOptions = { ...options, cache: options?.cache || "default" };
          const response = await fetch(url, fetchOptions);

          // Ensure the response is valid
          if (!response.ok) {
            throw new Error(`Failed to fetch data. HTTP Status: ${response.status}`);
          }

          // Parse the response based on isJson flag
          const data = await response[isJson ? "json" : "text"]();

          // Save the response to the cache
          sessionStorage.setItem(cacheKeyCombined, JSON.stringify({ data, timestamp: now }));

          return data;
        } catch (error) {
          throw error;
        }
      },
      /**
       * Changes the price block of a product on the compare editions page.
       *
       * @param {number} productId - The ID of the product eg. 31010;31040;31037;31047;31020;31036;31048;31035;31049;31045
       * @returns {Promise<void>}
       * https://support.image-line.com/api.php?call=product_description_inapp&callback=il_product_description_cb&format=1&product_id=31010;31040;31037;31047;31020;31036;31048;31035;31049;31045
       */
      fetchProductsDetail: async function(productsId) {
        return new Promise(async (resolve, reject) => {
          try {
            // Construct the URL with the product ID
            const url = `https://support.image-line.com/api.php?call=product_description_inapp&callback=il_product_description_cb&format=1&product_id=${productsId}`;

            // Use the caching utility to fetch the product details
            const data = await this.cache(url, productsId, true, { method: "GET", credentials: "include" });

            // Resolve the data if successfully fetched
            resolve(data);
          } catch (error) {
            // Reject with a meaningful error
            reject({
              message: "Failed to fetch product details.",
              error: error.message || error,
            });
          }
        });
      },

      getCurrentCurrency: function() {
        return new Promise(async (resolve, reject) => {
          try {
            // Return cached value immediately if it exists
            if (window.currentFetchedCurrency) {
              resolve(window.currentFetchedCurrency);
              return;
            }

            // Check if a request is already in progress
            if (window.currentCurrencyFetching) {
              // Wait for the existing request to complete
              window.currentCurrencyFetching.then(currency => resolve(currency)).catch(error => reject(error));
              return;
            }

            // Create a new request promise and store it
            window.currentCurrencyFetching = new Promise(async (innerResolve, innerReject) => {
              try {
                const url = `https://support.image-line.com/api.php?call=product_description_inapp&callback=il_product_description_cb&format=1&product_id=31010`;
                const response = await fetch(url, {
                  method: "GET",
                  credentials: "include",
                });

                if (!response.ok) {
                  throw new Error(`HTTP error! status: ${response.status}`);
                }

                const data = await response.json();
                const currency = data["31010"]?.currency || "USD";

                // Cache the value and clean up the fetching flag
                window.currentFetchedCurrency = currency;
                window.currentCurrencyFetching = null;

                innerResolve(currency);
                resolve(currency);
              } catch (error) {
                // Clear fetching flag on error to allow retries
                window.currentCurrencyFetching = null;
                innerResolve("USD");
              }
            });

            // Handle the new request promise
            await window.currentCurrencyFetching;
          } catch (error) {
            innerResolve("USD");
          }
        });
      },

      // Function to wait for currencyData.currentCurrency to be set
      waitForCurrencyData: async function() {
        // If the currencyData.currentCurrency is already available, resolve immediately
        if (window.currencyData && window.currencyData.currentCurrency) {
          return window.currencyData.currentCurrency;
        }

        // If the currencyData.currentCurrency is already available, resolve immediately
        if (window.userData && window.userData?.cart_currency) {
          return window.userData?.cart_currency;
        }

        // Otherwise, wait for the currencyData.currentCurrency to be set
        return new Promise((resolve, reject) => {
          let interval = setInterval(() => {
            if ((window.currencyData && window.currencyData.currentCurrency) || window.userData?.cart_currency) {
              clearInterval(interval);
              resolve(window.currencyData.currentCurrency || window.userData?.cart_currency); // Resolve once the currency is available
            }
          }, 100); // Check every 100ms

          setTimeout(() => {
            clearInterval(interval);
            reject(new Error("Currency data not available"));
          }, 15000);
        });
      },

      waitForUserData: async function(trigger) {
        // If the currencyData.currentCurrency is already available, resolve immediately
        if (typeof window.userData != "undefined") {
          return window.userData;
        }

        // Otherwise, wait for the currencyData.currentCurrency to be set
        return new Promise((resolve, reject) => {
          let interval = setInterval(() => {
            if (window.userData && window.userData.cart_currency) {
              clearInterval(interval);
              resolve(window.userData); // Resolve once the currency is available
            }
          }, 100); // Check every 100ms

          setTimeout(() => {
            clearInterval(interval);
            reject(new Error("Currency data not available"));
          }, 15000);
        });
      },

      getProductPrice: function(productData, currentCurrency = "USD") {
        try {
          if (!productData || typeof productData !== "object") {
            throw new Error("Invalid product data");
          }

          if (!currentCurrency || typeof currentCurrency !== "string") {
            throw new Error("Invalid currency");
          }

          let currencyInLowercase = currentCurrency.toLocaleLowerCase();
          let realPriceKey = `real_price_${currencyInLowercase}`;
          let normalPriceKey = `price_${currencyInLowercase}`;

          return {
            price: productData[normalPriceKey] || null, // Current price
            real_price: productData[realPriceKey] || null, // Discount price
          };
        } catch (error) {
          return {
            msg: error.message,
            price: null,
            real_price: null,
          };
        }
      },

      currencyFormat: function(n, currentCurrency) {
        var lang = document.querySelector("html").lang;
        return Intl.NumberFormat(lang, {
          style: "currency",
          currency: currentCurrency || window.currencyData?.currentCurrency || window.userData?.cart_currency || "USD",
          currencyDisplay: "narrowSymbol",
          minimumFractionDigits: 2,
          maximumFractionDigits: 2,
          minimumIntegerDigits: 1,
          useGrouping: true,
        }).format(n);
      },

      // Function to check hydration state before running code
      checkHydration: callback => {
        const hydrationObserver = function(list, observer) {
          list.getEntries().forEach(entry => {
            if (entry.entryType === "mark" && entry.name == "boomr:init:end") {
              observer.disconnect();
              callback();
              window.ilHelpersHydrated = true;
            }
          });
        };

        if (window.ilHelpersHydrated === true) {
          callback();
        } else {
          const observer = new PerformanceObserver(hydrationObserver);
          observer.observe({ entryTypes: ["mark"] });
        }
      },

      getCurrencySymbol(isoCode = "USD") {
        return {
          USD: "$",
          CAD: "$",
          GBP: "£",
          EUR: "€",
          JPY: "¥",
          INR: "₹",
          AUD: "$",
          NZD: "$",
          CHF: "CHF",
          CNY: "¥",
          HKD: "$",
          SGD: "$",
          KRW: "₩",
          BRL: "R$",
          RUB: "₽",
          ZAR: "R",
          MXN: "$",
          SEK: "kr",
          NOK: "kr",
          DKK: "kr",
          PLN: "zł",
          THB: "฿",
          MYR: "RM",
          PHP: "₱",
          IDR: "Rp",
          TRY: "₺",
          HUF: "Ft",
          CZK: "Kč",
          ILS: "₪",
          AED: "د.إ",
          SAR: "﷼",
          NGN: "₦",
          PKR: "₨",
          EGP: "E£",
          VND: "₫",
        }[isoCode];
      },

      flCurrencyFormat(price, currency = "USD", type = "compact") {
        class CurrencyFormatter {
          constructor() {
            this.currencyConfig = {
              USD: { symbol: "$", compactSymbol: "$", code: "USD", decimal: ".", thousands: ",", postfix: true },
              EUR: { symbol: "€", compactSymbol: "€", code: "EUR", decimal: ",", thousands: ".", postfix: false },
              GBP: { symbol: "£", compactSymbol: "£", code: "GBP", decimal: ".", thousands: ",", postfix: false },
              JPY: { symbol: "¥", compactSymbol: "¥", code: "JPY", decimal: ".", thousands: ",", postfix: false },
              AUD: { symbol: "$", compactSymbol: "AU$", code: "AUD", decimal: ".", thousands: ",", postfix: true },
              CAD: { symbol: "$", compactSymbol: "CA$", code: "CAD", decimal: ".", thousands: ",", postfix: true },
              INR: { symbol: "₹", compactSymbol: "₹", code: "INR", decimal: ".", thousands: ",", postfix: false },
              BRL: { symbol: "R$", compactSymbol: "R$", code: "BRL", decimal: ",", thousands: ".", postfix: true },
              CNY: { symbol: "¥", compactSymbol: "CN¥", code: "CNY", decimal: ".", thousands: ",", postfix: false },
            };
          }

          transformPriceToDotNotation(price) {
            if (typeof price === "string" && price.includes(",")) {
              price = price.replace(",", ".");
            }
            return typeof price === "string" ? parseFloat(price) : price;
          }

          roundToTwoDecimals(price) {
            return +(Math.round(price + "e+2") + "e-2");
          }

          formatPrice(price, currency, format = "long") {
            let config = this.currencyConfig[currency];
            if (!config) throw new Error(`Unsupported currency code: ${currency}`);

            price = this.transformPriceToDotNotation(price);
            let fractionDigits = price % 1 === 0 ? 0 : 2;

            let formattedPrice = new Intl.NumberFormat("en-US", {
              minimumFractionDigits: fractionDigits,
              maximumFractionDigits: fractionDigits,
              useGrouping: true,
            })
              .format(price)
              .replace(".", config.decimal)
              .replace(/,/g, config.thousands);

            return format === "compact" ? `${config.compactSymbol}${formattedPrice}` : config.postfix ? `${config.symbol}${formattedPrice} ${config.code}` : `${config.symbol}${formattedPrice}`;
          }
        }
        var currencyFormatter = new CurrencyFormatter();
        return currencyFormatter.formatPrice(price, currency, type);
      },
    };

    // custom download goal
    var experiments = {
      loggedIn_loggedOut() {
        lib.waitForElement(
          'body.signed-out,a[href*="login"]',
          function() {
            window.bm_user_logged = 0;
            window._conv_q = window._conv_q || [];
            window._conv_q.push(["executeExperiment", "1004114756"]);
            window._conv_q.push(["executeExperiment", "1004117565"]);
            window._conv_q.push(["executeExperiment", "1004126274"]);
          },
          50,
          5000
        );

        lib.waitForElement(
          "body.signed-in,#login-state #profile-dropdown,#btnLoginName:not(:empty)",
          function() {
            window.bm_user_logged = 1;
            window._conv_q = window._conv_q || [];
            window._conv_q.push(["executeExperiment", "1004117531"]);
          },
          50,
          5000
        );
      },
      FL_exp_8: async function() {
        let currentCurr = await lib.getCurrentCurrency();
        if (currentCurr == "EUR" || currentCurr == "USD") {
          window.FL_EXP_8 = 1;
          window._conv_q = window._conv_q || [];
          window._conv_q.push(["executeExperiment", "1004123505"]);
        }
      },

      // FL_Studio_downloads Event
      FL_T_14() {
        lib.waitForElement(
          ".body-container .card",
          function() {
            window.FL_T_14_Exp = 1;
            window._conv_q = window._conv_q || [];
            window._conv_q.push(["executeExperiment", "1004128305"]);
          },
          50,
          15000
        );
      },
      FL_T_15: async function() {
        let currentCurr = await lib.getCurrentCurrency();
        if (currentCurr == "EUR" || currentCurr == "USD") {
          window.FL_EXP_15 = 1;
          window._conv_q = window._conv_q || [];
          window._conv_q.push(["executeExperiment", "1004128847"]);
        }
      },
      Fl_T_24() {
        lib.waitForElement("body.signed-out", async function() {
          let currentCurr = await lib.getCurrentCurrency();
          if (currentCurr == "EUR" || currentCurr == "USD") {
            window.FL_T_24_Activated = 1;
            window._conv_q = window._conv_q || [];
            window._conv_q.push(["executeExperiment", "1004138704"]);
          }
        });
      },
      FL_T_29() {
        // Insert section
        lib.waitForElement("body.signed-in, body.signed-out", async function() {
          let currentCurr = await lib.getCurrentCurrency();
          if (currentCurr == "EUR" || currentCurr == "USD") {
            // Experiment 29 Activated
            window.userUSDAndEuro = true;
            window._conv_q = window._conv_q || [];
            window._conv_q.push(["executeExperiment", "1004144535"]); // Exit page
            window._conv_q.push(["executeExperiment", "1004145262"]); // Buy now page
            window._conv_q.push(["executeExperiment", "1004147045"]); // AA
            window._conv_q.push(["executeExperiment", "1004147043"]); // AA
          }
        });

        lib.waitForElement("body.signed-in, body.signed-out", async function() {
          window.userUsingClass = true;
          window._conv_q = window._conv_q || [];
          window._conv_q.push(["executeExperiment", "1004147100"]);
        });
      },
      async FL_T_30() {
        let currentCurr = await lib.getCurrentCurrency();
        if (currentCurr == "EUR" || currentCurr == "USD") {
          // Experiment 29 Activated
          window.userUSDAndEuroOnly = true;
          window._conv_q = window._conv_q || [];
          window._conv_q.push(["executeExperiment", "1004147068"]); // AA only EUR and USD
        }
      },
      FL_T_27() {
        function getActiveDemoUsers(minVisits = 2) {
          try {
            const encodedData = localStorage.getItem("il_tepData");
            if (!encodedData) return false;

            const decoded = atob(encodedData); // base64 decode
            const visitArray = JSON.parse(decoded);

            if (!Array.isArray(visitArray)) return false;

            // Filter visits to trial exit pages (optionally refine path if needed)
            const trialExitVisits = visitArray.filter(item => typeof item.path === "string" && item.path.includes("/lp/trial-exit-fl-studio-en/"));

            return trialExitVisits.length >= minVisits;
          } catch (error) {
            return false;
          }
        }

        if (getActiveDemoUsers()) {
          window.userVisitedTrialPage = true;
          window._conv_q = window._conv_q || [];
          window._conv_q.push(["executeExperiment", "1004142558"]);
        }
      },
    };

    // Custom download goal
    experiments.loggedIn_loggedOut();
    experiments.FL_exp_8();
    experiments.FL_T_15();
    experiments.FL_T_14(); // Exicute experiemnt 14

    // Activated Experiment 24
    experiments.Fl_T_24();
    experiments.FL_T_29();
    experiments.FL_T_30();
    experiments.FL_T_27();

    // A/A Experiment for login and logout class check
    lib.waitForElement("body.signed-in, body.signed-out", function() {
      window.loginAndLogoutClassAdded = true;
      window._conv_q = window._conv_q || [];
      window._conv_q.push(["executeExperiment", "1004163511"]); // AA
    });

    // ilHelpers object
    window.ilHelpers = {
      trackConvertGoal: function(id) {
        window._conv_q = window._conv_q || [];
        window._conv_q.push(["triggerConversion", id]);
      },
      get: function(type) {
        if (type == "lib") return lib;
      },
    };

    // Detech Body Class Change
    document.addEventListener("bodyClassesUpdated", () => {
      document.querySelector("body")?.classList.add("page-loaded");
    });
  } catch (e) {
    if (debug) console.log(e, "Error in Global JavaScript");
  }
})();

// This code responsible to add clicked button query in button url
(function() {
  try {
    /* main variables */
    var debug = 0;
    var variation_name = "fl-t-19-buy-now-btn-global";

    /**LIBRARY**/
    var utils = {};

    /**
     * Helper function to wait for library to load
     * @param {function} trigger - callback function to be called when lib is loaded
     */
    function waitForLibrary(trigger) {
      var INTERVAL = 50;
      var TIMEOUT = 15000;

      var interval = setInterval(function() {
        if (typeof window["ilHelpers"] != "undefined") {
          clearInterval(interval);
          trigger(window["ilHelpers"]);
        }
      }, INTERVAL);

      setTimeout(function() {
        clearInterval(interval);
      }, TIMEOUT);
    }

    // Wait for library and initialize experiment
    waitForLibrary(function(ilHelpers) {
      // Assign library functions
      utils = ilHelpers.get("lib");

      // Insert section
      utils.waitForElement(".signed-in, .signed-out", function() {
        utils.waitForElement('.sub-navigation--inner .navigation-items .wp-block-button__link[href*="/fl-studio-download/"]', downloadBtn => {
          var btnUrl = new URL(downloadBtn.href);
          btnUrl.searchParams.set("clickedbtn", "download");
          downloadBtn.href = btnUrl.toString();
        });
      });

      utils.waitForElement("body.owns-edition .nav__sections .is-visible-owns-edition", downloadBtn => {
        var mainBtn = downloadBtn.closest('.nav__label[href*="/fl-studio-download/"]');
        if (mainBtn) {
          var btnUrl = new URL(mainBtn.href);
          btnUrl.searchParams.set("clickedbtn", "download");
          mainBtn.href = btnUrl.toString();
        }
      });
    });
  } catch (e) {
    if (debug) console.log(e, "error in Test" + variation_name);
  }
})();

/**
 * FL-T-41 User Segmentation Logic
 * Defines user categories: General, Downloader, Hesitator
 * Based on user behavior and visit patterns
 */

(function() {
  "use strict";

  // Time constants
  const SEVEN_DAYS_MS = 7 * 24 * 60 * 60 * 1000;
  const THREE_WEEKS_MS = 21 * 24 * 60 * 60 * 1000;

  // Storage key
  const STORAGE_KEY = "fl_t_41_data";

  /**
   * Get test data from localStorage
   */
  function getTestData() {
    try {
      const cookieValue = localStorage.getItem(STORAGE_KEY);
      return cookieValue
        ? JSON.parse(cookieValue)
        : {
            version: "1.0",
            visitor_timestamps: {},
            download_timestamps: [],
            user_logged_in_previously: false,
            pages_visited: [],
            flash_sale_seen_timestamps: [],
            trial_exit_visit_timestamps: [],
          };
    } catch (e) {
      console.warn("Error reading test data:", e);
      return {
        version: "1.0",
        visitor_timestamps: {},
        download_timestamps: [],
        user_logged_in_previously: false,
        pages_visited: [],
        flash_sale_seen_timestamps: [],
        trial_exit_visit_timestamps: [],
      };
    }
  }

  /**
   * Check if user is currently logged in
   */
  function isLoggedIn() {
    return !!document.querySelector("body")?.classList.contains("signed-in");
  }

  /**
   * Check if user has downloaded FL Studio
   */
  function isDownloader() {
    const data = getTestData();
    return data.download_timestamps.length > 0;
  }

  /**
   * Get unique days from timestamps
   */
  function getUniqueDays(timestamps) {
    const days = timestamps.map(ts => new Date(ts).toDateString());
    return [...new Set(days)].length;
  }

  /**
   * Check if user has seen flash sale in last 7 days
   * Checks both FL-T-41 data and FL-T-27 data to exclude users who saw flash sales from either experiment
   */
  function hasSeenFlashSaleRecently() {
    const now = Date.now();
    const sevenDaysAgo = now - SEVEN_DAYS_MS;

    // Check FL-T-41 flash sale data
    const flt41Data = getTestData();
    const flt41FlashSales = flt41Data.flash_sale_seen_timestamps || [];

    // Check FL-T-27 flash sale data
    let flt27FlashSales = [];
    try {
      const flt27Data = JSON.parse(localStorage.getItem("fl_t_27_data") || "{}");
      flt27FlashSales = flt27Data.flash_sale_seen_timestamps || [];
    } catch (e) {
      // If there's an error reading FL-T-27 data, just continue with empty array
    }

    // Combine both arrays and check if any timestamp is within last 7 days
    const allFlashSales = [...flt41FlashSales, ...flt27FlashSales];
    return allFlashSales.some(timestamp => timestamp > sevenDaysAgo);
  }

  /**
   * Check if user has visited trial exit page in last 3 weeks
   */
  function hasVisitedTrialExitRecently() {
    const data = getTestData();
    const now = Date.now();
    const threeWeeksAgo = now - THREE_WEEKS_MS;

    return data.trial_exit_visit_timestamps.some(timestamp => timestamp > threeWeeksAgo);
  }

  /**
   * Check if user has visited site at least twice on separate days without flash sale
   *
   * Logic:
   * - If user has never seen a flash sale, they automatically qualify (return true)
   * - If user has seen a flash sale before, they must have visited on at least 2 separate days
   *   after seeing the flash sale to qualify again
   */
  function hasVisitedTwiceOnSeparateDaysWithoutFlashSale() {
    const data = getTestData();
    const allVisits = [];

    // Collect all visit timestamps
    Object.values(data.visitor_timestamps).forEach(visits => {
      allVisits.push(...visits);
    });

    // Sort by timestamp
    allVisits.sort((a, b) => a - b);

    // Get unique days
    const uniqueDays = getUniqueDays(allVisits);

    // Check FL-T-27 flash sale data
    let flt27FlashSales = [];
    try {
      const flt27Data = JSON.parse(localStorage.getItem("fl_t_27_data") || "{}");
      flt27FlashSales = flt27Data.flash_sale_seen_timestamps || [];
    } catch (e) {
      // If there's an error reading FL-T-27 data, just continue with empty array
    }

    // Check if they've seen flash sale before
    const hasSeenFlashSaleBefore = flt27FlashSales.length > 0;

    if (!hasSeenFlashSaleBefore) {
      return true; // If never seen flash sale, this condition is met
    }

    return uniqueDays >= 2;
  }

  /**
   * Check if first download was at least 7 days ago
   */
  function isFirstDownloadAtLeast7DaysAgo() {
    const data = getTestData();
    if (data.download_timestamps.length === 0) return false;

    const firstDownload = Math.min(...data.download_timestamps);
    const now = Date.now();

    return now - firstDownload >= SEVEN_DAYS_MS;
  }

  /**
   * Check if first visit was at least 7 days ago
   */
  function isFirstVisitAtLeast7DaysAgo() {
    const data = getTestData();
    const allVisits = [];

    Object.values(data.visitor_timestamps).forEach(visits => {
      allVisits.push(...visits);
    });

    if (allVisits.length === 0) return false;

    const firstVisit = Math.min(...allVisits);
    const now = Date.now();

    return now - firstVisit >= SEVEN_DAYS_MS;
  }

  /**
   * Check if user has visited at least 3 times on separate days
   */
  function hasVisitedAtLeast3TimesOnSeparateDays() {
    const data = getTestData();
    const allVisits = [];

    Object.values(data.visitor_timestamps).forEach(visits => {
      allVisits.push(...visits);
    });

    const uniqueDays = getUniqueDays(allVisits);
    return uniqueDays >= 3;
  }

  /**
   * Check if user has visited required pages for hesitators
   */
  function hasVisitedRequiredPages() {
    const data = getTestData();
    const requiredPages = ["homepage", "buy_now", "compare_editions", "download", "fl_studio"];

    return requiredPages.some(page => data.visitor_timestamps[page] && data.visitor_timestamps[page].length > 0);
  }

  function activateExperiment(experimentId) {
    window._conv_q = window._conv_q || [];
    window._conv_q.push(["executeExperiment", experimentId]);
  }

  /**
   * Main user segmentation function
   * Returns: 'general', 'downloader', 'hesitator', or false if not qualified
   *
   * User Segmentation Logic:
   * 1. General: Users who meet basic criteria but don't qualify as downloaders or hesitators
   * 2. Downloaders: Users who have downloaded FL Studio at least 7 days ago
   * 3. Hesitators: Users who haven't downloaded but meet specific engagement criteria
   */
  function getUserSegment() {
    // General exclusions - all segments must pass these
    if (isLoggedIn()) {
      console.log("User logint -> Excluded");
      return false; // Exclude logged in users
    }

    if (hasSeenFlashSaleRecently()) {
      console.log("User has seen flash sale in last 7 days -> Excluded");
      return false; // Has seen flash sale in last 7 days
    }

    // if (hasVisitedTrialExitRecently()) {
    //   return false; // Has visited trial exit page in last 3 weeks
    // }

    if (!hasVisitedTwiceOnSeparateDaysWithoutFlashSale()) {
      console.log("User hasn't visited site twice on separate days without flash sale -> Excluded");
      return false; // Hasn't visited site twice on separate days without flash sale
    }

    // Check if user is a downloader
    if (isDownloader()) {
      console.log("User is a downloader");
      // Downloader criteria: First download must be at least 7 days ago
      if (!isFirstDownloadAtLeast7DaysAgo()) {
        console.log("User's first download was less than 7 days ago -> Excluded");
        return false; // First download was less than 7 days ago
      }

      // User qualifies as downloader
      console.log("User qualifies as downloader");
      console.log("Experiment T-41 activated");
      window.downloadersVisitor = true;
      activateExperiment("1004138704");

      return "downloader";
    } else {
      // Check if user meets hesitator criteria (more stringent requirements)
      if (isFirstVisitAtLeast7DaysAgo() && hasVisitedAtLeast3TimesOnSeparateDays() && hasVisitedRequiredPages()) {
        console.log("User has visited at least 3 times on separate days");
        // User qualifies as hesitator
        console.log("User qualifies as hesitator");
        console.log("Experiment T-41 activated");
        window.hesitatorVisitor = true;
        activateExperiment("1004138704");
        return "hesitator";
      }

      // If user doesn't meet hesitator criteria but meets general criteria, they are general
      // General users just need to pass the basic exclusions above
      console.log("User is a general user -> Exclude");
      // console.log("Experiment T-41 activated");
      // window.generalVisitor = true;
      // activateExperiment("1004138704");
      return false;
    }
  }

  /**
   * Get detailed qualification status with reasons
   */
  function getQualificationDetails() {
    const result = {
      qualified: false,
      segment: null,
      reasons: [],
    };

    // Check each criterion and collect reasons
    if (isLoggedIn()) {
      result.reasons.push("User is logged in");
      return result;
    }

    if (hasSeenFlashSaleRecently()) {
      result.reasons.push("Has seen flash sale in last 7 days");
      return result;
    }

    if (hasVisitedTrialExitRecently()) {
      result.reasons.push("Has visited trial exit page in last 3 weeks");
      return result;
    }

    if (!hasVisitedTwiceOnSeparateDaysWithoutFlashSale()) {
      result.reasons.push("Hasn't visited site twice on separate days without flash sale");
      return result;
    }

    // Check if user is a downloader
    if (isDownloader()) {
      if (!isFirstDownloadAtLeast7DaysAgo()) {
        result.reasons.push("Downloader: First download was less than 7 days ago");
        return result;
      }

      result.qualified = true;
      result.segment = "downloader";
      return result;
    } else {
      // Check if user meets hesitator criteria
      if (isFirstVisitAtLeast7DaysAgo() && hasVisitedAtLeast3TimesOnSeparateDays() && hasVisitedRequiredPages()) {
        result.qualified = true;
        result.segment = "hesitator";
        return result;
      }

      // User qualifies as general
      result.qualified = true;
      result.segment = "general";
      return result;
    }
  }

  // Expose functions to global scope
  window.FLT41UserSegmentation = {
    getUserSegment,
    getQualificationDetails,
    isLoggedIn,
    isDownloader,
    hasSeenFlashSaleRecently,
    hasVisitedTrialExitRecently,
    hasVisitedTwiceOnSeparateDaysWithoutFlashSale,
    isFirstDownloadAtLeast7DaysAgo,
    isFirstVisitAtLeast7DaysAgo,
    hasVisitedAtLeast3TimesOnSeparateDays,
    hasVisitedRequiredPages,
  };

  // Auto-initialize when DOM is ready
  getUserSegment();
})();
},"settings":{"include_jquery":false,"include_jquery_v1":false,"disable_spa_functionality":false,"do_not_track_referral":false,"allow_crossdomain_tracking":true,"data_anonymization":true,"do_not_track":"OFF","global_privacy_control":"OFF","min_order_value":0,"max_order_value":99999,"version":"2025-09-02T12:07:19+00:00-4784","tracking_script":{"current_version":"1.1.9","latest_version":"1.1.9"},"outliers":{"order_value":{"detection_type":"none"},"products_ordered_count":{"detection_type":"none"}},"integrations":{"google_analytics":{"enabled":false},"kissmetrics":{"enabled":false},"visitor_insights":{"tracking_id":null}}},"custom_domain":null},"experiences":[{"id":"1004121247","name":"(live) 100% FL pricing format test 2","type":"a\/b","status":"active","global_js":null,"global_css":"","environment":"production","settings":{"min_order_value":0,"max_order_value":99999,"matching_options":{"audiences":"any","locations":"any"},"outliers":{"order_value":{"detection_type":"none"},"products_ordered_count":{"detection_type":"none"}}},"key":"fl-pricing-format-test-2-clo-2","version":10,"locations":["100495876"],"site_area":null,"audiences":["100417853"],"goals":["100032149","100462435","100473111","100473110","100473108","100473098","100473097","100473096","100473095","100473094","100473093","100473092","100472707","100472700","100472699","100472698","100472697","100472684","100472685","100472683","100472682","100472681","100461985"],"integrations":[{"provider":"google_analytics","enabled":true,"type":"ga4","measurementId":"G-GYEFKK8P68"}],"variations":[{"id":"1004287655","name":"Original Page","key":"1004287655-original-page","status":"stopped","changes":[],"traffic_allocation":0},{"id":"1004287656","name":"V1: Only new table, only on PDP","key":"1004287656-v1:-nly-nw-tbl-nly-n","status":"stopped","changes":[{"id":1004474699,"type":"defaultCode","data":{"js":null,"css":"","custom_js":null}},{"id":1004474700,"type":"customCode","data":{"css":"\/* src\/zen\/(FLZen2)Pricingdisplay1\/variation1\/styles\/style.scss *\/\nhtml body.FL-zen2-pdp div.content>div:nth-of-type(2)>div:nth-child(2) {\n  display: none;\n}\n\nhtml body.FL-zen2-pdp .FL-zen2-heading {\n  display: none;\n}\n\nhtml body.FL-zen2-pdp .FL-zen2-threebox-container {\n  display: none;\n}\n\nhtml body.FL-zen2-pdp .FL-zen2-fop-sec {\n  display: none;\n}\n\nhtml body.FL-zen2-pdp .FL-zen2-payment-sec-sub-heading {\n  text-align: center;\n  font-size: 18.75px;\n}\n\nhtml body.FL-zen2-pdp .FL-zen2-four-card-container {\n  margin-top: 0px;\n  margin-bottom: 0;\n}\n\n.FL-zen2-bold-orange {\n  font-weight: 600;\n  color: #ff5c00;\n}\n\n.FL-zen2-card-container .FL-zen2-tooltip.dynamic {\n  bottom: 6px !important;\n  top: auto !important;\n}\n\n.FL-zen2-card-container.FL-zen2-owned>.FL-zen2-buy-now,\n.FL-zen2-card-container>p {\n  display: none;\n}\n\n.FL-zen2-card-container.FL-zen2-owned>p {\n  display: block;\n}\n\n.FL-zen2-all-plugins-bundle-owned [data-tile-name=\"fruity-edition\"] .FL-zen2-price,\n.FL-zen2-all-plugins-bundle-owned [data-tile-name=\"fruity-edition\"]>.FL-zen2-buy-now,\n.FL-zen2-all-plugins-bundle-owned [data-tile-name=\"producer-edition\"] .FL-zen2-price,\n.FL-zen2-all-plugins-bundle-owned [data-tile-name=\"producer-edition\"]>.FL-zen2-buy-now,\n.FL-zen2-all-plugins-bundle-owned [data-tile-name=\"signature-bundle\"] .FL-zen2-price,\n.FL-zen2-all-plugins-bundle-owned [data-tile-name=\"signature-bundle\"]>.FL-zen2-buy-now,\n.FL-zen2-signature-bundle-owned [data-tile-name=\"fruity-edition\"] .FL-zen2-price,\n.FL-zen2-signature-bundle-owned [data-tile-name=\"fruity-edition\"]>.FL-zen2-buy-now,\n.FL-zen2-signature-bundle-owned [data-tile-name=\"producer-edition\"] .FL-zen2-price,\n.FL-zen2-signature-bundle-owned [data-tile-name=\"producer-edition\"]>.FL-zen2-buy-now,\n.FL-zen2-producer-edition-owned [data-tile-name=\"fruity-edition\"] .FL-zen2-price,\n.FL-zen2-producer-edition-owned [data-tile-name=\"fruity-edition\"]>.FL-zen2-buy-now {\n  display: none;\n}\n\n.FL-zen2-card-container .FL-zen2-tooltip.dynamic .FL-zen2-tooltip-para>b {\n  margin-bottom: 4px;\n  display: block;\n}\n\n.FL-zen2-card-container .FL-zen2-tooltip.dynamic .FL-zen2-tooltip-para {\n  margin-bottom: 10px;\n}\n\n.FL-zen2-threebox-container {\n  display: flex;\n  max-width: 1010px;\n  gap: 50px;\n}\n\n.FL-zen2-four-card-container {\n  display: grid;\n  grid-template-columns: 1fr 1fr 1fr 1fr;\n  gap: 25px;\n  max-width: 1440px;\n  margin-top: 40px;\n  margin-bottom: 25px;\n}\n\n.FL-zen2-heading {\n  margin-top: 50px;\n  margin-bottom: 40px;\n}\n\nhtml body .FL-zen2-box-heading {\n  font-size: 16px !important;\n  font-weight: 600 !important;\n  text-align: center;\n}\n\n.FL-zen2-card-container {\n  padding: 25px;\n  border-radius: 7px;\n  background-color: #ffffff;\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n\n.FL-zen2-card-container.orange {\n  background-color: #fff1ea;\n}\n\n.FL-zen2-card-list-item .FL-zen2-bold-list {\n  font-weight: 600;\n  margin-right: 5px;\n}\n\n.FL-zen2-card-one-liner {\n  display: flex;\n  justify-content: flex-start;\n  position: relative;\n  padding: 6px;\n  padding-right: 0px;\n  gap: 6px;\n  align-items: center;\n}\n\n.FL-zen2-card-one-liner .plugin-item {\n  position: absolute !important;\n  right: 5px;\n}\n\n.FL-zen2-card-list-item {\n  line-height: 24px;\n  position: relative;\n}\n\n.FL-zen2-card-container.orange .FL-zen2-card-one-liner {\n  background-color: #f5e7e0;\n}\n\n.FL-zen2-card-list-container hr {\n  margin-top: 3px;\n  margin-bottom: 3px;\n}\n\n.FL-zen2-buy-now {\n  background: #e9e9e9;\n  border-radius: 5PX !important;\n}\n\n.FL-zen2-card-container.orange .FL-zen2-buy-now {\n  color: #fff;\n  background-color: #ff7629;\n}\n\n.FL-zen2-card-container.orange .FL-zen2-buy-now:hover {\n  opacity: .85;\n}\n\n.FL-zen2-underline {\n  text-decoration: underline;\n  text-decoration-color: #ff5c00;\n  text-decoration-thickness: 2px;\n}\n\n.FL-zen2-card-container.orange .FL-zen2-card-sub-heading {\n  color: #ff5c00;\n}\n\n.FL-zen2-card-container .FL-zen2-card-sub-heading {\n  margin-bottom: -15px;\n}\n\n.FL-zen2-payment-sec-heading {\n  text-align: center;\n  font-weight: 700;\n  font-size: 18.75px;\n}\n\n.FL-zen2-payment-sec {\n  margin-bottom: 50px;\n  display: none;\n}\n\n.FL-zen2-fop-sec-img {\n  max-width: 500px;\n}\n\n.FL-zen2-fop-sec {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin-bottom: 80px;\n}\n\n.FL-zen2-card-container.orange .FL-zen2-card-one-liner a {\n  padding: 0px 6px;\n  color: #ff5c00;\n  border-radius: 100px;\n  border: 1px #ff5c00 solid;\n  font-size: 12px;\n  cursor: pointer;\n  display: inline-block;\n  height: 20px;\n  width: 20px;\n  line-height: 1.7;\n  text-align: center;\n  font-weight: 700;\n}\n\n.FL-zen2-card-list-container .plugin-item .iahorro-compare__edition {\n  color: #ff5c00;\n}\n\n.FL-zen2-card-list-container .plugin-item .iahorro-compare__edition:hover {\n  opacity: 0.8;\n}\n\n.FL-zen2-card-container.orange .FL-zen2-card-list-container .plugin-item a.el-tooltip,\n.FL-zen2-card-container.white .FL-zen2-card-list-container .plugin-item a.el-tooltip,\n.FL-zen2-card-container.white .FL-zen2-card-one-liner a {\n  display: inline-block;\n  height: 20px;\n  width: 20px;\n  line-height: 1.7;\n  text-align: center;\n  font-weight: 700;\n}\n\n.FL-zen2-card-container.orange .FL-zen2-tooltip {\n  position: absolute;\n  right: -175px;\n  top: -200px;\n  width: 320px;\n  background: #f6f6f6;\n  padding: 10px;\n  border-radius: 10px;\n  display: none;\n  z-index: 1;\n  bottom: 23px;\n  box-shadow: 0px 2px 6px -1px #110f0f6e;\n}\n\n.FL-zen2-card-container.orange .FL-zen2-card-one-liner .plugin-item {\n  position: relative;\n}\n\n.FL-zen2-card-container .FL-zen2-card-one-liner-text {\n  font-size: 15px;\n}\n\n.FL-zen2-card-list-item {\n  font-size: 14px !important;\n}\n\n\n.FL-zen2-card-container .FL-zen2-card-one-liner-img svg {\n  vertical-align: middle;\n}\n\n.FL-zen2-card-container.orange .FL-zen2-card-one-liner .FL-zen2-card-one-liner-text {\n  line-height: 1.5;\n}\n\n.FL-zen2-card-container.orange .FL-zen2-card-one-liner .plugin-item .FL-zen2-tooltip {\n  top: -330px;\n}\n\n.FL-zen2-card-container.orange .FL-zen2-card-one-liner .plugin-item:hover .FL-zen2-tooltip {\n  display: block !important;\n}\n\n.FL-zen2-card-container.orange .FL-zen2-card-list-container .plugin-item:hover .FL-zen2-tooltip {\n  display: block !important;\n}\n\n.FL-zen2-card-container.orange .FL-zen2-card-list-container .plugin-item {\n  display: inline;\n  position: absolute;\n  right: 0;\n}\n\n.FL-zen2-card-container.orange .FL-zen2-card-list-item.orange-tooltip {\n  position: relative;\n}\n\n.FL-zen2-card-container.orange .FL-zen2-card-list-container .plugin-item a.el-tooltip {\n  padding: 0px 6px;\n  color: #ff5c00;\n  border-radius: 20px;\n  border: 1px #ff5c00 solid;\n  font-size: 12px;\n  cursor: pointer;\n}\n\n\/*  *\/\n.FL-zen2-card-container.white .FL-zen2-card-one-liner a {\n  padding: 0px 6px;\n  color: #ff5c00;\n  border-radius: 20px;\n  border: 1px #ff5c00 solid;\n  font-size: 12px;\n  cursor: pointer;\n}\n\n.FL-zen2-card-container.white .FL-zen2-tooltip {\n  position: absolute;\n  right: -10px;\n  top: -200px;\n  width: 320px;\n  background: #f6f6f6;\n  padding: 10px;\n  border-radius: 10px;\n  display: none;\n  z-index: 1;\n  bottom: 23px;\n  box-shadow: 0px 2px 6px -1px #110f0f6e;\n}\n\n.FL-zen2-card-container.white .FL-zen2-card-one-liner .plugin-item {\n  position: relative;\n}\n\n.FL-zen2-card-container.white .FL-zen2-card-one-liner .plugin-item .FL-zen2-tooltip {\n  top: -330px;\n}\n\n.FL-zen2-card-container.white .FL-zen2-card-one-liner .plugin-item:hover .FL-zen2-tooltip {\n  display: block !important;\n}\n\n.FL-zen2-card-container.white .FL-zen2-card-list-container .plugin-item:hover .FL-zen2-tooltip {\n  display: block !important;\n}\n\n.FL-zen2-card-container.white .FL-zen2-card-list-container .plugin-item {\n  display: inline;\n  position: absolute;\n  right: 0;\n}\n\n.FL-zen2-card-container.white .FL-zen2-card-list-item.white-tooltip {\n  position: relative;\n}\n\n.FL-zen2-card-container.white .FL-zen2-card-list-container .plugin-item a.el-tooltip {\n  padding: 0px 6px;\n  color: #ff5c00;\n  border-radius: 20px;\n  border: 1px #ff5c00 solid;\n  font-size: 12px;\n  cursor: pointer;\n}\n\na.FL-zen2-buy-now {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  height: 51px;\n  font-weight: 600;\n  transition: all ease-in-out .12s;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n  font-size: var(--step-1);\n}\n\na.FL-zen2-buy-now:hover {\n  transform: scale(1.03) rotate(.5deg);\n}\n\na.FL-zen2-buy-now img {\n  height: 19px;\n  width: 19px;\n}\n\n.FL-zen2-card-container.orange a.FL-zen2-buy-now img {\n  filter: invert(100%);\n}\n\n\/*  *\/\n.FL-zen2-tooltip-para-bold {\n  font-weight: 700;\n}\n\n.FL-zen2-tooltip-heading {\n  font-weight: 700;\n}\n\n.FL-zen2-tooltip-para {\n  margin-top: 10px;\n}\n\n@media screen and (max-width: 1200px) {\n  .FL-zen2-four-card-container {\n    grid-template-columns: repeat(2, 1fr) !important;\n    padding: 25px;\n  }\n}\n\n@media screen and (max-width: 830px) {\n  .FL-zen2-four-card-container {\n    grid-template-columns: 1fr !important;\n  }\n}\n\n@media screen and (min-width: 1300px) {\n  .FL-zen2-card-para {\n    min-height: 96px !important;\n  }\n\n  .FL-zen2-card-list-container {\n    min-height: 148px !important;\n  }\n}\n\n@media screen and (min-width: 1200px) {\n  .FL-zen2-card-para {\n    min-height: 120px;\n  }\n\n  .FL-zen2-card-list-container {\n    min-height: 171px;\n  }\n}\n\n@media screen and (max-width: 767px) {\n  .FL-zen2-container .FL-zen2-heading {\n    margin-top: 35px;\n    margin-bottom: 30px;\n    padding: 0px 25px;\n    text-align: center;\n  }\n\n  .FL-zen2-container .FL-zen2-threebox-container {\n    padding: 0px 25px;\n    gap: 20px;\n    flex-direction: column;\n  }\n\n  .FL-zen2-container .FL-zen2-four-card-container {\n    margin-top: 10px;\n  }\n\n  .FL-zen2-container .FL-zen2-card-list-item .plugin-item .FL-zen2-tooltip {\n    top: -179px;\n  }\n\n  .FL-zen2-container .FL-zen2-card-one-liner .plugin-item .FL-zen2-tooltip {\n    top: -332px !important;\n  }\n\n  .FL-zen2-container .FL-zen2-payment-sec {\n    padding: 0px 25px;\n    text-align: center;\n  }\n\n  .FL-zen2-container .FL-zen2-payment-sec .FL-zen2-payment-sec-sub-heading {\n    font-size: 15px;\n  }\n\n  .FL-zen2-container .FL-zen2-fop-sec {\n    padding: 0px 25px;\n    text-align: center;\n    margin-bottom: 55px;\n  }\n\n  html body.FL-zen2-pdp div.content>div:nth-of-type(2) .FL-zen2-card-list-item .FL-zen2-tooltip {\n    top: -179px;\n  }\n\n  html body.FL-zen2-pdp div.content>div:nth-of-type(2) .FL-zen2-card-one-liner .FL-zen2-tooltip {\n    top: -332px !important;\n  }\n\n  html body.FL-zen2-pdp div.content>div:nth-of-type(2) .FL-zen2-four-card-container {\n    padding: 25px 0px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n\n  .FL-zen2-container .FL-zen2-card-one-liner .plugin-item .FL-zen2-tooltip,\n  .FL-zen2-card-container.white .FL-zen2-tooltip {\n    width: 290px;\n  }\n}\n\n@media screen and (max-width: 360px) {\n\n  .FL-zen2-container .FL-zen2-card-one-liner .plugin-item .FL-zen2-tooltip,\n  .FL-zen2-card-container.white .FL-zen2-tooltip {\n    width: 260px;\n  }\n}\n\n@media screen and (max-width: 767px) {\n  html body.FL-zen2-pdp div.content>div:nth-of-type(2) .orange-tooltip .FL-zen2-tooltip {\n    right: -22px;\n  }\n\n  .FL-zen2-card-container.orange .FL-zen2-card-one-liner .plugin-item:hover .FL-zen2-tooltip {\n    top: -346px !important;\n    right: -15px;\n  }\n\n  .FL-zen2-card-container.orange .FL-zen2-card-list-container .plugin-item:hover .FL-zen2-tooltip {\n    top: -206px;\n    right: -22px;\n  }\n\n  .FL-zen2-card-container.white .FL-zen2-card-one-liner .plugin-item:hover .FL-zen2-tooltip {\n    top: -350px !important;\n  }\n\n  .FL-zen2-card-container.white .FL-zen2-card-list-container .plugin-item:hover .FL-zen2-tooltip {\n    top: -215px !important;\n  }\n\n  .FL-zen2-card-container.white .FL-zen2-card-list-container .plugin-item:hover .FL-zen2-tooltip {\n    top: -210px !important;\n  }\n\n  .FL-zen2-card-container.white .FL-zen2-card-list-container .plugin-item:hover .FL-zen2-tooltip {\n    top: -210px !important;\n  }\n}","js":function(convertContext){ 
(function () {
  try {
    /* main variables */
    var debug = 0;
    var variation_name = "";

    var waitFor = (check, invoke, poll) => {
      if (check()) {
        invoke();
        return;
      }
      let polling = setInterval(() => {
        try {
          if (check()) {
            invoke();
            clearInterval(polling);
            polling = null;
          }
        } catch (e) { }
      }, poll.interval);
      setTimeout(() => {
        if (!polling) return;
        clearInterval(polling);
        window.evolvRenderTimeout = {
          msg: "evolv render listener timeout",
          poll,
        };
      }, poll.duration);
    };

    var $refs = (selector) => {
      if (!selector) {
        return;
      }
      const els = document.querySelectorAll(selector);
      if (!els || !els.length) {
        return;
      }
      return els;
    };

    var $addClass = (selector, classes) => {
      if (!classes) {
        return;
      }
      const elements = $refs(selector);
      if (!elements) return;
      if (Array.isArray(classes)) {
        elements.forEach((el) => {
          el.classList.add(...classes);
        });
        return;
      }
      if (typeof classes === "string") {
        elements.forEach((el) => {
          el.classList.add(classes);
        });
      }
    };

    var currency = "";
    var currencySymbol = "";

    // Wait for product variable
    function waitForProductVariable(trigger) {
      var interval = setInterval(function () {
        if (typeof productData != "undefined" && typeof window.userData.owned != "undefined") {
          clearInterval(interval);
          trigger();
        }
      }, 50);
      setTimeout(function () {
        clearInterval(interval);
      }, 5000);
    }

    function fourCards(dataProduct) {
      return ` 
    <div class="FL-zen2-four-card-container ">
     <div class="FL-zen2-card-container white" data-tile-name='fruity-edition'>
      <div class="FL-zen2-card-sub-heading has-ff-century-gothic has-fw-semibold has-decoration-uppercase has-size-0-font-size">THE BASICS</div>
      <div class="FL-zen2-card-heading has-fw-semibold has-ff-open-sans-semicondensed has-size-3-font-size">Fruity Edition</div>
      <div class="FL-zen2-card-para has-size-0-font-size">
        Ideal for beginners, it offers everything you need to create your first tracks. Then upgrade when you\u2019re ready to add audio recording and extra pro tools.
      </div>
      <div class="FL-zen2-card-list-container">
        <div class="FL-zen2-card-list-item has-size-0-font-size"><span class="FL-zen2-bold-list">84</span>instruments and effects</div>
        <hr class="wp-block-separator has-text-color has-alpha-channel-opacity has-background wp-container-content-6" style="background-color: #dddddd; color: #dddddd" />
        <div class="FL-zen2-card-list-item white-tooltip has-size-0-font-size"><span class="FL-zen2-bold-list">No</span>Stem Separation
        <div class="plugin-item">
            <a class="el-tooltip item" aria-describedby="el-tooltip-9209" tabindex="0">i</a>
           
            <div class="FL-zen2-tooltip">
              <div class="FL-zen2-tooltip-heading">AI-powered Stem Separation</div>
              <div class="FL-zen2-tooltip-para has-size-0-font-size">
                Remix and sample like a pro! Quickly extract instruments, drums, bass, and vocal layers from any audio file, directly within FL Studio. A valuable tool for both DJs and producers.
                (Right-Click Audio Clips in the Playlist to access.)
              </div>
            </div>
          </div>
          </div>
        <hr class="wp-block-separator has-text-color has-alpha-channel-opacity has-background wp-container-content-6" style="background-color: #dddddd; color: #dddddd" />
        <div class="FL-zen2-card-list-item has-size-0-font-size"><span class="FL-zen2-bold-list">No</span>audio recording</div>
        <hr class="wp-block-separator has-text-color has-alpha-channel-opacity has-background wp-container-content-6" style="background-color: #dddddd; color: #dddddd" />
        <div class="FL-zen2-card-list-item has-size-0-font-size"><span class="FL-zen2-bold-list">8</span>Audio Clips</div>
        <hr class="wp-block-separator has-text-color has-alpha-channel-opacity has-background wp-container-content-6" style="background-color: #dddddd; color: #dddddd" />
        <div class="FL-zen2-card-list-item has-size-0-font-size"><span class="FL-zen2-bold-list">Limited</span>playlist features</div>
      </div>
      <div class="FL-zen2-card-one-liner has-border-radius-5-px has-light-gray-background-color has-background">
        <div class="FL-zen2-card-one-liner-img">
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
            <path
              d="M20 6h-2.18c.11-.31.18-.65.18-1a2.996 2.996 0 0 0-5.5-1.65l-.5.67-.5-.68C10.96 2.54 10.05 2 9 2 7.34 2 6 3.34 6 5c0 .35.07.69.18 1H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-5-2c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zM9 4c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm10 15H5c-.55 0-1-.45-1-1v-1h16v1c0 .55-.45 1-1 1zm1-5H4V9c0-.55.45-1 1-1h4.08L7.6 10.02a.995.995 0 0 0 .22 1.4c.44.32 1.07.22 1.39-.22L12 7.4l2.79 3.8c.32.44.95.54 1.39.22.45-.32.55-.95.22-1.4L14.92 8H19c.55 0 1 .45 1 1v5z"
            ></path>
          </svg>
        </div>
        <div class="FL-zen2-card-one-liner-text">Get one free month of FL Cloud</div>
        <div class="plugin-item">
            <a class="el-tooltip item" aria-describedby="el-tooltip-9209" tabindex="0">i</a>
            <div class="FL-zen2-tooltip">
              <div class="FL-zen2-tooltip-heading">FL Cloud is an optional service for FL Studio users, built right inside the software.</div>
              <div class="FL-zen2-tooltip-para has-size-0-font-size">
                Get a sound library with over 1 million additional loops and one-shots, master your tracks in seconds with AI, and even release your songs directly on major streaming platforms like
                Spotify and Apple music.
              </div>
              <div class="FL-zen2-tooltip-para has-size-0-font-size">
                <span class="FL-zen2-tooltip-para-bold">No credit card required, no strings attached.</span> Reverts to 'Free user' mode when expired. Open the 'Sounds' Tab in the FL Studio Browser to
                get started.
              </div>
            </div>
        </div>
        
      </div>
      <div class="FL-zen2-price has-fw-semibold has-size-2-font-size" data-price-var="${dataProduct.fruityEdition}">$99</div>
      <a
        href="https://support.image-line.com/jshop/shop_flcloud2.php?ord=31010"
        class="FL-zen2-buy-now wp-block-button__link has-very-dark-grey-color has-text-color has-background has-link-color wp-element-button"
        >Buy now <img src="https://www.image-line.com/static/assets/arrow-circled-right-ZNIVDPDX.7abc618.svg"></a
      >
      <p class="has-mt-auto has-fw-regular has-size-0-font-size has-very-dark-grey-color has-text-color has-link-color">You own this Edition</p>
    </div>
    <div class="FL-zen2-card-container orange"  data-tile-name='producer-edition'>
      <div class="FL-zen2-card-sub-heading has-ff-century-gothic has-fw-semibold has-decoration-uppercase has-size-0-font-size">MOST POPULAR</div>
      <div class="FL-zen2-card-heading has-fw-semibold has-ff-open-sans-semicondensed has-size-3-font-size">Producer Edition</div>
      <div class="FL-zen2-card-para has-size-0-font-size">
        Our most popular Edition. Designed for those who seek advanced music production capabilities, including Stem Separation and audio recording.
      </div>
      <div class="FL-zen2-card-list-container">
        <div class="FL-zen2-card-list-item has-size-0-font-size"><span class="FL-zen2-bold-list">94</span>instruments and effects
         <div class="plugin-item">
              <a class="el-tooltip item" aria-describedby="el-tooltip-9209" tabindex="0">i</a>
              <div class="FL-zen2-tooltip dynamic">
                <div class="FL-zen2-tooltip-para has-size-0-font-size">
                <b>94 instruments and effects</b>
                Includes everything in the Fruity Edition plus versatile and iconic 
                plugins like Hyper Chorus, Spreader, Kepler, SoundFont Player, Slicex, Edison, Newtime, Frequency Shifter, 
                Maximus Multiband Maximizer, Multiband Delay, Vocodex, Sytrus <a class="iahorro-compare__edition" href="https://www.image-line.com/fl-studio/compare-editions/">Compare Editions</a></div>
              </div>
         </div>
        </div>
        <hr class="wp-block-separator has-text-color has-alpha-channel-opacity has-background wp-container-content-6" style="background-color: #dddddd; color: #dddddd" />
        <div class="FL-zen2-card-list-item orange-tooltip has-size-0-font-size">
          <span class="FL-zen2-bold-list ">Includes</span>Stem Separation
          <div class="plugin-item">
            <a class="el-tooltip item" aria-describedby="el-tooltip-9209" tabindex="0">i</a>
           <div class="FL-zen2-tooltip">
              <div class="FL-zen2-tooltip-heading">AI-powered Stem Separation</div>
              <div class="FL-zen2-tooltip-para has-size-0-font-size">
                Remix and sample like a pro! Quickly extract instruments, drums, bass, and vocal layers from any audio file, directly within FL Studio. A valuable tool for both DJs and producers.
                (Right-Click Audio Clips in the Playlist to access.)
              </div>
            </div>
          </div>
        </div>
        <hr class="wp-block-separator has-text-color has-alpha-channel-opacity has-background wp-container-content-6" style="background-color: #dddddd; color: #dddddd" />
        <div class="FL-zen2-card-list-item has-size-0-font-size"><span class="FL-zen2-bold-list">Includes</span>audio recording</div>
        <hr class="wp-block-separator has-text-color has-alpha-channel-opacity has-background wp-container-content-6" style="background-color: #dddddd; color: #dddddd" />
        <div class="FL-zen2-card-list-item has-size-0-font-size"><span class="FL-zen2-bold-list">Unlimited</span>Audio Clips</div>
        <hr class="wp-block-separator has-text-color has-alpha-channel-opacity has-background wp-container-content-6" style="background-color: #dddddd; color: #dddddd" />
        <div class="FL-zen2-card-list-item has-size-0-font-size"><span class="FL-zen2-bold-list">Full</span>playlist features</div>
      </div>
      <div class="FL-zen2-card-one-liner has-border-radius-5-px has-light-gray-background-color has-background">
        <div class="FL-zen2-card-one-liner-img">
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
            <path
              d="M20 6h-2.18c.11-.31.18-.65.18-1a2.996 2.996 0 0 0-5.5-1.65l-.5.67-.5-.68C10.96 2.54 10.05 2 9 2 7.34 2 6 3.34 6 5c0 .35.07.69.18 1H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-5-2c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zM9 4c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm10 15H5c-.55 0-1-.45-1-1v-1h16v1c0 .55-.45 1-1 1zm1-5H4V9c0-.55.45-1 1-1h4.08L7.6 10.02a.995.995 0 0 0 .22 1.4c.44.32 1.07.22 1.39-.22L12 7.4l2.79 3.8c.32.44.95.54 1.39.22.45-.32.55-.95.22-1.4L14.92 8H19c.55 0 1 .45 1 1v5z"
            ></path>
          </svg>
        </div>
        <div class="FL-zen2-card-one-liner-text">Get one free month of FL Cloud</div>
        <div class="plugin-item">
          <a class="el-tooltip item" aria-describedby="el-tooltip-9209" tabindex="0">i</a>
          <div class="FL-zen2-tooltip">
            <div class="FL-zen2-tooltip-heading">FL Cloud is an optional service for FL Studio users, built right inside the software.</div>
            <div class="FL-zen2-tooltip-para has-size-0-font-size">
              Get a sound library with over 1 million additional loops and one-shots, master your tracks in seconds with AI, and even release your songs directly on major streaming platforms like
              Spotify and Apple music.
            </div>
            <div class="FL-zen2-tooltip-para has-size-0-font-size">
              <span class="FL-zen2-tooltip-para-bold">No credit card required, no strings attached.</span> Reverts to 'Free user' mode when expired. Open the 'Sounds' Tab in the FL Studio Browser to
              get started.
            </div>
          </div>
        </div>

      </div>
      <div class="FL-zen2-price has-fw-semibold has-size-2-font-size"  data-price-var="${dataProduct.producerEdition}">$179</div>
      <a
        href="https://support.image-line.com/jshop/shop_flcloud2.php?ord=31020"
        class="FL-zen2-buy-now wp-block-button__link has-very-dark-grey-color has-text-color has-background has-link-color wp-element-button"
        >Buy now <img src="https://www.image-line.com/static/assets/arrow-circled-right-ZNIVDPDX.7abc618.svg"></a
      >
      <p class="has-mt-auto has-fw-regular has-size-0-font-size has-very-dark-grey-color has-text-color has-link-color">You own this Edition</p>
    </div>
    <div class="FL-zen2-card-container white"  data-tile-name='signature-bundle'>
      <div class="FL-zen2-card-sub-heading has-ff-century-gothic has-fw-semibold has-decoration-uppercase has-size-0-font-size">FOR PROFESSIONALS</div>
      <div class="FL-zen2-card-heading has-fw-semibold has-ff-open-sans-semicondensed has-size-3-font-size">Signature Bundle</div>
      <div class="FL-zen2-card-para has-size-0-font-size">Signature bundle adds iconic, creative, genre-defining tools like Gross Beat, plus more effects and instruments.</div>
      <div class="FL-zen2-card-list-container">
        <div class="FL-zen2-card-list-item has-size-0-font-size"><span class="FL-zen2-bold-list">103</span>instruments, effects, and editors
         <div class="plugin-item">
              <a class="el-tooltip item" aria-describedby="el-tooltip-9209" tabindex="0">i</a>
              <div class="FL-zen2-tooltip dynamic">
                <div class="FL-zen2-tooltip-para has-size-0-font-size">
                <b>103 instruments, effects, and editors</b>
                Includes everything in the Signature Bundle plus versatile and iconic plugins like LuxeVerb, Pitch Shifter, Transient Processor, Drumaxx, Harmor, Kepler Exo, Morphine, Ogun, Poizone, Sakura, Sawer, Toxic Biohazard, Transistor Bass 
                <a class="iahorro-compare__edition" href="https://www.image-line.com/fl-studio/compare-editions/">Compare Editions</a>
                </div>
              </div>
         </div>
        </div>
        <hr class="wp-block-separator has-text-color has-alpha-channel-opacity has-background wp-container-content-6" style="background-color: #dddddd; color: #dddddd" />
        <div class="FL-zen2-card-list-item white-tooltip has-size-0-font-size"><span class="FL-zen2-bold-list">Includes</span>Stem Separation
        <div class="plugin-item">
            <a class="el-tooltip item" aria-describedby="el-tooltip-9209" tabindex="0">i</a>
           <div class="FL-zen2-tooltip">
              <div class="FL-zen2-tooltip-heading">AI-powered Stem Separation</div>
              <div class="FL-zen2-tooltip-para has-size-0-font-size">
                Remix and sample like a pro! Quickly extract instruments, drums, bass, and vocal layers from any audio file, directly within FL Studio. A valuable tool for both DJs and producers.
                (Right-Click Audio Clips in the Playlist to access.)
              </div>
            </div>
          </div>
        </div>
        <hr class="wp-block-separator has-text-color has-alpha-channel-opacity has-background wp-container-content-6" style="background-color: #dddddd; color: #dddddd" />
        <div class="FL-zen2-card-list-item has-size-0-font-size"><span class="FL-zen2-bold-list">Includes</span>audio recording</div>
        <hr class="wp-block-separator has-text-color has-alpha-channel-opacity has-background wp-container-content-6" style="background-color: #dddddd; color: #dddddd" />
        <div class="FL-zen2-card-list-item has-size-0-font-size"><span class="FL-zen2-bold-list">Unlimited</span>Audio Clips</div>
        <hr class="wp-block-separator has-text-color has-alpha-channel-opacity has-background wp-container-content-6" style="background-color: #dddddd; color: #dddddd" />
        <div class="FL-zen2-card-list-item has-size-0-font-size"><span class="FL-zen2-bold-list">Full</span>playlist features</div>
      </div>
      <div class="FL-zen2-card-one-liner has-border-radius-5-px has-light-gray-background-color has-background">
        <div class="FL-zen2-card-one-liner-img">
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
            <path
              d="M20 6h-2.18c.11-.31.18-.65.18-1a2.996 2.996 0 0 0-5.5-1.65l-.5.67-.5-.68C10.96 2.54 10.05 2 9 2 7.34 2 6 3.34 6 5c0 .35.07.69.18 1H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-5-2c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zM9 4c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm10 15H5c-.55 0-1-.45-1-1v-1h16v1c0 .55-.45 1-1 1zm1-5H4V9c0-.55.45-1 1-1h4.08L7.6 10.02a.995.995 0 0 0 .22 1.4c.44.32 1.07.22 1.39-.22L12 7.4l2.79 3.8c.32.44.95.54 1.39.22.45-.32.55-.95.22-1.4L14.92 8H19c.55 0 1 .45 1 1v5z"
            ></path>
          </svg>
        </div>
        <div class="FL-zen2-card-one-liner-text">Get one free month of FL Cloud</div>
        <div class="plugin-item">
            <a class="el-tooltip item" aria-describedby="el-tooltip-9209" tabindex="0">i</a>
            <div class="FL-zen2-tooltip">
              <div class="FL-zen2-tooltip-heading">FL Cloud is an optional service for FL Studio users, built right inside the software.</div>
              <div class="FL-zen2-tooltip-para has-size-0-font-size">
                Get a sound library with over 1 million additional loops and one-shots, master your tracks in seconds with AI, and even release your songs directly on major streaming platforms like
                Spotify and Apple music.
              </div>
              <div class="FL-zen2-tooltip-para has-size-0-font-size">
                <span class="FL-zen2-tooltip-para-bold">No credit card required, no strings attached.</span> Reverts to 'Free user' mode when expired. Open the 'Sounds' Tab in the FL Studio Browser to
                get started.
              </div>
            </div>
        </div>
        
      </div>
      <div class="FL-zen2-price has-fw-semibold has-size-2-font-size"  data-price-var="${dataProduct.signatureBundle}">$269</div>
      <a
        href="https://support.image-line.com/jshop/shop_flcloud2.php?ord=31035"
        class="FL-zen2-buy-now wp-block-button__link has-very-dark-grey-color has-text-color has-background has-link-color wp-element-button"
        >Buy now <img src="https://www.image-line.com/static/assets/arrow-circled-right-ZNIVDPDX.7abc618.svg"></a
      >
      <p class="has-mt-auto has-fw-regular has-size-0-font-size has-very-dark-grey-color has-text-color has-link-color">You own this Edition</p>
    </div>
    <div class="FL-zen2-card-container white" data-tile-name='all-plugins-bundle'>
      <div class="FL-zen2-card-sub-heading has-ff-century-gothic has-fw-semibold has-decoration-uppercase has-size-0-font-size">JUST EVERYTHING</div>
      <div class="FL-zen2-card-heading has-fw-semibold has-ff-open-sans-semicondensed has-size-3-font-size">All Plugins Edition</div>
      <div class="FL-zen2-card-para has-size-0-font-size">
        Our most complete Edition includes every single plugin and features, ideal for advanced, pro mixing and recording. Your gateway to greatness awaits!
      </div>
      <div class="FL-zen2-card-list-container">
        <div class="FL-zen2-card-list-item has-size-0-font-size"><span class="FL-zen2-bold-list">115 </span>instruments, effects, and editors
        <div class="plugin-item">
              <a class="el-tooltip item" aria-describedby="el-tooltip-9209" tabindex="0">i</a>
              <div class="FL-zen2-tooltip dynamic">
                <div class="FL-zen2-tooltip-para has-size-0-font-size">
                 <b>115 instruments, effects, and editors</b>
                 Includes everything  in the Producer Edition plus versatile and iconic plugins like Newtone, Gross Beat, Hardcore (11 Guitar FX), Low Lifter, Pitcher, Vintage Chorus, Vintage Phaser, DirectWave Full, Harmless, Fruity Video Player
                 <a class="iahorro-compare__edition" href="https://www.image-line.com/fl-studio/compare-editions/">Compare Editions</a></div>
              </div>
            </div>
        </div>
        <hr class="wp-block-separator has-text-color has-alpha-channel-opacity has-background wp-container-content-6" style="background-color: #dddddd; color: #dddddd" />
        <div class="FL-zen2-card-list-item white-tooltip has-size-0-font-size"><span class="FL-zen2-bold-list">Includes</span>Stem Separation
        <div class="plugin-item">
            <a class="el-tooltip item" aria-describedby="el-tooltip-9209" tabindex="0">i</a>
           <div class="FL-zen2-tooltip">
              <div class="FL-zen2-tooltip-heading">AI-powered Stem Separation</div>
              <div class="FL-zen2-tooltip-para has-size-0-font-size">
                Remix and sample like a pro! Quickly extract instruments, drums, bass, and vocal layers from any audio file, directly within FL Studio. A valuable tool for both DJs and producers.
                (Right-Click Audio Clips in the Playlist to access.)
              </div>
            </div>
          </div>
        </div>
        <hr class="wp-block-separator has-text-color has-alpha-channel-opacity has-background wp-container-content-6" style="background-color: #dddddd; color: #dddddd" />
        <div class="FL-zen2-card-list-item has-size-0-font-size"><span class="FL-zen2-bold-list">Includes</span>audio recording</div>
        <hr class="wp-block-separator has-text-color has-alpha-channel-opacity has-background wp-container-content-6" style="background-color: #dddddd; color: #dddddd" />
        <div class="FL-zen2-card-list-item has-size-0-font-size"><span class="FL-zen2-bold-list">Unlimited</span>Audio Clips</div>
        <hr class="wp-block-separator has-text-color has-alpha-channel-opacity has-background wp-container-content-6" style="background-color: #dddddd; color: #dddddd" />
        <div class="FL-zen2-card-list-item has-size-0-font-size"><span class="FL-zen2-bold-list">Full</span>playlist features</div>
      </div>
      <div class="FL-zen2-card-one-liner has-border-radius-5-px has-light-gray-background-color has-background">
        <div class="FL-zen2-card-one-liner-img">
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
            <path
              d="M20 6h-2.18c.11-.31.18-.65.18-1a2.996 2.996 0 0 0-5.5-1.65l-.5.67-.5-.68C10.96 2.54 10.05 2 9 2 7.34 2 6 3.34 6 5c0 .35.07.69.18 1H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-5-2c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zM9 4c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm10 15H5c-.55 0-1-.45-1-1v-1h16v1c0 .55-.45 1-1 1zm1-5H4V9c0-.55.45-1 1-1h4.08L7.6 10.02a.995.995 0 0 0 .22 1.4c.44.32 1.07.22 1.39-.22L12 7.4l2.79 3.8c.32.44.95.54 1.39.22.45-.32.55-.95.22-1.4L14.92 8H19c.55 0 1 .45 1 1v5z"
            ></path>
          </svg>
        </div>
        <div class="FL-zen2-card-one-liner-text">Get one free month of FL Cloud</div>
        <div class="plugin-item">
          <a class="el-tooltip item" aria-describedby="el-tooltip-9209" tabindex="0">i</a>
         <div class="FL-zen2-tooltip">
            <div class="FL-zen2-tooltip-heading">FL Cloud is an optional service for FL Studio users, built right inside the software.</div>
            <div class="FL-zen2-tooltip-para has-size-0-font-size">
              Get a sound library with over 1 million additional loops and one-shots, master your tracks in seconds with AI, and even release your songs directly on major streaming platforms like
              Spotify and Apple music.
            </div>
            <div class="FL-zen2-tooltip-para has-size-0-font-size">
              <span class="FL-zen2-tooltip-para-bold">No credit card required, no strings attached.</span> Reverts to 'Free user' mode when expired. Open the 'Sounds' Tab in the FL Studio Browser to
              get started.
            </div>
          </div>
        </div>
        
      </div>
      <div class="FL-zen2-price has-fw-semibold has-size-2-font-size" data-price-var="${dataProduct.allPluginsEdition}">$499</div>
      <a
        href="https://support.image-line.com/jshop/shop_flcloud2.php?ord=31045"
        class="FL-zen2-buy-now wp-block-button__link has-very-dark-grey-color has-text-color has-background has-link-color wp-element-button"
        >Buy now <img src="https://www.image-line.com/static/assets/arrow-circled-right-ZNIVDPDX.7abc618.svg"></a
      >
      <p class="has-mt-auto has-fw-regular has-size-0-font-size has-very-dark-grey-color has-text-color has-link-color">You own this Edition</p>
    </div>
    </div>`
    }

    function FL_zen2_html(dataProduct) {

      return `
      <div class="FL-zen2-container">
        <h2 class="FL-zen2-heading has-ff-open-sans-semicondensed has-fw-semibold has-size-6-font-size">Take your music production to another level</h2>
        ${fourCards(dataProduct)}
        <div class="FL-zen2-payment-sec">
          <div class="FL-zen2-payment-sec-heading">Unsure which edition to start with?</div>
          <div class="FL-zen2-payment-sec-sub-heading">Just buy the cheaper version now and upgrade later and only pay the difference.</div>
        </div>
        <div class="FL-zen2-fop-sec">
          <div class="FL-zen2-fop-sec-img"><img src="https://www.image-line.com/static/assets/payment-providers-1.png.566777f.webp" alt="" /></div>
          <div class="FL-zen2-fop-sec-text has-size-0-font-size">30+ payment providers. Some payment plans might only be available in all regions.</div>
        </div>
      </div>`;
    }

    function fnLineCopy(currency, dataProduct) {
      return {
        "fruity-edition": `
          <span class="FL-zen2-bold-list">${dataProduct.fruityInstruments}</span>instruments & effects worth <span class="FL-zen2-bold-orange">${currency}${dataProduct.fruityPricing} </span>`,

        "producer-edition": `
              <span class="FL-zen2-bold-list">${dataProduct.producerInstruments}</span>instruments & effects worth <span class="FL-zen2-bold-orange">${currency}${dataProduct.producerPricing}</span>
              <div class="plugin-item">
                <a class="el-tooltip item" aria-describedby="el-tooltip-9209" tabindex="0">i</a>
                <div class="FL-zen2-tooltip dynamic">
                  <div class="FL-zen2-tooltip-para has-size-0-font-size">
                  <b>${dataProduct.producerInstruments} instruments & effects worth <span class="FL-zen2-bold-orange">${currency}${dataProduct.producerPricing}</span></b>
                  Includes everything in the Fruity Edition plus versatile and iconic 
                  plugins like Hyper Chorus, Spreader, Kepler, SoundFont Player, Slicex, Edison, Newtime, Frequency Shifter, 
                  Maximus Multiband Maximizer, Multiband Delay, Vocodex, Sytrus <a class="iahorro-compare__edition" href="https://www.image-line.com/fl-studio/compare-editions/">Compare Editions</a></div>
                </div>
              </div>`,

        "signature-bundle": `
              <span class="FL-zen2-bold-list">${dataProduct.signatureInstruments}</span>instruments & plugins worth <span class="FL-zen2-bold-orange">${currency}${dataProduct.signaturePricing}</span>
              <div class="plugin-item">
                <a class="el-tooltip item" aria-describedby="el-tooltip-9209" tabindex="0">i</a>
                <div class="FL-zen2-tooltip dynamic">
                  <div class="FL-zen2-tooltip-para has-size-0-font-size">
                   <b>${dataProduct.signatureInstruments} instruments & plugins worth <span class="FL-zen2-bold-orange">${currency}${dataProduct.signaturePricing}</span></b>
                   Includes everything  in the Producer Edition plus versatile and iconic plugins like Newtone, Gross Beat, Hardcore (11 Guitar FX), Low Lifter, Pitcher, Vintage Chorus, Vintage Phaser, DirectWave Full, Harmless, Fruity Video Player
                   <a class="iahorro-compare__edition" href="https://www.image-line.com/fl-studio/compare-editions/">Compare Editions</a></div>
                </div>
              </div>`,

        "all-plugins-bundle": `
              <span class="FL-zen2-bold-list">${dataProduct.allPluginsInstruments}</span>instruments & plugins worth <span class="FL-zen2-bold-orange">${currency}${dataProduct.allPluginsPricing}</span>
              <div class="plugin-item">
                <a class="el-tooltip item" aria-describedby="el-tooltip-9209" tabindex="0">i</a>
                <div class="FL-zen2-tooltip dynamic">
                  <div class="FL-zen2-tooltip-para has-size-0-font-size">
                  <b>${dataProduct.allPluginsInstruments} instruments & plugins worth <span class="FL-zen2-bold-orange">${currency}${dataProduct.allPluginsPricing}</span></b>
                  Includes everything in the Signature Bundle plus versatile and iconic plugins like LuxeVerb, Pitch Shifter, Transient Processor, Drumaxx, Harmor, Kepler Exo, Morphine, Ogun, Poizone, Sakura, Sawer, Toxic Biohazard, Transistor Bass 
                  <a class="iahorro-compare__edition" href="https://www.image-line.com/fl-studio/compare-editions/">Compare Editions</a>
                  </div>
                </div>
              </div>`,
      };
    }

    function updateCopy(currencySymbol, dataProduct) {
      document.querySelectorAll("[data-tile-name]").forEach(function (item) {
        var name = item.dataset.tileName || "";
        var text = fnLineCopy(currencySymbol, dataProduct)[name] || "";

        var sector = item.querySelector(".FL-zen2-card-list-item ");
        if (sector) {
          sector.innerHTML = text;
        }
      });
    }

    // Update Copy
    function updatePrice(dataProduct) {
      var tiles = document.querySelectorAll(".commercial-box__product");
      tiles.forEach(function (priceElm) {
        var attribute = priceElm.dataset.jsProduct;
        var newTilePrice = document.querySelector(`[data-price-var="${attribute}"]`);

        if (newTilePrice) {
          newTilePrice.innerHTML = priceElm.querySelector('.current-price') ? priceElm.querySelector('.current-price').innerHTML : '';
        }

        if (priceElm.classList.contains('owned')) {
          var getTileName = newTilePrice.closest('.FL-zen2-card-container').getAttribute('data-tile-name');
          document.querySelector('.FL-zen2-four-card-container').classList.add(`FL-zen2-${getTileName}-owned`);
          newTilePrice.closest('.FL-zen2-card-container').classList.add(`FL-zen2-owned`);
        }

      });

      if (currency == "USD" || currency == "EUR") {
        updateCopy(currencySymbol, dataProduct);
      }
    }

    function init() {

      if (window.userData.cart_currency == "USD") {
        currency = "USD";
        currencySymbol = "$";
      } else if (window.userData.cart_currency == "EUR") {
        currency = "EUR";
        currencySymbol = "€";
      }

      var dataProduct = {
        'regular': {
          fruityEdition: 'fruity-edition',
          fruityInstruments: '84',
          fruityPricing: '3,822',
          fruityDesc: `Lifetime FL Studio license for +84 instruments & effects worth ${currencySymbol}3,822, includes audio recording and stem separation.`,
          producerEdition: 'producer-edition',
          producerInstruments: '94',
          producerPricing: '4,470',
          producerDesc: `Lifetime FL Studio license for +94 instruments & effects worth ${currencySymbol}4,470, includes audio recording and stem separation.`,
          signatureBundle: 'signature-bundle',
          signatureInstruments: '103',
          signaturePricing: '5,250',
          signatureDesc: `Lifetime FL Studio license for +103 instruments & effects worth ${currencySymbol}5,250, includes audio recording and stem separation.`,
          allPluginsEdition: 'all-plugins-bundle',
          allPluginsInstruments: '116',
          allPluginsPricing: '6,357',
          allPluginsDesc: `Lifetime FL Studio license for +116 instruments & effects worth ${currencySymbol}6,357, includes audio recording and stem separation.`,
        },
        '31010': {
          fruityEdition: 'fruity-edition',
          fruityInstruments: '84',
          fruityPricing: '3,822',
          fruityDesc: `Lifetime FL Studio license for +84 instruments & effects worth ${currencySymbol}3,822, includes audio recording and stem separation.`,
          producerEdition: 'fruity-to-producer',
          producerInstruments: '+10',
          producerPricing: '648',
          producerDesc: `+10 additional instruments & effects worth ${currencySymbol}648, includes audio recording and stem separation.`,
          signatureBundle: 'fruity-to-signature',
          signatureInstruments: '+19',
          signaturePricing: '1,428',
          signatureDesc: `+19 additional instruments & effects worth ${currencySymbol}1,428, includes audio recording and stem separation.`,
          allPluginsEdition: 'fruity-to-all-plugins',
          allPluginsInstruments: '+32',
          allPluginsPricing: '2,535',
          allPluginsDesc: `+32 additional instruments & effects worth ${currencySymbol}2,535, includes audio recording and stem separation.`,
        },
        '31020': {
          fruityEdition: '',
          fruityInstruments: '84',
          fruityPricing: '3,822',
          fruityDesc: `Lifetime FL Studio license for +84 instruments & effects worth ${currencySymbol}3,822, includes audio recording and stem separation.`,
          producerEdition: 'producer-edition',
          producerInstruments: '94',
          producerPricing: '4,470',
          producerDesc: `Lifetime FL Studio license for +94 instruments & effects worth ${currencySymbol}4,470, includes audio recording and stem separation.`,
          signatureBundle: 'producer-to-signature',
          signatureInstruments: '+9',
          signaturePricing: '780',
          signatureDesc: `+9 additional instruments & effects worth ${currencySymbol}780, includes audio recording and stem separation.`,
          allPluginsEdition: 'producer-to-all-plugins',
          allPluginsInstruments: '+22',
          allPluginsPricing: '1,887',
          allPluginsDesc: `+22 additional instruments & effects worth ${currencySymbol}1,887, includes audio recording and stem separation.`,
        },
        '31035': {
          fruityEdition: '',
          fruityInstruments: '84',
          fruityPricing: '3,822',
          fruityDesc: `Lifetime FL Studio license for +84 instruments & effects worth ${currencySymbol}3,822, includes audio recording and stem separation.`,
          producerEdition: '',
          producerInstruments: '94',
          producerPricing: '4,470',
          producerDesc: `Lifetime FL Studio license for +94 instruments & effects worth ${currencySymbol}4,470, includes audio recording and stem separation.`,
          signatureBundle: 'signature-bundle',
          signatureInstruments: '103',
          signaturePricing: '5,250',
          signatureDesc: `Lifetime FL Studio license for +103 instruments & effects worth ${currencySymbol}5,250, includes audio recording and stem separation.`,
          allPluginsEdition: 'signature-to-all-plugins',
          allPluginsInstruments: '+13',
          allPluginsPricing: '1,107',
          allPluginsDesc: `+13 additional instruments & effects worth ${currencySymbol}1,107, includes audio recording and stem separation.`,
        },
        '31049': {
          fruityEdition: '',
          fruityInstruments: '84',
          fruityPricing: '3,822',
          fruityDesc: `Lifetime FL Studio license for +84 instruments & effects worth ${currencySymbol}3,822, includes audio recording and stem separation.`,
          producerEdition: '',
          producerInstruments: '94',
          producerPricing: '4,470',
          producerDesc: `Lifetime FL Studio license for +94 instruments & effects worth ${currencySymbol}4,470, includes audio recording and stem separation.`,
          signatureBundle: '',
          signatureInstruments: '103',
          signaturePricing: '5,250',
          signatureDesc: `Lifetime FL Studio license for +103 instruments & effects worth ${currencySymbol}5,250, includes audio recording and stem separation.`,
          allPluginsEdition: 'all-plugins-bundle',
          allPluginsInstruments: '116',
          allPluginsPricing: '6,357',
          allPluginsDesc: `Lifetime FL Studio license for +116 instruments & effects worth ${currencySymbol}6,357, includes audio recording and stem separation.`,
        }
      }

      var url = window.location.href;
      var flContainer = document.querySelector(".FL-zen2-container");

      var dataKey;

      if (window.userData.owned == false) {
        dataKey = dataProduct.regular;
      } else {
        var ownedKey = Object.keys(window.userData.owned)[0];
        dataKey = dataProduct[ownedKey];
      }

      // Fl PDP page
      if (url.includes("image-line.com/fl-studio/") && !flContainer) {
        $addClass("body", "FL-zen2-pdp");
        document.querySelector('div.content>div:nth-of-type(2) >[class*="wp-block-buttons"]')?.insertAdjacentHTML("beforebegin", FL_zen2_html(dataKey));
        // Update price
        var interval = setInterval(function () {
          updatePrice(dataKey);
        }, 100);
        setTimeout(function () {
          clearInterval(interval);
          updatePrice(dataKey);
        }, 2500);

      }

    }

    waitFor(
      () => (document.querySelector(".commercial-box__product .description-text") ? true : false),
      () => {
        waitForProductVariable(function () {
          if (window.userData.cart_currency == "USD" || window.userData.cart_currency == "EUR") {
            init();
          } 
        });
      },
      {
        interval: 50,
        duration: 15e3,
      },
    );
  } catch (e) {
    if (debug) console.log(e, "error in Test" + variation_name);
  }
})();
}}}],"traffic_allocation":0},{"id":"1004287657","name":"V2: Plugin values","key":"1004287657-v2:-plugin-values","status":"running","changes":[{"id":1004474701,"type":"defaultCode","data":{"js":null,"css":"","custom_js":null}},{"id":1004474702,"type":"customCode","data":{"css":"\/* src\/zen\/(FLZen2)Pricingdisplay1\/variation1\/styles\/style.scss *\/\nhtml body .commercial-box__product__cell.title .description-text {\n  max-width: 100%;\n}\n\nhtml body.FL-zen2-pdp div.content > div:nth-of-type(2) > div:nth-child(2),\n.fl-zen-11-card-list--show {\n  display: none;\n}\n\nhtml body.FL-zen2-pdp .FL-zen2-heading {\n  display: none;\n}\n\nhtml body.FL-zen2-pdp .FL-zen2-threebox-container {\n  display: none;\n}\n\nhtml body.FL-zen2-pdp .FL-zen2-fop-sec {\n  display: none;\n}\n\nhtml body.FL-zen2-pdp .FL-zen2-payment-sec-sub-heading {\n  text-align: center;\n  font-size: 18.75px;\n}\n\nhtml body.FL-zen2-pdp .FL-zen2-four-card-container {\n  margin-top: 0px;\n  margin-bottom: 0;\n}\n\n.FL-zen2-bold-orange {\n  font-weight: 600;\n  color: #ff5c00;\n}\n\n.FL-zen2-card-container .FL-zen2-tooltip.dynamic {\n  bottom: 6px !important;\n  top: auto !important;\n}\n\n.FL-zen2-card-container.FL-zen2-owned > .FL-zen2-buy-now,\n.FL-zen2-card-container > p {\n  display: none;\n}\n\n.FL-zen2-card-container.FL-zen2-owned > p {\n  display: block;\n}\n\n.FL-zen2-all-plugins-bundle-owned [data-tile-name=\"fruity-edition\"] .FL-zen2-price,\n.FL-zen2-all-plugins-bundle-owned [data-tile-name=\"fruity-edition\"] > .FL-zen2-buy-now,\n.FL-zen2-all-plugins-bundle-owned [data-tile-name=\"producer-edition\"] .FL-zen2-price,\n.FL-zen2-all-plugins-bundle-owned [data-tile-name=\"producer-edition\"] > .FL-zen2-buy-now,\n.FL-zen2-all-plugins-bundle-owned [data-tile-name=\"signature-bundle\"] .FL-zen2-price,\n.FL-zen2-all-plugins-bundle-owned [data-tile-name=\"signature-bundle\"] > .FL-zen2-buy-now,\n.FL-zen2-signature-bundle-owned [data-tile-name=\"fruity-edition\"] .FL-zen2-price,\n.FL-zen2-signature-bundle-owned [data-tile-name=\"fruity-edition\"] > .FL-zen2-buy-now,\n.FL-zen2-signature-bundle-owned [data-tile-name=\"producer-edition\"] .FL-zen2-price,\n.FL-zen2-signature-bundle-owned [data-tile-name=\"producer-edition\"] > .FL-zen2-buy-now,\n.FL-zen2-producer-edition-owned [data-tile-name=\"fruity-edition\"] .FL-zen2-price,\n.FL-zen2-producer-edition-owned [data-tile-name=\"fruity-edition\"] > .FL-zen2-buy-now {\n  display: none;\n}\n\n.FL-zen2-card-container .FL-zen2-tooltip.dynamic .FL-zen2-tooltip-para > b {\n  margin-bottom: 4px;\n  display: block;\n}\n\n.FL-zen2-card-container .FL-zen2-tooltip.dynamic .FL-zen2-tooltip-para {\n  margin-bottom: 10px;\n}\n\n.FL-zen2-threebox-container {\n  display: flex;\n  max-width: 1010px;\n  gap: 50px;\n}\n\n.FL-zen2-four-card-container {\n  display: grid;\n  grid-template-columns: 1fr 1fr 1fr 1fr;\n  gap: 25px;\n  max-width: 1440px;\n  margin-top: 40px;\n  margin-bottom: 25px;\n}\n\n.FL-zen2-heading {\n  margin-top: 50px;\n  margin-bottom: 40px;\n}\n\nhtml body .FL-zen2-box-heading {\n  font-size: 16px !important;\n  font-weight: 600 !important;\n  text-align: center;\n}\n\n.FL-zen2-card-container {\n  padding: 25px;\n  border-radius: 7px;\n  background-color: #ffffff;\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n\n.FL-zen2-card-container.orange {\n  background-color: #fff1ea;\n}\n\n.FL-zen2-card-list-item .FL-zen2-bold-list {\n  font-weight: 600;\n  margin-right: 5px;\n}\n\n.FL-zen2-card-one-liner {\n  display: flex;\n  justify-content: flex-start;\n  position: relative;\n  padding: 6px;\n  padding-right: 0px;\n  gap: 6px;\n  align-items: center;\n}\n\n.FL-zen2-card-one-liner .plugin-item {\n  position: absolute !important;\n  right: 5px;\n}\n\n.FL-zen2-card-list-item {\n  line-height: 24px;\n  position: relative;\n}\n\n.FL-zen2-card-container.orange .FL-zen2-card-one-liner {\n  background-color: #f5e7e0;\n}\n\n.FL-zen2-card-list-container hr {\n  margin-top: 3px;\n  margin-bottom: 3px;\n}\n\n.FL-zen2-buy-now {\n  background: #e9e9e9;\n  border-radius: 5px !important;\n}\n\n.FL-zen2-card-container.orange .FL-zen2-buy-now {\n  color: #fff;\n  background-color: #ff7629;\n}\n\n.FL-zen2-card-container.orange .FL-zen2-buy-now:hover {\n  opacity: 0.85;\n}\n\n.FL-zen2-underline {\n  text-decoration: underline;\n  text-decoration-color: #ff5c00;\n  text-decoration-thickness: 2px;\n}\n\n.FL-zen2-card-container.orange .FL-zen2-card-sub-heading {\n  color: #ff5c00;\n}\n\n.FL-zen2-card-container .FL-zen2-card-sub-heading {\n  margin-bottom: -15px;\n}\n\n.FL-zen2-payment-sec-heading {\n  text-align: center;\n  font-weight: 700;\n  font-size: 18.75px;\n}\n\n.FL-zen2-payment-sec {\n  margin-bottom: 50px;\n  display: none;\n}\n\n.FL-zen2-fop-sec-img {\n  max-width: 500px;\n}\n\n.FL-zen2-fop-sec {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin-bottom: 80px;\n}\n\n.FL-zen2-card-container.orange .FL-zen2-card-one-liner a {\n  padding: 0px 6px;\n  color: #ff5c00;\n  border-radius: 100px;\n  border: 1px #ff5c00 solid;\n  font-size: 12px;\n  cursor: pointer;\n  display: inline-block;\n  height: 20px;\n  width: 20px;\n  line-height: 1.7;\n  text-align: center;\n  font-weight: 700;\n}\n\n.FL-zen2-card-list-container .plugin-item .iahorro-compare__edition {\n  color: #ff5c00;\n}\n\n.FL-zen2-card-list-container .plugin-item .iahorro-compare__edition:hover {\n  opacity: 0.8;\n}\n\n.FL-zen2-card-container.orange .FL-zen2-card-list-container .plugin-item a.el-tooltip,\n.FL-zen2-card-container.white .FL-zen2-card-list-container .plugin-item a.el-tooltip,\n.FL-zen2-card-container.white .FL-zen2-card-one-liner a {\n  display: inline-block;\n  height: 20px;\n  width: 20px;\n  line-height: 1.7;\n  text-align: center;\n  font-weight: 700;\n}\n\n.FL-zen2-card-container.orange .FL-zen2-tooltip {\n  position: absolute;\n  right: -175px;\n  top: -200px;\n  width: 320px;\n  background: #f6f6f6;\n  padding: 10px;\n  border-radius: 10px;\n  display: none;\n  z-index: 1;\n  bottom: 23px;\n  box-shadow: 0px 2px 6px -1px #110f0f6e;\n}\n\n.FL-zen2-card-container.orange .FL-zen2-card-one-liner .plugin-item {\n  position: relative;\n}\n\n.FL-zen2-card-container .FL-zen2-card-one-liner-text {\n  font-size: 15px;\n}\n\n.FL-zen2-card-list-item {\n  font-size: 14px !important;\n}\n\n.FL-zen2-card-container .FL-zen2-card-one-liner-img svg {\n  vertical-align: middle;\n}\n\n.FL-zen2-card-container.orange .FL-zen2-card-one-liner .FL-zen2-card-one-liner-text {\n  line-height: 1.5;\n}\n\n.FL-zen2-card-container.orange .FL-zen2-card-one-liner .plugin-item .FL-zen2-tooltip {\n  top: -330px;\n}\n\n.FL-zen2-card-container.orange .FL-zen2-card-one-liner .plugin-item:hover .FL-zen2-tooltip {\n  display: block !important;\n}\n\n.FL-zen2-card-container.orange .FL-zen2-card-list-container .plugin-item:hover .FL-zen2-tooltip {\n  display: block !important;\n}\n\n.FL-zen2-card-container.orange .FL-zen2-card-list-container .plugin-item {\n  display: inline;\n  position: absolute;\n  right: 0;\n}\n\n.FL-zen2-card-container.orange .FL-zen2-card-list-item.orange-tooltip {\n  position: relative;\n}\n\n.FL-zen2-card-container.orange .FL-zen2-card-list-container .plugin-item a.el-tooltip {\n  padding: 0px 6px;\n  color: #ff5c00;\n  border-radius: 20px;\n  border: 1px #ff5c00 solid;\n  font-size: 12px;\n  cursor: pointer;\n}\n\n\/*  *\/\n.FL-zen2-card-container.white .FL-zen2-card-one-liner a {\n  padding: 0px 6px;\n  color: #ff5c00;\n  border-radius: 20px;\n  border: 1px #ff5c00 solid;\n  font-size: 12px;\n  cursor: pointer;\n}\n\n.FL-zen2-card-container.white .FL-zen2-tooltip {\n  position: absolute;\n  right: -10px;\n  top: -200px;\n  width: 320px;\n  background: #f6f6f6;\n  padding: 10px;\n  border-radius: 10px;\n  display: none;\n  z-index: 1;\n  bottom: 23px;\n  box-shadow: 0px 2px 6px -1px #110f0f6e;\n}\n\n.FL-zen2-card-container.white .FL-zen2-card-one-liner .plugin-item {\n  position: relative;\n}\n\n.FL-zen2-card-container.white .FL-zen2-card-one-liner .plugin-item .FL-zen2-tooltip {\n  top: -330px;\n}\n\n.FL-zen2-card-container.white .FL-zen2-card-one-liner .plugin-item:hover .FL-zen2-tooltip {\n  display: block !important;\n}\n\n.FL-zen2-card-container.white .FL-zen2-card-list-container .plugin-item:hover .FL-zen2-tooltip {\n  display: block !important;\n}\n\n.FL-zen2-card-container.white .FL-zen2-card-list-container .plugin-item {\n  display: inline;\n  position: absolute;\n  right: 0;\n}\n\n.FL-zen2-card-container.white .FL-zen2-card-list-item.white-tooltip {\n  position: relative;\n}\n\n.FL-zen2-card-container.white .FL-zen2-card-list-container .plugin-item a.el-tooltip {\n  padding: 0px 6px;\n  color: #ff5c00;\n  border-radius: 20px;\n  border: 1px #ff5c00 solid;\n  font-size: 12px;\n  cursor: pointer;\n}\n\na.FL-zen2-buy-now {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  height: 51px;\n  font-weight: 600;\n  transition: all ease-in-out 0.12s;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n  font-size: var(--step-1);\n}\n\na.FL-zen2-buy-now:hover {\n  transform: scale(1.03) rotate(0.5deg);\n}\n\na.FL-zen2-buy-now img {\n  height: 19px;\n  width: 19px;\n}\n\n.FL-zen2-card-container.orange a.FL-zen2-buy-now img {\n  filter: invert(100%);\n}\n\n\/*  *\/\n.FL-zen2-tooltip-para-bold {\n  font-weight: 700;\n}\n\n.FL-zen2-tooltip-heading {\n  font-weight: 700;\n}\n\n.FL-zen2-tooltip-para {\n  margin-top: 10px;\n}\n\n.commercial-box__product .zen-t-9-tooltip-item,\n.zen-t-9-steam-tooltip ,\n.commercial-box__product .zen-t-24-tooltip-item,\n.zen-t-24-steam-tooltip {\n  display: inline-block;\n}\n\n.commercial-box__product .zen-t-9-tooltip-box,\n.zen-t-9-steam-tooltip-box,\n.commercial-box__product .zen-t-24-tooltip-box,\n.zen-t-24-steam-tooltip-box {\n  display: none;\n}\n\n.commercial-box__products .commercial-box__product.unselected .description-text {\n  display: none;\n}\n\n@media screen and (max-width: 1200px) {\n  .FL-zen2-four-card-container {\n    grid-template-columns: repeat(2, 1fr) !important;\n    padding: 25px;\n  }\n}\n\n@media screen and (max-width: 830px) {\n  .FL-zen2-four-card-container {\n    grid-template-columns: 1fr !important;\n  }\n}\n\n@media screen and (min-width: 1300px) {\n  .FL-zen2-card-para {\n    min-height: 96px !important;\n  }\n\n  .FL-zen2-card-list-container {\n    min-height: 148px !important;\n  }\n}\n\n@media screen and (min-width: 1200px) {\n  .FL-zen2-card-para {\n    min-height: 120px;\n  }\n\n  .FL-zen2-card-list-container {\n    min-height: 171px;\n  }\n}\n\n@media screen and (max-width: 767px) {\n  .FL-zen2-container .FL-zen2-heading {\n    margin-top: 35px;\n    margin-bottom: 30px;\n    padding: 0px 25px;\n    text-align: center;\n  }\n\n  .FL-zen2-container .FL-zen2-threebox-container {\n    padding: 0px 25px;\n    gap: 20px;\n    flex-direction: column;\n  }\n\n  .FL-zen2-container .FL-zen2-four-card-container {\n    margin-top: 10px;\n  }\n\n  .FL-zen2-container .FL-zen2-card-list-item .plugin-item .FL-zen2-tooltip {\n    top: -179px;\n  }\n\n  .FL-zen2-container .FL-zen2-card-one-liner .plugin-item .FL-zen2-tooltip {\n    top: -332px !important;\n  }\n\n  .FL-zen2-container .FL-zen2-payment-sec {\n    padding: 0px 25px;\n    text-align: center;\n  }\n\n  .FL-zen2-container .FL-zen2-payment-sec .FL-zen2-payment-sec-sub-heading {\n    font-size: 15px;\n  }\n\n  .FL-zen2-container .FL-zen2-fop-sec {\n    padding: 0px 25px;\n    text-align: center;\n    margin-bottom: 55px;\n  }\n\n  html body.FL-zen2-pdp div.content > div:nth-of-type(2) .FL-zen2-card-list-item .FL-zen2-tooltip {\n    top: -179px;\n  }\n\n  html body.FL-zen2-pdp div.content > div:nth-of-type(2) .FL-zen2-card-one-liner .FL-zen2-tooltip {\n    top: -332px !important;\n  }\n\n  html body.FL-zen2-pdp div.content > div:nth-of-type(2) .FL-zen2-four-card-container {\n    padding: 25px 0px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  .FL-zen2-container .FL-zen2-card-one-liner .plugin-item .FL-zen2-tooltip,\n  .FL-zen2-card-container.white .FL-zen2-tooltip {\n    width: 290px;\n  }\n}\n\n@media screen and (max-width: 360px) {\n  .FL-zen2-container .FL-zen2-card-one-liner .plugin-item .FL-zen2-tooltip,\n  .FL-zen2-card-container.white .FL-zen2-tooltip {\n    width: 260px;\n  }\n}\n\n@media screen and (max-width: 767px) {\n  html body.FL-zen2-pdp div.content > div:nth-of-type(2) .orange-tooltip .FL-zen2-tooltip {\n    right: -22px;\n  }\n\n  .FL-zen2-card-container.orange .FL-zen2-card-one-liner .plugin-item:hover .FL-zen2-tooltip {\n    top: -346px !important;\n    right: -15px;\n  }\n\n  .FL-zen2-card-container.orange .FL-zen2-card-list-container .plugin-item:hover .FL-zen2-tooltip {\n    top: -206px;\n    right: -22px;\n  }\n\n  .FL-zen2-card-container.white .FL-zen2-card-one-liner .plugin-item:hover .FL-zen2-tooltip {\n    top: -350px !important;\n  }\n\n  .FL-zen2-card-container.white .FL-zen2-card-list-container .plugin-item:hover .FL-zen2-tooltip {\n    top: -215px !important;\n  }\n\n  .FL-zen2-card-container.white .FL-zen2-card-list-container .plugin-item:hover .FL-zen2-tooltip {\n    top: -210px !important;\n  }\n\n  .FL-zen2-card-container.white .FL-zen2-card-list-container .plugin-item:hover .FL-zen2-tooltip {\n    top: -210px !important;\n  }\n}\n\n\/** New css **\/\n.commercial-box__products .commercial-box__product {\n  overflow: visible;\n}\n\n.zen-t-9-tooltip-box,\n.zen-t-9-steam-tooltip-box {\n  position: relative;\n  top: -1px;\n}\n\n.zen-t-9-tooltip-box .FL-zen2-tooltip,\n.zen-t-9-steam-tooltip-box .FL-zen2-tooltip {\n  position: absolute;\n  right: -47px;\n  bottom: 15px;\n  width: 320px;\n  background: #f6f6f6;\n  padding: 10px;\n  border-radius: 10px;\n  display: none;\n  z-index: 1;\n  box-shadow: 0px 2px 6px -1px #110f0f6e;\n}\n\n.zen-t-9-tooltip-box .el-tooltip,\n.zen-t-9-steam-tooltip-box .el-tooltip {\n  padding: 0px 4px;\n  color: #ff5c00;\n  border-radius: 20px;\n  border: 1px #ff5c00 solid;\n  font-size: 7px;\n  cursor: pointer;\n  font-weight: bold;\n  vertical-align: middle;\n}\n\n.zen-t-9-tooltip-item:hover .FL-zen2-tooltip,\n.zen-t-9-steam-tooltip:hover .FL-zen2-tooltip {\n  display: block;\n}\n\n.zen-t-9-tooltip-item .FL-zen2-tooltip-para,\n.zen-t-9-steam-tooltip .FL-zen2-tooltip-para {\n  line-height: 1.5em !important;\n  margin-top: 0px;\n}\n\n.zen-t-9-tooltip-item .FL-zen2-tooltip-para b,\n.zen-t-9-steam-tooltip .FL-zen2-tooltip-para b {\n  margin-bottom: 4px;\n  display: block;\n}\n\n.zen-t-9-tooltip-item .iahorro-compare__edition,\n.zen-t-9-steam-tooltip .iahorro-compare__edition {\n  color: #ff5c00;\n}\n\n.zen-t-9-tooltip-item .iahorro-compare__edition:hover,\n.zen-t-9-steam-tooltip .iahorro-compare__edition:hover {\n  opacity: 0.8;\n}\n\n.zen-t-9-steam-tooltip-box .FL-zen2-tooltip-heading {\n  font-size: var(--step-0);\n  margin-bottom: 6px;\n}\n\n.fl-zen-11-card-list__capital,\n.FL-zen2-card-one-liner {\n  display: none;\n}\n\n\/**------- test 24 tooltip style ---------**\/\n\n\nhtml body .description-text .zen-price-description-box{\n  line-height: 1.4em;\n  font-size: 13px;\n}\n\nhtml body .zen-t-24-hide-description{\n    display: none;\n}\n\n\n.zen-t-24-tooltip-box,\n.zen-t-24-steam-tooltip-box {\n  position: relative;\n  top: -1px;\n}\n\n.zen-t-24-tooltip-box .FL-zen2-tooltip,\n.zen-t-24-steam-tooltip-box .FL-zen2-tooltip {\n  position: absolute;\n  right: -47px;\n  bottom: 15px;\n  width: 320px;\n  background: #f6f6f6;\n  padding: 10px;\n  border-radius: 10px;\n  display: none;\n  z-index: 1;\n  box-shadow: 0px 2px 6px -1px #110f0f6e;\n}\n\n.zen-t-24-tooltip-box .el-tooltip,\n.zen-t-24-steam-tooltip-box .el-tooltip {\n  padding: 0px 4px;\n  color: #ff5c00;\n  border-radius: 20px;\n  border: 1px #ff5c00 solid;\n  font-size: 7px;\n  cursor: pointer;\n  font-weight: bold;\n  vertical-align: middle;\n}\n\n.zen-t-24-tooltip-item:hover .FL-zen2-tooltip,\n.zen-t-24-steam-tooltip:hover .FL-zen2-tooltip {\n  display: block;\n}\n\n.zen-t-24-tooltip-item .FL-zen2-tooltip-para,\n.zen-t-24-steam-tooltip .FL-zen2-tooltip-para {\n  line-height: 1.5em !important;\n  margin-top: 0px;\n}\n\n.zen-t-24-tooltip-item .FL-zen2-tooltip-para b,\n.zen-t-24-steam-tooltip .FL-zen2-tooltip-para b {\n  margin-bottom: 4px;\n  display: block;\n}\n\n.zen-t-24-tooltip-item .iahorro-compare__edition,\n.zen-t-24-steam-tooltip .iahorro-compare__edition {\n  color: #ff5c00;\n}\n\n.zen-t-24-tooltip-item .iahorro-compare__edition:hover,\n.zen-t-24-steam-tooltip .iahorro-compare__edition:hover {\n  opacity: 0.8;\n}\n\n.zen-t-24-steam-tooltip-box .FL-zen2-tooltip-heading {\n  font-size: var(--step-0);\n  margin-bottom: 6px;\n}\n\n@media screen and (max-width: 440px){\n  .commercial-box__product .zen-t-9-tooltip-item{\n      display: inline;\n  }\n\n  html body .description-text .zen-price-description-box .zen-t-9-tooltip-item ~ br{\n    display: none;\n  }\n}","js":function(convertContext){ 
(function() {
  try {
    /* main variables */
    var debug = 0;
    var variation_name = "";

    var waitFor = (check, invoke, poll) => {
      if (check()) {
        invoke();
        return;
      }
      let polling = setInterval(() => {
        try {
          if (check()) {
            invoke();
            clearInterval(polling);
            polling = null;
          }
        } catch (e) {}
      }, poll.interval);
      setTimeout(() => {
        if (!polling) return;
        clearInterval(polling);
        window.evolvRenderTimeout = {
          msg: "evolv render listener timeout",
          poll,
        };
      }, poll.duration);
    };

    function waitForLibrary(trigger) {
      var INTERVAL = 50;
      var TIMEOUT = 15000;

      var interval = setInterval(function() {
        if (typeof window["ilHelpers"] != "undefined") {
          clearInterval(interval);
          trigger(window["ilHelpers"]);
        }
      }, INTERVAL);

      setTimeout(function() {
        clearInterval(interval);
      }, TIMEOUT);
    }

    var $refs = selector => {
      if (!selector) {
        return;
      }
      const els = document.querySelectorAll(selector);
      if (!els || !els.length) {
        return;
      }
      return els;
    };

    var $addClass = (selector, classes) => {
      if (!classes) {
        return;
      }
      const elements = $refs(selector);
      if (!elements) return;
      if (Array.isArray(classes)) {
        elements.forEach(el => {
          el.classList.add(...classes);
        });
        return;
      }
      if (typeof classes === "string") {
        elements.forEach(el => {
          el.classList.add(classes);
        });
      }
    };

    var currency = "";
    var currencySymbol = "";

    // Wait for product variable
    function waitForProductVariable(trigger) {
      var interval = setInterval(function() {
        if (typeof productData != "undefined" && typeof window.userData != "undefined") {
          clearInterval(interval);
          trigger();
        }
      }, 50);
      setTimeout(function() {
        clearInterval(interval);
      }, 5000);
    }

    function fourCards(dataProduct) {
      var t11TestCopy = `
       <hr
          class="fl-zen-11-card-list--show wp-block-separator has-text-color has-alpha-channel-opacity has-background wp-container-content-6"
          style="background-color: #dddddd; color: #dddddd" />
        <div class="fl-zen-11-card-list--show FL-zen2-card-list-item has-size-0-font-size orange"><span
            class="FL-zen2-bold-list fl-zen-11-card-list__checkbox">inclues</span>Lifetime free updates 
            <div
            class="plugin-item">
            <a class="el-tooltip item" aria-describedby="el-tooltip-9209" tabindex="0">i</a>
            <div class="FL-zen2-tooltip">
              <div class="FL-zen2-tooltip-heading">Buy FL Studio <span>once</span>  and get <span>free</span> updates <span>for life</span></div>
              <div class="FL-zen2-tooltip-para has-size-0-font-size">
                Other DAWs make you pay ~$200 for updates every 2 years. With FL Studio you always get the latest version with bug fixes, updates, new features and sometimes even high-quality new plugins at no extra cost. We’ve held this promise for 25 years!
              </div>
            </div>
          </div>
        </div>  `;

      return ` 
        <div class="FL-zen2-four-card-container ">
         <div class="FL-zen2-card-container white" data-tile-name='fruity-edition'>
          <div class="FL-zen2-card-sub-heading has-ff-century-gothic has-fw-semibold has-decoration-uppercase has-size-0-font-size">THE BASICS</div>
          <div class="FL-zen2-card-heading has-fw-semibold has-ff-open-sans-semicondensed has-size-3-font-size">Fruity Edition</div>
          <div class="FL-zen2-card-para has-size-0-font-size">
            Ideal for beginners, it offers everything you need to create your first tracks. Then upgrade when you\u2019re ready to add audio recording and extra pro tools.
          </div>
          <div class="FL-zen2-card-list-container">
            <div class="FL-zen2-card-list-item has-size-0-font-size"><span class="FL-zen2-bold-list">84</span>instruments and effects</div>
            <hr class="wp-block-separator has-text-color has-alpha-channel-opacity has-background wp-container-content-6" style="background-color: #dddddd; color: #dddddd" />
            <div class="FL-zen2-card-list-item white-tooltip has-size-0-font-size"><span class="FL-zen2-bold-list">No</span>Stem Separation
            <div class="plugin-item">
                <a class="el-tooltip item" aria-describedby="el-tooltip-9209" tabindex="0">i</a>
               
                <div class="FL-zen2-tooltip">
                  <div class="FL-zen2-tooltip-heading">AI-powered Stem Separation</div>
                  <div class="FL-zen2-tooltip-para has-size-0-font-size">
                    Remix and sample like a pro! Quickly extract instruments, drums, bass, and vocal layers from any audio file, directly within FL Studio. A valuable tool for both DJs and producers.
                    (Right-Click Audio Clips in the Playlist to access.)
                  </div>
                </div>
              </div>
              </div>
            <hr class="wp-block-separator has-text-color has-alpha-channel-opacity has-background wp-container-content-6" style="background-color: #dddddd; color: #dddddd" />
            <div class="FL-zen2-card-list-item has-size-0-font-size"><span class="FL-zen2-bold-list">No</span>audio recording</div>
            <hr class="wp-block-separator has-text-color has-alpha-channel-opacity has-background wp-container-content-6" style="background-color: #dddddd; color: #dddddd" />
            <div class="FL-zen2-card-list-item has-size-0-font-size"><span class="FL-zen2-bold-list">8</span>Audio Clips</div>
            <hr class="wp-block-separator has-text-color has-alpha-channel-opacity has-background wp-container-content-6" style="background-color: #dddddd; color: #dddddd" />
            <div class="FL-zen2-card-list-item has-size-0-font-size"><span class="FL-zen2-bold-list">Limited</span>playlist features</div>
            ${t11TestCopy}
          </div>
          <div class="FL-zen2-card-one-liner has-border-radius-5-px has-light-gray-background-color has-background">
            <div class="FL-zen2-card-one-liner-img">
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
                <path
                  d="M20 6h-2.18c.11-.31.18-.65.18-1a2.996 2.996 0 0 0-5.5-1.65l-.5.67-.5-.68C10.96 2.54 10.05 2 9 2 7.34 2 6 3.34 6 5c0 .35.07.69.18 1H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-5-2c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zM9 4c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm10 15H5c-.55 0-1-.45-1-1v-1h16v1c0 .55-.45 1-1 1zm1-5H4V9c0-.55.45-1 1-1h4.08L7.6 10.02a.995.995 0 0 0 .22 1.4c.44.32 1.07.22 1.39-.22L12 7.4l2.79 3.8c.32.44.95.54 1.39.22.45-.32.55-.95.22-1.4L14.92 8H19c.55 0 1 .45 1 1v5z"
                ></path>
              </svg>
            </div>
            <div class="FL-zen2-card-one-liner-text">Get one free month of FL Cloud</div>
            <div class="plugin-item">
                <a class="el-tooltip item" aria-describedby="el-tooltip-9209" tabindex="0">i</a>
                <div class="FL-zen2-tooltip">
                  <div class="FL-zen2-tooltip-heading">FL Cloud is an optional service for FL Studio users, built right inside the software.</div>
                  <div class="FL-zen2-tooltip-para has-size-0-font-size">
                    Get a sound library with over 1 million additional loops and one-shots, master your tracks in seconds with AI, and even release your songs directly on major streaming platforms like
                    Spotify and Apple music.
                  </div>
                  <div class="FL-zen2-tooltip-para has-size-0-font-size">
                    <span class="FL-zen2-tooltip-para-bold">No credit card required, no strings attached.</span> Reverts to 'Free user' mode when expired. Open the 'Sounds' Tab in the FL Studio Browser to
                    get started.
                  </div>
                </div>
            </div>
            
          </div>
          <div class="FL-zen2-price has-fw-semibold has-size-2-font-size" data-price-var="${dataProduct.fruityEdition}">$99</div>
          <a
            href="https://support.image-line.com/jshop/shop_flcloud2.php?ord=31010"
            class="FL-zen2-buy-now wp-block-button__link has-very-dark-grey-color has-text-color has-background has-link-color wp-element-button"
            >Buy now <img src="https://www.image-line.com/static/assets/arrow-circled-right-ZNIVDPDX.7abc618.svg"></a
          >
          <p class="has-mt-auto has-fw-regular has-size-0-font-size has-very-dark-grey-color has-text-color has-link-color">You own this Edition</p>
        </div>
        <div class="FL-zen2-card-container orange"  data-tile-name='producer-edition'>
          <div class="FL-zen2-card-sub-heading has-ff-century-gothic has-fw-semibold has-decoration-uppercase has-size-0-font-size">MOST POPULAR</div>
          <div class="FL-zen2-card-heading has-fw-semibold has-ff-open-sans-semicondensed has-size-3-font-size">Producer Edition</div>
          <div class="FL-zen2-card-para has-size-0-font-size">
            Our most popular Edition. Designed for those who seek advanced music production capabilities, including Stem Separation and audio recording.
          </div>
          <div class="FL-zen2-card-list-container">
            <div class="FL-zen2-card-list-item has-size-0-font-size"><span class="FL-zen2-bold-list">94</span>instruments and effects
             <div class="plugin-item">
                  <a class="el-tooltip item" aria-describedby="el-tooltip-9209" tabindex="0">i</a>
                  <div class="FL-zen2-tooltip dynamic">
                    <div class="FL-zen2-tooltip-para has-size-0-font-size">
                    <b>94 instruments and effects</b>
                    Includes everything in the Fruity Edition plus versatile and iconic 
                    plugins like Hyper Chorus, Spreader, Kepler, SoundFont Player, Slicex, Edison, Newtime, Frequency Shifter, 
                    Maximus Multiband Maximizer, Multiband Delay, Vocodex, Sytrus <a class="iahorro-compare__edition" href="https://www.image-line.com/fl-studio/compare-editions/">Compare Editions</a></div>
                  </div>
             </div>
            </div>
            <hr class="wp-block-separator has-text-color has-alpha-channel-opacity has-background wp-container-content-6" style="background-color: #dddddd; color: #dddddd" />
            <div class="FL-zen2-card-list-item orange-tooltip has-size-0-font-size">
              <span class="FL-zen2-bold-list fl-zen-11-card-list__checkbox">Includes</span>Stem Separation
              <div class="plugin-item">
                <a class="el-tooltip item" aria-describedby="el-tooltip-9209" tabindex="0">i</a>
               <div class="FL-zen2-tooltip">
                  <div class="FL-zen2-tooltip-heading">AI-powered Stem Separation</div>
                  <div class="FL-zen2-tooltip-para has-size-0-font-size">
                    Remix and sample like a pro! Quickly extract instruments, drums, bass, and vocal layers from any audio file, directly within FL Studio. A valuable tool for both DJs and producers.
                    (Right-Click Audio Clips in the Playlist to access.)
                  </div>
                </div>
              </div>
            </div>
            <hr class="wp-block-separator has-text-color has-alpha-channel-opacity has-background wp-container-content-6" style="background-color: #dddddd; color: #dddddd" />
            <div class="FL-zen2-card-list-item has-size-0-font-size"><span class="FL-zen2-bold-list fl-zen-11-card-list__checkbox">Includes</span><span class="fl-zen-11-card-list__capital">Audio recording</span><span class="fl-zen-11-card-list__normal">audio recording</span></div>
            <hr class="wp-block-separator has-text-color has-alpha-channel-opacity has-background wp-container-content-6" style="background-color: #dddddd; color: #dddddd" />
            <div class="FL-zen2-card-list-item has-size-0-font-size"><span class="FL-zen2-bold-list">Unlimited</span>Audio Clips</div>
            <hr class="wp-block-separator has-text-color has-alpha-channel-opacity has-background wp-container-content-6" style="background-color: #dddddd; color: #dddddd" />
            <div class="FL-zen2-card-list-item has-size-0-font-size"><span class="FL-zen2-bold-list">Full</span>playlist features</div>
            ${t11TestCopy}
          </div>
          <div class="FL-zen2-card-one-liner has-border-radius-5-px has-light-gray-background-color has-background">
            <div class="FL-zen2-card-one-liner-img">
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
                <path
                  d="M20 6h-2.18c.11-.31.18-.65.18-1a2.996 2.996 0 0 0-5.5-1.65l-.5.67-.5-.68C10.96 2.54 10.05 2 9 2 7.34 2 6 3.34 6 5c0 .35.07.69.18 1H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-5-2c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zM9 4c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm10 15H5c-.55 0-1-.45-1-1v-1h16v1c0 .55-.45 1-1 1zm1-5H4V9c0-.55.45-1 1-1h4.08L7.6 10.02a.995.995 0 0 0 .22 1.4c.44.32 1.07.22 1.39-.22L12 7.4l2.79 3.8c.32.44.95.54 1.39.22.45-.32.55-.95.22-1.4L14.92 8H19c.55 0 1 .45 1 1v5z"
                ></path>
              </svg>
            </div>
            <div class="FL-zen2-card-one-liner-text">Get one free month of FL Cloud</div>
            <div class="plugin-item">
              <a class="el-tooltip item" aria-describedby="el-tooltip-9209" tabindex="0">i</a>
              <div class="FL-zen2-tooltip">
                <div class="FL-zen2-tooltip-heading">FL Cloud is an optional service for FL Studio users, built right inside the software.</div>
                <div class="FL-zen2-tooltip-para has-size-0-font-size">
                  Get a sound library with over 1 million additional loops and one-shots, master your tracks in seconds with AI, and even release your songs directly on major streaming platforms like
                  Spotify and Apple music.
                </div>
                <div class="FL-zen2-tooltip-para has-size-0-font-size">
                  <span class="FL-zen2-tooltip-para-bold">No credit card required, no strings attached.</span> Reverts to 'Free user' mode when expired. Open the 'Sounds' Tab in the FL Studio Browser to
                  get started.
                </div>
              </div>
            </div>
    
          </div>
          <div class="FL-zen2-price has-fw-semibold has-size-2-font-size"  data-price-var="${dataProduct.producerEdition}">$179</div>
          <a
            href="https://support.image-line.com/jshop/shop_flcloud2.php?ord=31020"
            class="FL-zen2-buy-now wp-block-button__link has-very-dark-grey-color has-text-color has-background has-link-color wp-element-button"
            >Buy now <img src="https://www.image-line.com/static/assets/arrow-circled-right-ZNIVDPDX.7abc618.svg"></a
          >
          <p class="has-mt-auto has-fw-regular has-size-0-font-size has-very-dark-grey-color has-text-color has-link-color">You own this Edition</p>
        </div>
        <div class="FL-zen2-card-container white"  data-tile-name='signature-bundle'>
          <div class="FL-zen2-card-sub-heading has-ff-century-gothic has-fw-semibold has-decoration-uppercase has-size-0-font-size">FOR PROFESSIONALS</div>
          <div class="FL-zen2-card-heading has-fw-semibold has-ff-open-sans-semicondensed has-size-3-font-size">Signature Bundle</div>
          <div class="FL-zen2-card-para has-size-0-font-size">Signature bundle adds iconic, creative, genre-defining tools like Gross Beat, plus more effects and instruments.</div>
          <div class="FL-zen2-card-list-container">
            <div class="FL-zen2-card-list-item has-size-0-font-size"><span class="FL-zen2-bold-list">103</span>instruments, effects, and editors
             <div class="plugin-item">
                  <a class="el-tooltip item" aria-describedby="el-tooltip-9209" tabindex="0">i</a>
                  <div class="FL-zen2-tooltip dynamic">
                    <div class="FL-zen2-tooltip-para has-size-0-font-size">
                    <b>103 instruments, effects, and editors</b>
                    Includes everything in the Signature Bundle plus versatile and iconic plugins like LuxeVerb, Pitch Shifter, Transient Processor, Drumaxx, Harmor, Kepler Exo, Morphine, Ogun, Poizone, Sakura, Sawer, Toxic Biohazard, Transistor Bass 
                    <a class="iahorro-compare__edition" href="https://www.image-line.com/fl-studio/compare-editions/">Compare Editions</a>
                    </div>
                  </div>
             </div>
            </div>
            <hr class="wp-block-separator has-text-color has-alpha-channel-opacity has-background wp-container-content-6" style="background-color: #dddddd; color: #dddddd" />
            <div class="FL-zen2-card-list-item white-tooltip has-size-0-font-size"><span class="FL-zen2-bold-list fl-zen-11-card-list__checkbox">Includes</span>Stem Separation
            <div class="plugin-item">
                <a class="el-tooltip item" aria-describedby="el-tooltip-9209" tabindex="0">i</a>
               <div class="FL-zen2-tooltip">
                  <div class="FL-zen2-tooltip-heading">AI-powered Stem Separation</div>
                  <div class="FL-zen2-tooltip-para has-size-0-font-size">
                    Remix and sample like a pro! Quickly extract instruments, drums, bass, and vocal layers from any audio file, directly within FL Studio. A valuable tool for both DJs and producers.
                    (Right-Click Audio Clips in the Playlist to access.)
                  </div>
                </div>
              </div>
            </div>
            <hr class="wp-block-separator has-text-color has-alpha-channel-opacity has-background wp-container-content-6" style="background-color: #dddddd; color: #dddddd" />
            <div class="FL-zen2-card-list-item has-size-0-font-size"><span class="FL-zen2-bold-list fl-zen-11-card-list__checkbox">Includes</span><span class="fl-zen-11-card-list__capital">Audio recording</span><span class="fl-zen-11-card-list__normal">audio recording</span></div>
            <hr class="wp-block-separator has-text-color has-alpha-channel-opacity has-background wp-container-content-6" style="background-color: #dddddd; color: #dddddd" />
            <div class="FL-zen2-card-list-item has-size-0-font-size"><span class="FL-zen2-bold-list">Unlimited</span>Audio Clips</div>
            <hr class="wp-block-separator has-text-color has-alpha-channel-opacity has-background wp-container-content-6" style="background-color: #dddddd; color: #dddddd" />
            <div class="FL-zen2-card-list-item has-size-0-font-size"><span class="FL-zen2-bold-list">Full</span>playlist features</div>
            ${t11TestCopy}
          </div>
          <div class="FL-zen2-card-one-liner has-border-radius-5-px has-light-gray-background-color has-background">
            <div class="FL-zen2-card-one-liner-img">
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
                <path
                  d="M20 6h-2.18c.11-.31.18-.65.18-1a2.996 2.996 0 0 0-5.5-1.65l-.5.67-.5-.68C10.96 2.54 10.05 2 9 2 7.34 2 6 3.34 6 5c0 .35.07.69.18 1H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-5-2c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zM9 4c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm10 15H5c-.55 0-1-.45-1-1v-1h16v1c0 .55-.45 1-1 1zm1-5H4V9c0-.55.45-1 1-1h4.08L7.6 10.02a.995.995 0 0 0 .22 1.4c.44.32 1.07.22 1.39-.22L12 7.4l2.79 3.8c.32.44.95.54 1.39.22.45-.32.55-.95.22-1.4L14.92 8H19c.55 0 1 .45 1 1v5z"
                ></path>
              </svg>
            </div>
            <div class="FL-zen2-card-one-liner-text">Get one free month of FL Cloud</div>
            <div class="plugin-item">
                <a class="el-tooltip item" aria-describedby="el-tooltip-9209" tabindex="0">i</a>
                <div class="FL-zen2-tooltip">
                  <div class="FL-zen2-tooltip-heading">FL Cloud is an optional service for FL Studio users, built right inside the software.</div>
                  <div class="FL-zen2-tooltip-para has-size-0-font-size">
                    Get a sound library with over 1 million additional loops and one-shots, master your tracks in seconds with AI, and even release your songs directly on major streaming platforms like
                    Spotify and Apple music.
                  </div>
                  <div class="FL-zen2-tooltip-para has-size-0-font-size">
                    <span class="FL-zen2-tooltip-para-bold">No credit card required, no strings attached.</span> Reverts to 'Free user' mode when expired. Open the 'Sounds' Tab in the FL Studio Browser to
                    get started.
                  </div>
                </div>
            </div>
            
          </div>
          <div class="FL-zen2-price has-fw-semibold has-size-2-font-size"  data-price-var="${dataProduct.signatureBundle}">$269</div>
          <a
            href="https://support.image-line.com/jshop/shop_flcloud2.php?ord=31035"
            class="FL-zen2-buy-now wp-block-button__link has-very-dark-grey-color has-text-color has-background has-link-color wp-element-button"
            >Buy now <img src="https://www.image-line.com/static/assets/arrow-circled-right-ZNIVDPDX.7abc618.svg"></a
          >
          <p class="has-mt-auto has-fw-regular has-size-0-font-size has-very-dark-grey-color has-text-color has-link-color">You own this Edition</p>
        </div>
        <div class="FL-zen2-card-container white" data-tile-name='all-plugins-bundle'>
          <div class="FL-zen2-card-sub-heading has-ff-century-gothic has-fw-semibold has-decoration-uppercase has-size-0-font-size">JUST EVERYTHING</div>
          <div class="FL-zen2-card-heading has-fw-semibold has-ff-open-sans-semicondensed has-size-3-font-size">All Plugins Edition</div>
          <div class="FL-zen2-card-para has-size-0-font-size">
            Our most complete Edition includes every single plugin and features, ideal for advanced, pro mixing and recording. Your gateway to greatness awaits!
          </div>
          <div class="FL-zen2-card-list-container">
            <div class="FL-zen2-card-list-item has-size-0-font-size"><span class="FL-zen2-bold-list">115 </span>instruments, effects, and editors
            <div class="plugin-item">
                  <a class="el-tooltip item" aria-describedby="el-tooltip-9209" tabindex="0">i</a>
                  <div class="FL-zen2-tooltip dynamic">
                    <div class="FL-zen2-tooltip-para has-size-0-font-size">
                     <b>115 instruments, effects, and editors</b>
                     Includes everything  in the Producer Edition plus versatile and iconic plugins like Newtone, Gross Beat, Hardcore (11 Guitar FX), Low Lifter, Pitcher, Vintage Chorus, Vintage Phaser, DirectWave Full, Harmless, Fruity Video Player
                     <a class="iahorro-compare__edition" href="https://www.image-line.com/fl-studio/compare-editions/">Compare Editions</a></div>
                  </div>
                </div>
            </div>
            <hr class="wp-block-separator has-text-color has-alpha-channel-opacity has-background wp-container-content-6" style="background-color: #dddddd; color: #dddddd" />
            <div class="FL-zen2-card-list-item white-tooltip has-size-0-font-size"><span class="FL-zen2-bold-list fl-zen-11-card-list__checkbox">Includes</span>Stem Separation
            <div class="plugin-item">
                <a class="el-tooltip item" aria-describedby="el-tooltip-9209" tabindex="0">i</a>
               <div class="FL-zen2-tooltip">
                  <div class="FL-zen2-tooltip-heading">AI-powered Stem Separation</div>
                  <div class="FL-zen2-tooltip-para has-size-0-font-size">
                    Remix and sample like a pro! Quickly extract instruments, drums, bass, and vocal layers from any audio file, directly within FL Studio. A valuable tool for both DJs and producers.
                    (Right-Click Audio Clips in the Playlist to access.)
                  </div>
                </div>
              </div>
            </div>
            <hr class="wp-block-separator has-text-color has-alpha-channel-opacity has-background wp-container-content-6" style="background-color: #dddddd; color: #dddddd" />
            <div class="FL-zen2-card-list-item has-size-0-font-size"><span class="FL-zen2-bold-list fl-zen-11-card-list__checkbox">Includes</span><span class="fl-zen-11-card-list__capital">Audio recording</span><span class="fl-zen-11-card-list__normal">audio recording</span></div>
            <hr class="wp-block-separator has-text-color has-alpha-channel-opacity has-background wp-container-content-6" style="background-color: #dddddd; color: #dddddd" />
            <div class="FL-zen2-card-list-item has-size-0-font-size"><span class="FL-zen2-bold-list">Unlimited</span>Audio Clips</div>
            <hr class="wp-block-separator has-text-color has-alpha-channel-opacity has-background wp-container-content-6" style="background-color: #dddddd; color: #dddddd" />
            <div class="FL-zen2-card-list-item has-size-0-font-size"><span class="FL-zen2-bold-list">Full</span>playlist features</div>
            ${t11TestCopy}
          </div>
          <div class="FL-zen2-card-one-liner has-border-radius-5-px has-light-gray-background-color has-background">
            <div class="FL-zen2-card-one-liner-img">
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
                <path
                  d="M20 6h-2.18c.11-.31.18-.65.18-1a2.996 2.996 0 0 0-5.5-1.65l-.5.67-.5-.68C10.96 2.54 10.05 2 9 2 7.34 2 6 3.34 6 5c0 .35.07.69.18 1H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-5-2c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zM9 4c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm10 15H5c-.55 0-1-.45-1-1v-1h16v1c0 .55-.45 1-1 1zm1-5H4V9c0-.55.45-1 1-1h4.08L7.6 10.02a.995.995 0 0 0 .22 1.4c.44.32 1.07.22 1.39-.22L12 7.4l2.79 3.8c.32.44.95.54 1.39.22.45-.32.55-.95.22-1.4L14.92 8H19c.55 0 1 .45 1 1v5z"
                ></path>
              </svg>
            </div>
            <div class="FL-zen2-card-one-liner-text">Get one free month of FL Cloud</div>
            <div class="plugin-item">
              <a class="el-tooltip item" aria-describedby="el-tooltip-9209" tabindex="0">i</a>
             <div class="FL-zen2-tooltip">
                <div class="FL-zen2-tooltip-heading">FL Cloud is an optional service for FL Studio users, built right inside the software.</div>
                <div class="FL-zen2-tooltip-para has-size-0-font-size">
                  Get a sound library with over 1 million additional loops and one-shots, master your tracks in seconds with AI, and even release your songs directly on major streaming platforms like
                  Spotify and Apple music.
                </div>
                <div class="FL-zen2-tooltip-para has-size-0-font-size">
                  <span class="FL-zen2-tooltip-para-bold">No credit card required, no strings attached.</span> Reverts to 'Free user' mode when expired. Open the 'Sounds' Tab in the FL Studio Browser to
                  get started.
                </div>
              </div>
            </div>
            
          </div>
          <div class="FL-zen2-price has-fw-semibold has-size-2-font-size" data-price-var="${dataProduct.allPluginsEdition}">$499</div>
          <a
            href="https://support.image-line.com/jshop/shop_flcloud2.php?ord=31045"
            class="FL-zen2-buy-now wp-block-button__link has-very-dark-grey-color has-text-color has-background has-link-color wp-element-button"
            >Buy now <img src="https://www.image-line.com/static/assets/arrow-circled-right-ZNIVDPDX.7abc618.svg"></a
          >
          <p class="has-mt-auto has-fw-regular has-size-0-font-size has-very-dark-grey-color has-text-color has-link-color">You own this Edition</p>
        </div>
        </div>`;
    }

    function FL_zen2_html(dataProduct) {
      return `
          <div class="FL-zen2-container">
            <h2 class="FL-zen2-heading has-ff-open-sans-semicondensed has-fw-semibold has-size-6-font-size">Take your music production to another level</h2>
            ${fourCards(dataProduct)}
            <div class="FL-zen2-payment-sec">
              <div class="FL-zen2-payment-sec-heading">Unsure which edition to start with?</div>
              <div class="FL-zen2-payment-sec-sub-heading">Just buy the cheaper version now and upgrade later and only pay the difference.</div>
            </div>
            <div class="FL-zen2-fop-sec">
              <div class="FL-zen2-fop-sec-img"><img src="https://www.image-line.com/static/assets/payment-providers-1.png.566777f.webp" alt="" /></div>
              <div class="FL-zen2-fop-sec-text has-size-0-font-size">30+ payment providers. Some payment plans might only be available in all regions.</div>
            </div>
          </div>`;
    }

    function fnLineCopy(currency, dataProduct) {
      return {
        "fruity-edition": `
              <span class="FL-zen2-bold-list">${dataProduct.fruityInstruments}</span>instruments & effects<span class="zen-plugin-worth--copy"> worth </span><span class="FL-zen2-bold-orange">${currency}${dataProduct.fruityPricing} </span>`,

        "producer-edition": `
                  <span class="FL-zen2-bold-list">${dataProduct.producerInstruments}</span>instruments & effects<span class="zen-plugin-worth--copy"> worth </span><span class="FL-zen2-bold-orange">${currency}${dataProduct.producerPricing}</span>
                  <div class="plugin-item">
                    <a class="el-tooltip item" aria-describedby="el-tooltip-9209" tabindex="0">i</a>
                    <div class="FL-zen2-tooltip dynamic">
                      <div class="FL-zen2-tooltip-para has-size-0-font-size">
                      <b>${dataProduct.producerInstruments} instruments & effects<span class="zen-plugin-worth--copy"> worth </span><span class="FL-zen2-bold-orange">${currency}${dataProduct.producerPricing}</span></b>
                      Includes everything in the Fruity Edition plus versatile and iconic 
                      plugins like Hyper Chorus, Spreader, Kepler, SoundFont Player, Slicex, Edison, Newtime, Frequency Shifter, 
                      Maximus Multiband Maximizer, Multiband Delay, Vocodex, Sytrus <a class="iahorro-compare__edition" href="https://www.image-line.com/fl-studio/compare-editions/">Compare Editions</a></div>
                    </div>
                  </div>`,

        "signature-bundle": `
                  <span class="FL-zen2-bold-list">${dataProduct.signatureInstruments}</span>instruments & plugins<span class="zen-plugin-worth--copy"> worth </span><span class="FL-zen2-bold-orange">${currency}${dataProduct.signaturePricing}</span>
                  <div class="plugin-item">
                    <a class="el-tooltip item" aria-describedby="el-tooltip-9209" tabindex="0">i</a>
                    <div class="FL-zen2-tooltip dynamic">
                      <div class="FL-zen2-tooltip-para has-size-0-font-size">
                       <b>${dataProduct.signatureInstruments} instruments & plugins<span class="zen-plugin-worth--copy"> worth </span><span class="FL-zen2-bold-orange">${currency}${dataProduct.signaturePricing}</span></b>
                       Includes everything  in the Producer Edition plus versatile and iconic plugins like Newtone, Gross Beat, Hardcore (11 Guitar FX), Low Lifter, Pitcher, Vintage Chorus, Vintage Phaser, DirectWave Full, Harmless, Fruity Video Player
                       <a class="iahorro-compare__edition" href="https://www.image-line.com/fl-studio/compare-editions/">Compare Editions</a></div>
                    </div>
                  </div>`,

        "all-plugins-bundle": `
                  <span class="FL-zen2-bold-list">${dataProduct.allPluginsInstruments}</span>instruments & plugins<span class="zen-plugin-worth--copy"> worth </span><span class="FL-zen2-bold-orange">${currency}${dataProduct.allPluginsPricing}</span>
                  <div class="plugin-item">
                    <a class="el-tooltip item" aria-describedby="el-tooltip-9209" tabindex="0">i</a>
                    <div class="FL-zen2-tooltip dynamic">
                      <div class="FL-zen2-tooltip-para has-size-0-font-size">
                      <b>${dataProduct.allPluginsInstruments} instruments & plugins<span class="zen-plugin-worth--copy"> worth </span><span class="FL-zen2-bold-orange">${currency}${dataProduct.allPluginsPricing}</span></b>
                      Includes everything in the Signature Bundle plus versatile and iconic plugins like LuxeVerb, Pitch Shifter, Transient Processor, Drumaxx, Harmor, Kepler Exo, Morphine, Ogun, Poizone, Sakura, Sawer, Toxic Biohazard, Transistor Bass 
                      <a class="iahorro-compare__edition" href="https://www.image-line.com/fl-studio/compare-editions/">Compare Editions</a>
                      </div>
                    </div>
                  </div>`,
      };
    }

    var steamSeprationTooltip = `
      <div class="plugin-item zen-t-9-steam-tooltip-box">
        <a class="el-tooltip item" aria-describedby="el-tooltip-9209" tabindex="0">i</a>
        <div class="FL-zen2-tooltip">
          <div class="FL-zen2-tooltip-heading">AI-powered Stem Separation</div>
          <div class="FL-zen2-tooltip-para has-size-0-font-size">
            Remix and sample like a pro! Quickly extract instruments, drums, bass, and vocal layers from any audio file,
            directly within FL Studio. A valuable tool for both DJs and producers.
            (Right-Click Audio Clips in the Playlist to access.)
          </div>
        </div>
      </div>`;

    var steamSeprationTooltipT24 = `
      <div class="plugin-item zen-t-24-steam-tooltip-box">
        <a class="el-tooltip item" aria-describedby="el-tooltip-9209" tabindex="0">i</a>
        <div class="FL-zen2-tooltip">
          <div class="FL-zen2-tooltip-heading">AI-powered Stem Separation</div>
          <div class="FL-zen2-tooltip-para has-size-0-font-size">
            Remix and sample like a pro! Quickly extract instruments, drums, bass, and vocal layers from any audio file,
            directly within FL Studio. A valuable tool for both DJs and producers.
            (Right-Click Audio Clips in the Playlist to access.)
          </div>
        </div>
      </div>`;

    var lifeUpdateTooltip24 = `
    <div class="plugin-item zen-t-24-steam-tooltip-box zen-t-24-update-tooltip-box">
      <a class="el-tooltip item" aria-describedby="el-tooltip-9209" tabindex="0">i</a>
      <div class="FL-zen2-tooltip">
        <div class="FL-zen2-tooltip-heading"> Buy FL Studio <span class="zen-t-24-underline-text">once</span> and get <span class="zen-t-24-underline-text">free</span> updates for <span class="zen-t-24-underline-text">life</span></div>
        <div class="FL-zen2-tooltip-para has-size-0-font-size">
          Other DAWs make you pay ~$200 for updates every 2 years. With FL Studio you always get the latest version with bug fixes, updates, new features and sometimes even high-quality new plugins at no extra cost. We’ve held this promise for 25 years!
        </div>
      </div>
    </div>`;

    function fnGetToolTipCopy(currency, dataProduct, key) {
      return {
        "fruity-edition": ``,
        "producer-edition": `
                  <div class="plugin-item--top zen-t-9-tooltip-box">
                    <a class="el-tooltip item" aria-describedby="el-tooltip-9209" tabindex="0">i</a>
                    <div class="FL-zen2-tooltip dynamic">
                      <div class="FL-zen2-tooltip-para has-size-0-font-size">
                      <b>${dataProduct.producerInstruments} instruments & effects<span class="zen-plugin-worth--copy"> worth </span><span class="FL-zen2-bold-orange">${currency}${dataProduct.producerPricing}</span></b>
                      Includes everything in the Fruity Edition plus versatile and iconic 
                      plugins like Hyper Chorus, Spreader, Kepler, SoundFont Player, Slicex, Edison, Newtime, Frequency Shifter, 
                      Maximus Multiband Maximizer, Multiband Delay, Vocodex, Sytrus <a class="iahorro-compare__edition" href="https://www.image-line.com/fl-studio/compare-editions/">Compare Editions</a></div>
                    </div>
                  </div>`,

        "signature-bundle": `
                  <div class="plugin-item--top zen-t-9-tooltip-box">
                    <a class="el-tooltip item" aria-describedby="el-tooltip-9209" tabindex="0">i</a>
                    <div class="FL-zen2-tooltip dynamic">
                      <div class="FL-zen2-tooltip-para has-size-0-font-size">
                       <b>${dataProduct.signatureInstruments} instruments & plugins<span class="zen-plugin-worth--copy"> worth </span><span class="FL-zen2-bold-orange">${currency}${dataProduct.signaturePricing}</span></b>
                       Includes everything  in the Producer Edition plus versatile and iconic plugins like Newtone, Gross Beat, Hardcore (11 Guitar FX), Low Lifter, Pitcher, Vintage Chorus, Vintage Phaser, DirectWave Full, Harmless, Fruity Video Player
                       <a class="iahorro-compare__edition" href="https://www.image-line.com/fl-studio/compare-editions/">Compare Editions</a></div>
                    </div>
                  </div>`,

        "all-plugins-bundle": `
                  <div class="plugin-item--top zen-t-9-tooltip-box">
                    <a class="el-tooltip item" aria-describedby="el-tooltip-9209" tabindex="0">i</a>
                    <div class="FL-zen2-tooltip dynamic">
                      <div class="FL-zen2-tooltip-para has-size-0-font-size">
                      <b>${dataProduct.allPluginsInstruments} instruments & plugins<span class="zen-plugin-worth--copy"> worth </span><span class="FL-zen2-bold-orange">${currency}${dataProduct.allPluginsPricing}</span></b>
                      Includes everything in the Signature Bundle plus versatile and iconic plugins like LuxeVerb, Pitch Shifter, Transient Processor, Drumaxx, Harmor, Kepler Exo, Morphine, Ogun, Poizone, Sakura, Sawer, Toxic Biohazard, Transistor Bass 
                      <a class="iahorro-compare__edition" href="https://www.image-line.com/fl-studio/compare-editions/">Compare Editions</a>
                      </div>
                    </div>
                  </div>`,
      }[key];
    }

    function updateCopy(currencySymbol, dataProduct) {
      document.querySelectorAll("[data-tile-name]").forEach(function(item) {
        var name = item.dataset.tileName || "";
        var text = fnLineCopy(currencySymbol, dataProduct)[name] || "";

        var sector = item.querySelector(".FL-zen2-card-list-item ");
        if (sector) {
          sector.innerHTML = text;
        }
      });
    }

    function updateRadioCopy(dataKey) {
      setTimeout(function() {
        var allCommercialProducts = document.querySelectorAll(".commercial-box__products .commercial-box__product");

        // Update all commercial product value
        allCommercialProducts.forEach(function(product) {
          var productKey = product.dataset.jsProduct;
          var radioCopy = product.querySelector(".description-text");

          if (productKey.includes("fruity") && radioCopy) {
            radioCopy.innerHTML = dataKey.fruityDesc();
          } else if (productKey.includes("fruity") && !radioCopy) {
            var descriptionTxt = `<div class="description-text">${dataKey.fruityDesc()}</div>`;

            // Add description txt
            var productTitleEl = product.querySelector(".commercial-box__product__cell.title");
            if (productTitleEl && !productTitleEl.querySelector(".description-text")) {
              productTitleEl.insertAdjacentHTML("beforeend", descriptionTxt);
            }
          }

          radioCopy = product.querySelector(".description-text");
          if (productKey.includes("producer") && radioCopy) {
            radioCopy.innerHTML = dataKey.producerDesc();
          } else if (productKey.includes("producer") && !radioCopy) {
            var descriptionTxt = `<div class="description-text">${dataKey.producerDesc()}</div>`;

            // Add description txt
            var productTitleEl = product.querySelector(".commercial-box__product__cell.title");
            if (productTitleEl && !productTitleEl.querySelector(".description-text")) {
              productTitleEl.insertAdjacentHTML("beforeend", descriptionTxt);
            }
          }

          radioCopy = product.querySelector(".description-text");
          if (productKey.includes("signature") && radioCopy) {
            radioCopy.innerHTML = dataKey.signatureDesc();
          } else if (productKey.includes("signature") && !radioCopy) {
            var descriptionTxt = `<div class="description-text">${dataKey.signatureDesc()}</div>`;

            // Add description txt
            var productTitleEl = product.querySelector(".commercial-box__product__cell.title");
            if (productTitleEl && !productTitleEl.querySelector(".description-text")) {
              productTitleEl.insertAdjacentHTML("beforeend", descriptionTxt);
            }
          }

          radioCopy = product.querySelector(".description-text");
          if (productKey.includes("all-plugins") && radioCopy) {
            radioCopy.innerHTML = dataKey.allPluginsDesc();
          } else if (productKey.includes("all-plugins") && !radioCopy) {
            var descriptionTxt = `<div class="description-text">${dataKey.allPluginsDesc()}</div>`;

            // Add description txt
            var productTitleEl = product.querySelector(".commercial-box__product__cell.title");
            if (productTitleEl && !productTitleEl.querySelector(".description-text")) {
              productTitleEl.insertAdjacentHTML("beforeend", descriptionTxt);
            }
          }
        });
      }, 100);
    }

    // Update Copy
    function updatePrice(dataProduct) {
      var tiles = document.querySelectorAll(".commercial-box__product");
      tiles.forEach(function(priceElm) {
        var attribute = priceElm.dataset.jsProduct;
        var newTilePrice = document.querySelector(`[data-price-var="${attribute}"]`);

        if (newTilePrice) {
          newTilePrice.innerHTML = priceElm.querySelector(".current-price") ? priceElm.querySelector(".current-price").innerHTML : "";
        }

        if (priceElm.classList.contains("owned") && newTilePrice) {
          var getTileName = newTilePrice.closest(".FL-zen2-card-container")?.getAttribute("data-tile-name");
          document.querySelector(".FL-zen2-four-card-container")?.classList.add(`FL-zen2-${getTileName}-owned`);
          newTilePrice?.closest(".FL-zen2-card-container")?.classList.add(`FL-zen2-owned`);
        }
      });

      if (currency == "USD" || currency == "EUR") {
        updateCopy(currencySymbol, dataProduct);
      }
    }

    function init(currentCurrencySymbol) {
      if (currentCurrencySymbol == "USD") {
        currency = "USD";
        currencySymbol = "$";
      } else if (currentCurrencySymbol == "EUR") {
        currency = "EUR";
        currencySymbol = "€";
      }

      var dataProduct = {
        regular: {
          fruityEdition: "fruity-edition",
          fruityInstruments: "84",
          fruityPricing: "3,822",
          fruityDesc() {
            return `
            <div class="zen-price-description-box">
            Lifetime FL Studio license for <div class="zen-t-9-tooltip-item">+84 instruments & effects<span class="zen-plugin-worth--copy"> worth </span><span class="zen-plugin-price--bold">${currencySymbol}3,822</span>${fnGetToolTipCopy(
              currencySymbol,
              this,
              "fruity-edition"
            )}</div>, <br>no audio recording, no <div class="zen-t-9-steam-tooltip">stem separation${steamSeprationTooltip}</div>.
            </div>

            <div class="zen-price-description-box zen-t-24-hide-description zen-t-24-v3-description">
              Lifetime FL Studio license for 
              <br>+84 instruments & effects worth <span class="zen-plugin-price--bold">${currencySymbol}3,822</span>,
              <br>no audio recording, no <div class="zen-t-24-steam-tooltip">stem separation${steamSeprationTooltipT24}</div>.
            </div>

            <div class="zen-price-description-box zen-t-24-hide-description zen-t-24-v1-description">
              FL Studio license for 
              +84 instruments & effects worth <span class="zen-plugin-price--bold">${currencySymbol}3,822</span>.
              Includes <div class="zen-t-24-steam-tooltip zen-t-24-lifefree-tooltip">Lifetime Free updates${lifeUpdateTooltip24}</div>, <br>but no audio recording, no <div class="zen-t-24-steam-tooltip">stem separation${steamSeprationTooltipT24}</div>.
            </div>
            `;
          },
          producerEdition: "producer-edition",
          producerInstruments: "94",
          producerPricing: "4,470",
          producerDesc() {
            return `
             <div class="zen-price-description-box">Lifetime FL Studio license for <div class="zen-t-9-tooltip-item">+94 instruments & effects<span class="zen-plugin-worth--copy"> worth </span><span class="zen-plugin-price--bold">${currencySymbol}4,470</span>${fnGetToolTipCopy(
              currencySymbol,
              this,
              "producer-edition"
            )}</div>, <br>includes audio recording and <div class="zen-t-9-steam-tooltip">stem separation${steamSeprationTooltip}</div>.
            </div>

            <div class="zen-price-description-box zen-t-24-hide-description zen-t-24-v3-description">
              Lifetime FL Studio license for  
              <div class="zen-t-24-tooltip-item">+94 instruments & effects worth <span class="zen-plugin-price--bold">${currencySymbol}4,470</span>,
                ${fnGetToolTipCopy(currencySymbol, this, "producer-edition")}
              </div>
              includes audio recording and <div class="zen-t-24-steam-tooltip">stem separation${steamSeprationTooltipT24}</div>
            </div>

            
            <div class="zen-price-description-box zen-t-24-hide-description zen-t-24-v1-description">
              FL Studio license for 
              <div class="zen-t-24-tooltip-item">+94 instruments & effects worth <span class="zen-plugin-price--bold">${currencySymbol}4,470</span>,
                ${fnGetToolTipCopy(currencySymbol, this, "producer-edition")}
              </div>
              includes audio recording, <div class="zen-t-24-steam-tooltip">stem separation${steamSeprationTooltipT24}</div>, and <div class="zen-t-24-steam-tooltip zen-t-24-lifefree-tooltip">free updates for life.${lifeUpdateTooltip24}</div>
            </div>
            `;
          },
          signatureBundle: "signature-bundle",
          signatureInstruments: "103",
          signaturePricing: "5,250",
          signatureDesc() {
            return `
            <div class="zen-price-description-box">Lifetime FL Studio license for <div class="zen-t-9-tooltip-item">+103 instruments & effects<span class="zen-plugin-worth--copy"> worth </span><span class="zen-plugin-price--bold">${currencySymbol}5,250</span>${fnGetToolTipCopy(
              currencySymbol,
              this,
              "signature-bundle"
            )}</div>, <br>includes audio recording and <div class="zen-t-9-steam-tooltip">stem separation${steamSeprationTooltip}</div>.
            </div>

            <div class="zen-price-description-box zen-t-24-hide-description zen-t-24-v3-description">
              Lifetime FL Studio license for  
              <div class="zen-t-24-tooltip-item">+103 instruments & effects worth <span class="zen-plugin-price--bold">${currencySymbol}5,250</span>,
                ${fnGetToolTipCopy(currencySymbol, this, "signature-bundle")}
              </div>
              includes audio recording and <div class="zen-t-24-steam-tooltip">stem separation${steamSeprationTooltipT24}</div>
            </div>
            

            <div class="zen-price-description-box zen-t-24-hide-description zen-t-24-v1-description">
              FL Studio license for 
              <div class="zen-t-24-tooltip-item">+103 instruments & effects worth <span class="zen-plugin-price--bold">${currencySymbol}5,250</span>,
                ${fnGetToolTipCopy(currencySymbol, this, "signature-bundle")}
              </div>
              includes audio recording, <div class="zen-t-24-steam-tooltip">stem separation${steamSeprationTooltipT24}</div>, and <div class="zen-t-24-steam-tooltip zen-t-24-lifefree-tooltip">free updates for life.${lifeUpdateTooltip24}</div>
            </div>`;
          },
          allPluginsEdition: "all-plugins-bundle",
          allPluginsInstruments: "116",
          allPluginsPricing: "6,357",
          allPluginsDesc() {
            return `
            <div class="zen-price-description-box">Lifetime FL Studio license for <div class="zen-t-9-tooltip-item">+116 instruments & effects<span class="zen-plugin-worth--copy"> worth </span><span class="zen-plugin-price--bold">${currencySymbol}6,357</span>${fnGetToolTipCopy(
              currencySymbol,
              this,
              "all-plugins-bundle"
            )}</div>, <br>includes audio recording and <div class="zen-t-9-steam-tooltip">stem separation${steamSeprationTooltip}</div>.
            </div>

            <div class="zen-price-description-box zen-t-24-hide-description zen-t-24-v3-description">
              Lifetime FL Studio license for  
              <div class="zen-t-24-tooltip-item">+116 instruments & effects worth <span class="zen-plugin-price--bold">${currencySymbol}6,357</span>,
                ${fnGetToolTipCopy(currencySymbol, this, "all-plugins-bundle")}
              </div>
              includes audio recording and <div class="zen-t-24-steam-tooltip">stem separation${steamSeprationTooltipT24}</div>
            </div>

            <div class="zen-price-description-box zen-t-24-hide-description zen-t-24-v1-description">
              FL Studio license for 
              <div class="zen-t-24-tooltip-item">+116 instruments & effects worth <span class="zen-plugin-price--bold">${currencySymbol}6,357</span>,
                ${fnGetToolTipCopy(currencySymbol, this, "all-plugins-bundle")}
              </div>
              includes audio recording, <div class="zen-t-24-steam-tooltip">stem separation${steamSeprationTooltipT24}</div>, and <div class="zen-t-24-steam-tooltip zen-t-24-lifefree-tooltip">free updates for life.${lifeUpdateTooltip24}</div>
            </div>`;
          },
        },
        31010: {
          fruityEdition: "fruity-edition",
          fruityInstruments: "84",
          fruityPricing: "3,822",
          fruityDesc() {
            return `Lifetime FL Studio license for <div class="zen-t-9-tooltip-item">+84 instruments & effects<span class="zen-plugin-worth--copy"> worth </span><span class="zen-plugin-price--bold">${currencySymbol}3,822</span>${fnGetToolTipCopy(
              currencySymbol,
              this,
              "fruity-edition"
            )}</div>, <br>no audio recording, no <div class="zen-t-9-steam-tooltip">stem separation${steamSeprationTooltip}</div>.`;
          },
          producerEdition: "fruity-to-producer",
          producerInstruments: "+10",
          producerPricing: "648",
          producerDesc() {
            return `+10 additional <div class="zen-t-9-tooltip-item">instruments & effects<span class="zen-plugin-worth--copy"> worth </span><span class="zen-plugin-price--bold">${currencySymbol}648</span>${fnGetToolTipCopy(
              currencySymbol,
              this,
              "producer-edition"
            )}</div>, <br>includes audio recording and <div class="zen-t-9-steam-tooltip">stem separation${steamSeprationTooltip}</div>.`;
          },
          signatureBundle: "fruity-to-signature",
          signatureInstruments: "+19",
          signaturePricing: "1,428",
          signatureDesc() {
            return `+19 additional <div class="zen-t-9-tooltip-item">instruments & effects<span class="zen-plugin-worth--copy"> worth </span><span class="zen-plugin-price--bold">${currencySymbol}1,428</span>${fnGetToolTipCopy(
              currencySymbol,
              this,
              "signature-bundle"
            )}</div>, <br>includes audio recording and <div class="zen-t-9-steam-tooltip">stem separation${steamSeprationTooltip}</div>.`;
          },
          allPluginsEdition: "fruity-to-all-plugins",
          allPluginsInstruments: "+32",
          allPluginsPricing: "2,535",
          allPluginsDesc() {
            return `+32 additional <div class="zen-t-9-tooltip-item">instruments & effects<span class="zen-plugin-worth--copy"> worth </span><span class="zen-plugin-price--bold">${currencySymbol}2,535</span>${fnGetToolTipCopy(
              currencySymbol,
              this,
              "all-plugins-bundle"
            )}</div>, <br>includes audio recording and <div class="zen-t-9-steam-tooltip">stem separation${steamSeprationTooltip}</div>.`;
          },
        },
        31020: {
          fruityEdition: "",
          fruityInstruments: "84",
          fruityPricing: "3,822",
          fruityDesc() {
            return `Lifetime FL Studio license for <div class="zen-t-9-tooltip-item">+84 instruments & effects<span class="zen-plugin-worth--copy"> worth </span><span class="zen-plugin-price--bold">${currencySymbol}3,822</span>${fnGetToolTipCopy(
              currencySymbol,
              this,
              "fruity-edition"
            )}</div>, <br>no audio recording, no <div class="zen-t-9-steam-tooltip">stem separation${steamSeprationTooltip}</div>.`;
          },
          producerEdition: "producer-edition",
          producerInstruments: "94",
          producerPricing: "4,470",
          producerDesc() {
            return `Lifetime FL Studio license for <div class="zen-t-9-tooltip-item">+94 instruments & effects<span class="zen-plugin-worth--copy"> worth </span><span class="zen-plugin-price--bold">${currencySymbol}4,470</span>${fnGetToolTipCopy(
              currencySymbol,
              this,
              "producer-edition"
            )}</div>, <br>includes audio recording and <div class="zen-t-9-steam-tooltip">stem separation${steamSeprationTooltip}</div>.`;
          },
          signatureBundle: "producer-to-signature",
          signatureInstruments: "+9",
          signaturePricing: "780",
          signatureDesc() {
            return `+9 additional <div class="zen-t-9-tooltip-item">instruments & effects<span class="zen-plugin-worth--copy"> worth </span><span class="zen-plugin-price--bold">${currencySymbol}780</span>${fnGetToolTipCopy(
              currencySymbol,
              this,
              "signature-bundle"
            )}</div>, <br>includes audio recording and <div class="zen-t-9-steam-tooltip">stem separation${steamSeprationTooltip}</div>.`;
          },
          allPluginsEdition: "producer-to-all-plugins",
          allPluginsInstruments: "+22",
          allPluginsPricing: "1,887",
          allPluginsDesc() {
            return `+22 additional <div class="zen-t-9-tooltip-item">instruments & effects<span class="zen-plugin-worth--copy"> worth </span><span class="zen-plugin-price--bold">${currencySymbol}1,887</span>${fnGetToolTipCopy(
              currencySymbol,
              this,
              "all-plugins-bundle"
            )}</div>, <br>includes audio recording and <div class="zen-t-9-steam-tooltip">stem separation${steamSeprationTooltip}</div>.`;
          },
        },
        31035: {
          fruityEdition: "",
          fruityInstruments: "84",
          fruityPricing: "3,822",
          fruityDesc() {
            return `Lifetime FL Studio license for <div class="zen-t-9-tooltip-item">+84 instruments & effects<span class="zen-plugin-worth--copy"> worth </span><span class="zen-plugin-price--bold">${currencySymbol}3,822</span>${fnGetToolTipCopy(
              currencySymbol,
              this,
              "fruity-edition"
            )}</div>, <br>no audio recording, no <div class="zen-t-9-steam-tooltip">stem separation${steamSeprationTooltip}</div>.`;
          },
          producerEdition: "",
          producerInstruments: "94",
          producerPricing: "4,470",
          producerDesc() {
            return `Lifetime FL Studio license for <div class="zen-t-9-tooltip-item">+94 instruments & effects<span class="zen-plugin-worth--copy"> worth </span><span class="zen-plugin-price--bold">${currencySymbol}4,470</span>${fnGetToolTipCopy(
              currencySymbol,
              this,
              "producer-edition"
            )}</div>, <br>includes audio recording and <div class="zen-t-9-steam-tooltip">stem separation${steamSeprationTooltip}</div>.`;
          },
          signatureBundle: "signature-bundle",
          signatureInstruments: "103",
          signaturePricing: "5,250",
          signatureDesc() {
            return `Lifetime FL Studio license for <div class="zen-t-9-tooltip-item">+103 instruments & effects<span class="zen-plugin-worth--copy"> worth </span><span class="zen-plugin-price--bold">${currencySymbol}5,250</span>${fnGetToolTipCopy(
              currencySymbol,
              this,
              "signature-bundle"
            )}</div>, <br>includes audio recording and <div class="zen-t-9-steam-tooltip">stem separation${steamSeprationTooltip}</div>.`;
          },
          allPluginsEdition: "signature-to-all-plugins",
          allPluginsInstruments: "+13",
          allPluginsPricing: "1,107",
          allPluginsDesc() {
            return `+13 additional <div class="zen-t-9-tooltip-item">instruments & effects<span class="zen-plugin-worth--copy"> worth </span><span class="zen-plugin-price--bold">${currencySymbol}1,107</span>${fnGetToolTipCopy(
              currencySymbol,
              this,
              "all-plugins-bundle"
            )}</div>, <br>includes audio recording and <div class="zen-t-9-steam-tooltip">stem separation${steamSeprationTooltip}</div>.`;
          },
        },
        31049: {
          fruityEdition: "",
          fruityInstruments: "84",
          fruityPricing: "3,822",
          fruityDesc() {
            return `Lifetime FL Studio license for <div class="zen-t-9-tooltip-item">+84 instruments & effects<span class="zen-plugin-worth--copy"> worth </span><span class="zen-plugin-price--bold">${currencySymbol}3,822</span>${fnGetToolTipCopy(
              currencySymbol,
              this,
              "fruity-edition"
            )}</div>, <br>no audio recording, no <div class="zen-t-9-steam-tooltip">stem separation${steamSeprationTooltip}</div>.`;
          },
          producerEdition: "",
          producerInstruments: "94",
          producerPricing: "4,470",
          producerDesc() {
            return `Lifetime FL Studio license for <div class="zen-t-9-tooltip-item">+94 instruments & effects<span class="zen-plugin-worth--copy"> worth </span><span class="zen-plugin-price--bold">${currencySymbol}4,470</span>${fnGetToolTipCopy(
              currencySymbol,
              this,
              "producer-edition"
            )}</div>, <br>includes audio recording and <div class="zen-t-9-steam-tooltip">stem separation${steamSeprationTooltip}</div>.`;
          },
          signatureBundle: "",
          signatureInstruments: "103",
          signaturePricing: "5,250",
          signatureDesc() {
            return `Lifetime FL Studio license for <div class="zen-t-9-tooltip-item">+103 instruments & effects<span class="zen-plugin-worth--copy"> worth </span><span class="zen-plugin-price--bold">${currencySymbol}5,250</span>${fnGetToolTipCopy(
              currencySymbol,
              this,
              "signature-bundle"
            )}</div>, <br>includes audio recording and <div class="zen-t-9-steam-tooltip">stem separation${steamSeprationTooltip}</div>.`;
          },
          allPluginsEdition: "all-plugins-bundle",
          allPluginsInstruments: "116",
          allPluginsPricing: "6,357",
          allPluginsDesc() {
            return `Lifetime FL Studio license for <div class="zen-t-9-tooltip-item">+116 instruments & effects<span class="zen-plugin-worth--copy"> worth </span><span class="zen-plugin-price--bold">${currencySymbol}6,357</span>${fnGetToolTipCopy(
              currencySymbol,
              this,
              "all-plugins-bundle"
            )}</div>, <br>includes audio recording and <div class="zen-t-9-steam-tooltip">stem separation${steamSeprationTooltip}</div>.`;
          },
        },
      };

      var url = window.location.href;
      var flContainer = document.querySelector(".FL-zen2-container");

      var dataKey;

      if (window.userData.owned == false || window.userData.owned == undefined || window.userData.owned == "undefined") {
        dataKey = dataProduct.regular;
      } else {
        var ownedKey = Object.keys(window.userData.owned)[0];
        dataKey = dataProduct[ownedKey];
      }
      // Fl PDP page
      if (url.includes("image-line.com/fl-studio") && !flContainer) {
        $addClass("body", "FL-zen2-pdp");
        document.querySelector(".wp-block-group:not(#artists)> .grid:not(.features-grid)")?.insertAdjacentHTML("afterend", FL_zen2_html(dataKey));
        // Update price
        var priceInterval = setInterval(function() {
          updatePrice(dataKey);
        }, 100);
        setTimeout(function() {
          clearInterval(priceInterval);
          updatePrice(dataKey);
        }, 2500);
      }

      // Update radio copy
      var interval = setInterval(function() {
        updateRadioCopy(dataKey);
      }, 10);
      setTimeout(function() {
        clearInterval(interval);
        updateRadioCopy(dataKey);
      }, 2000);

      document.addEventListener("click", e => {
        var el = e.target;
        if (el.closest(".commercial-box__product")) {
          updateRadioCopy(dataKey);
        }
      });
    }

    // Wait for library and initialize experiment
    waitForLibrary(async function(ilHelpers) {
      // Assign library functions
      utils = ilHelpers.get("lib");

      var currentCurrencySymbol = await utils.getCurrentCurrency();
      var currentPath = window.location.pathname;

      if (currentPath.includes("/fl-studio/") || currentPath.includes("/fl-studio")) {
        utils.waitForElement(".signed-in, .signed-out", function() {
          waitFor(
            () => (document.querySelector(".commercial-box__product .description-text") ? true : false),
            () => {
              if (window.location.href.includes("/fl-studio/buy-now") || window.location.href.includes("/fl-studio/1-buy-now")) {
                waitForProductVariable(function() {
                  if (currentCurrencySymbol == "USD" || currentCurrencySymbol == "EUR") {
                    init(currentCurrencySymbol);
                  }
                });
              } else {
                waitFor(
                  () => (document.querySelector(".wp-block-group:not(#artists)> .grid:not(.features-grid)") ? true : false),
                  () => {
                    waitForProductVariable(function() {
                      if (currentCurrencySymbol == "USD" || currentCurrencySymbol == "EUR") {
                        init(currentCurrencySymbol);
                      }
                    });
                  },
                  {
                    interval: 50,
                    duration: 15e3,
                  }
                );
              }
            },
            {
              interval: 50,
              duration: 15e3,
            }
          );
        });
      } else {
        waitFor(
          () => (document.querySelector(".commercial-box__product .description-text") ? true : false),
          () => {
            if (window.location.href.includes("/fl-studio/buy-now") || window.location.href.includes("/fl-studio/1-buy-now")) {
              waitForProductVariable(function() {
                if (currentCurrencySymbol == "USD" || currentCurrencySymbol == "EUR") {
                  init(currentCurrencySymbol);
                }
              });
            } else {
              waitFor(
                () => (document.querySelector(".wp-block-group:not(#artists)> .grid:not(.features-grid)") ? true : false),
                () => {
                  waitForProductVariable(function() {
                    if (currentCurrencySymbol == "USD" || currentCurrencySymbol == "EUR") {
                      init(currentCurrencySymbol);
                    }
                  });
                },
                {
                  interval: 50,
                  duration: 15e3,
                }
              );
            }
          },
          {
            interval: 50,
            duration: 15e3,
          }
        );
      }
    });
  } catch (e) {
    if (debug) console.log(e, "error in Test" + variation_name);
  }
})();
}}}],"traffic_allocation":100},{"id":"1004287658","name":"V3: Plugin values + tiles on buy page","key":"1004287658-v3:-plgn-vls-tls-n-by","status":"stopped","changes":[{"id":1004474703,"type":"defaultCode","data":{"js":null,"css":"","custom_js":null}},{"id":1004474704,"type":"customCode","data":{"css":":root{\n  --fl-t-2-color-black: #000;\n  --fl-t-2-color-white: #fff;\n  --fl-t-2-color-red: #ef5252;\n  --fl-t-2-color-grey: #767676;\n\n  --fl-t-2-step-2: 23.44px;\n  --fl-t-2-step-1: 18.75px;\n}\n\n\/**----------------- Global css -----------------**\/\nhtml body.fl-t-2 .price.fl-t-2-has-strikethrough [data-price-current],\nhtml body.fl-t-2 .price.fl-t-2-has-strikethrough [data-price-monthly],\nhtml body.fl-t-2 .price.fl-t-2-has-strikethrough [data-price-monthly]{\n  color: var(--fl-t-2-color-red);\n}\n\nhtml body.fl-t-2 .price.fl-t-2-has-strikethrough .has-strikethrough{\n  color: var(--fl-t-2-color-white);\n}\n\nhtml body.fl-t-2 .price.fl-t-2-has-strikethrough .has-strikethrough::after,\nhtml body.fl-t-2 .fl-t-2-price-block .has-strikethrough::after{\n  content: \"\";\n  color: var(--fl-t-2-color-red);\n}\n\n\/**----------------- new price block -----------------**\/\nhtml body.fl-t-2 .fl-t-2-price-block{\n  display: flex;\n  flex-direction: row-reverse;\n  align-items: center;\n  justify-content: flex-end;\n  flex-wrap: wrap;\n}\n\nhtml body.fl-t-2 .fl-t-2-price-block .has-strikethrough{\n  margin-right: 10px;\n}\n\nhtml body.fl-t-2 .fl-t-2-price-block .has-strikethrough::after{\n  content: \"\";\n  position: absolute;\n  background-color: currentColor;\n  color: var(--fl-t-2-color-red);\n  -webkit-mask-image: url(\/static\/assets\/strikethrough-alt-JRLHF4GQ.09213ec.svg);\n  mask-image: url(\/static\/assets\/strikethrough-alt-JRLHF4GQ.09213ec.svg);\n  opacity: .7;\n  -webkit-mask-size: 100%;\n  mask-size: 100%;\n  -webkit-mask-repeat: no-repeat;\n  mask-repeat: no-repeat;\n  left: -10%;\n  width: 120%;\n  height: 100%;\n  top: 0;\n  bottom: 0;\n  -webkit-mask-position: center 46%;\n  mask-position: center 46%;\n  z-index: 1;\n}\n\n\n\/**-------------------- Commercial box section --------------------**\/\nhtml body.fl-t-2 .commercial-box__product__cell.price.fl-t-2-has-strikethrough,\nhtml body.fl-t-2 .commercial-box__product__cell.price{\n  flex-direction: column-reverse;\n  display: flex;\n}\n\nhtml body.fl-t-2 .commercial-box__products .commercial-box__product__cell.price .has-strikethrough{\n  text-decoration-color: var(--fl-t-2-color-red);\n  color: var(--fl-t-2-color-black);\n  position: relative;\n}\n\nhtml body.fl-t-2 .commercial-box__product__cell.price .has-strikethrough::after{\n  color: var(--fl-t-2-color-red);\n}\n\nhtml body.fl-t-2 .commercial-box__product__cell.price .current-price{\n  color: var(--fl-t-2-color-red);\n}\n\nhtml body.fl-t-2 [data-js-product=\"fruity-edition\"] .commercial-box__product__cell.price:not(.fl-t-2-has-strikethrough) .current-price{\n  color: var(--fl-t-2-color-black);\n}\n\n\/** New price block CSS **\/\nhtml body.fl-t-2 .fl-t-2-price-block .has-strikethrough,\nhtml body.fl-t-2 .price.fl-t-2-has-strikethrough .fl-t-2-price-block .has-strikethrough{\n  text-decoration-color: var(--fl-t-2-color-red);\n  color: var(--fl-t-2-color-black);\n  position: relative;\n}\n\nhtml body.fl-t-2 .fl-t-2-price-block .current-price,\nhtml body.fl-t-2 .price.fl-t-2-has-strikethrough .has-size-4-font-size [data-price-current]{\n  color: var(--fl-t-2-color-red);\n}\n\n\/** JUMP INTO MUSIC PRODUCTION section **\/\nhtml body.fl-t-2 .fl-t-2-strikethrough-price{\n  margin-left: 2px;\n}\n\n\/** compare page **\/\nhtml body.fl-t-2 .c-hero-compare .fl-t-2-price-block,\nhtml body.fl-t-2 .c-compare-bottom .fl-t-2-price-block{\n  justify-content: center;\n  margin: 2px 0px;\n}\n\nhtml body.fl-t-2 .c-hero-compare .fl-t-2-price-block{\n  flex-direction: column-reverse;\n}\n\nhtml body.fl-t-2 .c-hero-compare .fl-t-2-price-block .has-strikethrough{\n  margin-right: 0px;\n  line-height: 1;\n}\n\nhtml body.fl-t-2 .c-hero-compare .c-edition__price .current_price{\n  min-height: 60px;\n}\n\n\n@media screen and (max-width: 1024px){\n  html body.fl-t-2 .c-compare-bottom .fl-t-2-price-block .has-strikethrough{\n      margin-right: 0px;\n  }\n\n  html body.fl-t-2 .c-hero-compare .fl-t-2-price-block,\n  html body.fl-t-2 .c-compare-bottom .fl-t-2-price-block{\n      gap: 5px;\n  }\n}\n\n\n\n\n\n\n\/* src\/zen\/(FLZen2)Pricingdisplay1\/variation1\/styles\/style.scss *\/\nhtml body .commercial-box__product__cell.title .description-text{\n    max-width: 90%;\n  }\n  \n  html body.FL-zen2-buy-now .content>div {\n    display: none;\n  }\n  \n  html body.FL-zen2-pdp div.content>div:nth-of-type(2)>div:nth-child(2) {\n    display: none;\n  }\n  \n  html body.FL-zen2-pdp .FL-zen2-heading {\n    display: none;\n  }\n  \n  html body.FL-zen2-pdp .FL-zen2-threebox-container {\n    display: none;\n  }\n  \n  html body .FL-zen2__compare-edition {\n    margin: 40px;\n  }\n  \n  html body .FL-zen2__compare-edition a {\n    background: #fff;\n  }\n  \n  html body.FL-zen2-pdp .FL-zen2__compare-edition,\n  html body.FL-zen2-pdp .FL-zen2-fop-sec {\n    display: none;\n  }\n  \n  html body.FL-zen2-pdp .FL-zen2-payment-sec-sub-heading {\n    text-align: center;\n    font-size: 18.75px;\n  }\n  \n  html body.FL-zen2-pdp .FL-zen2-four-card-container {\n    margin-top: 0px;\n    margin-bottom: 0;\n  }\n  \n  .FL-zen2-bold-orange {\n    font-weight: 600;\n    color: #ff5c00;\n  }\n  \n  body.FL-zen2-buy-now .block-sub-navigation .sub-navigation--inner .navigation-info {\n    position: relative;\n    margin-left: 60px;\n  }\n  \n  body.FL-zen2-buy-now .block-sub-navigation .sub-navigation--inner .navigation-info::before {\n    content: \"\";\n    position: absolute;\n    left: -55px;\n    top: 0;\n    height: 40px;\n    width: 40px;\n    background-size: 100%;\n    background-image: url(https:\/\/www.image-line.com\/static\/assets\/FL-Studio-Icon-Small-150x150.png.1f69d0e.webp);\n  }\n  \n  html body.FL-zen2-buy-now .content>div.FL-zen2-container {\n    background: #f6f6f6;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n  \n  .FL-zen2-card-container .FL-zen2-tooltip.dynamic {\n    bottom: 6px !important;\n    top: auto !important;\n  }\n  \n  .FL-zen2-card-container.FL-zen2-owned>.FL-zen2-buy-now,\n  .FL-zen2-card-container>p {\n    display: none;\n  }\n  \n  .FL-zen2-card-container.FL-zen2-owned>p {\n    display: block;\n  }\n  \n  .FL-zen2-all-plugins-bundle-owned [data-tile-name=\"fruity-edition\"] .FL-zen2-price,\n  .FL-zen2-all-plugins-bundle-owned [data-tile-name=\"fruity-edition\"]>.FL-zen2-buy-now,\n  .FL-zen2-all-plugins-bundle-owned [data-tile-name=\"producer-edition\"] .FL-zen2-price,\n  .FL-zen2-all-plugins-bundle-owned [data-tile-name=\"producer-edition\"]>.FL-zen2-buy-now,\n  .FL-zen2-all-plugins-bundle-owned [data-tile-name=\"signature-bundle\"] .FL-zen2-price,\n  .FL-zen2-all-plugins-bundle-owned [data-tile-name=\"signature-bundle\"]>.FL-zen2-buy-now,\n  .FL-zen2-signature-bundle-owned [data-tile-name=\"fruity-edition\"] .FL-zen2-price,\n  .FL-zen2-signature-bundle-owned [data-tile-name=\"fruity-edition\"]>.FL-zen2-buy-now,\n  .FL-zen2-signature-bundle-owned [data-tile-name=\"producer-edition\"] .FL-zen2-price,\n  .FL-zen2-signature-bundle-owned [data-tile-name=\"producer-edition\"]>.FL-zen2-buy-now,\n  .FL-zen2-producer-edition-owned [data-tile-name=\"fruity-edition\"] .FL-zen2-price,\n  .FL-zen2-producer-edition-owned [data-tile-name=\"fruity-edition\"]>.FL-zen2-buy-now {\n    display: none;\n  }\n  \n  .FL-zen2-card-container .FL-zen2-tooltip.dynamic .FL-zen2-tooltip-para>b {\n    margin-bottom: 4px;\n    display: block;\n  }\n  \n  .FL-zen2-card-container .FL-zen2-tooltip.dynamic .FL-zen2-tooltip-para {\n    margin-bottom: 10px;\n  }\n  \n  .FL-zen2-threebox-container {\n    display: flex;\n    max-width: 1010px;\n    gap: 50px;\n  }\n  \n  .FL-zen2-four-card-container {\n    display: grid;\n    grid-template-columns: 1fr 1fr 1fr 1fr;\n    gap: 25px;\n    max-width: 1440px;\n    margin-top: 40px;\n    margin-bottom: 25px;\n  }\n  \n  .FL-zen2-heading {\n    margin-top: 50px;\n    margin-bottom: 40px;\n  }\n  \n  html body .FL-zen2-box-heading {\n    font-size: 16px !important;\n    font-weight: 600 !important;\n    text-align: center;\n  }\n  \n  .FL-zen2-card-container {\n    padding: 25px;\n    border-radius: 7px;\n    background-color: #ffffff;\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n  }\n  \n  .FL-zen2-card-container.orange {\n    background-color: #fff1ea;\n  }\n  \n  .FL-zen2-card-list-item .FL-zen2-bold-list {\n    font-weight: 600;\n    margin-right: 5px;\n  }\n  \n  .FL-zen2-card-one-liner {\n    display: flex;\n    justify-content: flex-start;\n    position: relative;\n    padding: 6px;\n    padding-right: 0px;\n    gap: 6px;\n    align-items: center;\n  }\n  \n  .FL-zen2-card-one-liner .plugin-item {\n    position: absolute !important;\n    right: 5px;\n  }\n  \n  .FL-zen2-card-list-item {\n    line-height: 24px;\n    position: relative;\n  }\n  \n  .FL-zen2-card-container.orange .FL-zen2-card-one-liner {\n    background-color: #f5e7e0;\n  }\n  \n  .FL-zen2-card-list-container hr {\n    margin-top: 3px;\n    margin-bottom: 3px;\n  }\n  \n  .FL-zen2-buy-now {\n    background: #e9e9e9;\n    border-radius: 5PX !important;\n  }\n  \n  .FL-zen2-card-container.orange .FL-zen2-buy-now {\n    color: #fff;\n    background-color: #ff7629;\n  }\n  \n  .FL-zen2-card-container.orange .FL-zen2-buy-now:hover {\n    opacity: .85;\n  }\n  \n  .FL-zen2-underline {\n    text-decoration: underline;\n    text-decoration-color: #ff5c00;\n    text-decoration-thickness: 2px;\n  }\n  \n  .FL-zen2-card-container.orange .FL-zen2-card-sub-heading {\n    color: #ff5c00;\n  }\n  \n  .FL-zen2-card-container .FL-zen2-card-sub-heading {\n    margin-bottom: -15px;\n  }\n  \n  .FL-zen2-payment-sec-heading {\n    text-align: center;\n    font-weight: 700;\n    font-size: 18.75px;\n  }\n  \n  .FL-zen2-payment-sec {\n    margin-bottom: 50px;\n    display: none;\n  }\n  \n  .FL-zen2-fop-sec-img {\n    max-width: 500px;\n  }\n  \n  .FL-zen2-fop-sec {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    margin-bottom: 80px;\n  }\n  \n  .FL-zen2-card-container.orange .FL-zen2-card-one-liner a {\n    padding: 0px 6px;\n    color: #ff5c00;\n    border-radius: 100px;\n    border: 1px #ff5c00 solid;\n    font-size: 12px;\n    cursor: pointer;\n    display: inline-block;\n    height: 20px;\n    width: 20px;\n    line-height: 1.7;\n    text-align: center;\n    font-weight: 700;\n  }\n  \n  .FL-zen2-card-list-container .plugin-item .iahorro-compare__edition {\n    color: #ff5c00;\n  }\n  \n  .FL-zen2-card-list-container .plugin-item .iahorro-compare__edition:hover {\n    opacity: 0.8;\n  }\n  \n  .FL-zen2-card-container.orange .FL-zen2-card-list-container .plugin-item a.el-tooltip,\n  .FL-zen2-card-container.white .FL-zen2-card-list-container .plugin-item a.el-tooltip,\n  .FL-zen2-card-container.white .FL-zen2-card-one-liner a {\n    display: inline-block;\n    height: 20px;\n    width: 20px;\n    line-height: 1.7;\n    text-align: center;\n    font-weight: 700;\n  }\n  \n  .FL-zen2-card-container.orange .FL-zen2-tooltip {\n    position: absolute;\n    right: -175px;\n    top: -200px;\n    width: 320px;\n    background: #f6f6f6;\n    padding: 10px;\n    border-radius: 10px;\n    display: none;\n    z-index: 1;\n    bottom: 23px;\n    box-shadow: 0px 2px 6px -1px #110f0f6e;\n  }\n  \n  .FL-zen2-card-container.orange .FL-zen2-card-one-liner .plugin-item {\n    position: relative;\n  }\n  \n  .FL-zen2-card-container .FL-zen2-card-one-liner-text {\n    font-size: 15px;\n  }\n  \n  .FL-zen2-card-list-item {\n    font-size: 14px !important;\n  }\n  \n  \n  .FL-zen2-card-container .FL-zen2-card-one-liner-img svg {\n    vertical-align: middle;\n  }\n  \n  .FL-zen2-card-container.orange .FL-zen2-card-one-liner .FL-zen2-card-one-liner-text {\n    line-height: 1.5;\n  }\n  \n  .FL-zen2-card-container.orange .FL-zen2-card-one-liner .plugin-item .FL-zen2-tooltip {\n    top: -330px;\n  }\n  \n  .FL-zen2-card-container.orange .FL-zen2-card-one-liner .plugin-item:hover .FL-zen2-tooltip {\n    display: block !important;\n  }\n  \n  .FL-zen2-card-container.orange .FL-zen2-card-list-container .plugin-item:hover .FL-zen2-tooltip {\n    display: block !important;\n  }\n  \n  .FL-zen2-card-container.orange .FL-zen2-card-list-container .plugin-item {\n    display: inline;\n    position: absolute;\n    right: 0;\n  }\n  \n  .FL-zen2-card-container.orange .FL-zen2-card-list-item.orange-tooltip {\n    position: relative;\n  }\n  \n  .FL-zen2-card-container.orange .FL-zen2-card-list-container .plugin-item a.el-tooltip {\n    padding: 0px 6px;\n    color: #ff5c00;\n    border-radius: 20px;\n    border: 1px #ff5c00 solid;\n    font-size: 12px;\n    cursor: pointer;\n  }\n  \n  \/*  *\/\n  .FL-zen2-card-container.white .FL-zen2-card-one-liner a {\n    padding: 0px 6px;\n    color: #ff5c00;\n    border-radius: 20px;\n    border: 1px #ff5c00 solid;\n    font-size: 12px;\n    cursor: pointer;\n  }\n  \n  .FL-zen2-card-container.white .FL-zen2-tooltip {\n    position: absolute;\n    right: -10px;\n    top: -200px;\n    width: 320px;\n    background: #f6f6f6;\n    padding: 10px;\n    border-radius: 10px;\n    display: none;\n    z-index: 1;\n    bottom: 23px;\n    box-shadow: 0px 2px 6px -1px #110f0f6e;\n  }\n  \n  .FL-zen2-card-container.white .FL-zen2-card-one-liner .plugin-item {\n    position: relative;\n  }\n  \n  .FL-zen2-card-container.white .FL-zen2-card-one-liner .plugin-item .FL-zen2-tooltip {\n    top: -330px;\n  }\n  \n  .FL-zen2-card-container.white .FL-zen2-card-one-liner .plugin-item:hover .FL-zen2-tooltip {\n    display: block !important;\n  }\n  \n  .FL-zen2-card-container.white .FL-zen2-card-list-container .plugin-item:hover .FL-zen2-tooltip {\n    display: block !important;\n  }\n  \n  .FL-zen2-card-container.white .FL-zen2-card-list-container .plugin-item {\n    display: inline;\n    position: absolute;\n    right: 0;\n  }\n  \n  .FL-zen2-card-container.white .FL-zen2-card-list-item.white-tooltip {\n    position: relative;\n  }\n  \n  .FL-zen2-card-container.white .FL-zen2-card-list-container .plugin-item a.el-tooltip {\n    padding: 0px 6px;\n    color: #ff5c00;\n    border-radius: 20px;\n    border: 1px #ff5c00 solid;\n    font-size: 12px;\n    cursor: pointer;\n  }\n  \n  a.FL-zen2-buy-now {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    height: 51px;\n    font-weight: 600;\n    transition: all ease-in-out .12s;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    user-select: none;\n    font-size: var(--step-1);\n  }\n  \n  a.FL-zen2-buy-now:hover {\n    transform: scale(1.03) rotate(.5deg);\n  }\n  \n  a.FL-zen2-buy-now img {\n    height: 19px;\n    width: 19px;\n  }\n  \n  .FL-zen2-card-container.orange a.FL-zen2-buy-now img {\n    filter: invert(100%);\n  }\n  \n  \/*  *\/\n  .FL-zen2-tooltip-para-bold {\n    font-weight: 700;\n  }\n  \n  .FL-zen2-tooltip-heading {\n    font-weight: 700;\n  }\n  \n  .FL-zen2-tooltip-para {\n    margin-top: 10px;\n  }\n  \n  @media screen and (max-width: 1200px) {\n    .FL-zen2-four-card-container {\n      grid-template-columns: repeat(2, 1fr) !important;\n      padding: 25px;\n    }\n  }\n  \n  @media screen and (max-width: 830px) {\n    .FL-zen2-four-card-container {\n      grid-template-columns: 1fr !important;\n    }\n  }\n  \n  @media screen and (min-width: 1300px) {\n    .FL-zen2-card-para {\n      min-height: 96px !important;\n    }\n  \n    .FL-zen2-card-list-container {\n      min-height: 148px !important;\n    }\n  }\n  \n  @media screen and (min-width: 1200px) {\n    .FL-zen2-card-para {\n      min-height: 120px;\n    }\n  \n    .FL-zen2-card-list-container {\n      min-height: 171px;\n    }\n  }\n  \n  @media screen and (max-width: 767px) {\n    .FL-zen2-container .FL-zen2-heading {\n      margin-top: 35px;\n      margin-bottom: 30px;\n      padding: 0px 25px;\n      text-align: center;\n    }\n  \n    .FL-zen2-container .FL-zen2-threebox-container {\n      padding: 0px 25px;\n      gap: 20px;\n      flex-direction: column;\n    }\n  \n    .FL-zen2-container .FL-zen2-four-card-container {\n      margin-top: 10px;\n    }\n  \n    .FL-zen2-container .FL-zen2-card-list-item .plugin-item .FL-zen2-tooltip {\n      top: -179px;\n    }\n  \n    .FL-zen2-container .FL-zen2-card-one-liner .plugin-item .FL-zen2-tooltip {\n      top: -332px !important;\n    }\n  \n    .FL-zen2-container .FL-zen2-payment-sec {\n      padding: 0px 25px;\n      text-align: center;\n    }\n  \n    .FL-zen2-container .FL-zen2-payment-sec .FL-zen2-payment-sec-sub-heading {\n      font-size: 15px;\n    }\n  \n    .FL-zen2-container .FL-zen2-fop-sec {\n      padding: 0px 25px;\n      text-align: center;\n      margin-bottom: 55px;\n    }\n  \n    html body.FL-zen2-pdp div.content>div:nth-of-type(2) .FL-zen2-card-list-item .FL-zen2-tooltip {\n      top: -179px;\n    }\n  \n    html body.FL-zen2-pdp div.content>div:nth-of-type(2) .FL-zen2-card-one-liner .FL-zen2-tooltip {\n      top: -332px !important;\n    }\n  \n    html body.FL-zen2-pdp div.content>div:nth-of-type(2) .FL-zen2-four-card-container {\n      padding: 25px 0px;\n    }\n  }\n  \n  @media screen and (max-width: 390px) {\n  \n    .FL-zen2-container .FL-zen2-card-one-liner .plugin-item .FL-zen2-tooltip,\n    .FL-zen2-card-container.white .FL-zen2-tooltip {\n      width: 290px;\n    }\n  }\n  \n  @media screen and (max-width: 360px) {\n  \n    .FL-zen2-container .FL-zen2-card-one-liner .plugin-item .FL-zen2-tooltip,\n    .FL-zen2-card-container.white .FL-zen2-tooltip {\n      width: 260px;\n    }\n  }\n  \n  @media screen and (max-width: 767px) {\n    html body.FL-zen2-pdp div.content>div:nth-of-type(2) .orange-tooltip .FL-zen2-tooltip {\n      right: -22px;\n    }\n  \n    .FL-zen2-card-container.orange .FL-zen2-card-one-liner .plugin-item:hover .FL-zen2-tooltip {\n      top: -346px !important;\n      right: -15px;\n    }\n  \n    .FL-zen2-card-container.orange .FL-zen2-card-list-container .plugin-item:hover .FL-zen2-tooltip {\n      top: -206px;\n      right: -22px;\n    }\n  \n    .FL-zen2-card-container.white .FL-zen2-card-one-liner .plugin-item:hover .FL-zen2-tooltip {\n      top: -350px !important;\n    }\n  \n    .FL-zen2-card-container.white .FL-zen2-card-list-container .plugin-item:hover .FL-zen2-tooltip {\n      top: -215px !important;\n    }\n  \n    .FL-zen2-card-container.white .FL-zen2-card-list-container .plugin-item:hover .FL-zen2-tooltip {\n      top: -210px !important;\n    }\n  \n    .FL-zen2-card-container.white .FL-zen2-card-list-container .plugin-item:hover .FL-zen2-tooltip {\n      top: -210px !important;\n    }\n  }","js":function(convertContext){ 
(function () {
  try {
    /* main variables */
    var debug = 0;
    var variation_name = "";

    var waitFor = (check, invoke, poll) => {
      if (check()) {
        invoke();
        return;
      }
      let polling = setInterval(() => {
        try {
          if (check()) {
            invoke();
            clearInterval(polling);
            polling = null;
          }
        } catch (e) {}
      }, poll.interval);
      setTimeout(() => {
        if (!polling) return;
        clearInterval(polling);
        window.evolvRenderTimeout = {
          msg: "evolv render listener timeout",
          poll,
        };
      }, poll.duration);
    };

    var $refs = (selector) => {
      if (!selector) {
        return;
      }
      const els = document.querySelectorAll(selector);
      if (!els || !els.length) {
        return;
      }
      return els;
    };

    var $addClass = (selector, classes) => {
      if (!classes) {
        return;
      }
      const elements = $refs(selector);
      if (!elements) return;
      if (Array.isArray(classes)) {
        elements.forEach((el) => {
          el.classList.add(...classes);
        });
        return;
      }
      if (typeof classes === "string") {
        elements.forEach((el) => {
          el.classList.add(classes);
        });
      }
    };

    var currency = "";
    var currencySymbol = "";

    // Wait for product variable
    function waitForProductVariable(trigger) {
      var interval = setInterval(function () {
        if (typeof productData != "undefined" && typeof window.userData.owned != "undefined") {
          clearInterval(interval);
          trigger();
        }
      }, 50);
      setTimeout(function () {
        clearInterval(interval);
      }, 5000);
    }

    function threeBox() {
      return `
    <div class="FL-zen2-threebox-container ">
      <div class="FL-zen2-box">
        <div class="FL-zen2-box-heading has-fw-medium has-size-0-font-size">
          Buy <span class="FL-zen2-orange"> <span class="FL-zen2-underline">once</span>, get <span class="FL-zen2-underline">free</span> updates <span class="FL-zen2-underline"> for life </span></span>
        </div>
        <div class="FL-zen2-box-para has-text-align-center has-size-0-font-size has-medium-grey-color has-text-color has-link-color">
          Some other DAWs make you pay $200 every other year. With FL Studio you get bug fixes, new features & even new plugins free. For life.
        </div>
      </div>
      <div class="FL-zen2-box">
        <div class="FL-zen2-box-heading has-fw-medium has-size-0-font-size">Buy now, pay later</div>
        <div class="FL-zen2-box-para has-text-align-center has-size-0-font-size has-medium-grey-color has-text-color has-link-color">
          During checkout you can choose four interest-free payments, delayed payment in 30 days, or other staggered payment plans.
        </div>
      </div>
      <div class="FL-zen2-box">
        <div class="FL-zen2-box-heading has-fw-medium has-size-0-font-size">Unlock the trial version</div>
        <div class="FL-zen2-box-para has-text-align-center has-size-0-font-size has-medium-grey-color has-text-color has-link-color">
          Reopen projects saved with the trial version, get full access to our support team and forum, and unlock other perks.
        </div>
      </div>
    </div>`;
    }

    function fourCards(dataProduct) {
      return ` 
    <div class="FL-zen2-four-card-container ">
     <div class="FL-zen2-card-container white" data-tile-name='fruity-edition'>
      <div class="FL-zen2-card-sub-heading has-ff-century-gothic has-fw-semibold has-decoration-uppercase has-size-0-font-size">THE BASICS</div>
      <div class="FL-zen2-card-heading has-fw-semibold has-ff-open-sans-semicondensed has-size-3-font-size">Fruity Edition</div>
      <div class="FL-zen2-card-para has-size-0-font-size">
        Ideal for beginners, it offers everything you need to create your first tracks. Then upgrade when you\u2019re ready to add audio recording and extra pro tools.
      </div>
      <div class="FL-zen2-card-list-container">
        <div class="FL-zen2-card-list-item has-size-0-font-size"><span class="FL-zen2-bold-list">84</span>instruments and effects</div>
        <hr class="wp-block-separator has-text-color has-alpha-channel-opacity has-background wp-container-content-6" style="background-color: #dddddd; color: #dddddd" />
        <div class="FL-zen2-card-list-item white-tooltip has-size-0-font-size"><span class="FL-zen2-bold-list">No</span>Stem Separation
        <div class="plugin-item">
            <a class="el-tooltip item" aria-describedby="el-tooltip-9209" tabindex="0">i</a>
           
            <div class="FL-zen2-tooltip">
              <div class="FL-zen2-tooltip-heading">AI-powered Stem Separation</div>
              <div class="FL-zen2-tooltip-para has-size-0-font-size">
                Remix and sample like a pro! Quickly extract instruments, drums, bass, and vocal layers from any audio file, directly within FL Studio. A valuable tool for both DJs and producers.
                (Right-Click Audio Clips in the Playlist to access.)
              </div>
            </div>
          </div>
          </div>
        <hr class="wp-block-separator has-text-color has-alpha-channel-opacity has-background wp-container-content-6" style="background-color: #dddddd; color: #dddddd" />
        <div class="FL-zen2-card-list-item has-size-0-font-size"><span class="FL-zen2-bold-list">No</span>audio recording</div>
        <hr class="wp-block-separator has-text-color has-alpha-channel-opacity has-background wp-container-content-6" style="background-color: #dddddd; color: #dddddd" />
        <div class="FL-zen2-card-list-item has-size-0-font-size"><span class="FL-zen2-bold-list">8</span>Audio Clips</div>
        <hr class="wp-block-separator has-text-color has-alpha-channel-opacity has-background wp-container-content-6" style="background-color: #dddddd; color: #dddddd" />
        <div class="FL-zen2-card-list-item has-size-0-font-size"><span class="FL-zen2-bold-list">Limited</span>playlist features</div>
      </div>
      <div class="FL-zen2-card-one-liner has-border-radius-5-px has-light-gray-background-color has-background">
        <div class="FL-zen2-card-one-liner-img">
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
            <path
              d="M20 6h-2.18c.11-.31.18-.65.18-1a2.996 2.996 0 0 0-5.5-1.65l-.5.67-.5-.68C10.96 2.54 10.05 2 9 2 7.34 2 6 3.34 6 5c0 .35.07.69.18 1H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-5-2c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zM9 4c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm10 15H5c-.55 0-1-.45-1-1v-1h16v1c0 .55-.45 1-1 1zm1-5H4V9c0-.55.45-1 1-1h4.08L7.6 10.02a.995.995 0 0 0 .22 1.4c.44.32 1.07.22 1.39-.22L12 7.4l2.79 3.8c.32.44.95.54 1.39.22.45-.32.55-.95.22-1.4L14.92 8H19c.55 0 1 .45 1 1v5z"
            ></path>
          </svg>
        </div>
        <div class="FL-zen2-card-one-liner-text">Get one free month of FL Cloud</div>
        <div class="plugin-item">
            <a class="el-tooltip item" aria-describedby="el-tooltip-9209" tabindex="0">i</a>
            <div class="FL-zen2-tooltip">
              <div class="FL-zen2-tooltip-heading">FL Cloud is an optional service for FL Studio users, built right inside the software.</div>
              <div class="FL-zen2-tooltip-para has-size-0-font-size">
                Get a sound library with over 1 million additional loops and one-shots, master your tracks in seconds with AI, and even release your songs directly on major streaming platforms like
                Spotify and Apple music.
              </div>
              <div class="FL-zen2-tooltip-para has-size-0-font-size">
                <span class="FL-zen2-tooltip-para-bold">No credit card required, no strings attached.</span> Reverts to 'Free user' mode when expired. Open the 'Sounds' Tab in the FL Studio Browser to
                get started.
              </div>
            </div>
        </div>
        
      </div>
      <div class="FL-zen2-price has-fw-semibold has-size-2-font-size" data-price-var="${dataProduct.fruityEdition}">$99</div>
      <a
        href="https://support.image-line.com/jshop/shop_flcloud2.php?ord=31010"
        class="FL-zen2-buy-now wp-block-button__link has-very-dark-grey-color has-text-color has-background has-link-color wp-element-button"
        >Buy now <img src="https://www.image-line.com/static/assets/arrow-circled-right-ZNIVDPDX.7abc618.svg"></a
      >
      <p class="has-mt-auto has-fw-regular has-size-0-font-size has-very-dark-grey-color has-text-color has-link-color">You own this Edition</p>
    </div>
    <div class="FL-zen2-card-container orange"  data-tile-name='producer-edition'>
      <div class="FL-zen2-card-sub-heading has-ff-century-gothic has-fw-semibold has-decoration-uppercase has-size-0-font-size">MOST POPULAR</div>
      <div class="FL-zen2-card-heading has-fw-semibold has-ff-open-sans-semicondensed has-size-3-font-size">Producer Edition</div>
      <div class="FL-zen2-card-para has-size-0-font-size">
        Our most popular Edition. Designed for those who seek advanced music production capabilities, including Stem Separation and audio recording.
      </div>
      <div class="FL-zen2-card-list-container">
        <div class="FL-zen2-card-list-item has-size-0-font-size"><span class="FL-zen2-bold-list">94</span>instruments and effects
         <div class="plugin-item">
              <a class="el-tooltip item" aria-describedby="el-tooltip-9209" tabindex="0">i</a>
              <div class="FL-zen2-tooltip dynamic">
                <div class="FL-zen2-tooltip-para has-size-0-font-size">
                <b>94 instruments and effects</b>
                Includes everything in the Fruity Edition plus versatile and iconic 
                plugins like Hyper Chorus, Spreader, Kepler, SoundFont Player, Slicex, Edison, Newtime, Frequency Shifter, 
                Maximus Multiband Maximizer, Multiband Delay, Vocodex, Sytrus <a class="iahorro-compare__edition" href="https://www.image-line.com/fl-studio/compare-editions/">Compare Editions</a></div>
              </div>
         </div>
        </div>
        <hr class="wp-block-separator has-text-color has-alpha-channel-opacity has-background wp-container-content-6" style="background-color: #dddddd; color: #dddddd" />
        <div class="FL-zen2-card-list-item orange-tooltip has-size-0-font-size">
          <span class="FL-zen2-bold-list ">Includes</span>Stem Separation
          <div class="plugin-item">
            <a class="el-tooltip item" aria-describedby="el-tooltip-9209" tabindex="0">i</a>
           <div class="FL-zen2-tooltip">
              <div class="FL-zen2-tooltip-heading">AI-powered Stem Separation</div>
              <div class="FL-zen2-tooltip-para has-size-0-font-size">
                Remix and sample like a pro! Quickly extract instruments, drums, bass, and vocal layers from any audio file, directly within FL Studio. A valuable tool for both DJs and producers.
                (Right-Click Audio Clips in the Playlist to access.)
              </div>
            </div>
          </div>
        </div>
        <hr class="wp-block-separator has-text-color has-alpha-channel-opacity has-background wp-container-content-6" style="background-color: #dddddd; color: #dddddd" />
        <div class="FL-zen2-card-list-item has-size-0-font-size"><span class="FL-zen2-bold-list">Includes</span>audio recording</div>
        <hr class="wp-block-separator has-text-color has-alpha-channel-opacity has-background wp-container-content-6" style="background-color: #dddddd; color: #dddddd" />
        <div class="FL-zen2-card-list-item has-size-0-font-size"><span class="FL-zen2-bold-list">Unlimited</span>Audio Clips</div>
        <hr class="wp-block-separator has-text-color has-alpha-channel-opacity has-background wp-container-content-6" style="background-color: #dddddd; color: #dddddd" />
        <div class="FL-zen2-card-list-item has-size-0-font-size"><span class="FL-zen2-bold-list">Full</span>playlist features</div>
      </div>
      <div class="FL-zen2-card-one-liner has-border-radius-5-px has-light-gray-background-color has-background">
        <div class="FL-zen2-card-one-liner-img">
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
            <path
              d="M20 6h-2.18c.11-.31.18-.65.18-1a2.996 2.996 0 0 0-5.5-1.65l-.5.67-.5-.68C10.96 2.54 10.05 2 9 2 7.34 2 6 3.34 6 5c0 .35.07.69.18 1H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-5-2c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zM9 4c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm10 15H5c-.55 0-1-.45-1-1v-1h16v1c0 .55-.45 1-1 1zm1-5H4V9c0-.55.45-1 1-1h4.08L7.6 10.02a.995.995 0 0 0 .22 1.4c.44.32 1.07.22 1.39-.22L12 7.4l2.79 3.8c.32.44.95.54 1.39.22.45-.32.55-.95.22-1.4L14.92 8H19c.55 0 1 .45 1 1v5z"
            ></path>
          </svg>
        </div>
        <div class="FL-zen2-card-one-liner-text">Get one free month of FL Cloud</div>
        <div class="plugin-item">
          <a class="el-tooltip item" aria-describedby="el-tooltip-9209" tabindex="0">i</a>
          <div class="FL-zen2-tooltip">
            <div class="FL-zen2-tooltip-heading">FL Cloud is an optional service for FL Studio users, built right inside the software.</div>
            <div class="FL-zen2-tooltip-para has-size-0-font-size">
              Get a sound library with over 1 million additional loops and one-shots, master your tracks in seconds with AI, and even release your songs directly on major streaming platforms like
              Spotify and Apple music.
            </div>
            <div class="FL-zen2-tooltip-para has-size-0-font-size">
              <span class="FL-zen2-tooltip-para-bold">No credit card required, no strings attached.</span> Reverts to 'Free user' mode when expired. Open the 'Sounds' Tab in the FL Studio Browser to
              get started.
            </div>
          </div>
        </div>

      </div>
      <div class="FL-zen2-price has-fw-semibold has-size-2-font-size"  data-price-var="${dataProduct.producerEdition}">$179</div>
      <a
        href="https://support.image-line.com/jshop/shop_flcloud2.php?ord=31020"
        class="FL-zen2-buy-now wp-block-button__link has-very-dark-grey-color has-text-color has-background has-link-color wp-element-button"
        >Buy now <img src="https://www.image-line.com/static/assets/arrow-circled-right-ZNIVDPDX.7abc618.svg"></a
      >
      <p class="has-mt-auto has-fw-regular has-size-0-font-size has-very-dark-grey-color has-text-color has-link-color">You own this Edition</p>
    </div>
    <div class="FL-zen2-card-container white"  data-tile-name='signature-bundle'>
      <div class="FL-zen2-card-sub-heading has-ff-century-gothic has-fw-semibold has-decoration-uppercase has-size-0-font-size">FOR PROFESSIONALS</div>
      <div class="FL-zen2-card-heading has-fw-semibold has-ff-open-sans-semicondensed has-size-3-font-size">Signature Bundle</div>
      <div class="FL-zen2-card-para has-size-0-font-size">Signature bundle adds iconic, creative, genre-defining tools like Gross Beat, plus more effects and instruments.</div>
      <div class="FL-zen2-card-list-container">
        <div class="FL-zen2-card-list-item has-size-0-font-size"><span class="FL-zen2-bold-list">103</span>instruments, effects, and editors
         <div class="plugin-item">
              <a class="el-tooltip item" aria-describedby="el-tooltip-9209" tabindex="0">i</a>
              <div class="FL-zen2-tooltip dynamic">
                <div class="FL-zen2-tooltip-para has-size-0-font-size">
                <b>103 instruments, effects, and editors</b>
                Includes everything in the Signature Bundle plus versatile and iconic plugins like LuxeVerb, Pitch Shifter, Transient Processor, Drumaxx, Harmor, Kepler Exo, Morphine, Ogun, Poizone, Sakura, Sawer, Toxic Biohazard, Transistor Bass 
                <a class="iahorro-compare__edition" href="https://www.image-line.com/fl-studio/compare-editions/">Compare Editions</a>
                </div>
              </div>
         </div>
        </div>
        <hr class="wp-block-separator has-text-color has-alpha-channel-opacity has-background wp-container-content-6" style="background-color: #dddddd; color: #dddddd" />
        <div class="FL-zen2-card-list-item white-tooltip has-size-0-font-size"><span class="FL-zen2-bold-list">Includes</span>Stem Separation
        <div class="plugin-item">
            <a class="el-tooltip item" aria-describedby="el-tooltip-9209" tabindex="0">i</a>
           <div class="FL-zen2-tooltip">
              <div class="FL-zen2-tooltip-heading">AI-powered Stem Separation</div>
              <div class="FL-zen2-tooltip-para has-size-0-font-size">
                Remix and sample like a pro! Quickly extract instruments, drums, bass, and vocal layers from any audio file, directly within FL Studio. A valuable tool for both DJs and producers.
                (Right-Click Audio Clips in the Playlist to access.)
              </div>
            </div>
          </div>
        </div>
        <hr class="wp-block-separator has-text-color has-alpha-channel-opacity has-background wp-container-content-6" style="background-color: #dddddd; color: #dddddd" />
        <div class="FL-zen2-card-list-item has-size-0-font-size"><span class="FL-zen2-bold-list">Includes</span>audio recording</div>
        <hr class="wp-block-separator has-text-color has-alpha-channel-opacity has-background wp-container-content-6" style="background-color: #dddddd; color: #dddddd" />
        <div class="FL-zen2-card-list-item has-size-0-font-size"><span class="FL-zen2-bold-list">Unlimited</span>Audio Clips</div>
        <hr class="wp-block-separator has-text-color has-alpha-channel-opacity has-background wp-container-content-6" style="background-color: #dddddd; color: #dddddd" />
        <div class="FL-zen2-card-list-item has-size-0-font-size"><span class="FL-zen2-bold-list">Full</span>playlist features</div>
      </div>
      <div class="FL-zen2-card-one-liner has-border-radius-5-px has-light-gray-background-color has-background">
        <div class="FL-zen2-card-one-liner-img">
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
            <path
              d="M20 6h-2.18c.11-.31.18-.65.18-1a2.996 2.996 0 0 0-5.5-1.65l-.5.67-.5-.68C10.96 2.54 10.05 2 9 2 7.34 2 6 3.34 6 5c0 .35.07.69.18 1H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-5-2c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zM9 4c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm10 15H5c-.55 0-1-.45-1-1v-1h16v1c0 .55-.45 1-1 1zm1-5H4V9c0-.55.45-1 1-1h4.08L7.6 10.02a.995.995 0 0 0 .22 1.4c.44.32 1.07.22 1.39-.22L12 7.4l2.79 3.8c.32.44.95.54 1.39.22.45-.32.55-.95.22-1.4L14.92 8H19c.55 0 1 .45 1 1v5z"
            ></path>
          </svg>
        </div>
        <div class="FL-zen2-card-one-liner-text">Get one free month of FL Cloud</div>
        <div class="plugin-item">
            <a class="el-tooltip item" aria-describedby="el-tooltip-9209" tabindex="0">i</a>
            <div class="FL-zen2-tooltip">
              <div class="FL-zen2-tooltip-heading">FL Cloud is an optional service for FL Studio users, built right inside the software.</div>
              <div class="FL-zen2-tooltip-para has-size-0-font-size">
                Get a sound library with over 1 million additional loops and one-shots, master your tracks in seconds with AI, and even release your songs directly on major streaming platforms like
                Spotify and Apple music.
              </div>
              <div class="FL-zen2-tooltip-para has-size-0-font-size">
                <span class="FL-zen2-tooltip-para-bold">No credit card required, no strings attached.</span> Reverts to 'Free user' mode when expired. Open the 'Sounds' Tab in the FL Studio Browser to
                get started.
              </div>
            </div>
        </div>
        
      </div>
      <div class="FL-zen2-price has-fw-semibold has-size-2-font-size"  data-price-var="${dataProduct.signatureBundle}">$269</div>
      <a
        href="https://support.image-line.com/jshop/shop_flcloud2.php?ord=31035"
        class="FL-zen2-buy-now wp-block-button__link has-very-dark-grey-color has-text-color has-background has-link-color wp-element-button"
        >Buy now <img src="https://www.image-line.com/static/assets/arrow-circled-right-ZNIVDPDX.7abc618.svg"></a
      >
      <p class="has-mt-auto has-fw-regular has-size-0-font-size has-very-dark-grey-color has-text-color has-link-color">You own this Edition</p>
    </div>
    <div class="FL-zen2-card-container white" data-tile-name='all-plugins-bundle'>
      <div class="FL-zen2-card-sub-heading has-ff-century-gothic has-fw-semibold has-decoration-uppercase has-size-0-font-size">JUST EVERYTHING</div>
      <div class="FL-zen2-card-heading has-fw-semibold has-ff-open-sans-semicondensed has-size-3-font-size">All Plugins Edition</div>
      <div class="FL-zen2-card-para has-size-0-font-size">
        Our most complete Edition includes every single plugin and features, ideal for advanced, pro mixing and recording. Your gateway to greatness awaits!
      </div>
      <div class="FL-zen2-card-list-container">
        <div class="FL-zen2-card-list-item has-size-0-font-size"><span class="FL-zen2-bold-list">115 </span>instruments, effects, and editors
        <div class="plugin-item">
              <a class="el-tooltip item" aria-describedby="el-tooltip-9209" tabindex="0">i</a>
              <div class="FL-zen2-tooltip dynamic">
                <div class="FL-zen2-tooltip-para has-size-0-font-size">
                 <b>115 instruments, effects, and editors</b>
                 Includes everything  in the Producer Edition plus versatile and iconic plugins like Newtone, Gross Beat, Hardcore (11 Guitar FX), Low Lifter, Pitcher, Vintage Chorus, Vintage Phaser, DirectWave Full, Harmless, Fruity Video Player
                 <a class="iahorro-compare__edition" href="https://www.image-line.com/fl-studio/compare-editions/">Compare Editions</a></div>
              </div>
            </div>
        </div>
        <hr class="wp-block-separator has-text-color has-alpha-channel-opacity has-background wp-container-content-6" style="background-color: #dddddd; color: #dddddd" />
        <div class="FL-zen2-card-list-item white-tooltip has-size-0-font-size"><span class="FL-zen2-bold-list">Includes</span>Stem Separation
        <div class="plugin-item">
            <a class="el-tooltip item" aria-describedby="el-tooltip-9209" tabindex="0">i</a>
           <div class="FL-zen2-tooltip">
              <div class="FL-zen2-tooltip-heading">AI-powered Stem Separation</div>
              <div class="FL-zen2-tooltip-para has-size-0-font-size">
                Remix and sample like a pro! Quickly extract instruments, drums, bass, and vocal layers from any audio file, directly within FL Studio. A valuable tool for both DJs and producers.
                (Right-Click Audio Clips in the Playlist to access.)
              </div>
            </div>
          </div>
        </div>
        <hr class="wp-block-separator has-text-color has-alpha-channel-opacity has-background wp-container-content-6" style="background-color: #dddddd; color: #dddddd" />
        <div class="FL-zen2-card-list-item has-size-0-font-size"><span class="FL-zen2-bold-list">Includes</span>audio recording</div>
        <hr class="wp-block-separator has-text-color has-alpha-channel-opacity has-background wp-container-content-6" style="background-color: #dddddd; color: #dddddd" />
        <div class="FL-zen2-card-list-item has-size-0-font-size"><span class="FL-zen2-bold-list">Unlimited</span>Audio Clips</div>
        <hr class="wp-block-separator has-text-color has-alpha-channel-opacity has-background wp-container-content-6" style="background-color: #dddddd; color: #dddddd" />
        <div class="FL-zen2-card-list-item has-size-0-font-size"><span class="FL-zen2-bold-list">Full</span>playlist features</div>
      </div>
      <div class="FL-zen2-card-one-liner has-border-radius-5-px has-light-gray-background-color has-background">
        <div class="FL-zen2-card-one-liner-img">
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
            <path
              d="M20 6h-2.18c.11-.31.18-.65.18-1a2.996 2.996 0 0 0-5.5-1.65l-.5.67-.5-.68C10.96 2.54 10.05 2 9 2 7.34 2 6 3.34 6 5c0 .35.07.69.18 1H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-5-2c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zM9 4c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm10 15H5c-.55 0-1-.45-1-1v-1h16v1c0 .55-.45 1-1 1zm1-5H4V9c0-.55.45-1 1-1h4.08L7.6 10.02a.995.995 0 0 0 .22 1.4c.44.32 1.07.22 1.39-.22L12 7.4l2.79 3.8c.32.44.95.54 1.39.22.45-.32.55-.95.22-1.4L14.92 8H19c.55 0 1 .45 1 1v5z"
            ></path>
          </svg>
        </div>
        <div class="FL-zen2-card-one-liner-text">Get one free month of FL Cloud</div>
        <div class="plugin-item">
          <a class="el-tooltip item" aria-describedby="el-tooltip-9209" tabindex="0">i</a>
         <div class="FL-zen2-tooltip">
            <div class="FL-zen2-tooltip-heading">FL Cloud is an optional service for FL Studio users, built right inside the software.</div>
            <div class="FL-zen2-tooltip-para has-size-0-font-size">
              Get a sound library with over 1 million additional loops and one-shots, master your tracks in seconds with AI, and even release your songs directly on major streaming platforms like
              Spotify and Apple music.
            </div>
            <div class="FL-zen2-tooltip-para has-size-0-font-size">
              <span class="FL-zen2-tooltip-para-bold">No credit card required, no strings attached.</span> Reverts to 'Free user' mode when expired. Open the 'Sounds' Tab in the FL Studio Browser to
              get started.
            </div>
          </div>
        </div>
        
      </div>
      <div class="FL-zen2-price has-fw-semibold has-size-2-font-size" data-price-var="${dataProduct.allPluginsEdition}">$499</div>
      <a
        href="https://support.image-line.com/jshop/shop_flcloud2.php?ord=31045"
        class="FL-zen2-buy-now wp-block-button__link has-very-dark-grey-color has-text-color has-background has-link-color wp-element-button"
        >Buy now <img src="https://www.image-line.com/static/assets/arrow-circled-right-ZNIVDPDX.7abc618.svg"></a
      >
      <p class="has-mt-auto has-fw-regular has-size-0-font-size has-very-dark-grey-color has-text-color has-link-color">You own this Edition</p>
    </div>
    </div>`;
    }

    function FL_zen2_html(dataProduct) {
      return `
      <div class="FL-zen2-container">
        <h2 class="FL-zen2-heading has-ff-open-sans-semicondensed has-fw-semibold has-size-6-font-size">Take your music production to another level</h2>
        ${threeBox()}
        ${fourCards(dataProduct)}
        <div class="FL-zen2-payment-sec">
          <div class="FL-zen2-payment-sec-heading">Unsure which edition to start with?</div>
          <div class="FL-zen2-payment-sec-sub-heading">Just buy the cheaper version now and upgrade later and only pay the difference.</div>
        </div>
        <div class="FL-zen2__compare-edition wp-block-buttons has-mt-auto has-mb-auto is-layout-flex wp-block-buttons-is-layout-flex">
            <div class="wp-block-button has-size-1-font-size has-fw-medium"><a class="wp-block-button__link has-very-dark-grey-color has-light-gray-background-color has-text-color has-background has-link-color wp-element-button" href="https://www.image-line.com/fl-studio/compare-editions/">Compare Editions</a></div>
        </div>
        <div class="FL-zen2-fop-sec">
          <div class="FL-zen2-fop-sec-img"><img src="https://www.image-line.com/static/assets/payment-providers-1.png.566777f.webp" alt="" /></div>
          <div class="FL-zen2-fop-sec-text has-size-0-font-size">30+ payment providers. Some payment plans might only be available in all regions.</div>
        </div>
      </div>`;
    }

    function fnLineCopy(currency, dataProduct) {
      return {
        "fruity-edition": `
          <span class="FL-zen2-bold-list">${dataProduct.fruityInstruments}</span>instruments & effects worth <span class="FL-zen2-bold-orange">${currency}${dataProduct.fruityPricing} </span>`,

        "producer-edition": `
              <span class="FL-zen2-bold-list">${dataProduct.producerInstruments}</span>instruments & effects worth <span class="FL-zen2-bold-orange">${currency}${dataProduct.producerPricing}</span>
              <div class="plugin-item">
                <a class="el-tooltip item" aria-describedby="el-tooltip-9209" tabindex="0">i</a>
                <div class="FL-zen2-tooltip dynamic">
                  <div class="FL-zen2-tooltip-para has-size-0-font-size">
                  <b>${dataProduct.producerInstruments} instruments & effects worth <span class="FL-zen2-bold-orange">${currency}${dataProduct.producerPricing}</span></b>
                  Includes everything in the Fruity Edition plus versatile and iconic 
                  plugins like Hyper Chorus, Spreader, Kepler, SoundFont Player, Slicex, Edison, Newtime, Frequency Shifter, 
                  Maximus Multiband Maximizer, Multiband Delay, Vocodex, Sytrus <a class="iahorro-compare__edition" href="https://www.image-line.com/fl-studio/compare-editions/">Compare Editions</a></div>
                </div>
              </div>`,

        "signature-bundle": `
              <span class="FL-zen2-bold-list">${dataProduct.signatureInstruments}</span>instruments & plugins worth <span class="FL-zen2-bold-orange">${currency}${dataProduct.signaturePricing}</span>
              <div class="plugin-item">
                <a class="el-tooltip item" aria-describedby="el-tooltip-9209" tabindex="0">i</a>
                <div class="FL-zen2-tooltip dynamic">
                  <div class="FL-zen2-tooltip-para has-size-0-font-size">
                   <b>${dataProduct.signatureInstruments} instruments & plugins worth <span class="FL-zen2-bold-orange">${currency}${dataProduct.signaturePricing}</span></b>
                   Includes everything  in the Producer Edition plus versatile and iconic plugins like Newtone, Gross Beat, Hardcore (11 Guitar FX), Low Lifter, Pitcher, Vintage Chorus, Vintage Phaser, DirectWave Full, Harmless, Fruity Video Player
                   <a class="iahorro-compare__edition" href="https://www.image-line.com/fl-studio/compare-editions/">Compare Editions</a></div>
                </div>
              </div>`,

        "all-plugins-bundle": `
              <span class="FL-zen2-bold-list">${dataProduct.allPluginsInstruments}</span>instruments & plugins worth <span class="FL-zen2-bold-orange">${currency}${dataProduct.allPluginsPricing}</span>
              <div class="plugin-item">
                <a class="el-tooltip item" aria-describedby="el-tooltip-9209" tabindex="0">i</a>
                <div class="FL-zen2-tooltip dynamic">
                  <div class="FL-zen2-tooltip-para has-size-0-font-size">
                  <b>${dataProduct.allPluginsInstruments} instruments & plugins worth <span class="FL-zen2-bold-orange">${currency}${dataProduct.allPluginsPricing}</span></b>
                  Includes everything in the Signature Bundle plus versatile and iconic plugins like LuxeVerb, Pitch Shifter, Transient Processor, Drumaxx, Harmor, Kepler Exo, Morphine, Ogun, Poizone, Sakura, Sawer, Toxic Biohazard, Transistor Bass 
                  <a class="iahorro-compare__edition" href="https://www.image-line.com/fl-studio/compare-editions/">Compare Editions</a>
                  </div>
                </div>
              </div>`,
      };
    }

    function updateCopy(currencySymbol, dataProduct) {
      document.querySelectorAll("[data-tile-name]").forEach(function (item) {
        var name = item.dataset.tileName || "";
        var text = fnLineCopy(currencySymbol, dataProduct)[name] || "";

        var sector = item.querySelector(".FL-zen2-card-list-item ");
        if (sector) {
          sector.innerHTML = text;
        }
      });
    }

    function updateRadioCopy(dataKey) {
      setTimeout(function () {
        var productKey = document.querySelector(".commercial-box__product.selected").dataset.jsProduct;
        var radioCopy = document.querySelector(".commercial-box__product.selected").querySelector(".description-text");

        if (productKey.includes("fruity")) {
          radioCopy.innerHTML = dataKey.fruityDesc;
        }

        if (productKey.includes("producer")) {
          radioCopy.innerHTML = dataKey.producerDesc;
        }

        if (productKey.includes("signature")) {
          radioCopy.innerHTML = dataKey.signatureDesc;
        }

        if (productKey.includes("all-plugins")) {
          radioCopy.innerHTML = dataKey.allPluginsDesc;
        }
      }, 100);
    }

    // Update Copy
    function updatePrice(dataProduct) {
      var tiles = document.querySelectorAll(".commercial-box__product");
      tiles.forEach(function (priceElm) {
        var attribute = priceElm.dataset.jsProduct;
        var newTilePrice = document.querySelector(`[data-price-var="${attribute}"]`);

        if (newTilePrice) {
          newTilePrice.innerHTML = priceElm.querySelector(".current-price") ? priceElm.querySelector(".current-price").innerHTML : "";
        }

        if (priceElm.classList.contains("owned")) {
          var getTileName = newTilePrice.closest(".FL-zen2-card-container").getAttribute("data-tile-name");
          document.querySelector(".FL-zen2-four-card-container").classList.add(`FL-zen2-${getTileName}-owned`);
          newTilePrice.closest(".FL-zen2-card-container").classList.add(`FL-zen2-owned`);
        }
      });

      if (currency == "USD" || currency == "EUR") {
        updateCopy(currencySymbol, dataProduct);
      }
    }

    function init() {
      if (window.userData.cart_currency == "USD") {
        currency = "USD";
        currencySymbol = "$";
      } else if (window.userData.cart_currency == "EUR") {
        currency = "EUR";
        currencySymbol = "€";
      }

      var dataProduct = {
        regular: {
          fruityEdition: "fruity-edition",
          fruityInstruments: "84",
          fruityPricing: "3,822",
          fruityDesc: `Lifetime FL Studio license for +84 instruments & effects worth ${currencySymbol}3,822, includes audio recording and stem separation.`,
          producerEdition: "producer-edition",
          producerInstruments: "94",
          producerPricing: "4,470",
          producerDesc: `Lifetime FL Studio license for +94 instruments & effects worth ${currencySymbol}4,470, includes audio recording and stem separation.`,
          signatureBundle: "signature-bundle",
          signatureInstruments: "103",
          signaturePricing: "5,250",
          signatureDesc: `Lifetime FL Studio license for +103 instruments & effects worth ${currencySymbol}5,250, includes audio recording and stem separation.`,
          allPluginsEdition: "all-plugins-bundle",
          allPluginsInstruments: "116",
          allPluginsPricing: "6,357",
          allPluginsDesc: `Lifetime FL Studio license for +116 instruments & effects worth ${currencySymbol}6,357, includes audio recording and stem separation.`,
        },
        31010: {
          fruityEdition: "fruity-edition",
          fruityInstruments: "84",
          fruityPricing: "3,822",
          fruityDesc: `Lifetime FL Studio license for +84 instruments & effects worth ${currencySymbol}3,822, includes audio recording and stem separation.`,
          producerEdition: "fruity-to-producer",
          producerInstruments: "+10",
          producerPricing: "648",
          producerDesc: `+10 additional instruments & effects worth ${currencySymbol}648, includes audio recording and stem separation.`,
          signatureBundle: "fruity-to-signature",
          signatureInstruments: "+19",
          signaturePricing: "1,428",
          signatureDesc: `+19 additional instruments & effects worth ${currencySymbol}1,428, includes audio recording and stem separation.`,
          allPluginsEdition: "fruity-to-all-plugins",
          allPluginsInstruments: "+32",
          allPluginsPricing: "2,535",
          allPluginsDesc: `+32 additional instruments & effects worth ${currencySymbol}2,535, includes audio recording and stem separation.`,
        },
        31020: {
          fruityEdition: "",
          fruityInstruments: "84",
          fruityPricing: "3,822",
          fruityDesc: `Lifetime FL Studio license for +84 instruments & effects worth ${currencySymbol}3,822, includes audio recording and stem separation.`,
          producerEdition: "producer-edition",
          producerInstruments: "94",
          producerPricing: "4,470",
          producerDesc: `Lifetime FL Studio license for +94 instruments & effects worth ${currencySymbol}4,470, includes audio recording and stem separation.`,
          signatureBundle: "producer-to-signature",
          signatureInstruments: "+9",
          signaturePricing: "780",
          signatureDesc: `+9 additional instruments & effects worth ${currencySymbol}780, includes audio recording and stem separation.`,
          allPluginsEdition: "producer-to-all-plugins",
          allPluginsInstruments: "+22",
          allPluginsPricing: "1,887",
          allPluginsDesc: `+22 additional instruments & effects worth ${currencySymbol}1,887, includes audio recording and stem separation.`,
        },
        31035: {
          fruityEdition: "",
          fruityInstruments: "84",
          fruityPricing: "3,822",
          fruityDesc: `Lifetime FL Studio license for +84 instruments & effects worth ${currencySymbol}3,822, includes audio recording and stem separation.`,
          producerEdition: "",
          producerInstruments: "94",
          producerPricing: "4,470",
          producerDesc: `Lifetime FL Studio license for +94 instruments & effects worth ${currencySymbol}4,470, includes audio recording and stem separation.`,
          signatureBundle: "signature-bundle",
          signatureInstruments: "103",
          signaturePricing: "5,250",
          signatureDesc: `Lifetime FL Studio license for +103 instruments & effects worth ${currencySymbol}5,250, includes audio recording and stem separation.`,
          allPluginsEdition: "signature-to-all-plugins",
          allPluginsInstruments: "+13",
          allPluginsPricing: "1,107",
          allPluginsDesc: `+13 additional instruments & effects worth ${currencySymbol}1,107, includes audio recording and stem separation.`,
        },
        31049: {
          fruityEdition: "",
          fruityInstruments: "84",
          fruityPricing: "3,822",
          fruityDesc: `Lifetime FL Studio license for +84 instruments & effects worth ${currencySymbol}3,822, includes audio recording and stem separation.`,
          producerEdition: "",
          producerInstruments: "94",
          producerPricing: "4,470",
          producerDesc: `Lifetime FL Studio license for +94 instruments & effects worth ${currencySymbol}4,470, includes audio recording and stem separation.`,
          signatureBundle: "",
          signatureInstruments: "103",
          signaturePricing: "5,250",
          signatureDesc: `Lifetime FL Studio license for +103 instruments & effects worth ${currencySymbol}5,250, includes audio recording and stem separation.`,
          allPluginsEdition: "all-plugins-bundle",
          allPluginsInstruments: "116",
          allPluginsPricing: "6,357",
          allPluginsDesc: `Lifetime FL Studio license for +116 instruments & effects worth ${currencySymbol}6,357, includes audio recording and stem separation.`,
        },
      };

      var url = window.location.pathname;
      var flContainer = document.querySelector(".FL-zen2-container");

      var dataKey;

      if (window.userData.owned == false) {
        dataKey = dataProduct.regular;
      } else {
        var ownedKey = Object.keys(window.userData.owned)[0];
        dataKey = dataProduct[ownedKey];
      }

      // Fl PDP page
      if (url == "/fl-studio/" && !flContainer) {
        $addClass("body", "FL-zen2-pdp");
        document.querySelector('div.content>div:nth-of-type(2) >[class*="wp-block-buttons"]')?.insertAdjacentHTML("beforebegin", FL_zen2_html(dataKey));
        // Update price
        var priceInterval = setInterval(function () {
          updatePrice(dataKey);
        }, 100);
        setTimeout(function () {
          clearInterval(priceInterval);
          updatePrice(dataKey);
        }, 2500);
      }

      // Buy Now page
      if (url == "/fl-studio/buy-now/" && !flContainer) {
        $addClass("body", "FL-zen2-buy-now");
        document.querySelector("div.content")?.insertAdjacentHTML("beforeend", FL_zen2_html(dataKey));
        // Update price
        var priceInterval = setInterval(function () {
          updatePrice(dataKey);
        }, 100);
        setTimeout(function () {
          clearInterval(priceInterval);
          updatePrice(dataKey);
        }, 2500);

        initPriceTest();
      }

      // Update radio copy
      var interval = setInterval(function () {
        updateRadioCopy(dataKey);
      }, 10);
      setTimeout(function () {
        clearInterval(interval);
        updateRadioCopy(dataKey);
      }, 2000);

      document.addEventListener("click", (e) => {
        var el = e.target;
        if (el.closest(".commercial-box__product")) {
          updateRadioCopy(dataKey);
        }
      });
    }

    waitFor(
      () => (document.querySelector(".commercial-box__product .description-text") ? true : false),
      () => {
        waitForProductVariable(function () {
          if (window.userData.cart_currency == "USD" || window.userData.cart_currency == "EUR") {
            init();
          }
        });
      },
      {
        interval: 50,
        duration: 15e3,
      }
    );

    function initPriceTest() {
      /* main variables */
      var variation_name_new = "fl-t-2";

      /**LIBRARY**/
      var utils = {};

      /** EXPERIMENT CONFIGURATION */
      var expConfig = {
        className: variation_name_new,
        selector: "body",
      };

      // Mapping product attributes to CSS classes
      var tileClassMap = {
        // Normal product
        "fruity-edition": "edition-column-fruity",
        "producer-edition": "edition-column-producer",
        "signature-bundle": "edition-column-signature",
        "all-plugins-bundle": "edition-column-ape",

        // Fruity product
        "fruity-to-producer": "edition-column-producer",
        "fruity-to-signature": "edition-column-signature",
        "fruity-to-all-plugins": "edition-column-ape",

        // Producer product
        "producer-to-signature": "edition-column-signature",
        "producer-to-all-plugins": "edition-column-ape",

        // Signature product
        "signature-to-all-plugins": "edition-column-ape",
      };

      var fruityProductMap = {
        "fruity-edition": "fruity-edition",

        // Fruity product
        "fruity-to-producer": "producer-edition",
        "fruity-to-signature": "signature-bundle",
        "fruity-to-all-plugins": "all-plugins-bundle",

        // Producer product
        "producer-to-signature": "signature-bundle",
        "producer-to-all-plugins": "all-plugins-bundle",

        // Signature product
        "signature-to-all-plugins": "all-plugins-bundle",
      };

      var tileClassMapWithId = {
        "fruity-edition": 31010,
        "producer-edition": 31020,
        "signature-bundle": 31035,
        "all-plugins-bundle": 31045,

        // Fruity
        "fruity-to-producer": 31040,
        "fruity-to-signature": 31037,
        "fruity-to-all-plugins": 31047,

        // Producer
        "producer-to-signature": 31036,
        "producer-to-all-plugins": 31048,

        // Signatures
        "signature-to-all-plugins": 31049,
      };

      /**
       * Helper function to wait for library to load
       * @param {function} trigger - callback function to be called when lib is loaded
       */
      function waitForLibrary(trigger) {
        var INTERVAL = 50;
        var TIMEOUT = 15000;

        var interval = setInterval(function () {
          if (typeof window["ilHelpers"] != "undefined") {
            clearInterval(interval);
            trigger(window["ilHelpers"]);
          }
        }, INTERVAL);

        setTimeout(function () {
          clearInterval(interval);
        }, TIMEOUT);
      }

      /**
       * ==================================
       * Experiment code
       * ==================================
       */

      function getUrl(currentUrl, jsProductAttr) {
        var currentUrl = "https://support.image-line.com/jshop/shop_flcloud2.php?ord=31045&_gl=1*18vlvnc*_gcl_au*MTk4NTMxMTc2OS4xNzMyODc3Njg2";

        var newUrl = new URL(currentUrl);

        let ordId = tileClassMapWithId[jsProductAttr] || newUrl.searchParams.get("ord");

        if (ordId) {
          newUrl.searchParams.set("ord", ordId);
        }

        return newUrl.href;
      }

      // Adjust four product tiles
      function fourTilesSection(jsProductAttr, parentElmHtml) {
        let newPriceBlock = `
        <div class="${variation_name_new}-price-block">${parentElmHtml}</div>
      `;

        const targetClass = tileClassMap[jsProductAttr];

        if (!targetClass) {
          return;
        }

        let btnUrl = "";

        // Handle old tiles
        const currentTile = document.querySelector(`.wp-block-group .${targetClass}`);
        if (currentTile) {
          const priceElements = currentTile.querySelectorAll(".price .fl-t-2-price-block, .price [data-price-current]");
          const button = currentTile.querySelector("[data-product-id]:not(.is-hidden-owns-edition) .wp-block-button__link");
          priceElements.forEach(function (priceElement) {
            priceElement.outerHTML = newPriceBlock;
          });

          if (button) {
            btnUrl = button.href;
          }
        }

        const newJsProductAttr = fruityProductMap[jsProductAttr] || jsProductAttr;

        // Handle new tile
        const newProductTile = document.querySelector(`.FL-zen2-card-container[data-tile-name="${newJsProductAttr}"] .FL-zen2-price`);
        const buyButtonTile = document.querySelector(`.FL-zen2-card-container[data-tile-name="${newJsProductAttr}"] .FL-zen2-buy-now`);

        if (newProductTile) {
          newProductTile.innerHTML = newPriceBlock;
        }

        // If we do not have btn url
        if (buyButtonTile && !btnUrl) {
          btnUrl = getUrl(buyButtonTile.href, jsProductAttr);
        }

        if (buyButtonTile && btnUrl) {
          buyButtonTile.href = btnUrl;
        }
      }

      function flPriceUpdateInFourTiles(stprice) {
        let parentElm = stprice.closest(".price");
        if (!parentElm.classList.contains(`${variation_name_new}-has-strikethrough`)) {
          parentElm.classList.add(`${variation_name_new}-has-strikethrough`);
        }

        // If commercial box
        if (parentElm.classList.contains("commercial-box__product__cell")) {
          let parentElmHtml = parentElm.innerHTML;
          let jsProductAttr = parentElm.closest("[data-js-product]")?.dataset.jsProduct || null;

          // Price box
          utils.waitForElement(".edition-column-producer .price", fourTilesSection.bind(null, jsProductAttr, parentElmHtml));

          const newJsProductAttr = fruityProductMap[jsProductAttr] || jsProductAttr;
          // New tiles
          utils.waitForElement(`.FL-zen2-card-container[data-tile-name="${newJsProductAttr}"] .FL-zen2-price`, fourTilesSection.bind(null, jsProductAttr, parentElmHtml));
        }
      }

      function eventHandler() {
        // Add price class to strikethrough
        utils.observeSelector(".price .has-strikethrough", function (stprice) {
          flPriceUpdateInFourTiles(stprice);
        });
      }

      // Wait for library and initialize experiment
      waitForLibrary(function (ilHelpers) {
        // Assign library functions
        utils = ilHelpers.get("lib");

        // Add class to body element
        utils.waitForElement("body", function () {
          var bodyElm = document.querySelector("body");
          if (!bodyElm.classList.contains(expConfig.className)) {
            bodyElm.classList.add(expConfig.className);

            // Event handlers
            eventHandler();
          }
        });

        // Four product tiles changes
        utils.waitForElement(".edition-column-producer .price", function () {
          var priceTiles = document.querySelectorAll(".commercial-box__product__cell.price .has-strikethrough");
          priceTiles.forEach(function (stprice) {
            flPriceUpdateInFourTiles(stprice);
          });
        });

        utils.waitForElement(".FL-zen2-card-container[data-tile-name] .FL-zen2-price", function () {
          var priceTiles = document.querySelectorAll(".commercial-box__product__cell.price .has-strikethrough");
          priceTiles.forEach(function (stprice) {
            flPriceUpdateInFourTiles(stprice);
          });
        });
      });
    }
  } catch (e) {
    if (debug) console.log(e, "error in Test" + variation_name);
  }
})();
}}}],"traffic_allocation":0}]},{"id":"1004158979","name":"[QA] Deploy - [FL-T-41] - Set Visitor, Download, Login info in LocalStorage","type":"deploy","status":"active","global_js":null,"global_css":"","environment":"production","settings":{"min_order_value":0,"max_order_value":99999,"matching_options":{"audiences":"any","locations":"any"},"outliers":{"order_value":{"detection_type":"none"},"products_ordered_count":{"detection_type":"none"}}},"key":"q-dply-fl-t-41-st-vstr-dwnld","version":10,"locations":["1004125987"],"site_area":null,"audiences":[],"goals":["100032149","100462435","100461985","100495475"],"integrations":[{"provider":"google_analytics","enabled":false,"type":"ga4","measurementId":""}],"variations":[{"id":"1004375397","name":"Deployment","key":"1004375397-deployment","status":"running","changes":[{"id":1004604744,"type":"defaultCode","data":{"js":null,"css":"","custom_js":null}},{"id":1004604743,"type":"customCode","data":{"css":"","js":function(convertContext){ 
(function() {
  try {
    /* main variables */
    var debug = 0;
    var variation_name = "fl-t-41-global-deployed";

    /**LIBRARY**/
    var utils = {};

    /**
     * Helper function to wait for library to load
     * @param {function} trigger - callback function to be called when lib is loaded
     */
    function waitForLibrary(trigger) {
      var INTERVAL = 50;
      var TIMEOUT = 15000;

      var interval = setInterval(function() {
        if (typeof window["ilHelpers"] != "undefined") {
          clearInterval(interval);
          trigger(window["ilHelpers"]);
        }
      }, INTERVAL);

      setTimeout(function() {
        clearInterval(interval);
      }, TIMEOUT);
    }

    // Single prefixed JSON cookie management
    const COOKIE_PREFIX = "fl_t_41_";
    const COOKIE_NAME = COOKIE_PREFIX + "data";

    function getTestData() {
      try {
        const cookieValue = localStorage.getItem(COOKIE_NAME);
        return cookieValue
          ? JSON.parse(cookieValue)
          : {
              version: "1.0",
              visitor_timestamps: {},
              download_timestamps: [],
              user_logged_in_previously: false,
            };
      } catch (e) {
        if (debug) console.log("Error reading test data:", e);
        return {
          version: "1.0",
          visitor_timestamps: {},
          download_timestamps: [],
          user_logged_in_previously: false,
        };
      }
    }

    function updateTestData(updater) {
      try {
        const data = getTestData();
        const updatedData = updater(data);
        localStorage.setItem(COOKIE_NAME, JSON.stringify(updatedData));
      } catch (e) {
        if (debug) console.log("Error updating test data:", e);
      }
    }

    // Track page visit
    function trackPageVisit(pageKey) {
      updateTestData(data => {
        const now = Date.now();

        // Initialize if not set
        if (!data.visitor_timestamps[pageKey]) {
          data.visitor_timestamps[pageKey] = [];
        }

        // Add new visit timestamp
        data.visitor_timestamps[pageKey].push(now);

        // Trim to max 10 entries (first 5 + last 5)
        if (data.visitor_timestamps[pageKey].length > 10) {
          const first5 = data.visitor_timestamps[pageKey].slice(0, 5);
          const last5 = data.visitor_timestamps[pageKey].slice(-5);
          data.visitor_timestamps[pageKey] = [...first5, ...last5];
        }

        return data;
      });
    }

    // Track download started
    function trackDownload() {
      updateTestData(data => {
        const now = Date.now();
        data.download_timestamps.push(now);

        // Keep only first 5 and last 5
        if (data.download_timestamps.length > 10) {
          const first5 = data.download_timestamps.slice(0, 5);
          const last5 = data.download_timestamps.slice(-5);
          data.download_timestamps = [...first5, ...last5];
        }

        return data;
      });
    }

    // Marked login previously
    function markUserLoggedIn() {
      updateTestData(data => {
        data.user_logged_in_previously = true;
        return data;
      });
    }

    // Initial point
    function init() {
      var pathName = window.location.pathname;
      if (pathName === "/") {
        trackPageVisit("homepage");
      } else if (pathName.match(/fl-studio\/buy-now\/?/)) {
        trackPageVisit("buy_now");
      } else if (pathName.match(/fl-studio-download\/?/)) {
        trackPageVisit("download");
      } else if (pathName.match(/fl-studio\/compare-editions\/?/)) {
        trackPageVisit("compare_editions");
      } else if (pathName.match(/fl-studio\/?/)) {
        trackPageVisit("fl_studio");
      } else if (pathName.match(/fl-cloud\/?/)) {
        trackPageVisit("fl_cloud");
      } else if (pathName.match(/lp\/trial-exit-fl-studio-en\/?/)) {
        trackPageVisit("trial_exit_visit_timestamps");
      }
    }

    function eventHandlers() {
      utils.live(
        '.fl-studio-download a.wp-block-button__link[href*="/redirect/flstudio_win_installer"], .fl-studio-download a.wp-block-button__link[href*="/redirect/flstudio_mac_installer"]',
        "click",
        function() {
          trackDownload();
        }
      );
    }

    /**
     * Library ready entrypoint
     */
    waitForLibrary(function(ilHelpers) {
      utils = ilHelpers.get("lib");

      // Wait for body element and mark variation
      utils.waitForElement("body", function(bodyElm) {
        if (!bodyElm.classList.contains(variation_name)) {
          bodyElm.classList.add(variation_name);
          eventHandlers();
        }

        init(); // always run init
      });

      // Detect logged-in users
      utils.waitForElement("body.signed-in", function() {
        markUserLoggedIn();
      });
    });
  } catch (e) {
    if (debug) console.log(e, "error in Test" + variation_name);
  }
})();
}}}],"traffic_allocation":100}]},{"id":"1004159428","name":"[live] [FL-T-42] Localized revamped buy now page","type":"a\/b","status":"active","global_js":null,"global_css":"","environment":"production","settings":{"min_order_value":0,"max_order_value":99999,"matching_options":{"audiences":"any","locations":"any"},"outliers":{"order_value":{"detection_type":"none"},"products_ordered_count":{"detection_type":"none"}}},"key":"fl-t-42-lclzd-rvmpd-by-nw-pg","version":10,"locations":["1004126259"],"site_area":null,"audiences":["100418977"],"goals":["100032149","100462435","100461985","100495475","100473111","100473110","100473108","100473098","100473097","100473096","100473095","100473094","100473093","100473092","100472700","100472699","100472698","100472697","100472685","100472684","100472683","100472682","100472681"],"integrations":[{"provider":"google_analytics","enabled":false,"type":"ga4","measurementId":""}],"variations":[{"id":"1004376532","name":"Original Page","key":"1004376532-original-page","status":"running","changes":[],"traffic_allocation":25},{"id":"1004376533","name":"V1: Localized Hero","key":"1004376533-variation-1","status":"running","changes":[{"id":1004606446,"type":"defaultCode","data":{"js":null,"css":"","custom_js":null}},{"id":1004606445,"type":"customCode","data":{"css":"html body.fl-t-42.region-africa #buy-now-header.bg-image,\nhtml body.fl-t-42.region-us #buy-now-header.bg-image {\n  background-image: url(\"https:\/\/cdn-3.convertexperiments.com\/uf\/10049056\/10007574\/us-ca-affrica-2560-min_688b02f54c663.png\");\n}\n\nhtml body.fl-t-42.region-oceania #buy-now-header.bg-image,\nhtml body.fl-t-42.region-asia #buy-now-header.bg-image {\n  background-image: url(\"https:\/\/cdn-3.convertexperiments.com\/uf\/10049056\/10007574\/asia-australia2560-min_688b035815171.png\");\n}\n\nhtml body.fl-t-42.region-europe #buy-now-header.bg-image {\n  background-image: url(\"https:\/\/cdn-3.convertexperiments.com\/uf\/10049056\/10007574\/europe2560-min_688b033651b05.png\");\n}\n\nhtml body.fl-t-42.region-lat-america #buy-now-header.bg-image {\n  background-image: url(\"https:\/\/cdn-3.convertexperiments.com\/uf\/10049056\/10007574\/latin-merica2650-min_688b031466797.png\");\n}\n\nhtml body.fl-t-42 #buy-now-header.bg-image {\n  background-size: cover;\n  background-position: center calc(28% - 110px);\n}\n\n@media screen and (min-width: 2500px) {\n  html body.fl-t-42 #buy-now-header.bg-image {\n    background-size: contain;\n    background-position: center calc(28% - 110px);\n  }\n}\n\n@media screen and (max-width: 1700px) {\n  html body.fl-t-42 #buy-now-header.bg-image {\n    background-size: 134%;\n    background-position: center calc(28% - 110px);\n  }\n}","js":function(convertContext){ 
(function() {
  try {
    /* main variables */
    var debug = 0;
    var variation_name = "fl-t-42";

    /**LIBRARY**/
    var utils = {};

    /**
     * Helper function to wait for library to load
     * @param {function} trigger - callback function to be called when lib is loaded
     */
    function waitForLibrary(trigger) {
      var INTERVAL = 50;
      var TIMEOUT = 20000;

      var interval = setInterval(function() {
        if (typeof window["ilHelpers"] != "undefined") {
          clearInterval(interval);
          trigger(window["ilHelpers"]);
        }
      }, INTERVAL);

      setTimeout(function() {
        clearInterval(interval);
      }, TIMEOUT);
    }

    /**
     * NA - North America
     * SA - South America
     * EU - Europe
     * AS - Asia
     * AF - Africa
     * OC - Oceania
     */

    // continent
    const continents = {
      NA: "North America",
      SA: "South America",
      EU: "Europe",
      AS: "Asia",
      AF: "Africa",
      OC: "Oceania",
    };

    // List of all countries
    const countries = {
      AF: { name: "Afghanistan", region: "Asia" },
      AL: { name: "Albania", region: "Europe" },
      DZ: { name: "Algeria", region: "Africa" },
      AS: { name: "American Samoa", region: "Oceania" },
      AD: { name: "Andorra", region: "Europe" },
      AO: { name: "Angola", region: "Africa" },
      AG: { name: "Antigua and Barbuda", region: "North America" },
      AR: { name: "Argentina", region: "South America" },
      AM: { name: "Armenia", region: "Asia" },
      AU: { name: "Australia", region: "Oceania" },
      AT: { name: "Austria", region: "Europe" },
      AZ: { name: "Azerbaijan", region: "Asia" },
      BH: { name: "Bahrain", region: "Asia" },
      BD: { name: "Bangladesh", region: "Asia" },
      BY: { name: "Belarus", region: "Europe" },
      BE: { name: "Belgium", region: "Europe" },
      BJ: { name: "Benin", region: "Africa" },
      BO: { name: "Bolivia", region: "South America" },
      BA: { name: "Bosnia and Herzegovina", region: "Europe" },
      BW: { name: "Botswana", region: "Africa" },
      BR: { name: "Brazil", region: "South America" },
      BN: { name: "Brunei", region: "Asia" },
      BG: { name: "Bulgaria", region: "Europe" },
      KH: { name: "Cambodia", region: "Asia" },
      CM: { name: "Cameroon", region: "Africa" },
      CA: { name: "Canada", region: "North America" },
      CL: { name: "Chile", region: "South America" },
      CN: { name: "China", region: "Asia" },
      CO: { name: "Colombia", region: "South America" },
      HR: { name: "Croatia", region: "Europe" },
      CY: { name: "Cyprus", region: "Asia" },
      CZ: { name: "Czech Republic", region: "Europe" },
      DK: { name: "Denmark", region: "Europe" },
      DO: { name: "Dominican Republic", region: "North America" },
      EC: { name: "Ecuador", region: "South America" },
      EG: { name: "Egypt", region: "Africa" },
      EE: { name: "Estonia", region: "Europe" },
      FI: { name: "Finland", region: "Europe" },
      FR: { name: "France", region: "Europe" },
      DE: { name: "Germany", region: "Europe" },
      GH: { name: "Ghana", region: "Africa" },
      GR: { name: "Greece", region: "Europe" },
      GT: { name: "Guatemala", region: "North America" },
      HN: { name: "Honduras", region: "North America" },
      HK: { name: "Hong Kong", region: "Asia" },
      HU: { name: "Hungary", region: "Europe" },
      IS: { name: "Iceland", region: "Europe" },
      IN: { name: "India", region: "Asia" },
      ID: { name: "Indonesia", region: "Asia" },
      IR: { name: "Iran", region: "Asia" },
      IQ: { name: "Iraq", region: "Asia" },
      IE: { name: "Ireland", region: "Europe" },
      IL: { name: "Israel", region: "Asia" },
      IT: { name: "Italy", region: "Europe" },
      JP: { name: "Japan", region: "Asia" },
      JO: { name: "Jordan", region: "Asia" },
      KZ: { name: "Kazakhstan", region: "Asia" },
      KE: { name: "Kenya", region: "Africa" },
      KR: { name: "South Korea", region: "Asia" },
      KW: { name: "Kuwait", region: "Asia" },
      LV: { name: "Latvia", region: "Europe" },
      LB: { name: "Lebanon", region: "Asia" },
      LT: { name: "Lithuania", region: "Europe" },
      LU: { name: "Luxembourg", region: "Europe" },
      MY: { name: "Malaysia", region: "Asia" },
      MX: { name: "Mexico", region: "North America" },
      MA: { name: "Morocco", region: "Africa" },
      NP: { name: "Nepal", region: "Asia" },
      NL: { name: "Netherlands", region: "Europe" },
      NZ: { name: "New Zealand", region: "Oceania" },
      NG: { name: "Nigeria", region: "Africa" },
      NO: { name: "Norway", region: "Europe" },
      OM: { name: "Oman", region: "Asia" },
      PK: { name: "Pakistan", region: "Asia" },
      PA: { name: "Panama", region: "North America" },
      PE: { name: "Peru", region: "South America" },
      PH: { name: "Philippines", region: "Asia" },
      PL: { name: "Poland", region: "Europe" },
      PT: { name: "Portugal", region: "Europe" },
      QA: { name: "Qatar", region: "Asia" },
      RO: { name: "Romania", region: "Europe" },
      RU: { name: "Russia", region: "Europe" },
      SA: { name: "Saudi Arabia", region: "Asia" },
      RS: { name: "Serbia", region: "Europe" },
      SG: { name: "Singapore", region: "Asia" },
      SK: { name: "Slovakia", region: "Europe" },
      SI: { name: "Slovenia", region: "Europe" },
      ZA: { name: "South Africa", region: "Africa" },
      ES: { name: "Spain", region: "Europe" },
      LK: { name: "Sri Lanka", region: "Asia" },
      SE: { name: "Sweden", region: "Europe" },
      CH: { name: "Switzerland", region: "Europe" },
      TW: { name: "Taiwan", region: "Asia" },
      TH: { name: "Thailand", region: "Asia" },
      TR: { name: "Turkey", region: "Asia" },
      UA: { name: "Ukraine", region: "Europe" },
      AE: { name: "United Arab Emirates", region: "Asia" },
      GB: { name: "United Kingdom", region: "Europe" },
      US: { name: "United States", region: "North America" },
      UZ: { name: "Uzbekistan", region: "Asia" },
      VE: { name: "Venezuela", region: "South America" },
      VN: { name: "Vietnam", region: "Asia" },
      ZW: { name: "Zimbabwe", region: "Africa" },
    };

    async function getRegion() {
      try {
        // Find convert data
        const userLocation = window.convert?.getUserData()?.geo || "";
        if (userLocation) {
          // Return North America if US or CA
          if (userLocation["country"] == "US" || userLocation["country"] == "CA") return "North America";

          // If continent is North America, return South America forcefully
          if (continents[userLocation["continent"]] == "North America") return "South America";

          // Else return continent
          return continents[userLocation["continent"]] || "North America";
        }

        const gl = new GeolocationDetection();
        const data = await gl.get();

        if (!data || !data.loc) {
          throw new Error("Geo data not found in userLocation");
        }

        // Country location
        var country = countries[data.loc] || { name: "United States", region: "North America" };

        // North America for USA and Canada
        if (data.loc == "US" || data.loc == "CA") return "North America";

        // If continent is North America, return South America forcefully
        if (country.region == "North America") return "South America";

        return country["region"];
      } catch (e) {
        return "North America";
      }
    }

    // Initial point
    async function init() {
      var region = await getRegion();

      // Add class based on region
      var bodyElm = document.querySelector("body");
      if (region == "North America") {
        bodyElm.classList.add("region-us");
      } else if (region == "Africa") {
        bodyElm.classList.add("region-africa");
      } else if (region == "Oceania") {
        bodyElm.classList.add("region-oceania");
      } else if (region == "Asia") {
        bodyElm.classList.add("region-asia");
      } else if (region == "Europe") {
        bodyElm.classList.add("region-europe");
      } else if (region == "South America") {
        bodyElm.classList.add("region-lat-america");
      }
    }

    function injectBackgroundImageOnPageload() {
      var bodyElm = document.querySelector("body");
      var allImages = `
        <div style="display: none">
          <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/usa-ca-africa_688c77318259a.png" alt="USA ca africa" />
          <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/asia-australia_688c77756d8a1.png" alt="Asia australia" />
          <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/europa_688c7750d61fe.png" alt="Europa" />
          <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/latin-america_688c77432f5df.png" alt="Latin america" />


          <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/us-ca-affrica-2560-min_688b02f54c663.png" alt="USA" />
          <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/asia-australia2560-min_688b035815171.png" alt="Asia" />
          <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/europe2560-min_688b033651b05.png" alt="Europe" />
          <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/latin-merica2650-min_688b031466797.png" alt="Latin america" />

        </div>
      `;

      bodyElm.insertAdjacentHTML("beforeend", allImages);
    }

    /**
     * Library ready entrypoint
     */
    waitForLibrary(function(ilHelpers) {
      utils = ilHelpers.get("lib");

      // Wait for body element and mark variation
      utils.waitForElement("body.signed-in, body.signed-out", function(bodyElm) {
        // Inject background images on pageload
        injectBackgroundImageOnPageload();
      });

      // Wait for body element and mark variation
      utils.waitForElement("body", function(bodyElm) {
        init();

        if (!bodyElm.classList.contains(variation_name)) {
          bodyElm.classList.add(variation_name);
        }
      });
    });
  } catch (e) {
    if (debug) console.log(e, "error in Test" + variation_name);
  }
})();
}}}],"traffic_allocation":25},{"id":"1004376536","name":"V2: Localized hero & producers","key":"1004376536-variation-2","status":"running","changes":[{"id":1004606448,"type":"defaultCode","data":{"js":null,"css":"","custom_js":null}},{"id":1004606447,"type":"customCode","data":{"css":"html body.fl-t-42.region-africa #buy-now-header.bg-image,\nhtml body.fl-t-42.region-us #buy-now-header.bg-image {\n  background-image: url(\"https:\/\/cdn-3.convertexperiments.com\/uf\/10049056\/10007574\/us-ca-affrica-2560-min_688b02f54c663.png\");\n}\n\nhtml body.fl-t-42.region-oceania #buy-now-header.bg-image,\nhtml body.fl-t-42.region-asia #buy-now-header.bg-image {\n  background-image: url(\"https:\/\/cdn-3.convertexperiments.com\/uf\/10049056\/10007574\/asia-australia2560-min_688b035815171.png\");\n}\n\nhtml body.fl-t-42.region-europe #buy-now-header.bg-image {\n  background-image: url(\"https:\/\/cdn-3.convertexperiments.com\/uf\/10049056\/10007574\/europe2560-min_688b033651b05.png\");\n}\n\nhtml body.fl-t-42.region-lat-america #buy-now-header.bg-image {\n  background-image: url(\"https:\/\/cdn-3.convertexperiments.com\/uf\/10049056\/10007574\/latin-merica2650-min_688b031466797.png\");\n}\n\nhtml body.fl-t-42 #buy-now-header.bg-image {\n  background-size: cover;\n  background-position: center calc(28% - 110px);\n}\n\n@media screen and (min-width: 2500px) {\n  html body.fl-t-42 #buy-now-header.bg-image {\n    background-size: contain;\n    background-position: center calc(28% - 110px);\n  }\n}\n\n@media screen and (max-width: 1700px) {\n  html body.fl-t-42 #buy-now-header.bg-image {\n    background-size: 134%;\n    background-position: center calc(28% - 110px);\n  }\n}","js":function(convertContext){ 
(function() {
  try {
    /* main variables */
    var debug = 0;
    var variation_name = "fl-t-42";

    /**LIBRARY**/
    var utils = {};

    /**
     * Helper function to wait for library to load
     * @param {function} trigger - callback function to be called when lib is loaded
     */
    function waitForLibrary(trigger) {
      var INTERVAL = 50;
      var TIMEOUT = 20000;

      var interval = setInterval(function() {
        if (typeof window["ilHelpers"] != "undefined") {
          clearInterval(interval);
          trigger(window["ilHelpers"]);
        }
      }, INTERVAL);

      setTimeout(function() {
        clearInterval(interval);
      }, TIMEOUT);
    }

    // continent
    const continents = {
      NA: "North America",
      SA: "South America",
      EU: "Europe",
      AS: "Asia",
      AF: "Africa",
      OC: "Oceania",
    };

    // List of all countries
    const countries = {
      AF: { name: "Afghanistan", region: "Asia" },
      AL: { name: "Albania", region: "Europe" },
      DZ: { name: "Algeria", region: "Africa" },
      AS: { name: "American Samoa", region: "Oceania" },
      AD: { name: "Andorra", region: "Europe" },
      AO: { name: "Angola", region: "Africa" },
      AG: { name: "Antigua and Barbuda", region: "North America" },
      AR: { name: "Argentina", region: "South America" },
      AM: { name: "Armenia", region: "Asia" },
      AU: { name: "Australia", region: "Oceania" },
      AT: { name: "Austria", region: "Europe" },
      AZ: { name: "Azerbaijan", region: "Asia" },
      BH: { name: "Bahrain", region: "Asia" },
      BD: { name: "Bangladesh", region: "Asia" },
      BY: { name: "Belarus", region: "Europe" },
      BE: { name: "Belgium", region: "Europe" },
      BJ: { name: "Benin", region: "Africa" },
      BO: { name: "Bolivia", region: "South America" },
      BA: { name: "Bosnia and Herzegovina", region: "Europe" },
      BW: { name: "Botswana", region: "Africa" },
      BR: { name: "Brazil", region: "South America" },
      BN: { name: "Brunei", region: "Asia" },
      BG: { name: "Bulgaria", region: "Europe" },
      KH: { name: "Cambodia", region: "Asia" },
      CM: { name: "Cameroon", region: "Africa" },
      CA: { name: "Canada", region: "North America" },
      CL: { name: "Chile", region: "South America" },
      CN: { name: "China", region: "Asia" },
      CO: { name: "Colombia", region: "South America" },
      HR: { name: "Croatia", region: "Europe" },
      CY: { name: "Cyprus", region: "Asia" },
      CZ: { name: "Czech Republic", region: "Europe" },
      DK: { name: "Denmark", region: "Europe" },
      DO: { name: "Dominican Republic", region: "North America" },
      EC: { name: "Ecuador", region: "South America" },
      EG: { name: "Egypt", region: "Africa" },
      EE: { name: "Estonia", region: "Europe" },
      FI: { name: "Finland", region: "Europe" },
      FR: { name: "France", region: "Europe" },
      DE: { name: "Germany", region: "Europe" },
      GH: { name: "Ghana", region: "Africa" },
      GR: { name: "Greece", region: "Europe" },
      GT: { name: "Guatemala", region: "North America" },
      HN: { name: "Honduras", region: "North America" },
      HK: { name: "Hong Kong", region: "Asia" },
      HU: { name: "Hungary", region: "Europe" },
      IS: { name: "Iceland", region: "Europe" },
      IN: { name: "India", region: "Asia" },
      ID: { name: "Indonesia", region: "Asia" },
      IR: { name: "Iran", region: "Asia" },
      IQ: { name: "Iraq", region: "Asia" },
      IE: { name: "Ireland", region: "Europe" },
      IL: { name: "Israel", region: "Asia" },
      IT: { name: "Italy", region: "Europe" },
      JP: { name: "Japan", region: "Asia" },
      JO: { name: "Jordan", region: "Asia" },
      KZ: { name: "Kazakhstan", region: "Asia" },
      KE: { name: "Kenya", region: "Africa" },
      KR: { name: "South Korea", region: "Asia" },
      KW: { name: "Kuwait", region: "Asia" },
      LV: { name: "Latvia", region: "Europe" },
      LB: { name: "Lebanon", region: "Asia" },
      LT: { name: "Lithuania", region: "Europe" },
      LU: { name: "Luxembourg", region: "Europe" },
      MY: { name: "Malaysia", region: "Asia" },
      MX: { name: "Mexico", region: "North America" },
      MA: { name: "Morocco", region: "Africa" },
      NP: { name: "Nepal", region: "Asia" },
      NL: { name: "Netherlands", region: "Europe" },
      NZ: { name: "New Zealand", region: "Oceania" },
      NG: { name: "Nigeria", region: "Africa" },
      NO: { name: "Norway", region: "Europe" },
      OM: { name: "Oman", region: "Asia" },
      PK: { name: "Pakistan", region: "Asia" },
      PA: { name: "Panama", region: "North America" },
      PE: { name: "Peru", region: "South America" },
      PH: { name: "Philippines", region: "Asia" },
      PL: { name: "Poland", region: "Europe" },
      PT: { name: "Portugal", region: "Europe" },
      QA: { name: "Qatar", region: "Asia" },
      RO: { name: "Romania", region: "Europe" },
      RU: { name: "Russia", region: "Europe" },
      SA: { name: "Saudi Arabia", region: "Asia" },
      RS: { name: "Serbia", region: "Europe" },
      SG: { name: "Singapore", region: "Asia" },
      SK: { name: "Slovakia", region: "Europe" },
      SI: { name: "Slovenia", region: "Europe" },
      ZA: { name: "South Africa", region: "Africa" },
      ES: { name: "Spain", region: "Europe" },
      LK: { name: "Sri Lanka", region: "Asia" },
      SE: { name: "Sweden", region: "Europe" },
      CH: { name: "Switzerland", region: "Europe" },
      TW: { name: "Taiwan", region: "Asia" },
      TH: { name: "Thailand", region: "Asia" },
      TR: { name: "Turkey", region: "Asia" },
      UA: { name: "Ukraine", region: "Europe" },
      AE: { name: "United Arab Emirates", region: "Asia" },
      GB: { name: "United Kingdom", region: "Europe" },
      US: { name: "United States", region: "North America" },
      UZ: { name: "Uzbekistan", region: "Asia" },
      VE: { name: "Venezuela", region: "South America" },
      VN: { name: "Vietnam", region: "Asia" },
      ZW: { name: "Zimbabwe", region: "Africa" },
    };

    async function getRegion() {
      try {
        // Find convert data
        const userLocation = window.convert?.getUserData()?.geo || "";
        if (userLocation) {
          // Return North America if US or CA
          if (userLocation["country"] == "US" || userLocation["country"] == "CA") return "North America";

          // If continent is North America, return South America forcefully
          if (continents[userLocation["continent"]] == "North America") return "South America";

          // Else return continent
          return continents[userLocation["continent"]] || "North America";
        }

        const gl = new GeolocationDetection();
        const data = await gl.get();

        if (!data || !data.loc) {
          throw new Error("Geo data not found in userLocation");
        }

        // Country location
        var country = countries[data.loc] || { name: "United States", region: "North America" };

        // North America for USA and Canada
        if (data.loc == "US" || data.loc == "CA") return "North America";

        // If continent is North America, return South America forcefully
        if (country.region == "North America") return "South America";

        return country["region"];
      } catch (e) {
        return "North America";
      }
    }

    /**
     * ===================================================================================
     * Extracts the allArtists array from the DOM (from .js-artist-listing[data-artists])
     * Returns an array of artist objects, or [] if not found/parse error.
     * ===================================================================================
     */
    var regionProducers = {
      "North America": ["Boi-1da", "Martin Garrix", "Mustard", "Afrojack", "Hit-Boy", "Ovy On The Drums"],
      Africa: ["Boi-1da", "P.Priime", "Ovy On The Drums", "Hit-Boy", "Martin Garrix", "Kel-P"],
      "South America": ["Ovy On The Drums", "Demy & Clipz", "Boi-1da", "Hit-Boy", "Martin Garrix", "Nely (El Arma Secreta)"],
      Europe: ["Martin Garrix", "Hit-Boy", "Boi-1da", "Afrojack", "Mustard", "Ovy On The Drums"],
      Asia: ["Martin Garrix", "Hit-Boy", "Mustard", "Karan Kanchan", "Porter Robinson", "Ovy On The Drums"],
      Oceania: ["Martin Garrix", "Hit-Boy", "Mustard", "Karan Kanchan", "Porter Robinson", "Ovy On The Drums"],
    };

    function getAllArtistsFromDOM() {
      var dataSourceEl = document.querySelector(".js-artist-listing");
      if (!dataSourceEl) return [];
      var raw = dataSourceEl.getAttribute("data-artists");
      if (!raw) return [];
      var textarea = document.createElement("textarea");
      textarea.innerHTML = raw;
      try {
        return JSON.parse(textarea.value);
      } catch (e) {
        if (debug) console.error(" Artist JSON parsing failed:", e);
        return [];
      }
    }

    function renderArtistsForRegion(region, allArtists) {
      var container = document.getElementById("artistContainer");
      var template = document.getElementById("templateCard");
      if (!container || !template) return;
      container.innerHTML = "";
      container.appendChild(template);

      (regionProducers[region] || []).forEach(function(name) {
        var artist = allArtists.find(a => a.name === name);
        if (!artist) return;
        var card = template.cloneNode(true);
        card.id = "";
        card.style.display = "";
        var img = card.querySelector(".artist-image");
        if (img) {
          img.src = artist.image;
          img.alt = "Photo of " + artist.name;
        }
        var nameEl = card.querySelector(".artist-name");
        if (nameEl) nameEl.textContent = artist.name;
        var bio = card.querySelector(".artist-bio");
        if (bio) bio.innerHTML = artist.bio;
        var quote = card.querySelector(".quote-text");
        if (quote) quote.textContent = artist.quote;

        container.appendChild(card);
      });
    }

    // Initial point
    async function init() {
      var region = await getRegion();
      // Example usage: get all artists from DOM
      var allArtists = getAllArtistsFromDOM();

      // Region-based artist rendering logic
      utils.waitForElement("body.signed-in #artistContainer #templateCard, body.signed-out #artistContainer #templateCard", function() {
        renderArtistsForRegion(region, allArtists);
      });

      // Add class based on region
      var bodyElm = document.querySelector("body");
      if (region == "North America") {
        bodyElm.classList.add("region-us");
      } else if (region == "Africa") {
        bodyElm.classList.add("region-africa");
      } else if (region == "Oceania") {
        bodyElm.classList.add("region-oceania");
      } else if (region == "Asia") {
        bodyElm.classList.add("region-asia");
      } else if (region == "Europe") {
        bodyElm.classList.add("region-europe");
      } else if (region == "South America") {
        bodyElm.classList.add("region-lat-america");
      }
    }

    function injectBackgroundImageOnPageload() {
      var bodyElm = document.querySelector("body");
      var allImages = `
        <div style="display: none">
          <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/usa-ca-africa_688c77318259a.png" alt="USA ca africa" />
          <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/asia-australia_688c77756d8a1.png" alt="Asia australia" />
          <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/europa_688c7750d61fe.png" alt="Europa" />
          <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/latin-america_688c77432f5df.png" alt="Latin america" />


          <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/us-ca-affrica-2560-min_688b02f54c663.png" alt="USA" />
          <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/asia-australia2560-min_688b035815171.png" alt="Asia" />
          <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/europe2560-min_688b033651b05.png" alt="Europe" />
          <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/latin-merica2650-min_688b031466797.png" alt="Latin america" />

        </div>
      `;

      bodyElm.insertAdjacentHTML("beforeend", allImages);
    }

    /**
     * Library ready entrypoint
     */
    waitForLibrary(function(ilHelpers) {
      utils = ilHelpers.get("lib");

      // Wait for body element and mark variation
      utils.waitForElement("body.signed-in, body.signed-out", function(bodyElm) {
        // Inject background images on pageload
        injectBackgroundImageOnPageload();
      });

      // Wait for body element and mark variation
      utils.waitForElement("body", function(bodyElm) {
        if (!bodyElm.classList.contains(variation_name)) {
          bodyElm.classList.add(variation_name);
        }

        init();
      });
    });
  } catch (e) {
    if (debug) console.log(e, "error in Test" + variation_name);
  }
})();
}}}],"traffic_allocation":25},{"id":"1004382368","name":"V3: Localized producers section","key":"1004382368-variation-3","status":"running","changes":[{"id":1004614660,"type":"defaultCode","data":{"js":null,"css":"","custom_js":null}},{"id":1004614659,"type":"customCode","data":{"css":"","js":function(convertContext){ 
(function() {
  try {
    /* main variables */
    var debug = 0;
    var variation_name = "fl-t-42";

    /**LIBRARY**/
    var utils = {};

    /**
     * Helper function to wait for library to load
     * @param {function} trigger - callback function to be called when lib is loaded
     */
    function waitForLibrary(trigger) {
      var INTERVAL = 50;
      var TIMEOUT = 20000;

      var interval = setInterval(function() {
        if (typeof window["ilHelpers"] != "undefined") {
          clearInterval(interval);
          trigger(window["ilHelpers"]);
        }
      }, INTERVAL);

      setTimeout(function() {
        clearInterval(interval);
      }, TIMEOUT);
    }

    /**
     * NA - North America
     * SA - South America
     * EU - Europe
     * AS - Asia
     * AF - Africa
     * OC - Oceania
     */

    // continent
    const continents = {
      NA: "North America",
      SA: "South America",
      EU: "Europe",
      AS: "Asia",
      AF: "Africa",
      OC: "Oceania",
    };

    // List of all countries
    const countries = {
      AF: { name: "Afghanistan", region: "Asia" },
      AL: { name: "Albania", region: "Europe" },
      DZ: { name: "Algeria", region: "Africa" },
      AS: { name: "American Samoa", region: "Oceania" },
      AD: { name: "Andorra", region: "Europe" },
      AO: { name: "Angola", region: "Africa" },
      AG: { name: "Antigua and Barbuda", region: "North America" },
      AR: { name: "Argentina", region: "South America" },
      AM: { name: "Armenia", region: "Asia" },
      AU: { name: "Australia", region: "Oceania" },
      AT: { name: "Austria", region: "Europe" },
      AZ: { name: "Azerbaijan", region: "Asia" },
      BH: { name: "Bahrain", region: "Asia" },
      BD: { name: "Bangladesh", region: "Asia" },
      BY: { name: "Belarus", region: "Europe" },
      BE: { name: "Belgium", region: "Europe" },
      BJ: { name: "Benin", region: "Africa" },
      BO: { name: "Bolivia", region: "South America" },
      BA: { name: "Bosnia and Herzegovina", region: "Europe" },
      BW: { name: "Botswana", region: "Africa" },
      BR: { name: "Brazil", region: "South America" },
      BN: { name: "Brunei", region: "Asia" },
      BG: { name: "Bulgaria", region: "Europe" },
      KH: { name: "Cambodia", region: "Asia" },
      CM: { name: "Cameroon", region: "Africa" },
      CA: { name: "Canada", region: "North America" },
      CL: { name: "Chile", region: "South America" },
      CN: { name: "China", region: "Asia" },
      CO: { name: "Colombia", region: "South America" },
      HR: { name: "Croatia", region: "Europe" },
      CY: { name: "Cyprus", region: "Asia" },
      CZ: { name: "Czech Republic", region: "Europe" },
      DK: { name: "Denmark", region: "Europe" },
      DO: { name: "Dominican Republic", region: "North America" },
      EC: { name: "Ecuador", region: "South America" },
      EG: { name: "Egypt", region: "Africa" },
      EE: { name: "Estonia", region: "Europe" },
      FI: { name: "Finland", region: "Europe" },
      FR: { name: "France", region: "Europe" },
      DE: { name: "Germany", region: "Europe" },
      GH: { name: "Ghana", region: "Africa" },
      GR: { name: "Greece", region: "Europe" },
      GT: { name: "Guatemala", region: "North America" },
      HN: { name: "Honduras", region: "North America" },
      HK: { name: "Hong Kong", region: "Asia" },
      HU: { name: "Hungary", region: "Europe" },
      IS: { name: "Iceland", region: "Europe" },
      IN: { name: "India", region: "Asia" },
      ID: { name: "Indonesia", region: "Asia" },
      IR: { name: "Iran", region: "Asia" },
      IQ: { name: "Iraq", region: "Asia" },
      IE: { name: "Ireland", region: "Europe" },
      IL: { name: "Israel", region: "Asia" },
      IT: { name: "Italy", region: "Europe" },
      JP: { name: "Japan", region: "Asia" },
      JO: { name: "Jordan", region: "Asia" },
      KZ: { name: "Kazakhstan", region: "Asia" },
      KE: { name: "Kenya", region: "Africa" },
      KR: { name: "South Korea", region: "Asia" },
      KW: { name: "Kuwait", region: "Asia" },
      LV: { name: "Latvia", region: "Europe" },
      LB: { name: "Lebanon", region: "Asia" },
      LT: { name: "Lithuania", region: "Europe" },
      LU: { name: "Luxembourg", region: "Europe" },
      MY: { name: "Malaysia", region: "Asia" },
      MX: { name: "Mexico", region: "North America" },
      MA: { name: "Morocco", region: "Africa" },
      NP: { name: "Nepal", region: "Asia" },
      NL: { name: "Netherlands", region: "Europe" },
      NZ: { name: "New Zealand", region: "Oceania" },
      NG: { name: "Nigeria", region: "Africa" },
      NO: { name: "Norway", region: "Europe" },
      OM: { name: "Oman", region: "Asia" },
      PK: { name: "Pakistan", region: "Asia" },
      PA: { name: "Panama", region: "North America" },
      PE: { name: "Peru", region: "South America" },
      PH: { name: "Philippines", region: "Asia" },
      PL: { name: "Poland", region: "Europe" },
      PT: { name: "Portugal", region: "Europe" },
      QA: { name: "Qatar", region: "Asia" },
      RO: { name: "Romania", region: "Europe" },
      RU: { name: "Russia", region: "Europe" },
      SA: { name: "Saudi Arabia", region: "Asia" },
      RS: { name: "Serbia", region: "Europe" },
      SG: { name: "Singapore", region: "Asia" },
      SK: { name: "Slovakia", region: "Europe" },
      SI: { name: "Slovenia", region: "Europe" },
      ZA: { name: "South Africa", region: "Africa" },
      ES: { name: "Spain", region: "Europe" },
      LK: { name: "Sri Lanka", region: "Asia" },
      SE: { name: "Sweden", region: "Europe" },
      CH: { name: "Switzerland", region: "Europe" },
      TW: { name: "Taiwan", region: "Asia" },
      TH: { name: "Thailand", region: "Asia" },
      TR: { name: "Turkey", region: "Asia" },
      UA: { name: "Ukraine", region: "Europe" },
      AE: { name: "United Arab Emirates", region: "Asia" },
      GB: { name: "United Kingdom", region: "Europe" },
      US: { name: "United States", region: "North America" },
      UZ: { name: "Uzbekistan", region: "Asia" },
      VE: { name: "Venezuela", region: "South America" },
      VN: { name: "Vietnam", region: "Asia" },
      ZW: { name: "Zimbabwe", region: "Africa" },
    };

    async function getRegion() {
      try {
        // Find convert data
        const userLocation = window.convert?.getUserData()?.geo || "";
        if (userLocation) {
          // Return North America if US or CA
          if (userLocation["country"] == "US" || userLocation["country"] == "CA") return "North America";

          // If continent is North America, return South America forcefully
          if (continents[userLocation["continent"]] == "North America") return "South America";

          // Else return continent
          return continents[userLocation["continent"]] || "North America";
        }

        const gl = new GeolocationDetection();
        const data = await gl.get();

        if (!data || !data.loc) {
          throw new Error("Geo data not found in userLocation");
        }

        // Country location
        var country = countries[data.loc] || { name: "United States", region: "North America" };

        // North America for USA and Canada
        if (data.loc == "US" || data.loc == "CA") return "North America";

        // If continent is North America, return South America forcefully
        if (country.region == "North America") return "South America";

        return country["region"];
      } catch (e) {
        return "North America";
      }
    }

    /**
     * ===================================================================================
     * Extracts the allArtists array from the DOM (from .js-artist-listing[data-artists])
     * Returns an array of artist objects, or [] if not found/parse error.
     * ===================================================================================
     */
    var regionProducers = {
      "North America": ["Boi-1da", "Martin Garrix", "Mustard", "Afrojack", "Hit-Boy", "Ovy On The Drums"],
      Africa: ["Boi-1da", "P.Priime", "Ovy On The Drums", "Hit-Boy", "Martin Garrix", "Kel-P"],
      "South America": ["Ovy On The Drums", "Demy & Clipz", "Boi-1da", "Hit-Boy", "Martin Garrix", "Nely (El Arma Secreta)"],
      Europe: ["Martin Garrix", "Hit-Boy", "Boi-1da", "Afrojack", "Mustard", "Ovy On The Drums"],
      Asia: ["Martin Garrix", "Hit-Boy", "Mustard", "Karan Kanchan", "Porter Robinson", "Ovy On The Drums"],
      Oceania: ["Martin Garrix", "Hit-Boy", "Mustard", "Karan Kanchan", "Porter Robinson", "Ovy On The Drums"],
    };

    function getAllArtistsFromDOM() {
      var dataSourceEl = document.querySelector(".js-artist-listing");
      if (!dataSourceEl) return [];
      var raw = dataSourceEl.getAttribute("data-artists");
      if (!raw) return [];
      var textarea = document.createElement("textarea");
      textarea.innerHTML = raw;
      try {
        return JSON.parse(textarea.value);
      } catch (e) {
        if (debug) console.error(" Artist JSON parsing failed:", e);
        return [];
      }
    }

    function renderArtistsForRegion(region, allArtists) {
      var container = document.getElementById("artistContainer");
      var template = document.getElementById("templateCard");
      if (!container || !template) return;
      container.innerHTML = "";
      container.appendChild(template);

      (regionProducers[region] || []).forEach(function(name) {
        var artist = allArtists.find(a => a.name === name);
        if (!artist) return;
        var card = template.cloneNode(true);
        card.id = "";
        card.style.display = "";
        var img = card.querySelector(".artist-image");
        if (img) {
          img.src = artist.image;
          img.alt = "Photo of " + artist.name;
        }
        var nameEl = card.querySelector(".artist-name");
        if (nameEl) nameEl.textContent = artist.name;
        var bio = card.querySelector(".artist-bio");
        if (bio) bio.innerHTML = artist.bio;
        var quote = card.querySelector(".quote-text");
        if (quote) quote.textContent = artist.quote;

        container.appendChild(card);
      });
    }

    // Initial point
    async function init() {
      var region = await getRegion();
      // Example usage: get all artists from DOM
      var allArtists = getAllArtistsFromDOM();

      // Region-based artist rendering logic
      utils.waitForElement("#artistContainer #templateCard", function() {
        renderArtistsForRegion(region, allArtists);
      });
    }

    /**
     * Library ready entrypoint
     */
    waitForLibrary(function(ilHelpers) {
      utils = ilHelpers.get("lib");

      // Wait for body element and mark variation
      utils.waitForElement("body.signed-in, body.signed-out", function(bodyElm) {
        if (!bodyElm.classList.contains(variation_name)) {
          bodyElm.classList.add(variation_name);
        }

        init();
      });
    });
  } catch (e) {
    if (debug) console.log(e, "error in Test" + variation_name);
  }
})();
}}}],"traffic_allocation":25}]},{"id":"1004160292","name":"[live] [FL-T-44] FL HP with learning videos","type":"a\/b","status":"active","global_js":null,"global_css":"","environment":"production","settings":{"min_order_value":0,"max_order_value":99999,"matching_options":{"audiences":"any","locations":"any"},"outliers":{"order_value":{"detection_type":"none"},"products_ordered_count":{"detection_type":"none"}}},"key":"fl-t-44-fl-hp-wth-lrnng-vds","version":10,"locations":["10005083"],"site_area":null,"audiences":["100418977"],"goals":["100032149","100462435","100461985","100495475","100473095","100472697","100472698","100472699","100472700","100476805","100495748","1004102480","100489267","100489268","100489269","100489270","100472683","100472682","100472681","1004103689"],"integrations":[{"provider":"google_analytics","enabled":false,"type":"ga4","measurementId":""}],"variations":[{"id":"1004378918","name":"Control","key":"1004378918-original-page","status":"running","changes":[],"traffic_allocation":20},{"id":"1004378919","name":"V1: new videos","key":"1004378919-variation-1","status":"running","changes":[{"id":1004609254,"type":"defaultCode","data":{"js":null,"css":"","custom_js":null}},{"id":1004609253,"type":"customCode","data":{"css":"@media screen and (max-width:1024px) {\r\n\r\n  html body.fl-t-44 .fl-t-44-container {\r\n    display: none !important;\r\n  }\r\n\r\n}\r\n\r\n@media screen and (max-width:1024px) {\r\n\r\n  html body.fl-t-44 .fl-t-44-payment-options,\r\n  html body.fl-t-44 .fl-t-44-creative-banner-section {\r\n    display: none !important;\r\n  }\r\n\r\n}\r\n\r\n@media screen and (min-width:1024px) {\r\n\r\n  html body.fl-t-44 [data-heading-name=\"Getting started\"] {\r\n    display: none;\r\n  }\r\n\r\n  html body.fl-t-44 .video-container {\r\n    display: block !important;\r\n  }\r\n\r\n  html body.fl-t-44 .video-container .fl-video-gallery {\r\n    width: 100% !important;\r\n    max-width: 100% !important;\r\n  }\r\n\r\n  html body [data-testid^=\"video-thumbnail-\"]:nth-of-type(n+6):nth-of-type(-n+10) {\r\n    display: none !important;\r\n  }\r\n\r\n\r\n  \/* for footer  *\/\r\n  html body.fl-t-44 .content>div:last-of-type {\r\n    padding-top: 50px;\r\n    padding-bottom: 15px;\r\n  }\r\n\r\n  html body.fl-t-44 .wp-container-core-group-is-layout-92 .wp-container-core-group-is-layout-46 h2 {\r\n    margin-bottom: 50px;\r\n  }\r\n\r\n  \/**----------- Global styles --------------**\/\r\n  .fl-t-44-wrapper {\r\n    max-width: 1478px;\r\n    margin: 0 auto;\r\n    padding: 60px 20px;\r\n  }\r\n\r\n  .fl-t-44-row {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 42px;\r\n    flex-direction: column;\r\n  }\r\n\r\n  .fl-t-44-button {\r\n    padding: 10px 24px;\r\n    border: none;\r\n    border-radius: 50px;\r\n    cursor: pointer;\r\n    text-align: center;\r\n    font-family: \"Open Sans\", sans-serif;\r\n    font-size: 19px;\r\n    font-style: normal;\r\n    font-weight: 600;\r\n    line-height: 30px;\r\n    text-decoration: none;\r\n  }\r\n\r\n  .fl-t-44-button.orange {\r\n    background-color: #ff7629;\r\n    color: white;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n  }\r\n\r\n  .fl-t-44-button.orange:hover {\r\n    background-image: linear-gradient(rgba(255, 255, 255, 0.1) 0 0) !important;\r\n  }\r\n\r\n  .fl-t-44-button.orange:after {\r\n    height: 1em;\r\n    width: 1em;\r\n    display: inline-block;\r\n    background-image: url(https:\/\/www.image-line.com\/static\/assets\/arrow-circled-right-ZNIVDPDX.7abc618.svg);\r\n    background-position: center;\r\n    background-size: contain;\r\n    content: \"\";\r\n    filter: invert(1);\r\n    background-repeat: no-repeat;\r\n  }\r\n\r\n  .fl-t-44-button.gray {\r\n    background-color: #e9e9e9;\r\n    color: #16182c;\r\n    text-decoration: auto;\r\n  }\r\n\r\n  \/**--------- FOP Logos -------------**\/\r\n  .fl-t-44-payment-options {\r\n    text-align: center;\r\n    width: 100%;\r\n    padding: 100px 0px 50px;\r\n    background: #111a1e;\r\n  }\r\n\r\n  .fl-t-44-payment-options .fl-t-44-payment__wrapper {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .fl-t-44-payment-options .fl-t-44-note {\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n  .fl-t-44-payment-options .fl-t-44-note p b {\r\n    color: #16182c;\r\n    text-align: center;\r\n    font-family: \"Open Sans\", sans-serif;\r\n    font-size: 24px;\r\n    font-style: normal;\r\n    font-weight: 700;\r\n    line-height: 175%;\r\n  }\r\n\r\n  .fl-t-44-payment-options .fl-t-44-note p {\r\n    color: #16182c;\r\n    font-family: \"Open Sans\", sans-serif;\r\n    font-size: 19px;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: 175%;\r\n  }\r\n\r\n  .fl-t-44-payment-options .extra-note {\r\n    color: white;\r\n    text-align: center;\r\n    font-family: \"Open Sans\", sans-serif;\r\n    font-size: 13px;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: 150%;\r\n  }\r\n\r\n  .fl-t-44-payment-options .fl-t-44-logos {\r\n    margin: 0 auto 22px;\r\n    padding: 0px 15px;\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 20px;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    max-width: 1150px;\r\n  }\r\n\r\n  .fl-t-44-payment-options img {\r\n    height: fit-content;\r\n    filter: brightness(0) invert(1);\r\n    max-width: 100px;\r\n  }\r\n\r\n  \/* Buy now CTA  *\/\r\n  .fl-t-44-buy-now-block {\r\n    padding-bottom: 130px;\r\n  }\r\n\r\n  .fl-t-44-buy-now-block .fl-t-44-payment__button {\r\n    text-align: center;\r\n    max-width: fit-content;\r\n    margin: 40px auto 0px;\r\n  }\r\n\r\n  .fl-t-44-payment__button a {\r\n    padding: 7px 18px;\r\n  }\r\n\r\n  .fl-t-44-buy-now-block span.has-underline:after {\r\n    content: \"\";\r\n    position: absolute;\r\n    bottom: 4px;\r\n    left: 0;\r\n    width: 100%;\r\n    background: url(\"https:\/\/cdn-3.convertexperiments.com\/uf\/10049056\/10007574\/underline_682b154e73a71.svg\");\r\n    background-size: cover;\r\n    background-repeat: no-repeat;\r\n    display: block;\r\n    height: 11px;\r\n    -webkit-mask-repeat: none;\r\n    mask-repeat: none;\r\n  }\r\n\r\n  .fl-t-44-buy-now-block h2 {\r\n    color: white;\r\n    font-size: 48px;\r\n    font-weight: 600;\r\n    line-height: 1.4;\r\n    font-stretch: 75%;\r\n    letter-spacing: normal;\r\n    text-align: center;\r\n  }\r\n\r\n  .fl-t-44-buy-now-block p {\r\n    margin: 16px auto;\r\n    max-width: 680px;\r\n    color: #c2c4d6;\r\n    text-align: center;\r\n    font-family: \"Open Sans\", sans-serif;\r\n    font-size: var(--step-1);\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: 1.6em;\r\n  }\r\n\r\n\r\n  \/**--------- End FOP Logos -------------**\/\r\n\r\n\r\n  \/* ========== Static player css ============= *\/\r\n  .fl-t-44-creative-banner-section {\r\n    background: #111a1e;\r\n  }\r\n\r\n  .fl-t-44-creative-banner-container {\r\n    max-width: 1300px;\r\n    margin: 0 auto;\r\n    padding-right: 20px;\r\n    padding-left: 20px;\r\n  }\r\n\r\n  .fl-t-44-creative-banner {\r\n    width: 100%;\r\n    padding: 350px 0px;\r\n    position: relative;\r\n  }\r\n\r\n  .fl-t-44-creative-banner::after {\r\n    content: \"\";\r\n    background: url(https:\/\/cdn-3.convertexperiments.com\/uf\/10049056\/10007574\/hp-v1-4-bottom-section_6811bfb0f1676.png);\r\n    background-size: cover;\r\n    background-repeat: no-repeat;\r\n    background-position: center;\r\n    width: 140%;\r\n    height: 100%;\r\n    z-index: 0;\r\n    position: absolute;\r\n    top: 0px;\r\n    left: -20%;\r\n  }\r\n\r\n  .fl-t-44-creative-banner .fl-t-44-creative-force {\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  .fl-t-44-creative-force .fl-t-44-content-wrapper {\r\n    max-width: 669px;\r\n    width: 100%;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .fl-t-44-creative-force .fl-t-44-title {\r\n    max-width: 670px;\r\n    text-align: center;\r\n    font-family: \"Open Sans\", sans-serif;\r\n    font-size: 57px;\r\n    font-style: normal;\r\n    font-weight: 600;\r\n    line-height: 70px;\r\n    margin-bottom: 16px;\r\n    color: #fff;\r\n  }\r\n\r\n  .fl-t-44-creative-force .fl-t-44-description {\r\n    color: #c2c4d6;\r\n    text-align: center;\r\n    font-family: \"Open Sans\", sans-serif;\r\n    font-size: 18px;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: 30px;\r\n    letter-spacing: -0.09px;\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n  .fl-t-44-creative-force .fl-t-44-btn-wrapper {\r\n    display: flex;\r\n    gap: 16px;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  \/* Getting started tutorial styling started----------- *\/\r\n\r\n  .fl-t-44-container {\r\n    max-width: 100%;\r\n    width: 100%;\r\n    margin: 0 auto;\r\n    padding: 40px 20px 0 20px;\r\n    text-align: center;\r\n    padding-top: 0;\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n  .fl-t-44-title {\r\n    font-size: 57.22px;\r\n    font-weight: 600;\r\n    margin-bottom: 10px;\r\n    font-family: \"Open Sans\", sans-serif;\r\n    font-stretch: 75%;\r\n  }\r\n\r\n  .fl-t-44-subtitle {\r\n    font-size: 18.75px;\r\n    color: #c2c4d6;\r\n    font-family: \"Open Sans\", sans-serif;\r\n    font-stretch: 95%;\r\n    line-height: 30px;\r\n    max-width: 840px;\r\n    margin: 0 auto;\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n  .fl-t-44-main-video-section {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    margin-bottom: 40px;\r\n    height: 710px;\r\n  }\r\n\r\n  .fl-t-44-main-video-wrapper {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    margin: 0 auto;\r\n    background: #2d2d47;\r\n    border-radius: 12px;\r\n    box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.25);\r\n    position: relative;\r\n    height: 710px;\r\n  }\r\n\r\n  .fl-t-44-main-video {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    height: 710px;\r\n    border-radius: 8px;\r\n    border: none;\r\n    background: #000;\r\n    display: block;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .fl-t-44-thumbnails-section .fl-t-44-thumbnail {\r\n    flex: 1;\r\n  }\r\n\r\n  .fl-t-44-main-video-title {\r\n    font-size: 1.3rem;\r\n    font-weight: 600;\r\n    margin-top: 18px;\r\n    text-align: left;\r\n  }\r\n\r\n  .fl-t-44-main-video-duration {\r\n    position: absolute;\r\n    bottom: 18px;\r\n    right: 40px;\r\n    background: #232338;\r\n    color: #fff;\r\n    font-size: 0.95rem;\r\n    padding: 2px 10px;\r\n    border-radius: 6px;\r\n    opacity: 0.85;\r\n  }\r\n\r\n  .fl-t-44-thumbnails-section {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 18px;\r\n    margin-bottom: 40px;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .fl-t-44-thumbnail {\r\n    border-radius: 10px;\r\n    \/* width: 180px; *\/\r\n    cursor: pointer;\r\n    transition: box-shadow 0.2s, border 0.2s;\r\n    border: 2px solid transparent;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    position: relative;\r\n  }\r\n\r\n  html body .fl-t-44-main-video-placeholder {\r\n    height: 710px !important;\r\n  }\r\n\r\n  html body .fl-t-44-main-video-wrapper iframe {\r\n    height: 710px;\r\n    width: 100%;\r\n  }\r\n\r\n  \/* .fl-t-44-thumbnail.fl-t-44-active {\r\n    border: 2px solid #ff9900;\r\n    box-shadow: 0 4px 16px 0 rgba(255, 153, 0, 0.15);\r\n  } *\/\r\n\r\n  .fl-t-44-thumbImageContainer {\r\n    width: 100%;\r\n    height: 125px;\r\n  }\r\n\r\n  .fl-t-44-thumbnail-img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    border-radius: 6px;\r\n    margin-bottom: 10px;\r\n    background: #111;\r\n  }\r\n\r\n  .fl-t-44-thumb-title {\r\n    font-size: 15px;\r\n    font-weight: 500;\r\n    color: #fff;\r\n    margin-bottom: 12px;\r\n    text-align: left;\r\n    display: flex;\r\n    gap: 5px;\r\n  }\r\n\r\n  html body .fl-t-44-thumb-title .playGifIcon {\r\n    display: none;\r\n    width: 20px;\r\n    height: 20px;\r\n  }\r\n\r\n  html body .fl-t-44-thumbnail.fl-t-44-active.fl-t-44-playState .fl-t-44-thumb-title .playGifIcon {\r\n    display: block !important;\r\n  }\r\n\r\n  .fl-t-44-active .fl-t-44-thumb-title {\r\n    color: rgba(246, 114, 41, 1);\r\n  }\r\n\r\n  .fl-t-44-thumb-duration {\r\n\r\n    color: #fff;\r\n    background: rgba(22, 24, 44, 1);\r\n    border-radius: 4px;\r\n    padding: 2px 6px;\r\n    position: absolute;\r\n    bottom: 48px;\r\n    right: 15px !important;\r\n    opacity: 0.85;\r\n    font-family: Open Sans;\r\n    font-weight: 400;\r\n    font-size: 13px;\r\n    line-height: 20px;\r\n    letter-spacing: -0.325px;\r\n  }\r\n\r\n  #fl-t-44-main-video-placeholder .fl-t-44-thumb-duration {\r\n    position: absolute;\r\n    bottom: 20px;\r\n    right: 20px;\r\n  }\r\n\r\n  html body .fl-t-44-thumbnail .fl-t-44-play-icon {\r\n    top: 50% !important;\r\n  }\r\n\r\n  html body .fl-t-44-thumbnail .fl-t-44-play-icon svg {\r\n    display: none;\r\n    width: 50px;\r\n    height: 50px;\r\n  }\r\n\r\n  html body .fl-t-44-thumbnail:hover .fl-t-44-play-icon svg {\r\n    display: block;\r\n  }\r\n\r\n  .fl-t-44-buy-section {\r\n    margin-top: 20px;\r\n  }\r\n\r\n  .fl-t-44-buy-btn {\r\n    background: #ff7629;\r\n    color: #fff;\r\n    font-weight: 600;\r\n    border: none;\r\n    border-radius: 24px;\r\n    cursor: pointer;\r\n    box-shadow: 0 2px 8px 0 rgba(255, 153, 0, 0.10);\r\n    transition: background 0.2s;\r\n    outline: none;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin: 0 auto;\r\n    gap: 10px;\r\n    width: max-content;\r\n    text-decoration: unset;\r\n    padding: 10px 24px;\r\n    font-size: 19px;\r\n    line-height: 30px;\r\n  }\r\n\r\n  .fl-t-44-buy-btn::after {\r\n    content: \"\";\r\n    mask-image: url(\/static\/assets\/arrow-circled-right-znivdpdx.7abc618.svg);\r\n    height: 16px;\r\n    width: 16px;\r\n    display: inline-block;\r\n    background-color: currentColor;\r\n    -webkit-mask-size: 100%;\r\n    mask-size: 100%;\r\n    -webkit-mask-repeat: no-repeat;\r\n    mask-repeat: no-repeat;\r\n  }\r\n\r\n  html body .fl-t-44-play-icon svg {\r\n    width: 80px;\r\n    height: 80px;\r\n  }\r\n\r\n  html body #fl-t-44-main-video-placeholder::after {\r\n    content: \"Learn the basics\";\r\n    display: block;\r\n    font-family: Open Sans;\r\n    font-weight: 600;\r\n    font-size: 38px;\r\n    line-height: 135%;\r\n    position: absolute;\r\n    font-stretch: 75%;\r\n    top: 20px;\r\n    left: 20px;\r\n  }\r\n\r\n  html body .fl-t-44-watchMore {\r\n    color: rgba(246, 114, 41, 1);\r\n    font-family: Open Sans;\r\n    font-weight: 400;\r\n    font-size: 13px;\r\n    line-height: 20px;\r\n    text-decoration: underline;\r\n    text-decoration-style: solid;\r\n    text-decoration-thickness: 0%;\r\n\r\n  }\r\n\r\n  \/* Getting started tutorial styling Ended----------- *\/\r\n\r\n  html body .fl-t-44-discover-studio,\r\n  html body .fl-t-44-payment__button a {\r\n    padding: 10px 24px !important;\r\n  }\r\n\r\n  html body .fl-t-44-buy-now-block span.has-underline:after {\r\n    mask-image: none !important;\r\n  }\r\n\r\n  html body .fl-t-44-playState .fl-t-44-play-icon {\r\n    display: none !important;\r\n  }\r\n\r\n  html body .fl-t-44-playState:hover .fl-t-44-pause-icon {\r\n    display: block !important;\r\n  }\r\n\r\n  html body .fl-t-44-thumbImageContainer {\r\n    position: relative;\r\n    margin-bottom: 12px;\r\n  }\r\n\r\n  html body .thumbnail-section .video-thumbnail h4 {\r\n    text-align: left;\r\n  }\r\n\r\n}\r\n\r\n\/* global style *\/\r\n@media screen and (min-width: 1101px) {\r\n  .fl-t-44-col-lg-6 {\r\n    width: 50%;\r\n    max-width: 500px;\r\n  }\r\n\r\n  .fl-t-44-row {\r\n    flex-direction: row;\r\n  }\r\n}\r\n\r\n@media screen and (min-width:1024px) and (max-width: 2000px) {\r\n  body {\r\n    overflow-x: hidden;\r\n  }\r\n}\r\n\r\n@media screen and (min-width:1024px) and (max-width: 1600px) {\r\n  .fl-t-44-creative-banner {\r\n    padding: 330px 0px;\r\n  }\r\n\r\n  .fl-t-44-creative-banner::after {\r\n    width: 120%;\r\n    left: -10%;\r\n  }\r\n\r\n  body {\r\n    overflow-x: hidden;\r\n  }\r\n}\r\n\r\n@media screen and (min-width:1024px) and (max-width: 1460px) {\r\n  .fl-t-44-creative-banner::after {\r\n    width: 110%;\r\n    left: -5%;\r\n  }\r\n\r\n  body {\r\n    overflow-x: hidden;\r\n  }\r\n}","js":function(convertContext){ 
(function () {
  try {
    /* main variables */
    var debug = 0;
    var variation_name = "fl-t-44";
    /**LIBRARY**/
    var utils = {};
    // console.log("console added----------");
    /**
     * Helper function to wait for library to load
     * @param {function} trigger - callback function to be called when lib is loaded
     */
    function waitForLibrary(trigger) {
      // console.log("function called");
      var INTERVAL = 50;
      var TIMEOUT = 15000;

      var interval = setInterval(function () {
        // console.log("checking for library");
        if (typeof window["ilHelpers"] != "undefined") {
          clearInterval(interval);
          trigger(window["ilHelpers"]);
        }
      }, INTERVAL);

      setTimeout(function () {
        clearInterval(interval);
      }, TIMEOUT);
    }

    /**
     * ===============================================================================
     * creativeForce---
     * ===============================================================================
     */
    var creativeForce = `
        <div class="${variation_name}-creative-banner-section">
         <div class="${variation_name}-creative-banner-container">
          <div class="${variation_name}-creative-banner">
             <div class="${variation_name}-creative-force">
                <div class="${variation_name}-content-wrapper">
                    <h2 class="${variation_name}-title wp-block-heading has-text-align-center has-ff-open-sans-condensed has-fw-semibold m-has-size-6-font-size has-size-6-font-size">The creative force<br> behind countless iconic hits</h2>
                    <p class="${variation_name}-description">FL Studio has been the birthplace of countless hits, revered and relied upon daily by millions of users worldwide. Over the last 25 years it has become a powerhouse that fueled chart-topping singles and groundbreaking albums.</p>
                    <div class="${variation_name}-btn-wrapper">
                        <div class="wp-block-button has-size-1-font-size is-style-fill is-style-arrow-circled-right-after has-fw-medium has-decoration-no-wrap m-has-size-0-font-size">
                         <a href="/fl-studio/buy-now/" class="${variation_name}-discover-studio wp-block-button__link has-orange-background-color has-text-color has-background has-link-color wp-element-button" style="color:#ffffff">Buy now</a>
                        </div>
                    </div>
                </div>
             </div>
          </div>
         </div>
        </div>`;

    /**
     * ===============================================================================
     * FOP logos---
     * ===============================================================================
     */
    var fopLogos = `
    <div class="${variation_name}-payment-options" >
      <div class="${variation_name}-buy-now-block">  
          <h2>Buy FL Studio now and get <span class="has-underline">Lifetime</span> <span class="has-underline">Free</span> <span class="has-underline">Updates</span></h2>
          <p> Other music suites make you pay over $200 for updates every couple of years. With FL Studio you always get the latest version with bug fixes, updates, new features and sometimes even high-quality new plugins at no extra cost.
          <br>We've held this promise for 25 years!
        </p>
        <div class="${variation_name}-payment__button">
          <div class="wp-block-button has-size-1-font-size is-style-fill is-style-arrow-circled-right-after has-fw-medium has-decoration-no-wrap m-has-size-0-font-size">
              <a class="wp-block-button__link has-orange-background-color has-text-color has-background wp-element-button" href="/fl-studio/buy-now/" style="color:#ffffff">Buy now</a>
          </div>
        </div>
      </div>
      <div class="${variation_name}-payment__wrapper">
          <div class="${variation_name}-logos">
            <span><img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/group-7_678b4821bf501.png" alt="PayPal" width="119.593" height="29.667"></span>
            <span><img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/vector-4_678b48cd5113e.png" alt="Klarna" width="110.999" height="25.316"></span>
            <span><img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/vector-5_678b48d9b5174.png" alt="Apple Pay" width="79.841" height="33.105"></span>
            <span><img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/image-22_678b48431e2dd.png" alt="Google Pay" width="78.682" height="37"></span>
            <span><img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/image-21-1_678b48362e69b.png" alt="Amazon Pay" width="58.42" height="37"></span>
            <span><img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/master-card_6837ecfc617eb.svg" alt="MasterCard" width="55" height="36.999"></span>
            <span><img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/group-6_678b480f1948a.png" alt="Visa" width="80" height="27.284"></span>
            <span><img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/amx_6837ed1713f99.svg" alt="American Express" width="45.526" height="37"></span>
          </div>
          <p class="${variation_name}-extra-note extra-note "> Some payment plans might only be available in certain regions.</p>
        </div>  
    </div>`;

    /**
     * ===============================================================================
     * gettingStartedTutorial---
     * ===============================================================================
     */
    let playIcon = `
    <span class="fl-t-44-play-icon" style="position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;">
              <svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150" fill="none">
                <rect width="150" height="150" rx="75" fill="black" fill-opacity="0.8"/>
                <path d="M97.5052 74.1346C98.1705 74.5197 98.1705 75.4803 97.5052 75.8654L62.501 96.131C61.8344 96.5169 61 96.0359 61 95.2656L61 54.7344C61 53.9641 61.8344 53.4831 62.501 53.869L97.5052 74.1346Z" fill="white"/>
              </svg>
            </span>`;

    let pauseIconHTML = `<span class="fl-t-44-pause-icon" style="position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;display:none;">
      <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 150 150" fill="none">
        <rect width="150" height="150" rx="75" fill="black" fill-opacity="0.8"/>
        <rect x="55" y="53" width="12" height="44" rx="3" fill="white"/>
        <rect x="83" y="53" width="12" height="44" rx="3" fill="white"/>
      </svg>
    </span>`;

    let gettingStartedTutorial = `<div class="fl-t-44-container">
    <h1 class="fl-t-44-title">Getting started tutorial</h1>
    <p class="fl-t-44-subtitle">If you’re new to FL Studio, this series of short videos will show you how to make beats, melodies, and entire songs in no time.</p>
    <div class="fl-t-44-buy-section">
        <a href='https://www.image-line.com/fl-studio/buy-now/' class="fl-t-44-buy-btn">Buy FL Studio now </a>
    </div>
</div>`;

    function eventHandler() {
      const activeClass = "fl-t-44-active";

      // // On video thumbnail click, switch video
      // utils.live(".fl-t-44-thumbnail", "click", function (e) {
      //   const isActive = this.classList.contains(activeClass);
      //   if (isActive) {
      //     togglePlayPause();
      //     return;
      //   }
      //   // Otherwise, switch video
      //   document.querySelectorAll(".fl-t-44-thumbnail").forEach(t => t.classList.remove(activeClass));
      //   this.classList.add(activeClass);
      //   const videoId = this.getAttribute("data-video");

      //   // Inject video player with autoplay
      //   removeAndInjectAgain(videoId, true);
      //   updateTitleAndDuration(this);

      //   // Update Icons
      //   playingThumbnail = this;
      //   updateThumbnailIcons();
      // });
    }

    /**
     * ===============================================================================
     * Footer related changes
     * ===============================================================================
     */

    function init() {
      // Video player initialization
      utils.waitForElement('[data-heading-name="Getting started"]', function () {
        if (!document.querySelector(".fl-t-44-container")) {
          document.querySelector('[data-heading-name="Getting started"]').insertAdjacentHTML("afterend", gettingStartedTutorial);
        }
      });
    }

    waitForLibrary(function (ilHelpers) {
      utils = ilHelpers.get("lib");

      // Adding data-attributes based on the section heading
      utils.waitForElement(".wp-block-group > .wp-block-group h2", function () {
        document.querySelectorAll(".wp-block-group > .wp-block-group h2").forEach(h2 => {
          const headingText = h2.textContent.trim();
          const grandParent = h2.parentElement?.parentElement;
          if (grandParent) {
            grandParent.setAttribute("data-heading-name", headingText);
          }
        });
      });

      utils.waitForElement("body.signed-in, body.signed-out", function (bodyElm) {
        if (!bodyElm.classList.contains(variation_name)) {
          bodyElm.classList.add(variation_name);

          eventHandler();

          utils.waitForElement('.fl-t-44-container .fl-t-44-subtitle ', function () {
            let videoContainer = document.querySelector('.video-container')
            if (videoContainer) {
              document.querySelector('.fl-t-44-container .fl-t-44-subtitle').insertAdjacentElement('afterend', videoContainer)
            }
          })
        }

        utils.waitForElement(".footer", init);
      });

    });
  } catch (e) {
    if (debug) console.log(e, "error in Test" + variation_name);
  }
})();
}}}],"traffic_allocation":20},{"id":"1004378920","name":"V2: Hits & shorter footer","key":"1004378920-variation-2","status":"running","changes":[{"id":1004609257,"type":"defaultCode","data":{"js":null,"css":"","custom_js":null}},{"id":1004609256,"type":"customCode","data":{"css":"@media screen and (max-width:1024px) {\r\n\r\n  html body.fl-t-44 .fl-t-44-payment-options,\r\n  html body.fl-t-44 .fl-t-44-creative-banner-section {\r\n    display: none !important;\r\n  }\r\n\r\n\r\n}\r\n\r\n@media screen and (min-width:1024px) {\r\n\r\n  html body.fl-t-44 [data-heading-name=\"Different, since day one\"]+div,\r\n  html body.fl-t-44 .fl-t-44-container+div,\r\n  html body.fl-t-44 .fl-t-44-container+div+div,\r\n  html body.fl-t-44 .video-container+div,\r\n  html body.fl-t-44 .video-container+div+div {\r\n    display: none;\r\n  }\r\n\r\n  \/* for footer  *\/\r\n  html body.fl-t-44 .content>div:last-of-type {\r\n    padding-top: 50px;\r\n    padding-bottom: 15px;\r\n  }\r\n\r\n  html body.fl-t-44 .wp-container-core-group-is-layout-92 .wp-container-core-group-is-layout-46 h2 {\r\n    margin-bottom: 50px;\r\n  }\r\n\r\n  \/**----------- Global styles --------------**\/\r\n  .fl-t-44-wrapper {\r\n    max-width: 1478px;\r\n    margin: 0 auto;\r\n    padding: 60px 20px;\r\n  }\r\n\r\n  .fl-t-44-row {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 42px;\r\n    flex-direction: column;\r\n  }\r\n\r\n  .fl-t-44-button {\r\n    padding: 10px 24px;\r\n    border: none;\r\n    border-radius: 50px;\r\n    cursor: pointer;\r\n    text-align: center;\r\n    font-family: \"Open Sans\", sans-serif;\r\n    font-size: 19px;\r\n    font-style: normal;\r\n    font-weight: 600;\r\n    line-height: 30px;\r\n    text-decoration: none;\r\n  }\r\n\r\n  .fl-t-44-button.orange {\r\n    background-color: #ff7629;\r\n    color: white;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n  }\r\n\r\n  .fl-t-44-button.orange:hover {\r\n    background-image: linear-gradient(rgba(255, 255, 255, 0.1) 0 0) !important;\r\n  }\r\n\r\n  .fl-t-44-button.orange:after {\r\n    height: 1em;\r\n    width: 1em;\r\n    display: inline-block;\r\n    background-image: url(https:\/\/www.image-line.com\/static\/assets\/arrow-circled-right-ZNIVDPDX.7abc618.svg);\r\n    background-position: center;\r\n    background-size: contain;\r\n    content: \"\";\r\n    filter: invert(1);\r\n    background-repeat: no-repeat;\r\n  }\r\n\r\n  .fl-t-44-button.gray {\r\n    background-color: #e9e9e9;\r\n    color: #16182c;\r\n    text-decoration: auto;\r\n  }\r\n\r\n  \/**--------- FOP Logos -------------**\/\r\n  .fl-t-44-payment-options {\r\n    text-align: center;\r\n    width: 100%;\r\n    padding: 130px 0px 50px;\r\n    background: #111a1e;\r\n  }\r\n\r\n  .fl-t-44-payment-options .fl-t-44-payment__wrapper {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .fl-t-44-payment-options .fl-t-44-note {\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n  .fl-t-44-payment-options .fl-t-44-note p b {\r\n    color: #16182c;\r\n    text-align: center;\r\n    font-family: \"Open Sans\", sans-serif;\r\n    font-size: 24px;\r\n    font-style: normal;\r\n    font-weight: 700;\r\n    line-height: 175%;\r\n  }\r\n\r\n  .fl-t-44-payment-options .fl-t-44-note p {\r\n    color: #16182c;\r\n    font-family: \"Open Sans\", sans-serif;\r\n    font-size: 19px;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: 175%;\r\n  }\r\n\r\n  .fl-t-44-payment-options .extra-note {\r\n    color: white;\r\n    text-align: center;\r\n    font-family: \"Open Sans\", sans-serif;\r\n    font-size: 13px;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: 150%;\r\n  }\r\n\r\n  .fl-t-44-payment-options .fl-t-44-logos {\r\n    margin: 0 auto 22px;\r\n    padding: 0px 15px;\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 20px;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    max-width: 1150px;\r\n  }\r\n\r\n  .fl-t-44-payment-options img {\r\n    height: fit-content;\r\n    filter: brightness(0) invert(1);\r\n    max-width: 100px;\r\n  }\r\n\r\n  \/* Buy now CTA  *\/\r\n  .fl-t-44-buy-now-block {\r\n    padding-bottom: 130px;\r\n  }\r\n\r\n  .fl-t-44-buy-now-block .fl-t-44-payment__button {\r\n    text-align: center;\r\n    max-width: fit-content;\r\n    margin: 40px auto 0px;\r\n  }\r\n\r\n  .fl-t-44-payment__button a {\r\n    padding: 7px 18px;\r\n  }\r\n\r\n  .fl-t-44-buy-now-block span.has-underline:after {\r\n    content: \"\";\r\n    position: absolute;\r\n    bottom: 4px;\r\n    left: 0;\r\n    width: 100%;\r\n    background: url(\"https:\/\/cdn-3.convertexperiments.com\/uf\/10049056\/10007574\/underline_682b154e73a71.svg\");\r\n    background-size: cover;\r\n    background-repeat: no-repeat;\r\n    display: block;\r\n    height: 11px;\r\n    -webkit-mask-repeat: none;\r\n    mask-repeat: none;\r\n  }\r\n\r\n  .fl-t-44-buy-now-block h2 {\r\n    color: white;\r\n    font-size: 48px;\r\n    font-weight: 600;\r\n    line-height: 1.4;\r\n    font-stretch: 75%;\r\n    letter-spacing: normal;\r\n    text-align: center;\r\n  }\r\n\r\n  .fl-t-44-buy-now-block p {\r\n    margin: 16px auto;\r\n    max-width: 680px;\r\n    color: #c2c4d6;\r\n    text-align: center;\r\n    font-family: \"Open Sans\", sans-serif;\r\n    font-size: var(--step-1);\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: 1.6em;\r\n  }\r\n\r\n\r\n  \/**--------- End FOP Logos -------------**\/\r\n\r\n\r\n  \/* ========== Static player css ============= *\/\r\n  .fl-t-44-creative-banner-section {\r\n    background: #111a1e;\r\n  }\r\n\r\n  .fl-t-44-creative-banner-container {\r\n    max-width: 1300px;\r\n    margin: 0 auto;\r\n    padding-right: 20px;\r\n    padding-left: 20px;\r\n  }\r\n\r\n  .fl-t-44-creative-banner {\r\n    width: 100%;\r\n    padding: 350px 0px;\r\n    position: relative;\r\n  }\r\n\r\n  .fl-t-44-creative-banner::after {\r\n    content: \"\";\r\n    background: url(https:\/\/cdn-3.convertexperiments.com\/uf\/10049056\/10007574\/hp-v1-4-bottom-section_6811bfb0f1676.png);\r\n    background-size: cover;\r\n    background-repeat: no-repeat;\r\n    background-position: center;\r\n    width: 140%;\r\n    height: 100%;\r\n    z-index: 0;\r\n    position: absolute;\r\n    top: 0px;\r\n    left: -20%;\r\n  }\r\n\r\n  .fl-t-44-creative-banner .fl-t-44-creative-force {\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  .fl-t-44-creative-force .fl-t-44-content-wrapper {\r\n    max-width: 669px;\r\n    width: 100%;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .fl-t-44-creative-force .fl-t-44-title {\r\n    max-width: 670px;\r\n    text-align: center;\r\n    font-family: \"Open Sans\", sans-serif;\r\n    font-size: 57px;\r\n    font-style: normal;\r\n    font-weight: 600;\r\n    line-height: 70px;\r\n    margin-bottom: 16px;\r\n    color: #fff;\r\n  }\r\n\r\n  .fl-t-44-creative-force .fl-t-44-description {\r\n    color: #c2c4d6;\r\n    text-align: center;\r\n    font-family: \"Open Sans\", sans-serif;\r\n    font-size: 18px;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: 30px;\r\n    letter-spacing: -0.09px;\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n  .fl-t-44-creative-force .fl-t-44-btn-wrapper {\r\n    display: flex;\r\n    gap: 16px;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  html body .fl-t-44-discover-studio,\r\n  html body .fl-t-44-payment__button a {\r\n    padding: 10px 24px !important;\r\n  }\r\n\r\n  html body .fl-t-44-buy-now-block span.has-underline:after {\r\n    mask-image: none !important;\r\n  }\r\n\r\n  html body.fl-t-44 .fl-t-44-creative-banner-section {\r\n    padding-top: 80px;\r\n  }\r\n}\r\n\r\n\/* global style *\/\r\n@media screen and (min-width: 1101px) {\r\n  .fl-t-44-col-lg-6 {\r\n    width: 50%;\r\n    max-width: 500px;\r\n  }\r\n\r\n  .fl-t-44-row {\r\n    flex-direction: row;\r\n  }\r\n}\r\n\r\n@media screen and (min-width:1024px) and (max-width: 2000px) {\r\n  body {\r\n    overflow-x: hidden;\r\n  }\r\n}\r\n\r\n@media screen and (min-width:1024px) and (max-width: 1600px) {\r\n  .fl-t-44-creative-banner {\r\n    padding: 330px 0px;\r\n  }\r\n\r\n  .fl-t-44-creative-banner::after {\r\n    width: 120%;\r\n    left: -10%;\r\n  }\r\n\r\n  body {\r\n    overflow-x: hidden;\r\n  }\r\n}\r\n\r\n@media screen and (min-width:1024px) and (max-width: 1460px) {\r\n  .fl-t-44-creative-banner::after {\r\n    width: 110%;\r\n    left: -5%;\r\n  }\r\n\r\n  body {\r\n    overflow-x: hidden;\r\n  }\r\n}","js":function(convertContext){ 
(function () {
  try {
    /* main variables */
    var debug = 0;
    var variation_name = "fl-t-44";

    /**LIBRARY**/
    var utils = {};

    /**
     * Helper function to wait for library to load
     * @param {function} trigger - callback function to be called when lib is loaded
     */
    function waitForLibrary(trigger) {
      var INTERVAL = 50;
      var TIMEOUT = 15000;

      var interval = setInterval(function () {
        if (typeof window["ilHelpers"] != "undefined") {
          clearInterval(interval);
          trigger(window["ilHelpers"]);
        }
      }, INTERVAL);

      setTimeout(function () {
        clearInterval(interval);
      }, TIMEOUT);
    }

    /**
     * ===============================================================================
     * creativeForce---
     * ==============================================================================
     */
    var creativeForce = `
        <div class="${variation_name}-creative-banner-section">
         <div class="${variation_name}-creative-banner-container">
          <div class="${variation_name}-creative-banner">
             <div class="${variation_name}-creative-force">
                <div class="${variation_name}-content-wrapper">
                    <h2 class="${variation_name}-title wp-block-heading has-text-align-center has-ff-open-sans-condensed has-fw-semibold m-has-size-6-font-size has-size-6-font-size">The creative force<br> behind countless iconic hits</h2>
                    <p class="${variation_name}-description">FL Studio has been the birthplace of countless hits, revered and relied upon daily by millions of users worldwide. Over the last 25 years it has become a powerhouse that fueled chart-topping singles and groundbreaking albums.</p>
                    <div class="${variation_name}-btn-wrapper">
                        <div class="wp-block-button has-size-1-font-size is-style-fill is-style-arrow-circled-right-after has-fw-medium has-decoration-no-wrap m-has-size-0-font-size">
                         <a href="/fl-studio/buy-now/" class="${variation_name}-discover-studio wp-block-button__link has-orange-background-color has-text-color has-background has-link-color wp-element-button" style="color:#ffffff">Buy FL Studio now</a>
                        </div>
                    </div>
                </div>
             </div>
          </div>
         </div>
        </div>`;


    /**
     * ===============================================================================
     * FOP logos---
     * ==============================================================================
     */
    var fopLogos = `
    <div class="${variation_name}-payment-options" >
      <div class="${variation_name}-buy-now-block">  
          <h2>Buy FL Studio now and get <span class="has-underline">Lifetime</span> <span class="has-underline">Free</span> <span class="has-underline">Updates</span></h2>
          <p> Other music suites make you pay over $200 for updates every couple of years. With FL Studio you always get the latest version with bug fixes, updates, new features and sometimes even high-quality new plugins at no extra cost.
          <br>We've held this promise for 25 years!
        </p>
        <div class="${variation_name}-payment__button">
          <div class="wp-block-button has-size-1-font-size is-style-fill is-style-arrow-circled-right-after has-fw-medium has-decoration-no-wrap m-has-size-0-font-size">
              <a class="wp-block-button__link has-orange-background-color has-text-color has-background wp-element-button" href="/fl-studio/buy-now/" style="color:#ffffff">Buy FL Studio now</a>
          </div>
        </div>
      </div>
      <div class="${variation_name}-payment__wrapper">
          <div class="${variation_name}-logos">
            <span><img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/group-7_678b4821bf501.png" alt="PayPal" width="119.593" height="29.667"></span>
            <span><img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/vector-4_678b48cd5113e.png" alt="Klarna" width="110.999" height="25.316"></span>
            <span><img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/vector-5_678b48d9b5174.png" alt="Apple Pay" width="79.841" height="33.105"></span>
            <span><img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/image-22_678b48431e2dd.png" alt="Google Pay" width="78.682" height="37"></span>
            <span><img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/image-21-1_678b48362e69b.png" alt="Amazon Pay" width="58.42" height="37"></span>
            <span><img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/master-card_6837ecfc617eb.svg" alt="MasterCard" width="55" height="36.999"></span>
            <span><img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/group-6_678b480f1948a.png" alt="Visa" width="80" height="27.284"></span>
            <span><img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/amx_6837ed1713f99.svg" alt="American Express" width="45.526" height="37"></span>
          </div>
          <p class="${variation_name}-extra-note extra-note "> Some payment plans might only be available in certain regions.</p>
        </div>  
    </div>`;

    function addFopLogosAndCreativeSection(footer) {
      var footerParent = document.querySelector('.footer').closest(".wp-block-group");
      if (!footerParent || document.querySelector(`.${variation_name}-payment-options`)) return;
      footerParent.insertAdjacentHTML("beforebegin", creativeForce + fopLogos);
    }

    function init() {

      // Add FOP logos to the footer
      addFopLogosAndCreativeSection()

    }

    // Wait for library and initialize experiment
    waitForLibrary(function (ilHelpers) {
      utils = ilHelpers.get("lib");

      // Adding data-attributes based on the section heading
      utils.waitForElement(".wp-block-group > .wp-block-group h2", function () {
        document.querySelectorAll('.wp-block-group > .wp-block-group h2').forEach(h2 => {
          const headingText = h2.textContent.trim();
          const grandParent = h2.parentElement?.parentElement;
          if (grandParent) {
            grandParent.setAttribute('data-heading-name', headingText);
          }
        });
      });

      utils.waitForElement("body.signed-in, body.signed-out", function (bodyElm) {
        if (!bodyElm.classList.contains(variation_name)) {
          bodyElm.classList.add(variation_name);
        }

        utils.waitForElement(".footer", init);
      });
    });

  } catch (e) {
    if (debug) console.log(e, "error in Test" + variation_name);
  }
})();
}}}],"traffic_allocation":20},{"id":"1004378921","name":"V3: V1+V2","key":"1004378921-variation-3","status":"running","changes":[{"id":1004609260,"type":"defaultCode","data":{"js":null,"css":"","custom_js":null}},{"id":1004609259,"type":"customCode","data":{"css":"@media screen and (max-width:1024px) {\r\n\r\n  html body.fl-t-44 .fl-t-44-container {\r\n    display: none !important;\r\n  }\r\n\r\n}\r\n\r\n@media screen and (max-width:1024px) {\r\n\r\n  html body.fl-t-44 .fl-t-44-payment-options,\r\n  html body.fl-t-44 .fl-t-44-creative-banner-section {\r\n    display: none !important;\r\n  }\r\n\r\n\r\n}\r\n\r\n@media screen and (min-width:1024px) {\r\n\r\n  \/* html body [data-heading-name=\"The creative force behind the world\u2019s top hits\"],\r\n  html body [data-heading-name*=\"Get FL\"][data-heading-name*='Studio today'],\r\n  html body [data-heading-name*=\"Get FL\"][data-heading-name*='Studio today']+div,\r\n  html body.fl-t-44 [data-heading-name=\"Getting started\"],\r\n  html body.fl-t-44 [data-heading-name=\"Different, since day one\"]+div {\r\n    display: none;\r\n  } *\/\r\n\r\n\r\n  html body.fl-t-44 [data-heading-name=\"Getting started\"],\r\n  html body.fl-t-44 [data-heading-name=\"Different, since day one\"]+div,\r\n  html body.fl-t-44 .fl-t-44-container+div,\r\n  html body.fl-t-44 .fl-t-44-container+div+div {\r\n    display: none;\r\n  }\r\n\r\n  html body.fl-t-44 .video-container {\r\n    display: block !important;\r\n  }\r\n\r\n  html body.fl-t-44 .video-container .fl-video-gallery {\r\n    width: 100% !important;\r\n    max-width: 100% !important;\r\n  }\r\n\r\n  html body [data-testid^=\"video-thumbnail-\"]:nth-of-type(n+6):nth-of-type(-n+10) {\r\n    display: none !important;\r\n  }\r\n\r\n  \/* for footer  *\/\r\n  html body.fl-t-44 .content>div:last-of-type {\r\n    padding-top: 50px;\r\n    padding-bottom: 15px;\r\n  }\r\n\r\n  html body.fl-t-44 .wp-container-core-group-is-layout-92 .wp-container-core-group-is-layout-46 h2 {\r\n    margin-bottom: 50px;\r\n  }\r\n\r\n  \/**----------- Global styles --------------**\/\r\n  .fl-t-44-wrapper {\r\n    max-width: 1478px;\r\n    margin: 0 auto;\r\n    padding: 60px 20px;\r\n  }\r\n\r\n  .fl-t-44-row {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 42px;\r\n    flex-direction: column;\r\n  }\r\n\r\n  .fl-t-44-button {\r\n    padding: 10px 24px;\r\n    border: none;\r\n    border-radius: 50px;\r\n    cursor: pointer;\r\n    text-align: center;\r\n    font-family: \"Open Sans\", sans-serif;\r\n    font-size: 19px;\r\n    font-style: normal;\r\n    font-weight: 600;\r\n    line-height: 30px;\r\n    text-decoration: none;\r\n  }\r\n\r\n  .fl-t-44-button.orange {\r\n    background-color: #ff7629;\r\n    color: white;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n  }\r\n\r\n  .fl-t-44-button.orange:hover {\r\n    background-image: linear-gradient(rgba(255, 255, 255, 0.1) 0 0) !important;\r\n  }\r\n\r\n  .fl-t-44-button.orange:after {\r\n    height: 1em;\r\n    width: 1em;\r\n    display: inline-block;\r\n    background-image: url(https:\/\/www.image-line.com\/static\/assets\/arrow-circled-right-ZNIVDPDX.7abc618.svg);\r\n    background-position: center;\r\n    background-size: contain;\r\n    content: \"\";\r\n    filter: invert(1);\r\n    background-repeat: no-repeat;\r\n  }\r\n\r\n  .fl-t-44-button.gray {\r\n    background-color: #e9e9e9;\r\n    color: #16182c;\r\n    text-decoration: auto;\r\n  }\r\n\r\n  \/**--------- FOP Logos -------------**\/\r\n  .fl-t-44-payment-options {\r\n    text-align: center;\r\n    width: 100%;\r\n    padding: 100px 0px 50px;\r\n    background: #111a1e;\r\n  }\r\n\r\n  .fl-t-44-payment-options .fl-t-44-payment__wrapper {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .fl-t-44-payment-options .fl-t-44-note {\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n  .fl-t-44-payment-options .fl-t-44-note p b {\r\n    color: #16182c;\r\n    text-align: center;\r\n    font-family: \"Open Sans\", sans-serif;\r\n    font-size: 24px;\r\n    font-style: normal;\r\n    font-weight: 700;\r\n    line-height: 175%;\r\n  }\r\n\r\n  .fl-t-44-payment-options .fl-t-44-note p {\r\n    color: #16182c;\r\n    font-family: \"Open Sans\", sans-serif;\r\n    font-size: 19px;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: 175%;\r\n  }\r\n\r\n  .fl-t-44-payment-options .extra-note {\r\n    color: white;\r\n    text-align: center;\r\n    font-family: \"Open Sans\", sans-serif;\r\n    font-size: 13px;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: 150%;\r\n  }\r\n\r\n  .fl-t-44-payment-options .fl-t-44-logos {\r\n    margin: 0 auto 22px;\r\n    padding: 0px 15px;\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 20px;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    max-width: 1150px;\r\n  }\r\n\r\n  .fl-t-44-payment-options img {\r\n    height: fit-content;\r\n    filter: brightness(0) invert(1);\r\n    max-width: 100px;\r\n  }\r\n\r\n  \/* Buy now CTA  *\/\r\n  .fl-t-44-buy-now-block {\r\n    padding-bottom: 130px;\r\n  }\r\n\r\n  .fl-t-44-buy-now-block .fl-t-44-payment__button {\r\n    text-align: center;\r\n    max-width: fit-content;\r\n    margin: 40px auto 0px;\r\n  }\r\n\r\n  .fl-t-44-payment__button a {\r\n    padding: 7px 18px;\r\n  }\r\n\r\n  .fl-t-44-buy-now-block span.has-underline:after {\r\n    content: \"\";\r\n    position: absolute;\r\n    bottom: 4px;\r\n    left: 0;\r\n    width: 100%;\r\n    background: url(\"https:\/\/cdn-3.convertexperiments.com\/uf\/10049056\/10007574\/underline_682b154e73a71.svg\");\r\n    background-size: cover;\r\n    background-repeat: no-repeat;\r\n    display: block;\r\n    height: 11px;\r\n    -webkit-mask-repeat: none;\r\n    mask-repeat: none;\r\n  }\r\n\r\n  .fl-t-44-buy-now-block h2 {\r\n    color: white;\r\n    font-size: 48px;\r\n    font-weight: 600;\r\n    line-height: 1.4;\r\n    font-stretch: 75%;\r\n    letter-spacing: normal;\r\n    text-align: center;\r\n  }\r\n\r\n  .fl-t-44-buy-now-block p {\r\n    margin: 16px auto;\r\n    max-width: 680px;\r\n    color: #c2c4d6;\r\n    text-align: center;\r\n    font-family: \"Open Sans\", sans-serif;\r\n    font-size: var(--step-1);\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: 1.6em;\r\n  }\r\n\r\n\r\n  \/**--------- End FOP Logos -------------**\/\r\n\r\n\r\n  \/* ========== Static player css ============= *\/\r\n  .fl-t-44-creative-banner-section {\r\n    background: #111a1e;\r\n  }\r\n\r\n  .fl-t-44-creative-banner-container {\r\n    max-width: 1300px;\r\n    margin: 0 auto;\r\n    padding-right: 20px;\r\n    padding-left: 20px;\r\n  }\r\n\r\n  .fl-t-44-creative-banner {\r\n    width: 100%;\r\n    padding: 350px 0px;\r\n    position: relative;\r\n  }\r\n\r\n  .fl-t-44-creative-banner::after {\r\n    content: \"\";\r\n    background: url(https:\/\/cdn-3.convertexperiments.com\/uf\/10049056\/10007574\/hp-v1-4-bottom-section_6811bfb0f1676.png);\r\n    background-size: cover;\r\n    background-repeat: no-repeat;\r\n    background-position: center;\r\n    width: 140%;\r\n    height: 100%;\r\n    z-index: 0;\r\n    position: absolute;\r\n    top: 0px;\r\n    left: -20%;\r\n  }\r\n\r\n  .fl-t-44-creative-banner .fl-t-44-creative-force {\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  .fl-t-44-creative-force .fl-t-44-content-wrapper {\r\n    max-width: 669px;\r\n    width: 100%;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .fl-t-44-creative-force .fl-t-44-title {\r\n    max-width: 670px;\r\n    text-align: center;\r\n    font-family: \"Open Sans\", sans-serif;\r\n    font-size: 57px;\r\n    font-style: normal;\r\n    font-weight: 600;\r\n    line-height: 70px;\r\n    margin-bottom: 16px;\r\n    color: #fff;\r\n  }\r\n\r\n  .fl-t-44-creative-force .fl-t-44-description {\r\n    color: #c2c4d6;\r\n    text-align: center;\r\n    font-family: \"Open Sans\", sans-serif;\r\n    font-size: 18px;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: 30px;\r\n    letter-spacing: -0.09px;\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n  .fl-t-44-creative-force .fl-t-44-btn-wrapper {\r\n    display: flex;\r\n    gap: 16px;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  \/* Getting started tutorial styling started----------- *\/\r\n\r\n  .fl-t-44-container {\r\n    max-width: 100%;\r\n    width: 100%;\r\n    margin: 0 auto;\r\n    padding: 40px 20px 0 20px;\r\n    text-align: center;\r\n    padding-top: 0;\r\n    margin-bottom: 100px;\r\n  }\r\n\r\n  .fl-t-44-title {\r\n    font-size: 57.22px;\r\n    font-weight: 600;\r\n    margin-bottom: 10px;\r\n    font-family: \"Open Sans\", sans-serif;\r\n    font-stretch: 75%;\r\n  }\r\n\r\n  .fl-t-44-subtitle {\r\n    font-size: 18.75px;\r\n    color: #c2c4d6;\r\n    font-family: \"Open Sans\", sans-serif;\r\n    font-stretch: 95%;\r\n    line-height: 30px;\r\n    max-width: 840px;\r\n    margin: 0 auto;\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n  .fl-t-44-main-video-section {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    margin-bottom: 40px;\r\n    height: 710px;\r\n  }\r\n\r\n  .fl-t-44-main-video-wrapper {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    margin: 0 auto;\r\n    background: #2d2d47;\r\n    border-radius: 12px;\r\n    box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.25);\r\n    position: relative;\r\n    height: 710px;\r\n  }\r\n\r\n  .fl-t-44-main-video {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    height: 710px;\r\n    border-radius: 8px;\r\n    border: none;\r\n    background: #000;\r\n    display: block;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .fl-t-44-thumbnails-section .fl-t-44-thumbnail {\r\n    flex: 1;\r\n  }\r\n\r\n  .fl-t-44-main-video-title {\r\n    font-size: 1.3rem;\r\n    font-weight: 600;\r\n    margin-top: 18px;\r\n    text-align: left;\r\n  }\r\n\r\n  .fl-t-44-main-video-duration {\r\n    position: absolute;\r\n    bottom: 18px;\r\n    right: 40px;\r\n    background: #232338;\r\n    color: #fff;\r\n    font-size: 0.95rem;\r\n    padding: 2px 10px;\r\n    border-radius: 6px;\r\n    opacity: 0.85;\r\n  }\r\n\r\n  .fl-t-44-thumbnails-section {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 18px;\r\n    margin-bottom: 40px;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .fl-t-44-thumbnail {\r\n    border-radius: 10px;\r\n    \/* width: 180px; *\/\r\n    cursor: pointer;\r\n    transition: box-shadow 0.2s, border 0.2s;\r\n    border: 2px solid transparent;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    position: relative;\r\n  }\r\n\r\n  html body .fl-t-44-main-video-placeholder {\r\n    height: 710px !important;\r\n  }\r\n\r\n  html body .fl-t-44-main-video-wrapper iframe {\r\n    height: 710px;\r\n    width: 100%;\r\n  }\r\n\r\n  \/* .fl-t-44-thumbnail.fl-t-44-active {\r\n    border: 2px solid #ff9900;\r\n    box-shadow: 0 4px 16px 0 rgba(255, 153, 0, 0.15);\r\n  } *\/\r\n\r\n  .fl-t-44-thumbImageContainer {\r\n    width: 100%;\r\n    height: 125px;\r\n  }\r\n\r\n  .fl-t-44-thumbnail-img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    border-radius: 6px;\r\n    margin-bottom: 10px;\r\n    background: #111;\r\n  }\r\n\r\n  .fl-t-44-thumb-title {\r\n    font-size: 15px;\r\n    font-weight: 500;\r\n    color: #fff;\r\n    margin-bottom: 12px;\r\n    text-align: left;\r\n    display: flex;\r\n    gap: 5px;\r\n  }\r\n\r\n  html body .fl-t-44-thumb-title .playGifIcon {\r\n    display: none;\r\n    width: 20px;\r\n    height: 20px;\r\n  }\r\n\r\n  html body .fl-t-44-thumbnail.fl-t-44-active.fl-t-44-playState .fl-t-44-thumb-title .playGifIcon {\r\n    display: block !important;\r\n  }\r\n\r\n  .fl-t-44-active .fl-t-44-thumb-title {\r\n    color: rgba(246, 114, 41, 1);\r\n  }\r\n\r\n  .fl-t-44-thumb-duration {\r\n\r\n    color: #fff;\r\n    background: rgba(22, 24, 44, 1);\r\n    border-radius: 4px;\r\n    padding: 2px 6px;\r\n    position: absolute;\r\n    bottom: 70px;\r\n    right: 15px !important;\r\n    opacity: 0.85;\r\n    font-family: Open Sans;\r\n    font-weight: 400;\r\n    font-size: 13px;\r\n    line-height: 20px;\r\n    letter-spacing: -0.325px;\r\n  }\r\n\r\n  #fl-t-44-main-video-placeholder .fl-t-44-thumb-duration {\r\n    position: absolute;\r\n    bottom: 20px;\r\n    right: 20px;\r\n  }\r\n\r\n  html body .fl-t-44-thumbnail .fl-t-44-play-icon {\r\n    top: 50% !important;\r\n  }\r\n\r\n  html body .fl-t-44-thumbnail .fl-t-44-play-icon svg {\r\n    display: none;\r\n    width: 50px;\r\n    height: 50px;\r\n  }\r\n\r\n  html body .fl-t-44-thumbnail:hover .fl-t-44-play-icon svg {\r\n    display: block;\r\n  }\r\n\r\n  .fl-t-44-buy-section {\r\n    margin-top: 20px;\r\n  }\r\n\r\n  .fl-t-44-buy-btn {\r\n    background: #ff7629;\r\n    color: #fff;\r\n    font-weight: 600;\r\n    border: none;\r\n    border-radius: 24px;\r\n    cursor: pointer;\r\n    box-shadow: 0 2px 8px 0 rgba(255, 153, 0, 0.10);\r\n    transition: background 0.2s;\r\n    outline: none;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin: 0 auto;\r\n    gap: 10px;\r\n    width: max-content;\r\n    text-decoration: unset;\r\n    padding: 10px 24px;\r\n    font-size: 19px;\r\n    line-height: 30px;\r\n  }\r\n\r\n  .fl-t-44-buy-btn::after {\r\n    content: \"\";\r\n    mask-image: url(\/static\/assets\/arrow-circled-right-znivdpdx.7abc618.svg);\r\n    height: 16px;\r\n    width: 16px;\r\n    display: inline-block;\r\n    background-color: currentColor;\r\n    -webkit-mask-size: 100%;\r\n    mask-size: 100%;\r\n    -webkit-mask-repeat: no-repeat;\r\n    mask-repeat: no-repeat;\r\n  }\r\n\r\n  html body .fl-t-44-play-icon svg {\r\n    width: 80px;\r\n    height: 80px;\r\n  }\r\n\r\n  html body #fl-t-44-main-video-placeholder::after {\r\n    content: \"Learn the basics\";\r\n    display: block;\r\n    font-family: Open Sans;\r\n    font-weight: 600;\r\n    font-size: 38px;\r\n    line-height: 135%;\r\n    position: absolute;\r\n    font-stretch: 75%;\r\n    top: 20px;\r\n    left: 20px;\r\n  }\r\n\r\n  html body .fl-t-44-watchMore {\r\n    color: rgba(246, 114, 41, 1);\r\n    font-family: Open Sans;\r\n    font-weight: 400;\r\n    font-size: 13px;\r\n    line-height: 20px;\r\n    text-decoration: underline;\r\n    text-decoration-style: solid;\r\n    text-decoration-thickness: 0%;\r\n\r\n  }\r\n\r\n  \/* Getting started tutorial styling Ended----------- *\/\r\n\r\n  html body .fl-t-44-discover-studio,\r\n  html body .fl-t-44-payment__button a {\r\n    padding: 10px 24px !important;\r\n  }\r\n\r\n  html body .fl-t-44-buy-now-block span.has-underline:after {\r\n    mask-image: none !important;\r\n  }\r\n\r\n  html body .fl-t-44-playState .fl-t-44-play-icon {\r\n    display: none !important;\r\n  }\r\n\r\n  html body .fl-t-44-playState:hover .fl-t-44-pause-icon {\r\n    display: block !important;\r\n  }\r\n\r\n  html body .fl-t-44-thumbImageContainer {\r\n    position: relative;\r\n    margin-bottom: 12px;\r\n  }\r\n\r\n}\r\n\r\n\/* global style *\/\r\n@media screen and (min-width: 1101px) {\r\n  .fl-t-44-col-lg-6 {\r\n    width: 50%;\r\n    max-width: 500px;\r\n  }\r\n\r\n  .fl-t-44-row {\r\n    flex-direction: row;\r\n  }\r\n}\r\n\r\n@media screen and (min-width:1024px) and (max-width: 2000px) {\r\n  body {\r\n    overflow-x: hidden;\r\n  }\r\n}\r\n\r\n@media screen and (min-width:1024px) and (max-width: 1600px) {\r\n  .fl-t-44-creative-banner {\r\n    padding: 330px 0px;\r\n  }\r\n\r\n  .fl-t-44-creative-banner::after {\r\n    width: 120%;\r\n    left: -10%;\r\n  }\r\n\r\n  body {\r\n    overflow-x: hidden;\r\n  }\r\n}\r\n\r\n@media screen and (min-width:1024px) and (max-width: 1460px) {\r\n  .fl-t-44-creative-banner::after {\r\n    width: 110%;\r\n    left: -5%;\r\n  }\r\n\r\n  body {\r\n    overflow-x: hidden;\r\n  }\r\n}","js":function(convertContext){ 
(function () {
  try {
    /* main variables */
    var debug = 0;
    var variation_name = "fl-t-44";

    /**LIBRARY**/
    var utils = {};

    /**
     * Helper function to wait for library to load
     * @param {function} trigger - callback function to be called when lib is loaded
     */
    function waitForLibrary(trigger) {
      var INTERVAL = 50;
      var TIMEOUT = 15000;

      var interval = setInterval(function () {
        if (typeof window["ilHelpers"] != "undefined") {
          clearInterval(interval);
          trigger(window["ilHelpers"]);
        }
      }, INTERVAL);

      setTimeout(function () {
        clearInterval(interval);
      }, TIMEOUT);
    }

    /**
     * ===============================================================================
     * creativeForce---
     * ===============================================================================
     */
    var creativeForce = `
        <div class="${variation_name}-creative-banner-section">
         <div class="${variation_name}-creative-banner-container">
          <div class="${variation_name}-creative-banner">
             <div class="${variation_name}-creative-force">
                <div class="${variation_name}-content-wrapper">
                    <h2 class="${variation_name}-title wp-block-heading has-text-align-center has-ff-open-sans-condensed has-fw-semibold m-has-size-6-font-size has-size-6-font-size">The creative force<br> behind countless iconic hits</h2>
                    <p class="${variation_name}-description">FL Studio has been the birthplace of countless hits, revered and relied upon daily by millions of users worldwide. Over the last 25 years it has become a powerhouse that fueled chart-topping singles and groundbreaking albums.</p>
                    <div class="${variation_name}-btn-wrapper">
                        <div class="wp-block-button has-size-1-font-size is-style-fill is-style-arrow-circled-right-after has-fw-medium has-decoration-no-wrap m-has-size-0-font-size">
                         <a href="/fl-studio/buy-now/" class="${variation_name}-discover-studio wp-block-button__link has-orange-background-color has-text-color has-background has-link-color wp-element-button" style="color:#ffffff">Buy FL Studio now</a>
                        </div>
                    </div>
                </div>
             </div>
          </div>
         </div>
        </div>`;

    /**
     * ===============================================================================
     * FOP logos---
     * ===============================================================================
     */
    var fopLogos = `
    <div class="${variation_name}-payment-options" >
      <div class="${variation_name}-buy-now-block">  
          <h2>Buy FL Studio now and get <span class="has-underline">Lifetime</span> <span class="has-underline">Free</span> <span class="has-underline">Updates</span></h2>
          <p> Other music suites make you pay over $200 for updates every couple of years. With FL Studio you always get the latest version with bug fixes, updates, new features and sometimes even high-quality new plugins at no extra cost.
          <br>We've held this promise for 25 years!
        </p>
        <div class="${variation_name}-payment__button">
          <div class="wp-block-button has-size-1-font-size is-style-fill is-style-arrow-circled-right-after has-fw-medium has-decoration-no-wrap m-has-size-0-font-size">
              <a class="wp-block-button__link has-orange-background-color has-text-color has-background wp-element-button" href="/fl-studio/buy-now/" style="color:#ffffff">Buy FL Studio now</a>
          </div>
        </div>
      </div>
      <div class="${variation_name}-payment__wrapper">
          <div class="${variation_name}-logos">
            <span><img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/group-7_678b4821bf501.png" alt="PayPal" width="119.593" height="29.667"></span>
            <span><img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/vector-4_678b48cd5113e.png" alt="Klarna" width="110.999" height="25.316"></span>
            <span><img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/vector-5_678b48d9b5174.png" alt="Apple Pay" width="79.841" height="33.105"></span>
            <span><img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/image-22_678b48431e2dd.png" alt="Google Pay" width="78.682" height="37"></span>
            <span><img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/image-21-1_678b48362e69b.png" alt="Amazon Pay" width="58.42" height="37"></span>
            <span><img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/master-card_6837ecfc617eb.svg" alt="MasterCard" width="55" height="36.999"></span>
            <span><img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/group-6_678b480f1948a.png" alt="Visa" width="80" height="27.284"></span>
            <span><img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/amx_6837ed1713f99.svg" alt="American Express" width="45.526" height="37"></span>
          </div>
          <p class="${variation_name}-extra-note extra-note "> Some payment plans might only be available in certain regions.</p>
        </div>  
    </div>`;

    /**
     * ===============================================================================
     * gettingStartedTutorial---
     * ===============================================================================
     */
    let playIcon = `
    <span class="fl-t-44-play-icon" style="position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;">
              <svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150" fill="none">
                <rect width="150" height="150" rx="75" fill="black" fill-opacity="0.8"/>
                <path d="M97.5052 74.1346C98.1705 74.5197 98.1705 75.4803 97.5052 75.8654L62.501 96.131C61.8344 96.5169 61 96.0359 61 95.2656L61 54.7344C61 53.9641 61.8344 53.4831 62.501 53.869L97.5052 74.1346Z" fill="white"/>
              </svg>
            </span>`;

    let pauseIconHTML = `<span class="fl-t-44-pause-icon" style="position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;display:none;">
      <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 150 150" fill="none">
        <rect width="150" height="150" rx="75" fill="black" fill-opacity="0.8"/>
        <rect x="55" y="53" width="12" height="44" rx="3" fill="white"/>
        <rect x="83" y="53" width="12" height="44" rx="3" fill="white"/>
      </svg>
    </span>`;

    let gettingStartedTutorial = `<div class="fl-t-44-container">
    <h1 class="fl-t-44-title">Getting started tutorial</h1>
    <p class="fl-t-44-subtitle">If you’re new to FL Studio, this series of short videos will show you how to make beats, melodies, and entire songs in no time.</p>    
    <div class="fl-t-44-buy-section">
        <a href='https://www.image-line.com/fl-studio/buy-now/' class="fl-t-44-buy-btn">Buy FL Studio now </a>
    </div>
    </div>`;


    function eventHandler() {
      const activeClass = "fl-t-44-active";

    }

    /**
     * ===============================================================================
     * Footer related changes
     * ===============================================================================
     */

    // Footer related changes
    function addFopLogosAndCreativeSection(footer) {
      var footerParent = document.querySelector(".footer").closest(".wp-block-group");
      if (!footerParent || document.querySelector(`.${variation_name}-payment-options`)) return;
      footerParent.insertAdjacentHTML("beforebegin", creativeForce + fopLogos);
    }

    function init() {
      // Add FOP logos to the footer
      addFopLogosAndCreativeSection();

      // Video player initialization
      utils.waitForElement('[data-heading-name="Getting started"]', function () {
        if (!document.querySelector(".fl-t-44-container")) {
          document.querySelector('[data-heading-name="Getting started"]').insertAdjacentHTML("afterend", gettingStartedTutorial);
        }
      });
    }

    // Wait for library and initialize experiment
    waitForLibrary(function (ilHelpers) {
      utils = ilHelpers.get("lib");

      // Adding data-attributes based on the section heading
      utils.waitForElement(".wp-block-group > .wp-block-group h2", function () {
        document.querySelectorAll(".wp-block-group > .wp-block-group h2").forEach(h2 => {
          const headingText = h2.textContent.trim();
          const grandParent = h2.parentElement?.parentElement;
          if (grandParent) {
            grandParent.setAttribute("data-heading-name", headingText);
          }
        });
      });

      utils.waitForElement("body.signed-in, body.signed-out", function (bodyElm) {
        if (!bodyElm.classList.contains(variation_name)) {
          bodyElm.classList.add(variation_name);

          eventHandler();

          utils.waitForElement('.fl-t-44-container .fl-t-44-subtitle ', function () {
            let videoContainer = document.querySelector('.video-container')
            if (videoContainer) {
              document.querySelector('.fl-t-44-container .fl-t-44-subtitle').insertAdjacentElement('afterend', videoContainer)
            }
          })
        }

        utils.waitForElement(".footer", init);
      });
    });
  } catch (e) {
    if (debug) console.log(e, "error in Test" + variation_name);
  }
})();
}}}],"traffic_allocation":20},{"id":"1004379904","name":"V4 : different videos","key":"1004379904-variation-4","status":"running","changes":[{"id":1004610811,"type":"defaultCode","data":{"js":null,"css":"","custom_js":null}},{"id":1004610810,"type":"customCode","data":{"css":"@media screen and (max-width:1024px) {\r\n\r\n  html body.fl-t-44 .fl-t-44-container {\r\n    display: none !important;\r\n  }\r\n\r\n}\r\n\r\n@media screen and (max-width:1024px) {\r\n\r\n  html body.fl-t-44 .fl-t-44-payment-options,\r\n  html body.fl-t-44 .fl-t-44-creative-banner-section {\r\n    display: none !important;\r\n  }\r\n\r\n\r\n}\r\n\r\n@media screen and (min-width:1024px) {\r\n\r\n  \/* html body [data-heading-name=\"The creative force behind the world\u2019s top hits\"],\r\n  html body [data-heading-name*=\"Get FL\"][data-heading-name*='Studio today'],\r\n  html body [data-heading-name*=\"Get FL\"][data-heading-name*='Studio today']+div,\r\n  html body.fl-t-44 [data-heading-name=\"Getting started\"],\r\n  html body.fl-t-44 [data-heading-name=\"Different, since day one\"]+div {\r\n    display: none;\r\n  } *\/\r\n\r\n\r\n  html body.fl-t-44 [data-heading-name=\"Getting started\"],\r\n  html body.fl-t-44 [data-heading-name=\"Different, since day one\"]+div,\r\n  html body.fl-t-44 .fl-t-44-container+div,\r\n  html body.fl-t-44 .fl-t-44-container+div+div {\r\n    display: none;\r\n  }\r\n\r\n  html body.fl-t-44 .video-container {\r\n    display: block !important;\r\n  }\r\n\r\n  html body.fl-t-44 .video-container .fl-video-gallery {\r\n    width: 100% !important;\r\n    max-width: 100% !important;\r\n  }\r\n\r\n  html body [data-testid^=\"video-thumbnail-\"]:nth-of-type(-n+5) {\r\n    display: none !important;\r\n  }\r\n\r\n  \/* for footer  *\/\r\n  html body.fl-t-44 .content>div:last-of-type {\r\n    padding-top: 50px;\r\n    padding-bottom: 15px;\r\n  }\r\n\r\n  html body.fl-t-44 .wp-container-core-group-is-layout-92 .wp-container-core-group-is-layout-46 h2 {\r\n    margin-bottom: 50px;\r\n  }\r\n\r\n  \/**----------- Global styles --------------**\/\r\n  .fl-t-44-wrapper {\r\n    max-width: 1478px;\r\n    margin: 0 auto;\r\n    padding: 60px 20px;\r\n  }\r\n\r\n  .fl-t-44-row {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 42px;\r\n    flex-direction: column;\r\n  }\r\n\r\n  .fl-t-44-button {\r\n    padding: 10px 24px;\r\n    border: none;\r\n    border-radius: 50px;\r\n    cursor: pointer;\r\n    text-align: center;\r\n    font-family: \"Open Sans\", sans-serif;\r\n    font-size: 19px;\r\n    font-style: normal;\r\n    font-weight: 600;\r\n    line-height: 30px;\r\n    text-decoration: none;\r\n  }\r\n\r\n  .fl-t-44-button.orange {\r\n    background-color: #ff7629;\r\n    color: white;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n  }\r\n\r\n  .fl-t-44-button.orange:hover {\r\n    background-image: linear-gradient(rgba(255, 255, 255, 0.1) 0 0) !important;\r\n  }\r\n\r\n  .fl-t-44-button.orange:after {\r\n    height: 1em;\r\n    width: 1em;\r\n    display: inline-block;\r\n    background-image: url(https:\/\/www.image-line.com\/static\/assets\/arrow-circled-right-ZNIVDPDX.7abc618.svg);\r\n    background-position: center;\r\n    background-size: contain;\r\n    content: \"\";\r\n    filter: invert(1);\r\n    background-repeat: no-repeat;\r\n  }\r\n\r\n  .fl-t-44-button.gray {\r\n    background-color: #e9e9e9;\r\n    color: #16182c;\r\n    text-decoration: auto;\r\n  }\r\n\r\n  \/**--------- FOP Logos -------------**\/\r\n  .fl-t-44-payment-options {\r\n    text-align: center;\r\n    width: 100%;\r\n    padding: 100px 0px 50px;\r\n    background: #111a1e;\r\n  }\r\n\r\n  .fl-t-44-payment-options .fl-t-44-payment__wrapper {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .fl-t-44-payment-options .fl-t-44-note {\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n  .fl-t-44-payment-options .fl-t-44-note p b {\r\n    color: #16182c;\r\n    text-align: center;\r\n    font-family: \"Open Sans\", sans-serif;\r\n    font-size: 24px;\r\n    font-style: normal;\r\n    font-weight: 700;\r\n    line-height: 175%;\r\n  }\r\n\r\n  .fl-t-44-payment-options .fl-t-44-note p {\r\n    color: #16182c;\r\n    font-family: \"Open Sans\", sans-serif;\r\n    font-size: 19px;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: 175%;\r\n  }\r\n\r\n  .fl-t-44-payment-options .extra-note {\r\n    color: white;\r\n    text-align: center;\r\n    font-family: \"Open Sans\", sans-serif;\r\n    font-size: 13px;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: 150%;\r\n  }\r\n\r\n  .fl-t-44-payment-options .fl-t-44-logos {\r\n    margin: 0 auto 22px;\r\n    padding: 0px 15px;\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 20px;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    max-width: 1150px;\r\n  }\r\n\r\n  .fl-t-44-payment-options img {\r\n    height: fit-content;\r\n    filter: brightness(0) invert(1);\r\n    max-width: 100px;\r\n  }\r\n\r\n  \/* Buy now CTA  *\/\r\n  .fl-t-44-buy-now-block {\r\n    padding-bottom: 130px;\r\n  }\r\n\r\n  .fl-t-44-buy-now-block .fl-t-44-payment__button {\r\n    text-align: center;\r\n    max-width: fit-content;\r\n    margin: 40px auto 0px;\r\n  }\r\n\r\n  .fl-t-44-payment__button a {\r\n    padding: 7px 18px;\r\n  }\r\n\r\n  .fl-t-44-buy-now-block span.has-underline:after {\r\n    content: \"\";\r\n    position: absolute;\r\n    bottom: 4px;\r\n    left: 0;\r\n    width: 100%;\r\n    background: url(\"https:\/\/cdn-3.convertexperiments.com\/uf\/10049056\/10007574\/underline_682b154e73a71.svg\");\r\n    background-size: cover;\r\n    background-repeat: no-repeat;\r\n    display: block;\r\n    height: 11px;\r\n    -webkit-mask-repeat: none;\r\n    mask-repeat: none;\r\n  }\r\n\r\n  .fl-t-44-buy-now-block h2 {\r\n    color: white;\r\n    font-size: 48px;\r\n    font-weight: 600;\r\n    line-height: 1.4;\r\n    font-stretch: 75%;\r\n    letter-spacing: normal;\r\n    text-align: center;\r\n  }\r\n\r\n  .fl-t-44-buy-now-block p {\r\n    margin: 16px auto;\r\n    max-width: 680px;\r\n    color: #c2c4d6;\r\n    text-align: center;\r\n    font-family: \"Open Sans\", sans-serif;\r\n    font-size: var(--step-1);\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: 1.6em;\r\n  }\r\n\r\n\r\n  \/**--------- End FOP Logos -------------**\/\r\n\r\n\r\n  \/* ========== Static player css ============= *\/\r\n  .fl-t-44-creative-banner-section {\r\n    background: #111a1e;\r\n  }\r\n\r\n  .fl-t-44-creative-banner-container {\r\n    max-width: 1300px;\r\n    margin: 0 auto;\r\n    padding-right: 20px;\r\n    padding-left: 20px;\r\n  }\r\n\r\n  .fl-t-44-creative-banner {\r\n    width: 100%;\r\n    padding: 350px 0px;\r\n    position: relative;\r\n  }\r\n\r\n  .fl-t-44-creative-banner::after {\r\n    content: \"\";\r\n    background: url(https:\/\/cdn-3.convertexperiments.com\/uf\/10049056\/10007574\/hp-v1-4-bottom-section_6811bfb0f1676.png);\r\n    background-size: cover;\r\n    background-repeat: no-repeat;\r\n    background-position: center;\r\n    width: 140%;\r\n    height: 100%;\r\n    z-index: 0;\r\n    position: absolute;\r\n    top: 0px;\r\n    left: -20%;\r\n  }\r\n\r\n  .fl-t-44-creative-banner .fl-t-44-creative-force {\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  .fl-t-44-creative-force .fl-t-44-content-wrapper {\r\n    max-width: 669px;\r\n    width: 100%;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .fl-t-44-creative-force .fl-t-44-title {\r\n    max-width: 670px;\r\n    text-align: center;\r\n    font-family: \"Open Sans\", sans-serif;\r\n    font-size: 57px;\r\n    font-style: normal;\r\n    font-weight: 600;\r\n    line-height: 70px;\r\n    margin-bottom: 16px;\r\n    color: #fff;\r\n  }\r\n\r\n  .fl-t-44-creative-force .fl-t-44-description {\r\n    color: #c2c4d6;\r\n    text-align: center;\r\n    font-family: \"Open Sans\", sans-serif;\r\n    font-size: 18px;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: 30px;\r\n    letter-spacing: -0.09px;\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n  .fl-t-44-creative-force .fl-t-44-btn-wrapper {\r\n    display: flex;\r\n    gap: 16px;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  \/* Getting started tutorial styling started----------- *\/\r\n\r\n  .fl-t-44-container {\r\n    max-width: 100%;\r\n    width: 100%;\r\n    margin: 0 auto;\r\n    padding: 40px 20px 0 20px;\r\n    text-align: center;\r\n    padding-top: 0;\r\n    margin-bottom: 100px;\r\n  }\r\n\r\n  .fl-t-44-title {\r\n    font-size: 57.22px;\r\n    font-weight: 600;\r\n    margin-bottom: 10px;\r\n    font-family: \"Open Sans\", sans-serif;\r\n    font-stretch: 75%;\r\n  }\r\n\r\n  .fl-t-44-subtitle {\r\n    font-size: 18.75px;\r\n    color: #c2c4d6;\r\n    font-family: \"Open Sans\", sans-serif;\r\n    font-stretch: 95%;\r\n    line-height: 30px;\r\n    max-width: 840px;\r\n    margin: 0 auto;\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n  .fl-t-44-main-video-section {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    margin-bottom: 40px;\r\n    height: 710px;\r\n  }\r\n\r\n  .fl-t-44-main-video-wrapper {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    margin: 0 auto;\r\n    background: #2d2d47;\r\n    border-radius: 12px;\r\n    box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.25);\r\n    position: relative;\r\n    height: 710px;\r\n  }\r\n\r\n  .fl-t-44-main-video {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    height: 710px;\r\n    border-radius: 8px;\r\n    border: none;\r\n    background: #000;\r\n    display: block;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .fl-t-44-thumbnails-section .fl-t-44-thumbnail {\r\n    flex: 1;\r\n  }\r\n\r\n  .fl-t-44-main-video-title {\r\n    font-size: 1.3rem;\r\n    font-weight: 600;\r\n    margin-top: 18px;\r\n    text-align: left;\r\n  }\r\n\r\n  .fl-t-44-main-video-duration {\r\n    position: absolute;\r\n    bottom: 18px;\r\n    right: 40px;\r\n    background: #232338;\r\n    color: #fff;\r\n    font-size: 0.95rem;\r\n    padding: 2px 10px;\r\n    border-radius: 6px;\r\n    opacity: 0.85;\r\n  }\r\n\r\n  .fl-t-44-thumbnails-section {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 18px;\r\n    margin-bottom: 40px;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .fl-t-44-thumbnail {\r\n    border-radius: 10px;\r\n    \/* width: 180px; *\/\r\n    cursor: pointer;\r\n    transition: box-shadow 0.2s, border 0.2s;\r\n    border: 2px solid transparent;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    position: relative;\r\n  }\r\n\r\n  html body .fl-t-44-main-video-placeholder {\r\n    height: 710px !important;\r\n  }\r\n\r\n  html body .fl-t-44-main-video-wrapper iframe {\r\n    height: 710px;\r\n    width: 100%;\r\n  }\r\n\r\n  \/* .fl-t-44-thumbnail.fl-t-44-active {\r\n    border: 2px solid #ff9900;\r\n    box-shadow: 0 4px 16px 0 rgba(255, 153, 0, 0.15);\r\n  } *\/\r\n\r\n  .fl-t-44-thumbImageContainer {\r\n    width: 100%;\r\n    height: 125px;\r\n  }\r\n\r\n  .fl-t-44-thumbnail-img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    border-radius: 6px;\r\n    margin-bottom: 10px;\r\n    background: #111;\r\n  }\r\n\r\n  .fl-t-44-thumb-title {\r\n    font-size: 15px;\r\n    font-weight: 500;\r\n    color: #fff;\r\n    margin-bottom: 12px;\r\n    text-align: left;\r\n    display: flex;\r\n    gap: 5px;\r\n  }\r\n\r\n  html body .fl-t-44-thumb-title .playGifIcon {\r\n    display: none;\r\n    width: 20px;\r\n    height: 20px;\r\n  }\r\n\r\n  html body .fl-t-44-thumbnail.fl-t-44-active.fl-t-44-playState .fl-t-44-thumb-title .playGifIcon {\r\n    display: block !important;\r\n  }\r\n\r\n  .fl-t-44-active .fl-t-44-thumb-title {\r\n    color: rgba(246, 114, 41, 1);\r\n  }\r\n\r\n  .fl-t-44-thumb-duration {\r\n\r\n    color: #fff;\r\n    background: rgba(22, 24, 44, 1);\r\n    border-radius: 4px;\r\n    padding: 2px 6px;\r\n    position: absolute;\r\n    bottom: 70px;\r\n    right: 15px !important;\r\n    opacity: 0.85;\r\n    font-family: Open Sans;\r\n    font-weight: 400;\r\n    font-size: 13px;\r\n    line-height: 20px;\r\n    letter-spacing: -0.325px;\r\n  }\r\n\r\n  #fl-t-44-main-video-placeholder .fl-t-44-thumb-duration {\r\n    position: absolute;\r\n    bottom: 20px;\r\n    right: 20px;\r\n  }\r\n\r\n  html body .fl-t-44-thumbnail .fl-t-44-play-icon {\r\n    top: 50% !important;\r\n  }\r\n\r\n  html body .fl-t-44-thumbnail .fl-t-44-play-icon svg {\r\n    display: none;\r\n    width: 50px;\r\n    height: 50px;\r\n  }\r\n\r\n  html body .fl-t-44-thumbnail:hover .fl-t-44-play-icon svg {\r\n    display: block;\r\n  }\r\n\r\n  .fl-t-44-buy-section {\r\n    margin-top: 20px;\r\n  }\r\n\r\n  .fl-t-44-buy-btn {\r\n    background: #ff7629;\r\n    color: #fff;\r\n    font-weight: 600;\r\n    border: none;\r\n    border-radius: 24px;\r\n    cursor: pointer;\r\n    box-shadow: 0 2px 8px 0 rgba(255, 153, 0, 0.10);\r\n    transition: background 0.2s;\r\n    outline: none;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin: 0 auto;\r\n    gap: 10px;\r\n    width: max-content;\r\n    text-decoration: unset;\r\n    padding: 10px 24px;\r\n    font-size: 19px;\r\n    line-height: 30px;\r\n  }\r\n\r\n  .fl-t-44-buy-btn::after {\r\n    content: \"\";\r\n    mask-image: url(\/static\/assets\/arrow-circled-right-znivdpdx.7abc618.svg);\r\n    height: 16px;\r\n    width: 16px;\r\n    display: inline-block;\r\n    background-color: currentColor;\r\n    -webkit-mask-size: 100%;\r\n    mask-size: 100%;\r\n    -webkit-mask-repeat: no-repeat;\r\n    mask-repeat: no-repeat;\r\n  }\r\n\r\n  html body .fl-t-44-play-icon svg {\r\n    width: 80px;\r\n    height: 80px;\r\n  }\r\n\r\n  html body #fl-t-44-main-video-placeholder::after {\r\n    content: \"Learn the basics\";\r\n    display: block;\r\n    font-family: Open Sans;\r\n    font-weight: 600;\r\n    font-size: 38px;\r\n    line-height: 135%;\r\n    position: absolute;\r\n    font-stretch: 75%;\r\n    top: 20px;\r\n    left: 20px;\r\n  }\r\n\r\n  html body .fl-t-44-watchMore {\r\n    color: rgba(246, 114, 41, 1);\r\n    font-family: Open Sans;\r\n    font-weight: 400;\r\n    font-size: 13px;\r\n    line-height: 20px;\r\n    text-decoration: underline;\r\n    text-decoration-style: solid;\r\n    text-decoration-thickness: 0%;\r\n    text-align: left;\r\n\r\n  }\r\n\r\n  \/* Getting started tutorial styling Ended----------- *\/\r\n\r\n  html body .fl-t-44-discover-studio,\r\n  html body .fl-t-44-payment__button a {\r\n    padding: 10px 24px !important;\r\n  }\r\n\r\n  html body .fl-t-44-buy-now-block span.has-underline:after {\r\n    mask-image: none !important;\r\n  }\r\n\r\n  html body .fl-t-44-playState .fl-t-44-play-icon {\r\n    display: none !important;\r\n  }\r\n\r\n  html body .fl-t-44-playState:hover .fl-t-44-pause-icon {\r\n    display: block !important;\r\n  }\r\n\r\n  html body .fl-t-44-thumbImageContainer {\r\n    position: relative;\r\n    margin-bottom: 12px;\r\n  }\r\n\r\n}\r\n\r\n\/* global style *\/\r\n@media screen and (min-width: 1101px) {\r\n  .fl-t-44-col-lg-6 {\r\n    width: 50%;\r\n    max-width: 500px;\r\n  }\r\n\r\n  .fl-t-44-row {\r\n    flex-direction: row;\r\n  }\r\n}\r\n\r\n@media screen and (min-width:1024px) and (max-width: 2000px) {\r\n  body {\r\n    overflow-x: hidden;\r\n  }\r\n}\r\n\r\n@media screen and (min-width:1024px) and (max-width: 1600px) {\r\n  .fl-t-44-creative-banner {\r\n    padding: 330px 0px;\r\n  }\r\n\r\n  .fl-t-44-creative-banner::after {\r\n    width: 120%;\r\n    left: -10%;\r\n  }\r\n\r\n  body {\r\n    overflow-x: hidden;\r\n  }\r\n}\r\n\r\n@media screen and (min-width:1024px) and (max-width: 1460px) {\r\n  .fl-t-44-creative-banner::after {\r\n    width: 110%;\r\n    left: -5%;\r\n  }\r\n\r\n  body {\r\n    overflow-x: hidden;\r\n  }\r\n}\r\n\r\nhtml body.fl-t-44 .video-thumbnail h4 {\r\n  text-align: left !important;\r\n}","js":function(convertContext){ 
(function () {
  try {
    /* main variables */
    var debug = 0;
    var variation_name = "fl-t-44";

    /**LIBRARY**/
    var utils = {};

    /**
     * Helper function to wait for library to load
     * @param {function} trigger - callback function to be called when lib is loaded
     */
    function waitForLibrary(trigger) {
      var INTERVAL = 50;
      var TIMEOUT = 15000;

      var interval = setInterval(function () {
        if (typeof window["ilHelpers"] != "undefined") {
          clearInterval(interval);
          trigger(window["ilHelpers"]);
        }
      }, INTERVAL);

      setTimeout(function () {
        clearInterval(interval);
      }, TIMEOUT);
    }

    let thumbnailContent = {
      '[data-testid="video-thumbnail-6"]': {
        "h4": "Learn the basics",
        "watchmore": `<a class='fl-t-44-watchMore' href='https://www.youtube.com/watch?v=S6PSYkXmKnY&list=PLkYsB0Ki9lAcILzYWfH_UzlyLXtAJMVol'
    target='_blank'>Watch more like this on YouTube</a>`
      },
      '[data-testid="video-thumbnail-7"]': {
        "h4": "In-depth beginner tutorial",
        "watchmore": `<a class='fl-t-44-watchMore' href='https://www.youtube.com/watch?v=pDIsEZsalAo&list=PLA988BD357AA510D1&index=1'
    target='_blank'>Watch more like this on YouTube</a>`
      },
      '[data-testid="video-thumbnail-8"]': {
        "h4": "Make a chill, lofi beat",
        'watchmore': `<a class='fl-t-44-watchMore' href='https://www.youtube.com/watch?v=ort7ZLY-3zo&list=PLA988BD357AA510D1&index=2'
    target='_blank'>Watch more like this on YouTube</a>`
      },
      '[data-testid="video-thumbnail-9"]': {
        "h4": "Afrojack’s Hit “123” Breakdown",
        'watchmore': `<a class='fl-t-44-watchMore'
    href='https://www.youtube.com/watch?v=OaioSBymtNA&list=PLkYsB0Ki9lAe5pobBzCg5ZmJ-zSJv_5ap&index=19'
    target='_blank'>Watch more like this on YouTube</a>`
      },
      '[data-testid="video-thumbnail-10"]': {
        "h4": "Metro Boomin Kicks & Basslines",
        'watchmore': `<a class='fl-t-44-watchMore'
    href='https://www.youtube.com/watch?v=7HgV0uyHwt0&list=PLkYsB0Ki9lAe5pobBzCg5ZmJ-zSJv_5ap&index=54'
    target='_blank'>Watch more like this on YouTube</a>`
      },
    }

    /**
     * ===============================================================================
     * creativeForce---
     * ===============================================================================
     */
    var creativeForce = `
        <div class="${variation_name}-creative-banner-section">
         <div class="${variation_name}-creative-banner-container">
          <div class="${variation_name}-creative-banner">
             <div class="${variation_name}-creative-force">
                <div class="${variation_name}-content-wrapper">
                    <h2 class="${variation_name}-title wp-block-heading has-text-align-center has-ff-open-sans-condensed has-fw-semibold m-has-size-6-font-size has-size-6-font-size">The creative force<br> behind countless iconic hits</h2>
                    <p class="${variation_name}-description">FL Studio has been the birthplace of countless hits, revered and relied upon daily by millions of users worldwide. Over the last 25 years it has become a powerhouse that fueled chart-topping singles and groundbreaking albums.</p>
                    <div class="${variation_name}-btn-wrapper">
                        <div class="wp-block-button has-size-1-font-size is-style-fill is-style-arrow-circled-right-after has-fw-medium has-decoration-no-wrap m-has-size-0-font-size">
                         <a href="/fl-studio/buy-now/" class="${variation_name}-discover-studio wp-block-button__link has-orange-background-color has-text-color has-background has-link-color wp-element-button" style="color:#ffffff">Buy now</a>
                        </div>
                    </div>
                </div>
             </div>
          </div>
         </div>
        </div>`;

    /**
     * ===============================================================================
     * FOP logos---
     * ===============================================================================
     */
    var fopLogos = `
    <div class="${variation_name}-payment-options" >
      <div class="${variation_name}-buy-now-block">  
          <h2>Buy FL Studio now and get <span class="has-underline">Lifetime</span> <span class="has-underline">Free</span> <span class="has-underline">Updates</span></h2>
          <p> Other music suites make you pay over $200 for updates every couple of years. With FL Studio you always get the latest version with bug fixes, updates, new features and sometimes even high-quality new plugins at no extra cost.
          <br>We've held this promise for 25 years!
        </p>
        <div class="${variation_name}-payment__button">
          <div class="wp-block-button has-size-1-font-size is-style-fill is-style-arrow-circled-right-after has-fw-medium has-decoration-no-wrap m-has-size-0-font-size">
              <a class="wp-block-button__link has-orange-background-color has-text-color has-background wp-element-button" href="/fl-studio/buy-now/" style="color:#ffffff">Buy now</a>
          </div>
        </div>
      </div>
      <div class="${variation_name}-payment__wrapper">
          <div class="${variation_name}-logos">
            <span><img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/group-7_678b4821bf501.png" alt="PayPal" width="119.593" height="29.667"></span>
            <span><img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/vector-4_678b48cd5113e.png" alt="Klarna" width="110.999" height="25.316"></span>
            <span><img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/vector-5_678b48d9b5174.png" alt="Apple Pay" width="79.841" height="33.105"></span>
            <span><img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/image-22_678b48431e2dd.png" alt="Google Pay" width="78.682" height="37"></span>
            <span><img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/image-21-1_678b48362e69b.png" alt="Amazon Pay" width="58.42" height="37"></span>
            <span><img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/master-card_6837ecfc617eb.svg" alt="MasterCard" width="55" height="36.999"></span>
            <span><img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/group-6_678b480f1948a.png" alt="Visa" width="80" height="27.284"></span>
            <span><img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/amx_6837ed1713f99.svg" alt="American Express" width="45.526" height="37"></span>
          </div>
          <p class="${variation_name}-extra-note extra-note "> Some payment plans might only be available in certain regions.</p>
        </div>  
    </div>`;

    /**
     * ===============================================================================
     * gettingStartedTutorial---
     * ===============================================================================
     */
    let playIcon = `
    <span class="fl-t-44-play-icon" style="position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;">
              <svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150" fill="none">
                <rect width="150" height="150" rx="75" fill="black" fill-opacity="0.8"/>
                <path d="M97.5052 74.1346C98.1705 74.5197 98.1705 75.4803 97.5052 75.8654L62.501 96.131C61.8344 96.5169 61 96.0359 61 95.2656L61 54.7344C61 53.9641 61.8344 53.4831 62.501 53.869L97.5052 74.1346Z" fill="white"/>
              </svg>
            </span>`;

    let pauseIconHTML = `<span class="fl-t-44-pause-icon" style="position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;display:none;">
      <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 150 150" fill="none">
        <rect width="150" height="150" rx="75" fill="black" fill-opacity="0.8"/>
        <rect x="55" y="53" width="12" height="44" rx="3" fill="white"/>
        <rect x="83" y="53" width="12" height="44" rx="3" fill="white"/>
      </svg>
    </span>`;

    let gettingStartedTutorial = `<div class="fl-t-44-container">
    <h1 class="fl-t-44-title">Learn the essentials and get inspired by the pros</h1>
    <p class="fl-t-44-subtitle">There are countless helpful tutorials on FL Studio online. Here are a few popular ones
        that will help you lay down your first head-nodding beat in no time and pick up tips from famous producers. </p>
    
    <div class="fl-t-44-buy-section">
        <a href='https://www.image-line.com/fl-studio/buy-now/' class="fl-t-44-buy-btn">Buy FL Studio now </a>
    </div>
    </div>`;


    function eventHandler() {
      const activeClass = "fl-t-44-active";

    }

    /**
     * ===============================================================================
     * Footer related changes
     * ===============================================================================
     */

    // Footer related changes
    function addFopLogosAndCreativeSection(footer) {
      var footerParent = document.querySelector(".footer").closest(".wp-block-group");
      if (!footerParent || document.querySelector(`.${variation_name}-payment-options`)) return;
      footerParent.insertAdjacentHTML("beforebegin", creativeForce + fopLogos);
    }

    function init() {
      // Add FOP logos to the footer
      addFopLogosAndCreativeSection();

      // Video player initialization
      utils.waitForElement('[data-heading-name="Getting started"]', function () {
        if (!document.querySelector(".fl-t-44-container")) {
          document.querySelector('[data-heading-name="Getting started"]').insertAdjacentHTML("afterend", gettingStartedTutorial);
        }
      });
    }

    // Wait for library and initialize experiment
    waitForLibrary(function (ilHelpers) {
      utils = ilHelpers.get("lib");

      // Adding data-attributes based on the section heading
      utils.waitForElement(".wp-block-group > .wp-block-group h2", function () {
        document.querySelectorAll(".wp-block-group > .wp-block-group h2").forEach(h2 => {
          const headingText = h2.textContent.trim();
          const grandParent = h2.parentElement?.parentElement;
          if (grandParent) {
            grandParent.setAttribute("data-heading-name", headingText);
          }
        });
      });

      utils.waitForElement("body.signed-in, body.signed-out", function (bodyElm) {
        if (!bodyElm.classList.contains(variation_name)) {
          bodyElm.classList.add(variation_name);

          eventHandler();

          utils.waitForElement('.fl-t-44-container .fl-t-44-subtitle ', function () {
            let videoContainer = document.querySelector('.video-container')
            if (videoContainer) {
              document.querySelector('.fl-t-44-container .fl-t-44-subtitle').insertAdjacentElement('afterend', videoContainer)
            }
          })

          utils.waitForElement('[data-testid="video-thumbnail-5"]', function () {
            Object.entries(thumbnailContent).forEach(([selector, obj]) => {

              const el = document.querySelector(selector);
              if (el) {
                el.insertAdjacentHTML('beforeend', obj["watchmore"]);
                const h4 = el.querySelector('h4');
                if (h4) h4.innerHTML = obj['h4'];
              }
            });
          })
        }

        utils.waitForElement(".footer", init);
      });
    });
  } catch (e) {
    if (debug) console.log(e, "error in Test" + variation_name);
  }
})();
}}}],"traffic_allocation":20}]},{"id":"1004162855","name":"[live] [FL-T-40] FL Hide main Nav [Desktop]","type":"a\/b","status":"active","global_js":null,"global_css":"","environment":"production","settings":{"min_order_value":0,"max_order_value":99999,"matching_options":{"audiences":"any","locations":"any"},"outliers":{"order_value":{"detection_type":"none"},"products_ordered_count":{"detection_type":"none"}}},"key":"fl-t-40-fl-hd-mn-nv-cl-2-cln","version":10,"locations":["1004126150"],"site_area":null,"audiences":["100418977"],"goals":["100032149","100462435","100461985","100495475","100473111","100473110","100473108","100473098","100473097","100473096","100473095","100473094","100473093","100473092","100472700","100472699","100472698","100472697","100472685","100472684","100472683","100472682","100472681","1004102480"],"integrations":[{"provider":"google_analytics","enabled":false,"type":"ga4","measurementId":""}],"variations":[{"id":"1004384971","name":"Original Page","key":"1004384971-original-page","status":"running","changes":[],"traffic_allocation":14.28},{"id":"1004384972","name":"V1: Buy FL Studio","key":"1004384972-v1:-buy-fl-studio","status":"running","changes":[{"id":1004618875,"type":"defaultCode","data":{"js":null,"css":"","custom_js":null}},{"id":1004618876,"type":"customCode","data":{"css":"html body.fl-t-40 .c-header--logo {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-top: auto;\r\n  margin-bottom: auto;\r\n  gap: 7px;\r\n  border: 0;\r\n  width: unset;\r\n  height: unset;\r\n  background-image: unset;\r\n  margin: 0;\r\n  padding-right: 16px;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header--logo img {\r\n  position: relative;\r\n  top: -2px;\r\n  width: 25px;\r\n  height: auto;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header--logo svg {\r\n  width: 120px !important;\r\n  height: 81px;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header--logo svg {\r\n  height: 56px;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header .c-header-shop #login_link svg,\r\nhtml body.fl-t-40 .c-header .c-header-shop > .c-cart__wrapper,\r\nhtml body.fl-t-40 .c-header .c-header-shop #btnLogin svg {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40 .c-nav-main > ul > li:has(> a[href*=\"https:\/\/www.image-line.com\/fl-studio\/buy-now\"]) {\r\n  order: 1;\r\n  margin-left: 24px;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-nav-main > ul > li:has(> a[href*=\"https:\/\/www.image-line.com\/fl-studio\/buy-now\"]) {\r\n  order: unset;\r\n  margin-left: 0;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header-shop__button span#btnLoginText {\r\n  font-weight: 400;\r\n}\r\n\r\nhtml body.fl-t-40 .site-header__inner .site-header-meta .cart-button.visually-visible {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header-shop #profile-dropdown {\r\n  top: 54px !important;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header-shop #profile-dropdown {\r\n  top: 55px !important;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header-shop #profile-dropdown {\r\n  left: unset !important;\r\n  right: -10px;\r\n  min-width: 160px !important;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header-shop #profile-dropdown {\r\n  top: 55px !important;\r\n}\r\n\r\nhtml body.fl-t-40 #profile-dropdown .profile-arrow {\r\n  left: 50px !important;\r\n}\r\n\r\nhtml body.fl-t-40 .site-header__inner .nav > .nav__sections {\r\n  visibility: visible;\r\n}","js":function(convertContext){ 
(function() {
  try {
    /* main variables */
    var debug = 0;
    var variation_name = "fl-t-40";

    /**LIBRARY**/
    var utils = {};

    /**
     * Helper function to wait for library to load
     * @param {function} trigger - callback function to be called when lib is loaded
     */
    function waitForLibrary(trigger) {
      var INTERVAL = 50;
      var TIMEOUT = 15000;

      var interval = setInterval(function() {
        if (typeof window["ilHelpers"] != "undefined") {
          clearInterval(interval);
          trigger(window["ilHelpers"]);
        }
      }, INTERVAL);

      setTimeout(function() {
        clearInterval(interval);
      }, TIMEOUT);
    }

    const flLogo = `
    <img decoding="async" class="site-header__logo__fruit" src="https://www.image-line.com/static/assets/nav-logo-fruit.41db863.png">
    <svg width="997" height="170" viewBox="0 0 997 170" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M910.668 0.609131C934.941 0.609131 955.254 8.7124 971.606 24.9189C987.957 41.1255 996.133 61.0747 996.133 84.7668C996.133 108.241 987.957 
    128.154 971.606 144.506C955.326 160.858 935.45 169.033 911.976 169.033C888.211 169.033 868.153 160.894 851.801 144.615C835.449 128.335 827.273 108.641 827.273 85.5299C827.273 70.1228 830.979 55.8421 838.392 42.688C845.878 29.5338 856.052 19.2503 
    868.916 11.8374C881.779 4.35189 895.697 0.609131 910.668 0.609131ZM911.431 16.3069C899.585 16.3069 888.356 19.3956 877.746 25.573C867.135 31.7504 858.85 40.0717 852.891 50.5369C846.932 61.0021 843.952 72.6664 843.952 85.5299C843.952 104.571 
    850.529 120.668 863.683 133.822C876.91 146.904 892.826 153.445 911.431 153.445C923.858 153.445 935.341 150.429 945.879 144.397C956.489 138.365 964.738 130.116 970.625 119.651C976.584 109.186 979.564 97.5576 979.564 84.7668C979.564 72.0487 
    976.584 60.566 970.625 50.3188C964.738 39.999 956.417 31.7504 945.661 25.573C934.905 19.3956 923.495 16.3069 911.431 16.3069Z" fill="white"></path><path d="M782.495 4.64258H798.52V165H782.495V4.64258Z" fill="white"></path><path d="M619.766 
    165V4.64258H653.014C676.997 4.64258 694.403 6.56847 705.231 10.4202C720.784 15.8709 732.921 25.3186 741.642 38.7635C750.435 52.2084 754.832 68.2332 754.832 86.838C754.832 102.899 751.344 117.035 744.367 129.244C737.463 141.453 728.451 150.465 
    717.332 156.279C706.285 162.093 690.769 165 670.783 165H619.766ZM635.136 149.847H653.668C675.834 149.847 691.205 148.466 699.781 145.705C711.845 141.78 721.329 134.731 728.233 124.556C735.137 114.309 738.589 101.809 738.589 87.0561C738.589 71.5763 
    734.846 58.3494 727.361 47.3755C719.875 36.4016 709.446 28.8797 696.074 24.8099C686.045 21.7575 669.512 20.2314 646.474 20.2314H635.136V149.847Z" fill="white"></path><path d="M475.132 4.64258H491.157V101.446C491.157 112.928 491.375 120.087 491.811 
    122.921C492.61 129.244 494.464 134.549 497.371 138.837C500.278 143.052 504.747 146.613 510.779 149.52C516.811 152.355 522.88 153.772 528.984 153.772C534.29 153.772 539.377 152.645 544.246 150.392C549.115 148.139 553.185 145.014 556.455 141.017C559.726 
    137.02 562.124 132.187 563.65 126.519C564.74 122.449 565.285 114.091 565.285 101.446V4.64258H581.31V101.446C581.31 115.763 579.893 127.354 577.059 136.221C574.297 145.014 568.701 152.682 560.271 159.222C551.913 165.763 541.775 169.033 529.856 
    169.033C516.92 169.033 505.837 165.945 496.607 159.767C487.378 153.59 481.2 145.414 478.075 135.24C476.113 128.99 475.132 117.725 475.132 101.446V4.64258Z" fill="white"></path><path d="M364.728 20.2314V4.64258H452.702V20.2314H416.945V165H400.594V20.2314H364.728Z" 
    fill="white"></path><path d="M253.998 135.131L267.624 126.955C277.218 144.615 288.301 153.445 300.873 153.445C306.251 153.445 311.302 152.209 316.026 149.738C320.75 147.195 324.347 143.815 326.818 139.6C329.289 135.385 330.525 130.915 330.525 126.192C330.525 120.814 
    328.708 115.545 325.074 110.385C320.059 103.263 310.902 94.6869 297.603 84.6578C284.231 74.556 275.909 67.2521 272.639 62.7463C266.97 55.1881 264.136 47.0121 264.136 38.2185C264.136 31.2417 265.808 24.8826 269.151 19.1413C272.494 13.3999 277.181 8.89408 283.213 
    5.62371C289.318 2.28066 295.931 0.609131 303.054 0.609131C310.612 0.609131 317.661 2.49868 324.202 6.27778C330.815 9.98421 337.792 16.852 345.132 26.8812L332.051 36.8013C326.019 28.807 320.859 23.5381 316.571 20.9945C312.356 18.4508 307.741 17.179 302.727 17.179C296.258 
    17.179 290.953 19.1413 286.811 23.0657C282.741 26.9902 280.706 31.8231 280.706 37.5644C280.706 41.0528 281.433 44.4322 282.886 47.7025C284.34 50.9729 286.992 54.534 290.844 58.3858C292.952 60.4207 299.856 65.7623 311.557 74.4106C325.437 84.6578 334.958 93.7785 340.118 
    101.773C345.278 109.767 347.858 117.798 347.858 125.865C347.858 137.493 343.425 147.594 334.558 156.17C325.764 164.746 315.045 169.033 302.399 169.033C292.661 169.033 283.831 166.454 275.909 161.294C267.988 156.061 260.684 147.34 253.998 135.131Z" fill="white"></path>
    <path d="M107.755 4.64258H123.889V149.52H185.481V165H107.755V4.64258Z" fill="white"></path><path d="M0.513245 4.64258H80.8555V20.4494H16.4291V70.5952H80.8555V86.402H16.4291V165H0.513245V4.64258Z" fill="white"></path></svg>`;

    function init() {
      const buyNow = document.querySelector('nav a[href="https://www.image-line.com/fl-studio/buy-now"]');
      const buyNowNew = document.querySelector('nav a[href="https://www.image-line.com/fl-studio/buy-now/"]');
      buyNow && (buyNow.innerHTML = "Buy FL Studio");
      buyNowNew && (buyNowNew.innerHTML = "Buy FL Studio");

      // Update site logo
      utils.waitForElement('.c-header--logo', function(){
        const headerLogo = document.querySelector('.c-header--logo');
        headerLogo.insertAdjacentHTML('afterbegin', flLogo);
      });

      if(window.location.hostname == 'support.image-line.com') {
        document.body.classList.add(variation_name+'--support');
      }
    }

    // Wait for library and initialize experiment
    waitForLibrary(function(ilHelpers) {
      utils = ilHelpers.get("lib");

      utils.waitForElement("body", function(bodyElm) {
        if (!bodyElm.classList.contains(variation_name)) {
          bodyElm.classList.add(variation_name);
          utils.waitForElement('nav a[href="https://www.image-line.com/fl-studio/buy-now"], nav a[href="https://www.image-line.com/fl-studio/buy-now/"]', init);
        }
      });
    });
  } catch (e) {
    if (debug) console.log(e, "error in Test" + variation_name);
  }
})();
}}}],"traffic_allocation":14.28},{"id":"1004384973","name":"V2: Hide FLC","key":"1004384973-v2:-hide-flc","status":"stopped","changes":[{"id":1004618877,"type":"defaultCode","data":{"js":null,"css":"","custom_js":null}},{"id":1004618878,"type":"customCode","data":{"css":"html body.fl-t-40 .nav__sections > .nav__section:has(> a[href=\"https:\/\/www.image-line.com\/fl-cloud\"]) {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40 .c-nav-main > ul > li:has(> a[href=\"https:\/\/www.image-line.com\/fl-cloud\"]) {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header--logo {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-top: auto;\r\n  margin-bottom: auto;\r\n  gap: 7px;\r\n  border: 0;\r\n  width: unset;\r\n  height: unset;\r\n  background-image: unset;\r\n  margin: 0;\r\n  padding-right: 16px;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header--logo img {\r\n  position: relative;\r\n  top: -2px;\r\n  width: 25px;\r\n  height: auto;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header--logo svg {\r\n  width: 120px !important;\r\n  height: 81px;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header-shop #profile-dropdown {\r\n  top: 54px !important;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header-shop #profile-dropdown {\r\n  top: 55px !important;\r\n}\r\n\r\nhtml body.fl-t-40 .site-header__inner .site-header-meta .cart-button.visually-visible {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header--logo svg {\r\n  height: 56px;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header .c-header-shop #login_link svg,\r\nhtml body.fl-t-40 .c-header .c-header-shop > .c-cart__wrapper,\r\nhtml body.fl-t-40 .c-header .c-header-shop #btnLogin svg {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40 .c-nav-main > ul > li:has(> a[href*=\"https:\/\/www.image-line.com\/fl-studio\/buy-now\"]) {\r\n  order: 1;\r\n  margin-left: 24px;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-nav-main > ul > li:has(> a[href*=\"https:\/\/www.image-line.com\/fl-studio\/buy-now\"]) {\r\n  order: unset;\r\n  margin-left: 0;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header-shop__button span#btnLoginText {\r\n  font-weight: 400;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header-shop #profile-dropdown {\r\n  left: unset !important;\r\n  right: -10px;\r\n  min-width: 160px !important;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header-shop #profile-dropdown {\r\n  top: 55px !important;\r\n}\r\n\r\nhtml body.fl-t-40 #profile-dropdown .profile-arrow {\r\n  left: 50px !important;\r\n}\r\n\r\nhtml body.fl-t-40 .site-header__inner .nav > .nav__sections {\r\n  visibility: visible;\r\n}\r\n\r\nhtml body.fl-t-40.home .commercial-box__products .commercial-box__product[data-js-product=\"fruity-edition\"] {\r\n  display: block !important;\r\n}\r\n\r\n\/**---------------- Buy Now Section Start ----------------**\/\r\n\r\n.fl-t-40-top-pricing-section {\r\n  background-color: rgb(17, 26, 31);\r\n  display: flex;\r\n  flex-direction: row !important;\r\n  width: 100%;\r\n  align-items: flex-start !important;\r\n  padding-top: 0 !important;\r\n  padding-bottom: 0 !important;\r\n}\r\n\r\n.fl-t-40-top-pricing-section#buy-now-box {\r\n  padding-bottom: 60px !important;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-col-pricing {\r\n  background: white;\r\n  padding: 20px;\r\n  border-radius: 4px;\r\n}\r\n\r\n.fl-t-40-featured-artists .fl-t-40-wrapper {\r\n  padding-top: 110px;\r\n}\r\n.fl-t-40-top-pricing-section .commercial-box__products a.commercial-box__action.is-primary {\r\n  border-radius: 8px;\r\n  font-size: 19px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  line-height: 17.25px;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .commercial-box__products a.commercial-box__action.is-secondary {\r\n  border-radius: 8px;\r\n  background: #e1e1e1;\r\n  color: #000;\r\n  text-align: center;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 19px;\r\n  line-height: 17.25px;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-top-price__header {\r\n  width: 100%;\r\n  padding-bottom: 70px;\r\n  padding-top: 70px;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-top-price__header > div {\r\n  max-width: 660px;\r\n  margin: 0 auto;\r\n  text-align: center;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-top-price__header h2 {\r\n  color: white;\r\n  text-align: center;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 57px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  margin-bottom: 16px;\r\n  line-height: 70.0945px;\r\n  font-stretch: 75%;\r\n  letter-spacing: normal;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-top-price__header p {\r\n    color: #c2c4d6;\r\n  text-align: center;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: var(--step-1);\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 1.6em;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-content-wrapper {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 24px;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-content-wrapper hr {\r\n  width: 100%;\r\n  height: 1px;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-content-box {\r\n  text-align: left;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-content-box h2 {\r\n  color: white;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 19px;\r\n  font-style: normal;\r\n  font-weight: 700;\r\n  line-height: 1.6em;\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-content-box p {\r\n  color: white;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 18px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 1.6em;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-content-box a {\r\n  color: rgb(22, 24, 44);\r\n  display: inline-block;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-top-unsure__copy {\r\n  margin-top: 20px;\r\n  text-align: left;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-top-unsure__copy li {\r\n  list-style: none;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-top-unsure__copy li:first-child {\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-top-unsure__copy li h3 {\r\n  color: #16182c;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 15px;\r\n  font-style: normal;\r\n  font-weight: 700;\r\n  line-height: 150%;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-top-unsure__copy li p {\r\n  color: #16182c;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 13px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 150%;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-payment-options {\r\n  padding: 80px 0px 20px;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .commercial-box__product__cell.title .description-text {\r\n  text-align: left;\r\n  max-width: 80%;\r\n}\r\n\r\n.fl-t-40-loader-box {\r\n  height: 400px;\r\n  width: 100%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.fl-t-40-commercial-loader {\r\n  width: 60px;\r\n  height: 60px;\r\n  border: 5px solid #16182c;\r\n  border-bottom-color: transparent;\r\n  border-radius: 50%;\r\n  display: inline-block;\r\n  box-sizing: border-box;\r\n  animation: rotation 1s linear infinite;\r\n  opacity: 0.3;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .commercial-box.commercial-box--loading .fl-t-40-commercial-loader {\r\n  opacity: 1;\r\n}\r\n\r\n.fl-t-40-row {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 42px;\r\n  flex-direction: column;\r\n}\r\n\r\n@keyframes rotation {\r\n  0% {\r\n    transform: rotate(0deg);\r\n  }\r\n  100% {\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n\r\n@media screen and (min-width: 1101px) {\r\n  .fl-t-40-row {\r\n    flex-direction: row;\r\n  }\r\n}\r\n\r\n@media screen and (min-width: 1101px) {\r\n  .fl-t-40-col-lg-6 {\r\n    width: 50%;\r\n    max-width: 500px;\r\n  }\r\n}\r\n\r\n.fl-t-40 #video-container ~ .bg-container .grid:not(.is-hidden):has(> div > figure.has-w-100-pc) {\r\n  display: none;\r\n}\r\n\/**---------------- Buy Now Section End ----------------**\/","js":function(convertContext){ 
(function() {
  let debug = 0;
  const variation_name = "fl-t-40";
  try {

    /**LIBRARY**/
    var utils = {};

    /**
     * Helper function to wait for library to load
     * @param {function} trigger - callback function to be called when lib is loaded
     */
    function waitForLibrary(trigger) {
      var INTERVAL = 50;
      var TIMEOUT = 15000;

      var interval = setInterval(function() {
        if (typeof window["ilHelpers"] != "undefined") {
          clearInterval(interval);
          trigger(window["ilHelpers"]);
        }
      }, INTERVAL);

      setTimeout(function() {
        clearInterval(interval);
      }, TIMEOUT);
    }

    const defaultTemplateSelector = '.nav .nav__section > a[href="https://www.image-line.com/fl-studio"] + .nav__links';
    const newTemplateSelector = '.c-nav-main > ul > li > a[href="https://www.image-line.com/fl-studio"] + .sub-menu';
    const submenuHTML = `<li class="nav__item ${variation_name}-nav__item"><a href="https://www.image-line.com/fl-cloud"> FL Cloud </a></li>`;

    const flLogo = `
    <img decoding="async" class="site-header__logo__fruit" src="https://www.image-line.com/static/assets/nav-logo-fruit.41db863.png">
    <svg width="997" height="170" viewBox="0 0 997 170" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M910.668 0.609131C934.941 0.609131 955.254 8.7124 971.606 24.9189C987.957 41.1255 996.133 61.0747 996.133 84.7668C996.133 108.241 987.957 
    128.154 971.606 144.506C955.326 160.858 935.45 169.033 911.976 169.033C888.211 169.033 868.153 160.894 851.801 144.615C835.449 128.335 827.273 108.641 827.273 85.5299C827.273 70.1228 830.979 55.8421 838.392 42.688C845.878 29.5338 856.052 19.2503 
    868.916 11.8374C881.779 4.35189 895.697 0.609131 910.668 0.609131ZM911.431 16.3069C899.585 16.3069 888.356 19.3956 877.746 25.573C867.135 31.7504 858.85 40.0717 852.891 50.5369C846.932 61.0021 843.952 72.6664 843.952 85.5299C843.952 104.571 
    850.529 120.668 863.683 133.822C876.91 146.904 892.826 153.445 911.431 153.445C923.858 153.445 935.341 150.429 945.879 144.397C956.489 138.365 964.738 130.116 970.625 119.651C976.584 109.186 979.564 97.5576 979.564 84.7668C979.564 72.0487 
    976.584 60.566 970.625 50.3188C964.738 39.999 956.417 31.7504 945.661 25.573C934.905 19.3956 923.495 16.3069 911.431 16.3069Z" fill="white"></path><path d="M782.495 4.64258H798.52V165H782.495V4.64258Z" fill="white"></path><path d="M619.766 
    165V4.64258H653.014C676.997 4.64258 694.403 6.56847 705.231 10.4202C720.784 15.8709 732.921 25.3186 741.642 38.7635C750.435 52.2084 754.832 68.2332 754.832 86.838C754.832 102.899 751.344 117.035 744.367 129.244C737.463 141.453 728.451 150.465 
    717.332 156.279C706.285 162.093 690.769 165 670.783 165H619.766ZM635.136 149.847H653.668C675.834 149.847 691.205 148.466 699.781 145.705C711.845 141.78 721.329 134.731 728.233 124.556C735.137 114.309 738.589 101.809 738.589 87.0561C738.589 71.5763 
    734.846 58.3494 727.361 47.3755C719.875 36.4016 709.446 28.8797 696.074 24.8099C686.045 21.7575 669.512 20.2314 646.474 20.2314H635.136V149.847Z" fill="white"></path><path d="M475.132 4.64258H491.157V101.446C491.157 112.928 491.375 120.087 491.811 
    122.921C492.61 129.244 494.464 134.549 497.371 138.837C500.278 143.052 504.747 146.613 510.779 149.52C516.811 152.355 522.88 153.772 528.984 153.772C534.29 153.772 539.377 152.645 544.246 150.392C549.115 148.139 553.185 145.014 556.455 141.017C559.726 
    137.02 562.124 132.187 563.65 126.519C564.74 122.449 565.285 114.091 565.285 101.446V4.64258H581.31V101.446C581.31 115.763 579.893 127.354 577.059 136.221C574.297 145.014 568.701 152.682 560.271 159.222C551.913 165.763 541.775 169.033 529.856 
    169.033C516.92 169.033 505.837 165.945 496.607 159.767C487.378 153.59 481.2 145.414 478.075 135.24C476.113 128.99 475.132 117.725 475.132 101.446V4.64258Z" fill="white"></path><path d="M364.728 20.2314V4.64258H452.702V20.2314H416.945V165H400.594V20.2314H364.728Z" 
    fill="white"></path><path d="M253.998 135.131L267.624 126.955C277.218 144.615 288.301 153.445 300.873 153.445C306.251 153.445 311.302 152.209 316.026 149.738C320.75 147.195 324.347 143.815 326.818 139.6C329.289 135.385 330.525 130.915 330.525 126.192C330.525 120.814 
    328.708 115.545 325.074 110.385C320.059 103.263 310.902 94.6869 297.603 84.6578C284.231 74.556 275.909 67.2521 272.639 62.7463C266.97 55.1881 264.136 47.0121 264.136 38.2185C264.136 31.2417 265.808 24.8826 269.151 19.1413C272.494 13.3999 277.181 8.89408 283.213 
    5.62371C289.318 2.28066 295.931 0.609131 303.054 0.609131C310.612 0.609131 317.661 2.49868 324.202 6.27778C330.815 9.98421 337.792 16.852 345.132 26.8812L332.051 36.8013C326.019 28.807 320.859 23.5381 316.571 20.9945C312.356 18.4508 307.741 17.179 302.727 17.179C296.258 
    17.179 290.953 19.1413 286.811 23.0657C282.741 26.9902 280.706 31.8231 280.706 37.5644C280.706 41.0528 281.433 44.4322 282.886 47.7025C284.34 50.9729 286.992 54.534 290.844 58.3858C292.952 60.4207 299.856 65.7623 311.557 74.4106C325.437 84.6578 334.958 93.7785 340.118 
    101.773C345.278 109.767 347.858 117.798 347.858 125.865C347.858 137.493 343.425 147.594 334.558 156.17C325.764 164.746 315.045 169.033 302.399 169.033C292.661 169.033 283.831 166.454 275.909 161.294C267.988 156.061 260.684 147.34 253.998 135.131Z" fill="white"></path>
    <path d="M107.755 4.64258H123.889V149.52H185.481V165H107.755V4.64258Z" fill="white"></path><path d="M0.513245 4.64258H80.8555V20.4494H16.4291V70.5952H80.8555V86.402H16.4291V165H0.513245V4.64258Z" fill="white"></path></svg>`;

    /**
     * Inserts a new submenu link into a specified parent element in the navigation menu.
     * This function first checks if the parent element specified by the selector exists and if the submenu link
     * has not already been inserted. If both conditions are true, the submenu link is added to the end of the 
     * parent element's inner HTML.
     */
    function insertSubMenuLink(selector, submenuHTML) {
      const parentElement = document.querySelector(selector);
      const existingSubmenuElement = document.querySelector(`.${variation_name}-nav__item`);
      
      if (parentElement && !existingSubmenuElement) {
        parentElement.insertAdjacentHTML('beforeend', submenuHTML);
      }
    }

    // Inserts the FL Cloud submenu link into the default template's navigation menu.
    function initDefaultTemplate() {
      insertSubMenuLink(defaultTemplateSelector, submenuHTML);
    }

    // Inserts the FL Cloud submenu link into the new template's navigation menu.
    function initNewTemplate() {
      insertSubMenuLink(newTemplateSelector, submenuHTML);
      // Update site logo
      utils.waitForElement('.c-header--logo', function(){
        const headerLogo = document.querySelector('.c-header--logo');
        headerLogo.insertAdjacentHTML('afterbegin', flLogo);
      });
    }


    // Initializes variation
    function initializeVariation() {
      if(window.location.hostname == 'support.image-line.com') {
        document.body.classList.add(variation_name+'--support');
        utils.waitForElement(newTemplateSelector, initNewTemplate);
        return;
      } else if (window.location.pathname == '/artists' || window.location.pathname == '/artists/' || window.location.pathname == '/fl-studio-news' || window.location.pathname == '/fl-studio-news/') {
        utils.waitForElement(newTemplateSelector, initNewTemplate);
        return;
      }

      if(document.body.classList.contains('page-template-default')) {
        utils.waitForElement(defaultTemplateSelector, initDefaultTemplate);
      } else if (document.body.classList.contains('page-template-templates')) {
        utils.waitForElement(newTemplateSelector, initNewTemplate)
      }
    }

    /**
     * ===============================================================================
     * Buy Now Box Section Start
     * ==============================================================================
     */

    const buyNowLeftContent = `
      <div class="${variation_name}-col ${variation_name}-col-lg-6">
        <div class="${variation_name}-content-wrapper">
          <div class="${variation_name}-content-box">
              <h2>The choice of pros</h2>
              <p>FL Studio is the go-to DAW for hitmakers like Martin Garrix, Mustard, and Boi-1da. It's a versatile and complete music production environment used to create chart-topping hits in every genre, from EDM and hip-hop to pop and beyond.
                </p>
          </div>
          <hr style="background-color:#d2d2d2;color:#d2d2d2">
          <div class="${variation_name}-content-box">
              <h2>Easy to learn, fun to master</h2>
              <p>FL Studio's intuitive interface makes it easy to dive in and start making music in minutes. And as you grow, FL Studio grows with you, offering endless possibilities for exploration and experimentation.
                </p>
          </div>
          <hr style="background-color:#d2d2d2;color:#d2d2d2">
          <div class="${variation_name}-content-box">
              <h2>Buy once, get all updates free for life</h2>
              <p>We believe in transparent and fair pricing: Others make you pay for updates every 2 years or so. With FL Studio you always get all updates, improvements, and the latest features for free - for life.
              </p>
          </div>
          </div>
      </div>
    `;

    const buyNowBoxHeader = `
    <div class="${variation_name}-top-pricing-section">
      <div class="${variation_name}-top-price__header">
        <div>
          <h2>Get everything you need to start making music today</h2>
          <p>FL Studio offers over 100 instruments and effects, a huge sound library, world famous features, and beginner-friendly tools for music composition.</p>
        </div>
      </div>
    </div>
    `;

    function initBuyNowBox () {
      const buyNowBox = document.querySelector('#buy-now-box');
      const buyNowBoxColumn = document.querySelector('#buy-now-box > div.buy-now-columns');
      buyNowBox && buyNowBox.classList.contains('is-hidden') && buyNowBox.classList.remove('is-hidden');
      buyNowBox && buyNowBox.classList.add('fl-t-40-top-pricing-section');
      buyNowBoxColumn &&buyNowBoxColumn.classList.add('fl-t-40-col-lg-6');
      buyNowBox && buyNowBox.insertAdjacentHTML('afterbegin', buyNowLeftContent);
      buyNowBox && buyNowBox.insertAdjacentHTML('beforebegin', buyNowBoxHeader)
    }

    /**
     * ===============================================================================
     * Buy Now Box Section End
     * ==============================================================================
     */

    // Wait for library and initialize experiment
    waitForLibrary(function(ilHelpers) {
      utils = ilHelpers.get("lib");
      utils.waitForElement("body", function(bodyElm) {
        if (!bodyElm.classList.contains(variation_name)) {
          bodyElm.classList.add(variation_name);
          initializeVariation();

          // update buy now button text
          utils.waitForElement('header a[href*="/fl-studio/buy-now"]', function(){
            document.querySelectorAll('header a[href*="/fl-studio/buy-now"]')
            .forEach(el => el.textContent = "Buy FL Studio");          
          });
          
          if(window.location.pathname == '/') {
            utils.waitForElement('#buy-now-box > div.buy-now-columns', initBuyNowBox);
          }
        }
      });
    });
  } catch (e) {
    if (debug) console.log(e, "error in Test" + variation_name);
  }
})();
console.log('>> js running')
}}}],"traffic_allocation":0},{"id":"1004384974","name":"V3: Hamburger","key":"1004384974-v3:-hamburger","status":"stopped","changes":[{"id":1004618879,"type":"defaultCode","data":{"js":null,"css":"","custom_js":null}},{"id":1004618880,"type":"customCode","data":{"css":"html body.fl-t-40 .nav__sections > .nav__section:has(> a[href=\"https:\/\/www.image-line.com\/fl-cloud\"]) {\r\n  display: none;\r\n}\r\nhtml body.fl-t-40 .c-nav-main > ul > .menu-item:has(> a[href=\"https:\/\/www.image-line.com\/fl-cloud\"]) {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40 .fl-t-40-hamberger-icon span:nth-child(1) {\r\n  margin-top: 0;\r\n}\r\n\r\nhtml body.fl-t-40 .fl-t-40-hamberger-icon span:nth-child(2) {\r\n  margin-top: 10px;\r\n  margin-right: 0;\r\n}\r\n\r\nhtml body.fl-t-40 .fl-t-40-hamberger-icon span:nth-child(3) {\r\n  margin-top: 20px;\r\n}\r\n\r\nhtml body.fl-t-40 .fl-t-40-hamberger-icon {\r\n  width: 2rem;\r\n  height: 1.5rem;\r\n  cursor: pointer;\r\n  margin: 0 0 0 1rem;\r\n  position: relative;\r\n  margin-top: 5px;\r\n  display: flex;\r\n}\r\n\r\nhtml body.fl-t-40:has(#container > #shop_form) .fl-t-40-hamberger-icon {\r\n  margin: 0 !important;\r\n}\r\n\r\nhtml body.fl-t-40 .fl-t-40-hamberger-icon span {\r\n  display: block;\r\n  position: absolute;\r\n  left: 0;\r\n  height: .1rem;\r\n  width: 2rem;\r\n  background-color: #FF7629;\r\n  opacity: 1;\r\n  right: 0;\r\n  transition: all 0.25s ease-in-out 0s;\r\n  transform: rotate(0deg);\r\n}\r\n\r\nhtml body.fl-t-40 .site-header__inner .nav {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40 .site-header__inner.show .nav {\r\n  display: flex;\r\n}\r\n\r\nhtml body.fl-t-40 .site-header__inner .nav + .site-header-meta {\r\n  gap: 20px;\r\n}\r\n\r\nhtml body.fl-t-40 .site-header__inner .site-header__divider {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40 .site-header__inner.show .site-header__divider {\r\n  display: flex;\r\n}\r\n\r\nhtml body.fl-t-40 .nav__sections > .nav__section.is-download-button,\r\nhtml body.fl-t-40 .nav__sections > .nav__section.is-primary-button {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40 .site-header__inner .nav > .nav__sections {\r\n  visibility: visible;\r\n}\r\n\r\nhtml body.fl-t-40.home .commercial-box__products .commercial-box__product[data-js-product=\"fruity-edition\"] {\r\n  display: block !important;\r\n}\r\n\r\n\/* new template *\/\r\n\r\nhtml body.fl-t-40 .c-header .c-nav-main {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header .c-nav-main.show {\r\n  display: flex;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header .c-header-shop {\r\n  gap: 20px;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header .c-header-shop .buy-now-wrapper,\r\nhtml body.fl-t-40 .c-header .c-header-shop .js-try-for-free-wrapper {\r\n  list-style-type: none;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header .c-header-shop .buy-now-wrapper a {\r\n  margin: 0;\r\n  font-family: 'Roboto', sans-serif;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header .c-header-shop .js-try-for-free-wrapper a {\r\n  border: 2px solid transparent;\r\n  border-radius: 27px;\r\n  padding: 0.731em 1em .731em;\r\n  font-size: 1rem;\r\n  line-height: 24px;\r\n  font-weight: 700;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header .c-header-shop .js-try-for-free-wrapper a:hover {\r\n  color: #fff;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header .c-nav-main .js-try-for-free-wrapper,\r\nhtml body.fl-t-40 .c-header .c-nav-main .buy-now-wrapper {\r\n  display: none;\r\n}\r\n\r\n\r\nhtml body.fl-t-40 .c-header .c-header-shop #btnLogin svg {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header .c-header-shop > .c-cart__wrapper {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header .c-header-shop #btnLogin span {\r\n  font-weight: 700;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header--logo {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-top: auto;\r\n  margin-bottom: auto;\r\n  gap: 7px;\r\n  border: 0;\r\n  width: unset;\r\n  height: unset;\r\n  background-image: unset;\r\n  margin: 0;\r\n  padding-right: 16px;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header--logo img {\r\n  position: relative;\r\n  top: -2px;\r\n  width: 25px;\r\n  height: auto;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header--logo svg {\r\n  width: 120px !important;\r\n  height: 81px;\r\n}\r\n\r\nhtml body.fl-t-40.fl-t-17 #menu-primary-navigation-en-1 a[href=\"https:\/\/shop.image-line.com\/\"] {\r\n  display: flex;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header .c-header-shop #btnLoginText {\r\n  margin: 0;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header-shop > .c-header-shop__button:has(span#btnLoginText.d-none) {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header .c-header-shop > li {\r\n  list-style-type: none;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header .c-header-shop > li a {\r\n  font-family: 'Open Sans', sans-serif;\r\n  color: #fff;\r\n  font-size: 1em;\r\n  line-height: 54px;\r\n  font-weight: 400;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header .c-header-shop > li a[href*=\"\/fl-studio-download\"] {\r\n  font-family: \"OpenSans-block\";\r\n  border-color: #ff7629;\r\n  color: #fff;\r\n  background-color: #ff7629;\r\n  border: 2px solid transparent;\r\n  border-radius: 27px;\r\n  padding: .325em .5em;\r\n  font-weight: 700;\r\n}\r\n\r\n\/* Support page *\/\r\n\r\nhtml body.fl-t-40--support .c-header .c-header-shop .js-try-for-free-wrapper a {\r\n  padding: .325em .5em;\r\n  font-size: 1em;\r\n  font-weight: 700;\r\n  background: #FF7629;\r\n  color: #fff;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header .c-header-shop .js-try-for-free-wrapper a:hover {\r\n  background: #ff5e03;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header .c-header-shop .buy-now-wrapper a {\r\n  color: #fff;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header .c-header-shop #login-state, \r\nhtml body.fl-t-40--support .c-header .c-header-shop #btnLoginText {\r\n  margin: 0;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header--logo svg {\r\n  height: 56px;\r\n}\r\n\r\nhtml body.fl-t-40--support  .c-header .c-nav-main > ul > li:has(a[href*=\"https:\/\/www.image-line.com\/fl-studio\/buy-now\"]), \r\nhtml body.fl-t-40--support .c-nav-main > ul > li:has( > a[href=\"https:\/\/www.image-line.com\/fl-studio-download\"]) {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header .c-header-shop .buy-now-wrapper a:hover {\r\n  color: #FF7629 !important;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header .c-header-shop #login_link svg {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-nav-main > ul > li:has(> a[href=\"https:\/\/www.image-line.com\/fl-cloud\"]) {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40 .site-header__inner .site-header-meta .cart-button.visually-visible {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header-shop #profile-dropdown {\r\n  left: unset !important;\r\n  right: -10px;\r\n  min-width: 160px !important;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header-shop #profile-dropdown {\r\n  top: 55px !important;\r\n}\r\n\r\nhtml body.fl-t-40 #profile-dropdown .profile-arrow {\r\n  left: 50px !important;\r\n}\r\n\r\n\r\n\/**---------------- Buy Now Section Start ----------------**\/\r\n\r\n.fl-t-40-top-pricing-section {\r\n  background-color: rgb(17, 26, 31);\r\n  display: flex;\r\n  flex-direction: row !important;\r\n  width: 100%;\r\n  align-items: flex-start !important;\r\n  padding-top: 0 !important;\r\n  padding-bottom: 0 !important;\r\n}\r\n\r\n.fl-t-40-top-pricing-section#buy-now-box {\r\n  padding-bottom: 60px !important;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-col-pricing {\r\n  background: white;\r\n  padding: 20px;\r\n  border-radius: 4px;\r\n}\r\n\r\n.fl-t-40-featured-artists .fl-t-40-wrapper {\r\n  padding-top: 110px;\r\n}\r\n.fl-t-40-top-pricing-section .commercial-box__products a.commercial-box__action.is-primary {\r\n  border-radius: 8px;\r\n  font-size: 19px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  line-height: 17.25px;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .commercial-box__products a.commercial-box__action.is-secondary {\r\n  border-radius: 8px;\r\n  background: #e1e1e1;\r\n  color: #000;\r\n  text-align: center;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 19px;\r\n  line-height: 17.25px;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-top-price__header {\r\n  width: 100%;\r\n  padding-bottom: 70px;\r\n  padding-top: 70px;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-top-price__header > div {\r\n  max-width: 660px;\r\n  margin: 0 auto;\r\n  text-align: center;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-top-price__header h2 {\r\n  color: white;\r\n  text-align: center;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 57px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  margin-bottom: 16px;\r\n  line-height: 70.0945px;\r\n  font-stretch: 75%;\r\n  letter-spacing: normal;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-top-price__header p {\r\n    color: #c2c4d6;\r\n  text-align: center;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: var(--step-1);\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 1.6em;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-content-wrapper {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 24px;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-content-wrapper hr {\r\n  width: 100%;\r\n  height: 1px;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-content-box {\r\n  text-align: left;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-content-box h2 {\r\n  color: white;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 19px;\r\n  font-style: normal;\r\n  font-weight: 700;\r\n  line-height: 1.6em;\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-content-box p {\r\n  color: white;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 18px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 1.6em;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-content-box a {\r\n  color: rgb(22, 24, 44);\r\n  display: inline-block;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-top-unsure__copy {\r\n  margin-top: 20px;\r\n  text-align: left;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-top-unsure__copy li {\r\n  list-style: none;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-top-unsure__copy li:first-child {\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-top-unsure__copy li h3 {\r\n  color: #16182c;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 15px;\r\n  font-style: normal;\r\n  font-weight: 700;\r\n  line-height: 150%;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-top-unsure__copy li p {\r\n  color: #16182c;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 13px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 150%;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-payment-options {\r\n  padding: 80px 0px 20px;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .commercial-box__product__cell.title .description-text {\r\n  text-align: left;\r\n  max-width: 80%;\r\n}\r\n\r\n.fl-t-40-loader-box {\r\n  height: 400px;\r\n  width: 100%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.fl-t-40-commercial-loader {\r\n  width: 60px;\r\n  height: 60px;\r\n  border: 5px solid #16182c;\r\n  border-bottom-color: transparent;\r\n  border-radius: 50%;\r\n  display: inline-block;\r\n  box-sizing: border-box;\r\n  animation: rotation 1s linear infinite;\r\n  opacity: 0.3;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .commercial-box.commercial-box--loading .fl-t-40-commercial-loader {\r\n  opacity: 1;\r\n}\r\n\r\n.fl-t-40-row {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 42px;\r\n  flex-direction: column;\r\n}\r\n\r\n@keyframes rotation {\r\n  0% {\r\n    transform: rotate(0deg);\r\n  }\r\n  100% {\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n\r\n@media screen and (min-width: 1101px) {\r\n  .fl-t-40-row {\r\n    flex-direction: row;\r\n  }\r\n}\r\n\r\n@media screen and (min-width: 1101px) {\r\n  .fl-t-40-col-lg-6 {\r\n    width: 50%;\r\n    max-width: 500px;\r\n  }\r\n}\r\n\r\n.fl-t-40 #video-container ~ .bg-container .grid:not(.is-hidden):has(> div > figure.has-w-100-pc) {\r\n  display: none;\r\n}\r\n\/**---------------- Buy Now Section End ----------------**\/","js":function(convertContext){ 
(function() {
  let debug = 0;
  const variation_name = "fl-t-40";
  try {

    /**LIBRARY**/
    var utils = {};

    /**
     * Helper function to wait for library to load
     * @param {function} trigger - callback function to be called when lib is loaded
     */
    function waitForLibrary(trigger) {
      var INTERVAL = 50;
      var TIMEOUT = 15000;

      var interval = setInterval(function() {
        if (typeof window["ilHelpers"] != "undefined") {
          clearInterval(interval);
          trigger(window["ilHelpers"]);
        }
      }, INTERVAL);

      setTimeout(function() {
        clearInterval(interval);
      }, TIMEOUT);
    }

    /**
     * ===============================================================================
     * Buy Now Box Section Start
     * ==============================================================================
     */

    const buyNowLeftContent = `
      <div class="${variation_name}-col ${variation_name}-col-lg-6">
        <div class="${variation_name}-content-wrapper">
          <div class="${variation_name}-content-box">
              <h2>The choice of pros</h2>
              <p>FL Studio is the go-to DAW for hitmakers like Martin Garrix, Mustard, and Boi-1da. It's a versatile and complete music production environment used to create chart-topping hits in every genre, from EDM and hip-hop to pop and beyond.
                </p>
          </div>
          <hr style="background-color:#d2d2d2;color:#d2d2d2">
          <div class="${variation_name}-content-box">
              <h2>Easy to learn, fun to master</h2>
              <p>FL Studio's intuitive interface makes it easy to dive in and start making music in minutes. And as you grow, FL Studio grows with you, offering endless possibilities for exploration and experimentation.
                </p>
          </div>
          <hr style="background-color:#d2d2d2;color:#d2d2d2">
          <div class="${variation_name}-content-box">
              <h2>Buy once, get all updates free for life</h2>
              <p>We believe in transparent and fair pricing: Others make you pay for updates every 2 years or so. With FL Studio you always get all updates, improvements, and the latest features for free - for life.
              </p>
          </div>
          </div>
      </div>
    `;

    const buyNowBoxHeader = `
    <div class="${variation_name}-top-pricing-section">
      <div class="${variation_name}-top-price__header">
        <div>
          <h2>Get everything you need to start making music today</h2>
          <p>FL Studio offers over 100 instruments and effects, a huge sound library, world famous features, and beginner-friendly tools for music composition.</p>
        </div>
      </div>
    </div>
    `;

    function initBuyNowBox () {
      const buyNowBox = document.querySelector('#buy-now-box');
      const buyNowBoxColumn = document.querySelector('#buy-now-box > div.buy-now-columns');
      buyNowBox && buyNowBox.classList.contains('is-hidden') && buyNowBox.classList.remove('is-hidden');
      buyNowBox && buyNowBox.classList.add('fl-t-40-top-pricing-section');
      buyNowBoxColumn &&buyNowBoxColumn.classList.add('fl-t-40-col-lg-6');
      buyNowBox && buyNowBox.insertAdjacentHTML('afterbegin', buyNowLeftContent);
      buyNowBox && buyNowBox.insertAdjacentHTML('beforebegin', buyNowBoxHeader)
    }

    /**
     * ===============================================================================
     * Buy Now Box Section End
     * ==============================================================================
     */

    const defaultTemplateSelector = '.nav .nav__section > a[href="https://www.image-line.com/fl-studio"] + .nav__links';
    const newTemplateSelector = '.c-nav-main > ul > li > a[href="https://www.image-line.com/fl-studio"] + .sub-menu';
    const submenuHTML = `<li class="nav__item ${variation_name}-nav__item"><a href="https://www.image-line.com/fl-cloud"> FL Cloud </a></li>`;

    const flLogo = `
    <img decoding="async" class="site-header__logo__fruit" src="https://www.image-line.com/static/assets/nav-logo-fruit.41db863.png">
    <svg width="997" height="170" viewBox="0 0 997 170" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M910.668 0.609131C934.941 0.609131 955.254 8.7124 971.606 24.9189C987.957 41.1255 996.133 61.0747 996.133 84.7668C996.133 108.241 987.957 
    128.154 971.606 144.506C955.326 160.858 935.45 169.033 911.976 169.033C888.211 169.033 868.153 160.894 851.801 144.615C835.449 128.335 827.273 108.641 827.273 85.5299C827.273 70.1228 830.979 55.8421 838.392 42.688C845.878 29.5338 856.052 19.2503 
    868.916 11.8374C881.779 4.35189 895.697 0.609131 910.668 0.609131ZM911.431 16.3069C899.585 16.3069 888.356 19.3956 877.746 25.573C867.135 31.7504 858.85 40.0717 852.891 50.5369C846.932 61.0021 843.952 72.6664 843.952 85.5299C843.952 104.571 
    850.529 120.668 863.683 133.822C876.91 146.904 892.826 153.445 911.431 153.445C923.858 153.445 935.341 150.429 945.879 144.397C956.489 138.365 964.738 130.116 970.625 119.651C976.584 109.186 979.564 97.5576 979.564 84.7668C979.564 72.0487 
    976.584 60.566 970.625 50.3188C964.738 39.999 956.417 31.7504 945.661 25.573C934.905 19.3956 923.495 16.3069 911.431 16.3069Z" fill="white"></path><path d="M782.495 4.64258H798.52V165H782.495V4.64258Z" fill="white"></path><path d="M619.766 
    165V4.64258H653.014C676.997 4.64258 694.403 6.56847 705.231 10.4202C720.784 15.8709 732.921 25.3186 741.642 38.7635C750.435 52.2084 754.832 68.2332 754.832 86.838C754.832 102.899 751.344 117.035 744.367 129.244C737.463 141.453 728.451 150.465 
    717.332 156.279C706.285 162.093 690.769 165 670.783 165H619.766ZM635.136 149.847H653.668C675.834 149.847 691.205 148.466 699.781 145.705C711.845 141.78 721.329 134.731 728.233 124.556C735.137 114.309 738.589 101.809 738.589 87.0561C738.589 71.5763 
    734.846 58.3494 727.361 47.3755C719.875 36.4016 709.446 28.8797 696.074 24.8099C686.045 21.7575 669.512 20.2314 646.474 20.2314H635.136V149.847Z" fill="white"></path><path d="M475.132 4.64258H491.157V101.446C491.157 112.928 491.375 120.087 491.811 
    122.921C492.61 129.244 494.464 134.549 497.371 138.837C500.278 143.052 504.747 146.613 510.779 149.52C516.811 152.355 522.88 153.772 528.984 153.772C534.29 153.772 539.377 152.645 544.246 150.392C549.115 148.139 553.185 145.014 556.455 141.017C559.726 
    137.02 562.124 132.187 563.65 126.519C564.74 122.449 565.285 114.091 565.285 101.446V4.64258H581.31V101.446C581.31 115.763 579.893 127.354 577.059 136.221C574.297 145.014 568.701 152.682 560.271 159.222C551.913 165.763 541.775 169.033 529.856 
    169.033C516.92 169.033 505.837 165.945 496.607 159.767C487.378 153.59 481.2 145.414 478.075 135.24C476.113 128.99 475.132 117.725 475.132 101.446V4.64258Z" fill="white"></path><path d="M364.728 20.2314V4.64258H452.702V20.2314H416.945V165H400.594V20.2314H364.728Z" 
    fill="white"></path><path d="M253.998 135.131L267.624 126.955C277.218 144.615 288.301 153.445 300.873 153.445C306.251 153.445 311.302 152.209 316.026 149.738C320.75 147.195 324.347 143.815 326.818 139.6C329.289 135.385 330.525 130.915 330.525 126.192C330.525 120.814 
    328.708 115.545 325.074 110.385C320.059 103.263 310.902 94.6869 297.603 84.6578C284.231 74.556 275.909 67.2521 272.639 62.7463C266.97 55.1881 264.136 47.0121 264.136 38.2185C264.136 31.2417 265.808 24.8826 269.151 19.1413C272.494 13.3999 277.181 8.89408 283.213 
    5.62371C289.318 2.28066 295.931 0.609131 303.054 0.609131C310.612 0.609131 317.661 2.49868 324.202 6.27778C330.815 9.98421 337.792 16.852 345.132 26.8812L332.051 36.8013C326.019 28.807 320.859 23.5381 316.571 20.9945C312.356 18.4508 307.741 17.179 302.727 17.179C296.258 
    17.179 290.953 19.1413 286.811 23.0657C282.741 26.9902 280.706 31.8231 280.706 37.5644C280.706 41.0528 281.433 44.4322 282.886 47.7025C284.34 50.9729 286.992 54.534 290.844 58.3858C292.952 60.4207 299.856 65.7623 311.557 74.4106C325.437 84.6578 334.958 93.7785 340.118 
    101.773C345.278 109.767 347.858 117.798 347.858 125.865C347.858 137.493 343.425 147.594 334.558 156.17C325.764 164.746 315.045 169.033 302.399 169.033C292.661 169.033 283.831 166.454 275.909 161.294C267.988 156.061 260.684 147.34 253.998 135.131Z" fill="white"></path>
    <path d="M107.755 4.64258H123.889V149.52H185.481V165H107.755V4.64258Z" fill="white"></path><path d="M0.513245 4.64258H80.8555V20.4494H16.4291V70.5952H80.8555V86.402H16.4291V165H0.513245V4.64258Z" fill="white"></path></svg>`;

    /**
     * Inserts a new submenu link into a specified parent element in the navigation menu.
     * This function first checks if the parent element specified by the selector exists and if the submenu link
     * has not already been inserted. If both conditions are true, the submenu link is added to the end of the 
     * parent element's inner HTML.
     */
    function insertSubMenuLink(selector, submenuHTML) {
      const parentElement = document.querySelector(selector);
      const existingSubmenuElement = document.querySelector(`.${variation_name}-nav__item`);
      
      if (parentElement && !existingSubmenuElement) {
        parentElement.insertAdjacentHTML('beforeend', submenuHTML);
      }
    }

    function moveBuyNowTryFreeDefault () {
      const siteHeaderMeta = document.querySelector('.site-header-meta');
      if(!document.querySelector(`${variation_name}-hamberger-icon`)) {
        const otherDownload = document.querySelector('nav > ul> li > a[href*="/fl-studio-download"]');
        const otherBuyNow = document.querySelector('nav > ul > li > a[href*="/buy-now"]');
        const buyNowTryFreeDefault = `
          <div class="${variation_name}-hamberger-icon"><span></span><span></span><span></span></div>
          ${otherDownload && otherDownload.closest('li').outerHTML}
          ${otherBuyNow && otherBuyNow.closest('li').outerHTML}
        `;
        siteHeaderMeta.insertAdjacentHTML('afterbegin', buyNowTryFreeDefault);
      }
    }

    function moveBuyNowTryFreeNew () {
      const headerShop = document.querySelector('.c-nav-main + .c-header-shop');
      if(!document.querySelector(`${variation_name}-hamberger-icon`)) {
        const otherDownload = document.querySelector('nav > ul> li > a[href*="/fl-studio-download"]');
        const otherBuyNow = document.querySelector('nav > ul > li > a[href*="/buy-now"]');
        const buyNowTryFreeNew = `
          <div class="${variation_name}-hamberger-icon"><span></span><span></span><span></span></div>
          ${otherDownload && otherDownload.closest('li').outerHTML}
          ${otherBuyNow && otherBuyNow.closest('li').outerHTML}
        `;
        headerShop && headerShop.insertAdjacentHTML('afterbegin', buyNowTryFreeNew);
      }
    }

    // Inserts the FL Cloud submenu link into the default template's navigation menu.
    function initDefaultTemplate() {
      insertSubMenuLink(defaultTemplateSelector, submenuHTML);
      moveBuyNowTryFreeDefault();
    }

    // Inserts the FL Cloud submenu link into the new template's navigation menu.
    function initNewTemplate() {
      insertSubMenuLink(newTemplateSelector, submenuHTML);
      moveBuyNowTryFreeNew();
      // Update site logo
      utils.waitForElement('.c-header--logo', function(){
        const headerLogo = document.querySelector('.c-header--logo');
        headerLogo.insertAdjacentHTML('afterbegin', flLogo);
      });
    }


    // Initializes variation
    function initializeVariation() {
      if(window.location.hostname == 'support.image-line.com') {
        document.body.classList.add(variation_name+'--support');
        utils.waitForElement(newTemplateSelector, initNewTemplate);
        return;
      } else if (window.location.pathname == '/artists' || window.location.pathname == '/artists/' || window.location.pathname == '/fl-studio-news' || window.location.pathname == '/fl-studio-news/') {
        utils.waitForElement(newTemplateSelector, initNewTemplate);
        return;
      }

      if(document.body.classList.contains('page-template-default')) {
        utils.waitForElement(defaultTemplateSelector, initDefaultTemplate);
      } else if (document.body.classList.contains('page-template-templates')) {
        utils.waitForElement(newTemplateSelector, initNewTemplate)
      }
    }

    function addEvents () {
      utils.live(`.${variation_name}-hamberger-icon`, 'click', function(e){
        e.preventDefault();
        e.stopPropagation();
        e.stopImmediatePropagation();
        var siteHeaderInner = document.querySelector('.site-header__inner');
        siteHeaderInner && siteHeaderInner.classList.toggle('show');

        var navMain = document.querySelector('.c-header .c-nav-main');
        navMain && navMain.classList.toggle('show');
      });
    }

    // Wait for library and initialize experiment
    waitForLibrary(function(ilHelpers) {
      utils = ilHelpers.get("lib");
      utils.waitForElement("body", function() {
        var bodyElm = document.querySelector("body");
        if (!bodyElm.classList.contains(variation_name)) {
          bodyElm.classList.add(variation_name);
          addEvents();
          initializeVariation();
          
          // update buy now button text
          utils.waitForElement('header a[href*="/fl-studio/buy-now"]', function(){
            document.querySelectorAll('header a[href*="/fl-studio/buy-now"]')
            .forEach(el => el.textContent = "Buy FL Studio");          
          });

          if(window.location.pathname == '/') {
            utils.waitForElement('#buy-now-box > div.buy-now-columns', initBuyNowBox);
          }
        }
      });
    });

  } catch (e) {
    if (debug) console.log(e, "error in Test" + variation_name);
  }
})();
}}}],"traffic_allocation":0},{"id":"1004384975","name":"V4: V3 with sticky nav","key":"1004384975-v4:-v3-wth-stcky-nv","status":"running","changes":[{"id":1004618881,"type":"defaultCode","data":{"js":null,"css":"","custom_js":null}},{"id":1004618882,"type":"customCode","data":{"css":"html body.fl-t-40 .nav__sections > .nav__section:has(> a[href=\"https:\/\/www.image-line.com\/fl-cloud\"]) {\r\n  display: none;\r\n}\r\nhtml body.fl-t-40 .c-nav-main > ul > .menu-item:has(> a[href=\"https:\/\/www.image-line.com\/fl-cloud\"]) {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40 .fl-t-40-hamberger-icon span:nth-child(1) {\r\n  margin-top: 0;\r\n}\r\n\r\nhtml body.fl-t-40 .fl-t-40-hamberger-icon span:nth-child(2) {\r\n  margin-top: 10px;\r\n  margin-right: 0;\r\n}\r\n\r\nhtml body.fl-t-40 .fl-t-40-hamberger-icon span:nth-child(3) {\r\n  margin-top: 20px;\r\n}\r\n\r\nhtml body.fl-t-40 .fl-t-40-hamberger-icon {\r\n  width: 2rem;\r\n  height: 1.5rem;\r\n  cursor: pointer;\r\n  margin: 0 0 0 1rem;\r\n  position: relative;\r\n  margin-top: 5px;\r\n  display: flex;\r\n}\r\n\r\nhtml body.fl-t-40:has(#container > #shop_form) .fl-t-40-hamberger-icon {\r\n  margin: 0 !important;\r\n}\r\n\r\nhtml body.fl-t-40 .fl-t-40-hamberger-icon span {\r\n  display: block;\r\n  position: absolute;\r\n  left: 0;\r\n  height: .1rem;\r\n  width: 2rem;\r\n  background-color: #FF7629;\r\n  opacity: 1;\r\n  right: 0;\r\n  transition: all 0.25s ease-in-out 0s;\r\n  transform: rotate(0deg);\r\n}\r\n\r\nhtml body.fl-t-40 .site-header__inner .nav {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40 .site-header__inner.show .nav {\r\n  display: flex;\r\n}\r\n\r\nhtml body.fl-t-40 .site-header__inner .nav + .site-header-meta {\r\n  gap: 20px;\r\n}\r\n\r\nhtml body.fl-t-40 .site-header__inner .site-header__divider {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40 .site-header__inner.show .site-header__divider {\r\n  display: flex;\r\n}\r\n\r\nhtml body.fl-t-40 .nav__sections > .nav__section.is-download-button,\r\nhtml body.fl-t-40 .nav__sections > .nav__section.is-primary-button {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40 .site-header__inner .nav > .nav__sections {\r\n  visibility: visible;\r\n}\r\n\r\nhtml body.fl-t-40.home .commercial-box__products .commercial-box__product[data-js-product=\"fruity-edition\"] {\r\n  display: block !important;\r\n}\r\n\r\n\/* new template *\/\r\n\r\nhtml body.fl-t-40 .c-header .c-nav-main {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header .c-nav-main.show {\r\n  display: flex;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header .c-header-shop {\r\n  gap: 20px;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header .c-header-shop .buy-now-wrapper,\r\nhtml body.fl-t-40 .c-header .c-header-shop .js-try-for-free-wrapper {\r\n  list-style-type: none;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header .c-header-shop .buy-now-wrapper a {\r\n  margin: 0;\r\n  font-family: 'Roboto', sans-serif;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header .c-header-shop .js-try-for-free-wrapper a {\r\n  border: 2px solid transparent;\r\n  border-radius: 27px;\r\n  padding: 0.731em 1em .731em;\r\n  font-size: 1rem;\r\n  line-height: 24px;\r\n  font-weight: 700;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header .c-header-shop .js-try-for-free-wrapper a:hover {\r\n  color: #fff;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header .c-nav-main .js-try-for-free-wrapper,\r\nhtml body.fl-t-40 .c-header .c-nav-main .buy-now-wrapper {\r\n  display: none;\r\n}\r\n\r\n\r\nhtml body.fl-t-40 .c-header .c-header-shop #btnLogin svg {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header .c-header-shop > .c-cart__wrapper {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header .c-header-shop #btnLogin span {\r\n  font-weight: 700;\r\n  margin: 0;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header--logo {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-top: auto;\r\n  margin-bottom: auto;\r\n  gap: 7px;\r\n  border: 0;\r\n  width: unset;\r\n  height: unset;\r\n  background-image: unset;\r\n  margin: 0;\r\n  padding-right: 16px;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header--logo img {\r\n  position: relative;\r\n  top: -2px;\r\n  width: 25px;\r\n  height: auto;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header--logo svg {\r\n  width: 120px !important;\r\n  height: 81px;\r\n}\r\n\r\nhtml body.fl-t-40 .content > .site-header {\r\n  position: sticky;\r\n  top: 0;\r\n}\r\n\r\nhtml body.fl-t-40.fl-t-17 #menu-primary-navigation-en-1 a[href=\"https:\/\/shop.image-line.com\/\"] {\r\n  display: flex;\r\n}\r\n\r\nhtml body.fl-t-40 .site-header__inner .site-header-meta .cart-button.visually-visible {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header-shop > .c-header-shop__button:has(span#btnLoginText.d-none) {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header .c-header-shop > li {\r\n  list-style-type: none;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header .c-header-shop > li a {\r\n  font-family: 'Open Sans', sans-serif;\r\n  color: #fff;\r\n  font-size: 1em;\r\n  line-height: 54px;\r\n  font-weight: 400;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header .c-header-shop > li a[href*=\"\/fl-studio-download\"] {\r\n  font-family: \"OpenSans-block\";\r\n  border-color: #ff7629;\r\n  color: #fff;\r\n  background-color: #ff7629;\r\n  border: 2px solid transparent;\r\n  border-radius: 27px;\r\n  padding: .325em .5em;\r\n  font-weight: 700;\r\n}\r\n\r\n\/* Support page *\/\r\n\r\nhtml body.fl-t-40--support .c-header .c-header-shop .js-try-for-free-wrapper a {\r\n  padding: .325em .5em;\r\n  font-size: 1em;\r\n  font-weight: 700;\r\n  background: #FF7629;\r\n  color: #fff;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header .c-header-shop .js-try-for-free-wrapper a:hover {\r\n  background: #ff5e03;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header .c-header-shop .buy-now-wrapper a {\r\n  color: #fff;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header .c-header-shop #login-state, \r\nhtml body.fl-t-40--support .c-header .c-header-shop #btnLoginText {\r\n  margin: 0;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header--logo svg {\r\n  height: 56px;\r\n}\r\n\r\nhtml body.fl-t-40--support  .c-header .c-nav-main > ul > li:has(a[href*=\"https:\/\/www.image-line.com\/fl-studio\/buy-now\"]), \r\nhtml body.fl-t-40--support .c-nav-main > ul > li:has( > a[href=\"https:\/\/www.image-line.com\/fl-studio-download\"]) {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header .c-header-shop .buy-now-wrapper a:hover {\r\n  color: #FF7629 !important;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header .c-header-shop #login_link svg {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-nav-main > ul > li:has(> a[href=\"https:\/\/www.image-line.com\/fl-cloud\"]) {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header-shop #profile-dropdown {\r\n  left: unset !important;\r\n  right: -10px;\r\n  min-width: 160px !important;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header-shop #profile-dropdown {\r\n  top: 55px !important;\r\n}\r\n\r\nhtml body.fl-t-40 #profile-dropdown .profile-arrow {\r\n  left: 50px !important;\r\n}\r\n\r\n\/**---------------- Buy Now Section Start ----------------**\/\r\n\r\n.fl-t-40-top-pricing-section {\r\n  background-color: rgb(17, 26, 31);\r\n  display: flex;\r\n  flex-direction: row !important;\r\n  width: 100%;\r\n  align-items: flex-start !important;\r\n  padding-top: 0 !important;\r\n  padding-bottom: 0 !important;\r\n}\r\n\r\n.fl-t-40-top-pricing-section#buy-now-box {\r\n  padding-bottom: 60px !important;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-col-pricing {\r\n  background: white;\r\n  padding: 20px;\r\n  border-radius: 4px;\r\n}\r\n\r\n.fl-t-40-featured-artists .fl-t-40-wrapper {\r\n  padding-top: 110px;\r\n}\r\n.fl-t-40-top-pricing-section .commercial-box__products a.commercial-box__action.is-primary {\r\n  border-radius: 8px;\r\n  font-size: 19px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  line-height: 17.25px;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .commercial-box__products a.commercial-box__action.is-secondary {\r\n  border-radius: 8px;\r\n  background: #e1e1e1;\r\n  color: #000;\r\n  text-align: center;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 19px;\r\n  line-height: 17.25px;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-top-price__header {\r\n  width: 100%;\r\n  padding-bottom: 70px;\r\n  padding-top: 70px;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-top-price__header > div {\r\n  max-width: 660px;\r\n  margin: 0 auto;\r\n  text-align: center;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-top-price__header h2 {\r\n  color: white;\r\n  text-align: center;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 57px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  margin-bottom: 16px;\r\n  line-height: 70.0945px;\r\n  font-stretch: 75%;\r\n  letter-spacing: normal;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-top-price__header p {\r\n    color: #c2c4d6;\r\n  text-align: center;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: var(--step-1);\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 1.6em;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-content-wrapper {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 24px;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-content-wrapper hr {\r\n  width: 100%;\r\n  height: 1px;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-content-box {\r\n  text-align: left;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-content-box h2 {\r\n  color: white;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 19px;\r\n  font-style: normal;\r\n  font-weight: 700;\r\n  line-height: 1.6em;\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-content-box p {\r\n  color: white;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 18px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 1.6em;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-content-box a {\r\n  color: rgb(22, 24, 44);\r\n  display: inline-block;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-top-unsure__copy {\r\n  margin-top: 20px;\r\n  text-align: left;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-top-unsure__copy li {\r\n  list-style: none;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-top-unsure__copy li:first-child {\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-top-unsure__copy li h3 {\r\n  color: #16182c;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 15px;\r\n  font-style: normal;\r\n  font-weight: 700;\r\n  line-height: 150%;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-top-unsure__copy li p {\r\n  color: #16182c;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 13px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 150%;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-payment-options {\r\n  padding: 80px 0px 20px;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .commercial-box__product__cell.title .description-text {\r\n  text-align: left;\r\n  max-width: 80%;\r\n}\r\n\r\n.fl-t-40-loader-box {\r\n  height: 400px;\r\n  width: 100%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.fl-t-40-commercial-loader {\r\n  width: 60px;\r\n  height: 60px;\r\n  border: 5px solid #16182c;\r\n  border-bottom-color: transparent;\r\n  border-radius: 50%;\r\n  display: inline-block;\r\n  box-sizing: border-box;\r\n  animation: rotation 1s linear infinite;\r\n  opacity: 0.3;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .commercial-box.commercial-box--loading .fl-t-40-commercial-loader {\r\n  opacity: 1;\r\n}\r\n\r\n.fl-t-40-row {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 42px;\r\n  flex-direction: column;\r\n}\r\n\r\n@keyframes rotation {\r\n  0% {\r\n    transform: rotate(0deg);\r\n  }\r\n  100% {\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n\r\n@media screen and (min-width: 1101px) {\r\n  .fl-t-40-row {\r\n    flex-direction: row;\r\n  }\r\n}\r\n\r\n@media screen and (min-width: 1101px) {\r\n  .fl-t-40-col-lg-6 {\r\n    width: 50%;\r\n    max-width: 500px;\r\n  }\r\n}\r\n\r\n.fl-t-40 #video-container ~ .bg-container .grid:not(.is-hidden):has(> div > figure.has-w-100-pc) {\r\n  display: none;\r\n}\r\n\/**---------------- Buy Now Section End ----------------**\/","js":function(convertContext){ 
(function() {
  let debug = 0;
  const variation_name = "fl-t-40";
  try {

    /**LIBRARY**/
    var utils = {};

    /**
     * Helper function to wait for library to load
     * @param {function} trigger - callback function to be called when lib is loaded
     */
    function waitForLibrary(trigger) {
      var INTERVAL = 50;
      var TIMEOUT = 15000;

      var interval = setInterval(function() {
        if (typeof window["ilHelpers"] != "undefined") {
          clearInterval(interval);
          trigger(window["ilHelpers"]);
        }
      }, INTERVAL);

      setTimeout(function() {
        clearInterval(interval);
      }, TIMEOUT);
    }

    const defaultTemplateSelector = '.nav .nav__section > a[href="https://www.image-line.com/fl-studio"] + .nav__links';
    const newTemplateSelector = '.c-nav-main > ul > li > a[href="https://www.image-line.com/fl-studio"] + .sub-menu';
    const submenuHTML = `<li class="nav__item ${variation_name}-nav__item"><a href="https://www.image-line.com/fl-cloud"> FL Cloud </a></li>`;

    const flLogo = `
    <img decoding="async" class="site-header__logo__fruit" src="https://www.image-line.com/static/assets/nav-logo-fruit.41db863.png">
    <svg width="997" height="170" viewBox="0 0 997 170" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M910.668 0.609131C934.941 0.609131 955.254 8.7124 971.606 24.9189C987.957 41.1255 996.133 61.0747 996.133 84.7668C996.133 108.241 987.957 
    128.154 971.606 144.506C955.326 160.858 935.45 169.033 911.976 169.033C888.211 169.033 868.153 160.894 851.801 144.615C835.449 128.335 827.273 108.641 827.273 85.5299C827.273 70.1228 830.979 55.8421 838.392 42.688C845.878 29.5338 856.052 19.2503 
    868.916 11.8374C881.779 4.35189 895.697 0.609131 910.668 0.609131ZM911.431 16.3069C899.585 16.3069 888.356 19.3956 877.746 25.573C867.135 31.7504 858.85 40.0717 852.891 50.5369C846.932 61.0021 843.952 72.6664 843.952 85.5299C843.952 104.571 
    850.529 120.668 863.683 133.822C876.91 146.904 892.826 153.445 911.431 153.445C923.858 153.445 935.341 150.429 945.879 144.397C956.489 138.365 964.738 130.116 970.625 119.651C976.584 109.186 979.564 97.5576 979.564 84.7668C979.564 72.0487 
    976.584 60.566 970.625 50.3188C964.738 39.999 956.417 31.7504 945.661 25.573C934.905 19.3956 923.495 16.3069 911.431 16.3069Z" fill="white"></path><path d="M782.495 4.64258H798.52V165H782.495V4.64258Z" fill="white"></path><path d="M619.766 
    165V4.64258H653.014C676.997 4.64258 694.403 6.56847 705.231 10.4202C720.784 15.8709 732.921 25.3186 741.642 38.7635C750.435 52.2084 754.832 68.2332 754.832 86.838C754.832 102.899 751.344 117.035 744.367 129.244C737.463 141.453 728.451 150.465 
    717.332 156.279C706.285 162.093 690.769 165 670.783 165H619.766ZM635.136 149.847H653.668C675.834 149.847 691.205 148.466 699.781 145.705C711.845 141.78 721.329 134.731 728.233 124.556C735.137 114.309 738.589 101.809 738.589 87.0561C738.589 71.5763 
    734.846 58.3494 727.361 47.3755C719.875 36.4016 709.446 28.8797 696.074 24.8099C686.045 21.7575 669.512 20.2314 646.474 20.2314H635.136V149.847Z" fill="white"></path><path d="M475.132 4.64258H491.157V101.446C491.157 112.928 491.375 120.087 491.811 
    122.921C492.61 129.244 494.464 134.549 497.371 138.837C500.278 143.052 504.747 146.613 510.779 149.52C516.811 152.355 522.88 153.772 528.984 153.772C534.29 153.772 539.377 152.645 544.246 150.392C549.115 148.139 553.185 145.014 556.455 141.017C559.726 
    137.02 562.124 132.187 563.65 126.519C564.74 122.449 565.285 114.091 565.285 101.446V4.64258H581.31V101.446C581.31 115.763 579.893 127.354 577.059 136.221C574.297 145.014 568.701 152.682 560.271 159.222C551.913 165.763 541.775 169.033 529.856 
    169.033C516.92 169.033 505.837 165.945 496.607 159.767C487.378 153.59 481.2 145.414 478.075 135.24C476.113 128.99 475.132 117.725 475.132 101.446V4.64258Z" fill="white"></path><path d="M364.728 20.2314V4.64258H452.702V20.2314H416.945V165H400.594V20.2314H364.728Z" 
    fill="white"></path><path d="M253.998 135.131L267.624 126.955C277.218 144.615 288.301 153.445 300.873 153.445C306.251 153.445 311.302 152.209 316.026 149.738C320.75 147.195 324.347 143.815 326.818 139.6C329.289 135.385 330.525 130.915 330.525 126.192C330.525 120.814 
    328.708 115.545 325.074 110.385C320.059 103.263 310.902 94.6869 297.603 84.6578C284.231 74.556 275.909 67.2521 272.639 62.7463C266.97 55.1881 264.136 47.0121 264.136 38.2185C264.136 31.2417 265.808 24.8826 269.151 19.1413C272.494 13.3999 277.181 8.89408 283.213 
    5.62371C289.318 2.28066 295.931 0.609131 303.054 0.609131C310.612 0.609131 317.661 2.49868 324.202 6.27778C330.815 9.98421 337.792 16.852 345.132 26.8812L332.051 36.8013C326.019 28.807 320.859 23.5381 316.571 20.9945C312.356 18.4508 307.741 17.179 302.727 17.179C296.258 
    17.179 290.953 19.1413 286.811 23.0657C282.741 26.9902 280.706 31.8231 280.706 37.5644C280.706 41.0528 281.433 44.4322 282.886 47.7025C284.34 50.9729 286.992 54.534 290.844 58.3858C292.952 60.4207 299.856 65.7623 311.557 74.4106C325.437 84.6578 334.958 93.7785 340.118 
    101.773C345.278 109.767 347.858 117.798 347.858 125.865C347.858 137.493 343.425 147.594 334.558 156.17C325.764 164.746 315.045 169.033 302.399 169.033C292.661 169.033 283.831 166.454 275.909 161.294C267.988 156.061 260.684 147.34 253.998 135.131Z" fill="white"></path>
    <path d="M107.755 4.64258H123.889V149.52H185.481V165H107.755V4.64258Z" fill="white"></path><path d="M0.513245 4.64258H80.8555V20.4494H16.4291V70.5952H80.8555V86.402H16.4291V165H0.513245V4.64258Z" fill="white"></path></svg>`;

    /**
     * Inserts a new submenu link into a specified parent element in the navigation menu.
     * This function first checks if the parent element specified by the selector exists and if the submenu link
     * has not already been inserted. If both conditions are true, the submenu link is added to the end of the 
     * parent element's inner HTML.
     */
    function insertSubMenuLink(selector, submenuHTML) {
      const parentElement = document.querySelector(selector);
      const existingSubmenuElement = document.querySelector(`.${variation_name}-nav__item`);
      
      if (parentElement && !existingSubmenuElement) {
        parentElement.insertAdjacentHTML('beforeend', submenuHTML);
      }
    }

    function moveBuyNowTryFreeDefault () {
      const siteHeaderMeta = document.querySelector('.site-header-meta');
      if(!document.querySelector(`${variation_name}-hamberger-icon`)) {
        const otherDownload = document.querySelector('nav > ul> li > a[href*="/fl-studio-download"]');
        const otherBuyNow = document.querySelector('nav > ul > li > a[href*="/buy-now"]');
        const buyNowTryFreeDefault = `
          <div class="${variation_name}-hamberger-icon"><span></span><span></span><span></span></div>
          ${otherDownload && otherDownload.closest('li').outerHTML}
          ${otherBuyNow && otherBuyNow.closest('li').outerHTML}
        `;
        siteHeaderMeta.insertAdjacentHTML('afterbegin', buyNowTryFreeDefault);
      }
    }

    function moveBuyNowTryFreeNew () {
      const headerShop = document.querySelector('.c-nav-main + .c-header-shop');
      if(!document.querySelector(`${variation_name}-hamberger-icon`)) {
        const otherDownload = document.querySelector('nav > ul> li > a[href*="/fl-studio-download"]');
        const otherBuyNow = document.querySelector('nav > ul > li > a[href*="/buy-now"]');
        const buyNowTryFreeNew = `
          <div class="${variation_name}-hamberger-icon"><span></span><span></span><span></span></div>
          ${otherDownload && otherDownload.closest('li').outerHTML}
          ${otherBuyNow && otherBuyNow.closest('li').outerHTML}
        `;
        headerShop && headerShop.insertAdjacentHTML('afterbegin', buyNowTryFreeNew);
      }
    }

    // Inserts the FL Cloud submenu link into the default template's navigation menu.
    function initDefaultTemplate() {
      insertSubMenuLink(defaultTemplateSelector, submenuHTML);
      moveBuyNowTryFreeDefault();
    }

    // Inserts the FL Cloud submenu link into the new template's navigation menu.
    function initNewTemplate() {
      insertSubMenuLink(newTemplateSelector, submenuHTML);
      moveBuyNowTryFreeNew();
      // Update site logo
      utils.waitForElement('.c-header--logo', function(){
        const headerLogo = document.querySelector('.c-header--logo');
        headerLogo.insertAdjacentHTML('afterbegin', flLogo);
      });
    }


    // Initializes variation
    function initializeVariation() {
      if(window.location.hostname == 'support.image-line.com') {
        document.body.classList.add(variation_name+'--support');
        utils.waitForElement(newTemplateSelector, initNewTemplate);
        return;
      } else if (window.location.pathname == '/artists' || window.location.pathname == '/artists/' || window.location.pathname == '/fl-studio-news' || window.location.pathname == '/fl-studio-news/') {
        utils.waitForElement(newTemplateSelector, initNewTemplate);
        return;
      }

      if(document.body.classList.contains('page-template-default')) {
        utils.waitForElement(defaultTemplateSelector, initDefaultTemplate);
      } else if (document.body.classList.contains('page-template-templates')) {
        utils.waitForElement(newTemplateSelector, initNewTemplate)
      }
    }

    function addEvents () {
      utils.live(`.${variation_name}-hamberger-icon`, 'click', function(e){
        e.preventDefault();
        e.stopPropagation();
        e.stopImmediatePropagation();
        var siteHeaderInner = document.querySelector('.site-header__inner');
        siteHeaderInner && siteHeaderInner.classList.toggle('show');

        var navMain = document.querySelector('.c-header .c-nav-main');
        navMain && navMain.classList.toggle('show');
      });
    }

    /**
     * ===============================================================================
     * Buy Now Box Section Start
     * ==============================================================================
     */

    const buyNowLeftContent = `
      <div class="${variation_name}-col ${variation_name}-col-lg-6">
        <div class="${variation_name}-content-wrapper">
          <div class="${variation_name}-content-box">
              <h2>The choice of pros</h2>
              <p>FL Studio is the go-to DAW for hitmakers like Martin Garrix, Mustard, and Boi-1da. It's a versatile and complete music production environment used to create chart-topping hits in every genre, from EDM and hip-hop to pop and beyond.
                </p>
          </div>
          <hr style="background-color:#d2d2d2;color:#d2d2d2">
          <div class="${variation_name}-content-box">
              <h2>Easy to learn, fun to master</h2>
              <p>FL Studio's intuitive interface makes it easy to dive in and start making music in minutes. And as you grow, FL Studio grows with you, offering endless possibilities for exploration and experimentation.
                </p>
          </div>
          <hr style="background-color:#d2d2d2;color:#d2d2d2">
          <div class="${variation_name}-content-box">
              <h2>Buy once, get all updates free for life</h2>
              <p>We believe in transparent and fair pricing: Others make you pay for updates every 2 years or so. With FL Studio you always get all updates, improvements, and the latest features for free - for life.
              </p>
          </div>
          </div>
      </div>
    `;

    const buyNowBoxHeader = `
    <div class="${variation_name}-top-pricing-section">
      <div class="${variation_name}-top-price__header">
        <div>
          <h2>Get everything you need to start making music today</h2>
          <p>FL Studio offers over 100 instruments and effects, a huge sound library, world famous features, and beginner-friendly tools for music composition.</p>
        </div>
      </div>
    </div>
    `;

    function initBuyNowBox () {
      const buyNowBox = document.querySelector('#buy-now-box');
      const buyNowBoxColumn = document.querySelector('#buy-now-box > div.buy-now-columns');
      buyNowBox && buyNowBox.classList.contains('is-hidden') && buyNowBox.classList.remove('is-hidden');
      buyNowBox && buyNowBox.classList.add('fl-t-40-top-pricing-section');
      buyNowBoxColumn &&buyNowBoxColumn.classList.add('fl-t-40-col-lg-6');
      buyNowBox && buyNowBox.insertAdjacentHTML('afterbegin', buyNowLeftContent);
      buyNowBox && buyNowBox.insertAdjacentHTML('beforebegin', buyNowBoxHeader)
    }

    /**
     * ===============================================================================
     * Buy Now Box Section End
     * ==============================================================================
     */

    // Wait for library and initialize experiment
    waitForLibrary(function(ilHelpers) {
      utils = ilHelpers.get("lib");
      utils.waitForElement("body", function() {
        var bodyElm = document.querySelector("body");
        if (!bodyElm.classList.contains(variation_name)) {
          bodyElm.classList.add(variation_name);
          addEvents();
          initializeVariation();
                    
          // update buy now button text
          utils.waitForElement('header a[href*="/fl-studio/buy-now"]', function(){
            document.querySelectorAll('header a[href*="/fl-studio/buy-now"]')
            .forEach(el => el.textContent = "Buy FL Studio");          
          });

          if(window.location.pathname == '/') {
            utils.waitForElement('#buy-now-box > div.buy-now-columns', initBuyNowBox);
          }
        }
      });
    });

  } catch (e) {
    if (debug) console.log(e, "error in Test" + variation_name);
  }
})();
}}}],"traffic_allocation":14.28},{"id":"1004384976","name":"V5: like V3, but hide the \u201cTry it free\u201d  button","key":"1004384976-v5:-lk-v3-bt-hd-th-tr","status":"running","changes":[{"id":1004618883,"type":"defaultCode","data":{"js":null,"css":"","custom_js":null}},{"id":1004618884,"type":"customCode","data":{"css":"html body.fl-t-40 .nav__sections > .nav__section:has(> a[href=\"https:\/\/www.image-line.com\/fl-cloud\"]) {\r\n  display: none;\r\n}\r\nhtml body.fl-t-40 .c-nav-main > ul > .menu-item:has(> a[href=\"https:\/\/www.image-line.com\/fl-cloud\"]) {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40 .fl-t-40-hamberger-icon span:nth-child(1) {\r\n  margin-top: 0;\r\n}\r\n\r\nhtml body.fl-t-40 .fl-t-40-hamberger-icon span:nth-child(2) {\r\n  margin-top: 10px;\r\n  margin-right: 0;\r\n}\r\n\r\nhtml body.fl-t-40 .fl-t-40-hamberger-icon span:nth-child(3) {\r\n  margin-top: 20px;\r\n}\r\n\r\nhtml body.fl-t-40 .fl-t-40-hamberger-icon {\r\n  width: 2rem;\r\n  height: 1.5rem;\r\n  cursor: pointer;\r\n  margin: 0 0 0 1rem;\r\n  position: relative;\r\n  margin-top: 5px;\r\n  display: flex;\r\n}\r\n\r\nhtml body.fl-t-40:has(#container > #shop_form) .fl-t-40-hamberger-icon {\r\n  margin: 0 !important;\r\n}\r\n\r\nhtml body.fl-t-40 .fl-t-40-hamberger-icon span {\r\n  display: block;\r\n  position: absolute;\r\n  left: 0;\r\n  height: .1rem;\r\n  width: 2rem;\r\n  background-color: #FF7629;\r\n  opacity: 1;\r\n  right: 0;\r\n  transition: all 0.25s ease-in-out 0s;\r\n  transform: rotate(0deg);\r\n}\r\n\r\nhtml body.fl-t-40 .site-header__inner .nav {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40 .site-header__inner.show .nav {\r\n  display: flex;\r\n}\r\n\r\nhtml body.fl-t-40 .site-header__inner .nav + .site-header-meta {\r\n  gap: 20px;\r\n}\r\n\r\nhtml body.fl-t-40 .site-header__inner .site-header__divider {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40 .site-header__inner.show .site-header__divider {\r\n  display: flex;\r\n}\r\n\r\nhtml body.fl-t-40 .nav__sections > .nav__section.is-download-button,\r\nhtml body.fl-t-40 .nav__sections > .nav__section.is-primary-button {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40 .site-header__inner .nav > .nav__sections {\r\n  visibility: visible;\r\n}\r\n\r\nhtml body.fl-t-40.home .commercial-box__products .commercial-box__product[data-js-product=\"fruity-edition\"] {\r\n  display: block !important;\r\n}\r\n\r\n\/* new template *\/\r\n\r\nhtml body.fl-t-40 .c-header .c-nav-main {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header .c-nav-main.show {\r\n  display: flex;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header .c-header-shop {\r\n  gap: 20px;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header .c-header-shop .buy-now-wrapper,\r\nhtml body.fl-t-40 .c-header .c-header-shop .js-try-for-free-wrapper {\r\n  list-style-type: none;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header .c-header-shop .buy-now-wrapper a {\r\n  margin: 0;\r\n  font-family: 'Roboto', sans-serif;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header .c-header-shop .js-try-for-free-wrapper a {\r\n  border: 2px solid transparent;\r\n  border-radius: 27px;\r\n  padding: 0.731em 1em .731em;\r\n  font-size: 1rem;\r\n  line-height: 24px;\r\n  font-weight: 700;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header .c-header-shop .js-try-for-free-wrapper a:hover {\r\n  color: #fff;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header .c-nav-main .js-try-for-free-wrapper,\r\nhtml body.fl-t-40 .c-header .c-nav-main .buy-now-wrapper {\r\n  display: none;\r\n}\r\n\r\n\r\nhtml body.fl-t-40 .c-header .c-header-shop #btnLogin svg {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header .c-header-shop > .c-cart__wrapper {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header .c-header-shop #btnLogin span {\r\n  font-weight: 700;\r\n  margin: 0;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header--logo {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-top: auto;\r\n  margin-bottom: auto;\r\n  gap: 7px;\r\n  border: 0;\r\n  width: unset;\r\n  height: unset;\r\n  background-image: unset;\r\n  margin: 0;\r\n  padding-right: 16px;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header--logo img {\r\n  position: relative;\r\n  top: -2px;\r\n  width: 25px;\r\n  height: auto;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header--logo svg {\r\n  width: 120px !important;\r\n  height: 81px;\r\n}\r\n\r\nhtml body.fl-t-40.fl-t-17 #menu-primary-navigation-en-1 a[href=\"https:\/\/shop.image-line.com\/\"] {\r\n  display: flex;\r\n}\r\n\r\nhtml body.fl-t-40 .site-header__inner .site-header-meta .cart-button.visually-visible {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header-shop > .c-header-shop__button:has(span#btnLoginText.d-none) {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header .c-header-shop > li {\r\n  list-style-type: none;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header .c-header-shop > li a {\r\n  font-family: 'Open Sans', sans-serif;\r\n  color: #fff;\r\n  font-size: 1em;\r\n  line-height: 54px;\r\n  font-weight: 400;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header .c-header-shop > li a[href*=\"\/fl-studio-download\"] {\r\n  font-family: \"OpenSans-block\";\r\n  border-color: #ff7629;\r\n  color: #fff;\r\n  background-color: #ff7629;\r\n  border: 2px solid transparent;\r\n  border-radius: 27px;\r\n  padding: .325em .5em;\r\n  font-weight: 700;\r\n}\r\n\r\n\/* Support page *\/\r\n\r\nhtml body.fl-t-40--support .c-header .c-header-shop .js-try-for-free-wrapper a {\r\n  padding: .325em .5em;\r\n  font-size: 1em;\r\n  font-weight: 700;\r\n  background: #FF7629;\r\n  color: #fff;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header .c-header-shop .js-try-for-free-wrapper a:hover {\r\n  background: #ff5e03;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header .c-header-shop .buy-now-wrapper a {\r\n  color: #fff;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header .c-header-shop #login-state, \r\nhtml body.fl-t-40--support .c-header .c-header-shop #btnLoginText {\r\n  margin: 0;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header--logo svg {\r\n  height: 56px;\r\n}\r\n\r\nhtml body.fl-t-40--support  .c-header .c-nav-main > ul > li:has(a[href*=\"https:\/\/www.image-line.com\/fl-studio\/buy-now\"]), \r\nhtml body.fl-t-40--support .c-nav-main > ul > li:has( > a[href=\"https:\/\/www.image-line.com\/fl-studio-download\"]) {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header .c-header-shop .buy-now-wrapper a:hover {\r\n  color: #FF7629 !important;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header .c-header-shop #login_link svg {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-nav-main > ul > li:has(> a[href=\"https:\/\/www.image-line.com\/fl-cloud\"]) {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header-shop #profile-dropdown {\r\n  left: unset !important;\r\n  right: -10px;\r\n  min-width: 160px !important;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header-shop #profile-dropdown {\r\n  top: 55px !important;\r\n}\r\n\r\nhtml body.fl-t-40 #profile-dropdown .profile-arrow {\r\n  left: 50px !important;\r\n}\r\n\r\n\/**---------------- Buy Now Section Start ----------------**\/\r\n\r\n.fl-t-40-top-pricing-section {\r\n  background-color: rgb(17, 26, 31);\r\n  display: flex;\r\n  flex-direction: row !important;\r\n  width: 100%;\r\n  align-items: flex-start !important;\r\n  padding-top: 0 !important;\r\n  padding-bottom: 0 !important;\r\n}\r\n\r\n.fl-t-40-top-pricing-section#buy-now-box {\r\n  padding-bottom: 60px !important;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-col-pricing {\r\n  background: white;\r\n  padding: 20px;\r\n  border-radius: 4px;\r\n}\r\n\r\n.fl-t-40-featured-artists .fl-t-40-wrapper {\r\n  padding-top: 110px;\r\n}\r\n.fl-t-40-top-pricing-section .commercial-box__products a.commercial-box__action.is-primary {\r\n  border-radius: 8px;\r\n  font-size: 19px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  line-height: 17.25px;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .commercial-box__products a.commercial-box__action.is-secondary {\r\n  border-radius: 8px;\r\n  background: #e1e1e1;\r\n  color: #000;\r\n  text-align: center;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 19px;\r\n  line-height: 17.25px;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-top-price__header {\r\n  width: 100%;\r\n  padding-bottom: 70px;\r\n  padding-top: 70px;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-top-price__header > div {\r\n  max-width: 660px;\r\n  margin: 0 auto;\r\n  text-align: center;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-top-price__header h2 {\r\n  color: white;\r\n  text-align: center;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 57px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  margin-bottom: 16px;\r\n  line-height: 70.0945px;\r\n  font-stretch: 75%;\r\n  letter-spacing: normal;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-top-price__header p {\r\n    color: #c2c4d6;\r\n  text-align: center;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: var(--step-1);\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 1.6em;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-content-wrapper {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 24px;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-content-wrapper hr {\r\n  width: 100%;\r\n  height: 1px;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-content-box {\r\n  text-align: left;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-content-box h2 {\r\n  color: white;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 19px;\r\n  font-style: normal;\r\n  font-weight: 700;\r\n  line-height: 1.6em;\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-content-box p {\r\n  color: white;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 18px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 1.6em;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-content-box a {\r\n  color: rgb(22, 24, 44);\r\n  display: inline-block;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-top-unsure__copy {\r\n  margin-top: 20px;\r\n  text-align: left;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-top-unsure__copy li {\r\n  list-style: none;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-top-unsure__copy li:first-child {\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-top-unsure__copy li h3 {\r\n  color: #16182c;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 15px;\r\n  font-style: normal;\r\n  font-weight: 700;\r\n  line-height: 150%;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-top-unsure__copy li p {\r\n  color: #16182c;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 13px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 150%;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-payment-options {\r\n  padding: 80px 0px 20px;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .commercial-box__product__cell.title .description-text {\r\n  text-align: left;\r\n  max-width: 80%;\r\n}\r\n\r\n.fl-t-40-loader-box {\r\n  height: 400px;\r\n  width: 100%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.fl-t-40-commercial-loader {\r\n  width: 60px;\r\n  height: 60px;\r\n  border: 5px solid #16182c;\r\n  border-bottom-color: transparent;\r\n  border-radius: 50%;\r\n  display: inline-block;\r\n  box-sizing: border-box;\r\n  animation: rotation 1s linear infinite;\r\n  opacity: 0.3;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .commercial-box.commercial-box--loading .fl-t-40-commercial-loader {\r\n  opacity: 1;\r\n}\r\n\r\n.fl-t-40-row {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 42px;\r\n  flex-direction: column;\r\n}\r\n\r\n@keyframes rotation {\r\n  0% {\r\n    transform: rotate(0deg);\r\n  }\r\n  100% {\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n\r\n@media screen and (min-width: 1101px) {\r\n  .fl-t-40-row {\r\n    flex-direction: row;\r\n  }\r\n}\r\n\r\n@media screen and (min-width: 1101px) {\r\n  .fl-t-40-col-lg-6 {\r\n    width: 50%;\r\n    max-width: 500px;\r\n  }\r\n}\r\n\r\n.fl-t-40 #video-container ~ .bg-container .grid:not(.is-hidden):has(> div > figure.has-w-100-pc) {\r\n  display: none;\r\n}\r\n\/**---------------- Buy Now Section End ----------------**\/","js":function(convertContext){ 
(function() {
  let debug = 0;
  const variation_name = "fl-t-40";
  try {

    /**LIBRARY**/
    var utils = {};

    /**
     * Helper function to wait for library to load
     * @param {function} trigger - callback function to be called when lib is loaded
     */
    function waitForLibrary(trigger) {
      var INTERVAL = 50;
      var TIMEOUT = 15000;

      var interval = setInterval(function() {
        if (typeof window["ilHelpers"] != "undefined") {
          clearInterval(interval);
          trigger(window["ilHelpers"]);
        }
      }, INTERVAL);

      setTimeout(function() {
        clearInterval(interval);
      }, TIMEOUT);
    }

    const defaultTemplateSelector = '.nav .nav__section > a[href="https://www.image-line.com/fl-studio"] + .nav__links';
    const newTemplateSelector = '.c-nav-main > ul > li > a[href="https://www.image-line.com/fl-studio"] + .sub-menu';
    const submenuHTML = `<li class="nav__item ${variation_name}-nav__item"><a href="https://www.image-line.com/fl-cloud"> FL Cloud </a></li>`;

    const buyNowTryFreeDefault = `
    <div class="${variation_name}-hamberger-icon"><span></span><span></span><span></span></div>
    <li class="nav__section is-primary-button"><a class="nav__label" href="https://www.image-line.com/fl-studio/buy-now"> Buy now </a></li> 
    `;

    const buyNowTryFreeNew = `
    <div class="${variation_name}-hamberger-icon"><span></span><span></span><span></span></div>
    <li class="buy-now-wrapper menu-item menu-item-type-custom menu-item-object-custom"><a href="https://www.image-line.com/fl-studio/buy-now/">Buy now</a></li>
    `;

    const flLogo = `
    <img decoding="async" class="site-header__logo__fruit" src="https://www.image-line.com/static/assets/nav-logo-fruit.41db863.png">
    <svg width="997" height="170" viewBox="0 0 997 170" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M910.668 0.609131C934.941 0.609131 955.254 8.7124 971.606 24.9189C987.957 41.1255 996.133 61.0747 996.133 84.7668C996.133 108.241 987.957 
    128.154 971.606 144.506C955.326 160.858 935.45 169.033 911.976 169.033C888.211 169.033 868.153 160.894 851.801 144.615C835.449 128.335 827.273 108.641 827.273 85.5299C827.273 70.1228 830.979 55.8421 838.392 42.688C845.878 29.5338 856.052 19.2503 
    868.916 11.8374C881.779 4.35189 895.697 0.609131 910.668 0.609131ZM911.431 16.3069C899.585 16.3069 888.356 19.3956 877.746 25.573C867.135 31.7504 858.85 40.0717 852.891 50.5369C846.932 61.0021 843.952 72.6664 843.952 85.5299C843.952 104.571 
    850.529 120.668 863.683 133.822C876.91 146.904 892.826 153.445 911.431 153.445C923.858 153.445 935.341 150.429 945.879 144.397C956.489 138.365 964.738 130.116 970.625 119.651C976.584 109.186 979.564 97.5576 979.564 84.7668C979.564 72.0487 
    976.584 60.566 970.625 50.3188C964.738 39.999 956.417 31.7504 945.661 25.573C934.905 19.3956 923.495 16.3069 911.431 16.3069Z" fill="white"></path><path d="M782.495 4.64258H798.52V165H782.495V4.64258Z" fill="white"></path><path d="M619.766 
    165V4.64258H653.014C676.997 4.64258 694.403 6.56847 705.231 10.4202C720.784 15.8709 732.921 25.3186 741.642 38.7635C750.435 52.2084 754.832 68.2332 754.832 86.838C754.832 102.899 751.344 117.035 744.367 129.244C737.463 141.453 728.451 150.465 
    717.332 156.279C706.285 162.093 690.769 165 670.783 165H619.766ZM635.136 149.847H653.668C675.834 149.847 691.205 148.466 699.781 145.705C711.845 141.78 721.329 134.731 728.233 124.556C735.137 114.309 738.589 101.809 738.589 87.0561C738.589 71.5763 
    734.846 58.3494 727.361 47.3755C719.875 36.4016 709.446 28.8797 696.074 24.8099C686.045 21.7575 669.512 20.2314 646.474 20.2314H635.136V149.847Z" fill="white"></path><path d="M475.132 4.64258H491.157V101.446C491.157 112.928 491.375 120.087 491.811 
    122.921C492.61 129.244 494.464 134.549 497.371 138.837C500.278 143.052 504.747 146.613 510.779 149.52C516.811 152.355 522.88 153.772 528.984 153.772C534.29 153.772 539.377 152.645 544.246 150.392C549.115 148.139 553.185 145.014 556.455 141.017C559.726 
    137.02 562.124 132.187 563.65 126.519C564.74 122.449 565.285 114.091 565.285 101.446V4.64258H581.31V101.446C581.31 115.763 579.893 127.354 577.059 136.221C574.297 145.014 568.701 152.682 560.271 159.222C551.913 165.763 541.775 169.033 529.856 
    169.033C516.92 169.033 505.837 165.945 496.607 159.767C487.378 153.59 481.2 145.414 478.075 135.24C476.113 128.99 475.132 117.725 475.132 101.446V4.64258Z" fill="white"></path><path d="M364.728 20.2314V4.64258H452.702V20.2314H416.945V165H400.594V20.2314H364.728Z" 
    fill="white"></path><path d="M253.998 135.131L267.624 126.955C277.218 144.615 288.301 153.445 300.873 153.445C306.251 153.445 311.302 152.209 316.026 149.738C320.75 147.195 324.347 143.815 326.818 139.6C329.289 135.385 330.525 130.915 330.525 126.192C330.525 120.814 
    328.708 115.545 325.074 110.385C320.059 103.263 310.902 94.6869 297.603 84.6578C284.231 74.556 275.909 67.2521 272.639 62.7463C266.97 55.1881 264.136 47.0121 264.136 38.2185C264.136 31.2417 265.808 24.8826 269.151 19.1413C272.494 13.3999 277.181 8.89408 283.213 
    5.62371C289.318 2.28066 295.931 0.609131 303.054 0.609131C310.612 0.609131 317.661 2.49868 324.202 6.27778C330.815 9.98421 337.792 16.852 345.132 26.8812L332.051 36.8013C326.019 28.807 320.859 23.5381 316.571 20.9945C312.356 18.4508 307.741 17.179 302.727 17.179C296.258 
    17.179 290.953 19.1413 286.811 23.0657C282.741 26.9902 280.706 31.8231 280.706 37.5644C280.706 41.0528 281.433 44.4322 282.886 47.7025C284.34 50.9729 286.992 54.534 290.844 58.3858C292.952 60.4207 299.856 65.7623 311.557 74.4106C325.437 84.6578 334.958 93.7785 340.118 
    101.773C345.278 109.767 347.858 117.798 347.858 125.865C347.858 137.493 343.425 147.594 334.558 156.17C325.764 164.746 315.045 169.033 302.399 169.033C292.661 169.033 283.831 166.454 275.909 161.294C267.988 156.061 260.684 147.34 253.998 135.131Z" fill="white"></path>
    <path d="M107.755 4.64258H123.889V149.52H185.481V165H107.755V4.64258Z" fill="white"></path><path d="M0.513245 4.64258H80.8555V20.4494H16.4291V70.5952H80.8555V86.402H16.4291V165H0.513245V4.64258Z" fill="white"></path></svg>`;

    /**
     * Inserts a new submenu link into a specified parent element in the navigation menu.
     * This function first checks if the parent element specified by the selector exists and if the submenu link
     * has not already been inserted. If both conditions are true, the submenu link is added to the end of the 
     * parent element's inner HTML.
     */
    function insertSubMenuLink(selector, submenuHTML) {
      const parentElement = document.querySelector(selector);
      const existingSubmenuElement = document.querySelector(`.${variation_name}-nav__item`);
      
      if (parentElement && !existingSubmenuElement) {
        parentElement.insertAdjacentHTML('beforeend', submenuHTML);
      }
    }

    function moveBuyNowTryFreeDefault () {
      const siteHeaderMeta = document.querySelector('.site-header-meta');
      if(!document.querySelector(`${variation_name}-hamberger-icon`)) {
        const otherDownload = document.querySelector('nav > ul> li > a[href*="/fl-studio-download"]');
        const otherBuyNow = document.querySelector('nav > ul > li > a[href*="/buy-now"]');
        const buyNowTryFreeDefault = `
          <div class="${variation_name}-hamberger-icon"><span></span><span></span><span></span></div>
          ${otherBuyNow && otherBuyNow.closest('li').outerHTML}
        `;
        siteHeaderMeta.insertAdjacentHTML('afterbegin', buyNowTryFreeDefault);
      }
    }

    function moveBuyNowTryFreeNew () {
      const headerShop = document.querySelector('.c-nav-main + .c-header-shop');
      if(!document.querySelector(`${variation_name}-hamberger-icon`)) {
        const otherDownload = document.querySelector('nav > ul> li > a[href*="/fl-studio-download"]');
        const otherBuyNow = document.querySelector('nav > ul > li > a[href*="/buy-now"]');
        const buyNowTryFreeNew = `
          <div class="${variation_name}-hamberger-icon"><span></span><span></span><span></span></div>
          ${otherBuyNow && otherBuyNow.closest('li').outerHTML}
        `;
        headerShop && headerShop.insertAdjacentHTML('afterbegin', buyNowTryFreeNew);
      }
    }

    // Inserts the FL Cloud submenu link into the default template's navigation menu.
    function initDefaultTemplate() {
      insertSubMenuLink(defaultTemplateSelector, submenuHTML);
      moveBuyNowTryFreeDefault();
    }

    // Inserts the FL Cloud submenu link into the new template's navigation menu.
    function initNewTemplate() {
      insertSubMenuLink(newTemplateSelector, submenuHTML);
      moveBuyNowTryFreeNew();
      // Update site logo
      utils.waitForElement('.c-header--logo', function(){
        const headerLogo = document.querySelector('.c-header--logo');
        headerLogo.insertAdjacentHTML('afterbegin', flLogo);
      });
    }


    // Initializes variation
    function initializeVariation() {
      if(window.location.hostname == 'support.image-line.com') {
        document.body.classList.add(variation_name+'--support');
        utils.waitForElement(newTemplateSelector, initNewTemplate);
        return;
      } else if (window.location.pathname == '/artists' || window.location.pathname == '/artists/' || window.location.pathname == '/fl-studio-news' || window.location.pathname == '/fl-studio-news/') {
        utils.waitForElement(newTemplateSelector, initNewTemplate);
        return;
      }

      if(document.body.classList.contains('page-template-default')) {
        utils.waitForElement(defaultTemplateSelector, initDefaultTemplate);
      } else if (document.body.classList.contains('page-template-templates')) {
        utils.waitForElement(newTemplateSelector, initNewTemplate)
      }
    }

    function addEvents () {
      utils.live(`.${variation_name}-hamberger-icon`, 'click', function(e){
        e.preventDefault();
        e.stopPropagation();
        e.stopImmediatePropagation();
        var siteHeaderInner = document.querySelector('.site-header__inner');
        siteHeaderInner && siteHeaderInner.classList.toggle('show');

        var navMain = document.querySelector('.c-header .c-nav-main');
        navMain && navMain.classList.toggle('show');
      });
    }


    /**
     * ===============================================================================
     * Buy Now Box Section Start
     * ==============================================================================
     */

    const buyNowLeftContent = `
      <div class="${variation_name}-col ${variation_name}-col-lg-6">
        <div class="${variation_name}-content-wrapper">
          <div class="${variation_name}-content-box">
              <h2>The choice of pros</h2>
              <p>FL Studio is the go-to DAW for hitmakers like Martin Garrix, Mustard, and Boi-1da. It's a versatile and complete music production environment used to create chart-topping hits in every genre, from EDM and hip-hop to pop and beyond.
                </p>
          </div>
          <hr style="background-color:#d2d2d2;color:#d2d2d2">
          <div class="${variation_name}-content-box">
              <h2>Easy to learn, fun to master</h2>
              <p>FL Studio's intuitive interface makes it easy to dive in and start making music in minutes. And as you grow, FL Studio grows with you, offering endless possibilities for exploration and experimentation.
                </p>
          </div>
          <hr style="background-color:#d2d2d2;color:#d2d2d2">
          <div class="${variation_name}-content-box">
              <h2>Buy once, get all updates free for life</h2>
              <p>We believe in transparent and fair pricing: Others make you pay for updates every 2 years or so. With FL Studio you always get all updates, improvements, and the latest features for free - for life.
              </p>
          </div>
          </div>
      </div>
    `;

    const buyNowBoxHeader = `
    <div class="${variation_name}-top-pricing-section">
      <div class="${variation_name}-top-price__header">
        <div>
          <h2>Get everything you need to start making music today</h2>
          <p>FL Studio offers over 100 instruments and effects, a huge sound library, world famous features, and beginner-friendly tools for music composition.</p>
        </div>
      </div>
    </div>
    `;

    function initBuyNowBox () {
      const buyNowBox = document.querySelector('#buy-now-box');
      const buyNowBoxColumn = document.querySelector('#buy-now-box > div.buy-now-columns');
      buyNowBox && buyNowBox.classList.contains('is-hidden') && buyNowBox.classList.remove('is-hidden');
      buyNowBox && buyNowBox.classList.add('fl-t-40-top-pricing-section');
      buyNowBoxColumn &&buyNowBoxColumn.classList.add('fl-t-40-col-lg-6');
      buyNowBox && buyNowBox.insertAdjacentHTML('afterbegin', buyNowLeftContent);
      buyNowBox && buyNowBox.insertAdjacentHTML('beforebegin', buyNowBoxHeader)
    }

    /**
     * ===============================================================================
     * Buy Now Box Section End
     * ==============================================================================
     */

    // Wait for library and initialize experiment
    waitForLibrary(function(ilHelpers) {
      utils = ilHelpers.get("lib");
      utils.waitForElement("body", function() {
        var bodyElm = document.querySelector("body");
        if (!bodyElm.classList.contains(variation_name)) {
          bodyElm.classList.add(variation_name);
          addEvents();
          initializeVariation();
                    
          // update buy now button text
          utils.waitForElement('header a[href*="/fl-studio/buy-now"]', function(){
            document.querySelectorAll('header a[href*="/fl-studio/buy-now"]')
            .forEach(el => el.textContent = "Buy FL Studio");          
          });

          if(window.location.pathname == '/') {
            utils.waitForElement('#buy-now-box > div.buy-now-columns', initBuyNowBox);
          }
        }
      });
    });

  } catch (e) {
    if (debug) console.log(e, "error in Test" + variation_name);
  }
})();
}}}],"traffic_allocation":14.28},{"id":"1004384977","name":"V6: Control + buy now page revamp","key":"1004384977-v6:-cntrl-by-nw-pg-rv","status":"stopped","changes":[{"id":1004618885,"type":"defaultCode","data":{"js":null,"css":"","custom_js":null}},{"id":1004618886,"type":"customCode","data":{"css":"\/**\r\n* ===============================================================================\r\n* [fl-t-40-35] FL Buy now page HL test Start\r\n* ==============================================================================\r\n*\/\r\n\r\n@import url(\"https:\/\/fonts.googleapis.com\/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Newsreader:ital,opsz,wght@0,6..72,200..800;1,6..72,200..800&display=swap\");\r\n@import url(\"https:\/\/fonts.googleapis.com\/css2?family=Open+Sans:ital,wdth,wght@0,75..100,300..800;1,75..100,300..800&display=swap\");\r\n\r\n\r\n\r\n:root {\r\n  --fl-t-40-35-bg-color: #f6f6f6;\r\n\r\n  --fl-t-40-35-color-black: #000;\r\n  --fl-t-40-35-color-white: #fff;\r\n  --fl-t-40-35-color-red: #ef5252;\r\n  --fl-t-40-35-color-orange: #ff7629;\r\n\r\n  --fl-t-40-35-step-2: 23.44px;\r\n  --fl-t-40-35-step-1: 18.75px;\r\n}\r\n\r\nhtml body.fl-t-40-35 .commercial-box__product__cell.title .description-text {\r\n  max-width: 80%;\r\n}\r\n\r\nhtml body.fl-t-40-35 .commercial-box__products .commercial-box__product.selected {\r\n  min-height: 105px;\r\n}\r\n\r\n\/* html body.fl-t-40-35:not(.fl-t-15) .commercial-box__products [data-js-product=\"producer-edition\"].commercial-box__product.selected {\r\n  min-height: 124px;\r\n} *\/\r\n\r\nhtml body .site-header__inner .nav > .nav__sections {\r\n  visibility: visible;\r\n}\r\n\r\n\/**----------- Global styles --------------**\/\r\n.fl-t-40-35-wrapper {\r\n  max-width: 1478px;\r\n  margin: 0 auto;\r\n  padding: 60px 20px;\r\n  text-align: center;\r\n}\r\n\r\n.fl-t-40-35-button {\r\n  padding: 10px 24px;\r\n  border: none;\r\n  border-radius: 50px;\r\n  cursor: pointer;\r\n  text-align: center;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 19px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  line-height: 30px;\r\n  text-decoration: none;\r\n}\r\n\r\n.fl-t-40-35-button.orange {\r\n  background-color: #ff7629;\r\n  color: white;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  margin: auto;\r\n}\r\n\r\n.fl-t-40-35-button.orange:hover {\r\n  background-image: linear-gradient(rgba(255, 255, 255, 0.1) 0 0) !important;\r\n}\r\n\r\n.fl-t-40-35-button.orange:after {\r\n  height: 1em;\r\n  width: 1em;\r\n  display: inline-block;\r\n  background-image: url(https:\/\/www.image-line.com\/static\/assets\/arrow-circled-right-ZNIVDPDX.7abc618.svg);\r\n  background-position: center;\r\n  background-size: contain;\r\n  content: \"\";\r\n  filter: invert(1);\r\n  background-repeat: no-repeat;\r\n}\r\n\r\n.fl-t-40-35-button.gray {\r\n  background-color: #e9e9e9;\r\n  color: #16182c;\r\n  text-decoration: auto;\r\n}\r\n\r\n\/* New banner css  *\/\r\n\r\n.fl-t-40-35 #buy-now-header div.wp-block-columns.buy-now-columns div.wp-block-column:last-of-type,\r\n.fl-t-40-35-hero-content + .wp-container-core-group-is-layout-1,\r\n.fl-t-40-35-hero-content + .wp-container-core-group-is-layout-1 + p,\r\n.fl-t-40-35 .wp-container-core-group-is-layout-2 > p,\r\nbody.fl-t-40-35 .content > [class^=\"wp-block\"].alignfull .wp-container-core-group-is-layout-7,\r\n.fl-t-40-35 .wp-container-core-group-is-layout-5 .wp-block-group:last-of-type,\r\n.fl-t-40-35 .wp-container-core-group-is-layout-5 hr,\r\n.fl-t-40-35 .content > .wp-block-group:not(#buy-now-header) {\r\n  display: none;\r\n}\r\n\r\nbody.fl-t-40-35 .block-sub-navigation {\r\n  background-color: #16182c;\r\n}\r\n\r\n\/* Top content on hero styling  *\/\r\nbody.fl-t-40-35 .banner-heading {\r\n  color: #16182c;\r\n  text-align: center;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 46px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  line-height: 60px;\r\n  font-stretch: 75%;\r\n  letter-spacing: normal;\r\n}\r\n\r\n.fl-t-40-35-hero-content h1 span,\r\n.fl-t-40-35 h2.banner-heading span {\r\n  border-bottom: 5px solid #f67229;\r\n}\r\n\r\n.fl-t-40-35-top-list {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin-bottom: 32px;\r\n  margin-top: 32px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 12px;\r\n}\r\n\r\n.fl-t-40-35-top-list li {\r\n  color: #000;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 16px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 175%;\r\n  position: relative;\r\n  padding-left: 30px;\r\n}\r\n\r\n.fl-t-40-35-top-list li:before {\r\n  content: \"\";\r\n  display: inline-block;\r\n  width: 24px;\r\n  height: 23px;\r\n  background-image: url(https:\/\/cdn-3.convertexperiments.com\/uf\/10049056\/10007574\/frame-139_6798c7959d630.svg);\r\n  background-size: contain;\r\n  background-repeat: no-repeat;\r\n  margin-right: 8px;\r\n  vertical-align: middle;\r\n  position: absolute;\r\n  left: 0;\r\n  top: 3px;\r\n}\r\n\r\n.fl-t-40-35-top-list li span {\r\n  border-bottom: 1px solid #ff7629;\r\n}\r\n\r\nbody.fl-t-40-35 #buy-now-header {\r\n  padding: 0;\r\n  padding-left: 20px;\r\n  padding-right: 20px;\r\n  gap: 0px;\r\n  background: url(https:\/\/cdn-3.convertexperiments.com\/uf\/10049056\/10007574\/buy-now-v4-background_681212d69a387.png);\r\n  background-size: contain;\r\n  background-position: center -108px;\r\n  background-repeat: no-repeat;\r\n  background-color: #16182c;\r\n}\r\n\r\nbody.fl-t-40-35 #buy-now-header > .buy-now-columns {\r\n  max-width: 595px;\r\n  padding: 48px 40px;\r\n  margin: 65px 0;\r\n  margin-top: 175px;\r\n}\r\n\r\nbody.fl-t-40-35 #buy-now-header > .buy-now-columns > .wp-block-column {\r\n  padding: unset;\r\n}\r\n\r\nbody.fl-t-40-35 #buy-now-header > .buy-now-columns .wp-block-column-is-layout-flow > div {\r\n  max-width: 560px;\r\n  margin: auto;\r\n  gap: 0;\r\n}\r\nbody.fl-t-40-35 .wp-container-core-group-is-layout-5 {\r\n  margin: 28px auto 0;\r\n}\r\n\r\nbody.fl-t-40-35 .wp-container-core-group-is-layout-5 .wp-block-group:first-of-type h2,\r\nbody.fl-t-40-35 .wp-container-core-group-is-layout-5 .wp-block-group:first-of-type p {\r\n  color: #16182c;\r\n  text-align: center;\r\n  font-family: \"Open Sans\";\r\n  font-size: 18px;\r\n  font-weight: 400;\r\n  line-height: 175%;\r\n  margin: auto;\r\n}\r\nbody.fl-t-40-35 .wp-container-core-group-is-layout-5 .wp-block-group:first-of-type h2 {\r\n  font-weight: 700 !important;\r\n  font-size: 16px;\r\n}\r\nbody.fl-t-40-35 .wp-container-core-group-is-layout-5 .wp-block-group:first-of-type p {\r\n  font-size: 0;\r\n}\r\nbody.fl-t-40-35 .wp-container-core-group-is-layout-5 .wp-block-group:first-of-type p::after {\r\n  content: \"Choose from four interest-free payments, delayed payment in 30 days, and other staggered payment plans.\";\r\n  font-size: 16px;\r\n  line-height: 175%;\r\n  display: block;\r\n  max-width: 422px;\r\n  margin: auto;\r\n}\r\n\r\n\/* Banner css end  *\/\r\n\r\n\/**----------------start feature sections ----------------**\/\r\n.fl-t-40-35-featured-artists {\r\n  background: var(--fl-t-40-35-bg-color);\r\n  padding: 50px auto;\r\n}\r\n\r\n.fl-t-40-35-featured-artists h2 {\r\n  max-width: 1090px;\r\n  margin: auto;\r\n  color: #16182c;\r\n  text-align: center;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 57px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  margin-bottom: 16px;\r\n  line-height: 70.0945px;\r\n  font-stretch: 75%;\r\n  letter-spacing: normal;\r\n}\r\n\r\n.fl-t-40-35-featured-artists h2 span {\r\n  border-bottom: 4px solid var(--fl-t-40-35-color-orange);\r\n  display: inline-block;\r\n}\r\n\r\n.fl-t-40-35-featured-artists p {\r\n  color: #16182c;\r\n  font-size: 23px;\r\n  font-style: normal;\r\n  margin: 16px auto 47px;\r\n  font-weight: 400;\r\n  line-height: 175%;\r\n  max-width: 890px;\r\n  text-align: center;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-tags {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 8px;\r\n  margin-bottom: 40px;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-tag {\r\n  padding: 10px 24px;\r\n  font-family: \"Open Sans\";\r\n  cursor: pointer;\r\n  border-radius: 12px;\r\n  border: 1px solid #dee0e3;\r\n  background: #fff;\r\n  color: #16182c;\r\n  text-align: center;\r\n  font-size: 16px;\r\n  font-style: normal;\r\n  font-weight: 700;\r\n  line-height: 175%;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-tag:hover,\r\n.fl-t-40-35-featured-artists .fl-t-40-35-tag.active {\r\n  color: #ff7629;\r\n  text-align: center;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 16px;\r\n  font-style: normal;\r\n  font-weight: 700;\r\n  line-height: 175%;\r\n  border-radius: 12px;\r\n  border: 1px solid #ff7629;\r\n  background: #ffefe7;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-artist-grid {\r\n  width: 100%;\r\n  margin: 0 auto;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 32px;\r\n  margin-bottom: 42px;\r\n  min-height: 1400px;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-artist-card {\r\n  width: calc(33.33% - 15px);\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-artist-card .fl-t-40-35-artist-content {\r\n  background-color: white;\r\n  border-radius: 16px;\r\n  text-align: left;\r\n  padding: 8px 8px 24px;\r\n  align-self: flex-start;\r\n  height: 100%;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-artist-card img {\r\n  width: 100%;\r\n  border-radius: 10px;\r\n  margin-bottom: 24px;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-artist-card h4 {\r\n  color: #000;\r\n  font-size: 24px;\r\n  font-style: normal;\r\n  font-weight: 700;\r\n  line-height: 175%;\r\n  padding: 0 16px;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-artist-card p {\r\n  color: #6c6c6c;\r\n  font-size: 19px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 175%;\r\n  text-align: left;\r\n  margin: 0;\r\n  padding: 0 16px;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-artist-card p b {\r\n  font-weight: 600;\r\n  color: #000;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-artist-card p strong {\r\n  color: #6c6c6c;\r\n  font-family: \"Open Sans\";\r\n  font-size: 19px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 175%;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-artist-card .fl-t-40-35-quote {\r\n  color: #000;\r\n  font-size: 19px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 150%;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-artist-card .fl-t-40-35-quote-image {\r\n  width: 60px;\r\n  height: 32px;\r\n  margin: 24px 0 8px;\r\n  padding-left: 16px;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-see-all-wrapper {\r\n  clear: both;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-see-all {\r\n  color: #16182c;\r\n  text-align: center;\r\n  font-size: 19px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  line-height: 30px;\r\n  border-radius: 400px;\r\n  background: #e9e9e9;\r\n  align-items: center;\r\n  max-width: max-content;\r\n  display: inline-flex;\r\n  gap: 12px;\r\n  padding: 10px 24px;\r\n  text-decoration: none;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-see-all:after {\r\n  height: 1em;\r\n  width: 1em;\r\n  display: inline-block;\r\n  background-image: url(https:\/\/www.image-line.com\/static\/assets\/arrow-circled-right-ZNIVDPDX.7abc618.svg);\r\n  background-position: center;\r\n  background-size: contain;\r\n  content: \"\";\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-tag.active {\r\n  align-items: center;\r\n  display: inline-flex;\r\n  gap: 8px;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-tag.active::before {\r\n  height: 24px;\r\n  width: 24px;\r\n  display: inline-block;\r\n  background-image: url(https:\/\/cdn-3.convertexperiments.com\/uf\/10049056\/10007574\/close-line_678e50472abfc.png);\r\n  background-position: center;\r\n  background-size: contain;\r\n  content: \"\";\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-see-all-wrapper .fl-t-40-35-button.orange {\r\n  margin: 20px auto 0px auto;\r\n  justify-content: center;\r\n  width: 100%;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-see-all-wrapper {\r\n  max-width: 235px;\r\n  margin: 0 auto;\r\n}\r\n\r\n@media screen and (min-width: 769px) {\r\n  .fl-t-40-35-featured-artists .fl-t-40-35-artist-card:nth-child(2) {\r\n    margin-top: 40px;\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .fl-t-40-35-featured-artists .fl-t-40-35-artist-card {\r\n    width: 100%;\r\n    margin: 10px 0px;\r\n  }\r\n\r\n  .fl-t-40-35-featured-artists .fl-t-40-35-tags {\r\n    overflow-x: auto;\r\n    scrollbar-width: none;\r\n    white-space: nowrap;\r\n    justify-content: flex-start;\r\n  }\r\n}\r\n\r\n\/**----------------end feature sections ----------------**\/\r\n\r\n\/**----------------start 7 reasons why beginners & professional producers alike love FL Studio ----------------**\/\r\n\r\n.fl-t-40-35-reasons {\r\n  background-color: #f6f6f6;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-wrapper {\r\n  padding-bottom: 120px;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-section-title {\r\n  color: #16182c;\r\n  text-align: center;\r\n  font-size: 57px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  line-height: 70px;\r\n  max-width: 1030px;\r\n  margin: auto;\r\n  font-stretch: 75%;\r\n  letter-spacing: normal;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-section-title span {\r\n  border-bottom: 4px solid #ff7629;\r\n  display: inline-block;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-reasons-grid {\r\n  display: flex;\r\n  gap: 32px;\r\n  padding-top: 40px;\r\n  flex-wrap: wrap;\r\n  justify-content: center;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-reason-card {\r\n  background-color: #fff;\r\n  border-radius: 10px;\r\n  text-align: left;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 40px;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-reason-card:nth-child(3) {\r\n  overflow: hidden;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-reason-card-4 {\r\n  width: calc(45% - 42px);\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-reason-card-6 {\r\n  width: calc(55% - 16px);\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-reason-card-6:nth-child(3) img {\r\n  margin-bottom: -50px;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-reason-card img {\r\n  max-width: 100%;\r\n  border-radius: 8px;\r\n  margin-top: auto;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-reason-title {\r\n  color: #ff7629;\r\n  font-size: 20px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 125%;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-reason-content h3 {\r\n  color: #16182c;\r\n  font-size: 46px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  line-height: 60px;\r\n  font-stretch: 75%;\r\n  letter-spacing: normal;\r\n  padding-bottom: 16px;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-reason-content p {\r\n  color: #16182c;\r\n  font-size: 18px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 175%;\r\n  padding-right: 22px;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-reason-description {\r\n  padding: 40px;\r\n  padding-bottom: 0px;\r\n}\r\n\r\n.fl-t-40-35-7-reasons .fl-t-40-35-reason-title {\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.fl-t-40-35-7-reasons .fl-t-40-35-reason-content h3 {\r\n  padding-right: 13px;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-reason-card img {\r\n  padding-left: 40px;\r\n}\r\n\r\n@media (min-width: 767px) and (max-width: 1024px) {\r\n  .fl-t-40-35-reasons .fl-t-40-35-reason-card {\r\n    width: 100% !important;\r\n  }\r\n}\r\n\r\n@media (min-width: 1025px) and (max-width: 1226px) {\r\n  .fl-t-40-35-reasons .fl-t-40-35-reasons-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n  }\r\n\r\n  .fl-t-40-35-reasons .fl-t-40-35-reason-card {\r\n    width: 100% !important;\r\n  }\r\n\r\n  .fl-t-40-35-reasons .fl-t-40-35-reason-card:nth-child(1),\r\n  .fl-t-40-35-reasons .fl-t-40-35-reason-card:nth-child(4) {\r\n    width: 100%;\r\n  }\r\n}\r\n\r\n@media (max-width: 1240px) {\r\n  .fl-t-40-35-reasons .fl-t-40-35-reason-card:nth-child(1),\r\n  .fl-t-40-35-reasons .fl-t-40-35-reason-card:nth-child(4) {\r\n    max-width: 100%;\r\n  }\r\n\r\n  .fl-t-40-35-reasons .fl-t-40-35-reason-card:nth-child(2),\r\n  .fl-t-40-35-reasons .fl-t-40-35-reason-card:nth-child(3) {\r\n    max-width: 100%;\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .fl-t-40-35-reasons .fl-t-40-35-reason-card {\r\n    width: 100% !important;\r\n  }\r\n}\r\n\r\n\/**----------------end 7 reasons why beginners & professional producers alike love FL Studio ----------------**\/\r\n\r\n\/**----------------satrt excellent learning resources ----------------**\/\r\n.fl-t-40-35-learning-resources {\r\n  text-align: center;\r\n  background-color: #fff;\r\n}\r\n\r\n.fl-t-40-35-learning-resources .fl-t-40-35-wrapper {\r\n  padding-top: 120px;\r\n}\r\n\r\n.fl-t-40-35-learning-resources .fl-t-40-35-learning-resources-title {\r\n  color: #ff7629;\r\n  font-size: 20px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 125%;\r\n}\r\n\r\n.fl-t-40-35-learning-resources h2 {\r\n  color: #16182c;\r\n  font-size: 46px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  line-height: 60px;\r\n  font-stretch: 75%;\r\n  letter-spacing: normal;\r\n}\r\n\r\n.fl-t-40-35-learning-resources-description {\r\n  border-radius: 10px;\r\n  margin: 32px 0;\r\n}\r\n\r\n.fl-t-40-35-learning-resources .fl-t-40-35-learning-details {\r\n  display: flex;\r\n  max-width: 1478px;\r\n  margin: 0 auto;\r\n  gap: 32px;\r\n  text-align: left;\r\n}\r\n\r\n.fl-t-40-35-learning-resources .fl-t-40-35-learning-detail {\r\n  background-color: #fff;\r\n  border-radius: 10px;\r\n  max-width: 336px;\r\n}\r\n\r\n.fl-t-40-35-learning-resources .fl-t-40-35-learning-detail h4 {\r\n  color: #16182c;\r\n  font-size: 18px;\r\n  font-style: normal;\r\n  font-weight: 700;\r\n  line-height: 175%;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.fl-t-40-35-learning-resources .fl-t-40-35-learning-detail p {\r\n  color: #16182c;\r\n  font-size: 18px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 175%;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .fl-t-40-35-learning-resources .fl-t-40-35-learning-details {\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    padding-bottom: 0px;\r\n  }\r\n}\r\n\r\n\/**----------------end excellent learning resources ----------------**\/\r\n\r\n\/**----------------start packed section ----------------**\/\r\n.fl-t-40-35-packed-section {\r\n  padding-top: 56px;\r\n  text-align: center;\r\n  padding-bottom: 34px;\r\n}\r\n\r\n.fl-t-40-35-packed-section h2 {\r\n  color: #16182c;\r\n  text-align: center;\r\n  font-size: 46px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  line-height: 60px;\r\n  font-stretch: 75%;\r\n  letter-spacing: normal;\r\n  margin-bottom: 20px;\r\n  max-width: 738px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.fl-t-40-35-packed-section .fl-t-40-35-packed-section-title {\r\n  color: #ff7629;\r\n  font-size: 20px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 125%;\r\n}\r\n\r\n.fl-t-40-35-packed-section .fl-t-40-35-button img {\r\n  max-width: 16px;\r\n  border-radius: 8px;\r\n  margin-left: 12px;\r\n}\r\n\r\n.fl-t-40-35-packed-section .fl-t-40-35-packed-description-wrapper {\r\n  display: flex;\r\n  margin: 40px 0;\r\n  gap: 64px;\r\n}\r\n\r\n.fl-t-40-35-packed-section .fl-t-40-35-packed-description {\r\n  flex: 1;\r\n  text-align: left;\r\n}\r\n\r\n.fl-t-40-35-packed-section .fl-t-40-35-packed-description p {\r\n  color: #16182c;\r\n  font-size: 18px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 175%;\r\n}\r\n\r\n.fl-t-40-35-packed-section .fl-t-40-35-packed-description p strong {\r\n  border-bottom: 1px solid #ff7629;\r\n}\r\n\r\n.fl-t-40-35-packed-section .see-all-plugins {\r\n  display: inline-flex;\r\n  gap: 12px;\r\n  align-items: center;\r\n  margin-bottom: 34px;\r\n}\r\n\r\n.fl-t-40-35-packed-section .see-all-plugins::after {\r\n  width: 16px;\r\n  height: 16px;\r\n  padding: 10px;\r\n  display: inline-block;\r\n  background-image: url(https:\/\/www.image-line.com\/static\/assets\/arrow-circled-right-ZNIVDPDX.7abc618.svg);\r\n  background-position: center;\r\n  background-size: contain;\r\n  content: \"\";\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .fl-t-40-35-packed-section .fl-t-40-35-packed-section {\r\n    padding-top: 40px;\r\n  }\r\n\r\n  .fl-t-40-35-packed-section .fl-t-40-35-packed-description-wrapper {\r\n    flex-direction: column;\r\n    gap: 32px;\r\n  }\r\n}\r\n\r\n\/**----------------end packed section ----------------**\/\r\n\r\n\/**----------------start buy section ----------------**\/\r\n.fl-t-40-35-buy-section {\r\n  text-align: center;\r\n}\r\n\r\n.fl-t-40-35-buy-section h2 {\r\n  font-size: 24px;\r\n  font-weight: bold;\r\n  color: #333;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.fl-t-40-35-buy-section p {\r\n  color: #16182c;\r\n  font-size: 24px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 175%;\r\n  text-align: left;\r\n}\r\n\r\n.fl-t-40-35-buy-section .fl-t-40-35-buy-buttons {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 20px;\r\n}\r\n\r\n.fl-t-40-35-buy-section .fl-t-40-35-buy-button {\r\n  text-align: center;\r\n  font-size: 19px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  line-height: 30px;\r\n  cursor: pointer;\r\n  padding: 10px 24px;\r\n  border-radius: 500px;\r\n}\r\n\r\n.fl-t-40-35-buy-section .fl-t-40-35-packed-section .fl-t-40-35-buy-button {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.fl-t-40-35-buy-section .fl-t-40-35-buy-button.orange {\r\n  background-color: #e65c21;\r\n  color: white;\r\n}\r\n.fl-t-40-35-buy-section .fl-t-40-35-button.orange {\r\n  max-width: fit-content;\r\n  margin-top: 40px;\r\n}\r\n.fl-t-40-35-buy-section .fl-t-40-35-buy-button.gray {\r\n  background-color: #e9e9e9;\r\n  color: #333;\r\n}\r\n\r\n.fl-t-40-35-buy-section .fl-t-40-35-buy-flex-wrapper {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding-top: 40px;\r\n  padding-bottom: 40px;\r\n}\r\n\r\n.fl-t-40-35-buy-section .fl-t-40-35-buy-section-title {\r\n  color: #ff7629;\r\n  font-size: 20px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 125%;\r\n  text-align: left;\r\n}\r\n\r\n.fl-t-40-35-buy-section .fl-t-40-35-buy-left-block h2 {\r\n  color: #16182c;\r\n  font-size: 46px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  line-height: 60px;\r\n  font-stretch: 75%;\r\n  letter-spacing: normal;\r\n  text-align: left;\r\n}\r\n\r\n.fl-t-40-35-buy-section .fl-t-40-35-buy-left-block h2 span {\r\n  display: inline-block;\r\n  text-decoration: underline;\r\n  text-decoration-color: #ff7629;\r\n  text-decoration-thickness: 4px;\r\n}\r\n\r\n.fl-t-40-35-buy-section .fl-t-40-35-buy-right-block {\r\n  max-width: 48%;\r\n}\r\n\r\n.fl-t-40-35-buy-section .fl-t-40-35-buy-left-block {\r\n  max-width: 35%;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .fl-t-40-35-buy-section .fl-t-40-35-buy-flex-wrapper {\r\n    padding-top: 40px;\r\n    padding-bottom: 40px;\r\n    flex-direction: column;\r\n    gap: 32px;\r\n  }\r\n\r\n  .fl-t-40-35-buy-section .fl-t-40-35-buy-right-block {\r\n    max-width: 100%;\r\n  }\r\n\r\n  .fl-t-40-35-buy-section .fl-t-40-35-buy-left-block {\r\n    max-width: 100%;\r\n  }\r\n}\r\n\r\n\/**----------------end buy section ----------------**\/\r\n\r\n\/**--------- FOP Logos -------------**\/\r\n.fl-t-40-35-payment-options {\r\n  text-align: center;\r\n  width: 100%;\r\n  padding: 70px 80px;\r\n}\r\n\r\n.fl-t-40-35-payment-options .fl-t-40-35-note {\r\n  margin-bottom: 40px;\r\n}\r\n\r\n.fl-t-40-35-payment-options .fl-t-40-35-note p b {\r\n  color: #16182c;\r\n  text-align: center;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 24px;\r\n  font-style: normal;\r\n  font-weight: 700;\r\n  line-height: 175%;\r\n}\r\n\r\n.fl-t-40-35-payment-options .fl-t-40-35-note p {\r\n  color: #16182c;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 19px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 175%;\r\n}\r\n\r\n.fl-t-40-35-payment-options .extra-note {\r\n  color: #16182c;\r\n  text-align: center;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 13px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 150%;\r\n}\r\n\r\n.fl-t-40-35-payment-options .fl-t-40-35-logos {\r\n  margin: 0 auto 16px;\r\n  padding: 0px 15px;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 20px;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  max-width: 1080px;\r\n}\r\n\r\n.fl-t-40-35-payment-options img {\r\n  height: fit-content;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .fl-t-40-35-payment-options {\r\n    padding: unset;\r\n  }\r\n  .fl-t-40-35-payment-options .fl-t-40-35-logos {\r\n    gap: 20px;\r\n    justify-content: center;\r\n  }\r\n  body.fl-t-40-35 .banner-heading {\r\n    font-size: 31px;\r\n    line-height: normal;\r\n  }\r\n}\r\n\r\n\/** footer section **\/\r\n.fl-t-40-35-footer {\r\n  background-color: #16182c !important;\r\n  padding: 2.5rem 1rem;\r\n}\r\n\r\n.fl-t-40-35-footer-content {\r\n  max-width: 1478px;\r\n  margin: 0 auto;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n}\r\n\r\n.fl-t-40-35-footer .fl-t-40-35-copyright {\r\n  opacity: 0.8;\r\n  color: white;\r\n  font-size: 1rem;\r\n  line-height: 1.625em;\r\n}\r\n\r\n.fl-t-40-35-footer .fl-t-40-35-legal-notices {\r\n  text-decoration: underline;\r\n  font-size: 1rem;\r\n  line-height: 1.625em;\r\n  font-weight: 400;\r\n  color: white;\r\n}\r\n\r\n.fl-t-40-35-footer .fl-t-40-35-legal-notices:hover {\r\n  text-decoration: none;\r\n  color: #ff7629;\r\n  outline: 0;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .fl-t-40-35-featured-artists h2,\r\n  .fl-t-40-35-top-price__header h2,\r\n  .fl-t-40-35-reasons .fl-t-40-35-section-title,\r\n  .fl-t-40-35-start-making h2,\r\n  .fl-t-40-35-pricing-tile__header h2 {\r\n    font-size: 31px;\r\n    line-height: 38px;\r\n  }\r\n\r\n  .fl-t-40-35-reasons .fl-t-40-35-reason-content h3,\r\n  .fl-t-40-35-packed-section h2,\r\n  .fl-t-40-35-buy-section .fl-t-40-35-buy-left-block h2,\r\n  .fl-t-40-35-learning-resources h2 {\r\n    font-size: 24px;\r\n    line-height: 30px;\r\n  }\r\n\r\n  .fl-t-40-35-start-image {\r\n    margin-top: 0px !important;\r\n  }\r\n\r\n  .fl-t-40-35-footer-content {\r\n    flex-direction: column-reverse;\r\n  }\r\n}\r\n\r\n\/**----------------end footer section ----------------**\/\r\n\r\n\r\n\/**----------------Buy Now page artist slider ----------------**\/\r\n\r\n.fl-t-40-35-artist-slider {\r\n  background: #f6f6f6;\r\n  padding: 60px 15px 30px;\r\n}\r\n\r\n.fl-t-40-35-artist-slider h2,\r\n.fl-t-40-35-artist-slider .artist-name {\r\n  color: #16182c;\r\n}\r\n\r\n.fl-t-40-35-buy-page .sub-navigation--inner .navigation-info {\r\n  margin: 24px auto 0px;\r\n}\r\n\r\n.fl-t-40-35-main-heading {\r\n  color: #fff;\r\n  text-align: center;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 57px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  margin: 75px 0px 45px;\r\n  line-height: 1.3;\r\n  line-height: 1.225em;\r\n  font-stretch: 75%;\r\n  letter-spacing: normal;\r\n}\r\n\r\n@media screen and (max-width: 1600px) {\r\n  body.fl-t-40-35 #buy-now-header {\r\n    background-position: center -88px;\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 1500px) {\r\n  body.fl-t-40-35 #buy-now-header {\r\n    background-position: center -66px;\r\n  }\r\n\r\n  .fl-t-40-35-main-heading {\r\n    margin: 75px 0px 18px;\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 1400px) {\r\n  body.fl-t-40-35 #buy-now-header {\r\n    background-position: center -40px;\r\n  }\r\n\r\n  .fl-t-40-35-main-heading {\r\n    margin: 75px 0px 0px;\r\n  }\r\n}\r\n\r\n\/**\r\n* ===============================================================================\r\n* [fl-t-40-35] FL Buy now page HL test End\r\n* ==============================================================================\r\n*\/","js":function(convertContext){ 
(function() {
  try {
    /* main variables */
    var debug = 0;
    var variation_name = "fl-t-40-35";

    /**LIBRARY**/
    var utils = {};

    /**
     * Helper function to wait for library to load
     * @param {function} trigger - callback function to be called when lib is loaded
     */
    function waitForLibrary(trigger) {
      var INTERVAL = 50;
      var TIMEOUT = 15000;

      var interval = setInterval(function() {
        if (typeof window["ilHelpers"] != "undefined") {
          clearInterval(interval);
          trigger(window["ilHelpers"]);
        }
      }, INTERVAL);

      setTimeout(function() {
        clearInterval(interval);
      }, TIMEOUT);
    }

    // Inject missing libraries
    function injectMasonryScript(callback) {
      var script = document.createElement("script");
      script.src = "https://cdnjs.cloudflare.com/ajax/libs/packery/2.1.2/packery.pkgd.min.js";
      script.onload = callback;
      document.head.appendChild(script);
    }

    /**
     * ==============================================================
     * Objects and data
     * ==============================================================
     */

    var headerSvg = `<svg width="997" height="170" viewBox="0 0 997 170" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M910.668 0.609131C934.941 0.609131 955.254 8.7124 971.606 24.9189C987.957 41.1255 996.133 61.0747 996.133 84.7668C996.133 108.241 987.957 128.154 971.606 144.506C955.326 160.858 935.45 169.033 911.976 169.033C888.211 169.033 868.153 160.894 851.801 144.615C835.449 128.335 827.273 108.641 827.273 85.5299C827.273 70.1228 830.979 55.8421 838.392 42.688C845.878 29.5338 856.052 19.2503 868.916 11.8374C881.779 4.35189 895.697 0.609131 910.668 0.609131ZM911.431 16.3069C899.585 16.3069 888.356 19.3956 877.746 25.573C867.135 31.7504 858.85 40.0717 852.891 50.5369C846.932 61.0021 843.952 72.6664 843.952 85.5299C843.952 104.571 850.529 120.668 863.683 133.822C876.91 146.904 892.826 153.445 911.431 153.445C923.858 153.445 935.341 150.429 945.879 144.397C956.489 138.365 964.738 130.116 970.625 119.651C976.584 109.186 979.564 97.5576 979.564 84.7668C979.564 72.0487 976.584 60.566 970.625 50.3188C964.738 39.999 956.417 31.7504 945.661 25.573C934.905 19.3956 923.495 16.3069 911.431 16.3069Z" fill="white"></path><path d="M782.495 4.64258H798.52V165H782.495V4.64258Z" fill="white"></path><path d="M619.766 165V4.64258H653.014C676.997 4.64258 694.403 6.56847 705.231 10.4202C720.784 15.8709 732.921 25.3186 741.642 38.7635C750.435 52.2084 754.832 68.2332 754.832 86.838C754.832 102.899 751.344 117.035 744.367 129.244C737.463 141.453 728.451 150.465 717.332 156.279C706.285 162.093 690.769 165 670.783 165H619.766ZM635.136 149.847H653.668C675.834 149.847 691.205 148.466 699.781 145.705C711.845 141.78 721.329 134.731 728.233 124.556C735.137 114.309 738.589 101.809 738.589 87.0561C738.589 71.5763 734.846 58.3494 727.361 47.3755C719.875 36.4016 709.446 28.8797 696.074 24.8099C686.045 21.7575 669.512 20.2314 646.474 20.2314H635.136V149.847Z" fill="white"></path><path d="M475.132 4.64258H491.157V101.446C491.157 112.928 491.375 120.087 491.811 122.921C492.61 129.244 494.464 134.549 497.371 138.837C500.278 143.052 504.747 146.613 510.779 149.52C516.811 152.355 522.88 153.772 528.984 153.772C534.29 153.772 539.377 152.645 544.246 150.392C549.115 148.139 553.185 145.014 556.455 141.017C559.726 137.02 562.124 132.187 563.65 126.519C564.74 122.449 565.285 114.091 565.285 101.446V4.64258H581.31V101.446C581.31 115.763 579.893 127.354 577.059 136.221C574.297 145.014 568.701 152.682 560.271 159.222C551.913 165.763 541.775 169.033 529.856 169.033C516.92 169.033 505.837 165.945 496.607 159.767C487.378 153.59 481.2 145.414 478.075 135.24C476.113 128.99 475.132 117.725 475.132 101.446V4.64258Z" fill="white"></path><path d="M364.728 20.2314V4.64258H452.702V20.2314H416.945V165H400.594V20.2314H364.728Z" fill="white"></path><path d="M253.998 135.131L267.624 126.955C277.218 144.615 288.301 153.445 300.873 153.445C306.251 153.445 311.302 152.209 316.026 149.738C320.75 147.195 324.347 143.815 326.818 139.6C329.289 135.385 330.525 130.915 330.525 126.192C330.525 120.814 328.708 115.545 325.074 110.385C320.059 103.263 310.902 94.6869 297.603 84.6578C284.231 74.556 275.909 67.2521 272.639 62.7463C266.97 55.1881 264.136 47.0121 264.136 38.2185C264.136 31.2417 265.808 24.8826 269.151 19.1413C272.494 13.3999 277.181 8.89408 283.213 5.62371C289.318 2.28066 295.931 0.609131 303.054 0.609131C310.612 0.609131 317.661 2.49868 324.202 6.27778C330.815 9.98421 337.792 16.852 345.132 26.8812L332.051 36.8013C326.019 28.807 320.859 23.5381 316.571 20.9945C312.356 18.4508 307.741 17.179 302.727 17.179C296.258 17.179 290.953 19.1413 286.811 23.0657C282.741 26.9902 280.706 31.8231 280.706 37.5644C280.706 41.0528 281.433 44.4322 282.886 47.7025C284.34 50.9729 286.992 54.534 290.844 58.3858C292.952 60.4207 299.856 65.7623 311.557 74.4106C325.437 84.6578 334.958 93.7785 340.118 101.773C345.278 109.767 347.858 117.798 347.858 125.865C347.858 137.493 343.425 147.594 334.558 156.17C325.764 164.746 315.045 169.033 302.399 169.033C292.661 169.033 283.831 166.454 275.909 161.294C267.988 156.061 260.684 147.34 253.998 135.131Z" fill="white"></path><path d="M107.755 4.64258H123.889V149.52H185.481V165H107.755V4.64258Z" fill="white"></path><path d="M0.513245 4.64258H80.8555V20.4494H16.4291V70.5952H80.8555V86.402H16.4291V165H0.513245V4.64258Z" fill="white"></path></svg>`;
    var defaultArtists = [
      {
        "Show on homepage?": "x",
        "Show per default on FL Studio PDP": "x",
        Name: "Martin Garrix",
        Description: '<b>4x DJ Mag #1 DJ</b>, most known for his hits "Animals", "In the Name of Love", and "Scared to Be Lonely',
        Quote: "In FL Studio it's about the workflow and the speed of programming.",
        Genre: "EDM",
        "link to more": "https://www.image-line.com/artists/martin-garrix/",
        Image: "https://www.image-line.com/static/assets/Martin-Garrix-1.jpg.696e0e0.webp",
        "Alt image": "https://www.image-line.com/wp-content/uploads/2022/07/martin_garrix.png",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "x",
        "Show per default on FL Studio PDP": "x",
        Name: "Boi-1da",
        Description: "Grammy-winning producer behind hits from <b>Drake, Eminem, Jay-Z, Nicki Minaj, Rihanna</b>, and many others",
        Quote: "I learned the basics of it within an hour.",
        Genre: "Hip Hop",
        "link to more": "https://www.image-line.com/artists/boi-1da/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/boi-1da.png",
        "Alt image": "https://www.image-line.com/wp-content/uploads/2012/01/Boi-1da-620x443-2.jpg",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "x",
        Name: "Hit-Boy",
        Description: "With hits for <b>Jay-Z, Kanye West, Eminem, Justin Bieber, Drake, Selena Gomez</b>, and more, Hit-Boy has been a <b>Grammy winner or nominee for 10 of the last 11 years</b>",
        Quote: "To be able to get a pack out with FL that's fly, that's like an athlete getting with Nike.",
        Genre: "Hip Hop",
        "link to more": "N/A",
        Image: "https://www.image-line.com/static/assets/hit-boy-1.88cec2f.jpg",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments:
          "Josh:\nAs I mentioned in my message, I don't feel we should use him for this until we have a Power User page set up for him.\n\nRich: While it woudl be ideal for him to have a page, I don't think it's a must have. His description sounds impressive, his quote is strong (taken from a video that we have/had on the homepage). Also: his image is featured all over the site.",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "x",
        Name: "Ovy On The Drums",
        Description: "Colombian producer and vocalist known for his work with artists like <b>Nicki Minaj, KAROL G, Becky G, Paulo Londra, Bad Bunny, 6ix9ine</b>, and <b>Ed Sheeran</b>",
        Quote:
          "When I went to my cousin’s house one of the guys who was there showed me FL Studio. My life changed, it was like entering another galaxy and since then FL Studio has been like my temple, my place where I disconnect and create my sound, my music, my art.",
        Genre: "Latin",
        "link to more": "https://www.image-line.com/artists/ovy-on-the-drums/",
        Image: "https://www.image-line.com/static/assets/ovy-on-the-drums-1-jpg-56d1ba3.0f7c10d.webp",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "x",
        "Show per default on FL Studio PDP": "x",
        Name: "Afrojack",
        Description: '<b>DJ Mag Top 20 DJ since 2010</b>, head of Wall Recordings, known for hits like "Take Over Control" ft. Eva Simons & "Give Me Everything" ft. Pitbull & Ne-Yo',
        Quote: "FL Studio felt really easy and intuitive, and I never stopped using it.",
        Genre: "EDM",
        "link to more": "Read more",
        Image: "",
        "Alt image": "https://www.image-line.com/static/assets/afrojack-jpg-f6c6b36.4b51030.webp",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "x",
        Name: "Madeon",
        Description:
          '<b>Grammy-nominated</b> electronic artist who rocketed to fame with his viral hit "Pop Culture" mashup all the way back in 2011 and has since released many hits and multiple albums',
        Quote: "...with the incredible depth of the software, I never feel like something isn't achievable.",
        Genre: "EDM",
        "link to more": "https://www.image-line.com/wp-content/uploads/2022/07/madeon.png",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/madeon.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
    ];

    var artistObject = [
      {
        "Show on homepage?": "x",
        "Show per default on FL Studio PDP": "x",
        Name: "Martin Garrix",
        Description: '<b>4x DJ Mag #1 DJ</b>, most known for his hits "Animals", "In the Name of Love", and "Scared to Be Lonely',
        Quote: "In FL Studio it's about the workflow and the speed of programming.",
        Genre: "EDM",
        "link to more": "https://www.image-line.com/artists/martin-garrix/",
        Image: "https://www.image-line.com/static/assets/Martin-Garrix-1.jpg.696e0e0.webp",
        "Alt image": "https://www.image-line.com/wp-content/uploads/2022/07/martin_garrix.png",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Avicii (In Memoriam)",
        Description: '<b>Legendary 2-time Grammy-nominee</b> best known for hits like "Levels", "Wake Me Up", "Hey Brother" and many others. In Memoriam <3',
        Quote: "I was introduced to FL through a friend and was hooked instantly. It’s so easy and quick to use [...] I literally couldn’t shut the program down.",
        Genre: "EDM",
        "link to more": "https://www.image-line.com/artists/avicii/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/avicii.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Afrojack",
        Description: '<b>DJ Mag Top 20 DJ since 2010</b>, head of Wall Recordings, known for hits like "Take Over Control" ft. Eva Simons & "Give Me Everything" ft. Pitbull & Ne-Yo',
        Quote: "FL Studio felt really easy and intuitive, and I never stopped using it.",
        Genre: "EDM",
        "link to more": "https://www.image-line.com/artists/afrojack/",
        Image: "https://www.image-line.com/static/assets/afrojack-jpg-f6c6b36.4b51030.webp",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Porter Robinson",
        Description: '<b>Grammy-nominated artist and 7-time DJ Mag Top 100 DJ</b>, best known hits like "Language" and his successful alternate alias Virtual Self',
        Quote: "FL Studio stood out because it was vastly more intuitive and usable...there's way too many awesome FL Studio features to list.",
        Genre: "EDM",
        "link to more": "https://www.image-line.com/artists/porter-robinson/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/porter_robinson.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "x",
        Name: "Madeon",
        Description:
          '<b>Grammy-nominated</b> electronic artist who rocketed to fame with his viral hit "Pop Culture" mashup all the way back in 2011 and has since released many hits and multiple albums',
        Quote: "...with the incredible depth of the software, I never feel like something isn't achievable.",
        Genre: "EDM",
        "link to more": "https://www.image-line.com/wp-content/uploads/2022/07/madeon.png",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/madeon.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Oliver Heldens",
        Description: 'DJ Mag top 35 DJ since 2014 & Heldeep Records label head, best known for hits like "Gecko (Overdrive)", "Turn me On", and his HI-LO pseudonym',
        Quote: "I like how I can draw my idea's in it really quick.",
        Genre: "EDM",
        "link to more": "https://www.image-line.com/artists/oliver-heldens/",
        Image: "",
        "Alt image": "https://www.image-line.com/innovaeditor/assets/oliversplash.jpg",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },

      // Hip Hop
      {
        "Show on homepage?": "x",
        "Show per default on FL Studio PDP": "x",
        Name: "Boi-1da",
        Description: "Grammy-winning producer behind hits from <b>Drake, Eminem, Jay-Z, Nicki Minaj, Rihanna</b>, and many others",
        Quote: "I learned the basics of it within an hour.",
        Genre: "Hip Hop",
        "link to more": "https://www.image-line.com/artists/boi-1da/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/boi-1da.png",
        "Alt image": "https://www.image-line.com/wp-content/uploads/2012/01/Boi-1da-620x443-2.jpg",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "x",
        "Show per default on FL Studio PDP": "",
        Name: "Murda Beatz",
        Description: '<b>Multi-platinum producer</b> behind hits like <b>Travis Scott\'s</b> "Butterfly Effect", <b>Gucci Mane\'s</b> "Back on Road", <b>Drake\'s</b> "Nice for What", and others',
        Quote: "I love my FL Studio.",
        Genre: "Hip Hop",
        "link to more": "Read more",
        Image: "",
        "Alt image": "https://www.image-line.com/static/assets/murda-beatz-1.8650ed0.jpg",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Mustard",
        Description:
          "<b>Grammy-winning, multi-platinum-selling</b> American producer, DJ, and artist, known for a slew of major hits from artists like <b>Rihanna, Tyga, Lil Dicky, Jeremih, Roddy Ricch</b>, and many others",
        Quote:
          "FL Studio means everything to my production, from how I draw my notes in, how it sounds, how I layer my drums, how I mix everything together, and most importantly, the finished product.",
        Genre: "Hip Hop",
        "link to more": "https://www.image-line.com/artists/mustard/",
        Image: "https://www.image-line.com/wp-content/uploads/2023/03/mustard.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "x",
        "Show per default on FL Studio PDP": "",
        Name: "PLUSS",
        Description: '<b>Grammy-winning, multi-platinum selling producer</b> behind hits like "HUMBLE." by <b>Kendrick Lamar</b>, "Formation" by <b>Beyonce</b>, and countless others',
        Quote: "It’s an honor to be a part of what you guys have going on. FL Studio plays a huge role in why I am who I am today. Thank you all.",
        Genre: "Hip Hop",
        "link to more": "https://www.image-line.com/artists/pluss/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/pluss.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "9th Wonder",
        Description: "<b>Grammy-winning</b> producer, record executive, and professor known for his work with <b>Kendrick Lamar, Anderson .Paak, JAY-Z, Mac Miller</b>, and others",
        Quote: "The programs we use are Cool Edit Pro and FL Studio. Those are the two programs that we use, and that's what we did the whole album on.",
        Genre: "Hip Hop",
        "link to more": "https://www.image-line.com/artists/9th-wonder/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/9th_wonder-1.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Wondagurl",
        Description: "Label head and producer behind tracks from <b>Mariah Carey, Travis Scott, Jay-Z, Drake, Kanye West</b>, and others",
        Quote: "FL means everything to my productions.",
        Genre: "Hip Hop",
        "link to more": "https://www.image-line.com/artists/wondagurl/",
        Image: "https://www.image-line.com/static/assets/wondagurl-1.a08146e.jpg",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },

      // Latin
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "x",
        Name: "Ovy On The Drums",
        Description: "Colombian producer and vocalist known for his work with artists like <b>Nicki Minaj, KAROL G, Becky G, Paulo Londra, Bad Bunny, 6ix9ine</b>, and <b>Ed Sheeran</b>",
        Quote:
          "When I went to my cousin’s house one of the guys who was there showed me FL Studio. My life changed, it was like entering another galaxy and since then FL Studio has been like my temple, my place where I disconnect and create my sound, my music, my art.",
        Genre: "Latin",
        "link to more": "https://www.image-line.com/artists/ovy-on-the-drums/",
        Image: "https://www.image-line.com/static/assets/ovy-on-the-drums-1-jpg-56d1ba3.0f7c10d.webp",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Nely (El Arma Secreta)",
        Description: "Prolific Puerto Rican reggaeton producer known for his work with artists like <b>Wisin & Yandel, Daddy Yankee</b>, and many others",
        Quote: "For me FL studio is the easiest way to project your ideas and anybody can lay out any musical ideas.",
        Genre: "Latin",
        "link to more": "https://www.image-line.com/artists/nely-arma-secreta/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/nely.png",
        "Alt image": "https://www.image-line.com/wp-content/uploads/2022/07/nely.png",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Demy & Clipz",
        Description: "<b>3-time Grammy-winning, diamond-selling</b> Canadian duo best known for their work with Bad Bunny",
        Quote:
          "[FL Studio's] intuitive interface, the easy shortcuts, the browser’s search bar, and the way we can customize our projects all make it easy to bring our ideas to life and make our workflow very fluid.",
        Genre: "Latin",
        "link to more": "Read more",
        Image: "https://www.image-line.com/wp-content/uploads/2023/05/demy.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Raymix",
        Description: 'Diamond-certified Mexican artist and <b>creator of the ElectroCumbia genre</b>, best known for the smash hit "Oye Mujer',
        Quote: "I love FL Studio because it is so fluid, easy, powerful, and the animations are beautiful.",
        Genre: "Latin",
        "link to more": "https://www.image-line.com/wp-content/uploads/2022/07/raymix.png",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/raymix.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "x",
        "Show per default on FL Studio PDP": "",
        Name: "Richy Peña",
        Description: "<b>2x Platinum, Latin Grammy-winning</b> Dominican producer who has worked on music with <b>Zion, Rihanna, Don Omar</b>, and many others",
        Quote: "Before you know it I was playing the keyboard, recording melodies on to FL Studio and creating songs.",
        Genre: "Latin",
        "link to more": "https://www.image-line.com/artists/richy-pena/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/richy_pena.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "x",
        "Show per default on FL Studio PDP": "",
        Name: "Nando Pro",
        Description: "<b>3x Multi-Platinum</b> selling producer and <b>Latin Grammy nominee</b> best known for his work with Latin artists like <b>Jacob Forever, Karol G</b>, and others",
        Quote: "FL Studio has powered almost all of my inspiration and creation -- it has always been a strong bridge between my brain and music.",
        Genre: "Latin",
        "link to more": "https://www.image-line.com/artists/nandopro/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/nando_pro.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },

      // Film, TV & Gaming
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Mick Gordon",
        Description: "Australian composer, producer, and sound designer known for his work on video games like <b>DOOM, Killer Instinct, Wolfenstein, Need for Speed</b>, and others",
        Quote: "I use it [FL Studio] for scoring, sequencing, designing sounds, and musical sound design. It's just so easy to work with, and work with quickly",
        Genre: "Film, TV & Gaming",
        "link to more": "https://www.image-line.com/artists/mick-gordon/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/mick_gordon.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Alex Moukala",
        Description: 'Italian-born music producer & composer who worked on trailers for <b>"Avengers: Endgame", "Ben-Hur"</b>, and <b>"John Wick: Chapter 2"</b>',
        Quote: "FL Studio is a godsend as it allows you to write music tremendously fast, even with just a keyboard and mouse",
        Genre: "Film, TV & Gaming",
        "link to more": "https://www.image-line.com/artists/alex-moukala/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/alex_moukala.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Big Giant Circles",
        Description: "American musician and composer best known for his work in major video game franchises such as <b>Call of Duty, Borderlands, Mass Effect,</b> and <b>Street Fighter</b>",
        Quote: "FL has always been centric to my studio. It's the cornerstone of my creative process.",
        Genre: "Film, TV & Gaming",
        "link to more": "https://www.image-line.com/artists/big-giant-circles-jimmy-hinson/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/big_giant_circles.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Joznez",
        Description: "<b>Multi-platinum</b> selling German multi-genre producer for artists like Tiesto and brands like <b>Netflix, Call of Duty, Mercedes, McDonald's</b>, and many others",
        Quote: "I've produced over 111 Releases from 45 artists on several albums with FL Studio",
        Genre: "Film, TV & Gaming",
        "link to more": "https://www.image-line.com/artists/joznez/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/joznez.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Ajurika",
        Description: "Japanese electronic music producer, composer, and songwriter best known for his work in games such as <b>Tekken</b> & <b>Ridge Racer</b>",
        Quote: "FL Studio is an amazing DAW!",
        Genre: "Film, TV & Gaming",
        "link to more": "https://www.image-line.com/artists/ajurika/",
        Image: "https://www.image-line.com/wp-content/uploads/2011/11/ajurika-square.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Zircon",
        Description: "American electronic musician, composer, and adjunct professor known for his work on games like <b>Newgrounds, Soulcaliber V,</b> & <b>Monkey Island 2</b>",
        Quote: "Trying to use any other piano roll after working in FL was like having my mouse dipped in molasses",
        Genre: "Film, TV & Gaming",
        "link to more": "https://www.image-line.com/artists/zircon/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/zircon.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },

      // Pop & Rock
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Mike Oldfield",
        Description: "<b>Grammy-winning, Golden Globe-nominated</b> British musician whose debut album Tubular Bells was the first on Virgin Records and featured in The Exorcist",
        Quote: "It is very good to see a product like FL Studio which is available to all and doesn't cost $10000000000 of dollars",
        Genre: "Pop & Rock",
        "link to more": "https://www.image-line.com/artists/mike-oldfield/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/mike_oldfield.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "MdL",
        Description: "<b>Multi-Platinum</b> selling American producer and songwriter best known for his work with <b>Justin Bieber, Maroon 5, Mike Posner</b>, and many others",
        Quote: "FL Studio is the fastest and most inspiring piece of software in my workflow.",
        Genre: "Pop & Rock",
        "link to more": "https://www.image-line.com/artists/mdl-mason-levy/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/mdl.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Jayce Lewis",
        Description: "Welsh Alternative Rock/Electronic musician who has collaborated with artists like <b>Queen</b> and <b>Gary Numan</b>, and supplied drums for FL Studio 20",
        Quote: "[FL Studio] really has become a big part of what I am as an artist.",
        Genre: "Pop & Rock",
        "link to more": "https://www.image-line.com/artists/jayce-lewis/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/jayce_lewis.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Mark Tinley",
        Description: "British guitarist, programmer, sound engineer & record producer known for his work with <b>Adamski, Duran Duran, TV Mania, Gary Numan,</b> and others",
        Quote:
          "FL has been there ever since. Pop Trash was driven by FL. In the South of France when the original members of Duran Duran reformed, FL was driving the project. [...] in fact, anything I do that requires a clear visual overlay of the beats or loops I am trying to provide has FL at its core.",
        Genre: "Pop & Rock",
        "link to more": "https://www.image-line.com/artists/mark-tinley/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/mark_tinley.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "A Skylit Drive",
        Description: "American post-hardcore band that released five studio albums and built a tremendous global following",
        Quote: "FL Studio really helps me translate my ideas to reality without headache and each version just amazes me.",
        Genre: "Pop & Rock",
        "link to more": "https://www.image-line.com/artists/kyle-simmons-a-skylit-drive/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/a_skylit_drive-1.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Skimmy",
        Description: `<b>Multi-platinum</b> seling and <b>Grammy-winning</b> American producer best known for <b>co-writing Avicii</b>'s "The Nights" and other hits with <b>Mary J. Blige, R. Kelly, Ciara</b>, and more`,
        Quote: "FL Studio is integral in my production.",
        Genre: "Pop & Rock",
        "link to more": "https://www.image-line.com/artists/skimmy/",
        Image: "https://www.image-line.com/wp-content/uploads/2010/10/infinity-square.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },

      // World
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Karan Kanchan",
        Description:
          'Massively successful <b>Indian</b> EDM & Hip Hop producer, artist, and nightlife brand co-founder known for his "J-Trap" sound and work with artists like Vince Staples, KSHMR, and others',
        Quote: "FL Studio is a powerful platform that brings all the ideas in my head to life.",
        Genre: "International",
        "link to more": "https://www.image-line.com/artists/karan-kanchan/",
        Image: "https://www.image-line.com/wp-content/uploads/2023/06/karan-square.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Kel-P",
        Description: "<b>Grammy</b>-winning <b>Nigerian</b> producer and artist best known for his extensive work with artists like <b>Burna Boy, Angélique Kidjo</b>, and <b>Wizkid</b>",
        Quote: "FL Studio is like a book for me that has guided my production journey.",
        Genre: "International",
        "link to more": "https://www.image-line.com/artists/kel-p/",
        Image: "https://www.image-line.com/wp-content/uploads/2024/05/kel-p-square.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Hiss",
        Description: "<b>South Korean</b> beatboxer and producer best known as runner-up in the Grand Beatbox Battle 2017 and winner in the Asia Beatbox Championship 2019",
        Quote: "FL Studio's convenient features allow you to realize the music you want to make.",
        Genre: "International",
        "link to more": "https://www.image-line.com/artists/hiss/",
        Image: "https://www.image-line.com/wp-content/uploads/2024/08/Hiss-Square.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Iotosh",
        Description: "<b>Grammy-nominated Jamaican</b> producer best known for his work in Reggae and Dancehall music",
        Quote: "FL Studio is the catalyst for my music career and changed my life forever.",
        Genre: "International",
        "link to more": "https://www.image-line.com/artists/iotosh/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/iotosh.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "MXRCI",
        Description: "<b>Indian</b>-born producer behind hit songs from Panjabi artists such as <b>Sidhu Moose Wala, Arjan Dhillon</b>, and others.",
        Quote: "[FL Studio] makes the process of producing music real fun, and easier, too.",
        Genre: "International",
        "link to more": "https://www.image-line.com/artists/mxrci/",
        Image: "https://www.image-line.com/wp-content/uploads/2024/10/mrxci-square.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Kareem Abdel Wahab",
        Description: "Acclaimed <b>Egyptian</b> music producer best known for his work with artists like <b>Hamza Namira, Tamer Hosny</b>, and <b>Snoop Dogg</b>.",
        Quote: "FL Studio is the best starting point for any producer because it's very fast and reliable.",
        Genre: "International",
        "link to more": "https://www.image-line.com/artists/kareem-abdel-wahab/",
        Image: "https://www.image-line.com/wp-content/uploads/2023/12/kareem-square.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
    ];

    /**
     * ==============================================================
     * HTML Content
     * ==============================================================
     */
    var reasonSection = `
         <div class="${variation_name}-reasons">
          <div class="${variation_name}-wrapper">
            <h2 class="${variation_name}-section-title"><span> 7 reasons</span> why beginners & professional producers alike love FL Studio</h2>
    
            <div class="${variation_name}-reasons-grid">
    
                <div class="${variation_name}-reason-card ${variation_name}-reason-card-4">
                <div class="${variation_name}-reason-description">
                    <div class="${variation_name}-reason-title">REASON 1</div>
                    <div class="${variation_name}-reason-content">
                        <h3>It's powerful yet easy to get started</h3>
                        <p>Beginners appreciate how intuitive it is. Advanced users love that behind every right click there's a new function or feature to discover and get creative with. This comprehensive and versatile set of tools makes it the DAW of choice for many of the most successful producers.</p>
                    </div>
                    </div>
                    <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/reason-1_678e2671af3fe.png" alt="Reason 1 Image">
                </div>
    
                <div class="${variation_name}-reason-card ${variation_name}-reason-card-6">
                <div class="${variation_name}-reason-description">
                    <div class="${variation_name}-reason-title">REASON 2</div>
                    <div class="${variation_name}-reason-content">
                        <h3>Its intuitive interface and workflow make it quick to learn</h3>
                        <p>FL Studio's well-organized yet very customizable layout, its drag-and-drop workflow and colorful and pattern-based interface is less intimidating than the traditional linear arrangement view of some DAWs.</p>
                    </div>
                    </div>
                    <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/reason-2_678e2683426c0.png" alt="Reason 2 Image">
                </div>
    
                <div class="${variation_name}-reason-card ${variation_name}-reason-card-6">
                <div class="${variation_name}-reason-description">
                    <div class="${variation_name}-reason-title">REASON 3</div>
                    <div class="${variation_name}-reason-content">
                        <h3>It feels like a playground for experimenting with sounds</h3>
                        <p>FL Studio's emphasis on pattern-based sequencing encourages you to create small musical ideas and then arrange them into a complete song. This approach can be less overwhelming than starting with a blank timeline.</p>
                    </div>
                    </div>
                    <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/reason-3_678e269237a2f.png" alt="Reason 3 Image">
                </div>
    
                <div class="${variation_name}-reason-card ${variation_name}-reason-card-4">
                <div class="${variation_name}-reason-description">
                    <div class="${variation_name}-reason-title">REASON 4</div>
                    <div class="${variation_name}-reason-content">
                        <h3>Fast and fun workflow</h3>
                        <p>FL Studio's streamlined workflow allows you to create your first beat with just a few clicks and start making music right away. The playful interface and intuitive tools encourage exploration and experimentation, making the learning process enjoyable (and kind of addictive, really).</p>
                    </div>
                    </div>
                    <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/reason-4_678e269e87b3d.png" alt="Reason 4 Image">
                </div>
            </div>
          </div>
        </div>`;

    var learningResourcesSection = `
        <div class="${variation_name}-learning-resources">
         <div class="${variation_name}-wrapper">
          <div class="${variation_name}-learning-resources-title">REASON 5</div>
          <h2>Excellent learning resources</h2>
          <div class="${variation_name}-learning-resources-description">
              <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/learning-resources_678b48f01714d.png" alt="Reason 3 Image">
    
          </div>
          <div class="${variation_name}-learning-details">
              <div class="${variation_name}-learning-detail">
                  <h4>Comprehensive help</h4>
                  <p>FL Studio comes with extensive documentation and tutorials that cover every aspect of the software.</p>
              </div>
              <div class="${variation_name}-learning-detail">
                  <h4>Abundant tutorials</h4>
                  <p>Countless YouTube channels and websites offer beginner-friendly FL Studio tutorials, making it easy to find guidance on specific topics or techniques.</p>
              </div>
              <div class="${variation_name}-learning-detail">
                  <h4>Active community</h4>
                  <p>A large and supportive online community provides answers to questions, helpful tips, and inspiration – and you often even get to communicate directly with FL Studio developers.</p>
              </div>
              <div class="${variation_name}-learning-detail">
                  <h4>Expert support</h4>
                  <p>Our support is staffed with long-time FL Studio users and fellow musicians who offer personalized solutions, not just generic replies.</p>
              </div>
          </div>
          </div> 
        </div>`;

    var packedAndBuySection = `
        <div class="${variation_name}-packed-section ${variation_name}-wrapper">
            <div class="${variation_name}-packed-section-title">REASON 6</div>
            <h2>It comes packed with everything you need to make music</h2>
            <div class="${variation_name}-packed-description-wrapper">
              <div class="${variation_name}-packed-description">
                <p>FL Studio includes <strong>100+ versatile and iconic plugins</strong> (only available in FL Studio) and a high-quality <strong>sound library</strong> comprising 25,000 sample sounds and 6000 playable presets – from grand pianos to hip hop beats to pan flutes.</p>
              </div>
              <div class="${variation_name}-packed-description">
                <p><strong>Need even more?</strong> Record your own instruments or vocals. Or add thousands of 3rd-party plugins – paid and free – opening up a world of more high-quality instrument options.</p>
              </div>
            </div>
            <a href="/fl-studio/compare-editions/" class="${variation_name}-button gray see-all-plugins">See all included plugins</a>
             <div class="${variation_name}-img-wrapper">
                <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/image-23-2_678b485d46df3.png" alt="Reason 7 Image">
             </div>
            </div>
            <div class="${variation_name}-buy-section ${variation_name}-wrapper">
              <div class="${variation_name}-buy-flex-wrapper">  
                <div class="${variation_name}-buy-left-block">
                    <div class="${variation_name}-buy-section-title">REASON 7</div>
                    <h2>Buy FL Studio now and get <span>Lifetime</span> <span>Free</span> <span>Updates</span></h2>
                </div> 
                <div class="${variation_name}-buy-right-block">
                    <p>Other DAWs make you pay ~$200 for updates every 2 years. With FL Studio you always get the latest version with bug fixes, updates, new features and sometimes even high-quality new plugins at no extra cost. We’ve held this promise for 25 years!</p>
                </div>
              </div>
              <a class="${variation_name}-button orange" href="https://www.image-line.com/fl-studio/buy-now/">Buy Now</a>
    
            </div>
    
        </div>`;

    var fopLogos = `
        <div class="${variation_name}-payment-options">
         <div class="${variation_name}-payment__wrapper">
            <div class="${variation_name}-logos">
              <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/group-7_678b4821bf501.png" alt="PayPal" width="119.593" height="29.667">
              <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/vector-4_678b48cd5113e.png" alt="Klarna" width="110.999" height="25.316">
              <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/vector-5_678b48d9b5174.png" alt="Apple Pay" width="79.841" height="33.105">
              <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/image-22_678b48431e2dd.png" alt="Google Pay" width="85.683" height="37">
              <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/image-21-1_678b48362e69b.png" alt="Amazon Pay" width="58.42" height="37">
              <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/group-4_678b47fe27256.png" alt="MasterCard" width="48.026" height="36.999">
              <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/group-6_678b480f1948a.png" alt="Visa" width="89.817" height="27.284">
              <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/amex_678b47ddacbd6.png" alt="American Express" width="54.526" height="37">
            </div>
            <p class="${variation_name}-extra-note extra-note ">30+ payment providers. Some payment plans might only be available in certain regions.</p>
          </div>  
        </div>`;

    // Helper function to create individual artist card HTML
    function createArtistCard(artist) {
      return `
          <div class="${variation_name}-artist-card" data-genre-key="${artist.Genre}">
              <div class="${variation_name}-artist-content">
                  <img src="${artist["Alt image"] || artist["Image"]}" alt="${artist.Name}">
                  <h4>${artist.Name}</h4>
                  <p><strong>${artist.Description}</strong></p>
                  <img class="${variation_name}-quote-image" src="${artist["Quote image"] || artist["Image"]}">
                  <p class="${variation_name}-quote">${artist.Quote}</p>
              </div>
          </div>`;
    }

    function createArtistSection() {
      // Use defaultArtists object for page load
      var artistCards = defaultArtists
        .map(artist => {
          // Check if the image and description are available
          if (!artist["Alt image"] && !artist["Quote image"] && !artist["Image"] && !artist.Description) return ``;
          return createArtistCard(artist);
        })
        .join("");

      // Now get artistTags from the main artistObject
      var genreTabs = Array.from(
        artistObject.reduce((tags, artist) => {
          // Add genres from the main artistObject
          tags.add(artist.Genre);
          return tags;
        }, new Set())
      )
        .map(genre => {
          return `<div class="${variation_name}-tag" data-genre="${genre}">${genre}</div>`;
        })
        .join("");

      return `
          <div class="${variation_name}-featured-artists">
              <div class="${variation_name}-wrapper">
                  <h2>FL Studio is <span>used by millions</span> - from first-time <br>producers to world-famous artists</h2>
                  <p>From hip hop and EDM, to songwriters and composers, to viral social media creators - <br> FL Studio is the leading platform for music makers at every level.</p>
                  <div class="${variation_name}-tags">
                      ${genreTabs}
                  </div>
                  <div class="${variation_name}-artist-grid">
                      ${artistCards}
                  </div>
                  <div class="${variation_name}-see-all-wrapper">
                      <a href="https://www.image-line.com/artists/" class="${variation_name}-see-all">See all producers</a>
                      <a class="${variation_name}-button orange" href="https://www.image-line.com/fl-studio/buy-now/">Buy Now</a>
                  </div>
              </div>
          </div>`;
    }

    /**
     * ==============================================================
     * Logical functions
     * ==============================================================
     */
    function masonryLayout() {
      var grid = document.querySelector(`.${variation_name}-artist-grid`);
      if (grid) {
        var packery = new Packery(grid, {
          itemSelector: `.${variation_name}-artist-card`,
          columnWidth: `.${variation_name}-artist-card`,
          gutter: 20,
          fitWidth: true,
          percentPosition: true,
        });
        packery.layout();

        var interval = setInterval(function() {
          packery._init();
        }, 250);
        setTimeout(function() {
          clearInterval(interval);
        }, 2500);
      }
    }

    // Function to initialize the Masonry layout
    function initializeMasonry() {
      if (typeof Packery === "undefined") {
        injectMasonryScript(masonryLayout);
      } else {
        masonryLayout();
      }
    }

    function addClickLogic() {
      // Event listener for filtering artists by genre when tab is clicked
      const tabs = document.querySelectorAll(`.${variation_name}-tag`);
      const artistGrid = document.querySelector(`.${variation_name}-artist-grid`);

      tabs.forEach(tab => {
        tab.addEventListener("click", function() {
          const genre = this.getAttribute("data-genre");

          let artistCards = "";

          if (!artistGrid) return;

          // Check if the clicked tab is already active
          if (tab.classList.contains("active")) {
            tab.classList.remove("active");
            artistCards = defaultArtists.map(artist => createArtistCard(artist)).join("");
            // Display the generated artist cards
            artistGrid.innerHTML = artistCards;
            initializeMasonry();
            return;
          }

          // Remove 'active' class from all tabs and add it to the clicked tab
          tabs.forEach(tab => tab.classList.remove("active"));
          this.classList.add("active");

          // Generate artist cards using the artistObject (main object) for selected genre
          artistCards = artistObject
            .map(artist => {
              if (artist.Genre === genre) {
                return createArtistCard(artist);
              }
              return "";
            })
            .join("");

          // Display the generated artist cards
          artistGrid.innerHTML = artistCards;

          initializeMasonry();
        });
      });

      // Initiliz
      initializeMasonry();
    }

    // Event handler
    function eventHandler() {
      utils.live(".learn-more-link", "click", function(e) {
        e.preventDefault();
        var index = this.getAttribute("data-index");
        if (index == "0") {
          document.querySelector(".fl-t-40-35-featured-artists")?.scrollIntoView({ behavior: "smooth" });
        } else if (index == "1") {
          document.querySelector(".fl-t-40-35-reasons")?.scrollIntoView({ behavior: "smooth" });
        } else if (index == "2") {
          document.querySelector(".fl-t-40-35-grid__section")?.scrollIntoView({ behavior: "smooth" });
        }
      });

      utils.live("a.fl-t-40-35-button.orange", "click", function(e) {
        e.preventDefault();
        document.querySelector("#buy-now-header")?.scrollIntoView({ behavior: "smooth" });
      });
    }

    var bannerContent = `
        <div class="${variation_name}-hero-content">
          <ul class="${variation_name}-top-list">
              <li> <strong>Reopen saved tracks:</strong> Revisit and refine saved tracks. Switch between and work on several projects in parallel.</li>
              <li> <strong>Priority support: </strong>  Be first in line with our support team and get full access to our vibrant forum for help and inspiration.</li>
              <li> <strong>Get Lifetime Free Updates:</strong>  Others make you pay ~$200 for updates every other year or so. With FL Studio you <strong> buy once,</strong>  get <strong>free</strong> updates <strong>for life.</strong> </li>
          </ul>
        </div>`;

    // Initial point
    function init() {
      var targetElement = document.querySelector(".content .wp-block-group");
      var featureArtistSection = createArtistSection();
      var flSection = [featureArtistSection, reasonSection, learningResourcesSection, packedAndBuySection, fopLogos].join("");

      // Insert sections
      if (!document.querySelector(`.${variation_name}-featured-artists`)) {
        targetElement.insertAdjacentHTML("afterend", flSection);
        addClickLogic();
      }

      // header logo Update
      utils.waitForElement(".block-sub-navigation .sub-navigation--inner .navigation-info", function() {
        document.querySelector(".block-sub-navigation .sub-navigation--inner .navigation-info").innerHTML = `
              <a class="site-header__logo" href="https://www.image-line.com/"> 
                <img decoding="async" class="site-header__logo__fruit" src="/static/assets/nav-logo-fruit.41db863.png">  
                ${headerSvg} 
              </a>`;
      });

      // Banner content
      utils.waitForElement("#buy-now-header div.buy-now-columns .wp-block-column-is-layout-flow >div.wp-block-group", function() {
        if (!document.querySelector(`.${variation_name}-hero-content`)) {
          document.querySelector("#buy-now-header div.buy-now-columns .wp-block-column-is-layout-flow >div.wp-block-group").insertAdjacentHTML("afterbegin", bannerContent);
        }

        document
          .querySelector("#buy-now-header div.buy-now-columns .wp-block-column-is-layout-flow >div.wp-block-group")
          .insertAdjacentHTML("beforebegin", '<h2 class="banner-heading">Buy FL Studio now, get <br><span>Lifetime</span> <span>Free</span> <span>Updates</span></h2>');
      });
    }

    var newHeader = `
        <h1 class="${variation_name}-main-heading">Get the software suite used to<br> produce countless top hits</h1>`;

    // Initial point
    function insertNewHeader(referenceEl) {
      if (!document.querySelector(`.${variation_name}-main-heading`)) {
        referenceEl.insertAdjacentHTML("beforebegin", newHeader);
      }
    }

    // Updates the href attribute of all buy now links to the new URL '/fl-studio/b-buy-now'
    function updateBuyNowLink() {
      document.querySelectorAll('header a[href*="/fl-studio/buy-now"]')
      .forEach(el => el.textContent = "Buy FL Studio");   

      const buyNowLinks = document.querySelectorAll('a[href*="/fl-studio/buy-now"]');
      buyNowLinks.forEach(el => (el.href = "https://www.image-line.com/fl-studio/b-buy-now"));
    }

    // Wait for library and initialize experiment
    waitForLibrary(function(ilHelpers) {
      // Assign library functions
      utils = ilHelpers.get("lib");

      utils.waitForElement('a[href*="/fl-studio/buy-now"]', function(){
        updateBuyNowLink();
        setTimeout(updateBuyNowLink, 2000);
      });

      if (window.location.pathname == "/fl-studio/buy-now/" || window.location.pathname == "/fl-studio/buy-now") {
        // Insert section
        utils.waitForElement(".signed-in, .signed-out", function() {
          utils.waitForElement("body", function() {
            var bodyElm = document.querySelector("body");
            if (!bodyElm.classList.contains(variation_name)) {
              bodyElm.classList.add(variation_name);
              eventHandler();
            }
          });
          utils.waitForElement("#buy-now-header > .buy-now-columns", init);
          utils.waitForElement("#buy-now-header > .buy-now-columns", insertNewHeader);
        });
      }

      utils.waitForElement("a.fl-t-44-discover-studio", function() {
        var elms = document.querySelectorAll("a.fl-t-44-discover-studio");
        elms.forEach(function(el) {
          el.href = "/fl-studio/buy-now";
        });
      });
      utils.waitForElement('.fl-t-44-payment__button .wp-block-button__link[href="/fl-studio/buy-now/"]', function() {
        var elms = document.querySelectorAll('.fl-t-44-payment__button .wp-block-button__link[href="/fl-studio/buy-now/"]');
        elms.forEach(function(el) {
          el.href = "/fl-studio/buy-now";
        });
      });
      utils.waitForElement('.fl-t-44-buy-btn[href*="/fl-studio/buy-now/"]', function() {
        var elms = document.querySelectorAll('.fl-t-44-buy-btn[href*="/fl-studio/buy-now/"]');
        elms.forEach(function(el) {
          el.href = "/fl-studio/buy-now";
        });
      });
    });
  } catch (e) {
    if (debug) console.log(e, "error in Test" + variation_name);
  }
})();
}}}],"traffic_allocation":0},{"id":"1004384978","name":"V7: V1 +  buy now page revamp","key":"1004384978-v7:-v1-by-nw-pg-rvmp","status":"running","changes":[{"id":1004618887,"type":"defaultCode","data":{"js":null,"css":"","custom_js":null}},{"id":1004618888,"type":"customCode","data":{"css":"html body.fl-t-40 .c-header--logo {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-top: auto;\r\n  margin-bottom: auto;\r\n  gap: 7px;\r\n  border: 0;\r\n  width: unset;\r\n  height: unset;\r\n  background-image: unset;\r\n  margin: 0;\r\n  padding-right: 16px;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header--logo img {\r\n  position: relative;\r\n  top: -2px;\r\n  width: 25px;\r\n  height: auto;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header--logo svg {\r\n  width: 120px !important;\r\n  height: 81px;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header--logo svg {\r\n  height: 56px;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header .c-header-shop #login_link svg,\r\nhtml body.fl-t-40 .c-header .c-header-shop > .c-cart__wrapper,\r\nhtml body.fl-t-40 .c-header .c-header-shop #btnLogin svg {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40 .c-nav-main > ul > li:has(> a[href*=\"https:\/\/www.image-line.com\/fl-studio\/buy-now\"]) {\r\n  order: 1;\r\n  margin-left: 24px;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-nav-main > ul > li:has(> a[href*=\"https:\/\/www.image-line.com\/fl-studio\/buy-now\"]) {\r\n  order: unset;\r\n  margin-left: 0;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header-shop__button span#btnLoginText {\r\n  font-weight: 400;\r\n}\r\n\r\nhtml body.fl-t-40 .site-header__inner .site-header-meta .cart-button.visually-visible {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header-shop #profile-dropdown {\r\n  left: unset !important;\r\n  right: -10px;\r\n  min-width: 160px !important;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header-shop #profile-dropdown {\r\n  top: 55px !important;\r\n}\r\n\r\nhtml body.fl-t-40 #profile-dropdown .profile-arrow {\r\n  left: 50px !important;\r\n}\r\n\r\nhtml body.fl-t-40 .site-header__inner .nav > .nav__sections {\r\n  visibility: visible;\r\n}\r\n\r\n\/**\r\n* ===============================================================================\r\n* [fl-t-40-35] FL Buy now page HL test Start\r\n* ==============================================================================\r\n*\/\r\n\r\n@import url(\"https:\/\/fonts.googleapis.com\/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Newsreader:ital,opsz,wght@0,6..72,200..800;1,6..72,200..800&display=swap\");\r\n@import url(\"https:\/\/fonts.googleapis.com\/css2?family=Open+Sans:ital,wdth,wght@0,75..100,300..800;1,75..100,300..800&display=swap\");\r\n\r\n\r\n\r\n:root {\r\n  --fl-t-40-35-bg-color: #f6f6f6;\r\n\r\n  --fl-t-40-35-color-black: #000;\r\n  --fl-t-40-35-color-white: #fff;\r\n  --fl-t-40-35-color-red: #ef5252;\r\n  --fl-t-40-35-color-orange: #ff7629;\r\n\r\n  --fl-t-40-35-step-2: 23.44px;\r\n  --fl-t-40-35-step-1: 18.75px;\r\n}\r\n\r\nhtml body.fl-t-40-35 .commercial-box__product__cell.title .description-text {\r\n  max-width: 80%;\r\n}\r\n\r\nhtml body.fl-t-40-35 .commercial-box__products .commercial-box__product.selected {\r\n  min-height: 105px;\r\n}\r\n\r\n\/* html body.fl-t-40-35:not(.fl-t-15) .commercial-box__products [data-js-product=\"producer-edition\"].commercial-box__product.selected {\r\n  min-height: 124px;\r\n} *\/\r\n\r\n\/**----------- Global styles --------------**\/\r\n.fl-t-40-35-wrapper {\r\n  max-width: 1478px;\r\n  margin: 0 auto;\r\n  padding: 60px 20px;\r\n  text-align: center;\r\n}\r\n\r\n.fl-t-40-35-button {\r\n  padding: 10px 24px;\r\n  border: none;\r\n  border-radius: 50px;\r\n  cursor: pointer;\r\n  text-align: center;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 19px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  line-height: 30px;\r\n  text-decoration: none;\r\n}\r\n\r\n.fl-t-40-35-button.orange {\r\n  background-color: #ff7629;\r\n  color: white;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  margin: auto;\r\n}\r\n\r\n.fl-t-40-35-button.orange:hover {\r\n  background-image: linear-gradient(rgba(255, 255, 255, 0.1) 0 0) !important;\r\n}\r\n\r\n.fl-t-40-35-button.orange:after {\r\n  height: 1em;\r\n  width: 1em;\r\n  display: inline-block;\r\n  background-image: url(https:\/\/www.image-line.com\/static\/assets\/arrow-circled-right-ZNIVDPDX.7abc618.svg);\r\n  background-position: center;\r\n  background-size: contain;\r\n  content: \"\";\r\n  filter: invert(1);\r\n  background-repeat: no-repeat;\r\n}\r\n\r\n.fl-t-40-35-button.gray {\r\n  background-color: #e9e9e9;\r\n  color: #16182c;\r\n  text-decoration: auto;\r\n}\r\n\r\n\/* New banner css  *\/\r\n\r\n.fl-t-40-35 #buy-now-header div.wp-block-columns.buy-now-columns div.wp-block-column:last-of-type,\r\n.fl-t-40-35-hero-content + .wp-container-core-group-is-layout-1,\r\n.fl-t-40-35-hero-content + .wp-container-core-group-is-layout-1 + p,\r\n.fl-t-40-35 .wp-container-core-group-is-layout-2 > p,\r\nbody.fl-t-40-35 .content > [class^=\"wp-block\"].alignfull .wp-container-core-group-is-layout-7,\r\n.fl-t-40-35 .wp-container-core-group-is-layout-5 .wp-block-group:last-of-type,\r\n.fl-t-40-35 .wp-container-core-group-is-layout-5 hr,\r\n.fl-t-40-35 .content > .wp-block-group:not(#buy-now-header) {\r\n  display: none;\r\n}\r\n\r\nbody.fl-t-40-35 .block-sub-navigation {\r\n  background-color: #16182c;\r\n}\r\n\r\n\/* Top content on hero styling  *\/\r\nbody.fl-t-40-35 .banner-heading {\r\n  color: #16182c;\r\n  text-align: center;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 46px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  line-height: 60px;\r\n  font-stretch: 75%;\r\n  letter-spacing: normal;\r\n}\r\n\r\n.fl-t-40-35-hero-content h1 span,\r\n.fl-t-40-35 h2.banner-heading span {\r\n  border-bottom: 5px solid #f67229;\r\n}\r\n\r\n.fl-t-40-35-top-list {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin-bottom: 32px;\r\n  margin-top: 32px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 12px;\r\n}\r\n\r\n.fl-t-40-35-top-list li {\r\n  color: #000;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 16px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 175%;\r\n  position: relative;\r\n  padding-left: 30px;\r\n}\r\n\r\n.fl-t-40-35-top-list li:before {\r\n  content: \"\";\r\n  display: inline-block;\r\n  width: 24px;\r\n  height: 23px;\r\n  background-image: url(https:\/\/cdn-3.convertexperiments.com\/uf\/10049056\/10007574\/frame-139_6798c7959d630.svg);\r\n  background-size: contain;\r\n  background-repeat: no-repeat;\r\n  margin-right: 8px;\r\n  vertical-align: middle;\r\n  position: absolute;\r\n  left: 0;\r\n  top: 3px;\r\n}\r\n\r\n.fl-t-40-35-top-list li span {\r\n  border-bottom: 1px solid #ff7629;\r\n}\r\n\r\nbody.fl-t-40-35 #buy-now-header {\r\n  padding: 0;\r\n  padding-left: 20px;\r\n  padding-right: 20px;\r\n  gap: 0px;\r\n  background: url(https:\/\/cdn-3.convertexperiments.com\/uf\/10049056\/10007574\/buy-now-v4-background_681212d69a387.png);\r\n  background-size: contain;\r\n  background-position: center -108px;\r\n  background-repeat: no-repeat;\r\n  background-color: #16182c;\r\n}\r\n\r\nbody.fl-t-40-35 #buy-now-header > .buy-now-columns {\r\n  max-width: 595px;\r\n  padding: 48px 40px;\r\n  margin: 65px 0;\r\n  margin-top: 175px;\r\n}\r\n\r\nbody.fl-t-40-35 #buy-now-header > .buy-now-columns > .wp-block-column {\r\n  padding: unset;\r\n}\r\n\r\nbody.fl-t-40-35 #buy-now-header > .buy-now-columns .wp-block-column-is-layout-flow > div {\r\n  max-width: 560px;\r\n  margin: auto;\r\n  gap: 0;\r\n}\r\nbody.fl-t-40-35 .wp-container-core-group-is-layout-5 {\r\n  margin: 28px auto 0;\r\n}\r\n\r\nbody.fl-t-40-35 .wp-container-core-group-is-layout-5 .wp-block-group:first-of-type h2,\r\nbody.fl-t-40-35 .wp-container-core-group-is-layout-5 .wp-block-group:first-of-type p {\r\n  color: #16182c;\r\n  text-align: center;\r\n  font-family: \"Open Sans\";\r\n  font-size: 18px;\r\n  font-weight: 400;\r\n  line-height: 175%;\r\n  margin: auto;\r\n}\r\nbody.fl-t-40-35 .wp-container-core-group-is-layout-5 .wp-block-group:first-of-type h2 {\r\n  font-weight: 700 !important;\r\n  font-size: 16px;\r\n}\r\nbody.fl-t-40-35 .wp-container-core-group-is-layout-5 .wp-block-group:first-of-type p {\r\n  font-size: 0;\r\n}\r\nbody.fl-t-40-35 .wp-container-core-group-is-layout-5 .wp-block-group:first-of-type p::after {\r\n  content: \"Choose from four interest-free payments, delayed payment in 30 days, and other staggered payment plans.\";\r\n  font-size: 16px;\r\n  line-height: 175%;\r\n  display: block;\r\n  max-width: 422px;\r\n  margin: auto;\r\n}\r\n\r\n\/* Banner css end  *\/\r\n\r\n\/**----------------start feature sections ----------------**\/\r\n.fl-t-40-35-featured-artists {\r\n  background: var(--fl-t-40-35-bg-color);\r\n  padding: 50px auto;\r\n}\r\n\r\n.fl-t-40-35-featured-artists h2 {\r\n  max-width: 1090px;\r\n  margin: auto;\r\n  color: #16182c;\r\n  text-align: center;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 57px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  margin-bottom: 16px;\r\n  line-height: 70.0945px;\r\n  font-stretch: 75%;\r\n  letter-spacing: normal;\r\n}\r\n\r\n.fl-t-40-35-featured-artists h2 span {\r\n  border-bottom: 4px solid var(--fl-t-40-35-color-orange);\r\n  display: inline-block;\r\n}\r\n\r\n.fl-t-40-35-featured-artists p {\r\n  color: #16182c;\r\n  font-size: 23px;\r\n  font-style: normal;\r\n  margin: 16px auto 47px;\r\n  font-weight: 400;\r\n  line-height: 175%;\r\n  max-width: 890px;\r\n  text-align: center;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-tags {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 8px;\r\n  margin-bottom: 40px;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-tag {\r\n  padding: 10px 24px;\r\n  font-family: \"Open Sans\";\r\n  cursor: pointer;\r\n  border-radius: 12px;\r\n  border: 1px solid #dee0e3;\r\n  background: #fff;\r\n  color: #16182c;\r\n  text-align: center;\r\n  font-size: 16px;\r\n  font-style: normal;\r\n  font-weight: 700;\r\n  line-height: 175%;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-tag:hover,\r\n.fl-t-40-35-featured-artists .fl-t-40-35-tag.active {\r\n  color: #ff7629;\r\n  text-align: center;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 16px;\r\n  font-style: normal;\r\n  font-weight: 700;\r\n  line-height: 175%;\r\n  border-radius: 12px;\r\n  border: 1px solid #ff7629;\r\n  background: #ffefe7;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-artist-grid {\r\n  width: 100%;\r\n  margin: 0 auto;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 32px;\r\n  margin-bottom: 42px;\r\n  min-height: 1400px;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-artist-card {\r\n  width: calc(33.33% - 15px);\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-artist-card .fl-t-40-35-artist-content {\r\n  background-color: white;\r\n  border-radius: 16px;\r\n  text-align: left;\r\n  padding: 8px 8px 24px;\r\n  align-self: flex-start;\r\n  height: 100%;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-artist-card img {\r\n  width: 100%;\r\n  border-radius: 10px;\r\n  margin-bottom: 24px;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-artist-card h4 {\r\n  color: #000;\r\n  font-size: 24px;\r\n  font-style: normal;\r\n  font-weight: 700;\r\n  line-height: 175%;\r\n  padding: 0 16px;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-artist-card p {\r\n  color: #6c6c6c;\r\n  font-size: 19px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 175%;\r\n  text-align: left;\r\n  margin: 0;\r\n  padding: 0 16px;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-artist-card p b {\r\n  font-weight: 600;\r\n  color: #000;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-artist-card p strong {\r\n  color: #6c6c6c;\r\n  font-family: \"Open Sans\";\r\n  font-size: 19px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 175%;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-artist-card .fl-t-40-35-quote {\r\n  color: #000;\r\n  font-size: 19px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 150%;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-artist-card .fl-t-40-35-quote-image {\r\n  width: 60px;\r\n  height: 32px;\r\n  margin: 24px 0 8px;\r\n  padding-left: 16px;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-see-all-wrapper {\r\n  clear: both;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-see-all {\r\n  color: #16182c;\r\n  text-align: center;\r\n  font-size: 19px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  line-height: 30px;\r\n  border-radius: 400px;\r\n  background: #e9e9e9;\r\n  align-items: center;\r\n  max-width: max-content;\r\n  display: inline-flex;\r\n  gap: 12px;\r\n  padding: 10px 24px;\r\n  text-decoration: none;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-see-all:after {\r\n  height: 1em;\r\n  width: 1em;\r\n  display: inline-block;\r\n  background-image: url(https:\/\/www.image-line.com\/static\/assets\/arrow-circled-right-ZNIVDPDX.7abc618.svg);\r\n  background-position: center;\r\n  background-size: contain;\r\n  content: \"\";\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-tag.active {\r\n  align-items: center;\r\n  display: inline-flex;\r\n  gap: 8px;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-tag.active::before {\r\n  height: 24px;\r\n  width: 24px;\r\n  display: inline-block;\r\n  background-image: url(https:\/\/cdn-3.convertexperiments.com\/uf\/10049056\/10007574\/close-line_678e50472abfc.png);\r\n  background-position: center;\r\n  background-size: contain;\r\n  content: \"\";\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-see-all-wrapper .fl-t-40-35-button.orange {\r\n  margin: 20px auto 0px auto;\r\n  justify-content: center;\r\n  width: 100%;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-see-all-wrapper {\r\n  max-width: 235px;\r\n  margin: 0 auto;\r\n}\r\n\r\n@media screen and (min-width: 769px) {\r\n  .fl-t-40-35-featured-artists .fl-t-40-35-artist-card:nth-child(2) {\r\n    margin-top: 40px;\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .fl-t-40-35-featured-artists .fl-t-40-35-artist-card {\r\n    width: 100%;\r\n    margin: 10px 0px;\r\n  }\r\n\r\n  .fl-t-40-35-featured-artists .fl-t-40-35-tags {\r\n    overflow-x: auto;\r\n    scrollbar-width: none;\r\n    white-space: nowrap;\r\n    justify-content: flex-start;\r\n  }\r\n}\r\n\r\n\/**----------------end feature sections ----------------**\/\r\n\r\n\/**----------------start 7 reasons why beginners & professional producers alike love FL Studio ----------------**\/\r\n\r\n.fl-t-40-35-reasons {\r\n  background-color: #f6f6f6;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-wrapper {\r\n  padding-bottom: 120px;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-section-title {\r\n  color: #16182c;\r\n  text-align: center;\r\n  font-size: 57px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  line-height: 70px;\r\n  max-width: 1030px;\r\n  margin: auto;\r\n  font-stretch: 75%;\r\n  letter-spacing: normal;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-section-title span {\r\n  border-bottom: 4px solid #ff7629;\r\n  display: inline-block;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-reasons-grid {\r\n  display: flex;\r\n  gap: 32px;\r\n  padding-top: 40px;\r\n  flex-wrap: wrap;\r\n  justify-content: center;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-reason-card {\r\n  background-color: #fff;\r\n  border-radius: 10px;\r\n  text-align: left;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 40px;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-reason-card:nth-child(3) {\r\n  overflow: hidden;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-reason-card-4 {\r\n  width: calc(45% - 42px);\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-reason-card-6 {\r\n  width: calc(55% - 16px);\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-reason-card-6:nth-child(3) img {\r\n  margin-bottom: -50px;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-reason-card img {\r\n  max-width: 100%;\r\n  border-radius: 8px;\r\n  margin-top: auto;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-reason-title {\r\n  color: #ff7629;\r\n  font-size: 20px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 125%;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-reason-content h3 {\r\n  color: #16182c;\r\n  font-size: 46px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  line-height: 60px;\r\n  font-stretch: 75%;\r\n  letter-spacing: normal;\r\n  padding-bottom: 16px;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-reason-content p {\r\n  color: #16182c;\r\n  font-size: 18px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 175%;\r\n  padding-right: 22px;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-reason-description {\r\n  padding: 40px;\r\n  padding-bottom: 0px;\r\n}\r\n\r\n.fl-t-40-35-7-reasons .fl-t-40-35-reason-title {\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.fl-t-40-35-7-reasons .fl-t-40-35-reason-content h3 {\r\n  padding-right: 13px;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-reason-card img {\r\n  padding-left: 40px;\r\n}\r\n\r\n@media (min-width: 767px) and (max-width: 1024px) {\r\n  .fl-t-40-35-reasons .fl-t-40-35-reason-card {\r\n    width: 100% !important;\r\n  }\r\n}\r\n\r\n@media (min-width: 1025px) and (max-width: 1226px) {\r\n  .fl-t-40-35-reasons .fl-t-40-35-reasons-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n  }\r\n\r\n  .fl-t-40-35-reasons .fl-t-40-35-reason-card {\r\n    width: 100% !important;\r\n  }\r\n\r\n  .fl-t-40-35-reasons .fl-t-40-35-reason-card:nth-child(1),\r\n  .fl-t-40-35-reasons .fl-t-40-35-reason-card:nth-child(4) {\r\n    width: 100%;\r\n  }\r\n}\r\n\r\n@media (max-width: 1240px) {\r\n  .fl-t-40-35-reasons .fl-t-40-35-reason-card:nth-child(1),\r\n  .fl-t-40-35-reasons .fl-t-40-35-reason-card:nth-child(4) {\r\n    max-width: 100%;\r\n  }\r\n\r\n  .fl-t-40-35-reasons .fl-t-40-35-reason-card:nth-child(2),\r\n  .fl-t-40-35-reasons .fl-t-40-35-reason-card:nth-child(3) {\r\n    max-width: 100%;\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .fl-t-40-35-reasons .fl-t-40-35-reason-card {\r\n    width: 100% !important;\r\n  }\r\n}\r\n\r\n\/**----------------end 7 reasons why beginners & professional producers alike love FL Studio ----------------**\/\r\n\r\n\/**----------------satrt excellent learning resources ----------------**\/\r\n.fl-t-40-35-learning-resources {\r\n  text-align: center;\r\n  background-color: #fff;\r\n}\r\n\r\n.fl-t-40-35-learning-resources .fl-t-40-35-wrapper {\r\n  padding-top: 120px;\r\n}\r\n\r\n.fl-t-40-35-learning-resources .fl-t-40-35-learning-resources-title {\r\n  color: #ff7629;\r\n  font-size: 20px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 125%;\r\n}\r\n\r\n.fl-t-40-35-learning-resources h2 {\r\n  color: #16182c;\r\n  font-size: 46px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  line-height: 60px;\r\n  font-stretch: 75%;\r\n  letter-spacing: normal;\r\n}\r\n\r\n.fl-t-40-35-learning-resources-description {\r\n  border-radius: 10px;\r\n  margin: 32px 0;\r\n}\r\n\r\n.fl-t-40-35-learning-resources .fl-t-40-35-learning-details {\r\n  display: flex;\r\n  max-width: 1478px;\r\n  margin: 0 auto;\r\n  gap: 32px;\r\n  text-align: left;\r\n}\r\n\r\n.fl-t-40-35-learning-resources .fl-t-40-35-learning-detail {\r\n  background-color: #fff;\r\n  border-radius: 10px;\r\n  max-width: 336px;\r\n}\r\n\r\n.fl-t-40-35-learning-resources .fl-t-40-35-learning-detail h4 {\r\n  color: #16182c;\r\n  font-size: 18px;\r\n  font-style: normal;\r\n  font-weight: 700;\r\n  line-height: 175%;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.fl-t-40-35-learning-resources .fl-t-40-35-learning-detail p {\r\n  color: #16182c;\r\n  font-size: 18px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 175%;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .fl-t-40-35-learning-resources .fl-t-40-35-learning-details {\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    padding-bottom: 0px;\r\n  }\r\n}\r\n\r\n\/**----------------end excellent learning resources ----------------**\/\r\n\r\n\/**----------------start packed section ----------------**\/\r\n.fl-t-40-35-packed-section {\r\n  padding-top: 56px;\r\n  text-align: center;\r\n  padding-bottom: 34px;\r\n}\r\n\r\n.fl-t-40-35-packed-section h2 {\r\n  color: #16182c;\r\n  text-align: center;\r\n  font-size: 46px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  line-height: 60px;\r\n  font-stretch: 75%;\r\n  letter-spacing: normal;\r\n  margin-bottom: 20px;\r\n  max-width: 738px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.fl-t-40-35-packed-section .fl-t-40-35-packed-section-title {\r\n  color: #ff7629;\r\n  font-size: 20px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 125%;\r\n}\r\n\r\n.fl-t-40-35-packed-section .fl-t-40-35-button img {\r\n  max-width: 16px;\r\n  border-radius: 8px;\r\n  margin-left: 12px;\r\n}\r\n\r\n.fl-t-40-35-packed-section .fl-t-40-35-packed-description-wrapper {\r\n  display: flex;\r\n  margin: 40px 0;\r\n  gap: 64px;\r\n}\r\n\r\n.fl-t-40-35-packed-section .fl-t-40-35-packed-description {\r\n  flex: 1;\r\n  text-align: left;\r\n}\r\n\r\n.fl-t-40-35-packed-section .fl-t-40-35-packed-description p {\r\n  color: #16182c;\r\n  font-size: 18px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 175%;\r\n}\r\n\r\n.fl-t-40-35-packed-section .fl-t-40-35-packed-description p strong {\r\n  border-bottom: 1px solid #ff7629;\r\n}\r\n\r\n.fl-t-40-35-packed-section .see-all-plugins {\r\n  display: inline-flex;\r\n  gap: 12px;\r\n  align-items: center;\r\n  margin-bottom: 34px;\r\n}\r\n\r\n.fl-t-40-35-packed-section .see-all-plugins::after {\r\n  width: 16px;\r\n  height: 16px;\r\n  padding: 10px;\r\n  display: inline-block;\r\n  background-image: url(https:\/\/www.image-line.com\/static\/assets\/arrow-circled-right-ZNIVDPDX.7abc618.svg);\r\n  background-position: center;\r\n  background-size: contain;\r\n  content: \"\";\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .fl-t-40-35-packed-section .fl-t-40-35-packed-section {\r\n    padding-top: 40px;\r\n  }\r\n\r\n  .fl-t-40-35-packed-section .fl-t-40-35-packed-description-wrapper {\r\n    flex-direction: column;\r\n    gap: 32px;\r\n  }\r\n}\r\n\r\n\/**----------------end packed section ----------------**\/\r\n\r\n\/**----------------start buy section ----------------**\/\r\n.fl-t-40-35-buy-section {\r\n  text-align: center;\r\n}\r\n\r\n.fl-t-40-35-buy-section h2 {\r\n  font-size: 24px;\r\n  font-weight: bold;\r\n  color: #333;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.fl-t-40-35-buy-section p {\r\n  color: #16182c;\r\n  font-size: 24px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 175%;\r\n  text-align: left;\r\n}\r\n\r\n.fl-t-40-35-buy-section .fl-t-40-35-buy-buttons {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 20px;\r\n}\r\n\r\n.fl-t-40-35-buy-section .fl-t-40-35-buy-button {\r\n  text-align: center;\r\n  font-size: 19px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  line-height: 30px;\r\n  cursor: pointer;\r\n  padding: 10px 24px;\r\n  border-radius: 500px;\r\n}\r\n\r\n.fl-t-40-35-buy-section .fl-t-40-35-packed-section .fl-t-40-35-buy-button {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.fl-t-40-35-buy-section .fl-t-40-35-buy-button.orange {\r\n  background-color: #e65c21;\r\n  color: white;\r\n}\r\n.fl-t-40-35-buy-section .fl-t-40-35-button.orange {\r\n  max-width: fit-content;\r\n  margin-top: 40px;\r\n}\r\n.fl-t-40-35-buy-section .fl-t-40-35-buy-button.gray {\r\n  background-color: #e9e9e9;\r\n  color: #333;\r\n}\r\n\r\n.fl-t-40-35-buy-section .fl-t-40-35-buy-flex-wrapper {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding-top: 40px;\r\n  padding-bottom: 40px;\r\n}\r\n\r\n.fl-t-40-35-buy-section .fl-t-40-35-buy-section-title {\r\n  color: #ff7629;\r\n  font-size: 20px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 125%;\r\n  text-align: left;\r\n}\r\n\r\n.fl-t-40-35-buy-section .fl-t-40-35-buy-left-block h2 {\r\n  color: #16182c;\r\n  font-size: 46px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  line-height: 60px;\r\n  font-stretch: 75%;\r\n  letter-spacing: normal;\r\n  text-align: left;\r\n}\r\n\r\n.fl-t-40-35-buy-section .fl-t-40-35-buy-left-block h2 span {\r\n  display: inline-block;\r\n  text-decoration: underline;\r\n  text-decoration-color: #ff7629;\r\n  text-decoration-thickness: 4px;\r\n}\r\n\r\n.fl-t-40-35-buy-section .fl-t-40-35-buy-right-block {\r\n  max-width: 48%;\r\n}\r\n\r\n.fl-t-40-35-buy-section .fl-t-40-35-buy-left-block {\r\n  max-width: 35%;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .fl-t-40-35-buy-section .fl-t-40-35-buy-flex-wrapper {\r\n    padding-top: 40px;\r\n    padding-bottom: 40px;\r\n    flex-direction: column;\r\n    gap: 32px;\r\n  }\r\n\r\n  .fl-t-40-35-buy-section .fl-t-40-35-buy-right-block {\r\n    max-width: 100%;\r\n  }\r\n\r\n  .fl-t-40-35-buy-section .fl-t-40-35-buy-left-block {\r\n    max-width: 100%;\r\n  }\r\n}\r\n\r\n\/**----------------end buy section ----------------**\/\r\n\r\n\/**--------- FOP Logos -------------**\/\r\n.fl-t-40-35-payment-options {\r\n  text-align: center;\r\n  width: 100%;\r\n  padding: 70px 80px;\r\n}\r\n\r\n.fl-t-40-35-payment-options .fl-t-40-35-note {\r\n  margin-bottom: 40px;\r\n}\r\n\r\n.fl-t-40-35-payment-options .fl-t-40-35-note p b {\r\n  color: #16182c;\r\n  text-align: center;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 24px;\r\n  font-style: normal;\r\n  font-weight: 700;\r\n  line-height: 175%;\r\n}\r\n\r\n.fl-t-40-35-payment-options .fl-t-40-35-note p {\r\n  color: #16182c;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 19px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 175%;\r\n}\r\n\r\n.fl-t-40-35-payment-options .extra-note {\r\n  color: #16182c;\r\n  text-align: center;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 13px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 150%;\r\n}\r\n\r\n.fl-t-40-35-payment-options .fl-t-40-35-logos {\r\n  margin: 0 auto 16px;\r\n  padding: 0px 15px;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 20px;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  max-width: 1080px;\r\n}\r\n\r\n.fl-t-40-35-payment-options img {\r\n  height: fit-content;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .fl-t-40-35-payment-options {\r\n    padding: unset;\r\n  }\r\n  .fl-t-40-35-payment-options .fl-t-40-35-logos {\r\n    gap: 20px;\r\n    justify-content: center;\r\n  }\r\n  body.fl-t-40-35 .banner-heading {\r\n    font-size: 31px;\r\n    line-height: normal;\r\n  }\r\n}\r\n\r\n\/** footer section **\/\r\n.fl-t-40-35-footer {\r\n  background-color: #16182c !important;\r\n  padding: 2.5rem 1rem;\r\n}\r\n\r\n.fl-t-40-35-footer-content {\r\n  max-width: 1478px;\r\n  margin: 0 auto;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n}\r\n\r\n.fl-t-40-35-footer .fl-t-40-35-copyright {\r\n  opacity: 0.8;\r\n  color: white;\r\n  font-size: 1rem;\r\n  line-height: 1.625em;\r\n}\r\n\r\n.fl-t-40-35-footer .fl-t-40-35-legal-notices {\r\n  text-decoration: underline;\r\n  font-size: 1rem;\r\n  line-height: 1.625em;\r\n  font-weight: 400;\r\n  color: white;\r\n}\r\n\r\n.fl-t-40-35-footer .fl-t-40-35-legal-notices:hover {\r\n  text-decoration: none;\r\n  color: #ff7629;\r\n  outline: 0;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .fl-t-40-35-featured-artists h2,\r\n  .fl-t-40-35-top-price__header h2,\r\n  .fl-t-40-35-reasons .fl-t-40-35-section-title,\r\n  .fl-t-40-35-start-making h2,\r\n  .fl-t-40-35-pricing-tile__header h2 {\r\n    font-size: 31px;\r\n    line-height: 38px;\r\n  }\r\n\r\n  .fl-t-40-35-reasons .fl-t-40-35-reason-content h3,\r\n  .fl-t-40-35-packed-section h2,\r\n  .fl-t-40-35-buy-section .fl-t-40-35-buy-left-block h2,\r\n  .fl-t-40-35-learning-resources h2 {\r\n    font-size: 24px;\r\n    line-height: 30px;\r\n  }\r\n\r\n  .fl-t-40-35-start-image {\r\n    margin-top: 0px !important;\r\n  }\r\n\r\n  .fl-t-40-35-footer-content {\r\n    flex-direction: column-reverse;\r\n  }\r\n}\r\n\r\n\/**----------------end footer section ----------------**\/\r\n\r\n\r\n\/**----------------Buy Now page artist slider ----------------**\/\r\n\r\n.fl-t-40-35-artist-slider {\r\n  background: #f6f6f6;\r\n  padding: 60px 15px 30px;\r\n}\r\n\r\n.fl-t-40-35-artist-slider h2,\r\n.fl-t-40-35-artist-slider .artist-name {\r\n  color: #16182c;\r\n}\r\n\r\n.fl-t-40-35-buy-page .sub-navigation--inner .navigation-info {\r\n  margin: 24px auto 0px;\r\n}\r\n\r\n.fl-t-40-35-main-heading {\r\n  color: #fff;\r\n  text-align: center;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 57px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  margin: 75px 0px 45px;\r\n  line-height: 1.3;\r\n  line-height: 1.225em;\r\n  font-stretch: 75%;\r\n  letter-spacing: normal;\r\n}\r\n\r\n@media screen and (max-width: 1600px) {\r\n  body.fl-t-40-35 #buy-now-header {\r\n    background-position: center -88px;\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 1500px) {\r\n  body.fl-t-40-35 #buy-now-header {\r\n    background-position: center -66px;\r\n  }\r\n\r\n  .fl-t-40-35-main-heading {\r\n    margin: 75px 0px 18px;\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 1400px) {\r\n  body.fl-t-40-35 #buy-now-header {\r\n    background-position: center -40px;\r\n  }\r\n\r\n  .fl-t-40-35-main-heading {\r\n    margin: 75px 0px 0px;\r\n  }\r\n}\r\n\r\n\/**\r\n* ===============================================================================\r\n* [fl-t-40-35] FL Buy now page HL test End\r\n* ==============================================================================\r\n*\/","js":function(convertContext){ 
(function() {
  try {
    /* main variables */
    var debug = 0;
    var variation_name = "fl-t-40";

    /**LIBRARY**/
    var utils = {};

    /**
     * Helper function to wait for library to load
     * @param {function} trigger - callback function to be called when lib is loaded
     */
    function waitForLibrary(trigger) {
      var INTERVAL = 50;
      var TIMEOUT = 15000;

      var interval = setInterval(function() {
        if (typeof window["ilHelpers"] != "undefined") {
          clearInterval(interval);
          trigger(window["ilHelpers"]);
        }
      }, INTERVAL);

      setTimeout(function() {
        clearInterval(interval);
      }, TIMEOUT);
    }

    const flLogo = `
    <img decoding="async" class="site-header__logo__fruit" src="https://www.image-line.com/static/assets/nav-logo-fruit.41db863.png">
    <svg width="997" height="170" viewBox="0 0 997 170" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M910.668 0.609131C934.941 0.609131 955.254 8.7124 971.606 24.9189C987.957 41.1255 996.133 61.0747 996.133 84.7668C996.133 108.241 987.957 
    128.154 971.606 144.506C955.326 160.858 935.45 169.033 911.976 169.033C888.211 169.033 868.153 160.894 851.801 144.615C835.449 128.335 827.273 108.641 827.273 85.5299C827.273 70.1228 830.979 55.8421 838.392 42.688C845.878 29.5338 856.052 19.2503 
    868.916 11.8374C881.779 4.35189 895.697 0.609131 910.668 0.609131ZM911.431 16.3069C899.585 16.3069 888.356 19.3956 877.746 25.573C867.135 31.7504 858.85 40.0717 852.891 50.5369C846.932 61.0021 843.952 72.6664 843.952 85.5299C843.952 104.571 
    850.529 120.668 863.683 133.822C876.91 146.904 892.826 153.445 911.431 153.445C923.858 153.445 935.341 150.429 945.879 144.397C956.489 138.365 964.738 130.116 970.625 119.651C976.584 109.186 979.564 97.5576 979.564 84.7668C979.564 72.0487 
    976.584 60.566 970.625 50.3188C964.738 39.999 956.417 31.7504 945.661 25.573C934.905 19.3956 923.495 16.3069 911.431 16.3069Z" fill="white"></path><path d="M782.495 4.64258H798.52V165H782.495V4.64258Z" fill="white"></path><path d="M619.766 
    165V4.64258H653.014C676.997 4.64258 694.403 6.56847 705.231 10.4202C720.784 15.8709 732.921 25.3186 741.642 38.7635C750.435 52.2084 754.832 68.2332 754.832 86.838C754.832 102.899 751.344 117.035 744.367 129.244C737.463 141.453 728.451 150.465 
    717.332 156.279C706.285 162.093 690.769 165 670.783 165H619.766ZM635.136 149.847H653.668C675.834 149.847 691.205 148.466 699.781 145.705C711.845 141.78 721.329 134.731 728.233 124.556C735.137 114.309 738.589 101.809 738.589 87.0561C738.589 71.5763 
    734.846 58.3494 727.361 47.3755C719.875 36.4016 709.446 28.8797 696.074 24.8099C686.045 21.7575 669.512 20.2314 646.474 20.2314H635.136V149.847Z" fill="white"></path><path d="M475.132 4.64258H491.157V101.446C491.157 112.928 491.375 120.087 491.811 
    122.921C492.61 129.244 494.464 134.549 497.371 138.837C500.278 143.052 504.747 146.613 510.779 149.52C516.811 152.355 522.88 153.772 528.984 153.772C534.29 153.772 539.377 152.645 544.246 150.392C549.115 148.139 553.185 145.014 556.455 141.017C559.726 
    137.02 562.124 132.187 563.65 126.519C564.74 122.449 565.285 114.091 565.285 101.446V4.64258H581.31V101.446C581.31 115.763 579.893 127.354 577.059 136.221C574.297 145.014 568.701 152.682 560.271 159.222C551.913 165.763 541.775 169.033 529.856 
    169.033C516.92 169.033 505.837 165.945 496.607 159.767C487.378 153.59 481.2 145.414 478.075 135.24C476.113 128.99 475.132 117.725 475.132 101.446V4.64258Z" fill="white"></path><path d="M364.728 20.2314V4.64258H452.702V20.2314H416.945V165H400.594V20.2314H364.728Z" 
    fill="white"></path><path d="M253.998 135.131L267.624 126.955C277.218 144.615 288.301 153.445 300.873 153.445C306.251 153.445 311.302 152.209 316.026 149.738C320.75 147.195 324.347 143.815 326.818 139.6C329.289 135.385 330.525 130.915 330.525 126.192C330.525 120.814 
    328.708 115.545 325.074 110.385C320.059 103.263 310.902 94.6869 297.603 84.6578C284.231 74.556 275.909 67.2521 272.639 62.7463C266.97 55.1881 264.136 47.0121 264.136 38.2185C264.136 31.2417 265.808 24.8826 269.151 19.1413C272.494 13.3999 277.181 8.89408 283.213 
    5.62371C289.318 2.28066 295.931 0.609131 303.054 0.609131C310.612 0.609131 317.661 2.49868 324.202 6.27778C330.815 9.98421 337.792 16.852 345.132 26.8812L332.051 36.8013C326.019 28.807 320.859 23.5381 316.571 20.9945C312.356 18.4508 307.741 17.179 302.727 17.179C296.258 
    17.179 290.953 19.1413 286.811 23.0657C282.741 26.9902 280.706 31.8231 280.706 37.5644C280.706 41.0528 281.433 44.4322 282.886 47.7025C284.34 50.9729 286.992 54.534 290.844 58.3858C292.952 60.4207 299.856 65.7623 311.557 74.4106C325.437 84.6578 334.958 93.7785 340.118 
    101.773C345.278 109.767 347.858 117.798 347.858 125.865C347.858 137.493 343.425 147.594 334.558 156.17C325.764 164.746 315.045 169.033 302.399 169.033C292.661 169.033 283.831 166.454 275.909 161.294C267.988 156.061 260.684 147.34 253.998 135.131Z" fill="white"></path>
    <path d="M107.755 4.64258H123.889V149.52H185.481V165H107.755V4.64258Z" fill="white"></path><path d="M0.513245 4.64258H80.8555V20.4494H16.4291V70.5952H80.8555V86.402H16.4291V165H0.513245V4.64258Z" fill="white"></path></svg>`;

    function init() {
      const buyNow = document.querySelector('nav a[href="https://www.image-line.com/fl-studio/buy-now"]');
      const buyNowNew = document.querySelector('nav a[href="https://www.image-line.com/fl-studio/buy-now/"]');
      buyNow && (buyNow.innerHTML = "Buy FL Studio");
      buyNowNew && (buyNowNew.innerHTML = "Buy FL Studio");

      // Update site logo
      utils.waitForElement(".c-header--logo", function() {
        const headerLogo = document.querySelector(".c-header--logo");
        headerLogo.insertAdjacentHTML("afterbegin", flLogo);
      });

      if (window.location.hostname == "support.image-line.com") {
        document.body.classList.add(variation_name + "--support");
      }

      utils.waitForElement('a[href*="/fl-studio/buy-now"]', function(){
        updateBuyNowLink();
        setTimeout(updateBuyNowLink, 2000);
      });

      utils.waitForElement("a.fl-t-44-discover-studio", function() {
        var elms = document.querySelectorAll("a.fl-t-44-discover-studio");
        elms.forEach(function(el) {
          el.href = "/fl-studio/buy-now";
        });
      });
      utils.waitForElement('.fl-t-44-payment__button .wp-block-button__link[href="/fl-studio/buy-now/"]', function() {
        var elms = document.querySelectorAll('.fl-t-44-payment__button .wp-block-button__link[href="/fl-studio/buy-now/"]');
        elms.forEach(function(el) {
          el.href = "/fl-studio/buy-now";
        });
      });
      utils.waitForElement('.fl-t-44-buy-btn[href*="/fl-studio/buy-now/"]', function() {
        var elms = document.querySelectorAll('.fl-t-44-buy-btn[href*="/fl-studio/buy-now/"]');
        elms.forEach(function(el) {
          el.href = "/fl-studio/buy-now";
        });
      });
    }

    // Updates the href attribute of all buy now links to the new URL '/fl-studio/b-buy-now'
    function updateBuyNowLink() {
      const buyNowLinks = document.querySelectorAll('a[href*="/fl-studio/buy-now"]');
      buyNowLinks.forEach(el => (el.href = "https://www.image-line.com/fl-studio/b-buy-now"));
    }

    // Wait for library and initialize experiment
    waitForLibrary(function(ilHelpers) {
      utils = ilHelpers.get("lib");

      utils.waitForElement("body", function(bodyElm) {
        if (!bodyElm.classList.contains(variation_name)) {
          bodyElm.classList.add(variation_name);
          utils.waitForElement('nav a[href="https://www.image-line.com/fl-studio/buy-now"], nav a[href="https://www.image-line.com/fl-studio/buy-now/"]', init);
        }
      });
    });
  } catch (e) {
    if (debug) console.log(e, "error in Test" + variation_name);
  }
})();

(function() {
  try {
    /* main variables */
    var debug = 0;
    var variation_name = "fl-t-40-35";

    /**LIBRARY**/
    var utils = {};

    /**
     * Helper function to wait for library to load
     * @param {function} trigger - callback function to be called when lib is loaded
     */
    function waitForLibrary(trigger) {
      var INTERVAL = 50;
      var TIMEOUT = 15000;

      var interval = setInterval(function() {
        if (typeof window["ilHelpers"] != "undefined") {
          clearInterval(interval);
          trigger(window["ilHelpers"]);
        }
      }, INTERVAL);

      setTimeout(function() {
        clearInterval(interval);
      }, TIMEOUT);
    }

    // Inject missing libraries
    function injectMasonryScript(callback) {
      var script = document.createElement("script");
      script.src = "https://cdnjs.cloudflare.com/ajax/libs/packery/2.1.2/packery.pkgd.min.js";
      script.onload = callback;
      document.head.appendChild(script);
    }

    /**
     * ==============================================================
     * Objects and data
     * ==============================================================
     */

    var headerSvg = `<svg width="997" height="170" viewBox="0 0 997 170" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M910.668 0.609131C934.941 0.609131 955.254 8.7124 971.606 24.9189C987.957 41.1255 996.133 61.0747 996.133 84.7668C996.133 108.241 987.957 128.154 971.606 144.506C955.326 160.858 935.45 169.033 911.976 169.033C888.211 169.033 868.153 160.894 851.801 144.615C835.449 128.335 827.273 108.641 827.273 85.5299C827.273 70.1228 830.979 55.8421 838.392 42.688C845.878 29.5338 856.052 19.2503 868.916 11.8374C881.779 4.35189 895.697 0.609131 910.668 0.609131ZM911.431 16.3069C899.585 16.3069 888.356 19.3956 877.746 25.573C867.135 31.7504 858.85 40.0717 852.891 50.5369C846.932 61.0021 843.952 72.6664 843.952 85.5299C843.952 104.571 850.529 120.668 863.683 133.822C876.91 146.904 892.826 153.445 911.431 153.445C923.858 153.445 935.341 150.429 945.879 144.397C956.489 138.365 964.738 130.116 970.625 119.651C976.584 109.186 979.564 97.5576 979.564 84.7668C979.564 72.0487 976.584 60.566 970.625 50.3188C964.738 39.999 956.417 31.7504 945.661 25.573C934.905 19.3956 923.495 16.3069 911.431 16.3069Z" fill="white"></path><path d="M782.495 4.64258H798.52V165H782.495V4.64258Z" fill="white"></path><path d="M619.766 165V4.64258H653.014C676.997 4.64258 694.403 6.56847 705.231 10.4202C720.784 15.8709 732.921 25.3186 741.642 38.7635C750.435 52.2084 754.832 68.2332 754.832 86.838C754.832 102.899 751.344 117.035 744.367 129.244C737.463 141.453 728.451 150.465 717.332 156.279C706.285 162.093 690.769 165 670.783 165H619.766ZM635.136 149.847H653.668C675.834 149.847 691.205 148.466 699.781 145.705C711.845 141.78 721.329 134.731 728.233 124.556C735.137 114.309 738.589 101.809 738.589 87.0561C738.589 71.5763 734.846 58.3494 727.361 47.3755C719.875 36.4016 709.446 28.8797 696.074 24.8099C686.045 21.7575 669.512 20.2314 646.474 20.2314H635.136V149.847Z" fill="white"></path><path d="M475.132 4.64258H491.157V101.446C491.157 112.928 491.375 120.087 491.811 122.921C492.61 129.244 494.464 134.549 497.371 138.837C500.278 143.052 504.747 146.613 510.779 149.52C516.811 152.355 522.88 153.772 528.984 153.772C534.29 153.772 539.377 152.645 544.246 150.392C549.115 148.139 553.185 145.014 556.455 141.017C559.726 137.02 562.124 132.187 563.65 126.519C564.74 122.449 565.285 114.091 565.285 101.446V4.64258H581.31V101.446C581.31 115.763 579.893 127.354 577.059 136.221C574.297 145.014 568.701 152.682 560.271 159.222C551.913 165.763 541.775 169.033 529.856 169.033C516.92 169.033 505.837 165.945 496.607 159.767C487.378 153.59 481.2 145.414 478.075 135.24C476.113 128.99 475.132 117.725 475.132 101.446V4.64258Z" fill="white"></path><path d="M364.728 20.2314V4.64258H452.702V20.2314H416.945V165H400.594V20.2314H364.728Z" fill="white"></path><path d="M253.998 135.131L267.624 126.955C277.218 144.615 288.301 153.445 300.873 153.445C306.251 153.445 311.302 152.209 316.026 149.738C320.75 147.195 324.347 143.815 326.818 139.6C329.289 135.385 330.525 130.915 330.525 126.192C330.525 120.814 328.708 115.545 325.074 110.385C320.059 103.263 310.902 94.6869 297.603 84.6578C284.231 74.556 275.909 67.2521 272.639 62.7463C266.97 55.1881 264.136 47.0121 264.136 38.2185C264.136 31.2417 265.808 24.8826 269.151 19.1413C272.494 13.3999 277.181 8.89408 283.213 5.62371C289.318 2.28066 295.931 0.609131 303.054 0.609131C310.612 0.609131 317.661 2.49868 324.202 6.27778C330.815 9.98421 337.792 16.852 345.132 26.8812L332.051 36.8013C326.019 28.807 320.859 23.5381 316.571 20.9945C312.356 18.4508 307.741 17.179 302.727 17.179C296.258 17.179 290.953 19.1413 286.811 23.0657C282.741 26.9902 280.706 31.8231 280.706 37.5644C280.706 41.0528 281.433 44.4322 282.886 47.7025C284.34 50.9729 286.992 54.534 290.844 58.3858C292.952 60.4207 299.856 65.7623 311.557 74.4106C325.437 84.6578 334.958 93.7785 340.118 101.773C345.278 109.767 347.858 117.798 347.858 125.865C347.858 137.493 343.425 147.594 334.558 156.17C325.764 164.746 315.045 169.033 302.399 169.033C292.661 169.033 283.831 166.454 275.909 161.294C267.988 156.061 260.684 147.34 253.998 135.131Z" fill="white"></path><path d="M107.755 4.64258H123.889V149.52H185.481V165H107.755V4.64258Z" fill="white"></path><path d="M0.513245 4.64258H80.8555V20.4494H16.4291V70.5952H80.8555V86.402H16.4291V165H0.513245V4.64258Z" fill="white"></path></svg>`;
    var defaultArtists = [
      {
        "Show on homepage?": "x",
        "Show per default on FL Studio PDP": "x",
        Name: "Martin Garrix",
        Description: '<b>4x DJ Mag #1 DJ</b>, most known for his hits "Animals", "In the Name of Love", and "Scared to Be Lonely',
        Quote: "In FL Studio it's about the workflow and the speed of programming.",
        Genre: "EDM",
        "link to more": "https://www.image-line.com/artists/martin-garrix/",
        Image: "https://www.image-line.com/static/assets/Martin-Garrix-1.jpg.696e0e0.webp",
        "Alt image": "https://www.image-line.com/wp-content/uploads/2022/07/martin_garrix.png",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "x",
        "Show per default on FL Studio PDP": "x",
        Name: "Boi-1da",
        Description: "Grammy-winning producer behind hits from <b>Drake, Eminem, Jay-Z, Nicki Minaj, Rihanna</b>, and many others",
        Quote: "I learned the basics of it within an hour.",
        Genre: "Hip Hop",
        "link to more": "https://www.image-line.com/artists/boi-1da/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/boi-1da.png",
        "Alt image": "https://www.image-line.com/wp-content/uploads/2012/01/Boi-1da-620x443-2.jpg",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "x",
        Name: "Hit-Boy",
        Description: "With hits for <b>Jay-Z, Kanye West, Eminem, Justin Bieber, Drake, Selena Gomez</b>, and more, Hit-Boy has been a <b>Grammy winner or nominee for 10 of the last 11 years</b>",
        Quote: "To be able to get a pack out with FL that's fly, that's like an athlete getting with Nike.",
        Genre: "Hip Hop",
        "link to more": "N/A",
        Image: "https://www.image-line.com/static/assets/hit-boy-1.88cec2f.jpg",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments:
          "Josh:\nAs I mentioned in my message, I don't feel we should use him for this until we have a Power User page set up for him.\n\nRich: While it woudl be ideal for him to have a page, I don't think it's a must have. His description sounds impressive, his quote is strong (taken from a video that we have/had on the homepage). Also: his image is featured all over the site.",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "x",
        Name: "Ovy On The Drums",
        Description: "Colombian producer and vocalist known for his work with artists like <b>Nicki Minaj, KAROL G, Becky G, Paulo Londra, Bad Bunny, 6ix9ine</b>, and <b>Ed Sheeran</b>",
        Quote:
          "When I went to my cousin’s house one of the guys who was there showed me FL Studio. My life changed, it was like entering another galaxy and since then FL Studio has been like my temple, my place where I disconnect and create my sound, my music, my art.",
        Genre: "Latin",
        "link to more": "https://www.image-line.com/artists/ovy-on-the-drums/",
        Image: "https://www.image-line.com/static/assets/ovy-on-the-drums-1-jpg-56d1ba3.0f7c10d.webp",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "x",
        "Show per default on FL Studio PDP": "x",
        Name: "Afrojack",
        Description: '<b>DJ Mag Top 20 DJ since 2010</b>, head of Wall Recordings, known for hits like "Take Over Control" ft. Eva Simons & "Give Me Everything" ft. Pitbull & Ne-Yo',
        Quote: "FL Studio felt really easy and intuitive, and I never stopped using it.",
        Genre: "EDM",
        "link to more": "Read more",
        Image: "",
        "Alt image": "https://www.image-line.com/static/assets/afrojack-jpg-f6c6b36.4b51030.webp",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "x",
        Name: "Madeon",
        Description:
          '<b>Grammy-nominated</b> electronic artist who rocketed to fame with his viral hit "Pop Culture" mashup all the way back in 2011 and has since released many hits and multiple albums',
        Quote: "...with the incredible depth of the software, I never feel like something isn't achievable.",
        Genre: "EDM",
        "link to more": "https://www.image-line.com/wp-content/uploads/2022/07/madeon.png",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/madeon.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
    ];

    var artistObject = [
      {
        "Show on homepage?": "x",
        "Show per default on FL Studio PDP": "x",
        Name: "Martin Garrix",
        Description: '<b>4x DJ Mag #1 DJ</b>, most known for his hits "Animals", "In the Name of Love", and "Scared to Be Lonely',
        Quote: "In FL Studio it's about the workflow and the speed of programming.",
        Genre: "EDM",
        "link to more": "https://www.image-line.com/artists/martin-garrix/",
        Image: "https://www.image-line.com/static/assets/Martin-Garrix-1.jpg.696e0e0.webp",
        "Alt image": "https://www.image-line.com/wp-content/uploads/2022/07/martin_garrix.png",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Avicii (In Memoriam)",
        Description: '<b>Legendary 2-time Grammy-nominee</b> best known for hits like "Levels", "Wake Me Up", "Hey Brother" and many others. In Memoriam <3',
        Quote: "I was introduced to FL through a friend and was hooked instantly. It’s so easy and quick to use [...] I literally couldn’t shut the program down.",
        Genre: "EDM",
        "link to more": "https://www.image-line.com/artists/avicii/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/avicii.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Afrojack",
        Description: '<b>DJ Mag Top 20 DJ since 2010</b>, head of Wall Recordings, known for hits like "Take Over Control" ft. Eva Simons & "Give Me Everything" ft. Pitbull & Ne-Yo',
        Quote: "FL Studio felt really easy and intuitive, and I never stopped using it.",
        Genre: "EDM",
        "link to more": "https://www.image-line.com/artists/afrojack/",
        Image: "https://www.image-line.com/static/assets/afrojack-jpg-f6c6b36.4b51030.webp",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Porter Robinson",
        Description: '<b>Grammy-nominated artist and 7-time DJ Mag Top 100 DJ</b>, best known hits like "Language" and his successful alternate alias Virtual Self',
        Quote: "FL Studio stood out because it was vastly more intuitive and usable...there's way too many awesome FL Studio features to list.",
        Genre: "EDM",
        "link to more": "https://www.image-line.com/artists/porter-robinson/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/porter_robinson.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "x",
        Name: "Madeon",
        Description:
          '<b>Grammy-nominated</b> electronic artist who rocketed to fame with his viral hit "Pop Culture" mashup all the way back in 2011 and has since released many hits and multiple albums',
        Quote: "...with the incredible depth of the software, I never feel like something isn't achievable.",
        Genre: "EDM",
        "link to more": "https://www.image-line.com/wp-content/uploads/2022/07/madeon.png",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/madeon.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Oliver Heldens",
        Description: 'DJ Mag top 35 DJ since 2014 & Heldeep Records label head, best known for hits like "Gecko (Overdrive)", "Turn me On", and his HI-LO pseudonym',
        Quote: "I like how I can draw my idea's in it really quick.",
        Genre: "EDM",
        "link to more": "https://www.image-line.com/artists/oliver-heldens/",
        Image: "",
        "Alt image": "https://www.image-line.com/innovaeditor/assets/oliversplash.jpg",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },

      // Hip Hop
      {
        "Show on homepage?": "x",
        "Show per default on FL Studio PDP": "x",
        Name: "Boi-1da",
        Description: "Grammy-winning producer behind hits from <b>Drake, Eminem, Jay-Z, Nicki Minaj, Rihanna</b>, and many others",
        Quote: "I learned the basics of it within an hour.",
        Genre: "Hip Hop",
        "link to more": "https://www.image-line.com/artists/boi-1da/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/boi-1da.png",
        "Alt image": "https://www.image-line.com/wp-content/uploads/2012/01/Boi-1da-620x443-2.jpg",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "x",
        "Show per default on FL Studio PDP": "",
        Name: "Murda Beatz",
        Description: '<b>Multi-platinum producer</b> behind hits like <b>Travis Scott\'s</b> "Butterfly Effect", <b>Gucci Mane\'s</b> "Back on Road", <b>Drake\'s</b> "Nice for What", and others',
        Quote: "I love my FL Studio.",
        Genre: "Hip Hop",
        "link to more": "Read more",
        Image: "",
        "Alt image": "https://www.image-line.com/static/assets/murda-beatz-1.8650ed0.jpg",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Mustard",
        Description:
          "<b>Grammy-winning, multi-platinum-selling</b> American producer, DJ, and artist, known for a slew of major hits from artists like <b>Rihanna, Tyga, Lil Dicky, Jeremih, Roddy Ricch</b>, and many others",
        Quote:
          "FL Studio means everything to my production, from how I draw my notes in, how it sounds, how I layer my drums, how I mix everything together, and most importantly, the finished product.",
        Genre: "Hip Hop",
        "link to more": "https://www.image-line.com/artists/mustard/",
        Image: "https://www.image-line.com/wp-content/uploads/2023/03/mustard.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "x",
        "Show per default on FL Studio PDP": "",
        Name: "PLUSS",
        Description: '<b>Grammy-winning, multi-platinum selling producer</b> behind hits like "HUMBLE." by <b>Kendrick Lamar</b>, "Formation" by <b>Beyonce</b>, and countless others',
        Quote: "It’s an honor to be a part of what you guys have going on. FL Studio plays a huge role in why I am who I am today. Thank you all.",
        Genre: "Hip Hop",
        "link to more": "https://www.image-line.com/artists/pluss/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/pluss.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "9th Wonder",
        Description: "<b>Grammy-winning</b> producer, record executive, and professor known for his work with <b>Kendrick Lamar, Anderson .Paak, JAY-Z, Mac Miller</b>, and others",
        Quote: "The programs we use are Cool Edit Pro and FL Studio. Those are the two programs that we use, and that's what we did the whole album on.",
        Genre: "Hip Hop",
        "link to more": "https://www.image-line.com/artists/9th-wonder/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/9th_wonder-1.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Wondagurl",
        Description: "Label head and producer behind tracks from <b>Mariah Carey, Travis Scott, Jay-Z, Drake, Kanye West</b>, and others",
        Quote: "FL means everything to my productions.",
        Genre: "Hip Hop",
        "link to more": "https://www.image-line.com/artists/wondagurl/",
        Image: "https://www.image-line.com/static/assets/wondagurl-1.a08146e.jpg",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },

      // Latin
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "x",
        Name: "Ovy On The Drums",
        Description: "Colombian producer and vocalist known for his work with artists like <b>Nicki Minaj, KAROL G, Becky G, Paulo Londra, Bad Bunny, 6ix9ine</b>, and <b>Ed Sheeran</b>",
        Quote:
          "When I went to my cousin’s house one of the guys who was there showed me FL Studio. My life changed, it was like entering another galaxy and since then FL Studio has been like my temple, my place where I disconnect and create my sound, my music, my art.",
        Genre: "Latin",
        "link to more": "https://www.image-line.com/artists/ovy-on-the-drums/",
        Image: "https://www.image-line.com/static/assets/ovy-on-the-drums-1-jpg-56d1ba3.0f7c10d.webp",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Nely (El Arma Secreta)",
        Description: "Prolific Puerto Rican reggaeton producer known for his work with artists like <b>Wisin & Yandel, Daddy Yankee</b>, and many others",
        Quote: "For me FL studio is the easiest way to project your ideas and anybody can lay out any musical ideas.",
        Genre: "Latin",
        "link to more": "https://www.image-line.com/artists/nely-arma-secreta/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/nely.png",
        "Alt image": "https://www.image-line.com/wp-content/uploads/2022/07/nely.png",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Demy & Clipz",
        Description: "<b>3-time Grammy-winning, diamond-selling</b> Canadian duo best known for their work with Bad Bunny",
        Quote:
          "[FL Studio's] intuitive interface, the easy shortcuts, the browser’s search bar, and the way we can customize our projects all make it easy to bring our ideas to life and make our workflow very fluid.",
        Genre: "Latin",
        "link to more": "Read more",
        Image: "https://www.image-line.com/wp-content/uploads/2023/05/demy.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Raymix",
        Description: 'Diamond-certified Mexican artist and <b>creator of the ElectroCumbia genre</b>, best known for the smash hit "Oye Mujer',
        Quote: "I love FL Studio because it is so fluid, easy, powerful, and the animations are beautiful.",
        Genre: "Latin",
        "link to more": "https://www.image-line.com/wp-content/uploads/2022/07/raymix.png",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/raymix.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "x",
        "Show per default on FL Studio PDP": "",
        Name: "Richy Peña",
        Description: "<b>2x Platinum, Latin Grammy-winning</b> Dominican producer who has worked on music with <b>Zion, Rihanna, Don Omar</b>, and many others",
        Quote: "Before you know it I was playing the keyboard, recording melodies on to FL Studio and creating songs.",
        Genre: "Latin",
        "link to more": "https://www.image-line.com/artists/richy-pena/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/richy_pena.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "x",
        "Show per default on FL Studio PDP": "",
        Name: "Nando Pro",
        Description: "<b>3x Multi-Platinum</b> selling producer and <b>Latin Grammy nominee</b> best known for his work with Latin artists like <b>Jacob Forever, Karol G</b>, and others",
        Quote: "FL Studio has powered almost all of my inspiration and creation -- it has always been a strong bridge between my brain and music.",
        Genre: "Latin",
        "link to more": "https://www.image-line.com/artists/nandopro/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/nando_pro.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },

      // Film, TV & Gaming
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Mick Gordon",
        Description: "Australian composer, producer, and sound designer known for his work on video games like <b>DOOM, Killer Instinct, Wolfenstein, Need for Speed</b>, and others",
        Quote: "I use it [FL Studio] for scoring, sequencing, designing sounds, and musical sound design. It's just so easy to work with, and work with quickly",
        Genre: "Film, TV & Gaming",
        "link to more": "https://www.image-line.com/artists/mick-gordon/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/mick_gordon.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Alex Moukala",
        Description: 'Italian-born music producer & composer who worked on trailers for <b>"Avengers: Endgame", "Ben-Hur"</b>, and <b>"John Wick: Chapter 2"</b>',
        Quote: "FL Studio is a godsend as it allows you to write music tremendously fast, even with just a keyboard and mouse",
        Genre: "Film, TV & Gaming",
        "link to more": "https://www.image-line.com/artists/alex-moukala/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/alex_moukala.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Big Giant Circles",
        Description: "American musician and composer best known for his work in major video game franchises such as <b>Call of Duty, Borderlands, Mass Effect,</b> and <b>Street Fighter</b>",
        Quote: "FL has always been centric to my studio. It's the cornerstone of my creative process.",
        Genre: "Film, TV & Gaming",
        "link to more": "https://www.image-line.com/artists/big-giant-circles-jimmy-hinson/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/big_giant_circles.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Joznez",
        Description: "<b>Multi-platinum</b> selling German multi-genre producer for artists like Tiesto and brands like <b>Netflix, Call of Duty, Mercedes, McDonald's</b>, and many others",
        Quote: "I've produced over 111 Releases from 45 artists on several albums with FL Studio",
        Genre: "Film, TV & Gaming",
        "link to more": "https://www.image-line.com/artists/joznez/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/joznez.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Ajurika",
        Description: "Japanese electronic music producer, composer, and songwriter best known for his work in games such as <b>Tekken</b> & <b>Ridge Racer</b>",
        Quote: "FL Studio is an amazing DAW!",
        Genre: "Film, TV & Gaming",
        "link to more": "https://www.image-line.com/artists/ajurika/",
        Image: "https://www.image-line.com/wp-content/uploads/2011/11/ajurika-square.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Zircon",
        Description: "American electronic musician, composer, and adjunct professor known for his work on games like <b>Newgrounds, Soulcaliber V,</b> & <b>Monkey Island 2</b>",
        Quote: "Trying to use any other piano roll after working in FL was like having my mouse dipped in molasses",
        Genre: "Film, TV & Gaming",
        "link to more": "https://www.image-line.com/artists/zircon/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/zircon.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },

      // Pop & Rock
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Mike Oldfield",
        Description: "<b>Grammy-winning, Golden Globe-nominated</b> British musician whose debut album Tubular Bells was the first on Virgin Records and featured in The Exorcist",
        Quote: "It is very good to see a product like FL Studio which is available to all and doesn't cost $10000000000 of dollars",
        Genre: "Pop & Rock",
        "link to more": "https://www.image-line.com/artists/mike-oldfield/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/mike_oldfield.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "MdL",
        Description: "<b>Multi-Platinum</b> selling American producer and songwriter best known for his work with <b>Justin Bieber, Maroon 5, Mike Posner</b>, and many others",
        Quote: "FL Studio is the fastest and most inspiring piece of software in my workflow.",
        Genre: "Pop & Rock",
        "link to more": "https://www.image-line.com/artists/mdl-mason-levy/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/mdl.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Jayce Lewis",
        Description: "Welsh Alternative Rock/Electronic musician who has collaborated with artists like <b>Queen</b> and <b>Gary Numan</b>, and supplied drums for FL Studio 20",
        Quote: "[FL Studio] really has become a big part of what I am as an artist.",
        Genre: "Pop & Rock",
        "link to more": "https://www.image-line.com/artists/jayce-lewis/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/jayce_lewis.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Mark Tinley",
        Description: "British guitarist, programmer, sound engineer & record producer known for his work with <b>Adamski, Duran Duran, TV Mania, Gary Numan,</b> and others",
        Quote:
          "FL has been there ever since. Pop Trash was driven by FL. In the South of France when the original members of Duran Duran reformed, FL was driving the project. [...] in fact, anything I do that requires a clear visual overlay of the beats or loops I am trying to provide has FL at its core.",
        Genre: "Pop & Rock",
        "link to more": "https://www.image-line.com/artists/mark-tinley/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/mark_tinley.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "A Skylit Drive",
        Description: "American post-hardcore band that released five studio albums and built a tremendous global following",
        Quote: "FL Studio really helps me translate my ideas to reality without headache and each version just amazes me.",
        Genre: "Pop & Rock",
        "link to more": "https://www.image-line.com/artists/kyle-simmons-a-skylit-drive/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/a_skylit_drive-1.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Skimmy",
        Description: `<b>Multi-platinum</b> seling and <b>Grammy-winning</b> American producer best known for <b>co-writing Avicii</b>'s "The Nights" and other hits with <b>Mary J. Blige, R. Kelly, Ciara</b>, and more`,
        Quote: "FL Studio is integral in my production.",
        Genre: "Pop & Rock",
        "link to more": "https://www.image-line.com/artists/skimmy/",
        Image: "https://www.image-line.com/wp-content/uploads/2010/10/infinity-square.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },

      // World
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Karan Kanchan",
        Description:
          'Massively successful <b>Indian</b> EDM & Hip Hop producer, artist, and nightlife brand co-founder known for his "J-Trap" sound and work with artists like Vince Staples, KSHMR, and others',
        Quote: "FL Studio is a powerful platform that brings all the ideas in my head to life.",
        Genre: "International",
        "link to more": "https://www.image-line.com/artists/karan-kanchan/",
        Image: "https://www.image-line.com/wp-content/uploads/2023/06/karan-square.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Kel-P",
        Description: "<b>Grammy</b>-winning <b>Nigerian</b> producer and artist best known for his extensive work with artists like <b>Burna Boy, Angélique Kidjo</b>, and <b>Wizkid</b>",
        Quote: "FL Studio is like a book for me that has guided my production journey.",
        Genre: "International",
        "link to more": "https://www.image-line.com/artists/kel-p/",
        Image: "https://www.image-line.com/wp-content/uploads/2024/05/kel-p-square.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Hiss",
        Description: "<b>South Korean</b> beatboxer and producer best known as runner-up in the Grand Beatbox Battle 2017 and winner in the Asia Beatbox Championship 2019",
        Quote: "FL Studio's convenient features allow you to realize the music you want to make.",
        Genre: "International",
        "link to more": "https://www.image-line.com/artists/hiss/",
        Image: "https://www.image-line.com/wp-content/uploads/2024/08/Hiss-Square.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Iotosh",
        Description: "<b>Grammy-nominated Jamaican</b> producer best known for his work in Reggae and Dancehall music",
        Quote: "FL Studio is the catalyst for my music career and changed my life forever.",
        Genre: "International",
        "link to more": "https://www.image-line.com/artists/iotosh/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/iotosh.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "MXRCI",
        Description: "<b>Indian</b>-born producer behind hit songs from Panjabi artists such as <b>Sidhu Moose Wala, Arjan Dhillon</b>, and others.",
        Quote: "[FL Studio] makes the process of producing music real fun, and easier, too.",
        Genre: "International",
        "link to more": "https://www.image-line.com/artists/mxrci/",
        Image: "https://www.image-line.com/wp-content/uploads/2024/10/mrxci-square.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Kareem Abdel Wahab",
        Description: "Acclaimed <b>Egyptian</b> music producer best known for his work with artists like <b>Hamza Namira, Tamer Hosny</b>, and <b>Snoop Dogg</b>.",
        Quote: "FL Studio is the best starting point for any producer because it's very fast and reliable.",
        Genre: "International",
        "link to more": "https://www.image-line.com/artists/kareem-abdel-wahab/",
        Image: "https://www.image-line.com/wp-content/uploads/2023/12/kareem-square.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
    ];

    /**
     * ==============================================================
     * HTML Content
     * ==============================================================
     */
    var reasonSection = `
         <div class="${variation_name}-reasons">
          <div class="${variation_name}-wrapper">
            <h2 class="${variation_name}-section-title"><span> 7 reasons</span> why beginners & professional producers alike love FL Studio</h2>
    
            <div class="${variation_name}-reasons-grid">
    
                <div class="${variation_name}-reason-card ${variation_name}-reason-card-4">
                <div class="${variation_name}-reason-description">
                    <div class="${variation_name}-reason-title">REASON 1</div>
                    <div class="${variation_name}-reason-content">
                        <h3>It's powerful yet easy to get started</h3>
                        <p>Beginners appreciate how intuitive it is. Advanced users love that behind every right click there's a new function or feature to discover and get creative with. This comprehensive and versatile set of tools makes it the DAW of choice for many of the most successful producers.</p>
                    </div>
                    </div>
                    <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/reason-1_678e2671af3fe.png" alt="Reason 1 Image">
                </div>
    
                <div class="${variation_name}-reason-card ${variation_name}-reason-card-6">
                <div class="${variation_name}-reason-description">
                    <div class="${variation_name}-reason-title">REASON 2</div>
                    <div class="${variation_name}-reason-content">
                        <h3>Its intuitive interface and workflow make it quick to learn</h3>
                        <p>FL Studio's well-organized yet very customizable layout, its drag-and-drop workflow and colorful and pattern-based interface is less intimidating than the traditional linear arrangement view of some DAWs.</p>
                    </div>
                    </div>
                    <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/reason-2_678e2683426c0.png" alt="Reason 2 Image">
                </div>
    
                <div class="${variation_name}-reason-card ${variation_name}-reason-card-6">
                <div class="${variation_name}-reason-description">
                    <div class="${variation_name}-reason-title">REASON 3</div>
                    <div class="${variation_name}-reason-content">
                        <h3>It feels like a playground for experimenting with sounds</h3>
                        <p>FL Studio's emphasis on pattern-based sequencing encourages you to create small musical ideas and then arrange them into a complete song. This approach can be less overwhelming than starting with a blank timeline.</p>
                    </div>
                    </div>
                    <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/reason-3_678e269237a2f.png" alt="Reason 3 Image">
                </div>
    
                <div class="${variation_name}-reason-card ${variation_name}-reason-card-4">
                <div class="${variation_name}-reason-description">
                    <div class="${variation_name}-reason-title">REASON 4</div>
                    <div class="${variation_name}-reason-content">
                        <h3>Fast and fun workflow</h3>
                        <p>FL Studio's streamlined workflow allows you to create your first beat with just a few clicks and start making music right away. The playful interface and intuitive tools encourage exploration and experimentation, making the learning process enjoyable (and kind of addictive, really).</p>
                    </div>
                    </div>
                    <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/reason-4_678e269e87b3d.png" alt="Reason 4 Image">
                </div>
            </div>
          </div>
        </div>`;

    var learningResourcesSection = `
        <div class="${variation_name}-learning-resources">
         <div class="${variation_name}-wrapper">
          <div class="${variation_name}-learning-resources-title">REASON 5</div>
          <h2>Excellent learning resources</h2>
          <div class="${variation_name}-learning-resources-description">
              <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/learning-resources_678b48f01714d.png" alt="Reason 3 Image">
    
          </div>
          <div class="${variation_name}-learning-details">
              <div class="${variation_name}-learning-detail">
                  <h4>Comprehensive help</h4>
                  <p>FL Studio comes with extensive documentation and tutorials that cover every aspect of the software.</p>
              </div>
              <div class="${variation_name}-learning-detail">
                  <h4>Abundant tutorials</h4>
                  <p>Countless YouTube channels and websites offer beginner-friendly FL Studio tutorials, making it easy to find guidance on specific topics or techniques.</p>
              </div>
              <div class="${variation_name}-learning-detail">
                  <h4>Active community</h4>
                  <p>A large and supportive online community provides answers to questions, helpful tips, and inspiration – and you often even get to communicate directly with FL Studio developers.</p>
              </div>
              <div class="${variation_name}-learning-detail">
                  <h4>Expert support</h4>
                  <p>Our support is staffed with long-time FL Studio users and fellow musicians who offer personalized solutions, not just generic replies.</p>
              </div>
          </div>
          </div> 
        </div>`;

    var packedAndBuySection = `
        <div class="${variation_name}-packed-section ${variation_name}-wrapper">
            <div class="${variation_name}-packed-section-title">REASON 6</div>
            <h2>It comes packed with everything you need to make music</h2>
            <div class="${variation_name}-packed-description-wrapper">
              <div class="${variation_name}-packed-description">
                <p>FL Studio includes <strong>100+ versatile and iconic plugins</strong> (only available in FL Studio) and a high-quality <strong>sound library</strong> comprising 25,000 sample sounds and 6000 playable presets – from grand pianos to hip hop beats to pan flutes.</p>
              </div>
              <div class="${variation_name}-packed-description">
                <p><strong>Need even more?</strong> Record your own instruments or vocals. Or add thousands of 3rd-party plugins – paid and free – opening up a world of more high-quality instrument options.</p>
              </div>
            </div>
            <a href="/fl-studio/compare-editions/" class="${variation_name}-button gray see-all-plugins">See all included plugins</a>
             <div class="${variation_name}-img-wrapper">
                <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/image-23-2_678b485d46df3.png" alt="Reason 7 Image">
             </div>
            </div>
            <div class="${variation_name}-buy-section ${variation_name}-wrapper">
              <div class="${variation_name}-buy-flex-wrapper">  
                <div class="${variation_name}-buy-left-block">
                    <div class="${variation_name}-buy-section-title">REASON 7</div>
                    <h2>Buy FL Studio now and get <span>Lifetime</span> <span>Free</span> <span>Updates</span></h2>
                </div> 
                <div class="${variation_name}-buy-right-block">
                    <p>Other DAWs make you pay ~$200 for updates every 2 years. With FL Studio you always get the latest version with bug fixes, updates, new features and sometimes even high-quality new plugins at no extra cost. We’ve held this promise for 25 years!</p>
                </div>
              </div>
              <a class="${variation_name}-button orange" href="https://www.image-line.com/fl-studio/buy-now/">Buy Now</a>
    
            </div>
    
        </div>`;

    var fopLogos = `
        <div class="${variation_name}-payment-options">
         <div class="${variation_name}-payment__wrapper">
            <div class="${variation_name}-logos">
              <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/group-7_678b4821bf501.png" alt="PayPal" width="119.593" height="29.667">
              <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/vector-4_678b48cd5113e.png" alt="Klarna" width="110.999" height="25.316">
              <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/vector-5_678b48d9b5174.png" alt="Apple Pay" width="79.841" height="33.105">
              <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/image-22_678b48431e2dd.png" alt="Google Pay" width="85.683" height="37">
              <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/image-21-1_678b48362e69b.png" alt="Amazon Pay" width="58.42" height="37">
              <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/group-4_678b47fe27256.png" alt="MasterCard" width="48.026" height="36.999">
              <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/group-6_678b480f1948a.png" alt="Visa" width="89.817" height="27.284">
              <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/amex_678b47ddacbd6.png" alt="American Express" width="54.526" height="37">
            </div>
            <p class="${variation_name}-extra-note extra-note ">30+ payment providers. Some payment plans might only be available in certain regions.</p>
          </div>  
        </div>`;

    // Helper function to create individual artist card HTML
    function createArtistCard(artist) {
      return `
          <div class="${variation_name}-artist-card" data-genre-key="${artist.Genre}">
              <div class="${variation_name}-artist-content">
                  <img src="${artist["Alt image"] || artist["Image"]}" alt="${artist.Name}">
                  <h4>${artist.Name}</h4>
                  <p><strong>${artist.Description}</strong></p>
                  <img class="${variation_name}-quote-image" src="${artist["Quote image"] || artist["Image"]}">
                  <p class="${variation_name}-quote">${artist.Quote}</p>
              </div>
          </div>`;
    }

    function createArtistSection() {
      // Use defaultArtists object for page load
      var artistCards = defaultArtists
        .map(artist => {
          // Check if the image and description are available
          if (!artist["Alt image"] && !artist["Quote image"] && !artist["Image"] && !artist.Description) return ``;
          return createArtistCard(artist);
        })
        .join("");

      // Now get artistTags from the main artistObject
      var genreTabs = Array.from(
        artistObject.reduce((tags, artist) => {
          // Add genres from the main artistObject
          tags.add(artist.Genre);
          return tags;
        }, new Set())
      )
        .map(genre => {
          return `<div class="${variation_name}-tag" data-genre="${genre}">${genre}</div>`;
        })
        .join("");

      return `
          <div class="${variation_name}-featured-artists">
              <div class="${variation_name}-wrapper">
                  <h2>FL Studio is <span>used by millions</span> - from first-time <br>producers to world-famous artists</h2>
                  <p>From hip hop and EDM, to songwriters and composers, to viral social media creators - <br> FL Studio is the leading platform for music makers at every level.</p>
                  <div class="${variation_name}-tags">
                      ${genreTabs}
                  </div>
                  <div class="${variation_name}-artist-grid">
                      ${artistCards}
                  </div>
                  <div class="${variation_name}-see-all-wrapper">
                      <a href="https://www.image-line.com/artists/" class="${variation_name}-see-all">See all producers</a>
                      <a class="${variation_name}-button orange" href="https://www.image-line.com/fl-studio/buy-now/">Buy Now</a>
                  </div>
              </div>
          </div>`;
    }

    /**
     * ==============================================================
     * Logical functions
     * ==============================================================
     */
    function masonryLayout() {
      var grid = document.querySelector(`.${variation_name}-artist-grid`);
      if (grid) {
        var packery = new Packery(grid, {
          itemSelector: `.${variation_name}-artist-card`,
          columnWidth: `.${variation_name}-artist-card`,
          gutter: 20,
          fitWidth: true,
          percentPosition: true,
        });
        packery.layout();

        var interval = setInterval(function() {
          packery._init();
        }, 250);
        setTimeout(function() {
          clearInterval(interval);
        }, 2500);
      }
    }

    // Function to initialize the Masonry layout
    function initializeMasonry() {
      if (typeof Packery === "undefined") {
        injectMasonryScript(masonryLayout);
      } else {
        masonryLayout();
      }
    }

    function addClickLogic() {
      // Event listener for filtering artists by genre when tab is clicked
      const tabs = document.querySelectorAll(`.${variation_name}-tag`);
      const artistGrid = document.querySelector(`.${variation_name}-artist-grid`);

      tabs.forEach(tab => {
        tab.addEventListener("click", function() {
          const genre = this.getAttribute("data-genre");

          let artistCards = "";

          if (!artistGrid) return;

          // Check if the clicked tab is already active
          if (tab.classList.contains("active")) {
            tab.classList.remove("active");
            artistCards = defaultArtists.map(artist => createArtistCard(artist)).join("");
            // Display the generated artist cards
            artistGrid.innerHTML = artistCards;
            initializeMasonry();
            return;
          }

          // Remove 'active' class from all tabs and add it to the clicked tab
          tabs.forEach(tab => tab.classList.remove("active"));
          this.classList.add("active");

          // Generate artist cards using the artistObject (main object) for selected genre
          artistCards = artistObject
            .map(artist => {
              if (artist.Genre === genre) {
                return createArtistCard(artist);
              }
              return "";
            })
            .join("");

          // Display the generated artist cards
          artistGrid.innerHTML = artistCards;

          initializeMasonry();
        });
      });

      // Initiliz
      initializeMasonry();
    }

    // Event handler
    function eventHandler() {
      utils.live(".learn-more-link", "click", function(e) {
        e.preventDefault();
        var index = this.getAttribute("data-index");
        if (index == "0") {
          document.querySelector(".fl-t-40-35-featured-artists")?.scrollIntoView({ behavior: "smooth" });
        } else if (index == "1") {
          document.querySelector(".fl-t-40-35-reasons")?.scrollIntoView({ behavior: "smooth" });
        } else if (index == "2") {
          document.querySelector(".fl-t-40-35-grid__section")?.scrollIntoView({ behavior: "smooth" });
        }
      });

      utils.live("a.fl-t-40-35-button.orange", "click", function(e) {
        e.preventDefault();
        document.querySelector("#buy-now-header")?.scrollIntoView({ behavior: "smooth" });
      });
    }

    var bannerContent = `
        <div class="${variation_name}-hero-content">
          <ul class="${variation_name}-top-list">
              <li> <strong>Reopen saved tracks:</strong> Revisit and refine saved tracks. Switch between and work on several projects in parallel.</li>
              <li> <strong>Priority support: </strong>  Be first in line with our support team and get full access to our vibrant forum for help and inspiration.</li>
              <li> <strong>Get Lifetime Free Updates:</strong>  Others make you pay ~$200 for updates every other year or so. With FL Studio you <strong> buy once,</strong>  get <strong>free</strong> updates <strong>for life.</strong> </li>
          </ul>
        </div>`;

    // Initial point
    function init() {
      var targetElement = document.querySelector(".content .wp-block-group");
      var featureArtistSection = createArtistSection();
      var flSection = [featureArtistSection, reasonSection, learningResourcesSection, packedAndBuySection, fopLogos].join("");

      // Insert sections
      if (!document.querySelector(`.${variation_name}-featured-artists`)) {
        targetElement.insertAdjacentHTML("afterend", flSection);
        addClickLogic();
      }

      // header logo Update
      utils.waitForElement(".block-sub-navigation .sub-navigation--inner .navigation-info", function() {
        document.querySelector(".block-sub-navigation .sub-navigation--inner .navigation-info").innerHTML = `
              <a class="site-header__logo" href="https://www.image-line.com/"> 
                <img decoding="async" class="site-header__logo__fruit" src="/static/assets/nav-logo-fruit.41db863.png">  
                ${headerSvg} 
              </a>`;
      });

      // Banner content
      utils.waitForElement("#buy-now-header div.buy-now-columns .wp-block-column-is-layout-flow >div.wp-block-group", function() {
        if (!document.querySelector(`.${variation_name}-hero-content`)) {
          document.querySelector("#buy-now-header div.buy-now-columns .wp-block-column-is-layout-flow >div.wp-block-group").insertAdjacentHTML("afterbegin", bannerContent);
        }

        document
          .querySelector("#buy-now-header div.buy-now-columns .wp-block-column-is-layout-flow >div.wp-block-group")
          .insertAdjacentHTML("beforebegin", '<h2 class="banner-heading">Buy FL Studio now, get <br><span>Lifetime</span> <span>Free</span> <span>Updates</span></h2>');
      });
    }

    var newHeader = `
        <h1 class="${variation_name}-main-heading">Get the software suite used to<br> produce countless top hits</h1>`;

    // Initial point
    function insertNewHeader(referenceEl) {
      if (!document.querySelector(`.${variation_name}-main-heading`)) {
        referenceEl.insertAdjacentHTML("beforebegin", newHeader);
      }
    }

    // Wait for library and initialize experiment
    waitForLibrary(function(ilHelpers) {
      // Assign library functions
      utils = ilHelpers.get("lib");

      if (window.location.pathname == "/fl-studio/buy-now/" || window.location.pathname == "/fl-studio/buy-now") {
        // Insert section
        utils.waitForElement(".signed-in, .signed-out", function() {
          utils.waitForElement("body", function() {
            var bodyElm = document.querySelector("body");
            if (!bodyElm.classList.contains(variation_name)) {
              bodyElm.classList.add(variation_name);
              eventHandler();
            }
          });

          utils.waitForElement("#buy-now-header > .buy-now-columns", init);
          utils.waitForElement("#buy-now-header > .buy-now-columns", insertNewHeader);
        });
      }
    });
  } catch (e) {
    if (debug) console.log(e, "error in Test" + variation_name);
  }
})();
}}}],"traffic_allocation":14.28},{"id":"1004384979","name":"V8: V2 +  buy now page revamp","key":"1004384979-v8:-v2-by-nw-pg-rvmp","status":"stopped","changes":[{"id":1004618889,"type":"defaultCode","data":{"js":null,"css":"","custom_js":null}},{"id":1004618890,"type":"customCode","data":{"css":"html body.fl-t-40 .nav__sections > .nav__section:has(> a[href=\"https:\/\/www.image-line.com\/fl-cloud\"]) {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40 .c-nav-main > ul > li:has(> a[href=\"https:\/\/www.image-line.com\/fl-cloud\"]) {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header--logo {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-top: auto;\r\n  margin-bottom: auto;\r\n  gap: 7px;\r\n  border: 0;\r\n  width: unset;\r\n  height: unset;\r\n  background-image: unset;\r\n  margin: 0;\r\n  padding-right: 16px;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header--logo img {\r\n  position: relative;\r\n  top: -2px;\r\n  width: 25px;\r\n  height: auto;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header--logo svg {\r\n  width: 120px !important;\r\n  height: 81px;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header--logo svg {\r\n  height: 56px;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header .c-header-shop #login_link svg,\r\nhtml body.fl-t-40 .c-header .c-header-shop > .c-cart__wrapper,\r\nhtml body.fl-t-40 .c-header .c-header-shop #btnLogin svg {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40 .c-nav-main > ul > li:has(> a[href*=\"https:\/\/www.image-line.com\/fl-studio\/buy-now\"]) {\r\n  order: 1;\r\n  margin-left: 24px;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-nav-main > ul > li:has(> a[href*=\"https:\/\/www.image-line.com\/fl-studio\/buy-now\"]) {\r\n  order: unset;\r\n  margin-left: 0;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header-shop__button span#btnLoginText {\r\n  font-weight: 400;\r\n}\r\n\r\nhtml body.fl-t-40 .site-header__inner .site-header-meta .cart-button.visually-visible {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header-shop #profile-dropdown {\r\n  left: unset !important;\r\n  right: -10px;\r\n  min-width: 160px !important;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header-shop #profile-dropdown {\r\n  top: 55px !important;\r\n}\r\n\r\nhtml body.fl-t-40 #profile-dropdown .profile-arrow {\r\n  left: 50px !important;\r\n}\r\n\r\nhtml body.fl-t-40 .site-header__inner .nav > .nav__sections {\r\n  visibility: visible;\r\n}\r\n\r\nhtml body.fl-t-40.home .commercial-box__products .commercial-box__product[data-js-product=\"fruity-edition\"] {\r\n  display: block !important;\r\n}\r\n\r\n\/**---------------- Buy Now Section Start ----------------**\/\r\n\r\n.fl-t-40-top-pricing-section {\r\n  background-color: rgb(17, 26, 31);\r\n  display: flex;\r\n  flex-direction: row !important;\r\n  width: 100%;\r\n  align-items: flex-start !important;\r\n  padding-top: 0 !important;\r\n  padding-bottom: 0 !important;\r\n}\r\n\r\n.fl-t-40-top-pricing-section#buy-now-box {\r\n  padding-bottom: 60px !important;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-col-pricing {\r\n  background: white;\r\n  padding: 20px;\r\n  border-radius: 4px;\r\n}\r\n\r\n.fl-t-40-featured-artists .fl-t-40-wrapper {\r\n  padding-top: 110px;\r\n}\r\n.fl-t-40-top-pricing-section .commercial-box__products a.commercial-box__action.is-primary {\r\n  border-radius: 8px;\r\n  font-size: 19px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  line-height: 17.25px;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .commercial-box__products a.commercial-box__action.is-secondary {\r\n  border-radius: 8px;\r\n  background: #e1e1e1;\r\n  color: #000;\r\n  text-align: center;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 19px;\r\n  line-height: 17.25px;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-top-price__header {\r\n  width: 100%;\r\n  padding-bottom: 70px;\r\n  padding-top: 70px;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-top-price__header > div {\r\n  max-width: 660px;\r\n  margin: 0 auto;\r\n  text-align: center;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-top-price__header h2 {\r\n  color: white;\r\n  text-align: center;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 57px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  margin-bottom: 16px;\r\n  line-height: 70.0945px;\r\n  font-stretch: 75%;\r\n  letter-spacing: normal;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-top-price__header p {\r\n    color: #c2c4d6;\r\n  text-align: center;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: var(--step-1);\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 1.6em;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-content-wrapper {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 24px;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-content-wrapper hr {\r\n  width: 100%;\r\n  height: 1px;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-content-box {\r\n  text-align: left;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-content-box h2 {\r\n  color: white;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 19px;\r\n  font-style: normal;\r\n  font-weight: 700;\r\n  line-height: 1.6em;\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-content-box p {\r\n  color: white;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 18px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 1.6em;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-content-box a {\r\n  color: rgb(22, 24, 44);\r\n  display: inline-block;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-top-unsure__copy {\r\n  margin-top: 20px;\r\n  text-align: left;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-top-unsure__copy li {\r\n  list-style: none;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-top-unsure__copy li:first-child {\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-top-unsure__copy li h3 {\r\n  color: #16182c;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 15px;\r\n  font-style: normal;\r\n  font-weight: 700;\r\n  line-height: 150%;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-top-unsure__copy li p {\r\n  color: #16182c;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 13px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 150%;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-payment-options {\r\n  padding: 80px 0px 20px;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .commercial-box__product__cell.title .description-text {\r\n  text-align: left;\r\n  max-width: 80%;\r\n}\r\n\r\n.fl-t-40-loader-box {\r\n  height: 400px;\r\n  width: 100%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.fl-t-40-commercial-loader {\r\n  width: 60px;\r\n  height: 60px;\r\n  border: 5px solid #16182c;\r\n  border-bottom-color: transparent;\r\n  border-radius: 50%;\r\n  display: inline-block;\r\n  box-sizing: border-box;\r\n  animation: rotation 1s linear infinite;\r\n  opacity: 0.3;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .commercial-box.commercial-box--loading .fl-t-40-commercial-loader {\r\n  opacity: 1;\r\n}\r\n\r\n.fl-t-40-row {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 42px;\r\n  flex-direction: column;\r\n}\r\n\r\n@keyframes rotation {\r\n  0% {\r\n    transform: rotate(0deg);\r\n  }\r\n  100% {\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n\r\n@media screen and (min-width: 1101px) {\r\n  .fl-t-40-row {\r\n    flex-direction: row;\r\n  }\r\n}\r\n\r\n@media screen and (min-width: 1101px) {\r\n  .fl-t-40-col-lg-6 {\r\n    width: 50%;\r\n    max-width: 500px;\r\n  }\r\n}\r\n\r\n.fl-t-40 #video-container ~ .bg-container .grid:not(.is-hidden):has(> div > figure.has-w-100-pc) {\r\n  display: none;\r\n}\r\n\/**---------------- Buy Now Section End ----------------**\/\r\n\r\n\/**\r\n* ===============================================================================\r\n* [fl-t-40-35] FL Buy now page HL test Start\r\n* ==============================================================================\r\n*\/\r\n\r\n@import url(\"https:\/\/fonts.googleapis.com\/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Newsreader:ital,opsz,wght@0,6..72,200..800;1,6..72,200..800&display=swap\");\r\n@import url(\"https:\/\/fonts.googleapis.com\/css2?family=Open+Sans:ital,wdth,wght@0,75..100,300..800;1,75..100,300..800&display=swap\");\r\n\r\n\r\n\r\n:root {\r\n  --fl-t-40-35-bg-color: #f6f6f6;\r\n\r\n  --fl-t-40-35-color-black: #000;\r\n  --fl-t-40-35-color-white: #fff;\r\n  --fl-t-40-35-color-red: #ef5252;\r\n  --fl-t-40-35-color-orange: #ff7629;\r\n\r\n  --fl-t-40-35-step-2: 23.44px;\r\n  --fl-t-40-35-step-1: 18.75px;\r\n}\r\n\r\nhtml body.fl-t-40-35 .commercial-box__product__cell.title .description-text {\r\n  max-width: 80%;\r\n}\r\n\r\nhtml body.fl-t-40-35 .commercial-box__products .commercial-box__product.selected {\r\n  min-height: 105px;\r\n}\r\n\r\n\/* html body.fl-t-40-35:not(.fl-t-15) .commercial-box__products [data-js-product=\"producer-edition\"].commercial-box__product.selected {\r\n  min-height: 124px;\r\n} *\/\r\n\r\n\/**----------- Global styles --------------**\/\r\n.fl-t-40-35-wrapper {\r\n  max-width: 1478px;\r\n  margin: 0 auto;\r\n  padding: 60px 20px;\r\n  text-align: center;\r\n}\r\n\r\n.fl-t-40-35-button {\r\n  padding: 10px 24px;\r\n  border: none;\r\n  border-radius: 50px;\r\n  cursor: pointer;\r\n  text-align: center;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 19px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  line-height: 30px;\r\n  text-decoration: none;\r\n}\r\n\r\n.fl-t-40-35-button.orange {\r\n  background-color: #ff7629;\r\n  color: white;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  margin: auto;\r\n}\r\n\r\n.fl-t-40-35-button.orange:hover {\r\n  background-image: linear-gradient(rgba(255, 255, 255, 0.1) 0 0) !important;\r\n}\r\n\r\n.fl-t-40-35-button.orange:after {\r\n  height: 1em;\r\n  width: 1em;\r\n  display: inline-block;\r\n  background-image: url(https:\/\/www.image-line.com\/static\/assets\/arrow-circled-right-ZNIVDPDX.7abc618.svg);\r\n  background-position: center;\r\n  background-size: contain;\r\n  content: \"\";\r\n  filter: invert(1);\r\n  background-repeat: no-repeat;\r\n}\r\n\r\n.fl-t-40-35-button.gray {\r\n  background-color: #e9e9e9;\r\n  color: #16182c;\r\n  text-decoration: auto;\r\n}\r\n\r\n\/* New banner css  *\/\r\n\r\n.fl-t-40-35 #buy-now-header div.wp-block-columns.buy-now-columns div.wp-block-column:last-of-type,\r\n.fl-t-40-35-hero-content + .wp-container-core-group-is-layout-1,\r\n.fl-t-40-35-hero-content + .wp-container-core-group-is-layout-1 + p,\r\n.fl-t-40-35 .wp-container-core-group-is-layout-2 > p,\r\nbody.fl-t-40-35 .content > [class^=\"wp-block\"].alignfull .wp-container-core-group-is-layout-7,\r\n.fl-t-40-35 .wp-container-core-group-is-layout-5 .wp-block-group:last-of-type,\r\n.fl-t-40-35 .wp-container-core-group-is-layout-5 hr,\r\n.fl-t-40-35 .content > .wp-block-group:not(#buy-now-header) {\r\n  display: none;\r\n}\r\n\r\nbody.fl-t-40-35 .block-sub-navigation {\r\n  background-color: #16182c;\r\n}\r\n\r\n\/* Top content on hero styling  *\/\r\nbody.fl-t-40-35 .banner-heading {\r\n  color: #16182c;\r\n  text-align: center;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 46px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  line-height: 60px;\r\n  font-stretch: 75%;\r\n  letter-spacing: normal;\r\n}\r\n\r\n.fl-t-40-35-hero-content h1 span,\r\n.fl-t-40-35 h2.banner-heading span {\r\n  border-bottom: 5px solid #f67229;\r\n}\r\n\r\n.fl-t-40-35-top-list {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin-bottom: 32px;\r\n  margin-top: 32px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 12px;\r\n}\r\n\r\n.fl-t-40-35-top-list li {\r\n  color: #000;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 16px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 175%;\r\n  position: relative;\r\n  padding-left: 30px;\r\n}\r\n\r\n.fl-t-40-35-top-list li:before {\r\n  content: \"\";\r\n  display: inline-block;\r\n  width: 24px;\r\n  height: 23px;\r\n  background-image: url(https:\/\/cdn-3.convertexperiments.com\/uf\/10049056\/10007574\/frame-139_6798c7959d630.svg);\r\n  background-size: contain;\r\n  background-repeat: no-repeat;\r\n  margin-right: 8px;\r\n  vertical-align: middle;\r\n  position: absolute;\r\n  left: 0;\r\n  top: 3px;\r\n}\r\n\r\n.fl-t-40-35-top-list li span {\r\n  border-bottom: 1px solid #ff7629;\r\n}\r\n\r\nbody.fl-t-40-35 #buy-now-header {\r\n  padding: 0;\r\n  padding-left: 20px;\r\n  padding-right: 20px;\r\n  gap: 0px;\r\n  background: url(https:\/\/cdn-3.convertexperiments.com\/uf\/10049056\/10007574\/buy-now-v4-background_681212d69a387.png);\r\n  background-size: contain;\r\n  background-position: center -108px;\r\n  background-repeat: no-repeat;\r\n  background-color: #16182c;\r\n}\r\n\r\nbody.fl-t-40-35 #buy-now-header > .buy-now-columns {\r\n  max-width: 595px;\r\n  padding: 48px 40px;\r\n  margin: 65px 0;\r\n  margin-top: 175px;\r\n}\r\n\r\nbody.fl-t-40-35 #buy-now-header > .buy-now-columns > .wp-block-column {\r\n  padding: unset;\r\n}\r\n\r\nbody.fl-t-40-35 #buy-now-header > .buy-now-columns .wp-block-column-is-layout-flow > div {\r\n  max-width: 560px;\r\n  margin: auto;\r\n  gap: 0;\r\n}\r\nbody.fl-t-40-35 .wp-container-core-group-is-layout-5 {\r\n  margin: 28px auto 0;\r\n}\r\n\r\nbody.fl-t-40-35 .wp-container-core-group-is-layout-5 .wp-block-group:first-of-type h2,\r\nbody.fl-t-40-35 .wp-container-core-group-is-layout-5 .wp-block-group:first-of-type p {\r\n  color: #16182c;\r\n  text-align: center;\r\n  font-family: \"Open Sans\";\r\n  font-size: 18px;\r\n  font-weight: 400;\r\n  line-height: 175%;\r\n  margin: auto;\r\n}\r\nbody.fl-t-40-35 .wp-container-core-group-is-layout-5 .wp-block-group:first-of-type h2 {\r\n  font-weight: 700 !important;\r\n  font-size: 16px;\r\n}\r\nbody.fl-t-40-35 .wp-container-core-group-is-layout-5 .wp-block-group:first-of-type p {\r\n  font-size: 0;\r\n}\r\nbody.fl-t-40-35 .wp-container-core-group-is-layout-5 .wp-block-group:first-of-type p::after {\r\n  content: \"Choose from four interest-free payments, delayed payment in 30 days, and other staggered payment plans.\";\r\n  font-size: 16px;\r\n  line-height: 175%;\r\n  display: block;\r\n  max-width: 422px;\r\n  margin: auto;\r\n}\r\n\r\n\/* Banner css end  *\/\r\n\r\n\/**----------------start feature sections ----------------**\/\r\n.fl-t-40-35-featured-artists {\r\n  background: var(--fl-t-40-35-bg-color);\r\n  padding: 50px auto;\r\n}\r\n\r\n.fl-t-40-35-featured-artists h2 {\r\n  max-width: 1090px;\r\n  margin: auto;\r\n  color: #16182c;\r\n  text-align: center;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 57px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  margin-bottom: 16px;\r\n  line-height: 70.0945px;\r\n  font-stretch: 75%;\r\n  letter-spacing: normal;\r\n}\r\n\r\n.fl-t-40-35-featured-artists h2 span {\r\n  border-bottom: 4px solid var(--fl-t-40-35-color-orange);\r\n  display: inline-block;\r\n}\r\n\r\n.fl-t-40-35-featured-artists p {\r\n  color: #16182c;\r\n  font-size: 23px;\r\n  font-style: normal;\r\n  margin: 16px auto 47px;\r\n  font-weight: 400;\r\n  line-height: 175%;\r\n  max-width: 890px;\r\n  text-align: center;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-tags {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 8px;\r\n  margin-bottom: 40px;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-tag {\r\n  padding: 10px 24px;\r\n  font-family: \"Open Sans\";\r\n  cursor: pointer;\r\n  border-radius: 12px;\r\n  border: 1px solid #dee0e3;\r\n  background: #fff;\r\n  color: #16182c;\r\n  text-align: center;\r\n  font-size: 16px;\r\n  font-style: normal;\r\n  font-weight: 700;\r\n  line-height: 175%;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-tag:hover,\r\n.fl-t-40-35-featured-artists .fl-t-40-35-tag.active {\r\n  color: #ff7629;\r\n  text-align: center;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 16px;\r\n  font-style: normal;\r\n  font-weight: 700;\r\n  line-height: 175%;\r\n  border-radius: 12px;\r\n  border: 1px solid #ff7629;\r\n  background: #ffefe7;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-artist-grid {\r\n  width: 100%;\r\n  margin: 0 auto;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 32px;\r\n  margin-bottom: 42px;\r\n  min-height: 1400px;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-artist-card {\r\n  width: calc(33.33% - 15px);\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-artist-card .fl-t-40-35-artist-content {\r\n  background-color: white;\r\n  border-radius: 16px;\r\n  text-align: left;\r\n  padding: 8px 8px 24px;\r\n  align-self: flex-start;\r\n  height: 100%;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-artist-card img {\r\n  width: 100%;\r\n  border-radius: 10px;\r\n  margin-bottom: 24px;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-artist-card h4 {\r\n  color: #000;\r\n  font-size: 24px;\r\n  font-style: normal;\r\n  font-weight: 700;\r\n  line-height: 175%;\r\n  padding: 0 16px;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-artist-card p {\r\n  color: #6c6c6c;\r\n  font-size: 19px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 175%;\r\n  text-align: left;\r\n  margin: 0;\r\n  padding: 0 16px;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-artist-card p b {\r\n  font-weight: 600;\r\n  color: #000;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-artist-card p strong {\r\n  color: #6c6c6c;\r\n  font-family: \"Open Sans\";\r\n  font-size: 19px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 175%;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-artist-card .fl-t-40-35-quote {\r\n  color: #000;\r\n  font-size: 19px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 150%;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-artist-card .fl-t-40-35-quote-image {\r\n  width: 60px;\r\n  height: 32px;\r\n  margin: 24px 0 8px;\r\n  padding-left: 16px;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-see-all-wrapper {\r\n  clear: both;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-see-all {\r\n  color: #16182c;\r\n  text-align: center;\r\n  font-size: 19px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  line-height: 30px;\r\n  border-radius: 400px;\r\n  background: #e9e9e9;\r\n  align-items: center;\r\n  max-width: max-content;\r\n  display: inline-flex;\r\n  gap: 12px;\r\n  padding: 10px 24px;\r\n  text-decoration: none;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-see-all:after {\r\n  height: 1em;\r\n  width: 1em;\r\n  display: inline-block;\r\n  background-image: url(https:\/\/www.image-line.com\/static\/assets\/arrow-circled-right-ZNIVDPDX.7abc618.svg);\r\n  background-position: center;\r\n  background-size: contain;\r\n  content: \"\";\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-tag.active {\r\n  align-items: center;\r\n  display: inline-flex;\r\n  gap: 8px;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-tag.active::before {\r\n  height: 24px;\r\n  width: 24px;\r\n  display: inline-block;\r\n  background-image: url(https:\/\/cdn-3.convertexperiments.com\/uf\/10049056\/10007574\/close-line_678e50472abfc.png);\r\n  background-position: center;\r\n  background-size: contain;\r\n  content: \"\";\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-see-all-wrapper .fl-t-40-35-button.orange {\r\n  margin: 20px auto 0px auto;\r\n  justify-content: center;\r\n  width: 100%;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-see-all-wrapper {\r\n  max-width: 235px;\r\n  margin: 0 auto;\r\n}\r\n\r\n@media screen and (min-width: 769px) {\r\n  .fl-t-40-35-featured-artists .fl-t-40-35-artist-card:nth-child(2) {\r\n    margin-top: 40px;\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .fl-t-40-35-featured-artists .fl-t-40-35-artist-card {\r\n    width: 100%;\r\n    margin: 10px 0px;\r\n  }\r\n\r\n  .fl-t-40-35-featured-artists .fl-t-40-35-tags {\r\n    overflow-x: auto;\r\n    scrollbar-width: none;\r\n    white-space: nowrap;\r\n    justify-content: flex-start;\r\n  }\r\n}\r\n\r\n\/**----------------end feature sections ----------------**\/\r\n\r\n\/**----------------start 7 reasons why beginners & professional producers alike love FL Studio ----------------**\/\r\n\r\n.fl-t-40-35-reasons {\r\n  background-color: #f6f6f6;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-wrapper {\r\n  padding-bottom: 120px;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-section-title {\r\n  color: #16182c;\r\n  text-align: center;\r\n  font-size: 57px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  line-height: 70px;\r\n  max-width: 1030px;\r\n  margin: auto;\r\n  font-stretch: 75%;\r\n  letter-spacing: normal;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-section-title span {\r\n  border-bottom: 4px solid #ff7629;\r\n  display: inline-block;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-reasons-grid {\r\n  display: flex;\r\n  gap: 32px;\r\n  padding-top: 40px;\r\n  flex-wrap: wrap;\r\n  justify-content: center;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-reason-card {\r\n  background-color: #fff;\r\n  border-radius: 10px;\r\n  text-align: left;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 40px;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-reason-card:nth-child(3) {\r\n  overflow: hidden;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-reason-card-4 {\r\n  width: calc(45% - 42px);\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-reason-card-6 {\r\n  width: calc(55% - 16px);\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-reason-card-6:nth-child(3) img {\r\n  margin-bottom: -50px;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-reason-card img {\r\n  max-width: 100%;\r\n  border-radius: 8px;\r\n  margin-top: auto;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-reason-title {\r\n  color: #ff7629;\r\n  font-size: 20px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 125%;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-reason-content h3 {\r\n  color: #16182c;\r\n  font-size: 46px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  line-height: 60px;\r\n  font-stretch: 75%;\r\n  letter-spacing: normal;\r\n  padding-bottom: 16px;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-reason-content p {\r\n  color: #16182c;\r\n  font-size: 18px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 175%;\r\n  padding-right: 22px;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-reason-description {\r\n  padding: 40px;\r\n  padding-bottom: 0px;\r\n}\r\n\r\n.fl-t-40-35-7-reasons .fl-t-40-35-reason-title {\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.fl-t-40-35-7-reasons .fl-t-40-35-reason-content h3 {\r\n  padding-right: 13px;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-reason-card img {\r\n  padding-left: 40px;\r\n}\r\n\r\n@media (min-width: 767px) and (max-width: 1024px) {\r\n  .fl-t-40-35-reasons .fl-t-40-35-reason-card {\r\n    width: 100% !important;\r\n  }\r\n}\r\n\r\n@media (min-width: 1025px) and (max-width: 1226px) {\r\n  .fl-t-40-35-reasons .fl-t-40-35-reasons-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n  }\r\n\r\n  .fl-t-40-35-reasons .fl-t-40-35-reason-card {\r\n    width: 100% !important;\r\n  }\r\n\r\n  .fl-t-40-35-reasons .fl-t-40-35-reason-card:nth-child(1),\r\n  .fl-t-40-35-reasons .fl-t-40-35-reason-card:nth-child(4) {\r\n    width: 100%;\r\n  }\r\n}\r\n\r\n@media (max-width: 1240px) {\r\n  .fl-t-40-35-reasons .fl-t-40-35-reason-card:nth-child(1),\r\n  .fl-t-40-35-reasons .fl-t-40-35-reason-card:nth-child(4) {\r\n    max-width: 100%;\r\n  }\r\n\r\n  .fl-t-40-35-reasons .fl-t-40-35-reason-card:nth-child(2),\r\n  .fl-t-40-35-reasons .fl-t-40-35-reason-card:nth-child(3) {\r\n    max-width: 100%;\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .fl-t-40-35-reasons .fl-t-40-35-reason-card {\r\n    width: 100% !important;\r\n  }\r\n}\r\n\r\n\/**----------------end 7 reasons why beginners & professional producers alike love FL Studio ----------------**\/\r\n\r\n\/**----------------satrt excellent learning resources ----------------**\/\r\n.fl-t-40-35-learning-resources {\r\n  text-align: center;\r\n  background-color: #fff;\r\n}\r\n\r\n.fl-t-40-35-learning-resources .fl-t-40-35-wrapper {\r\n  padding-top: 120px;\r\n}\r\n\r\n.fl-t-40-35-learning-resources .fl-t-40-35-learning-resources-title {\r\n  color: #ff7629;\r\n  font-size: 20px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 125%;\r\n}\r\n\r\n.fl-t-40-35-learning-resources h2 {\r\n  color: #16182c;\r\n  font-size: 46px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  line-height: 60px;\r\n  font-stretch: 75%;\r\n  letter-spacing: normal;\r\n}\r\n\r\n.fl-t-40-35-learning-resources-description {\r\n  border-radius: 10px;\r\n  margin: 32px 0;\r\n}\r\n\r\n.fl-t-40-35-learning-resources .fl-t-40-35-learning-details {\r\n  display: flex;\r\n  max-width: 1478px;\r\n  margin: 0 auto;\r\n  gap: 32px;\r\n  text-align: left;\r\n}\r\n\r\n.fl-t-40-35-learning-resources .fl-t-40-35-learning-detail {\r\n  background-color: #fff;\r\n  border-radius: 10px;\r\n  max-width: 336px;\r\n}\r\n\r\n.fl-t-40-35-learning-resources .fl-t-40-35-learning-detail h4 {\r\n  color: #16182c;\r\n  font-size: 18px;\r\n  font-style: normal;\r\n  font-weight: 700;\r\n  line-height: 175%;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.fl-t-40-35-learning-resources .fl-t-40-35-learning-detail p {\r\n  color: #16182c;\r\n  font-size: 18px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 175%;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .fl-t-40-35-learning-resources .fl-t-40-35-learning-details {\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    padding-bottom: 0px;\r\n  }\r\n}\r\n\r\n\/**----------------end excellent learning resources ----------------**\/\r\n\r\n\/**----------------start packed section ----------------**\/\r\n.fl-t-40-35-packed-section {\r\n  padding-top: 56px;\r\n  text-align: center;\r\n  padding-bottom: 34px;\r\n}\r\n\r\n.fl-t-40-35-packed-section h2 {\r\n  color: #16182c;\r\n  text-align: center;\r\n  font-size: 46px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  line-height: 60px;\r\n  font-stretch: 75%;\r\n  letter-spacing: normal;\r\n  margin-bottom: 20px;\r\n  max-width: 738px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.fl-t-40-35-packed-section .fl-t-40-35-packed-section-title {\r\n  color: #ff7629;\r\n  font-size: 20px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 125%;\r\n}\r\n\r\n.fl-t-40-35-packed-section .fl-t-40-35-button img {\r\n  max-width: 16px;\r\n  border-radius: 8px;\r\n  margin-left: 12px;\r\n}\r\n\r\n.fl-t-40-35-packed-section .fl-t-40-35-packed-description-wrapper {\r\n  display: flex;\r\n  margin: 40px 0;\r\n  gap: 64px;\r\n}\r\n\r\n.fl-t-40-35-packed-section .fl-t-40-35-packed-description {\r\n  flex: 1;\r\n  text-align: left;\r\n}\r\n\r\n.fl-t-40-35-packed-section .fl-t-40-35-packed-description p {\r\n  color: #16182c;\r\n  font-size: 18px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 175%;\r\n}\r\n\r\n.fl-t-40-35-packed-section .fl-t-40-35-packed-description p strong {\r\n  border-bottom: 1px solid #ff7629;\r\n}\r\n\r\n.fl-t-40-35-packed-section .see-all-plugins {\r\n  display: inline-flex;\r\n  gap: 12px;\r\n  align-items: center;\r\n  margin-bottom: 34px;\r\n}\r\n\r\n.fl-t-40-35-packed-section .see-all-plugins::after {\r\n  width: 16px;\r\n  height: 16px;\r\n  padding: 10px;\r\n  display: inline-block;\r\n  background-image: url(https:\/\/www.image-line.com\/static\/assets\/arrow-circled-right-ZNIVDPDX.7abc618.svg);\r\n  background-position: center;\r\n  background-size: contain;\r\n  content: \"\";\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .fl-t-40-35-packed-section .fl-t-40-35-packed-section {\r\n    padding-top: 40px;\r\n  }\r\n\r\n  .fl-t-40-35-packed-section .fl-t-40-35-packed-description-wrapper {\r\n    flex-direction: column;\r\n    gap: 32px;\r\n  }\r\n}\r\n\r\n\/**----------------end packed section ----------------**\/\r\n\r\n\/**----------------start buy section ----------------**\/\r\n.fl-t-40-35-buy-section {\r\n  text-align: center;\r\n}\r\n\r\n.fl-t-40-35-buy-section h2 {\r\n  font-size: 24px;\r\n  font-weight: bold;\r\n  color: #333;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.fl-t-40-35-buy-section p {\r\n  color: #16182c;\r\n  font-size: 24px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 175%;\r\n  text-align: left;\r\n}\r\n\r\n.fl-t-40-35-buy-section .fl-t-40-35-buy-buttons {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 20px;\r\n}\r\n\r\n.fl-t-40-35-buy-section .fl-t-40-35-buy-button {\r\n  text-align: center;\r\n  font-size: 19px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  line-height: 30px;\r\n  cursor: pointer;\r\n  padding: 10px 24px;\r\n  border-radius: 500px;\r\n}\r\n\r\n.fl-t-40-35-buy-section .fl-t-40-35-packed-section .fl-t-40-35-buy-button {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.fl-t-40-35-buy-section .fl-t-40-35-buy-button.orange {\r\n  background-color: #e65c21;\r\n  color: white;\r\n}\r\n.fl-t-40-35-buy-section .fl-t-40-35-button.orange {\r\n  max-width: fit-content;\r\n  margin-top: 40px;\r\n}\r\n.fl-t-40-35-buy-section .fl-t-40-35-buy-button.gray {\r\n  background-color: #e9e9e9;\r\n  color: #333;\r\n}\r\n\r\n.fl-t-40-35-buy-section .fl-t-40-35-buy-flex-wrapper {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding-top: 40px;\r\n  padding-bottom: 40px;\r\n}\r\n\r\n.fl-t-40-35-buy-section .fl-t-40-35-buy-section-title {\r\n  color: #ff7629;\r\n  font-size: 20px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 125%;\r\n  text-align: left;\r\n}\r\n\r\n.fl-t-40-35-buy-section .fl-t-40-35-buy-left-block h2 {\r\n  color: #16182c;\r\n  font-size: 46px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  line-height: 60px;\r\n  font-stretch: 75%;\r\n  letter-spacing: normal;\r\n  text-align: left;\r\n}\r\n\r\n.fl-t-40-35-buy-section .fl-t-40-35-buy-left-block h2 span {\r\n  display: inline-block;\r\n  text-decoration: underline;\r\n  text-decoration-color: #ff7629;\r\n  text-decoration-thickness: 4px;\r\n}\r\n\r\n.fl-t-40-35-buy-section .fl-t-40-35-buy-right-block {\r\n  max-width: 48%;\r\n}\r\n\r\n.fl-t-40-35-buy-section .fl-t-40-35-buy-left-block {\r\n  max-width: 35%;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .fl-t-40-35-buy-section .fl-t-40-35-buy-flex-wrapper {\r\n    padding-top: 40px;\r\n    padding-bottom: 40px;\r\n    flex-direction: column;\r\n    gap: 32px;\r\n  }\r\n\r\n  .fl-t-40-35-buy-section .fl-t-40-35-buy-right-block {\r\n    max-width: 100%;\r\n  }\r\n\r\n  .fl-t-40-35-buy-section .fl-t-40-35-buy-left-block {\r\n    max-width: 100%;\r\n  }\r\n}\r\n\r\n\/**----------------end buy section ----------------**\/\r\n\r\n\/**--------- FOP Logos -------------**\/\r\n.fl-t-40-35-payment-options {\r\n  text-align: center;\r\n  width: 100%;\r\n  padding: 70px 80px;\r\n}\r\n\r\n.fl-t-40-35-payment-options .fl-t-40-35-note {\r\n  margin-bottom: 40px;\r\n}\r\n\r\n.fl-t-40-35-payment-options .fl-t-40-35-note p b {\r\n  color: #16182c;\r\n  text-align: center;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 24px;\r\n  font-style: normal;\r\n  font-weight: 700;\r\n  line-height: 175%;\r\n}\r\n\r\n.fl-t-40-35-payment-options .fl-t-40-35-note p {\r\n  color: #16182c;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 19px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 175%;\r\n}\r\n\r\n.fl-t-40-35-payment-options .extra-note {\r\n  color: #16182c;\r\n  text-align: center;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 13px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 150%;\r\n}\r\n\r\n.fl-t-40-35-payment-options .fl-t-40-35-logos {\r\n  margin: 0 auto 16px;\r\n  padding: 0px 15px;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 20px;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  max-width: 1080px;\r\n}\r\n\r\n.fl-t-40-35-payment-options img {\r\n  height: fit-content;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .fl-t-40-35-payment-options {\r\n    padding: unset;\r\n  }\r\n  .fl-t-40-35-payment-options .fl-t-40-35-logos {\r\n    gap: 20px;\r\n    justify-content: center;\r\n  }\r\n  body.fl-t-40-35 .banner-heading {\r\n    font-size: 31px;\r\n    line-height: normal;\r\n  }\r\n}\r\n\r\n\/** footer section **\/\r\n.fl-t-40-35-footer {\r\n  background-color: #16182c !important;\r\n  padding: 2.5rem 1rem;\r\n}\r\n\r\n.fl-t-40-35-footer-content {\r\n  max-width: 1478px;\r\n  margin: 0 auto;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n}\r\n\r\n.fl-t-40-35-footer .fl-t-40-35-copyright {\r\n  opacity: 0.8;\r\n  color: white;\r\n  font-size: 1rem;\r\n  line-height: 1.625em;\r\n}\r\n\r\n.fl-t-40-35-footer .fl-t-40-35-legal-notices {\r\n  text-decoration: underline;\r\n  font-size: 1rem;\r\n  line-height: 1.625em;\r\n  font-weight: 400;\r\n  color: white;\r\n}\r\n\r\n.fl-t-40-35-footer .fl-t-40-35-legal-notices:hover {\r\n  text-decoration: none;\r\n  color: #ff7629;\r\n  outline: 0;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .fl-t-40-35-featured-artists h2,\r\n  .fl-t-40-35-top-price__header h2,\r\n  .fl-t-40-35-reasons .fl-t-40-35-section-title,\r\n  .fl-t-40-35-start-making h2,\r\n  .fl-t-40-35-pricing-tile__header h2 {\r\n    font-size: 31px;\r\n    line-height: 38px;\r\n  }\r\n\r\n  .fl-t-40-35-reasons .fl-t-40-35-reason-content h3,\r\n  .fl-t-40-35-packed-section h2,\r\n  .fl-t-40-35-buy-section .fl-t-40-35-buy-left-block h2,\r\n  .fl-t-40-35-learning-resources h2 {\r\n    font-size: 24px;\r\n    line-height: 30px;\r\n  }\r\n\r\n  .fl-t-40-35-start-image {\r\n    margin-top: 0px !important;\r\n  }\r\n\r\n  .fl-t-40-35-footer-content {\r\n    flex-direction: column-reverse;\r\n  }\r\n}\r\n\r\n\/**----------------end footer section ----------------**\/\r\n\r\n\r\n\/**----------------Buy Now page artist slider ----------------**\/\r\n\r\n.fl-t-40-35-artist-slider {\r\n  background: #f6f6f6;\r\n  padding: 60px 15px 30px;\r\n}\r\n\r\n.fl-t-40-35-artist-slider h2,\r\n.fl-t-40-35-artist-slider .artist-name {\r\n  color: #16182c;\r\n}\r\n\r\n.fl-t-40-35-buy-page .sub-navigation--inner .navigation-info {\r\n  margin: 24px auto 0px;\r\n}\r\n\r\n.fl-t-40-35-main-heading {\r\n  color: #fff;\r\n  text-align: center;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 57px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  margin: 75px 0px 45px;\r\n  line-height: 1.3;\r\n  line-height: 1.225em;\r\n  font-stretch: 75%;\r\n  letter-spacing: normal;\r\n}\r\n\r\n@media screen and (max-width: 1600px) {\r\n  body.fl-t-40-35 #buy-now-header {\r\n    background-position: center -88px;\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 1500px) {\r\n  body.fl-t-40-35 #buy-now-header {\r\n    background-position: center -66px;\r\n  }\r\n\r\n  .fl-t-40-35-main-heading {\r\n    margin: 75px 0px 18px;\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 1400px) {\r\n  body.fl-t-40-35 #buy-now-header {\r\n    background-position: center -40px;\r\n  }\r\n\r\n  .fl-t-40-35-main-heading {\r\n    margin: 75px 0px 0px;\r\n  }\r\n}\r\n\r\n\/**\r\n* ===============================================================================\r\n* [fl-t-40-35] FL Buy now page HL test End\r\n* ==============================================================================\r\n*\/","js":function(convertContext){ 
(function() {
  let debug = 0;
  const variation_name = "fl-t-40";
  try {
    /**LIBRARY**/
    var utils = {};

    /**
     * Helper function to wait for library to load
     * @param {function} trigger - callback function to be called when lib is loaded
     */
    function waitForLibrary(trigger) {
      var INTERVAL = 50;
      var TIMEOUT = 15000;

      var interval = setInterval(function() {
        if (typeof window["ilHelpers"] != "undefined") {
          clearInterval(interval);
          trigger(window["ilHelpers"]);
        }
      }, INTERVAL);

      setTimeout(function() {
        clearInterval(interval);
      }, TIMEOUT);
    }

    const defaultTemplateSelector = '.nav .nav__section > a[href="https://www.image-line.com/fl-studio"] + .nav__links';
    const newTemplateSelector = '.c-nav-main > ul > li > a[href="https://www.image-line.com/fl-studio"] + .sub-menu';
    const submenuHTML = `<li class="nav__item ${variation_name}-nav__item"><a href="https://www.image-line.com/fl-cloud"> FL Cloud </a></li>`;

    const flLogo = `
    <img decoding="async" class="site-header__logo__fruit" src="https://www.image-line.com/static/assets/nav-logo-fruit.41db863.png">
    <svg width="997" height="170" viewBox="0 0 997 170" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M910.668 0.609131C934.941 0.609131 955.254 8.7124 971.606 24.9189C987.957 41.1255 996.133 61.0747 996.133 84.7668C996.133 108.241 987.957 
    128.154 971.606 144.506C955.326 160.858 935.45 169.033 911.976 169.033C888.211 169.033 868.153 160.894 851.801 144.615C835.449 128.335 827.273 108.641 827.273 85.5299C827.273 70.1228 830.979 55.8421 838.392 42.688C845.878 29.5338 856.052 19.2503 
    868.916 11.8374C881.779 4.35189 895.697 0.609131 910.668 0.609131ZM911.431 16.3069C899.585 16.3069 888.356 19.3956 877.746 25.573C867.135 31.7504 858.85 40.0717 852.891 50.5369C846.932 61.0021 843.952 72.6664 843.952 85.5299C843.952 104.571 
    850.529 120.668 863.683 133.822C876.91 146.904 892.826 153.445 911.431 153.445C923.858 153.445 935.341 150.429 945.879 144.397C956.489 138.365 964.738 130.116 970.625 119.651C976.584 109.186 979.564 97.5576 979.564 84.7668C979.564 72.0487 
    976.584 60.566 970.625 50.3188C964.738 39.999 956.417 31.7504 945.661 25.573C934.905 19.3956 923.495 16.3069 911.431 16.3069Z" fill="white"></path><path d="M782.495 4.64258H798.52V165H782.495V4.64258Z" fill="white"></path><path d="M619.766 
    165V4.64258H653.014C676.997 4.64258 694.403 6.56847 705.231 10.4202C720.784 15.8709 732.921 25.3186 741.642 38.7635C750.435 52.2084 754.832 68.2332 754.832 86.838C754.832 102.899 751.344 117.035 744.367 129.244C737.463 141.453 728.451 150.465 
    717.332 156.279C706.285 162.093 690.769 165 670.783 165H619.766ZM635.136 149.847H653.668C675.834 149.847 691.205 148.466 699.781 145.705C711.845 141.78 721.329 134.731 728.233 124.556C735.137 114.309 738.589 101.809 738.589 87.0561C738.589 71.5763 
    734.846 58.3494 727.361 47.3755C719.875 36.4016 709.446 28.8797 696.074 24.8099C686.045 21.7575 669.512 20.2314 646.474 20.2314H635.136V149.847Z" fill="white"></path><path d="M475.132 4.64258H491.157V101.446C491.157 112.928 491.375 120.087 491.811 
    122.921C492.61 129.244 494.464 134.549 497.371 138.837C500.278 143.052 504.747 146.613 510.779 149.52C516.811 152.355 522.88 153.772 528.984 153.772C534.29 153.772 539.377 152.645 544.246 150.392C549.115 148.139 553.185 145.014 556.455 141.017C559.726 
    137.02 562.124 132.187 563.65 126.519C564.74 122.449 565.285 114.091 565.285 101.446V4.64258H581.31V101.446C581.31 115.763 579.893 127.354 577.059 136.221C574.297 145.014 568.701 152.682 560.271 159.222C551.913 165.763 541.775 169.033 529.856 
    169.033C516.92 169.033 505.837 165.945 496.607 159.767C487.378 153.59 481.2 145.414 478.075 135.24C476.113 128.99 475.132 117.725 475.132 101.446V4.64258Z" fill="white"></path><path d="M364.728 20.2314V4.64258H452.702V20.2314H416.945V165H400.594V20.2314H364.728Z" 
    fill="white"></path><path d="M253.998 135.131L267.624 126.955C277.218 144.615 288.301 153.445 300.873 153.445C306.251 153.445 311.302 152.209 316.026 149.738C320.75 147.195 324.347 143.815 326.818 139.6C329.289 135.385 330.525 130.915 330.525 126.192C330.525 120.814 
    328.708 115.545 325.074 110.385C320.059 103.263 310.902 94.6869 297.603 84.6578C284.231 74.556 275.909 67.2521 272.639 62.7463C266.97 55.1881 264.136 47.0121 264.136 38.2185C264.136 31.2417 265.808 24.8826 269.151 19.1413C272.494 13.3999 277.181 8.89408 283.213 
    5.62371C289.318 2.28066 295.931 0.609131 303.054 0.609131C310.612 0.609131 317.661 2.49868 324.202 6.27778C330.815 9.98421 337.792 16.852 345.132 26.8812L332.051 36.8013C326.019 28.807 320.859 23.5381 316.571 20.9945C312.356 18.4508 307.741 17.179 302.727 17.179C296.258 
    17.179 290.953 19.1413 286.811 23.0657C282.741 26.9902 280.706 31.8231 280.706 37.5644C280.706 41.0528 281.433 44.4322 282.886 47.7025C284.34 50.9729 286.992 54.534 290.844 58.3858C292.952 60.4207 299.856 65.7623 311.557 74.4106C325.437 84.6578 334.958 93.7785 340.118 
    101.773C345.278 109.767 347.858 117.798 347.858 125.865C347.858 137.493 343.425 147.594 334.558 156.17C325.764 164.746 315.045 169.033 302.399 169.033C292.661 169.033 283.831 166.454 275.909 161.294C267.988 156.061 260.684 147.34 253.998 135.131Z" fill="white"></path>
    <path d="M107.755 4.64258H123.889V149.52H185.481V165H107.755V4.64258Z" fill="white"></path><path d="M0.513245 4.64258H80.8555V20.4494H16.4291V70.5952H80.8555V86.402H16.4291V165H0.513245V4.64258Z" fill="white"></path></svg>`;

    /**
     * Inserts a new submenu link into a specified parent element in the navigation menu.
     * This function first checks if the parent element specified by the selector exists and if the submenu link
     * has not already been inserted. If both conditions are true, the submenu link is added to the end of the
     * parent element's inner HTML.
     */
    function insertSubMenuLink(selector, submenuHTML) {
      const parentElement = document.querySelector(selector);
      const existingSubmenuElement = document.querySelector(`.${variation_name}-nav__item`);

      if (parentElement && !existingSubmenuElement) {
        parentElement.insertAdjacentHTML("beforeend", submenuHTML);
      }
    }

    // Inserts the FL Cloud submenu link into the default template's navigation menu.
    function initDefaultTemplate() {
      insertSubMenuLink(defaultTemplateSelector, submenuHTML);
    }

    // Inserts the FL Cloud submenu link into the new template's navigation menu.
    function initNewTemplate() {
      insertSubMenuLink(newTemplateSelector, submenuHTML);
      // Update site logo
      utils.waitForElement(".c-header--logo", function() {
        const headerLogo = document.querySelector(".c-header--logo");
        headerLogo.insertAdjacentHTML("afterbegin", flLogo);
      });
    }

    // Initializes variation
    function initializeVariation() {
      if (window.location.hostname == "support.image-line.com") {
        document.body.classList.add(variation_name + "--support");
        utils.waitForElement(newTemplateSelector, initNewTemplate);
        return;
      } else if (window.location.pathname == "/artists" || window.location.pathname == "/artists/" || window.location.pathname == "/fl-studio-news" || window.location.pathname == "/fl-studio-news/") {
        utils.waitForElement(newTemplateSelector, initNewTemplate);
        return;
      }

      if (document.body.classList.contains("page-template-default")) {
        utils.waitForElement(defaultTemplateSelector, initDefaultTemplate);
      } else if (document.body.classList.contains("page-template-templates")) {
        utils.waitForElement(newTemplateSelector, initNewTemplate);
      }
    }

    // Updates the href attribute of all buy now links to the new URL '/fl-studio/b-buy-now'
    function updateBuyNowLink() {
      document.querySelectorAll('header a[href*="/fl-studio/buy-now"]')
      .forEach(el => el.textContent = "Buy FL Studio");   
      
      const buyNowLinks = document.querySelectorAll('a[href*="/fl-studio/buy-now"]');
      buyNowLinks.forEach(el => (el.href = "https://www.image-line.com/fl-studio/b-buy-now"));
    }

    /**
     * ===============================================================================
     * Buy Now Box Section Start
     * ==============================================================================
     */

    const buyNowLeftContent = `
      <div class="${variation_name}-col ${variation_name}-col-lg-6">
        <div class="${variation_name}-content-wrapper">
          <div class="${variation_name}-content-box">
              <h2>The choice of pros</h2>
              <p>FL Studio is the go-to DAW for hitmakers like Martin Garrix, Mustard, and Boi-1da. It's a versatile and complete music production environment used to create chart-topping hits in every genre, from EDM and hip-hop to pop and beyond.
                </p>
          </div>
          <hr style="background-color:#d2d2d2;color:#d2d2d2">
          <div class="${variation_name}-content-box">
              <h2>Easy to learn, fun to master</h2>
              <p>FL Studio's intuitive interface makes it easy to dive in and start making music in minutes. And as you grow, FL Studio grows with you, offering endless possibilities for exploration and experimentation.
                </p>
          </div>
          <hr style="background-color:#d2d2d2;color:#d2d2d2">
          <div class="${variation_name}-content-box">
              <h2>Buy once, get all updates free for life</h2>
              <p>We believe in transparent and fair pricing: Others make you pay for updates every 2 years or so. With FL Studio you always get all updates, improvements, and the latest features for free - for life.
              </p>
          </div>
          </div>
      </div>
    `;

    const buyNowBoxHeader = `
    <div class="${variation_name}-top-pricing-section">
      <div class="${variation_name}-top-price__header">
        <div>
          <h2>Get everything you need to start making music today</h2>
          <p>FL Studio offers over 100 instruments and effects, a huge sound library, world famous features, and beginner-friendly tools for music composition.</p>
        </div>
      </div>
    </div>
    `;

    function initBuyNowBox() {
      const buyNowBox = document.querySelector("#buy-now-box");
      const buyNowBoxColumn = document.querySelector("#buy-now-box > div.buy-now-columns");
      buyNowBox && buyNowBox.classList.contains("is-hidden") && buyNowBox.classList.remove("is-hidden");
      buyNowBox && buyNowBox.classList.add("fl-t-40-top-pricing-section");
      buyNowBoxColumn && buyNowBoxColumn.classList.add("fl-t-40-col-lg-6");
      buyNowBox && buyNowBox.insertAdjacentHTML("afterbegin", buyNowLeftContent);
      buyNowBox && buyNowBox.insertAdjacentHTML("beforebegin", buyNowBoxHeader);
    }

    /**
     * ===============================================================================
     * Buy Now Box Section End
     * ==============================================================================
     */

    // Wait for library and initialize experiment
    waitForLibrary(function(ilHelpers) {
      utils = ilHelpers.get("lib");
      utils.waitForElement("body", function(bodyElm) {
        if (!bodyElm.classList.contains(variation_name)) {
          bodyElm.classList.add(variation_name);
          initializeVariation();

          utils.waitForElement('a[href*="/fl-studio/buy-now"]', function(){
            updateBuyNowLink();
            setTimeout(updateBuyNowLink, 2000);
          });

          if (window.location.pathname == "/") {
            utils.waitForElement("#buy-now-box > div.buy-now-columns", initBuyNowBox);
          }

          utils.waitForElement("a.fl-t-44-discover-studio", function() {
            var elms = document.querySelectorAll("a.fl-t-44-discover-studio");
            elms.forEach(function(el) {
              el.href = "/fl-studio/buy-now";
            });
          });
          utils.waitForElement('.fl-t-44-payment__button .wp-block-button__link[href="/fl-studio/buy-now/"]', function() {
            var elms = document.querySelectorAll('.fl-t-44-payment__button .wp-block-button__link[href="/fl-studio/buy-now/"]');
            elms.forEach(function(el) {
              el.href = "/fl-studio/buy-now";
            });
          });
          utils.waitForElement('.fl-t-44-buy-btn[href*="/fl-studio/buy-now/"]', function() {
            var elms = document.querySelectorAll('.fl-t-44-buy-btn[href*="/fl-studio/buy-now/"]');
            elms.forEach(function(el) {
              el.href = "/fl-studio/buy-now";
            });
          });
        }
      });
    });
  } catch (e) {
    if (debug) console.log(e, "error in Test" + variation_name);
  }
})();

(function() {
  try {
    /* main variables */
    var debug = 0;
    var variation_name = "fl-t-40-35";

    /**LIBRARY**/
    var utils = {};

    /**
     * Helper function to wait for library to load
     * @param {function} trigger - callback function to be called when lib is loaded
     */
    function waitForLibrary(trigger) {
      var INTERVAL = 50;
      var TIMEOUT = 15000;

      var interval = setInterval(function() {
        if (typeof window["ilHelpers"] != "undefined") {
          clearInterval(interval);
          trigger(window["ilHelpers"]);
        }
      }, INTERVAL);

      setTimeout(function() {
        clearInterval(interval);
      }, TIMEOUT);
    }

    // Inject missing libraries
    function injectMasonryScript(callback) {
      var script = document.createElement("script");
      script.src = "https://cdnjs.cloudflare.com/ajax/libs/packery/2.1.2/packery.pkgd.min.js";
      script.onload = callback;
      document.head.appendChild(script);
    }

    /**
     * ==============================================================
     * Objects and data
     * ==============================================================
     */

    var headerSvg = `<svg width="997" height="170" viewBox="0 0 997 170" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M910.668 0.609131C934.941 0.609131 955.254 8.7124 971.606 24.9189C987.957 41.1255 996.133 61.0747 996.133 84.7668C996.133 108.241 987.957 128.154 971.606 144.506C955.326 160.858 935.45 169.033 911.976 169.033C888.211 169.033 868.153 160.894 851.801 144.615C835.449 128.335 827.273 108.641 827.273 85.5299C827.273 70.1228 830.979 55.8421 838.392 42.688C845.878 29.5338 856.052 19.2503 868.916 11.8374C881.779 4.35189 895.697 0.609131 910.668 0.609131ZM911.431 16.3069C899.585 16.3069 888.356 19.3956 877.746 25.573C867.135 31.7504 858.85 40.0717 852.891 50.5369C846.932 61.0021 843.952 72.6664 843.952 85.5299C843.952 104.571 850.529 120.668 863.683 133.822C876.91 146.904 892.826 153.445 911.431 153.445C923.858 153.445 935.341 150.429 945.879 144.397C956.489 138.365 964.738 130.116 970.625 119.651C976.584 109.186 979.564 97.5576 979.564 84.7668C979.564 72.0487 976.584 60.566 970.625 50.3188C964.738 39.999 956.417 31.7504 945.661 25.573C934.905 19.3956 923.495 16.3069 911.431 16.3069Z" fill="white"></path><path d="M782.495 4.64258H798.52V165H782.495V4.64258Z" fill="white"></path><path d="M619.766 165V4.64258H653.014C676.997 4.64258 694.403 6.56847 705.231 10.4202C720.784 15.8709 732.921 25.3186 741.642 38.7635C750.435 52.2084 754.832 68.2332 754.832 86.838C754.832 102.899 751.344 117.035 744.367 129.244C737.463 141.453 728.451 150.465 717.332 156.279C706.285 162.093 690.769 165 670.783 165H619.766ZM635.136 149.847H653.668C675.834 149.847 691.205 148.466 699.781 145.705C711.845 141.78 721.329 134.731 728.233 124.556C735.137 114.309 738.589 101.809 738.589 87.0561C738.589 71.5763 734.846 58.3494 727.361 47.3755C719.875 36.4016 709.446 28.8797 696.074 24.8099C686.045 21.7575 669.512 20.2314 646.474 20.2314H635.136V149.847Z" fill="white"></path><path d="M475.132 4.64258H491.157V101.446C491.157 112.928 491.375 120.087 491.811 122.921C492.61 129.244 494.464 134.549 497.371 138.837C500.278 143.052 504.747 146.613 510.779 149.52C516.811 152.355 522.88 153.772 528.984 153.772C534.29 153.772 539.377 152.645 544.246 150.392C549.115 148.139 553.185 145.014 556.455 141.017C559.726 137.02 562.124 132.187 563.65 126.519C564.74 122.449 565.285 114.091 565.285 101.446V4.64258H581.31V101.446C581.31 115.763 579.893 127.354 577.059 136.221C574.297 145.014 568.701 152.682 560.271 159.222C551.913 165.763 541.775 169.033 529.856 169.033C516.92 169.033 505.837 165.945 496.607 159.767C487.378 153.59 481.2 145.414 478.075 135.24C476.113 128.99 475.132 117.725 475.132 101.446V4.64258Z" fill="white"></path><path d="M364.728 20.2314V4.64258H452.702V20.2314H416.945V165H400.594V20.2314H364.728Z" fill="white"></path><path d="M253.998 135.131L267.624 126.955C277.218 144.615 288.301 153.445 300.873 153.445C306.251 153.445 311.302 152.209 316.026 149.738C320.75 147.195 324.347 143.815 326.818 139.6C329.289 135.385 330.525 130.915 330.525 126.192C330.525 120.814 328.708 115.545 325.074 110.385C320.059 103.263 310.902 94.6869 297.603 84.6578C284.231 74.556 275.909 67.2521 272.639 62.7463C266.97 55.1881 264.136 47.0121 264.136 38.2185C264.136 31.2417 265.808 24.8826 269.151 19.1413C272.494 13.3999 277.181 8.89408 283.213 5.62371C289.318 2.28066 295.931 0.609131 303.054 0.609131C310.612 0.609131 317.661 2.49868 324.202 6.27778C330.815 9.98421 337.792 16.852 345.132 26.8812L332.051 36.8013C326.019 28.807 320.859 23.5381 316.571 20.9945C312.356 18.4508 307.741 17.179 302.727 17.179C296.258 17.179 290.953 19.1413 286.811 23.0657C282.741 26.9902 280.706 31.8231 280.706 37.5644C280.706 41.0528 281.433 44.4322 282.886 47.7025C284.34 50.9729 286.992 54.534 290.844 58.3858C292.952 60.4207 299.856 65.7623 311.557 74.4106C325.437 84.6578 334.958 93.7785 340.118 101.773C345.278 109.767 347.858 117.798 347.858 125.865C347.858 137.493 343.425 147.594 334.558 156.17C325.764 164.746 315.045 169.033 302.399 169.033C292.661 169.033 283.831 166.454 275.909 161.294C267.988 156.061 260.684 147.34 253.998 135.131Z" fill="white"></path><path d="M107.755 4.64258H123.889V149.52H185.481V165H107.755V4.64258Z" fill="white"></path><path d="M0.513245 4.64258H80.8555V20.4494H16.4291V70.5952H80.8555V86.402H16.4291V165H0.513245V4.64258Z" fill="white"></path></svg>`;
    var defaultArtists = [
      {
        "Show on homepage?": "x",
        "Show per default on FL Studio PDP": "x",
        Name: "Martin Garrix",
        Description: '<b>4x DJ Mag #1 DJ</b>, most known for his hits "Animals", "In the Name of Love", and "Scared to Be Lonely',
        Quote: "In FL Studio it's about the workflow and the speed of programming.",
        Genre: "EDM",
        "link to more": "https://www.image-line.com/artists/martin-garrix/",
        Image: "https://www.image-line.com/static/assets/Martin-Garrix-1.jpg.696e0e0.webp",
        "Alt image": "https://www.image-line.com/wp-content/uploads/2022/07/martin_garrix.png",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "x",
        "Show per default on FL Studio PDP": "x",
        Name: "Boi-1da",
        Description: "Grammy-winning producer behind hits from <b>Drake, Eminem, Jay-Z, Nicki Minaj, Rihanna</b>, and many others",
        Quote: "I learned the basics of it within an hour.",
        Genre: "Hip Hop",
        "link to more": "https://www.image-line.com/artists/boi-1da/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/boi-1da.png",
        "Alt image": "https://www.image-line.com/wp-content/uploads/2012/01/Boi-1da-620x443-2.jpg",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "x",
        Name: "Hit-Boy",
        Description: "With hits for <b>Jay-Z, Kanye West, Eminem, Justin Bieber, Drake, Selena Gomez</b>, and more, Hit-Boy has been a <b>Grammy winner or nominee for 10 of the last 11 years</b>",
        Quote: "To be able to get a pack out with FL that's fly, that's like an athlete getting with Nike.",
        Genre: "Hip Hop",
        "link to more": "N/A",
        Image: "https://www.image-line.com/static/assets/hit-boy-1.88cec2f.jpg",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments:
          "Josh:\nAs I mentioned in my message, I don't feel we should use him for this until we have a Power User page set up for him.\n\nRich: While it woudl be ideal for him to have a page, I don't think it's a must have. His description sounds impressive, his quote is strong (taken from a video that we have/had on the homepage). Also: his image is featured all over the site.",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "x",
        Name: "Ovy On The Drums",
        Description: "Colombian producer and vocalist known for his work with artists like <b>Nicki Minaj, KAROL G, Becky G, Paulo Londra, Bad Bunny, 6ix9ine</b>, and <b>Ed Sheeran</b>",
        Quote:
          "When I went to my cousin’s house one of the guys who was there showed me FL Studio. My life changed, it was like entering another galaxy and since then FL Studio has been like my temple, my place where I disconnect and create my sound, my music, my art.",
        Genre: "Latin",
        "link to more": "https://www.image-line.com/artists/ovy-on-the-drums/",
        Image: "https://www.image-line.com/static/assets/ovy-on-the-drums-1-jpg-56d1ba3.0f7c10d.webp",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "x",
        "Show per default on FL Studio PDP": "x",
        Name: "Afrojack",
        Description: '<b>DJ Mag Top 20 DJ since 2010</b>, head of Wall Recordings, known for hits like "Take Over Control" ft. Eva Simons & "Give Me Everything" ft. Pitbull & Ne-Yo',
        Quote: "FL Studio felt really easy and intuitive, and I never stopped using it.",
        Genre: "EDM",
        "link to more": "Read more",
        Image: "",
        "Alt image": "https://www.image-line.com/static/assets/afrojack-jpg-f6c6b36.4b51030.webp",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "x",
        Name: "Madeon",
        Description:
          '<b>Grammy-nominated</b> electronic artist who rocketed to fame with his viral hit "Pop Culture" mashup all the way back in 2011 and has since released many hits and multiple albums',
        Quote: "...with the incredible depth of the software, I never feel like something isn't achievable.",
        Genre: "EDM",
        "link to more": "https://www.image-line.com/wp-content/uploads/2022/07/madeon.png",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/madeon.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
    ];

    var artistObject = [
      {
        "Show on homepage?": "x",
        "Show per default on FL Studio PDP": "x",
        Name: "Martin Garrix",
        Description: '<b>4x DJ Mag #1 DJ</b>, most known for his hits "Animals", "In the Name of Love", and "Scared to Be Lonely',
        Quote: "In FL Studio it's about the workflow and the speed of programming.",
        Genre: "EDM",
        "link to more": "https://www.image-line.com/artists/martin-garrix/",
        Image: "https://www.image-line.com/static/assets/Martin-Garrix-1.jpg.696e0e0.webp",
        "Alt image": "https://www.image-line.com/wp-content/uploads/2022/07/martin_garrix.png",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Avicii (In Memoriam)",
        Description: '<b>Legendary 2-time Grammy-nominee</b> best known for hits like "Levels", "Wake Me Up", "Hey Brother" and many others. In Memoriam <3',
        Quote: "I was introduced to FL through a friend and was hooked instantly. It’s so easy and quick to use [...] I literally couldn’t shut the program down.",
        Genre: "EDM",
        "link to more": "https://www.image-line.com/artists/avicii/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/avicii.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Afrojack",
        Description: '<b>DJ Mag Top 20 DJ since 2010</b>, head of Wall Recordings, known for hits like "Take Over Control" ft. Eva Simons & "Give Me Everything" ft. Pitbull & Ne-Yo',
        Quote: "FL Studio felt really easy and intuitive, and I never stopped using it.",
        Genre: "EDM",
        "link to more": "https://www.image-line.com/artists/afrojack/",
        Image: "https://www.image-line.com/static/assets/afrojack-jpg-f6c6b36.4b51030.webp",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Porter Robinson",
        Description: '<b>Grammy-nominated artist and 7-time DJ Mag Top 100 DJ</b>, best known hits like "Language" and his successful alternate alias Virtual Self',
        Quote: "FL Studio stood out because it was vastly more intuitive and usable...there's way too many awesome FL Studio features to list.",
        Genre: "EDM",
        "link to more": "https://www.image-line.com/artists/porter-robinson/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/porter_robinson.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "x",
        Name: "Madeon",
        Description:
          '<b>Grammy-nominated</b> electronic artist who rocketed to fame with his viral hit "Pop Culture" mashup all the way back in 2011 and has since released many hits and multiple albums',
        Quote: "...with the incredible depth of the software, I never feel like something isn't achievable.",
        Genre: "EDM",
        "link to more": "https://www.image-line.com/wp-content/uploads/2022/07/madeon.png",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/madeon.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Oliver Heldens",
        Description: 'DJ Mag top 35 DJ since 2014 & Heldeep Records label head, best known for hits like "Gecko (Overdrive)", "Turn me On", and his HI-LO pseudonym',
        Quote: "I like how I can draw my idea's in it really quick.",
        Genre: "EDM",
        "link to more": "https://www.image-line.com/artists/oliver-heldens/",
        Image: "",
        "Alt image": "https://www.image-line.com/innovaeditor/assets/oliversplash.jpg",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },

      // Hip Hop
      {
        "Show on homepage?": "x",
        "Show per default on FL Studio PDP": "x",
        Name: "Boi-1da",
        Description: "Grammy-winning producer behind hits from <b>Drake, Eminem, Jay-Z, Nicki Minaj, Rihanna</b>, and many others",
        Quote: "I learned the basics of it within an hour.",
        Genre: "Hip Hop",
        "link to more": "https://www.image-line.com/artists/boi-1da/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/boi-1da.png",
        "Alt image": "https://www.image-line.com/wp-content/uploads/2012/01/Boi-1da-620x443-2.jpg",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "x",
        "Show per default on FL Studio PDP": "",
        Name: "Murda Beatz",
        Description: '<b>Multi-platinum producer</b> behind hits like <b>Travis Scott\'s</b> "Butterfly Effect", <b>Gucci Mane\'s</b> "Back on Road", <b>Drake\'s</b> "Nice for What", and others',
        Quote: "I love my FL Studio.",
        Genre: "Hip Hop",
        "link to more": "Read more",
        Image: "",
        "Alt image": "https://www.image-line.com/static/assets/murda-beatz-1.8650ed0.jpg",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Mustard",
        Description:
          "<b>Grammy-winning, multi-platinum-selling</b> American producer, DJ, and artist, known for a slew of major hits from artists like <b>Rihanna, Tyga, Lil Dicky, Jeremih, Roddy Ricch</b>, and many others",
        Quote:
          "FL Studio means everything to my production, from how I draw my notes in, how it sounds, how I layer my drums, how I mix everything together, and most importantly, the finished product.",
        Genre: "Hip Hop",
        "link to more": "https://www.image-line.com/artists/mustard/",
        Image: "https://www.image-line.com/wp-content/uploads/2023/03/mustard.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "x",
        "Show per default on FL Studio PDP": "",
        Name: "PLUSS",
        Description: '<b>Grammy-winning, multi-platinum selling producer</b> behind hits like "HUMBLE." by <b>Kendrick Lamar</b>, "Formation" by <b>Beyonce</b>, and countless others',
        Quote: "It’s an honor to be a part of what you guys have going on. FL Studio plays a huge role in why I am who I am today. Thank you all.",
        Genre: "Hip Hop",
        "link to more": "https://www.image-line.com/artists/pluss/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/pluss.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "9th Wonder",
        Description: "<b>Grammy-winning</b> producer, record executive, and professor known for his work with <b>Kendrick Lamar, Anderson .Paak, JAY-Z, Mac Miller</b>, and others",
        Quote: "The programs we use are Cool Edit Pro and FL Studio. Those are the two programs that we use, and that's what we did the whole album on.",
        Genre: "Hip Hop",
        "link to more": "https://www.image-line.com/artists/9th-wonder/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/9th_wonder-1.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Wondagurl",
        Description: "Label head and producer behind tracks from <b>Mariah Carey, Travis Scott, Jay-Z, Drake, Kanye West</b>, and others",
        Quote: "FL means everything to my productions.",
        Genre: "Hip Hop",
        "link to more": "https://www.image-line.com/artists/wondagurl/",
        Image: "https://www.image-line.com/static/assets/wondagurl-1.a08146e.jpg",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },

      // Latin
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "x",
        Name: "Ovy On The Drums",
        Description: "Colombian producer and vocalist known for his work with artists like <b>Nicki Minaj, KAROL G, Becky G, Paulo Londra, Bad Bunny, 6ix9ine</b>, and <b>Ed Sheeran</b>",
        Quote:
          "When I went to my cousin’s house one of the guys who was there showed me FL Studio. My life changed, it was like entering another galaxy and since then FL Studio has been like my temple, my place where I disconnect and create my sound, my music, my art.",
        Genre: "Latin",
        "link to more": "https://www.image-line.com/artists/ovy-on-the-drums/",
        Image: "https://www.image-line.com/static/assets/ovy-on-the-drums-1-jpg-56d1ba3.0f7c10d.webp",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Nely (El Arma Secreta)",
        Description: "Prolific Puerto Rican reggaeton producer known for his work with artists like <b>Wisin & Yandel, Daddy Yankee</b>, and many others",
        Quote: "For me FL studio is the easiest way to project your ideas and anybody can lay out any musical ideas.",
        Genre: "Latin",
        "link to more": "https://www.image-line.com/artists/nely-arma-secreta/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/nely.png",
        "Alt image": "https://www.image-line.com/wp-content/uploads/2022/07/nely.png",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Demy & Clipz",
        Description: "<b>3-time Grammy-winning, diamond-selling</b> Canadian duo best known for their work with Bad Bunny",
        Quote:
          "[FL Studio's] intuitive interface, the easy shortcuts, the browser’s search bar, and the way we can customize our projects all make it easy to bring our ideas to life and make our workflow very fluid.",
        Genre: "Latin",
        "link to more": "Read more",
        Image: "https://www.image-line.com/wp-content/uploads/2023/05/demy.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Raymix",
        Description: 'Diamond-certified Mexican artist and <b>creator of the ElectroCumbia genre</b>, best known for the smash hit "Oye Mujer',
        Quote: "I love FL Studio because it is so fluid, easy, powerful, and the animations are beautiful.",
        Genre: "Latin",
        "link to more": "https://www.image-line.com/wp-content/uploads/2022/07/raymix.png",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/raymix.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "x",
        "Show per default on FL Studio PDP": "",
        Name: "Richy Peña",
        Description: "<b>2x Platinum, Latin Grammy-winning</b> Dominican producer who has worked on music with <b>Zion, Rihanna, Don Omar</b>, and many others",
        Quote: "Before you know it I was playing the keyboard, recording melodies on to FL Studio and creating songs.",
        Genre: "Latin",
        "link to more": "https://www.image-line.com/artists/richy-pena/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/richy_pena.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "x",
        "Show per default on FL Studio PDP": "",
        Name: "Nando Pro",
        Description: "<b>3x Multi-Platinum</b> selling producer and <b>Latin Grammy nominee</b> best known for his work with Latin artists like <b>Jacob Forever, Karol G</b>, and others",
        Quote: "FL Studio has powered almost all of my inspiration and creation -- it has always been a strong bridge between my brain and music.",
        Genre: "Latin",
        "link to more": "https://www.image-line.com/artists/nandopro/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/nando_pro.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },

      // Film, TV & Gaming
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Mick Gordon",
        Description: "Australian composer, producer, and sound designer known for his work on video games like <b>DOOM, Killer Instinct, Wolfenstein, Need for Speed</b>, and others",
        Quote: "I use it [FL Studio] for scoring, sequencing, designing sounds, and musical sound design. It's just so easy to work with, and work with quickly",
        Genre: "Film, TV & Gaming",
        "link to more": "https://www.image-line.com/artists/mick-gordon/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/mick_gordon.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Alex Moukala",
        Description: 'Italian-born music producer & composer who worked on trailers for <b>"Avengers: Endgame", "Ben-Hur"</b>, and <b>"John Wick: Chapter 2"</b>',
        Quote: "FL Studio is a godsend as it allows you to write music tremendously fast, even with just a keyboard and mouse",
        Genre: "Film, TV & Gaming",
        "link to more": "https://www.image-line.com/artists/alex-moukala/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/alex_moukala.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Big Giant Circles",
        Description: "American musician and composer best known for his work in major video game franchises such as <b>Call of Duty, Borderlands, Mass Effect,</b> and <b>Street Fighter</b>",
        Quote: "FL has always been centric to my studio. It's the cornerstone of my creative process.",
        Genre: "Film, TV & Gaming",
        "link to more": "https://www.image-line.com/artists/big-giant-circles-jimmy-hinson/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/big_giant_circles.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Joznez",
        Description: "<b>Multi-platinum</b> selling German multi-genre producer for artists like Tiesto and brands like <b>Netflix, Call of Duty, Mercedes, McDonald's</b>, and many others",
        Quote: "I've produced over 111 Releases from 45 artists on several albums with FL Studio",
        Genre: "Film, TV & Gaming",
        "link to more": "https://www.image-line.com/artists/joznez/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/joznez.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Ajurika",
        Description: "Japanese electronic music producer, composer, and songwriter best known for his work in games such as <b>Tekken</b> & <b>Ridge Racer</b>",
        Quote: "FL Studio is an amazing DAW!",
        Genre: "Film, TV & Gaming",
        "link to more": "https://www.image-line.com/artists/ajurika/",
        Image: "https://www.image-line.com/wp-content/uploads/2011/11/ajurika-square.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Zircon",
        Description: "American electronic musician, composer, and adjunct professor known for his work on games like <b>Newgrounds, Soulcaliber V,</b> & <b>Monkey Island 2</b>",
        Quote: "Trying to use any other piano roll after working in FL was like having my mouse dipped in molasses",
        Genre: "Film, TV & Gaming",
        "link to more": "https://www.image-line.com/artists/zircon/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/zircon.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },

      // Pop & Rock
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Mike Oldfield",
        Description: "<b>Grammy-winning, Golden Globe-nominated</b> British musician whose debut album Tubular Bells was the first on Virgin Records and featured in The Exorcist",
        Quote: "It is very good to see a product like FL Studio which is available to all and doesn't cost $10000000000 of dollars",
        Genre: "Pop & Rock",
        "link to more": "https://www.image-line.com/artists/mike-oldfield/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/mike_oldfield.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "MdL",
        Description: "<b>Multi-Platinum</b> selling American producer and songwriter best known for his work with <b>Justin Bieber, Maroon 5, Mike Posner</b>, and many others",
        Quote: "FL Studio is the fastest and most inspiring piece of software in my workflow.",
        Genre: "Pop & Rock",
        "link to more": "https://www.image-line.com/artists/mdl-mason-levy/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/mdl.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Jayce Lewis",
        Description: "Welsh Alternative Rock/Electronic musician who has collaborated with artists like <b>Queen</b> and <b>Gary Numan</b>, and supplied drums for FL Studio 20",
        Quote: "[FL Studio] really has become a big part of what I am as an artist.",
        Genre: "Pop & Rock",
        "link to more": "https://www.image-line.com/artists/jayce-lewis/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/jayce_lewis.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Mark Tinley",
        Description: "British guitarist, programmer, sound engineer & record producer known for his work with <b>Adamski, Duran Duran, TV Mania, Gary Numan,</b> and others",
        Quote:
          "FL has been there ever since. Pop Trash was driven by FL. In the South of France when the original members of Duran Duran reformed, FL was driving the project. [...] in fact, anything I do that requires a clear visual overlay of the beats or loops I am trying to provide has FL at its core.",
        Genre: "Pop & Rock",
        "link to more": "https://www.image-line.com/artists/mark-tinley/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/mark_tinley.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "A Skylit Drive",
        Description: "American post-hardcore band that released five studio albums and built a tremendous global following",
        Quote: "FL Studio really helps me translate my ideas to reality without headache and each version just amazes me.",
        Genre: "Pop & Rock",
        "link to more": "https://www.image-line.com/artists/kyle-simmons-a-skylit-drive/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/a_skylit_drive-1.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Skimmy",
        Description: `<b>Multi-platinum</b> seling and <b>Grammy-winning</b> American producer best known for <b>co-writing Avicii</b>'s "The Nights" and other hits with <b>Mary J. Blige, R. Kelly, Ciara</b>, and more`,
        Quote: "FL Studio is integral in my production.",
        Genre: "Pop & Rock",
        "link to more": "https://www.image-line.com/artists/skimmy/",
        Image: "https://www.image-line.com/wp-content/uploads/2010/10/infinity-square.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },

      // World
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Karan Kanchan",
        Description:
          'Massively successful <b>Indian</b> EDM & Hip Hop producer, artist, and nightlife brand co-founder known for his "J-Trap" sound and work with artists like Vince Staples, KSHMR, and others',
        Quote: "FL Studio is a powerful platform that brings all the ideas in my head to life.",
        Genre: "International",
        "link to more": "https://www.image-line.com/artists/karan-kanchan/",
        Image: "https://www.image-line.com/wp-content/uploads/2023/06/karan-square.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Kel-P",
        Description: "<b>Grammy</b>-winning <b>Nigerian</b> producer and artist best known for his extensive work with artists like <b>Burna Boy, Angélique Kidjo</b>, and <b>Wizkid</b>",
        Quote: "FL Studio is like a book for me that has guided my production journey.",
        Genre: "International",
        "link to more": "https://www.image-line.com/artists/kel-p/",
        Image: "https://www.image-line.com/wp-content/uploads/2024/05/kel-p-square.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Hiss",
        Description: "<b>South Korean</b> beatboxer and producer best known as runner-up in the Grand Beatbox Battle 2017 and winner in the Asia Beatbox Championship 2019",
        Quote: "FL Studio's convenient features allow you to realize the music you want to make.",
        Genre: "International",
        "link to more": "https://www.image-line.com/artists/hiss/",
        Image: "https://www.image-line.com/wp-content/uploads/2024/08/Hiss-Square.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Iotosh",
        Description: "<b>Grammy-nominated Jamaican</b> producer best known for his work in Reggae and Dancehall music",
        Quote: "FL Studio is the catalyst for my music career and changed my life forever.",
        Genre: "International",
        "link to more": "https://www.image-line.com/artists/iotosh/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/iotosh.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "MXRCI",
        Description: "<b>Indian</b>-born producer behind hit songs from Panjabi artists such as <b>Sidhu Moose Wala, Arjan Dhillon</b>, and others.",
        Quote: "[FL Studio] makes the process of producing music real fun, and easier, too.",
        Genre: "International",
        "link to more": "https://www.image-line.com/artists/mxrci/",
        Image: "https://www.image-line.com/wp-content/uploads/2024/10/mrxci-square.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Kareem Abdel Wahab",
        Description: "Acclaimed <b>Egyptian</b> music producer best known for his work with artists like <b>Hamza Namira, Tamer Hosny</b>, and <b>Snoop Dogg</b>.",
        Quote: "FL Studio is the best starting point for any producer because it's very fast and reliable.",
        Genre: "International",
        "link to more": "https://www.image-line.com/artists/kareem-abdel-wahab/",
        Image: "https://www.image-line.com/wp-content/uploads/2023/12/kareem-square.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
    ];

    /**
     * ==============================================================
     * HTML Content
     * ==============================================================
     */
    var reasonSection = `
         <div class="${variation_name}-reasons">
          <div class="${variation_name}-wrapper">
            <h2 class="${variation_name}-section-title"><span> 7 reasons</span> why beginners & professional producers alike love FL Studio</h2>
    
            <div class="${variation_name}-reasons-grid">
    
                <div class="${variation_name}-reason-card ${variation_name}-reason-card-4">
                <div class="${variation_name}-reason-description">
                    <div class="${variation_name}-reason-title">REASON 1</div>
                    <div class="${variation_name}-reason-content">
                        <h3>It's powerful yet easy to get started</h3>
                        <p>Beginners appreciate how intuitive it is. Advanced users love that behind every right click there's a new function or feature to discover and get creative with. This comprehensive and versatile set of tools makes it the DAW of choice for many of the most successful producers.</p>
                    </div>
                    </div>
                    <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/reason-1_678e2671af3fe.png" alt="Reason 1 Image">
                </div>
    
                <div class="${variation_name}-reason-card ${variation_name}-reason-card-6">
                <div class="${variation_name}-reason-description">
                    <div class="${variation_name}-reason-title">REASON 2</div>
                    <div class="${variation_name}-reason-content">
                        <h3>Its intuitive interface and workflow make it quick to learn</h3>
                        <p>FL Studio's well-organized yet very customizable layout, its drag-and-drop workflow and colorful and pattern-based interface is less intimidating than the traditional linear arrangement view of some DAWs.</p>
                    </div>
                    </div>
                    <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/reason-2_678e2683426c0.png" alt="Reason 2 Image">
                </div>
    
                <div class="${variation_name}-reason-card ${variation_name}-reason-card-6">
                <div class="${variation_name}-reason-description">
                    <div class="${variation_name}-reason-title">REASON 3</div>
                    <div class="${variation_name}-reason-content">
                        <h3>It feels like a playground for experimenting with sounds</h3>
                        <p>FL Studio's emphasis on pattern-based sequencing encourages you to create small musical ideas and then arrange them into a complete song. This approach can be less overwhelming than starting with a blank timeline.</p>
                    </div>
                    </div>
                    <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/reason-3_678e269237a2f.png" alt="Reason 3 Image">
                </div>
    
                <div class="${variation_name}-reason-card ${variation_name}-reason-card-4">
                <div class="${variation_name}-reason-description">
                    <div class="${variation_name}-reason-title">REASON 4</div>
                    <div class="${variation_name}-reason-content">
                        <h3>Fast and fun workflow</h3>
                        <p>FL Studio's streamlined workflow allows you to create your first beat with just a few clicks and start making music right away. The playful interface and intuitive tools encourage exploration and experimentation, making the learning process enjoyable (and kind of addictive, really).</p>
                    </div>
                    </div>
                    <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/reason-4_678e269e87b3d.png" alt="Reason 4 Image">
                </div>
            </div>
          </div>
        </div>`;

    var learningResourcesSection = `
        <div class="${variation_name}-learning-resources">
         <div class="${variation_name}-wrapper">
          <div class="${variation_name}-learning-resources-title">REASON 5</div>
          <h2>Excellent learning resources</h2>
          <div class="${variation_name}-learning-resources-description">
              <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/learning-resources_678b48f01714d.png" alt="Reason 3 Image">
    
          </div>
          <div class="${variation_name}-learning-details">
              <div class="${variation_name}-learning-detail">
                  <h4>Comprehensive help</h4>
                  <p>FL Studio comes with extensive documentation and tutorials that cover every aspect of the software.</p>
              </div>
              <div class="${variation_name}-learning-detail">
                  <h4>Abundant tutorials</h4>
                  <p>Countless YouTube channels and websites offer beginner-friendly FL Studio tutorials, making it easy to find guidance on specific topics or techniques.</p>
              </div>
              <div class="${variation_name}-learning-detail">
                  <h4>Active community</h4>
                  <p>A large and supportive online community provides answers to questions, helpful tips, and inspiration – and you often even get to communicate directly with FL Studio developers.</p>
              </div>
              <div class="${variation_name}-learning-detail">
                  <h4>Expert support</h4>
                  <p>Our support is staffed with long-time FL Studio users and fellow musicians who offer personalized solutions, not just generic replies.</p>
              </div>
          </div>
          </div> 
        </div>`;

    var packedAndBuySection = `
        <div class="${variation_name}-packed-section ${variation_name}-wrapper">
            <div class="${variation_name}-packed-section-title">REASON 6</div>
            <h2>It comes packed with everything you need to make music</h2>
            <div class="${variation_name}-packed-description-wrapper">
              <div class="${variation_name}-packed-description">
                <p>FL Studio includes <strong>100+ versatile and iconic plugins</strong> (only available in FL Studio) and a high-quality <strong>sound library</strong> comprising 25,000 sample sounds and 6000 playable presets – from grand pianos to hip hop beats to pan flutes.</p>
              </div>
              <div class="${variation_name}-packed-description">
                <p><strong>Need even more?</strong> Record your own instruments or vocals. Or add thousands of 3rd-party plugins – paid and free – opening up a world of more high-quality instrument options.</p>
              </div>
            </div>
            <a href="/fl-studio/compare-editions/" class="${variation_name}-button gray see-all-plugins">See all included plugins</a>
             <div class="${variation_name}-img-wrapper">
                <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/image-23-2_678b485d46df3.png" alt="Reason 7 Image">
             </div>
            </div>
            <div class="${variation_name}-buy-section ${variation_name}-wrapper">
              <div class="${variation_name}-buy-flex-wrapper">  
                <div class="${variation_name}-buy-left-block">
                    <div class="${variation_name}-buy-section-title">REASON 7</div>
                    <h2>Buy FL Studio now and get <span>Lifetime</span> <span>Free</span> <span>Updates</span></h2>
                </div> 
                <div class="${variation_name}-buy-right-block">
                    <p>Other DAWs make you pay ~$200 for updates every 2 years. With FL Studio you always get the latest version with bug fixes, updates, new features and sometimes even high-quality new plugins at no extra cost. We’ve held this promise for 25 years!</p>
                </div>
              </div>
              <a class="${variation_name}-button orange" href="https://www.image-line.com/fl-studio/buy-now/">Buy Now</a>
    
            </div>
    
        </div>`;

    var fopLogos = `
        <div class="${variation_name}-payment-options">
         <div class="${variation_name}-payment__wrapper">
            <div class="${variation_name}-logos">
              <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/group-7_678b4821bf501.png" alt="PayPal" width="119.593" height="29.667">
              <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/vector-4_678b48cd5113e.png" alt="Klarna" width="110.999" height="25.316">
              <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/vector-5_678b48d9b5174.png" alt="Apple Pay" width="79.841" height="33.105">
              <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/image-22_678b48431e2dd.png" alt="Google Pay" width="85.683" height="37">
              <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/image-21-1_678b48362e69b.png" alt="Amazon Pay" width="58.42" height="37">
              <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/group-4_678b47fe27256.png" alt="MasterCard" width="48.026" height="36.999">
              <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/group-6_678b480f1948a.png" alt="Visa" width="89.817" height="27.284">
              <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/amex_678b47ddacbd6.png" alt="American Express" width="54.526" height="37">
            </div>
            <p class="${variation_name}-extra-note extra-note ">30+ payment providers. Some payment plans might only be available in certain regions.</p>
          </div>  
        </div>`;

    // Helper function to create individual artist card HTML
    function createArtistCard(artist) {
      return `
          <div class="${variation_name}-artist-card" data-genre-key="${artist.Genre}">
              <div class="${variation_name}-artist-content">
                  <img src="${artist["Alt image"] || artist["Image"]}" alt="${artist.Name}">
                  <h4>${artist.Name}</h4>
                  <p><strong>${artist.Description}</strong></p>
                  <img class="${variation_name}-quote-image" src="${artist["Quote image"] || artist["Image"]}">
                  <p class="${variation_name}-quote">${artist.Quote}</p>
              </div>
          </div>`;
    }

    function createArtistSection() {
      // Use defaultArtists object for page load
      var artistCards = defaultArtists
        .map(artist => {
          // Check if the image and description are available
          if (!artist["Alt image"] && !artist["Quote image"] && !artist["Image"] && !artist.Description) return ``;
          return createArtistCard(artist);
        })
        .join("");

      // Now get artistTags from the main artistObject
      var genreTabs = Array.from(
        artistObject.reduce((tags, artist) => {
          // Add genres from the main artistObject
          tags.add(artist.Genre);
          return tags;
        }, new Set())
      )
        .map(genre => {
          return `<div class="${variation_name}-tag" data-genre="${genre}">${genre}</div>`;
        })
        .join("");

      return `
          <div class="${variation_name}-featured-artists">
              <div class="${variation_name}-wrapper">
                  <h2>FL Studio is <span>used by millions</span> - from first-time <br>producers to world-famous artists</h2>
                  <p>From hip hop and EDM, to songwriters and composers, to viral social media creators - <br> FL Studio is the leading platform for music makers at every level.</p>
                  <div class="${variation_name}-tags">
                      ${genreTabs}
                  </div>
                  <div class="${variation_name}-artist-grid">
                      ${artistCards}
                  </div>
                  <div class="${variation_name}-see-all-wrapper">
                      <a href="https://www.image-line.com/artists/" class="${variation_name}-see-all">See all producers</a>
                      <a class="${variation_name}-button orange" href="https://www.image-line.com/fl-studio/buy-now/">Buy Now</a>
                  </div>
              </div>
          </div>`;
    }

    /**
     * ==============================================================
     * Logical functions
     * ==============================================================
     */
    function masonryLayout() {
      var grid = document.querySelector(`.${variation_name}-artist-grid`);
      if (grid) {
        var packery = new Packery(grid, {
          itemSelector: `.${variation_name}-artist-card`,
          columnWidth: `.${variation_name}-artist-card`,
          gutter: 20,
          fitWidth: true,
          percentPosition: true,
        });
        packery.layout();

        var interval = setInterval(function() {
          packery._init();
        }, 250);
        setTimeout(function() {
          clearInterval(interval);
        }, 2500);
      }
    }

    // Function to initialize the Masonry layout
    function initializeMasonry() {
      if (typeof Packery === "undefined") {
        injectMasonryScript(masonryLayout);
      } else {
        masonryLayout();
      }
    }

    function addClickLogic() {
      // Event listener for filtering artists by genre when tab is clicked
      const tabs = document.querySelectorAll(`.${variation_name}-tag`);
      const artistGrid = document.querySelector(`.${variation_name}-artist-grid`);

      tabs.forEach(tab => {
        tab.addEventListener("click", function() {
          const genre = this.getAttribute("data-genre");

          let artistCards = "";

          if (!artistGrid) return;

          // Check if the clicked tab is already active
          if (tab.classList.contains("active")) {
            tab.classList.remove("active");
            artistCards = defaultArtists.map(artist => createArtistCard(artist)).join("");
            // Display the generated artist cards
            artistGrid.innerHTML = artistCards;
            initializeMasonry();
            return;
          }

          // Remove 'active' class from all tabs and add it to the clicked tab
          tabs.forEach(tab => tab.classList.remove("active"));
          this.classList.add("active");

          // Generate artist cards using the artistObject (main object) for selected genre
          artistCards = artistObject
            .map(artist => {
              if (artist.Genre === genre) {
                return createArtistCard(artist);
              }
              return "";
            })
            .join("");

          // Display the generated artist cards
          artistGrid.innerHTML = artistCards;

          initializeMasonry();
        });
      });

      // Initiliz
      initializeMasonry();
    }

    // Event handler
    function eventHandler() {
      utils.live(".learn-more-link", "click", function(e) {
        e.preventDefault();
        var index = this.getAttribute("data-index");
        if (index == "0") {
          document.querySelector(".fl-t-40-35-featured-artists")?.scrollIntoView({ behavior: "smooth" });
        } else if (index == "1") {
          document.querySelector(".fl-t-40-35-reasons")?.scrollIntoView({ behavior: "smooth" });
        } else if (index == "2") {
          document.querySelector(".fl-t-40-35-grid__section")?.scrollIntoView({ behavior: "smooth" });
        }
      });

      utils.live("a.fl-t-40-35-button.orange", "click", function(e) {
        e.preventDefault();
        document.querySelector("#buy-now-header")?.scrollIntoView({ behavior: "smooth" });
      });
    }

    var bannerContent = `
        <div class="${variation_name}-hero-content">
          <ul class="${variation_name}-top-list">
              <li> <strong>Reopen saved tracks:</strong> Revisit and refine saved tracks. Switch between and work on several projects in parallel.</li>
              <li> <strong>Priority support: </strong>  Be first in line with our support team and get full access to our vibrant forum for help and inspiration.</li>
              <li> <strong>Get Lifetime Free Updates:</strong>  Others make you pay ~$200 for updates every other year or so. With FL Studio you <strong> buy once,</strong>  get <strong>free</strong> updates <strong>for life.</strong> </li>
          </ul>
        </div>`;

    // Initial point
    function init() {
      var targetElement = document.querySelector(".content .wp-block-group");
      var featureArtistSection = createArtistSection();
      var flSection = [featureArtistSection, reasonSection, learningResourcesSection, packedAndBuySection, fopLogos].join("");

      // Insert sections
      if (!document.querySelector(`.${variation_name}-featured-artists`)) {
        targetElement.insertAdjacentHTML("afterend", flSection);
        addClickLogic();
      }

      // header logo Update
      utils.waitForElement(".block-sub-navigation .sub-navigation--inner .navigation-info", function() {
        document.querySelector(".block-sub-navigation .sub-navigation--inner .navigation-info").innerHTML = `
              <a class="site-header__logo" href="https://www.image-line.com/"> 
                <img decoding="async" class="site-header__logo__fruit" src="/static/assets/nav-logo-fruit.41db863.png">  
                ${headerSvg} 
              </a>`;
      });

      // Banner content
      utils.waitForElement("#buy-now-header div.buy-now-columns .wp-block-column-is-layout-flow >div.wp-block-group", function() {
        if (!document.querySelector(`.${variation_name}-hero-content`)) {
          document.querySelector("#buy-now-header div.buy-now-columns .wp-block-column-is-layout-flow >div.wp-block-group").insertAdjacentHTML("afterbegin", bannerContent);
        }

        document
          .querySelector("#buy-now-header div.buy-now-columns .wp-block-column-is-layout-flow >div.wp-block-group")
          .insertAdjacentHTML("beforebegin", '<h2 class="banner-heading">Buy FL Studio now, get <br><span>Lifetime</span> <span>Free</span> <span>Updates</span></h2>');
      });
    }

    var newHeader = `
        <h1 class="${variation_name}-main-heading">Get the software suite used to<br> produce countless top hits</h1>`;

    // Initial point
    function insertNewHeader(referenceEl) {
      if (!document.querySelector(`.${variation_name}-main-heading`)) {
        referenceEl.insertAdjacentHTML("beforebegin", newHeader);
      }
    }

    // Wait for library and initialize experiment
    waitForLibrary(function(ilHelpers) {
      // Assign library functions
      utils = ilHelpers.get("lib");

      if (window.location.pathname == "/fl-studio/buy-now/" || window.location.pathname == "/fl-studio/buy-now") {
        // Insert section
        utils.waitForElement(".signed-in, .signed-out", function() {
          utils.waitForElement("body", function() {
            var bodyElm = document.querySelector("body");
            if (!bodyElm.classList.contains(variation_name)) {
              bodyElm.classList.add(variation_name);
              eventHandler();
            }
          });

          utils.waitForElement("#buy-now-header > .buy-now-columns", init);
          utils.waitForElement("#buy-now-header > .buy-now-columns", insertNewHeader);
        });
      }
    });
  } catch (e) {
    if (debug) console.log(e, "error in Test" + variation_name);
  }
})();
}}}],"traffic_allocation":0},{"id":"1004384980","name":"V9: V3 +  buy now page revamp","key":"1004384980-v9:-v3-by-nw-pg-rvmp","status":"stopped","changes":[{"id":1004618891,"type":"defaultCode","data":{"js":null,"css":"","custom_js":null}},{"id":1004618892,"type":"customCode","data":{"css":"html body.fl-t-40 .nav__sections > .nav__section:has(> a[href=\"https:\/\/www.image-line.com\/fl-cloud\"]) {\r\n  display: none;\r\n}\r\nhtml body.fl-t-40 .c-nav-main > ul > .menu-item:has(> a[href=\"https:\/\/www.image-line.com\/fl-cloud\"]) {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40 .fl-t-40-hamberger-icon span:nth-child(1) {\r\n  margin-top: 0;\r\n}\r\n\r\nhtml body.fl-t-40 .fl-t-40-hamberger-icon span:nth-child(2) {\r\n  margin-top: 10px;\r\n  margin-right: 0;\r\n}\r\n\r\nhtml body.fl-t-40 .fl-t-40-hamberger-icon span:nth-child(3) {\r\n  margin-top: 20px;\r\n}\r\n\r\nhtml body.fl-t-40 .fl-t-40-hamberger-icon {\r\n  width: 2rem;\r\n  height: 1.5rem;\r\n  cursor: pointer;\r\n  margin: 0 0 0 1rem;\r\n  position: relative;\r\n  margin-top: 5px;\r\n  display: flex;\r\n}\r\n\r\nhtml body.fl-t-40:has(#container > #shop_form) .fl-t-40-hamberger-icon {\r\n  margin: 0 !important;\r\n}\r\n\r\nhtml body.fl-t-40 .fl-t-40-hamberger-icon span {\r\n  display: block;\r\n  position: absolute;\r\n  left: 0;\r\n  height: .1rem;\r\n  width: 2rem;\r\n  background-color: #FF7629;\r\n  opacity: 1;\r\n  right: 0;\r\n  transition: all 0.25s ease-in-out 0s;\r\n  transform: rotate(0deg);\r\n}\r\n\r\nhtml body.fl-t-40 .site-header__inner .nav {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40 .site-header__inner.show .nav {\r\n  display: flex;\r\n}\r\n\r\nhtml body.fl-t-40 .site-header__inner .nav + .site-header-meta {\r\n  gap: 20px;\r\n}\r\n\r\nhtml body.fl-t-40 .site-header__inner .site-header__divider {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40 .site-header__inner.show .site-header__divider {\r\n  display: flex;\r\n}\r\n\r\nhtml body.fl-t-40 .nav__sections > .nav__section.is-download-button,\r\nhtml body.fl-t-40 .nav__sections > .nav__section.is-primary-button {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40 .site-header__inner .nav > .nav__sections {\r\n  visibility: visible;\r\n}\r\n\r\nhtml body.fl-t-40.home .commercial-box__products .commercial-box__product[data-js-product=\"fruity-edition\"] {\r\n  display: block !important;\r\n}\r\n\r\n\/* new template *\/\r\n\r\nhtml body.fl-t-40 .c-header .c-nav-main {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header .c-nav-main.show {\r\n  display: flex;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header .c-header-shop {\r\n  gap: 20px;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header .c-header-shop .buy-now-wrapper,\r\nhtml body.fl-t-40 .c-header .c-header-shop .js-try-for-free-wrapper {\r\n  list-style-type: none;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header .c-header-shop .buy-now-wrapper a {\r\n  margin: 0;\r\n  font-family: 'Roboto', sans-serif;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header .c-header-shop .js-try-for-free-wrapper a {\r\n  border: 2px solid transparent;\r\n  border-radius: 27px;\r\n  padding: 0.731em 1em .731em;\r\n  font-size: 1rem;\r\n  line-height: 24px;\r\n  font-weight: 700;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header .c-header-shop .js-try-for-free-wrapper a:hover {\r\n  color: #fff;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header .c-nav-main .js-try-for-free-wrapper,\r\nhtml body.fl-t-40 .c-header .c-nav-main .buy-now-wrapper {\r\n  display: none;\r\n}\r\n\r\n\r\nhtml body.fl-t-40 .c-header .c-header-shop #btnLogin svg {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header .c-header-shop > .c-cart__wrapper {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header .c-header-shop #btnLogin span {\r\n  font-weight: 700;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header--logo {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-top: auto;\r\n  margin-bottom: auto;\r\n  gap: 7px;\r\n  border: 0;\r\n  width: unset;\r\n  height: unset;\r\n  background-image: unset;\r\n  margin: 0;\r\n  padding-right: 16px;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header--logo img {\r\n  position: relative;\r\n  top: -2px;\r\n  width: 25px;\r\n  height: auto;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header--logo svg {\r\n  width: 120px !important;\r\n  height: 81px;\r\n}\r\n\r\nhtml body.fl-t-40.fl-t-17 #menu-primary-navigation-en-1 a[href=\"https:\/\/shop.image-line.com\/\"] {\r\n  display: flex;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header .c-header-shop #btnLoginText {\r\n  margin: 0;\r\n}\r\n\r\nhtml body.fl-t-40 .site-header__inner .site-header-meta .cart-button.visually-visible {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header-shop > .c-header-shop__button:has(span#btnLoginText.d-none) {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header .c-header-shop > li {\r\n  list-style-type: none;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header .c-header-shop > li a {\r\n  font-family: 'Open Sans', sans-serif;\r\n  color: #fff;\r\n  font-size: 1em;\r\n  line-height: 54px;\r\n  font-weight: 400;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header .c-header-shop > li a[href*=\"\/fl-studio-download\"] {\r\n  font-family: \"OpenSans-block\";\r\n  border-color: #ff7629;\r\n  color: #fff;\r\n  background-color: #ff7629;\r\n  border: 2px solid transparent;\r\n  border-radius: 27px;\r\n  padding: .325em .5em;\r\n  font-weight: 700;\r\n}\r\n\r\n\/* Support page *\/\r\n\r\nhtml body.fl-t-40--support .c-header .c-header-shop .js-try-for-free-wrapper a {\r\n  padding: .325em .5em;\r\n  font-size: 1em;\r\n  font-weight: 700;\r\n  background: #FF7629;\r\n  color: #fff;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header .c-header-shop .js-try-for-free-wrapper a:hover {\r\n  background: #ff5e03;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header .c-header-shop .buy-now-wrapper a {\r\n  color: #fff;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header .c-header-shop #login-state, \r\nhtml body.fl-t-40--support .c-header .c-header-shop #btnLoginText {\r\n  margin: 0;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header--logo svg {\r\n  height: 56px;\r\n}\r\n\r\nhtml body.fl-t-40--support  .c-header .c-nav-main > ul > li:has(a[href*=\"https:\/\/www.image-line.com\/fl-studio\/buy-now\"]),\r\nhtml body.fl-t-40--support  .c-header .c-nav-main > ul > li:has(a[href*=\"https:\/\/www.image-line.com\/fl-studio\/b-buy-now\"]),\r\nhtml body.fl-t-40--support .c-nav-main > ul > li:has( > a[href=\"https:\/\/www.image-line.com\/fl-studio-download\"]) {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header .c-header-shop .buy-now-wrapper a:hover {\r\n  color: #FF7629 !important;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header .c-header-shop #login_link svg {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-nav-main > ul > li:has(> a[href=\"https:\/\/www.image-line.com\/fl-cloud\"]) {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header-shop #profile-dropdown {\r\n  left: unset !important;\r\n  right: -10px;\r\n  min-width: 160px !important;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header-shop #profile-dropdown {\r\n  top: 55px !important;\r\n}\r\n\r\nhtml body.fl-t-40 #profile-dropdown .profile-arrow {\r\n  left: 50px !important;\r\n}\r\n\r\n\/**---------------- Buy Now Section Start ----------------**\/\r\n\r\n.fl-t-40-top-pricing-section {\r\n  background-color: rgb(17, 26, 31);\r\n  display: flex;\r\n  flex-direction: row !important;\r\n  width: 100%;\r\n  align-items: flex-start !important;\r\n  padding-top: 0 !important;\r\n  padding-bottom: 0 !important;\r\n}\r\n\r\n.fl-t-40-top-pricing-section#buy-now-box {\r\n  padding-bottom: 60px !important;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-col-pricing {\r\n  background: white;\r\n  padding: 20px;\r\n  border-radius: 4px;\r\n}\r\n\r\n.fl-t-40-featured-artists .fl-t-40-wrapper {\r\n  padding-top: 110px;\r\n}\r\n.fl-t-40-top-pricing-section .commercial-box__products a.commercial-box__action.is-primary {\r\n  border-radius: 8px;\r\n  font-size: 19px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  line-height: 17.25px;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .commercial-box__products a.commercial-box__action.is-secondary {\r\n  border-radius: 8px;\r\n  background: #e1e1e1;\r\n  color: #000;\r\n  text-align: center;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 19px;\r\n  line-height: 17.25px;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-top-price__header {\r\n  width: 100%;\r\n  padding-bottom: 70px;\r\n  padding-top: 70px;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-top-price__header > div {\r\n  max-width: 660px;\r\n  margin: 0 auto;\r\n  text-align: center;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-top-price__header h2 {\r\n  color: white;\r\n  text-align: center;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 57px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  margin-bottom: 16px;\r\n  line-height: 70.0945px;\r\n  font-stretch: 75%;\r\n  letter-spacing: normal;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-top-price__header p {\r\n    color: #c2c4d6;\r\n  text-align: center;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: var(--step-1);\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 1.6em;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-content-wrapper {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 24px;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-content-wrapper hr {\r\n  width: 100%;\r\n  height: 1px;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-content-box {\r\n  text-align: left;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-content-box h2 {\r\n  color: white;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 19px;\r\n  font-style: normal;\r\n  font-weight: 700;\r\n  line-height: 1.6em;\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-content-box p {\r\n  color: white;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 18px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 1.6em;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-content-box a {\r\n  color: rgb(22, 24, 44);\r\n  display: inline-block;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-top-unsure__copy {\r\n  margin-top: 20px;\r\n  text-align: left;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-top-unsure__copy li {\r\n  list-style: none;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-top-unsure__copy li:first-child {\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-top-unsure__copy li h3 {\r\n  color: #16182c;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 15px;\r\n  font-style: normal;\r\n  font-weight: 700;\r\n  line-height: 150%;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-top-unsure__copy li p {\r\n  color: #16182c;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 13px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 150%;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-payment-options {\r\n  padding: 80px 0px 20px;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .commercial-box__product__cell.title .description-text {\r\n  text-align: left;\r\n  max-width: 80%;\r\n}\r\n\r\n.fl-t-40-loader-box {\r\n  height: 400px;\r\n  width: 100%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.fl-t-40-commercial-loader {\r\n  width: 60px;\r\n  height: 60px;\r\n  border: 5px solid #16182c;\r\n  border-bottom-color: transparent;\r\n  border-radius: 50%;\r\n  display: inline-block;\r\n  box-sizing: border-box;\r\n  animation: rotation 1s linear infinite;\r\n  opacity: 0.3;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .commercial-box.commercial-box--loading .fl-t-40-commercial-loader {\r\n  opacity: 1;\r\n}\r\n\r\n.fl-t-40-row {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 42px;\r\n  flex-direction: column;\r\n}\r\n\r\n@keyframes rotation {\r\n  0% {\r\n    transform: rotate(0deg);\r\n  }\r\n  100% {\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n\r\n@media screen and (min-width: 1101px) {\r\n  .fl-t-40-row {\r\n    flex-direction: row;\r\n  }\r\n}\r\n\r\n@media screen and (min-width: 1101px) {\r\n  .fl-t-40-col-lg-6 {\r\n    width: 50%;\r\n    max-width: 500px;\r\n  }\r\n}\r\n\r\n.fl-t-40 #video-container ~ .bg-container .grid:not(.is-hidden):has(> div > figure.has-w-100-pc) {\r\n  display: none;\r\n}\r\n\/**---------------- Buy Now Section End ----------------**\/\r\n\r\n\/**\r\n* ===============================================================================\r\n* [fl-t-40-35] FL Buy now page HL test Start\r\n* ==============================================================================\r\n*\/\r\n\r\n@import url(\"https:\/\/fonts.googleapis.com\/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Newsreader:ital,opsz,wght@0,6..72,200..800;1,6..72,200..800&display=swap\");\r\n@import url(\"https:\/\/fonts.googleapis.com\/css2?family=Open+Sans:ital,wdth,wght@0,75..100,300..800;1,75..100,300..800&display=swap\");\r\n\r\n\r\n\r\n:root {\r\n  --fl-t-40-35-bg-color: #f6f6f6;\r\n\r\n  --fl-t-40-35-color-black: #000;\r\n  --fl-t-40-35-color-white: #fff;\r\n  --fl-t-40-35-color-red: #ef5252;\r\n  --fl-t-40-35-color-orange: #ff7629;\r\n\r\n  --fl-t-40-35-step-2: 23.44px;\r\n  --fl-t-40-35-step-1: 18.75px;\r\n}\r\n\r\nhtml body.fl-t-40-35 .commercial-box__product__cell.title .description-text {\r\n  max-width: 80%;\r\n}\r\n\r\nhtml body.fl-t-40-35 .commercial-box__products .commercial-box__product.selected {\r\n  min-height: 105px;\r\n}\r\n\r\n\/* html body.fl-t-40-35:not(.fl-t-15) .commercial-box__products [data-js-product=\"producer-edition\"].commercial-box__product.selected {\r\n  min-height: 124px;\r\n} *\/\r\n\r\n\/**----------- Global styles --------------**\/\r\n.fl-t-40-35-wrapper {\r\n  max-width: 1478px;\r\n  margin: 0 auto;\r\n  padding: 60px 20px;\r\n  text-align: center;\r\n}\r\n\r\n.fl-t-40-35-button {\r\n  padding: 10px 24px;\r\n  border: none;\r\n  border-radius: 50px;\r\n  cursor: pointer;\r\n  text-align: center;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 19px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  line-height: 30px;\r\n  text-decoration: none;\r\n}\r\n\r\n.fl-t-40-35-button.orange {\r\n  background-color: #ff7629;\r\n  color: white;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  margin: auto;\r\n}\r\n\r\n.fl-t-40-35-button.orange:hover {\r\n  background-image: linear-gradient(rgba(255, 255, 255, 0.1) 0 0) !important;\r\n}\r\n\r\n.fl-t-40-35-button.orange:after {\r\n  height: 1em;\r\n  width: 1em;\r\n  display: inline-block;\r\n  background-image: url(https:\/\/www.image-line.com\/static\/assets\/arrow-circled-right-ZNIVDPDX.7abc618.svg);\r\n  background-position: center;\r\n  background-size: contain;\r\n  content: \"\";\r\n  filter: invert(1);\r\n  background-repeat: no-repeat;\r\n}\r\n\r\n.fl-t-40-35-button.gray {\r\n  background-color: #e9e9e9;\r\n  color: #16182c;\r\n  text-decoration: auto;\r\n}\r\n\r\n\/* New banner css  *\/\r\n\r\n.fl-t-40-35 #buy-now-header div.wp-block-columns.buy-now-columns div.wp-block-column:last-of-type,\r\n.fl-t-40-35-hero-content + .wp-container-core-group-is-layout-1,\r\n.fl-t-40-35-hero-content + .wp-container-core-group-is-layout-1 + p,\r\n.fl-t-40-35 .wp-container-core-group-is-layout-2 > p,\r\nbody.fl-t-40-35 .content > [class^=\"wp-block\"].alignfull .wp-container-core-group-is-layout-7,\r\n.fl-t-40-35 .wp-container-core-group-is-layout-5 .wp-block-group:last-of-type,\r\n.fl-t-40-35 .wp-container-core-group-is-layout-5 hr,\r\n.fl-t-40-35 .content > .wp-block-group:not(#buy-now-header) {\r\n  display: none;\r\n}\r\n\r\nbody.fl-t-40-35 .block-sub-navigation {\r\n  background-color: #16182c;\r\n}\r\n\r\n\/* Top content on hero styling  *\/\r\nbody.fl-t-40-35 .banner-heading {\r\n  color: #16182c;\r\n  text-align: center;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 46px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  line-height: 60px;\r\n  font-stretch: 75%;\r\n  letter-spacing: normal;\r\n}\r\n\r\n.fl-t-40-35-hero-content h1 span,\r\n.fl-t-40-35 h2.banner-heading span {\r\n  border-bottom: 5px solid #f67229;\r\n}\r\n\r\n.fl-t-40-35-top-list {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin-bottom: 32px;\r\n  margin-top: 32px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 12px;\r\n}\r\n\r\n.fl-t-40-35-top-list li {\r\n  color: #000;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 16px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 175%;\r\n  position: relative;\r\n  padding-left: 30px;\r\n}\r\n\r\n.fl-t-40-35-top-list li:before {\r\n  content: \"\";\r\n  display: inline-block;\r\n  width: 24px;\r\n  height: 23px;\r\n  background-image: url(https:\/\/cdn-3.convertexperiments.com\/uf\/10049056\/10007574\/frame-139_6798c7959d630.svg);\r\n  background-size: contain;\r\n  background-repeat: no-repeat;\r\n  margin-right: 8px;\r\n  vertical-align: middle;\r\n  position: absolute;\r\n  left: 0;\r\n  top: 3px;\r\n}\r\n\r\n.fl-t-40-35-top-list li span {\r\n  border-bottom: 1px solid #ff7629;\r\n}\r\n\r\nbody.fl-t-40-35 #buy-now-header {\r\n  padding: 0;\r\n  padding-left: 20px;\r\n  padding-right: 20px;\r\n  gap: 0px;\r\n  background: url(https:\/\/cdn-3.convertexperiments.com\/uf\/10049056\/10007574\/buy-now-v4-background_681212d69a387.png);\r\n  background-size: contain;\r\n  background-position: center -108px;\r\n  background-repeat: no-repeat;\r\n  background-color: #16182c;\r\n}\r\n\r\nbody.fl-t-40-35 #buy-now-header > .buy-now-columns {\r\n  max-width: 595px;\r\n  padding: 48px 40px;\r\n  margin: 65px 0;\r\n  margin-top: 175px;\r\n}\r\n\r\nbody.fl-t-40-35 #buy-now-header > .buy-now-columns > .wp-block-column {\r\n  padding: unset;\r\n}\r\n\r\nbody.fl-t-40-35 #buy-now-header > .buy-now-columns .wp-block-column-is-layout-flow > div {\r\n  max-width: 560px;\r\n  margin: auto;\r\n  gap: 0;\r\n}\r\nbody.fl-t-40-35 .wp-container-core-group-is-layout-5 {\r\n  margin: 28px auto 0;\r\n}\r\n\r\nbody.fl-t-40-35 .wp-container-core-group-is-layout-5 .wp-block-group:first-of-type h2,\r\nbody.fl-t-40-35 .wp-container-core-group-is-layout-5 .wp-block-group:first-of-type p {\r\n  color: #16182c;\r\n  text-align: center;\r\n  font-family: \"Open Sans\";\r\n  font-size: 18px;\r\n  font-weight: 400;\r\n  line-height: 175%;\r\n  margin: auto;\r\n}\r\nbody.fl-t-40-35 .wp-container-core-group-is-layout-5 .wp-block-group:first-of-type h2 {\r\n  font-weight: 700 !important;\r\n  font-size: 16px;\r\n}\r\nbody.fl-t-40-35 .wp-container-core-group-is-layout-5 .wp-block-group:first-of-type p {\r\n  font-size: 0;\r\n}\r\nbody.fl-t-40-35 .wp-container-core-group-is-layout-5 .wp-block-group:first-of-type p::after {\r\n  content: \"Choose from four interest-free payments, delayed payment in 30 days, and other staggered payment plans.\";\r\n  font-size: 16px;\r\n  line-height: 175%;\r\n  display: block;\r\n  max-width: 422px;\r\n  margin: auto;\r\n}\r\n\r\n\/* Banner css end  *\/\r\n\r\n\/**----------------start feature sections ----------------**\/\r\n.fl-t-40-35-featured-artists {\r\n  background: var(--fl-t-40-35-bg-color);\r\n  padding: 50px auto;\r\n}\r\n\r\n.fl-t-40-35-featured-artists h2 {\r\n  max-width: 1090px;\r\n  margin: auto;\r\n  color: #16182c;\r\n  text-align: center;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 57px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  margin-bottom: 16px;\r\n  line-height: 70.0945px;\r\n  font-stretch: 75%;\r\n  letter-spacing: normal;\r\n}\r\n\r\n.fl-t-40-35-featured-artists h2 span {\r\n  border-bottom: 4px solid var(--fl-t-40-35-color-orange);\r\n  display: inline-block;\r\n}\r\n\r\n.fl-t-40-35-featured-artists p {\r\n  color: #16182c;\r\n  font-size: 23px;\r\n  font-style: normal;\r\n  margin: 16px auto 47px;\r\n  font-weight: 400;\r\n  line-height: 175%;\r\n  max-width: 890px;\r\n  text-align: center;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-tags {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 8px;\r\n  margin-bottom: 40px;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-tag {\r\n  padding: 10px 24px;\r\n  font-family: \"Open Sans\";\r\n  cursor: pointer;\r\n  border-radius: 12px;\r\n  border: 1px solid #dee0e3;\r\n  background: #fff;\r\n  color: #16182c;\r\n  text-align: center;\r\n  font-size: 16px;\r\n  font-style: normal;\r\n  font-weight: 700;\r\n  line-height: 175%;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-tag:hover,\r\n.fl-t-40-35-featured-artists .fl-t-40-35-tag.active {\r\n  color: #ff7629;\r\n  text-align: center;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 16px;\r\n  font-style: normal;\r\n  font-weight: 700;\r\n  line-height: 175%;\r\n  border-radius: 12px;\r\n  border: 1px solid #ff7629;\r\n  background: #ffefe7;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-artist-grid {\r\n  width: 100%;\r\n  margin: 0 auto;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 32px;\r\n  margin-bottom: 42px;\r\n  min-height: 1400px;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-artist-card {\r\n  width: calc(33.33% - 15px);\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-artist-card .fl-t-40-35-artist-content {\r\n  background-color: white;\r\n  border-radius: 16px;\r\n  text-align: left;\r\n  padding: 8px 8px 24px;\r\n  align-self: flex-start;\r\n  height: 100%;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-artist-card img {\r\n  width: 100%;\r\n  border-radius: 10px;\r\n  margin-bottom: 24px;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-artist-card h4 {\r\n  color: #000;\r\n  font-size: 24px;\r\n  font-style: normal;\r\n  font-weight: 700;\r\n  line-height: 175%;\r\n  padding: 0 16px;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-artist-card p {\r\n  color: #6c6c6c;\r\n  font-size: 19px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 175%;\r\n  text-align: left;\r\n  margin: 0;\r\n  padding: 0 16px;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-artist-card p b {\r\n  font-weight: 600;\r\n  color: #000;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-artist-card p strong {\r\n  color: #6c6c6c;\r\n  font-family: \"Open Sans\";\r\n  font-size: 19px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 175%;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-artist-card .fl-t-40-35-quote {\r\n  color: #000;\r\n  font-size: 19px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 150%;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-artist-card .fl-t-40-35-quote-image {\r\n  width: 60px;\r\n  height: 32px;\r\n  margin: 24px 0 8px;\r\n  padding-left: 16px;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-see-all-wrapper {\r\n  clear: both;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-see-all {\r\n  color: #16182c;\r\n  text-align: center;\r\n  font-size: 19px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  line-height: 30px;\r\n  border-radius: 400px;\r\n  background: #e9e9e9;\r\n  align-items: center;\r\n  max-width: max-content;\r\n  display: inline-flex;\r\n  gap: 12px;\r\n  padding: 10px 24px;\r\n  text-decoration: none;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-see-all:after {\r\n  height: 1em;\r\n  width: 1em;\r\n  display: inline-block;\r\n  background-image: url(https:\/\/www.image-line.com\/static\/assets\/arrow-circled-right-ZNIVDPDX.7abc618.svg);\r\n  background-position: center;\r\n  background-size: contain;\r\n  content: \"\";\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-tag.active {\r\n  align-items: center;\r\n  display: inline-flex;\r\n  gap: 8px;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-tag.active::before {\r\n  height: 24px;\r\n  width: 24px;\r\n  display: inline-block;\r\n  background-image: url(https:\/\/cdn-3.convertexperiments.com\/uf\/10049056\/10007574\/close-line_678e50472abfc.png);\r\n  background-position: center;\r\n  background-size: contain;\r\n  content: \"\";\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-see-all-wrapper .fl-t-40-35-button.orange {\r\n  margin: 20px auto 0px auto;\r\n  justify-content: center;\r\n  width: 100%;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-see-all-wrapper {\r\n  max-width: 235px;\r\n  margin: 0 auto;\r\n}\r\n\r\n@media screen and (min-width: 769px) {\r\n  .fl-t-40-35-featured-artists .fl-t-40-35-artist-card:nth-child(2) {\r\n    margin-top: 40px;\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .fl-t-40-35-featured-artists .fl-t-40-35-artist-card {\r\n    width: 100%;\r\n    margin: 10px 0px;\r\n  }\r\n\r\n  .fl-t-40-35-featured-artists .fl-t-40-35-tags {\r\n    overflow-x: auto;\r\n    scrollbar-width: none;\r\n    white-space: nowrap;\r\n    justify-content: flex-start;\r\n  }\r\n}\r\n\r\n\/**----------------end feature sections ----------------**\/\r\n\r\n\/**----------------start 7 reasons why beginners & professional producers alike love FL Studio ----------------**\/\r\n\r\n.fl-t-40-35-reasons {\r\n  background-color: #f6f6f6;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-wrapper {\r\n  padding-bottom: 120px;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-section-title {\r\n  color: #16182c;\r\n  text-align: center;\r\n  font-size: 57px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  line-height: 70px;\r\n  max-width: 1030px;\r\n  margin: auto;\r\n  font-stretch: 75%;\r\n  letter-spacing: normal;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-section-title span {\r\n  border-bottom: 4px solid #ff7629;\r\n  display: inline-block;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-reasons-grid {\r\n  display: flex;\r\n  gap: 32px;\r\n  padding-top: 40px;\r\n  flex-wrap: wrap;\r\n  justify-content: center;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-reason-card {\r\n  background-color: #fff;\r\n  border-radius: 10px;\r\n  text-align: left;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 40px;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-reason-card:nth-child(3) {\r\n  overflow: hidden;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-reason-card-4 {\r\n  width: calc(45% - 42px);\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-reason-card-6 {\r\n  width: calc(55% - 16px);\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-reason-card-6:nth-child(3) img {\r\n  margin-bottom: -50px;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-reason-card img {\r\n  max-width: 100%;\r\n  border-radius: 8px;\r\n  margin-top: auto;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-reason-title {\r\n  color: #ff7629;\r\n  font-size: 20px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 125%;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-reason-content h3 {\r\n  color: #16182c;\r\n  font-size: 46px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  line-height: 60px;\r\n  font-stretch: 75%;\r\n  letter-spacing: normal;\r\n  padding-bottom: 16px;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-reason-content p {\r\n  color: #16182c;\r\n  font-size: 18px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 175%;\r\n  padding-right: 22px;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-reason-description {\r\n  padding: 40px;\r\n  padding-bottom: 0px;\r\n}\r\n\r\n.fl-t-40-35-7-reasons .fl-t-40-35-reason-title {\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.fl-t-40-35-7-reasons .fl-t-40-35-reason-content h3 {\r\n  padding-right: 13px;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-reason-card img {\r\n  padding-left: 40px;\r\n}\r\n\r\n@media (min-width: 767px) and (max-width: 1024px) {\r\n  .fl-t-40-35-reasons .fl-t-40-35-reason-card {\r\n    width: 100% !important;\r\n  }\r\n}\r\n\r\n@media (min-width: 1025px) and (max-width: 1226px) {\r\n  .fl-t-40-35-reasons .fl-t-40-35-reasons-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n  }\r\n\r\n  .fl-t-40-35-reasons .fl-t-40-35-reason-card {\r\n    width: 100% !important;\r\n  }\r\n\r\n  .fl-t-40-35-reasons .fl-t-40-35-reason-card:nth-child(1),\r\n  .fl-t-40-35-reasons .fl-t-40-35-reason-card:nth-child(4) {\r\n    width: 100%;\r\n  }\r\n}\r\n\r\n@media (max-width: 1240px) {\r\n  .fl-t-40-35-reasons .fl-t-40-35-reason-card:nth-child(1),\r\n  .fl-t-40-35-reasons .fl-t-40-35-reason-card:nth-child(4) {\r\n    max-width: 100%;\r\n  }\r\n\r\n  .fl-t-40-35-reasons .fl-t-40-35-reason-card:nth-child(2),\r\n  .fl-t-40-35-reasons .fl-t-40-35-reason-card:nth-child(3) {\r\n    max-width: 100%;\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .fl-t-40-35-reasons .fl-t-40-35-reason-card {\r\n    width: 100% !important;\r\n  }\r\n}\r\n\r\n\/**----------------end 7 reasons why beginners & professional producers alike love FL Studio ----------------**\/\r\n\r\n\/**----------------satrt excellent learning resources ----------------**\/\r\n.fl-t-40-35-learning-resources {\r\n  text-align: center;\r\n  background-color: #fff;\r\n}\r\n\r\n.fl-t-40-35-learning-resources .fl-t-40-35-wrapper {\r\n  padding-top: 120px;\r\n}\r\n\r\n.fl-t-40-35-learning-resources .fl-t-40-35-learning-resources-title {\r\n  color: #ff7629;\r\n  font-size: 20px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 125%;\r\n}\r\n\r\n.fl-t-40-35-learning-resources h2 {\r\n  color: #16182c;\r\n  font-size: 46px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  line-height: 60px;\r\n  font-stretch: 75%;\r\n  letter-spacing: normal;\r\n}\r\n\r\n.fl-t-40-35-learning-resources-description {\r\n  border-radius: 10px;\r\n  margin: 32px 0;\r\n}\r\n\r\n.fl-t-40-35-learning-resources .fl-t-40-35-learning-details {\r\n  display: flex;\r\n  max-width: 1478px;\r\n  margin: 0 auto;\r\n  gap: 32px;\r\n  text-align: left;\r\n}\r\n\r\n.fl-t-40-35-learning-resources .fl-t-40-35-learning-detail {\r\n  background-color: #fff;\r\n  border-radius: 10px;\r\n  max-width: 336px;\r\n}\r\n\r\n.fl-t-40-35-learning-resources .fl-t-40-35-learning-detail h4 {\r\n  color: #16182c;\r\n  font-size: 18px;\r\n  font-style: normal;\r\n  font-weight: 700;\r\n  line-height: 175%;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.fl-t-40-35-learning-resources .fl-t-40-35-learning-detail p {\r\n  color: #16182c;\r\n  font-size: 18px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 175%;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .fl-t-40-35-learning-resources .fl-t-40-35-learning-details {\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    padding-bottom: 0px;\r\n  }\r\n}\r\n\r\n\/**----------------end excellent learning resources ----------------**\/\r\n\r\n\/**----------------start packed section ----------------**\/\r\n.fl-t-40-35-packed-section {\r\n  padding-top: 56px;\r\n  text-align: center;\r\n  padding-bottom: 34px;\r\n}\r\n\r\n.fl-t-40-35-packed-section h2 {\r\n  color: #16182c;\r\n  text-align: center;\r\n  font-size: 46px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  line-height: 60px;\r\n  font-stretch: 75%;\r\n  letter-spacing: normal;\r\n  margin-bottom: 20px;\r\n  max-width: 738px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.fl-t-40-35-packed-section .fl-t-40-35-packed-section-title {\r\n  color: #ff7629;\r\n  font-size: 20px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 125%;\r\n}\r\n\r\n.fl-t-40-35-packed-section .fl-t-40-35-button img {\r\n  max-width: 16px;\r\n  border-radius: 8px;\r\n  margin-left: 12px;\r\n}\r\n\r\n.fl-t-40-35-packed-section .fl-t-40-35-packed-description-wrapper {\r\n  display: flex;\r\n  margin: 40px 0;\r\n  gap: 64px;\r\n}\r\n\r\n.fl-t-40-35-packed-section .fl-t-40-35-packed-description {\r\n  flex: 1;\r\n  text-align: left;\r\n}\r\n\r\n.fl-t-40-35-packed-section .fl-t-40-35-packed-description p {\r\n  color: #16182c;\r\n  font-size: 18px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 175%;\r\n}\r\n\r\n.fl-t-40-35-packed-section .fl-t-40-35-packed-description p strong {\r\n  border-bottom: 1px solid #ff7629;\r\n}\r\n\r\n.fl-t-40-35-packed-section .see-all-plugins {\r\n  display: inline-flex;\r\n  gap: 12px;\r\n  align-items: center;\r\n  margin-bottom: 34px;\r\n}\r\n\r\n.fl-t-40-35-packed-section .see-all-plugins::after {\r\n  width: 16px;\r\n  height: 16px;\r\n  padding: 10px;\r\n  display: inline-block;\r\n  background-image: url(https:\/\/www.image-line.com\/static\/assets\/arrow-circled-right-ZNIVDPDX.7abc618.svg);\r\n  background-position: center;\r\n  background-size: contain;\r\n  content: \"\";\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .fl-t-40-35-packed-section .fl-t-40-35-packed-section {\r\n    padding-top: 40px;\r\n  }\r\n\r\n  .fl-t-40-35-packed-section .fl-t-40-35-packed-description-wrapper {\r\n    flex-direction: column;\r\n    gap: 32px;\r\n  }\r\n}\r\n\r\n\/**----------------end packed section ----------------**\/\r\n\r\n\/**----------------start buy section ----------------**\/\r\n.fl-t-40-35-buy-section {\r\n  text-align: center;\r\n}\r\n\r\n.fl-t-40-35-buy-section h2 {\r\n  font-size: 24px;\r\n  font-weight: bold;\r\n  color: #333;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.fl-t-40-35-buy-section p {\r\n  color: #16182c;\r\n  font-size: 24px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 175%;\r\n  text-align: left;\r\n}\r\n\r\n.fl-t-40-35-buy-section .fl-t-40-35-buy-buttons {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 20px;\r\n}\r\n\r\n.fl-t-40-35-buy-section .fl-t-40-35-buy-button {\r\n  text-align: center;\r\n  font-size: 19px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  line-height: 30px;\r\n  cursor: pointer;\r\n  padding: 10px 24px;\r\n  border-radius: 500px;\r\n}\r\n\r\n.fl-t-40-35-buy-section .fl-t-40-35-packed-section .fl-t-40-35-buy-button {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.fl-t-40-35-buy-section .fl-t-40-35-buy-button.orange {\r\n  background-color: #e65c21;\r\n  color: white;\r\n}\r\n.fl-t-40-35-buy-section .fl-t-40-35-button.orange {\r\n  max-width: fit-content;\r\n  margin-top: 40px;\r\n}\r\n.fl-t-40-35-buy-section .fl-t-40-35-buy-button.gray {\r\n  background-color: #e9e9e9;\r\n  color: #333;\r\n}\r\n\r\n.fl-t-40-35-buy-section .fl-t-40-35-buy-flex-wrapper {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding-top: 40px;\r\n  padding-bottom: 40px;\r\n}\r\n\r\n.fl-t-40-35-buy-section .fl-t-40-35-buy-section-title {\r\n  color: #ff7629;\r\n  font-size: 20px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 125%;\r\n  text-align: left;\r\n}\r\n\r\n.fl-t-40-35-buy-section .fl-t-40-35-buy-left-block h2 {\r\n  color: #16182c;\r\n  font-size: 46px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  line-height: 60px;\r\n  font-stretch: 75%;\r\n  letter-spacing: normal;\r\n  text-align: left;\r\n}\r\n\r\n.fl-t-40-35-buy-section .fl-t-40-35-buy-left-block h2 span {\r\n  display: inline-block;\r\n  text-decoration: underline;\r\n  text-decoration-color: #ff7629;\r\n  text-decoration-thickness: 4px;\r\n}\r\n\r\n.fl-t-40-35-buy-section .fl-t-40-35-buy-right-block {\r\n  max-width: 48%;\r\n}\r\n\r\n.fl-t-40-35-buy-section .fl-t-40-35-buy-left-block {\r\n  max-width: 35%;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .fl-t-40-35-buy-section .fl-t-40-35-buy-flex-wrapper {\r\n    padding-top: 40px;\r\n    padding-bottom: 40px;\r\n    flex-direction: column;\r\n    gap: 32px;\r\n  }\r\n\r\n  .fl-t-40-35-buy-section .fl-t-40-35-buy-right-block {\r\n    max-width: 100%;\r\n  }\r\n\r\n  .fl-t-40-35-buy-section .fl-t-40-35-buy-left-block {\r\n    max-width: 100%;\r\n  }\r\n}\r\n\r\n\/**----------------end buy section ----------------**\/\r\n\r\n\/**--------- FOP Logos -------------**\/\r\n.fl-t-40-35-payment-options {\r\n  text-align: center;\r\n  width: 100%;\r\n  padding: 70px 80px;\r\n}\r\n\r\n.fl-t-40-35-payment-options .fl-t-40-35-note {\r\n  margin-bottom: 40px;\r\n}\r\n\r\n.fl-t-40-35-payment-options .fl-t-40-35-note p b {\r\n  color: #16182c;\r\n  text-align: center;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 24px;\r\n  font-style: normal;\r\n  font-weight: 700;\r\n  line-height: 175%;\r\n}\r\n\r\n.fl-t-40-35-payment-options .fl-t-40-35-note p {\r\n  color: #16182c;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 19px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 175%;\r\n}\r\n\r\n.fl-t-40-35-payment-options .extra-note {\r\n  color: #16182c;\r\n  text-align: center;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 13px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 150%;\r\n}\r\n\r\n.fl-t-40-35-payment-options .fl-t-40-35-logos {\r\n  margin: 0 auto 16px;\r\n  padding: 0px 15px;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 20px;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  max-width: 1080px;\r\n}\r\n\r\n.fl-t-40-35-payment-options img {\r\n  height: fit-content;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .fl-t-40-35-payment-options {\r\n    padding: unset;\r\n  }\r\n  .fl-t-40-35-payment-options .fl-t-40-35-logos {\r\n    gap: 20px;\r\n    justify-content: center;\r\n  }\r\n  body.fl-t-40-35 .banner-heading {\r\n    font-size: 31px;\r\n    line-height: normal;\r\n  }\r\n}\r\n\r\n\/** footer section **\/\r\n.fl-t-40-35-footer {\r\n  background-color: #16182c !important;\r\n  padding: 2.5rem 1rem;\r\n}\r\n\r\n.fl-t-40-35-footer-content {\r\n  max-width: 1478px;\r\n  margin: 0 auto;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n}\r\n\r\n.fl-t-40-35-footer .fl-t-40-35-copyright {\r\n  opacity: 0.8;\r\n  color: white;\r\n  font-size: 1rem;\r\n  line-height: 1.625em;\r\n}\r\n\r\n.fl-t-40-35-footer .fl-t-40-35-legal-notices {\r\n  text-decoration: underline;\r\n  font-size: 1rem;\r\n  line-height: 1.625em;\r\n  font-weight: 400;\r\n  color: white;\r\n}\r\n\r\n.fl-t-40-35-footer .fl-t-40-35-legal-notices:hover {\r\n  text-decoration: none;\r\n  color: #ff7629;\r\n  outline: 0;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .fl-t-40-35-featured-artists h2,\r\n  .fl-t-40-35-top-price__header h2,\r\n  .fl-t-40-35-reasons .fl-t-40-35-section-title,\r\n  .fl-t-40-35-start-making h2,\r\n  .fl-t-40-35-pricing-tile__header h2 {\r\n    font-size: 31px;\r\n    line-height: 38px;\r\n  }\r\n\r\n  .fl-t-40-35-reasons .fl-t-40-35-reason-content h3,\r\n  .fl-t-40-35-packed-section h2,\r\n  .fl-t-40-35-buy-section .fl-t-40-35-buy-left-block h2,\r\n  .fl-t-40-35-learning-resources h2 {\r\n    font-size: 24px;\r\n    line-height: 30px;\r\n  }\r\n\r\n  .fl-t-40-35-start-image {\r\n    margin-top: 0px !important;\r\n  }\r\n\r\n  .fl-t-40-35-footer-content {\r\n    flex-direction: column-reverse;\r\n  }\r\n}\r\n\r\n\/**----------------end footer section ----------------**\/\r\n\r\n\r\n\/**----------------Buy Now page artist slider ----------------**\/\r\n\r\n.fl-t-40-35-artist-slider {\r\n  background: #f6f6f6;\r\n  padding: 60px 15px 30px;\r\n}\r\n\r\n.fl-t-40-35-artist-slider h2,\r\n.fl-t-40-35-artist-slider .artist-name {\r\n  color: #16182c;\r\n}\r\n\r\n.fl-t-40-35-buy-page .sub-navigation--inner .navigation-info {\r\n  margin: 24px auto 0px;\r\n}\r\n\r\n.fl-t-40-35-main-heading {\r\n  color: #fff;\r\n  text-align: center;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 57px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  margin: 75px 0px 45px;\r\n  line-height: 1.3;\r\n  line-height: 1.225em;\r\n  font-stretch: 75%;\r\n  letter-spacing: normal;\r\n}\r\n\r\n@media screen and (max-width: 1600px) {\r\n  body.fl-t-40-35 #buy-now-header {\r\n    background-position: center -88px;\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 1500px) {\r\n  body.fl-t-40-35 #buy-now-header {\r\n    background-position: center -66px;\r\n  }\r\n\r\n  .fl-t-40-35-main-heading {\r\n    margin: 75px 0px 18px;\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 1400px) {\r\n  body.fl-t-40-35 #buy-now-header {\r\n    background-position: center -40px;\r\n  }\r\n\r\n  .fl-t-40-35-main-heading {\r\n    margin: 75px 0px 0px;\r\n  }\r\n}\r\n\r\n\/**\r\n* ===============================================================================\r\n* [fl-t-40-35] FL Buy now page HL test End\r\n* ==============================================================================\r\n*\/","js":function(convertContext){ 
(function() {
  let debug = 0;
  const variation_name = "fl-t-40";
  try {
    /**LIBRARY**/
    var utils = {};

    /**
     * Helper function to wait for library to load
     * @param {function} trigger - callback function to be called when lib is loaded
     */
    function waitForLibrary(trigger) {
      var INTERVAL = 50;
      var TIMEOUT = 15000;

      var interval = setInterval(function() {
        if (typeof window["ilHelpers"] != "undefined") {
          clearInterval(interval);
          trigger(window["ilHelpers"]);
        }
      }, INTERVAL);

      setTimeout(function() {
        clearInterval(interval);
      }, TIMEOUT);
    }

    const defaultTemplateSelector = '.nav .nav__section > a[href="https://www.image-line.com/fl-studio"] + .nav__links';
    const newTemplateSelector = '.c-nav-main > ul > li > a[href="https://www.image-line.com/fl-studio"] + .sub-menu';
    const submenuHTML = `<li class="nav__item ${variation_name}-nav__item"><a href="https://www.image-line.com/fl-cloud"> FL Cloud </a></li>`;

    const flLogo = `
    <img decoding="async" class="site-header__logo__fruit" src="https://www.image-line.com/static/assets/nav-logo-fruit.41db863.png">
    <svg width="997" height="170" viewBox="0 0 997 170" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M910.668 0.609131C934.941 0.609131 955.254 8.7124 971.606 24.9189C987.957 41.1255 996.133 61.0747 996.133 84.7668C996.133 108.241 987.957 
    128.154 971.606 144.506C955.326 160.858 935.45 169.033 911.976 169.033C888.211 169.033 868.153 160.894 851.801 144.615C835.449 128.335 827.273 108.641 827.273 85.5299C827.273 70.1228 830.979 55.8421 838.392 42.688C845.878 29.5338 856.052 19.2503 
    868.916 11.8374C881.779 4.35189 895.697 0.609131 910.668 0.609131ZM911.431 16.3069C899.585 16.3069 888.356 19.3956 877.746 25.573C867.135 31.7504 858.85 40.0717 852.891 50.5369C846.932 61.0021 843.952 72.6664 843.952 85.5299C843.952 104.571 
    850.529 120.668 863.683 133.822C876.91 146.904 892.826 153.445 911.431 153.445C923.858 153.445 935.341 150.429 945.879 144.397C956.489 138.365 964.738 130.116 970.625 119.651C976.584 109.186 979.564 97.5576 979.564 84.7668C979.564 72.0487 
    976.584 60.566 970.625 50.3188C964.738 39.999 956.417 31.7504 945.661 25.573C934.905 19.3956 923.495 16.3069 911.431 16.3069Z" fill="white"></path><path d="M782.495 4.64258H798.52V165H782.495V4.64258Z" fill="white"></path><path d="M619.766 
    165V4.64258H653.014C676.997 4.64258 694.403 6.56847 705.231 10.4202C720.784 15.8709 732.921 25.3186 741.642 38.7635C750.435 52.2084 754.832 68.2332 754.832 86.838C754.832 102.899 751.344 117.035 744.367 129.244C737.463 141.453 728.451 150.465 
    717.332 156.279C706.285 162.093 690.769 165 670.783 165H619.766ZM635.136 149.847H653.668C675.834 149.847 691.205 148.466 699.781 145.705C711.845 141.78 721.329 134.731 728.233 124.556C735.137 114.309 738.589 101.809 738.589 87.0561C738.589 71.5763 
    734.846 58.3494 727.361 47.3755C719.875 36.4016 709.446 28.8797 696.074 24.8099C686.045 21.7575 669.512 20.2314 646.474 20.2314H635.136V149.847Z" fill="white"></path><path d="M475.132 4.64258H491.157V101.446C491.157 112.928 491.375 120.087 491.811 
    122.921C492.61 129.244 494.464 134.549 497.371 138.837C500.278 143.052 504.747 146.613 510.779 149.52C516.811 152.355 522.88 153.772 528.984 153.772C534.29 153.772 539.377 152.645 544.246 150.392C549.115 148.139 553.185 145.014 556.455 141.017C559.726 
    137.02 562.124 132.187 563.65 126.519C564.74 122.449 565.285 114.091 565.285 101.446V4.64258H581.31V101.446C581.31 115.763 579.893 127.354 577.059 136.221C574.297 145.014 568.701 152.682 560.271 159.222C551.913 165.763 541.775 169.033 529.856 
    169.033C516.92 169.033 505.837 165.945 496.607 159.767C487.378 153.59 481.2 145.414 478.075 135.24C476.113 128.99 475.132 117.725 475.132 101.446V4.64258Z" fill="white"></path><path d="M364.728 20.2314V4.64258H452.702V20.2314H416.945V165H400.594V20.2314H364.728Z" 
    fill="white"></path><path d="M253.998 135.131L267.624 126.955C277.218 144.615 288.301 153.445 300.873 153.445C306.251 153.445 311.302 152.209 316.026 149.738C320.75 147.195 324.347 143.815 326.818 139.6C329.289 135.385 330.525 130.915 330.525 126.192C330.525 120.814 
    328.708 115.545 325.074 110.385C320.059 103.263 310.902 94.6869 297.603 84.6578C284.231 74.556 275.909 67.2521 272.639 62.7463C266.97 55.1881 264.136 47.0121 264.136 38.2185C264.136 31.2417 265.808 24.8826 269.151 19.1413C272.494 13.3999 277.181 8.89408 283.213 
    5.62371C289.318 2.28066 295.931 0.609131 303.054 0.609131C310.612 0.609131 317.661 2.49868 324.202 6.27778C330.815 9.98421 337.792 16.852 345.132 26.8812L332.051 36.8013C326.019 28.807 320.859 23.5381 316.571 20.9945C312.356 18.4508 307.741 17.179 302.727 17.179C296.258 
    17.179 290.953 19.1413 286.811 23.0657C282.741 26.9902 280.706 31.8231 280.706 37.5644C280.706 41.0528 281.433 44.4322 282.886 47.7025C284.34 50.9729 286.992 54.534 290.844 58.3858C292.952 60.4207 299.856 65.7623 311.557 74.4106C325.437 84.6578 334.958 93.7785 340.118 
    101.773C345.278 109.767 347.858 117.798 347.858 125.865C347.858 137.493 343.425 147.594 334.558 156.17C325.764 164.746 315.045 169.033 302.399 169.033C292.661 169.033 283.831 166.454 275.909 161.294C267.988 156.061 260.684 147.34 253.998 135.131Z" fill="white"></path>
    <path d="M107.755 4.64258H123.889V149.52H185.481V165H107.755V4.64258Z" fill="white"></path><path d="M0.513245 4.64258H80.8555V20.4494H16.4291V70.5952H80.8555V86.402H16.4291V165H0.513245V4.64258Z" fill="white"></path></svg>`;

    /**
     * Inserts a new submenu link into a specified parent element in the navigation menu.
     * This function first checks if the parent element specified by the selector exists and if the submenu link
     * has not already been inserted. If both conditions are true, the submenu link is added to the end of the
     * parent element's inner HTML.
     */
    function insertSubMenuLink(selector, submenuHTML) {
      const parentElement = document.querySelector(selector);
      const existingSubmenuElement = document.querySelector(`.${variation_name}-nav__item`);

      if (parentElement && !existingSubmenuElement) {
        parentElement.insertAdjacentHTML("beforeend", submenuHTML);
      }
    }

    function moveBuyNowTryFreeDefault() {
      const siteHeaderMeta = document.querySelector(".site-header-meta");
      if (!document.querySelector(`${variation_name}-hamberger-icon`)) {
        const otherDownload = document.querySelector('nav > ul> li > a[href*="/fl-studio-download"]');
        const otherBuyNow = document.querySelector('nav > ul > li > a[href*="/buy-now"]');
        const buyNowTryFreeDefault = `
          <div class="${variation_name}-hamberger-icon"><span></span><span></span><span></span></div>
          ${otherDownload && otherDownload.closest("li").outerHTML}
          ${otherBuyNow && otherBuyNow.closest("li").outerHTML}
        `;
        siteHeaderMeta.insertAdjacentHTML("afterbegin", buyNowTryFreeDefault);
      }
    }

    function moveBuyNowTryFreeNew() {
      const headerShop = document.querySelector(".c-nav-main + .c-header-shop");
      if (!document.querySelector(`${variation_name}-hamberger-icon`)) {
        const otherDownload = document.querySelector('nav > ul> li > a[href*="/fl-studio-download"]');
        const otherBuyNow = document.querySelector('nav > ul > li > a[href*="/buy-now"]');
        const buyNowTryFreeNew = `
          <div class="${variation_name}-hamberger-icon"><span></span><span></span><span></span></div>
          ${otherDownload && otherDownload.closest("li").outerHTML}
          ${otherBuyNow && otherBuyNow.closest("li").outerHTML}
        `;
        headerShop && headerShop.insertAdjacentHTML("afterbegin", buyNowTryFreeNew);
      }
    }

    // Inserts the FL Cloud submenu link into the default template's navigation menu.
    function initDefaultTemplate() {
      insertSubMenuLink(defaultTemplateSelector, submenuHTML);
      moveBuyNowTryFreeDefault();
    }

    // Inserts the FL Cloud submenu link into the new template's navigation menu.
    function initNewTemplate() {
      insertSubMenuLink(newTemplateSelector, submenuHTML);
      moveBuyNowTryFreeNew();
      // Update site logo
      utils.waitForElement(".c-header--logo", function() {
        const headerLogo = document.querySelector(".c-header--logo");
        headerLogo.insertAdjacentHTML("afterbegin", flLogo);
      });
    }

    // Initializes variation
    function initializeVariation() {
      if (window.location.hostname == "support.image-line.com") {
        document.body.classList.add(variation_name + "--support");
        utils.waitForElement(newTemplateSelector, initNewTemplate);
        return;
      } else if (window.location.pathname == "/artists" || window.location.pathname == "/artists/" || window.location.pathname == "/fl-studio-news" || window.location.pathname == "/fl-studio-news/") {
        utils.waitForElement(newTemplateSelector, initNewTemplate);
        return;
      }

      if (document.body.classList.contains("page-template-default")) {
        utils.waitForElement(defaultTemplateSelector, initDefaultTemplate);
      } else if (document.body.classList.contains("page-template-templates")) {
        utils.waitForElement(newTemplateSelector, initNewTemplate);
      }
    }

    function addEvents() {
      utils.live(`.${variation_name}-hamberger-icon`, "click", function(e) {
        e.preventDefault();
        e.stopPropagation();
        e.stopImmediatePropagation();
        var siteHeaderInner = document.querySelector(".site-header__inner");
        siteHeaderInner && siteHeaderInner.classList.toggle("show");

        var navMain = document.querySelector(".c-header .c-nav-main");
        navMain && navMain.classList.toggle("show");
      });
    }

    // Updates the href attribute of all buy now links to the new URL '/fl-studio/b-buy-now'
    function updateBuyNowLink() {
      document.querySelectorAll('header a[href*="/fl-studio/buy-now"]')
      .forEach(el => el.textContent = "Buy FL Studio");   
      
      const buyNowLinks = document.querySelectorAll('a[href*="/fl-studio/buy-now"]');
      buyNowLinks.forEach(el => (el.href = "https://www.image-line.com/fl-studio/b-buy-now"));
    }

    /**
     * ===============================================================================
     * Buy Now Box Section Start
     * ==============================================================================
     */

    const buyNowLeftContent = `
      <div class="${variation_name}-col ${variation_name}-col-lg-6">
        <div class="${variation_name}-content-wrapper">
          <div class="${variation_name}-content-box">
              <h2>The choice of pros</h2>
              <p>FL Studio is the go-to DAW for hitmakers like Martin Garrix, Mustard, and Boi-1da. It's a versatile and complete music production environment used to create chart-topping hits in every genre, from EDM and hip-hop to pop and beyond.
                </p>
          </div>
          <hr style="background-color:#d2d2d2;color:#d2d2d2">
          <div class="${variation_name}-content-box">
              <h2>Easy to learn, fun to master</h2>
              <p>FL Studio's intuitive interface makes it easy to dive in and start making music in minutes. And as you grow, FL Studio grows with you, offering endless possibilities for exploration and experimentation.
                </p>
          </div>
          <hr style="background-color:#d2d2d2;color:#d2d2d2">
          <div class="${variation_name}-content-box">
              <h2>Buy once, get all updates free for life</h2>
              <p>We believe in transparent and fair pricing: Others make you pay for updates every 2 years or so. With FL Studio you always get all updates, improvements, and the latest features for free - for life.
              </p>
          </div>
          </div>
      </div>
    `;

    const buyNowBoxHeader = `
    <div class="${variation_name}-top-pricing-section">
      <div class="${variation_name}-top-price__header">
        <div>
          <h2>Get everything you need to start making music today</h2>
          <p>FL Studio offers over 100 instruments and effects, a huge sound library, world famous features, and beginner-friendly tools for music composition.</p>
        </div>
      </div>
    </div>
    `;

    function initBuyNowBox() {
      const buyNowBox = document.querySelector("#buy-now-box");
      const buyNowBoxColumn = document.querySelector("#buy-now-box > div.buy-now-columns");
      buyNowBox && buyNowBox.classList.contains("is-hidden") && buyNowBox.classList.remove("is-hidden");
      buyNowBox && buyNowBox.classList.add("fl-t-40-top-pricing-section");
      buyNowBoxColumn && buyNowBoxColumn.classList.add("fl-t-40-col-lg-6");
      buyNowBox && buyNowBox.insertAdjacentHTML("afterbegin", buyNowLeftContent);
      buyNowBox && buyNowBox.insertAdjacentHTML("beforebegin", buyNowBoxHeader);
    }

    /**
     * ===============================================================================
     * Buy Now Box Section End
     * ==============================================================================
     */

    // Wait for library and initialize experiment
    waitForLibrary(function(ilHelpers) {
      utils = ilHelpers.get("lib");
      utils.waitForElement("body", function() {
        var bodyElm = document.querySelector("body");
        if (!bodyElm.classList.contains(variation_name)) {
          bodyElm.classList.add(variation_name);
          addEvents();
          initializeVariation();
          
          utils.waitForElement('a[href*="/fl-studio/buy-now"]', function(){
            updateBuyNowLink();
            setTimeout(updateBuyNowLink, 2000);
          });

          if (window.location.pathname == "/") {
            utils.waitForElement("#buy-now-box > div.buy-now-columns", initBuyNowBox);
          }

          utils.waitForElement("a.fl-t-44-discover-studio", function() {
            var elms = document.querySelectorAll("a.fl-t-44-discover-studio");
            elms.forEach(function(el) {
              el.href = "/fl-studio/buy-now";
            });
          });
          utils.waitForElement('.fl-t-44-payment__button .wp-block-button__link[href="/fl-studio/buy-now/"]', function() {
            var elms = document.querySelectorAll('.fl-t-44-payment__button .wp-block-button__link[href="/fl-studio/buy-now/"]');
            elms.forEach(function(el) {
              el.href = "/fl-studio/buy-now";
            });
          });
          utils.waitForElement('.fl-t-44-buy-btn[href*="/fl-studio/buy-now/"]', function() {
            var elms = document.querySelectorAll('.fl-t-44-buy-btn[href*="/fl-studio/buy-now/"]');
            elms.forEach(function(el) {
              el.href = "/fl-studio/buy-now";
            });
          });
        }
      });
    });
  } catch (e) {
    if (debug) console.log(e, "error in Test" + variation_name);
  }
})();

(function() {
  try {
    /* main variables */
    var debug = 0;
    var variation_name = "fl-t-40-35";

    /**LIBRARY**/
    var utils = {};

    /**
     * Helper function to wait for library to load
     * @param {function} trigger - callback function to be called when lib is loaded
     */
    function waitForLibrary(trigger) {
      var INTERVAL = 50;
      var TIMEOUT = 15000;

      var interval = setInterval(function() {
        if (typeof window["ilHelpers"] != "undefined") {
          clearInterval(interval);
          trigger(window["ilHelpers"]);
        }
      }, INTERVAL);

      setTimeout(function() {
        clearInterval(interval);
      }, TIMEOUT);
    }

    // Inject missing libraries
    function injectMasonryScript(callback) {
      var script = document.createElement("script");
      script.src = "https://cdnjs.cloudflare.com/ajax/libs/packery/2.1.2/packery.pkgd.min.js";
      script.onload = callback;
      document.head.appendChild(script);
    }

    /**
     * ==============================================================
     * Objects and data
     * ==============================================================
     */

    var headerSvg = `<svg width="997" height="170" viewBox="0 0 997 170" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M910.668 0.609131C934.941 0.609131 955.254 8.7124 971.606 24.9189C987.957 41.1255 996.133 61.0747 996.133 84.7668C996.133 108.241 987.957 128.154 971.606 144.506C955.326 160.858 935.45 169.033 911.976 169.033C888.211 169.033 868.153 160.894 851.801 144.615C835.449 128.335 827.273 108.641 827.273 85.5299C827.273 70.1228 830.979 55.8421 838.392 42.688C845.878 29.5338 856.052 19.2503 868.916 11.8374C881.779 4.35189 895.697 0.609131 910.668 0.609131ZM911.431 16.3069C899.585 16.3069 888.356 19.3956 877.746 25.573C867.135 31.7504 858.85 40.0717 852.891 50.5369C846.932 61.0021 843.952 72.6664 843.952 85.5299C843.952 104.571 850.529 120.668 863.683 133.822C876.91 146.904 892.826 153.445 911.431 153.445C923.858 153.445 935.341 150.429 945.879 144.397C956.489 138.365 964.738 130.116 970.625 119.651C976.584 109.186 979.564 97.5576 979.564 84.7668C979.564 72.0487 976.584 60.566 970.625 50.3188C964.738 39.999 956.417 31.7504 945.661 25.573C934.905 19.3956 923.495 16.3069 911.431 16.3069Z" fill="white"></path><path d="M782.495 4.64258H798.52V165H782.495V4.64258Z" fill="white"></path><path d="M619.766 165V4.64258H653.014C676.997 4.64258 694.403 6.56847 705.231 10.4202C720.784 15.8709 732.921 25.3186 741.642 38.7635C750.435 52.2084 754.832 68.2332 754.832 86.838C754.832 102.899 751.344 117.035 744.367 129.244C737.463 141.453 728.451 150.465 717.332 156.279C706.285 162.093 690.769 165 670.783 165H619.766ZM635.136 149.847H653.668C675.834 149.847 691.205 148.466 699.781 145.705C711.845 141.78 721.329 134.731 728.233 124.556C735.137 114.309 738.589 101.809 738.589 87.0561C738.589 71.5763 734.846 58.3494 727.361 47.3755C719.875 36.4016 709.446 28.8797 696.074 24.8099C686.045 21.7575 669.512 20.2314 646.474 20.2314H635.136V149.847Z" fill="white"></path><path d="M475.132 4.64258H491.157V101.446C491.157 112.928 491.375 120.087 491.811 122.921C492.61 129.244 494.464 134.549 497.371 138.837C500.278 143.052 504.747 146.613 510.779 149.52C516.811 152.355 522.88 153.772 528.984 153.772C534.29 153.772 539.377 152.645 544.246 150.392C549.115 148.139 553.185 145.014 556.455 141.017C559.726 137.02 562.124 132.187 563.65 126.519C564.74 122.449 565.285 114.091 565.285 101.446V4.64258H581.31V101.446C581.31 115.763 579.893 127.354 577.059 136.221C574.297 145.014 568.701 152.682 560.271 159.222C551.913 165.763 541.775 169.033 529.856 169.033C516.92 169.033 505.837 165.945 496.607 159.767C487.378 153.59 481.2 145.414 478.075 135.24C476.113 128.99 475.132 117.725 475.132 101.446V4.64258Z" fill="white"></path><path d="M364.728 20.2314V4.64258H452.702V20.2314H416.945V165H400.594V20.2314H364.728Z" fill="white"></path><path d="M253.998 135.131L267.624 126.955C277.218 144.615 288.301 153.445 300.873 153.445C306.251 153.445 311.302 152.209 316.026 149.738C320.75 147.195 324.347 143.815 326.818 139.6C329.289 135.385 330.525 130.915 330.525 126.192C330.525 120.814 328.708 115.545 325.074 110.385C320.059 103.263 310.902 94.6869 297.603 84.6578C284.231 74.556 275.909 67.2521 272.639 62.7463C266.97 55.1881 264.136 47.0121 264.136 38.2185C264.136 31.2417 265.808 24.8826 269.151 19.1413C272.494 13.3999 277.181 8.89408 283.213 5.62371C289.318 2.28066 295.931 0.609131 303.054 0.609131C310.612 0.609131 317.661 2.49868 324.202 6.27778C330.815 9.98421 337.792 16.852 345.132 26.8812L332.051 36.8013C326.019 28.807 320.859 23.5381 316.571 20.9945C312.356 18.4508 307.741 17.179 302.727 17.179C296.258 17.179 290.953 19.1413 286.811 23.0657C282.741 26.9902 280.706 31.8231 280.706 37.5644C280.706 41.0528 281.433 44.4322 282.886 47.7025C284.34 50.9729 286.992 54.534 290.844 58.3858C292.952 60.4207 299.856 65.7623 311.557 74.4106C325.437 84.6578 334.958 93.7785 340.118 101.773C345.278 109.767 347.858 117.798 347.858 125.865C347.858 137.493 343.425 147.594 334.558 156.17C325.764 164.746 315.045 169.033 302.399 169.033C292.661 169.033 283.831 166.454 275.909 161.294C267.988 156.061 260.684 147.34 253.998 135.131Z" fill="white"></path><path d="M107.755 4.64258H123.889V149.52H185.481V165H107.755V4.64258Z" fill="white"></path><path d="M0.513245 4.64258H80.8555V20.4494H16.4291V70.5952H80.8555V86.402H16.4291V165H0.513245V4.64258Z" fill="white"></path></svg>`;
    var defaultArtists = [
      {
        "Show on homepage?": "x",
        "Show per default on FL Studio PDP": "x",
        Name: "Martin Garrix",
        Description: '<b>4x DJ Mag #1 DJ</b>, most known for his hits "Animals", "In the Name of Love", and "Scared to Be Lonely',
        Quote: "In FL Studio it's about the workflow and the speed of programming.",
        Genre: "EDM",
        "link to more": "https://www.image-line.com/artists/martin-garrix/",
        Image: "https://www.image-line.com/static/assets/Martin-Garrix-1.jpg.696e0e0.webp",
        "Alt image": "https://www.image-line.com/wp-content/uploads/2022/07/martin_garrix.png",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "x",
        "Show per default on FL Studio PDP": "x",
        Name: "Boi-1da",
        Description: "Grammy-winning producer behind hits from <b>Drake, Eminem, Jay-Z, Nicki Minaj, Rihanna</b>, and many others",
        Quote: "I learned the basics of it within an hour.",
        Genre: "Hip Hop",
        "link to more": "https://www.image-line.com/artists/boi-1da/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/boi-1da.png",
        "Alt image": "https://www.image-line.com/wp-content/uploads/2012/01/Boi-1da-620x443-2.jpg",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "x",
        Name: "Hit-Boy",
        Description: "With hits for <b>Jay-Z, Kanye West, Eminem, Justin Bieber, Drake, Selena Gomez</b>, and more, Hit-Boy has been a <b>Grammy winner or nominee for 10 of the last 11 years</b>",
        Quote: "To be able to get a pack out with FL that's fly, that's like an athlete getting with Nike.",
        Genre: "Hip Hop",
        "link to more": "N/A",
        Image: "https://www.image-line.com/static/assets/hit-boy-1.88cec2f.jpg",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments:
          "Josh:\nAs I mentioned in my message, I don't feel we should use him for this until we have a Power User page set up for him.\n\nRich: While it woudl be ideal for him to have a page, I don't think it's a must have. His description sounds impressive, his quote is strong (taken from a video that we have/had on the homepage). Also: his image is featured all over the site.",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "x",
        Name: "Ovy On The Drums",
        Description: "Colombian producer and vocalist known for his work with artists like <b>Nicki Minaj, KAROL G, Becky G, Paulo Londra, Bad Bunny, 6ix9ine</b>, and <b>Ed Sheeran</b>",
        Quote:
          "When I went to my cousin’s house one of the guys who was there showed me FL Studio. My life changed, it was like entering another galaxy and since then FL Studio has been like my temple, my place where I disconnect and create my sound, my music, my art.",
        Genre: "Latin",
        "link to more": "https://www.image-line.com/artists/ovy-on-the-drums/",
        Image: "https://www.image-line.com/static/assets/ovy-on-the-drums-1-jpg-56d1ba3.0f7c10d.webp",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "x",
        "Show per default on FL Studio PDP": "x",
        Name: "Afrojack",
        Description: '<b>DJ Mag Top 20 DJ since 2010</b>, head of Wall Recordings, known for hits like "Take Over Control" ft. Eva Simons & "Give Me Everything" ft. Pitbull & Ne-Yo',
        Quote: "FL Studio felt really easy and intuitive, and I never stopped using it.",
        Genre: "EDM",
        "link to more": "Read more",
        Image: "",
        "Alt image": "https://www.image-line.com/static/assets/afrojack-jpg-f6c6b36.4b51030.webp",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "x",
        Name: "Madeon",
        Description:
          '<b>Grammy-nominated</b> electronic artist who rocketed to fame with his viral hit "Pop Culture" mashup all the way back in 2011 and has since released many hits and multiple albums',
        Quote: "...with the incredible depth of the software, I never feel like something isn't achievable.",
        Genre: "EDM",
        "link to more": "https://www.image-line.com/wp-content/uploads/2022/07/madeon.png",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/madeon.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
    ];

    var artistObject = [
      {
        "Show on homepage?": "x",
        "Show per default on FL Studio PDP": "x",
        Name: "Martin Garrix",
        Description: '<b>4x DJ Mag #1 DJ</b>, most known for his hits "Animals", "In the Name of Love", and "Scared to Be Lonely',
        Quote: "In FL Studio it's about the workflow and the speed of programming.",
        Genre: "EDM",
        "link to more": "https://www.image-line.com/artists/martin-garrix/",
        Image: "https://www.image-line.com/static/assets/Martin-Garrix-1.jpg.696e0e0.webp",
        "Alt image": "https://www.image-line.com/wp-content/uploads/2022/07/martin_garrix.png",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Avicii (In Memoriam)",
        Description: '<b>Legendary 2-time Grammy-nominee</b> best known for hits like "Levels", "Wake Me Up", "Hey Brother" and many others. In Memoriam <3',
        Quote: "I was introduced to FL through a friend and was hooked instantly. It’s so easy and quick to use [...] I literally couldn’t shut the program down.",
        Genre: "EDM",
        "link to more": "https://www.image-line.com/artists/avicii/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/avicii.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Afrojack",
        Description: '<b>DJ Mag Top 20 DJ since 2010</b>, head of Wall Recordings, known for hits like "Take Over Control" ft. Eva Simons & "Give Me Everything" ft. Pitbull & Ne-Yo',
        Quote: "FL Studio felt really easy and intuitive, and I never stopped using it.",
        Genre: "EDM",
        "link to more": "https://www.image-line.com/artists/afrojack/",
        Image: "https://www.image-line.com/static/assets/afrojack-jpg-f6c6b36.4b51030.webp",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Porter Robinson",
        Description: '<b>Grammy-nominated artist and 7-time DJ Mag Top 100 DJ</b>, best known hits like "Language" and his successful alternate alias Virtual Self',
        Quote: "FL Studio stood out because it was vastly more intuitive and usable...there's way too many awesome FL Studio features to list.",
        Genre: "EDM",
        "link to more": "https://www.image-line.com/artists/porter-robinson/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/porter_robinson.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "x",
        Name: "Madeon",
        Description:
          '<b>Grammy-nominated</b> electronic artist who rocketed to fame with his viral hit "Pop Culture" mashup all the way back in 2011 and has since released many hits and multiple albums',
        Quote: "...with the incredible depth of the software, I never feel like something isn't achievable.",
        Genre: "EDM",
        "link to more": "https://www.image-line.com/wp-content/uploads/2022/07/madeon.png",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/madeon.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Oliver Heldens",
        Description: 'DJ Mag top 35 DJ since 2014 & Heldeep Records label head, best known for hits like "Gecko (Overdrive)", "Turn me On", and his HI-LO pseudonym',
        Quote: "I like how I can draw my idea's in it really quick.",
        Genre: "EDM",
        "link to more": "https://www.image-line.com/artists/oliver-heldens/",
        Image: "",
        "Alt image": "https://www.image-line.com/innovaeditor/assets/oliversplash.jpg",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },

      // Hip Hop
      {
        "Show on homepage?": "x",
        "Show per default on FL Studio PDP": "x",
        Name: "Boi-1da",
        Description: "Grammy-winning producer behind hits from <b>Drake, Eminem, Jay-Z, Nicki Minaj, Rihanna</b>, and many others",
        Quote: "I learned the basics of it within an hour.",
        Genre: "Hip Hop",
        "link to more": "https://www.image-line.com/artists/boi-1da/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/boi-1da.png",
        "Alt image": "https://www.image-line.com/wp-content/uploads/2012/01/Boi-1da-620x443-2.jpg",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "x",
        "Show per default on FL Studio PDP": "",
        Name: "Murda Beatz",
        Description: '<b>Multi-platinum producer</b> behind hits like <b>Travis Scott\'s</b> "Butterfly Effect", <b>Gucci Mane\'s</b> "Back on Road", <b>Drake\'s</b> "Nice for What", and others',
        Quote: "I love my FL Studio.",
        Genre: "Hip Hop",
        "link to more": "Read more",
        Image: "",
        "Alt image": "https://www.image-line.com/static/assets/murda-beatz-1.8650ed0.jpg",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Mustard",
        Description:
          "<b>Grammy-winning, multi-platinum-selling</b> American producer, DJ, and artist, known for a slew of major hits from artists like <b>Rihanna, Tyga, Lil Dicky, Jeremih, Roddy Ricch</b>, and many others",
        Quote:
          "FL Studio means everything to my production, from how I draw my notes in, how it sounds, how I layer my drums, how I mix everything together, and most importantly, the finished product.",
        Genre: "Hip Hop",
        "link to more": "https://www.image-line.com/artists/mustard/",
        Image: "https://www.image-line.com/wp-content/uploads/2023/03/mustard.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "x",
        "Show per default on FL Studio PDP": "",
        Name: "PLUSS",
        Description: '<b>Grammy-winning, multi-platinum selling producer</b> behind hits like "HUMBLE." by <b>Kendrick Lamar</b>, "Formation" by <b>Beyonce</b>, and countless others',
        Quote: "It’s an honor to be a part of what you guys have going on. FL Studio plays a huge role in why I am who I am today. Thank you all.",
        Genre: "Hip Hop",
        "link to more": "https://www.image-line.com/artists/pluss/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/pluss.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "9th Wonder",
        Description: "<b>Grammy-winning</b> producer, record executive, and professor known for his work with <b>Kendrick Lamar, Anderson .Paak, JAY-Z, Mac Miller</b>, and others",
        Quote: "The programs we use are Cool Edit Pro and FL Studio. Those are the two programs that we use, and that's what we did the whole album on.",
        Genre: "Hip Hop",
        "link to more": "https://www.image-line.com/artists/9th-wonder/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/9th_wonder-1.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Wondagurl",
        Description: "Label head and producer behind tracks from <b>Mariah Carey, Travis Scott, Jay-Z, Drake, Kanye West</b>, and others",
        Quote: "FL means everything to my productions.",
        Genre: "Hip Hop",
        "link to more": "https://www.image-line.com/artists/wondagurl/",
        Image: "https://www.image-line.com/static/assets/wondagurl-1.a08146e.jpg",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },

      // Latin
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "x",
        Name: "Ovy On The Drums",
        Description: "Colombian producer and vocalist known for his work with artists like <b>Nicki Minaj, KAROL G, Becky G, Paulo Londra, Bad Bunny, 6ix9ine</b>, and <b>Ed Sheeran</b>",
        Quote:
          "When I went to my cousin’s house one of the guys who was there showed me FL Studio. My life changed, it was like entering another galaxy and since then FL Studio has been like my temple, my place where I disconnect and create my sound, my music, my art.",
        Genre: "Latin",
        "link to more": "https://www.image-line.com/artists/ovy-on-the-drums/",
        Image: "https://www.image-line.com/static/assets/ovy-on-the-drums-1-jpg-56d1ba3.0f7c10d.webp",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Nely (El Arma Secreta)",
        Description: "Prolific Puerto Rican reggaeton producer known for his work with artists like <b>Wisin & Yandel, Daddy Yankee</b>, and many others",
        Quote: "For me FL studio is the easiest way to project your ideas and anybody can lay out any musical ideas.",
        Genre: "Latin",
        "link to more": "https://www.image-line.com/artists/nely-arma-secreta/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/nely.png",
        "Alt image": "https://www.image-line.com/wp-content/uploads/2022/07/nely.png",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Demy & Clipz",
        Description: "<b>3-time Grammy-winning, diamond-selling</b> Canadian duo best known for their work with Bad Bunny",
        Quote:
          "[FL Studio's] intuitive interface, the easy shortcuts, the browser’s search bar, and the way we can customize our projects all make it easy to bring our ideas to life and make our workflow very fluid.",
        Genre: "Latin",
        "link to more": "Read more",
        Image: "https://www.image-line.com/wp-content/uploads/2023/05/demy.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Raymix",
        Description: 'Diamond-certified Mexican artist and <b>creator of the ElectroCumbia genre</b>, best known for the smash hit "Oye Mujer',
        Quote: "I love FL Studio because it is so fluid, easy, powerful, and the animations are beautiful.",
        Genre: "Latin",
        "link to more": "https://www.image-line.com/wp-content/uploads/2022/07/raymix.png",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/raymix.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "x",
        "Show per default on FL Studio PDP": "",
        Name: "Richy Peña",
        Description: "<b>2x Platinum, Latin Grammy-winning</b> Dominican producer who has worked on music with <b>Zion, Rihanna, Don Omar</b>, and many others",
        Quote: "Before you know it I was playing the keyboard, recording melodies on to FL Studio and creating songs.",
        Genre: "Latin",
        "link to more": "https://www.image-line.com/artists/richy-pena/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/richy_pena.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "x",
        "Show per default on FL Studio PDP": "",
        Name: "Nando Pro",
        Description: "<b>3x Multi-Platinum</b> selling producer and <b>Latin Grammy nominee</b> best known for his work with Latin artists like <b>Jacob Forever, Karol G</b>, and others",
        Quote: "FL Studio has powered almost all of my inspiration and creation -- it has always been a strong bridge between my brain and music.",
        Genre: "Latin",
        "link to more": "https://www.image-line.com/artists/nandopro/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/nando_pro.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },

      // Film, TV & Gaming
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Mick Gordon",
        Description: "Australian composer, producer, and sound designer known for his work on video games like <b>DOOM, Killer Instinct, Wolfenstein, Need for Speed</b>, and others",
        Quote: "I use it [FL Studio] for scoring, sequencing, designing sounds, and musical sound design. It's just so easy to work with, and work with quickly",
        Genre: "Film, TV & Gaming",
        "link to more": "https://www.image-line.com/artists/mick-gordon/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/mick_gordon.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Alex Moukala",
        Description: 'Italian-born music producer & composer who worked on trailers for <b>"Avengers: Endgame", "Ben-Hur"</b>, and <b>"John Wick: Chapter 2"</b>',
        Quote: "FL Studio is a godsend as it allows you to write music tremendously fast, even with just a keyboard and mouse",
        Genre: "Film, TV & Gaming",
        "link to more": "https://www.image-line.com/artists/alex-moukala/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/alex_moukala.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Big Giant Circles",
        Description: "American musician and composer best known for his work in major video game franchises such as <b>Call of Duty, Borderlands, Mass Effect,</b> and <b>Street Fighter</b>",
        Quote: "FL has always been centric to my studio. It's the cornerstone of my creative process.",
        Genre: "Film, TV & Gaming",
        "link to more": "https://www.image-line.com/artists/big-giant-circles-jimmy-hinson/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/big_giant_circles.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Joznez",
        Description: "<b>Multi-platinum</b> selling German multi-genre producer for artists like Tiesto and brands like <b>Netflix, Call of Duty, Mercedes, McDonald's</b>, and many others",
        Quote: "I've produced over 111 Releases from 45 artists on several albums with FL Studio",
        Genre: "Film, TV & Gaming",
        "link to more": "https://www.image-line.com/artists/joznez/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/joznez.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Ajurika",
        Description: "Japanese electronic music producer, composer, and songwriter best known for his work in games such as <b>Tekken</b> & <b>Ridge Racer</b>",
        Quote: "FL Studio is an amazing DAW!",
        Genre: "Film, TV & Gaming",
        "link to more": "https://www.image-line.com/artists/ajurika/",
        Image: "https://www.image-line.com/wp-content/uploads/2011/11/ajurika-square.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Zircon",
        Description: "American electronic musician, composer, and adjunct professor known for his work on games like <b>Newgrounds, Soulcaliber V,</b> & <b>Monkey Island 2</b>",
        Quote: "Trying to use any other piano roll after working in FL was like having my mouse dipped in molasses",
        Genre: "Film, TV & Gaming",
        "link to more": "https://www.image-line.com/artists/zircon/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/zircon.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },

      // Pop & Rock
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Mike Oldfield",
        Description: "<b>Grammy-winning, Golden Globe-nominated</b> British musician whose debut album Tubular Bells was the first on Virgin Records and featured in The Exorcist",
        Quote: "It is very good to see a product like FL Studio which is available to all and doesn't cost $10000000000 of dollars",
        Genre: "Pop & Rock",
        "link to more": "https://www.image-line.com/artists/mike-oldfield/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/mike_oldfield.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "MdL",
        Description: "<b>Multi-Platinum</b> selling American producer and songwriter best known for his work with <b>Justin Bieber, Maroon 5, Mike Posner</b>, and many others",
        Quote: "FL Studio is the fastest and most inspiring piece of software in my workflow.",
        Genre: "Pop & Rock",
        "link to more": "https://www.image-line.com/artists/mdl-mason-levy/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/mdl.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Jayce Lewis",
        Description: "Welsh Alternative Rock/Electronic musician who has collaborated with artists like <b>Queen</b> and <b>Gary Numan</b>, and supplied drums for FL Studio 20",
        Quote: "[FL Studio] really has become a big part of what I am as an artist.",
        Genre: "Pop & Rock",
        "link to more": "https://www.image-line.com/artists/jayce-lewis/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/jayce_lewis.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Mark Tinley",
        Description: "British guitarist, programmer, sound engineer & record producer known for his work with <b>Adamski, Duran Duran, TV Mania, Gary Numan,</b> and others",
        Quote:
          "FL has been there ever since. Pop Trash was driven by FL. In the South of France when the original members of Duran Duran reformed, FL was driving the project. [...] in fact, anything I do that requires a clear visual overlay of the beats or loops I am trying to provide has FL at its core.",
        Genre: "Pop & Rock",
        "link to more": "https://www.image-line.com/artists/mark-tinley/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/mark_tinley.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "A Skylit Drive",
        Description: "American post-hardcore band that released five studio albums and built a tremendous global following",
        Quote: "FL Studio really helps me translate my ideas to reality without headache and each version just amazes me.",
        Genre: "Pop & Rock",
        "link to more": "https://www.image-line.com/artists/kyle-simmons-a-skylit-drive/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/a_skylit_drive-1.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Skimmy",
        Description: `<b>Multi-platinum</b> seling and <b>Grammy-winning</b> American producer best known for <b>co-writing Avicii</b>'s "The Nights" and other hits with <b>Mary J. Blige, R. Kelly, Ciara</b>, and more`,
        Quote: "FL Studio is integral in my production.",
        Genre: "Pop & Rock",
        "link to more": "https://www.image-line.com/artists/skimmy/",
        Image: "https://www.image-line.com/wp-content/uploads/2010/10/infinity-square.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },

      // World
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Karan Kanchan",
        Description:
          'Massively successful <b>Indian</b> EDM & Hip Hop producer, artist, and nightlife brand co-founder known for his "J-Trap" sound and work with artists like Vince Staples, KSHMR, and others',
        Quote: "FL Studio is a powerful platform that brings all the ideas in my head to life.",
        Genre: "International",
        "link to more": "https://www.image-line.com/artists/karan-kanchan/",
        Image: "https://www.image-line.com/wp-content/uploads/2023/06/karan-square.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Kel-P",
        Description: "<b>Grammy</b>-winning <b>Nigerian</b> producer and artist best known for his extensive work with artists like <b>Burna Boy, Angélique Kidjo</b>, and <b>Wizkid</b>",
        Quote: "FL Studio is like a book for me that has guided my production journey.",
        Genre: "International",
        "link to more": "https://www.image-line.com/artists/kel-p/",
        Image: "https://www.image-line.com/wp-content/uploads/2024/05/kel-p-square.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Hiss",
        Description: "<b>South Korean</b> beatboxer and producer best known as runner-up in the Grand Beatbox Battle 2017 and winner in the Asia Beatbox Championship 2019",
        Quote: "FL Studio's convenient features allow you to realize the music you want to make.",
        Genre: "International",
        "link to more": "https://www.image-line.com/artists/hiss/",
        Image: "https://www.image-line.com/wp-content/uploads/2024/08/Hiss-Square.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Iotosh",
        Description: "<b>Grammy-nominated Jamaican</b> producer best known for his work in Reggae and Dancehall music",
        Quote: "FL Studio is the catalyst for my music career and changed my life forever.",
        Genre: "International",
        "link to more": "https://www.image-line.com/artists/iotosh/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/iotosh.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "MXRCI",
        Description: "<b>Indian</b>-born producer behind hit songs from Panjabi artists such as <b>Sidhu Moose Wala, Arjan Dhillon</b>, and others.",
        Quote: "[FL Studio] makes the process of producing music real fun, and easier, too.",
        Genre: "International",
        "link to more": "https://www.image-line.com/artists/mxrci/",
        Image: "https://www.image-line.com/wp-content/uploads/2024/10/mrxci-square.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Kareem Abdel Wahab",
        Description: "Acclaimed <b>Egyptian</b> music producer best known for his work with artists like <b>Hamza Namira, Tamer Hosny</b>, and <b>Snoop Dogg</b>.",
        Quote: "FL Studio is the best starting point for any producer because it's very fast and reliable.",
        Genre: "International",
        "link to more": "https://www.image-line.com/artists/kareem-abdel-wahab/",
        Image: "https://www.image-line.com/wp-content/uploads/2023/12/kareem-square.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
    ];

    /**
     * ==============================================================
     * HTML Content
     * ==============================================================
     */
    var reasonSection = `
         <div class="${variation_name}-reasons">
          <div class="${variation_name}-wrapper">
            <h2 class="${variation_name}-section-title"><span> 7 reasons</span> why beginners & professional producers alike love FL Studio</h2>
    
            <div class="${variation_name}-reasons-grid">
    
                <div class="${variation_name}-reason-card ${variation_name}-reason-card-4">
                <div class="${variation_name}-reason-description">
                    <div class="${variation_name}-reason-title">REASON 1</div>
                    <div class="${variation_name}-reason-content">
                        <h3>It's powerful yet easy to get started</h3>
                        <p>Beginners appreciate how intuitive it is. Advanced users love that behind every right click there's a new function or feature to discover and get creative with. This comprehensive and versatile set of tools makes it the DAW of choice for many of the most successful producers.</p>
                    </div>
                    </div>
                    <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/reason-1_678e2671af3fe.png" alt="Reason 1 Image">
                </div>
    
                <div class="${variation_name}-reason-card ${variation_name}-reason-card-6">
                <div class="${variation_name}-reason-description">
                    <div class="${variation_name}-reason-title">REASON 2</div>
                    <div class="${variation_name}-reason-content">
                        <h3>Its intuitive interface and workflow make it quick to learn</h3>
                        <p>FL Studio's well-organized yet very customizable layout, its drag-and-drop workflow and colorful and pattern-based interface is less intimidating than the traditional linear arrangement view of some DAWs.</p>
                    </div>
                    </div>
                    <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/reason-2_678e2683426c0.png" alt="Reason 2 Image">
                </div>
    
                <div class="${variation_name}-reason-card ${variation_name}-reason-card-6">
                <div class="${variation_name}-reason-description">
                    <div class="${variation_name}-reason-title">REASON 3</div>
                    <div class="${variation_name}-reason-content">
                        <h3>It feels like a playground for experimenting with sounds</h3>
                        <p>FL Studio's emphasis on pattern-based sequencing encourages you to create small musical ideas and then arrange them into a complete song. This approach can be less overwhelming than starting with a blank timeline.</p>
                    </div>
                    </div>
                    <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/reason-3_678e269237a2f.png" alt="Reason 3 Image">
                </div>
    
                <div class="${variation_name}-reason-card ${variation_name}-reason-card-4">
                <div class="${variation_name}-reason-description">
                    <div class="${variation_name}-reason-title">REASON 4</div>
                    <div class="${variation_name}-reason-content">
                        <h3>Fast and fun workflow</h3>
                        <p>FL Studio's streamlined workflow allows you to create your first beat with just a few clicks and start making music right away. The playful interface and intuitive tools encourage exploration and experimentation, making the learning process enjoyable (and kind of addictive, really).</p>
                    </div>
                    </div>
                    <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/reason-4_678e269e87b3d.png" alt="Reason 4 Image">
                </div>
            </div>
          </div>
        </div>`;

    var learningResourcesSection = `
        <div class="${variation_name}-learning-resources">
         <div class="${variation_name}-wrapper">
          <div class="${variation_name}-learning-resources-title">REASON 5</div>
          <h2>Excellent learning resources</h2>
          <div class="${variation_name}-learning-resources-description">
              <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/learning-resources_678b48f01714d.png" alt="Reason 3 Image">
    
          </div>
          <div class="${variation_name}-learning-details">
              <div class="${variation_name}-learning-detail">
                  <h4>Comprehensive help</h4>
                  <p>FL Studio comes with extensive documentation and tutorials that cover every aspect of the software.</p>
              </div>
              <div class="${variation_name}-learning-detail">
                  <h4>Abundant tutorials</h4>
                  <p>Countless YouTube channels and websites offer beginner-friendly FL Studio tutorials, making it easy to find guidance on specific topics or techniques.</p>
              </div>
              <div class="${variation_name}-learning-detail">
                  <h4>Active community</h4>
                  <p>A large and supportive online community provides answers to questions, helpful tips, and inspiration – and you often even get to communicate directly with FL Studio developers.</p>
              </div>
              <div class="${variation_name}-learning-detail">
                  <h4>Expert support</h4>
                  <p>Our support is staffed with long-time FL Studio users and fellow musicians who offer personalized solutions, not just generic replies.</p>
              </div>
          </div>
          </div> 
        </div>`;

    var packedAndBuySection = `
        <div class="${variation_name}-packed-section ${variation_name}-wrapper">
            <div class="${variation_name}-packed-section-title">REASON 6</div>
            <h2>It comes packed with everything you need to make music</h2>
            <div class="${variation_name}-packed-description-wrapper">
              <div class="${variation_name}-packed-description">
                <p>FL Studio includes <strong>100+ versatile and iconic plugins</strong> (only available in FL Studio) and a high-quality <strong>sound library</strong> comprising 25,000 sample sounds and 6000 playable presets – from grand pianos to hip hop beats to pan flutes.</p>
              </div>
              <div class="${variation_name}-packed-description">
                <p><strong>Need even more?</strong> Record your own instruments or vocals. Or add thousands of 3rd-party plugins – paid and free – opening up a world of more high-quality instrument options.</p>
              </div>
            </div>
            <a href="/fl-studio/compare-editions/" class="${variation_name}-button gray see-all-plugins">See all included plugins</a>
             <div class="${variation_name}-img-wrapper">
                <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/image-23-2_678b485d46df3.png" alt="Reason 7 Image">
             </div>
            </div>
            <div class="${variation_name}-buy-section ${variation_name}-wrapper">
              <div class="${variation_name}-buy-flex-wrapper">  
                <div class="${variation_name}-buy-left-block">
                    <div class="${variation_name}-buy-section-title">REASON 7</div>
                    <h2>Buy FL Studio now and get <span>Lifetime</span> <span>Free</span> <span>Updates</span></h2>
                </div> 
                <div class="${variation_name}-buy-right-block">
                    <p>Other DAWs make you pay ~$200 for updates every 2 years. With FL Studio you always get the latest version with bug fixes, updates, new features and sometimes even high-quality new plugins at no extra cost. We’ve held this promise for 25 years!</p>
                </div>
              </div>
              <a class="${variation_name}-button orange" href="https://www.image-line.com/fl-studio/buy-now/">Buy Now</a>
    
            </div>
    
        </div>`;

    var fopLogos = `
        <div class="${variation_name}-payment-options">
         <div class="${variation_name}-payment__wrapper">
            <div class="${variation_name}-logos">
              <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/group-7_678b4821bf501.png" alt="PayPal" width="119.593" height="29.667">
              <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/vector-4_678b48cd5113e.png" alt="Klarna" width="110.999" height="25.316">
              <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/vector-5_678b48d9b5174.png" alt="Apple Pay" width="79.841" height="33.105">
              <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/image-22_678b48431e2dd.png" alt="Google Pay" width="85.683" height="37">
              <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/image-21-1_678b48362e69b.png" alt="Amazon Pay" width="58.42" height="37">
              <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/group-4_678b47fe27256.png" alt="MasterCard" width="48.026" height="36.999">
              <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/group-6_678b480f1948a.png" alt="Visa" width="89.817" height="27.284">
              <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/amex_678b47ddacbd6.png" alt="American Express" width="54.526" height="37">
            </div>
            <p class="${variation_name}-extra-note extra-note ">30+ payment providers. Some payment plans might only be available in certain regions.</p>
          </div>  
        </div>`;

    // Helper function to create individual artist card HTML
    function createArtistCard(artist) {
      return `
          <div class="${variation_name}-artist-card" data-genre-key="${artist.Genre}">
              <div class="${variation_name}-artist-content">
                  <img src="${artist["Alt image"] || artist["Image"]}" alt="${artist.Name}">
                  <h4>${artist.Name}</h4>
                  <p><strong>${artist.Description}</strong></p>
                  <img class="${variation_name}-quote-image" src="${artist["Quote image"] || artist["Image"]}">
                  <p class="${variation_name}-quote">${artist.Quote}</p>
              </div>
          </div>`;
    }

    function createArtistSection() {
      // Use defaultArtists object for page load
      var artistCards = defaultArtists
        .map(artist => {
          // Check if the image and description are available
          if (!artist["Alt image"] && !artist["Quote image"] && !artist["Image"] && !artist.Description) return ``;
          return createArtistCard(artist);
        })
        .join("");

      // Now get artistTags from the main artistObject
      var genreTabs = Array.from(
        artistObject.reduce((tags, artist) => {
          // Add genres from the main artistObject
          tags.add(artist.Genre);
          return tags;
        }, new Set())
      )
        .map(genre => {
          return `<div class="${variation_name}-tag" data-genre="${genre}">${genre}</div>`;
        })
        .join("");

      return `
          <div class="${variation_name}-featured-artists">
              <div class="${variation_name}-wrapper">
                  <h2>FL Studio is <span>used by millions</span> - from first-time <br>producers to world-famous artists</h2>
                  <p>From hip hop and EDM, to songwriters and composers, to viral social media creators - <br> FL Studio is the leading platform for music makers at every level.</p>
                  <div class="${variation_name}-tags">
                      ${genreTabs}
                  </div>
                  <div class="${variation_name}-artist-grid">
                      ${artistCards}
                  </div>
                  <div class="${variation_name}-see-all-wrapper">
                      <a href="https://www.image-line.com/artists/" class="${variation_name}-see-all">See all producers</a>
                      <a class="${variation_name}-button orange" href="https://www.image-line.com/fl-studio/buy-now/">Buy Now</a>
                  </div>
              </div>
          </div>`;
    }

    /**
     * ==============================================================
     * Logical functions
     * ==============================================================
     */
    function masonryLayout() {
      var grid = document.querySelector(`.${variation_name}-artist-grid`);
      if (grid) {
        var packery = new Packery(grid, {
          itemSelector: `.${variation_name}-artist-card`,
          columnWidth: `.${variation_name}-artist-card`,
          gutter: 20,
          fitWidth: true,
          percentPosition: true,
        });
        packery.layout();

        var interval = setInterval(function() {
          packery._init();
        }, 250);
        setTimeout(function() {
          clearInterval(interval);
        }, 2500);
      }
    }

    // Function to initialize the Masonry layout
    function initializeMasonry() {
      if (typeof Packery === "undefined") {
        injectMasonryScript(masonryLayout);
      } else {
        masonryLayout();
      }
    }

    function addClickLogic() {
      // Event listener for filtering artists by genre when tab is clicked
      const tabs = document.querySelectorAll(`.${variation_name}-tag`);
      const artistGrid = document.querySelector(`.${variation_name}-artist-grid`);

      tabs.forEach(tab => {
        tab.addEventListener("click", function() {
          const genre = this.getAttribute("data-genre");

          let artistCards = "";

          if (!artistGrid) return;

          // Check if the clicked tab is already active
          if (tab.classList.contains("active")) {
            tab.classList.remove("active");
            artistCards = defaultArtists.map(artist => createArtistCard(artist)).join("");
            // Display the generated artist cards
            artistGrid.innerHTML = artistCards;
            initializeMasonry();
            return;
          }

          // Remove 'active' class from all tabs and add it to the clicked tab
          tabs.forEach(tab => tab.classList.remove("active"));
          this.classList.add("active");

          // Generate artist cards using the artistObject (main object) for selected genre
          artistCards = artistObject
            .map(artist => {
              if (artist.Genre === genre) {
                return createArtistCard(artist);
              }
              return "";
            })
            .join("");

          // Display the generated artist cards
          artistGrid.innerHTML = artistCards;

          initializeMasonry();
        });
      });

      // Initiliz
      initializeMasonry();
    }

    // Event handler
    function eventHandler() {
      utils.live(".learn-more-link", "click", function(e) {
        e.preventDefault();
        var index = this.getAttribute("data-index");
        if (index == "0") {
          document.querySelector(".fl-t-40-35-featured-artists")?.scrollIntoView({ behavior: "smooth" });
        } else if (index == "1") {
          document.querySelector(".fl-t-40-35-reasons")?.scrollIntoView({ behavior: "smooth" });
        } else if (index == "2") {
          document.querySelector(".fl-t-40-35-grid__section")?.scrollIntoView({ behavior: "smooth" });
        }
      });

      utils.live("a.fl-t-40-35-button.orange", "click", function(e) {
        e.preventDefault();
        document.querySelector("#buy-now-header")?.scrollIntoView({ behavior: "smooth" });
      });
    }

    var bannerContent = `
        <div class="${variation_name}-hero-content">
          <ul class="${variation_name}-top-list">
              <li> <strong>Reopen saved tracks:</strong> Revisit and refine saved tracks. Switch between and work on several projects in parallel.</li>
              <li> <strong>Priority support: </strong>  Be first in line with our support team and get full access to our vibrant forum for help and inspiration.</li>
              <li> <strong>Get Lifetime Free Updates:</strong>  Others make you pay ~$200 for updates every other year or so. With FL Studio you <strong> buy once,</strong>  get <strong>free</strong> updates <strong>for life.</strong> </li>
          </ul>
        </div>`;

    // Initial point
    function init() {
      var targetElement = document.querySelector(".content .wp-block-group");
      var featureArtistSection = createArtistSection();
      var flSection = [featureArtistSection, reasonSection, learningResourcesSection, packedAndBuySection, fopLogos].join("");

      // Insert sections
      if (!document.querySelector(`.${variation_name}-featured-artists`)) {
        targetElement.insertAdjacentHTML("afterend", flSection);
        addClickLogic();
      }

      // header logo Update
      utils.waitForElement(".block-sub-navigation .sub-navigation--inner .navigation-info", function() {
        document.querySelector(".block-sub-navigation .sub-navigation--inner .navigation-info").innerHTML = `
              <a class="site-header__logo" href="https://www.image-line.com/"> 
                <img decoding="async" class="site-header__logo__fruit" src="/static/assets/nav-logo-fruit.41db863.png">  
                ${headerSvg} 
              </a>`;
      });

      // Banner content
      utils.waitForElement("#buy-now-header div.buy-now-columns .wp-block-column-is-layout-flow >div.wp-block-group", function() {
        if (!document.querySelector(`.${variation_name}-hero-content`)) {
          document.querySelector("#buy-now-header div.buy-now-columns .wp-block-column-is-layout-flow >div.wp-block-group").insertAdjacentHTML("afterbegin", bannerContent);
        }

        document
          .querySelector("#buy-now-header div.buy-now-columns .wp-block-column-is-layout-flow >div.wp-block-group")
          .insertAdjacentHTML("beforebegin", '<h2 class="banner-heading">Buy FL Studio now, get <br><span>Lifetime</span> <span>Free</span> <span>Updates</span></h2>');
      });
    }

    var newHeader = `
        <h1 class="${variation_name}-main-heading">Get the software suite used to<br> produce countless top hits</h1>`;

    // Initial point
    function insertNewHeader(referenceEl) {
      if (!document.querySelector(`.${variation_name}-main-heading`)) {
        referenceEl.insertAdjacentHTML("beforebegin", newHeader);
      }
    }

    // Wait for library and initialize experiment
    waitForLibrary(function(ilHelpers) {
      // Assign library functions
      utils = ilHelpers.get("lib");

      if (window.location.pathname == "/fl-studio/buy-now/" || window.location.pathname == "/fl-studio/buy-now") {
        // Insert section
        utils.waitForElement(".signed-in, .signed-out", function() {
          utils.waitForElement("body", function() {
            var bodyElm = document.querySelector("body");
            if (!bodyElm.classList.contains(variation_name)) {
              bodyElm.classList.add(variation_name);
              eventHandler();
            }
          });

          utils.waitForElement("#buy-now-header > .buy-now-columns", init);
          utils.waitForElement("#buy-now-header > .buy-now-columns", insertNewHeader);
        });
      }
    });
  } catch (e) {
    if (debug) console.log(e, "error in Test" + variation_name);
  }
})();
}}}],"traffic_allocation":0},{"id":"1004384981","name":"V10: V4 +  buy now page revamp","key":"1004384981-v10:-v4-by-nw-pg-rvmp","status":"running","changes":[{"id":1004618893,"type":"defaultCode","data":{"js":null,"css":"","custom_js":null}},{"id":1004618894,"type":"customCode","data":{"css":"html body.fl-t-40 .nav__sections > .nav__section:has(> a[href=\"https:\/\/www.image-line.com\/fl-cloud\"]) {\r\n  display: none;\r\n}\r\nhtml body.fl-t-40 .c-nav-main > ul > .menu-item:has(> a[href=\"https:\/\/www.image-line.com\/fl-cloud\"]) {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40 .fl-t-40-hamberger-icon span:nth-child(1) {\r\n  margin-top: 0;\r\n}\r\n\r\nhtml body.fl-t-40 .fl-t-40-hamberger-icon span:nth-child(2) {\r\n  margin-top: 10px;\r\n  margin-right: 0;\r\n}\r\n\r\nhtml body.fl-t-40 .fl-t-40-hamberger-icon span:nth-child(3) {\r\n  margin-top: 20px;\r\n}\r\n\r\nhtml body.fl-t-40 .fl-t-40-hamberger-icon {\r\n  width: 2rem;\r\n  height: 1.5rem;\r\n  cursor: pointer;\r\n  margin: 0 0 0 1rem;\r\n  position: relative;\r\n  margin-top: 5px;\r\n  display: flex;\r\n}\r\n\r\nhtml body.fl-t-40:has(#container > #shop_form) .fl-t-40-hamberger-icon {\r\n  margin: 0 !important;\r\n}\r\n\r\nhtml body.fl-t-40 .fl-t-40-hamberger-icon span {\r\n  display: block;\r\n  position: absolute;\r\n  left: 0;\r\n  height: .1rem;\r\n  width: 2rem;\r\n  background-color: #FF7629;\r\n  opacity: 1;\r\n  right: 0;\r\n  transition: all 0.25s ease-in-out 0s;\r\n  transform: rotate(0deg);\r\n}\r\n\r\nhtml body.fl-t-40 .site-header__inner .nav {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40 .site-header__inner.show .nav {\r\n  display: flex;\r\n}\r\n\r\nhtml body.fl-t-40 .site-header__inner .nav + .site-header-meta {\r\n  gap: 20px;\r\n}\r\n\r\nhtml body.fl-t-40 .site-header__inner .site-header__divider {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40 .site-header__inner.show .site-header__divider {\r\n  display: flex;\r\n}\r\n\r\nhtml body.fl-t-40 .nav__sections > .nav__section.is-download-button,\r\nhtml body.fl-t-40 .nav__sections > .nav__section.is-primary-button {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40 .site-header__inner .nav > .nav__sections {\r\n  visibility: visible;\r\n}\r\n\r\nhtml body.fl-t-40.home .commercial-box__products .commercial-box__product[data-js-product=\"fruity-edition\"] {\r\n  display: block !important;\r\n}\r\n\r\n\/* new template *\/\r\n\r\nhtml body.fl-t-40 .c-header .c-nav-main {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header .c-nav-main.show {\r\n  display: flex;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header .c-header-shop {\r\n  gap: 20px;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header .c-header-shop .buy-now-wrapper,\r\nhtml body.fl-t-40 .c-header .c-header-shop .js-try-for-free-wrapper {\r\n  list-style-type: none;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header .c-header-shop .buy-now-wrapper a {\r\n  margin: 0;\r\n  font-family: 'Roboto', sans-serif;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header .c-header-shop .js-try-for-free-wrapper a {\r\n  border: 2px solid transparent;\r\n  border-radius: 27px;\r\n  padding: 0.731em 1em .731em;\r\n  font-size: 1rem;\r\n  line-height: 24px;\r\n  font-weight: 700;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header .c-header-shop .js-try-for-free-wrapper a:hover {\r\n  color: #fff;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header .c-nav-main .js-try-for-free-wrapper,\r\nhtml body.fl-t-40 .c-header .c-nav-main .buy-now-wrapper {\r\n  display: none;\r\n}\r\n\r\n\r\nhtml body.fl-t-40 .c-header .c-header-shop #btnLogin svg {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header .c-header-shop > .c-cart__wrapper {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header .c-header-shop #btnLogin span {\r\n  font-weight: 700;\r\n  margin: 0;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header--logo {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-top: auto;\r\n  margin-bottom: auto;\r\n  gap: 7px;\r\n  border: 0;\r\n  width: unset;\r\n  height: unset;\r\n  background-image: unset;\r\n  margin: 0;\r\n  padding-right: 16px;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header--logo img {\r\n  position: relative;\r\n  top: -2px;\r\n  width: 25px;\r\n  height: auto;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header--logo svg {\r\n  width: 120px !important;\r\n  height: 81px;\r\n}\r\n\r\nhtml body.fl-t-40 .content > .site-header {\r\n  position: sticky;\r\n  top: 0;\r\n}\r\n\r\nhtml body.fl-t-40.fl-t-17 #menu-primary-navigation-en-1 a[href=\"https:\/\/shop.image-line.com\/\"] {\r\n  display: flex;\r\n}\r\n\r\nhtml body.fl-t-40 .site-header__inner .site-header-meta .cart-button.visually-visible {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header-shop > .c-header-shop__button:has(span#btnLoginText.d-none) {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header .c-header-shop > li {\r\n  list-style-type: none;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header .c-header-shop > li a {\r\n  font-family: 'Open Sans', sans-serif;\r\n  color: #fff;\r\n  font-size: 1em;\r\n  line-height: 54px;\r\n  font-weight: 400;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header .c-header-shop > li a[href*=\"\/fl-studio-download\"] {\r\n  font-family: \"OpenSans-block\";\r\n  border-color: #ff7629;\r\n  color: #fff;\r\n  background-color: #ff7629;\r\n  border: 2px solid transparent;\r\n  border-radius: 27px;\r\n  padding: .325em .5em;\r\n  font-weight: 700;\r\n}\r\n\r\n\/* Support page *\/\r\n\r\nhtml body.fl-t-40--support .c-header .c-header-shop .js-try-for-free-wrapper a {\r\n  padding: .325em .5em;\r\n  font-size: 1em;\r\n  font-weight: 700;\r\n  background: #FF7629;\r\n  color: #fff;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header .c-header-shop .js-try-for-free-wrapper a:hover {\r\n  background: #ff5e03;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header .c-header-shop .buy-now-wrapper a {\r\n  color: #fff;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header .c-header-shop #login-state, \r\nhtml body.fl-t-40--support .c-header .c-header-shop #btnLoginText {\r\n  margin: 0;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header--logo svg {\r\n  height: 56px;\r\n}\r\n\r\nhtml body.fl-t-40--support  .c-header .c-nav-main > ul > li:has(a[href*=\"https:\/\/www.image-line.com\/fl-studio\/buy-now\"]), \r\nhtml body.fl-t-40--support  .c-header .c-nav-main > ul > li:has(a[href*=\"https:\/\/www.image-line.com\/fl-studio\/b-buy-now\"]),\r\nhtml body.fl-t-40--support .c-nav-main > ul > li:has( > a[href=\"https:\/\/www.image-line.com\/fl-studio-download\"]) {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header .c-header-shop .buy-now-wrapper a:hover {\r\n  color: #FF7629 !important;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header .c-header-shop #login_link svg {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-nav-main > ul > li:has(> a[href=\"https:\/\/www.image-line.com\/fl-cloud\"]) {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header-shop #profile-dropdown {\r\n  left: unset !important;\r\n  right: -10px;\r\n  min-width: 160px !important;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header-shop #profile-dropdown {\r\n  top: 55px !important;\r\n}\r\n\r\nhtml body.fl-t-40 #profile-dropdown .profile-arrow {\r\n  left: 50px !important;\r\n}\r\n\r\n\/**---------------- Buy Now Section Start ----------------**\/\r\n\r\n.fl-t-40-top-pricing-section {\r\n  background-color: rgb(17, 26, 31);\r\n  display: flex;\r\n  flex-direction: row !important;\r\n  width: 100%;\r\n  align-items: flex-start !important;\r\n  padding-top: 0 !important;\r\n  padding-bottom: 0 !important;\r\n}\r\n\r\n.fl-t-40-top-pricing-section#buy-now-box {\r\n  padding-bottom: 60px !important;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-col-pricing {\r\n  background: white;\r\n  padding: 20px;\r\n  border-radius: 4px;\r\n}\r\n\r\n.fl-t-40-featured-artists .fl-t-40-wrapper {\r\n  padding-top: 110px;\r\n}\r\n.fl-t-40-top-pricing-section .commercial-box__products a.commercial-box__action.is-primary {\r\n  border-radius: 8px;\r\n  font-size: 19px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  line-height: 17.25px;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .commercial-box__products a.commercial-box__action.is-secondary {\r\n  border-radius: 8px;\r\n  background: #e1e1e1;\r\n  color: #000;\r\n  text-align: center;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 19px;\r\n  line-height: 17.25px;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-top-price__header {\r\n  width: 100%;\r\n  padding-bottom: 70px;\r\n  padding-top: 70px;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-top-price__header > div {\r\n  max-width: 660px;\r\n  margin: 0 auto;\r\n  text-align: center;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-top-price__header h2 {\r\n  color: white;\r\n  text-align: center;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 57px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  margin-bottom: 16px;\r\n  line-height: 70.0945px;\r\n  font-stretch: 75%;\r\n  letter-spacing: normal;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-top-price__header p {\r\n    color: #c2c4d6;\r\n  text-align: center;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: var(--step-1);\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 1.6em;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-content-wrapper {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 24px;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-content-wrapper hr {\r\n  width: 100%;\r\n  height: 1px;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-content-box {\r\n  text-align: left;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-content-box h2 {\r\n  color: white;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 19px;\r\n  font-style: normal;\r\n  font-weight: 700;\r\n  line-height: 1.6em;\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-content-box p {\r\n  color: white;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 18px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 1.6em;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-content-box a {\r\n  color: rgb(22, 24, 44);\r\n  display: inline-block;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-top-unsure__copy {\r\n  margin-top: 20px;\r\n  text-align: left;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-top-unsure__copy li {\r\n  list-style: none;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-top-unsure__copy li:first-child {\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-top-unsure__copy li h3 {\r\n  color: #16182c;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 15px;\r\n  font-style: normal;\r\n  font-weight: 700;\r\n  line-height: 150%;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-top-unsure__copy li p {\r\n  color: #16182c;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 13px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 150%;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-payment-options {\r\n  padding: 80px 0px 20px;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .commercial-box__product__cell.title .description-text {\r\n  text-align: left;\r\n  max-width: 80%;\r\n}\r\n\r\n.fl-t-40-loader-box {\r\n  height: 400px;\r\n  width: 100%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.fl-t-40-commercial-loader {\r\n  width: 60px;\r\n  height: 60px;\r\n  border: 5px solid #16182c;\r\n  border-bottom-color: transparent;\r\n  border-radius: 50%;\r\n  display: inline-block;\r\n  box-sizing: border-box;\r\n  animation: rotation 1s linear infinite;\r\n  opacity: 0.3;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .commercial-box.commercial-box--loading .fl-t-40-commercial-loader {\r\n  opacity: 1;\r\n}\r\n\r\n.fl-t-40-row {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 42px;\r\n  flex-direction: column;\r\n}\r\n\r\n@keyframes rotation {\r\n  0% {\r\n    transform: rotate(0deg);\r\n  }\r\n  100% {\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n\r\n@media screen and (min-width: 1101px) {\r\n  .fl-t-40-row {\r\n    flex-direction: row;\r\n  }\r\n}\r\n\r\n@media screen and (min-width: 1101px) {\r\n  .fl-t-40-col-lg-6 {\r\n    width: 50%;\r\n    max-width: 500px;\r\n  }\r\n}\r\n\r\n.fl-t-40 #video-container ~ .bg-container .grid:not(.is-hidden):has(> div > figure.has-w-100-pc) {\r\n  display: none;\r\n}\r\n\/**---------------- Buy Now Section End ----------------**\/\r\n\r\n\/**\r\n* ===============================================================================\r\n* [fl-t-40-35] FL Buy now page HL test Start\r\n* ==============================================================================\r\n*\/\r\n\r\n@import url(\"https:\/\/fonts.googleapis.com\/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Newsreader:ital,opsz,wght@0,6..72,200..800;1,6..72,200..800&display=swap\");\r\n@import url(\"https:\/\/fonts.googleapis.com\/css2?family=Open+Sans:ital,wdth,wght@0,75..100,300..800;1,75..100,300..800&display=swap\");\r\n\r\n\r\n\r\n:root {\r\n  --fl-t-40-35-bg-color: #f6f6f6;\r\n\r\n  --fl-t-40-35-color-black: #000;\r\n  --fl-t-40-35-color-white: #fff;\r\n  --fl-t-40-35-color-red: #ef5252;\r\n  --fl-t-40-35-color-orange: #ff7629;\r\n\r\n  --fl-t-40-35-step-2: 23.44px;\r\n  --fl-t-40-35-step-1: 18.75px;\r\n}\r\n\r\nhtml body.fl-t-40-35 .commercial-box__product__cell.title .description-text {\r\n  max-width: 80%;\r\n}\r\n\r\nhtml body.fl-t-40-35 .commercial-box__products .commercial-box__product.selected {\r\n  min-height: 105px;\r\n}\r\n\r\n\/* html body.fl-t-40-35:not(.fl-t-15) .commercial-box__products [data-js-product=\"producer-edition\"].commercial-box__product.selected {\r\n  min-height: 124px;\r\n} *\/\r\n\r\n\/**----------- Global styles --------------**\/\r\n.fl-t-40-35-wrapper {\r\n  max-width: 1478px;\r\n  margin: 0 auto;\r\n  padding: 60px 20px;\r\n  text-align: center;\r\n}\r\n\r\n.fl-t-40-35-button {\r\n  padding: 10px 24px;\r\n  border: none;\r\n  border-radius: 50px;\r\n  cursor: pointer;\r\n  text-align: center;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 19px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  line-height: 30px;\r\n  text-decoration: none;\r\n}\r\n\r\n.fl-t-40-35-button.orange {\r\n  background-color: #ff7629;\r\n  color: white;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  margin: auto;\r\n}\r\n\r\n.fl-t-40-35-button.orange:hover {\r\n  background-image: linear-gradient(rgba(255, 255, 255, 0.1) 0 0) !important;\r\n}\r\n\r\n.fl-t-40-35-button.orange:after {\r\n  height: 1em;\r\n  width: 1em;\r\n  display: inline-block;\r\n  background-image: url(https:\/\/www.image-line.com\/static\/assets\/arrow-circled-right-ZNIVDPDX.7abc618.svg);\r\n  background-position: center;\r\n  background-size: contain;\r\n  content: \"\";\r\n  filter: invert(1);\r\n  background-repeat: no-repeat;\r\n}\r\n\r\n.fl-t-40-35-button.gray {\r\n  background-color: #e9e9e9;\r\n  color: #16182c;\r\n  text-decoration: auto;\r\n}\r\n\r\n\/* New banner css  *\/\r\n\r\n.fl-t-40-35 #buy-now-header div.wp-block-columns.buy-now-columns div.wp-block-column:last-of-type,\r\n.fl-t-40-35-hero-content + .wp-container-core-group-is-layout-1,\r\n.fl-t-40-35-hero-content + .wp-container-core-group-is-layout-1 + p,\r\n.fl-t-40-35 .wp-container-core-group-is-layout-2 > p,\r\nbody.fl-t-40-35 .content > [class^=\"wp-block\"].alignfull .wp-container-core-group-is-layout-7,\r\n.fl-t-40-35 .wp-container-core-group-is-layout-5 .wp-block-group:last-of-type,\r\n.fl-t-40-35 .wp-container-core-group-is-layout-5 hr,\r\n.fl-t-40-35 .content > .wp-block-group:not(#buy-now-header) {\r\n  display: none;\r\n}\r\n\r\nbody.fl-t-40-35 .block-sub-navigation {\r\n  background-color: #16182c;\r\n}\r\n\r\n\/* Top content on hero styling  *\/\r\nbody.fl-t-40-35 .banner-heading {\r\n  color: #16182c;\r\n  text-align: center;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 46px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  line-height: 60px;\r\n  font-stretch: 75%;\r\n  letter-spacing: normal;\r\n}\r\n\r\n.fl-t-40-35-hero-content h1 span,\r\n.fl-t-40-35 h2.banner-heading span {\r\n  border-bottom: 5px solid #f67229;\r\n}\r\n\r\n.fl-t-40-35-top-list {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin-bottom: 32px;\r\n  margin-top: 32px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 12px;\r\n}\r\n\r\n.fl-t-40-35-top-list li {\r\n  color: #000;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 16px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 175%;\r\n  position: relative;\r\n  padding-left: 30px;\r\n}\r\n\r\n.fl-t-40-35-top-list li:before {\r\n  content: \"\";\r\n  display: inline-block;\r\n  width: 24px;\r\n  height: 23px;\r\n  background-image: url(https:\/\/cdn-3.convertexperiments.com\/uf\/10049056\/10007574\/frame-139_6798c7959d630.svg);\r\n  background-size: contain;\r\n  background-repeat: no-repeat;\r\n  margin-right: 8px;\r\n  vertical-align: middle;\r\n  position: absolute;\r\n  left: 0;\r\n  top: 3px;\r\n}\r\n\r\n.fl-t-40-35-top-list li span {\r\n  border-bottom: 1px solid #ff7629;\r\n}\r\n\r\nbody.fl-t-40-35 #buy-now-header {\r\n  padding: 0;\r\n  padding-left: 20px;\r\n  padding-right: 20px;\r\n  gap: 0px;\r\n  background: url(https:\/\/cdn-3.convertexperiments.com\/uf\/10049056\/10007574\/buy-now-v4-background_681212d69a387.png);\r\n  background-size: contain;\r\n  background-position: center -108px;\r\n  background-repeat: no-repeat;\r\n  background-color: #16182c;\r\n}\r\n\r\nbody.fl-t-40-35 #buy-now-header > .buy-now-columns {\r\n  max-width: 595px;\r\n  padding: 48px 40px;\r\n  margin: 65px 0;\r\n  margin-top: 175px;\r\n}\r\n\r\nbody.fl-t-40-35 #buy-now-header > .buy-now-columns > .wp-block-column {\r\n  padding: unset;\r\n}\r\n\r\nbody.fl-t-40-35 #buy-now-header > .buy-now-columns .wp-block-column-is-layout-flow > div {\r\n  max-width: 560px;\r\n  margin: auto;\r\n  gap: 0;\r\n}\r\nbody.fl-t-40-35 .wp-container-core-group-is-layout-5 {\r\n  margin: 28px auto 0;\r\n}\r\n\r\nbody.fl-t-40-35 .wp-container-core-group-is-layout-5 .wp-block-group:first-of-type h2,\r\nbody.fl-t-40-35 .wp-container-core-group-is-layout-5 .wp-block-group:first-of-type p {\r\n  color: #16182c;\r\n  text-align: center;\r\n  font-family: \"Open Sans\";\r\n  font-size: 18px;\r\n  font-weight: 400;\r\n  line-height: 175%;\r\n  margin: auto;\r\n}\r\nbody.fl-t-40-35 .wp-container-core-group-is-layout-5 .wp-block-group:first-of-type h2 {\r\n  font-weight: 700 !important;\r\n  font-size: 16px;\r\n}\r\nbody.fl-t-40-35 .wp-container-core-group-is-layout-5 .wp-block-group:first-of-type p {\r\n  font-size: 0;\r\n}\r\nbody.fl-t-40-35 .wp-container-core-group-is-layout-5 .wp-block-group:first-of-type p::after {\r\n  content: \"Choose from four interest-free payments, delayed payment in 30 days, and other staggered payment plans.\";\r\n  font-size: 16px;\r\n  line-height: 175%;\r\n  display: block;\r\n  max-width: 422px;\r\n  margin: auto;\r\n}\r\n\r\n\/* Banner css end  *\/\r\n\r\n\/**----------------start feature sections ----------------**\/\r\n.fl-t-40-35-featured-artists {\r\n  background: var(--fl-t-40-35-bg-color);\r\n  padding: 50px auto;\r\n}\r\n\r\n.fl-t-40-35-featured-artists h2 {\r\n  max-width: 1090px;\r\n  margin: auto;\r\n  color: #16182c;\r\n  text-align: center;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 57px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  margin-bottom: 16px;\r\n  line-height: 70.0945px;\r\n  font-stretch: 75%;\r\n  letter-spacing: normal;\r\n}\r\n\r\n.fl-t-40-35-featured-artists h2 span {\r\n  border-bottom: 4px solid var(--fl-t-40-35-color-orange);\r\n  display: inline-block;\r\n}\r\n\r\n.fl-t-40-35-featured-artists p {\r\n  color: #16182c;\r\n  font-size: 23px;\r\n  font-style: normal;\r\n  margin: 16px auto 47px;\r\n  font-weight: 400;\r\n  line-height: 175%;\r\n  max-width: 890px;\r\n  text-align: center;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-tags {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 8px;\r\n  margin-bottom: 40px;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-tag {\r\n  padding: 10px 24px;\r\n  font-family: \"Open Sans\";\r\n  cursor: pointer;\r\n  border-radius: 12px;\r\n  border: 1px solid #dee0e3;\r\n  background: #fff;\r\n  color: #16182c;\r\n  text-align: center;\r\n  font-size: 16px;\r\n  font-style: normal;\r\n  font-weight: 700;\r\n  line-height: 175%;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-tag:hover,\r\n.fl-t-40-35-featured-artists .fl-t-40-35-tag.active {\r\n  color: #ff7629;\r\n  text-align: center;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 16px;\r\n  font-style: normal;\r\n  font-weight: 700;\r\n  line-height: 175%;\r\n  border-radius: 12px;\r\n  border: 1px solid #ff7629;\r\n  background: #ffefe7;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-artist-grid {\r\n  width: 100%;\r\n  margin: 0 auto;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 32px;\r\n  margin-bottom: 42px;\r\n  min-height: 1400px;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-artist-card {\r\n  width: calc(33.33% - 15px);\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-artist-card .fl-t-40-35-artist-content {\r\n  background-color: white;\r\n  border-radius: 16px;\r\n  text-align: left;\r\n  padding: 8px 8px 24px;\r\n  align-self: flex-start;\r\n  height: 100%;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-artist-card img {\r\n  width: 100%;\r\n  border-radius: 10px;\r\n  margin-bottom: 24px;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-artist-card h4 {\r\n  color: #000;\r\n  font-size: 24px;\r\n  font-style: normal;\r\n  font-weight: 700;\r\n  line-height: 175%;\r\n  padding: 0 16px;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-artist-card p {\r\n  color: #6c6c6c;\r\n  font-size: 19px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 175%;\r\n  text-align: left;\r\n  margin: 0;\r\n  padding: 0 16px;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-artist-card p b {\r\n  font-weight: 600;\r\n  color: #000;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-artist-card p strong {\r\n  color: #6c6c6c;\r\n  font-family: \"Open Sans\";\r\n  font-size: 19px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 175%;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-artist-card .fl-t-40-35-quote {\r\n  color: #000;\r\n  font-size: 19px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 150%;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-artist-card .fl-t-40-35-quote-image {\r\n  width: 60px;\r\n  height: 32px;\r\n  margin: 24px 0 8px;\r\n  padding-left: 16px;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-see-all-wrapper {\r\n  clear: both;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-see-all {\r\n  color: #16182c;\r\n  text-align: center;\r\n  font-size: 19px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  line-height: 30px;\r\n  border-radius: 400px;\r\n  background: #e9e9e9;\r\n  align-items: center;\r\n  max-width: max-content;\r\n  display: inline-flex;\r\n  gap: 12px;\r\n  padding: 10px 24px;\r\n  text-decoration: none;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-see-all:after {\r\n  height: 1em;\r\n  width: 1em;\r\n  display: inline-block;\r\n  background-image: url(https:\/\/www.image-line.com\/static\/assets\/arrow-circled-right-ZNIVDPDX.7abc618.svg);\r\n  background-position: center;\r\n  background-size: contain;\r\n  content: \"\";\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-tag.active {\r\n  align-items: center;\r\n  display: inline-flex;\r\n  gap: 8px;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-tag.active::before {\r\n  height: 24px;\r\n  width: 24px;\r\n  display: inline-block;\r\n  background-image: url(https:\/\/cdn-3.convertexperiments.com\/uf\/10049056\/10007574\/close-line_678e50472abfc.png);\r\n  background-position: center;\r\n  background-size: contain;\r\n  content: \"\";\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-see-all-wrapper .fl-t-40-35-button.orange {\r\n  margin: 20px auto 0px auto;\r\n  justify-content: center;\r\n  width: 100%;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-see-all-wrapper {\r\n  max-width: 235px;\r\n  margin: 0 auto;\r\n}\r\n\r\n@media screen and (min-width: 769px) {\r\n  .fl-t-40-35-featured-artists .fl-t-40-35-artist-card:nth-child(2) {\r\n    margin-top: 40px;\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .fl-t-40-35-featured-artists .fl-t-40-35-artist-card {\r\n    width: 100%;\r\n    margin: 10px 0px;\r\n  }\r\n\r\n  .fl-t-40-35-featured-artists .fl-t-40-35-tags {\r\n    overflow-x: auto;\r\n    scrollbar-width: none;\r\n    white-space: nowrap;\r\n    justify-content: flex-start;\r\n  }\r\n}\r\n\r\n\/**----------------end feature sections ----------------**\/\r\n\r\n\/**----------------start 7 reasons why beginners & professional producers alike love FL Studio ----------------**\/\r\n\r\n.fl-t-40-35-reasons {\r\n  background-color: #f6f6f6;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-wrapper {\r\n  padding-bottom: 120px;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-section-title {\r\n  color: #16182c;\r\n  text-align: center;\r\n  font-size: 57px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  line-height: 70px;\r\n  max-width: 1030px;\r\n  margin: auto;\r\n  font-stretch: 75%;\r\n  letter-spacing: normal;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-section-title span {\r\n  border-bottom: 4px solid #ff7629;\r\n  display: inline-block;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-reasons-grid {\r\n  display: flex;\r\n  gap: 32px;\r\n  padding-top: 40px;\r\n  flex-wrap: wrap;\r\n  justify-content: center;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-reason-card {\r\n  background-color: #fff;\r\n  border-radius: 10px;\r\n  text-align: left;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 40px;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-reason-card:nth-child(3) {\r\n  overflow: hidden;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-reason-card-4 {\r\n  width: calc(45% - 42px);\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-reason-card-6 {\r\n  width: calc(55% - 16px);\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-reason-card-6:nth-child(3) img {\r\n  margin-bottom: -50px;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-reason-card img {\r\n  max-width: 100%;\r\n  border-radius: 8px;\r\n  margin-top: auto;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-reason-title {\r\n  color: #ff7629;\r\n  font-size: 20px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 125%;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-reason-content h3 {\r\n  color: #16182c;\r\n  font-size: 46px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  line-height: 60px;\r\n  font-stretch: 75%;\r\n  letter-spacing: normal;\r\n  padding-bottom: 16px;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-reason-content p {\r\n  color: #16182c;\r\n  font-size: 18px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 175%;\r\n  padding-right: 22px;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-reason-description {\r\n  padding: 40px;\r\n  padding-bottom: 0px;\r\n}\r\n\r\n.fl-t-40-35-7-reasons .fl-t-40-35-reason-title {\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.fl-t-40-35-7-reasons .fl-t-40-35-reason-content h3 {\r\n  padding-right: 13px;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-reason-card img {\r\n  padding-left: 40px;\r\n}\r\n\r\n@media (min-width: 767px) and (max-width: 1024px) {\r\n  .fl-t-40-35-reasons .fl-t-40-35-reason-card {\r\n    width: 100% !important;\r\n  }\r\n}\r\n\r\n@media (min-width: 1025px) and (max-width: 1226px) {\r\n  .fl-t-40-35-reasons .fl-t-40-35-reasons-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n  }\r\n\r\n  .fl-t-40-35-reasons .fl-t-40-35-reason-card {\r\n    width: 100% !important;\r\n  }\r\n\r\n  .fl-t-40-35-reasons .fl-t-40-35-reason-card:nth-child(1),\r\n  .fl-t-40-35-reasons .fl-t-40-35-reason-card:nth-child(4) {\r\n    width: 100%;\r\n  }\r\n}\r\n\r\n@media (max-width: 1240px) {\r\n  .fl-t-40-35-reasons .fl-t-40-35-reason-card:nth-child(1),\r\n  .fl-t-40-35-reasons .fl-t-40-35-reason-card:nth-child(4) {\r\n    max-width: 100%;\r\n  }\r\n\r\n  .fl-t-40-35-reasons .fl-t-40-35-reason-card:nth-child(2),\r\n  .fl-t-40-35-reasons .fl-t-40-35-reason-card:nth-child(3) {\r\n    max-width: 100%;\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .fl-t-40-35-reasons .fl-t-40-35-reason-card {\r\n    width: 100% !important;\r\n  }\r\n}\r\n\r\n\/**----------------end 7 reasons why beginners & professional producers alike love FL Studio ----------------**\/\r\n\r\n\/**----------------satrt excellent learning resources ----------------**\/\r\n.fl-t-40-35-learning-resources {\r\n  text-align: center;\r\n  background-color: #fff;\r\n}\r\n\r\n.fl-t-40-35-learning-resources .fl-t-40-35-wrapper {\r\n  padding-top: 120px;\r\n}\r\n\r\n.fl-t-40-35-learning-resources .fl-t-40-35-learning-resources-title {\r\n  color: #ff7629;\r\n  font-size: 20px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 125%;\r\n}\r\n\r\n.fl-t-40-35-learning-resources h2 {\r\n  color: #16182c;\r\n  font-size: 46px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  line-height: 60px;\r\n  font-stretch: 75%;\r\n  letter-spacing: normal;\r\n}\r\n\r\n.fl-t-40-35-learning-resources-description {\r\n  border-radius: 10px;\r\n  margin: 32px 0;\r\n}\r\n\r\n.fl-t-40-35-learning-resources .fl-t-40-35-learning-details {\r\n  display: flex;\r\n  max-width: 1478px;\r\n  margin: 0 auto;\r\n  gap: 32px;\r\n  text-align: left;\r\n}\r\n\r\n.fl-t-40-35-learning-resources .fl-t-40-35-learning-detail {\r\n  background-color: #fff;\r\n  border-radius: 10px;\r\n  max-width: 336px;\r\n}\r\n\r\n.fl-t-40-35-learning-resources .fl-t-40-35-learning-detail h4 {\r\n  color: #16182c;\r\n  font-size: 18px;\r\n  font-style: normal;\r\n  font-weight: 700;\r\n  line-height: 175%;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.fl-t-40-35-learning-resources .fl-t-40-35-learning-detail p {\r\n  color: #16182c;\r\n  font-size: 18px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 175%;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .fl-t-40-35-learning-resources .fl-t-40-35-learning-details {\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    padding-bottom: 0px;\r\n  }\r\n}\r\n\r\n\/**----------------end excellent learning resources ----------------**\/\r\n\r\n\/**----------------start packed section ----------------**\/\r\n.fl-t-40-35-packed-section {\r\n  padding-top: 56px;\r\n  text-align: center;\r\n  padding-bottom: 34px;\r\n}\r\n\r\n.fl-t-40-35-packed-section h2 {\r\n  color: #16182c;\r\n  text-align: center;\r\n  font-size: 46px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  line-height: 60px;\r\n  font-stretch: 75%;\r\n  letter-spacing: normal;\r\n  margin-bottom: 20px;\r\n  max-width: 738px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.fl-t-40-35-packed-section .fl-t-40-35-packed-section-title {\r\n  color: #ff7629;\r\n  font-size: 20px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 125%;\r\n}\r\n\r\n.fl-t-40-35-packed-section .fl-t-40-35-button img {\r\n  max-width: 16px;\r\n  border-radius: 8px;\r\n  margin-left: 12px;\r\n}\r\n\r\n.fl-t-40-35-packed-section .fl-t-40-35-packed-description-wrapper {\r\n  display: flex;\r\n  margin: 40px 0;\r\n  gap: 64px;\r\n}\r\n\r\n.fl-t-40-35-packed-section .fl-t-40-35-packed-description {\r\n  flex: 1;\r\n  text-align: left;\r\n}\r\n\r\n.fl-t-40-35-packed-section .fl-t-40-35-packed-description p {\r\n  color: #16182c;\r\n  font-size: 18px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 175%;\r\n}\r\n\r\n.fl-t-40-35-packed-section .fl-t-40-35-packed-description p strong {\r\n  border-bottom: 1px solid #ff7629;\r\n}\r\n\r\n.fl-t-40-35-packed-section .see-all-plugins {\r\n  display: inline-flex;\r\n  gap: 12px;\r\n  align-items: center;\r\n  margin-bottom: 34px;\r\n}\r\n\r\n.fl-t-40-35-packed-section .see-all-plugins::after {\r\n  width: 16px;\r\n  height: 16px;\r\n  padding: 10px;\r\n  display: inline-block;\r\n  background-image: url(https:\/\/www.image-line.com\/static\/assets\/arrow-circled-right-ZNIVDPDX.7abc618.svg);\r\n  background-position: center;\r\n  background-size: contain;\r\n  content: \"\";\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .fl-t-40-35-packed-section .fl-t-40-35-packed-section {\r\n    padding-top: 40px;\r\n  }\r\n\r\n  .fl-t-40-35-packed-section .fl-t-40-35-packed-description-wrapper {\r\n    flex-direction: column;\r\n    gap: 32px;\r\n  }\r\n}\r\n\r\n\/**----------------end packed section ----------------**\/\r\n\r\n\/**----------------start buy section ----------------**\/\r\n.fl-t-40-35-buy-section {\r\n  text-align: center;\r\n}\r\n\r\n.fl-t-40-35-buy-section h2 {\r\n  font-size: 24px;\r\n  font-weight: bold;\r\n  color: #333;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.fl-t-40-35-buy-section p {\r\n  color: #16182c;\r\n  font-size: 24px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 175%;\r\n  text-align: left;\r\n}\r\n\r\n.fl-t-40-35-buy-section .fl-t-40-35-buy-buttons {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 20px;\r\n}\r\n\r\n.fl-t-40-35-buy-section .fl-t-40-35-buy-button {\r\n  text-align: center;\r\n  font-size: 19px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  line-height: 30px;\r\n  cursor: pointer;\r\n  padding: 10px 24px;\r\n  border-radius: 500px;\r\n}\r\n\r\n.fl-t-40-35-buy-section .fl-t-40-35-packed-section .fl-t-40-35-buy-button {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.fl-t-40-35-buy-section .fl-t-40-35-buy-button.orange {\r\n  background-color: #e65c21;\r\n  color: white;\r\n}\r\n.fl-t-40-35-buy-section .fl-t-40-35-button.orange {\r\n  max-width: fit-content;\r\n  margin-top: 40px;\r\n}\r\n.fl-t-40-35-buy-section .fl-t-40-35-buy-button.gray {\r\n  background-color: #e9e9e9;\r\n  color: #333;\r\n}\r\n\r\n.fl-t-40-35-buy-section .fl-t-40-35-buy-flex-wrapper {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding-top: 40px;\r\n  padding-bottom: 40px;\r\n}\r\n\r\n.fl-t-40-35-buy-section .fl-t-40-35-buy-section-title {\r\n  color: #ff7629;\r\n  font-size: 20px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 125%;\r\n  text-align: left;\r\n}\r\n\r\n.fl-t-40-35-buy-section .fl-t-40-35-buy-left-block h2 {\r\n  color: #16182c;\r\n  font-size: 46px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  line-height: 60px;\r\n  font-stretch: 75%;\r\n  letter-spacing: normal;\r\n  text-align: left;\r\n}\r\n\r\n.fl-t-40-35-buy-section .fl-t-40-35-buy-left-block h2 span {\r\n  display: inline-block;\r\n  text-decoration: underline;\r\n  text-decoration-color: #ff7629;\r\n  text-decoration-thickness: 4px;\r\n}\r\n\r\n.fl-t-40-35-buy-section .fl-t-40-35-buy-right-block {\r\n  max-width: 48%;\r\n}\r\n\r\n.fl-t-40-35-buy-section .fl-t-40-35-buy-left-block {\r\n  max-width: 35%;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .fl-t-40-35-buy-section .fl-t-40-35-buy-flex-wrapper {\r\n    padding-top: 40px;\r\n    padding-bottom: 40px;\r\n    flex-direction: column;\r\n    gap: 32px;\r\n  }\r\n\r\n  .fl-t-40-35-buy-section .fl-t-40-35-buy-right-block {\r\n    max-width: 100%;\r\n  }\r\n\r\n  .fl-t-40-35-buy-section .fl-t-40-35-buy-left-block {\r\n    max-width: 100%;\r\n  }\r\n}\r\n\r\n\/**----------------end buy section ----------------**\/\r\n\r\n\/**--------- FOP Logos -------------**\/\r\n.fl-t-40-35-payment-options {\r\n  text-align: center;\r\n  width: 100%;\r\n  padding: 70px 80px;\r\n}\r\n\r\n.fl-t-40-35-payment-options .fl-t-40-35-note {\r\n  margin-bottom: 40px;\r\n}\r\n\r\n.fl-t-40-35-payment-options .fl-t-40-35-note p b {\r\n  color: #16182c;\r\n  text-align: center;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 24px;\r\n  font-style: normal;\r\n  font-weight: 700;\r\n  line-height: 175%;\r\n}\r\n\r\n.fl-t-40-35-payment-options .fl-t-40-35-note p {\r\n  color: #16182c;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 19px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 175%;\r\n}\r\n\r\n.fl-t-40-35-payment-options .extra-note {\r\n  color: #16182c;\r\n  text-align: center;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 13px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 150%;\r\n}\r\n\r\n.fl-t-40-35-payment-options .fl-t-40-35-logos {\r\n  margin: 0 auto 16px;\r\n  padding: 0px 15px;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 20px;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  max-width: 1080px;\r\n}\r\n\r\n.fl-t-40-35-payment-options img {\r\n  height: fit-content;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .fl-t-40-35-payment-options {\r\n    padding: unset;\r\n  }\r\n  .fl-t-40-35-payment-options .fl-t-40-35-logos {\r\n    gap: 20px;\r\n    justify-content: center;\r\n  }\r\n  body.fl-t-40-35 .banner-heading {\r\n    font-size: 31px;\r\n    line-height: normal;\r\n  }\r\n}\r\n\r\n\/** footer section **\/\r\n.fl-t-40-35-footer {\r\n  background-color: #16182c !important;\r\n  padding: 2.5rem 1rem;\r\n}\r\n\r\n.fl-t-40-35-footer-content {\r\n  max-width: 1478px;\r\n  margin: 0 auto;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n}\r\n\r\n.fl-t-40-35-footer .fl-t-40-35-copyright {\r\n  opacity: 0.8;\r\n  color: white;\r\n  font-size: 1rem;\r\n  line-height: 1.625em;\r\n}\r\n\r\n.fl-t-40-35-footer .fl-t-40-35-legal-notices {\r\n  text-decoration: underline;\r\n  font-size: 1rem;\r\n  line-height: 1.625em;\r\n  font-weight: 400;\r\n  color: white;\r\n}\r\n\r\n.fl-t-40-35-footer .fl-t-40-35-legal-notices:hover {\r\n  text-decoration: none;\r\n  color: #ff7629;\r\n  outline: 0;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .fl-t-40-35-featured-artists h2,\r\n  .fl-t-40-35-top-price__header h2,\r\n  .fl-t-40-35-reasons .fl-t-40-35-section-title,\r\n  .fl-t-40-35-start-making h2,\r\n  .fl-t-40-35-pricing-tile__header h2 {\r\n    font-size: 31px;\r\n    line-height: 38px;\r\n  }\r\n\r\n  .fl-t-40-35-reasons .fl-t-40-35-reason-content h3,\r\n  .fl-t-40-35-packed-section h2,\r\n  .fl-t-40-35-buy-section .fl-t-40-35-buy-left-block h2,\r\n  .fl-t-40-35-learning-resources h2 {\r\n    font-size: 24px;\r\n    line-height: 30px;\r\n  }\r\n\r\n  .fl-t-40-35-start-image {\r\n    margin-top: 0px !important;\r\n  }\r\n\r\n  .fl-t-40-35-footer-content {\r\n    flex-direction: column-reverse;\r\n  }\r\n}\r\n\r\n\/**----------------end footer section ----------------**\/\r\n\r\n\r\n\/**----------------Buy Now page artist slider ----------------**\/\r\n\r\n.fl-t-40-35-artist-slider {\r\n  background: #f6f6f6;\r\n  padding: 60px 15px 30px;\r\n}\r\n\r\n.fl-t-40-35-artist-slider h2,\r\n.fl-t-40-35-artist-slider .artist-name {\r\n  color: #16182c;\r\n}\r\n\r\n.fl-t-40-35-buy-page .sub-navigation--inner .navigation-info {\r\n  margin: 24px auto 0px;\r\n}\r\n\r\n.fl-t-40-35-main-heading {\r\n  color: #fff;\r\n  text-align: center;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 57px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  margin: 75px 0px 45px;\r\n  line-height: 1.3;\r\n  line-height: 1.225em;\r\n  font-stretch: 75%;\r\n  letter-spacing: normal;\r\n}\r\n\r\n@media screen and (max-width: 1600px) {\r\n  body.fl-t-40-35 #buy-now-header {\r\n    background-position: center -88px;\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 1500px) {\r\n  body.fl-t-40-35 #buy-now-header {\r\n    background-position: center -66px;\r\n  }\r\n\r\n  .fl-t-40-35-main-heading {\r\n    margin: 75px 0px 18px;\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 1400px) {\r\n  body.fl-t-40-35 #buy-now-header {\r\n    background-position: center -40px;\r\n  }\r\n\r\n  .fl-t-40-35-main-heading {\r\n    margin: 75px 0px 0px;\r\n  }\r\n}\r\n\r\n\/**\r\n* ===============================================================================\r\n* [fl-t-40-35] FL Buy now page HL test End\r\n* ==============================================================================\r\n*\/","js":function(convertContext){ 
(function() {
  let debug = 0;
  const variation_name = "fl-t-40";
  try {
    /**LIBRARY**/
    var utils = {};

    /**
     * Helper function to wait for library to load
     * @param {function} trigger - callback function to be called when lib is loaded
     */
    function waitForLibrary(trigger) {
      var INTERVAL = 50;
      var TIMEOUT = 15000;

      var interval = setInterval(function() {
        if (typeof window["ilHelpers"] != "undefined") {
          clearInterval(interval);
          trigger(window["ilHelpers"]);
        }
      }, INTERVAL);

      setTimeout(function() {
        clearInterval(interval);
      }, TIMEOUT);
    }

    const defaultTemplateSelector = '.nav .nav__section > a[href="https://www.image-line.com/fl-studio"] + .nav__links';
    const newTemplateSelector = '.c-nav-main > ul > li > a[href="https://www.image-line.com/fl-studio"] + .sub-menu';
    const submenuHTML = `<li class="nav__item ${variation_name}-nav__item"><a href="https://www.image-line.com/fl-cloud"> FL Cloud </a></li>`;

    const flLogo = `
    <img decoding="async" class="site-header__logo__fruit" src="https://www.image-line.com/static/assets/nav-logo-fruit.41db863.png">
    <svg width="997" height="170" viewBox="0 0 997 170" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M910.668 0.609131C934.941 0.609131 955.254 8.7124 971.606 24.9189C987.957 41.1255 996.133 61.0747 996.133 84.7668C996.133 108.241 987.957 
    128.154 971.606 144.506C955.326 160.858 935.45 169.033 911.976 169.033C888.211 169.033 868.153 160.894 851.801 144.615C835.449 128.335 827.273 108.641 827.273 85.5299C827.273 70.1228 830.979 55.8421 838.392 42.688C845.878 29.5338 856.052 19.2503 
    868.916 11.8374C881.779 4.35189 895.697 0.609131 910.668 0.609131ZM911.431 16.3069C899.585 16.3069 888.356 19.3956 877.746 25.573C867.135 31.7504 858.85 40.0717 852.891 50.5369C846.932 61.0021 843.952 72.6664 843.952 85.5299C843.952 104.571 
    850.529 120.668 863.683 133.822C876.91 146.904 892.826 153.445 911.431 153.445C923.858 153.445 935.341 150.429 945.879 144.397C956.489 138.365 964.738 130.116 970.625 119.651C976.584 109.186 979.564 97.5576 979.564 84.7668C979.564 72.0487 
    976.584 60.566 970.625 50.3188C964.738 39.999 956.417 31.7504 945.661 25.573C934.905 19.3956 923.495 16.3069 911.431 16.3069Z" fill="white"></path><path d="M782.495 4.64258H798.52V165H782.495V4.64258Z" fill="white"></path><path d="M619.766 
    165V4.64258H653.014C676.997 4.64258 694.403 6.56847 705.231 10.4202C720.784 15.8709 732.921 25.3186 741.642 38.7635C750.435 52.2084 754.832 68.2332 754.832 86.838C754.832 102.899 751.344 117.035 744.367 129.244C737.463 141.453 728.451 150.465 
    717.332 156.279C706.285 162.093 690.769 165 670.783 165H619.766ZM635.136 149.847H653.668C675.834 149.847 691.205 148.466 699.781 145.705C711.845 141.78 721.329 134.731 728.233 124.556C735.137 114.309 738.589 101.809 738.589 87.0561C738.589 71.5763 
    734.846 58.3494 727.361 47.3755C719.875 36.4016 709.446 28.8797 696.074 24.8099C686.045 21.7575 669.512 20.2314 646.474 20.2314H635.136V149.847Z" fill="white"></path><path d="M475.132 4.64258H491.157V101.446C491.157 112.928 491.375 120.087 491.811 
    122.921C492.61 129.244 494.464 134.549 497.371 138.837C500.278 143.052 504.747 146.613 510.779 149.52C516.811 152.355 522.88 153.772 528.984 153.772C534.29 153.772 539.377 152.645 544.246 150.392C549.115 148.139 553.185 145.014 556.455 141.017C559.726 
    137.02 562.124 132.187 563.65 126.519C564.74 122.449 565.285 114.091 565.285 101.446V4.64258H581.31V101.446C581.31 115.763 579.893 127.354 577.059 136.221C574.297 145.014 568.701 152.682 560.271 159.222C551.913 165.763 541.775 169.033 529.856 
    169.033C516.92 169.033 505.837 165.945 496.607 159.767C487.378 153.59 481.2 145.414 478.075 135.24C476.113 128.99 475.132 117.725 475.132 101.446V4.64258Z" fill="white"></path><path d="M364.728 20.2314V4.64258H452.702V20.2314H416.945V165H400.594V20.2314H364.728Z" 
    fill="white"></path><path d="M253.998 135.131L267.624 126.955C277.218 144.615 288.301 153.445 300.873 153.445C306.251 153.445 311.302 152.209 316.026 149.738C320.75 147.195 324.347 143.815 326.818 139.6C329.289 135.385 330.525 130.915 330.525 126.192C330.525 120.814 
    328.708 115.545 325.074 110.385C320.059 103.263 310.902 94.6869 297.603 84.6578C284.231 74.556 275.909 67.2521 272.639 62.7463C266.97 55.1881 264.136 47.0121 264.136 38.2185C264.136 31.2417 265.808 24.8826 269.151 19.1413C272.494 13.3999 277.181 8.89408 283.213 
    5.62371C289.318 2.28066 295.931 0.609131 303.054 0.609131C310.612 0.609131 317.661 2.49868 324.202 6.27778C330.815 9.98421 337.792 16.852 345.132 26.8812L332.051 36.8013C326.019 28.807 320.859 23.5381 316.571 20.9945C312.356 18.4508 307.741 17.179 302.727 17.179C296.258 
    17.179 290.953 19.1413 286.811 23.0657C282.741 26.9902 280.706 31.8231 280.706 37.5644C280.706 41.0528 281.433 44.4322 282.886 47.7025C284.34 50.9729 286.992 54.534 290.844 58.3858C292.952 60.4207 299.856 65.7623 311.557 74.4106C325.437 84.6578 334.958 93.7785 340.118 
    101.773C345.278 109.767 347.858 117.798 347.858 125.865C347.858 137.493 343.425 147.594 334.558 156.17C325.764 164.746 315.045 169.033 302.399 169.033C292.661 169.033 283.831 166.454 275.909 161.294C267.988 156.061 260.684 147.34 253.998 135.131Z" fill="white"></path>
    <path d="M107.755 4.64258H123.889V149.52H185.481V165H107.755V4.64258Z" fill="white"></path><path d="M0.513245 4.64258H80.8555V20.4494H16.4291V70.5952H80.8555V86.402H16.4291V165H0.513245V4.64258Z" fill="white"></path></svg>`;

    /**
     * Inserts a new submenu link into a specified parent element in the navigation menu.
     * This function first checks if the parent element specified by the selector exists and if the submenu link
     * has not already been inserted. If both conditions are true, the submenu link is added to the end of the
     * parent element's inner HTML.
     */
    function insertSubMenuLink(selector, submenuHTML) {
      const parentElement = document.querySelector(selector);
      const existingSubmenuElement = document.querySelector(`.${variation_name}-nav__item`);

      if (parentElement && !existingSubmenuElement) {
        parentElement.insertAdjacentHTML("beforeend", submenuHTML);
      }
    }

    function moveBuyNowTryFreeDefault() {
      const siteHeaderMeta = document.querySelector(".site-header-meta");
      if (!document.querySelector(`${variation_name}-hamberger-icon`)) {
        const otherDownload = document.querySelector('nav > ul> li > a[href*="/fl-studio-download"]');
        const otherBuyNow = document.querySelector('nav > ul > li > a[href*="/buy-now"]');
        const buyNowTryFreeDefault = `
          <div class="${variation_name}-hamberger-icon"><span></span><span></span><span></span></div>
          ${otherDownload && otherDownload.closest("li").outerHTML}
          ${otherBuyNow && otherBuyNow.closest("li").outerHTML}
        `;
        siteHeaderMeta.insertAdjacentHTML("afterbegin", buyNowTryFreeDefault);
      }
    }

    function moveBuyNowTryFreeNew() {
      const headerShop = document.querySelector(".c-nav-main + .c-header-shop");
      if (!document.querySelector(`${variation_name}-hamberger-icon`)) {
        const otherDownload = document.querySelector('nav > ul> li > a[href*="/fl-studio-download"]');
        const otherBuyNow = document.querySelector('nav > ul > li > a[href*="/buy-now"]');
        const buyNowTryFreeNew = `
          <div class="${variation_name}-hamberger-icon"><span></span><span></span><span></span></div>
          ${otherDownload && otherDownload.closest("li").outerHTML}
          ${otherBuyNow && otherBuyNow.closest("li").outerHTML}
        `;
        headerShop && headerShop.insertAdjacentHTML("afterbegin", buyNowTryFreeNew);
      }
    }

    // Inserts the FL Cloud submenu link into the default template's navigation menu.
    function initDefaultTemplate() {
      insertSubMenuLink(defaultTemplateSelector, submenuHTML);
      moveBuyNowTryFreeDefault();
    }

    // Inserts the FL Cloud submenu link into the new template's navigation menu.
    function initNewTemplate() {
      insertSubMenuLink(newTemplateSelector, submenuHTML);
      moveBuyNowTryFreeNew();
      // Update site logo
      utils.waitForElement(".c-header--logo", function() {
        const headerLogo = document.querySelector(".c-header--logo");
        headerLogo.insertAdjacentHTML("afterbegin", flLogo);
      });
    }

    // Initializes variation
    function initializeVariation() {
      if (window.location.hostname == "support.image-line.com") {
        document.body.classList.add(variation_name + "--support");
        utils.waitForElement(newTemplateSelector, initNewTemplate);
        return;
      } else if (window.location.pathname == "/artists" || window.location.pathname == "/artists/" || window.location.pathname == "/fl-studio-news" || window.location.pathname == "/fl-studio-news/") {
        utils.waitForElement(newTemplateSelector, initNewTemplate);
        return;
      }

      if (document.body.classList.contains("page-template-default")) {
        utils.waitForElement(defaultTemplateSelector, initDefaultTemplate);
      } else if (document.body.classList.contains("page-template-templates")) {
        utils.waitForElement(newTemplateSelector, initNewTemplate);
      }
    }

    function addEvents() {
      utils.live(`.${variation_name}-hamberger-icon`, "click", function(e) {
        e.preventDefault();
        e.stopPropagation();
        e.stopImmediatePropagation();
        var siteHeaderInner = document.querySelector(".site-header__inner");
        siteHeaderInner && siteHeaderInner.classList.toggle("show");

        var navMain = document.querySelector(".c-header .c-nav-main");
        navMain && navMain.classList.toggle("show");
      });
    }

    // Updates the href attribute of all buy now links to the new URL '/fl-studio/b-buy-now'
    function updateBuyNowLink() {
      document.querySelectorAll('header a[href*="/fl-studio/buy-now"]')
      .forEach(el => el.textContent = "Buy FL Studio");   
      
      const buyNowLinks = document.querySelectorAll('a[href*="/fl-studio/buy-now"]');
      buyNowLinks.forEach(el => (el.href = "https://www.image-line.com/fl-studio/b-buy-now"));
    }

    /**
     * ===============================================================================
     * Buy Now Box Section Start
     * ==============================================================================
     */

    const buyNowLeftContent = `
      <div class="${variation_name}-col ${variation_name}-col-lg-6">
        <div class="${variation_name}-content-wrapper">
          <div class="${variation_name}-content-box">
              <h2>The choice of pros</h2>
              <p>FL Studio is the go-to DAW for hitmakers like Martin Garrix, Mustard, and Boi-1da. It's a versatile and complete music production environment used to create chart-topping hits in every genre, from EDM and hip-hop to pop and beyond.
                </p>
          </div>
          <hr style="background-color:#d2d2d2;color:#d2d2d2">
          <div class="${variation_name}-content-box">
              <h2>Easy to learn, fun to master</h2>
              <p>FL Studio's intuitive interface makes it easy to dive in and start making music in minutes. And as you grow, FL Studio grows with you, offering endless possibilities for exploration and experimentation.
                </p>
          </div>
          <hr style="background-color:#d2d2d2;color:#d2d2d2">
          <div class="${variation_name}-content-box">
              <h2>Buy once, get all updates free for life</h2>
              <p>We believe in transparent and fair pricing: Others make you pay for updates every 2 years or so. With FL Studio you always get all updates, improvements, and the latest features for free - for life.
              </p>
          </div>
          </div>
      </div>
    `;

    const buyNowBoxHeader = `
    <div class="${variation_name}-top-pricing-section">
      <div class="${variation_name}-top-price__header">
        <div>
          <h2>Get everything you need to start making music today</h2>
          <p>FL Studio offers over 100 instruments and effects, a huge sound library, world famous features, and beginner-friendly tools for music composition.</p>
        </div>
      </div>
    </div>
    `;

    function initBuyNowBox() {
      const buyNowBox = document.querySelector("#buy-now-box");
      const buyNowBoxColumn = document.querySelector("#buy-now-box > div.buy-now-columns");
      buyNowBox && buyNowBox.classList.contains("is-hidden") && buyNowBox.classList.remove("is-hidden");
      buyNowBox && buyNowBox.classList.add("fl-t-40-top-pricing-section");
      buyNowBoxColumn && buyNowBoxColumn.classList.add("fl-t-40-col-lg-6");
      buyNowBox && buyNowBox.insertAdjacentHTML("afterbegin", buyNowLeftContent);
      buyNowBox && buyNowBox.insertAdjacentHTML("beforebegin", buyNowBoxHeader);
    }

    /**
     * ===============================================================================
     * Buy Now Box Section End
     * ==============================================================================
     */

    // Wait for library and initialize experiment
    waitForLibrary(function(ilHelpers) {
      utils = ilHelpers.get("lib");
      utils.waitForElement("body", function() {
        var bodyElm = document.querySelector("body");
        if (!bodyElm.classList.contains(variation_name)) {
          bodyElm.classList.add(variation_name);
          addEvents();
          initializeVariation();
         
          utils.waitForElement('a[href*="/fl-studio/buy-now"]', function(){
            updateBuyNowLink();
            setTimeout(updateBuyNowLink, 2000);
          });

          if (window.location.pathname == "/") {
            utils.waitForElement("#buy-now-box > div.buy-now-columns", initBuyNowBox);
          }

          utils.waitForElement("a.fl-t-44-discover-studio", function() {
            var elms = document.querySelectorAll("a.fl-t-44-discover-studio");
            elms.forEach(function(el) {
              el.href = "/fl-studio/buy-now";
            });
          });
          utils.waitForElement('.fl-t-44-payment__button .wp-block-button__link[href="/fl-studio/buy-now/"]', function() {
            var elms = document.querySelectorAll('.fl-t-44-payment__button .wp-block-button__link[href="/fl-studio/buy-now/"]');
            elms.forEach(function(el) {
              el.href = "/fl-studio/buy-now";
            });
          });
          utils.waitForElement('.fl-t-44-buy-btn[href*="/fl-studio/buy-now/"]', function() {
            var elms = document.querySelectorAll('.fl-t-44-buy-btn[href*="/fl-studio/buy-now/"]');
            elms.forEach(function(el) {
              el.href = "/fl-studio/buy-now";
            });
          });
        }
      });
    });
  } catch (e) {
    if (debug) console.log(e, "error in Test" + variation_name);
  }
})();

(function() {
  try {
    /* main variables */
    var debug = 0;
    var variation_name = "fl-t-40-35";

    /**LIBRARY**/
    var utils = {};

    /**
     * Helper function to wait for library to load
     * @param {function} trigger - callback function to be called when lib is loaded
     */
    function waitForLibrary(trigger) {
      var INTERVAL = 50;
      var TIMEOUT = 15000;

      var interval = setInterval(function() {
        if (typeof window["ilHelpers"] != "undefined") {
          clearInterval(interval);
          trigger(window["ilHelpers"]);
        }
      }, INTERVAL);

      setTimeout(function() {
        clearInterval(interval);
      }, TIMEOUT);
    }

    // Inject missing libraries
    function injectMasonryScript(callback) {
      var script = document.createElement("script");
      script.src = "https://cdnjs.cloudflare.com/ajax/libs/packery/2.1.2/packery.pkgd.min.js";
      script.onload = callback;
      document.head.appendChild(script);
    }

    /**
     * ==============================================================
     * Objects and data
     * ==============================================================
     */

    var headerSvg = `<svg width="997" height="170" viewBox="0 0 997 170" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M910.668 0.609131C934.941 0.609131 955.254 8.7124 971.606 24.9189C987.957 41.1255 996.133 61.0747 996.133 84.7668C996.133 108.241 987.957 128.154 971.606 144.506C955.326 160.858 935.45 169.033 911.976 169.033C888.211 169.033 868.153 160.894 851.801 144.615C835.449 128.335 827.273 108.641 827.273 85.5299C827.273 70.1228 830.979 55.8421 838.392 42.688C845.878 29.5338 856.052 19.2503 868.916 11.8374C881.779 4.35189 895.697 0.609131 910.668 0.609131ZM911.431 16.3069C899.585 16.3069 888.356 19.3956 877.746 25.573C867.135 31.7504 858.85 40.0717 852.891 50.5369C846.932 61.0021 843.952 72.6664 843.952 85.5299C843.952 104.571 850.529 120.668 863.683 133.822C876.91 146.904 892.826 153.445 911.431 153.445C923.858 153.445 935.341 150.429 945.879 144.397C956.489 138.365 964.738 130.116 970.625 119.651C976.584 109.186 979.564 97.5576 979.564 84.7668C979.564 72.0487 976.584 60.566 970.625 50.3188C964.738 39.999 956.417 31.7504 945.661 25.573C934.905 19.3956 923.495 16.3069 911.431 16.3069Z" fill="white"></path><path d="M782.495 4.64258H798.52V165H782.495V4.64258Z" fill="white"></path><path d="M619.766 165V4.64258H653.014C676.997 4.64258 694.403 6.56847 705.231 10.4202C720.784 15.8709 732.921 25.3186 741.642 38.7635C750.435 52.2084 754.832 68.2332 754.832 86.838C754.832 102.899 751.344 117.035 744.367 129.244C737.463 141.453 728.451 150.465 717.332 156.279C706.285 162.093 690.769 165 670.783 165H619.766ZM635.136 149.847H653.668C675.834 149.847 691.205 148.466 699.781 145.705C711.845 141.78 721.329 134.731 728.233 124.556C735.137 114.309 738.589 101.809 738.589 87.0561C738.589 71.5763 734.846 58.3494 727.361 47.3755C719.875 36.4016 709.446 28.8797 696.074 24.8099C686.045 21.7575 669.512 20.2314 646.474 20.2314H635.136V149.847Z" fill="white"></path><path d="M475.132 4.64258H491.157V101.446C491.157 112.928 491.375 120.087 491.811 122.921C492.61 129.244 494.464 134.549 497.371 138.837C500.278 143.052 504.747 146.613 510.779 149.52C516.811 152.355 522.88 153.772 528.984 153.772C534.29 153.772 539.377 152.645 544.246 150.392C549.115 148.139 553.185 145.014 556.455 141.017C559.726 137.02 562.124 132.187 563.65 126.519C564.74 122.449 565.285 114.091 565.285 101.446V4.64258H581.31V101.446C581.31 115.763 579.893 127.354 577.059 136.221C574.297 145.014 568.701 152.682 560.271 159.222C551.913 165.763 541.775 169.033 529.856 169.033C516.92 169.033 505.837 165.945 496.607 159.767C487.378 153.59 481.2 145.414 478.075 135.24C476.113 128.99 475.132 117.725 475.132 101.446V4.64258Z" fill="white"></path><path d="M364.728 20.2314V4.64258H452.702V20.2314H416.945V165H400.594V20.2314H364.728Z" fill="white"></path><path d="M253.998 135.131L267.624 126.955C277.218 144.615 288.301 153.445 300.873 153.445C306.251 153.445 311.302 152.209 316.026 149.738C320.75 147.195 324.347 143.815 326.818 139.6C329.289 135.385 330.525 130.915 330.525 126.192C330.525 120.814 328.708 115.545 325.074 110.385C320.059 103.263 310.902 94.6869 297.603 84.6578C284.231 74.556 275.909 67.2521 272.639 62.7463C266.97 55.1881 264.136 47.0121 264.136 38.2185C264.136 31.2417 265.808 24.8826 269.151 19.1413C272.494 13.3999 277.181 8.89408 283.213 5.62371C289.318 2.28066 295.931 0.609131 303.054 0.609131C310.612 0.609131 317.661 2.49868 324.202 6.27778C330.815 9.98421 337.792 16.852 345.132 26.8812L332.051 36.8013C326.019 28.807 320.859 23.5381 316.571 20.9945C312.356 18.4508 307.741 17.179 302.727 17.179C296.258 17.179 290.953 19.1413 286.811 23.0657C282.741 26.9902 280.706 31.8231 280.706 37.5644C280.706 41.0528 281.433 44.4322 282.886 47.7025C284.34 50.9729 286.992 54.534 290.844 58.3858C292.952 60.4207 299.856 65.7623 311.557 74.4106C325.437 84.6578 334.958 93.7785 340.118 101.773C345.278 109.767 347.858 117.798 347.858 125.865C347.858 137.493 343.425 147.594 334.558 156.17C325.764 164.746 315.045 169.033 302.399 169.033C292.661 169.033 283.831 166.454 275.909 161.294C267.988 156.061 260.684 147.34 253.998 135.131Z" fill="white"></path><path d="M107.755 4.64258H123.889V149.52H185.481V165H107.755V4.64258Z" fill="white"></path><path d="M0.513245 4.64258H80.8555V20.4494H16.4291V70.5952H80.8555V86.402H16.4291V165H0.513245V4.64258Z" fill="white"></path></svg>`;
    var defaultArtists = [
      {
        "Show on homepage?": "x",
        "Show per default on FL Studio PDP": "x",
        Name: "Martin Garrix",
        Description: '<b>4x DJ Mag #1 DJ</b>, most known for his hits "Animals", "In the Name of Love", and "Scared to Be Lonely',
        Quote: "In FL Studio it's about the workflow and the speed of programming.",
        Genre: "EDM",
        "link to more": "https://www.image-line.com/artists/martin-garrix/",
        Image: "https://www.image-line.com/static/assets/Martin-Garrix-1.jpg.696e0e0.webp",
        "Alt image": "https://www.image-line.com/wp-content/uploads/2022/07/martin_garrix.png",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "x",
        "Show per default on FL Studio PDP": "x",
        Name: "Boi-1da",
        Description: "Grammy-winning producer behind hits from <b>Drake, Eminem, Jay-Z, Nicki Minaj, Rihanna</b>, and many others",
        Quote: "I learned the basics of it within an hour.",
        Genre: "Hip Hop",
        "link to more": "https://www.image-line.com/artists/boi-1da/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/boi-1da.png",
        "Alt image": "https://www.image-line.com/wp-content/uploads/2012/01/Boi-1da-620x443-2.jpg",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "x",
        Name: "Hit-Boy",
        Description: "With hits for <b>Jay-Z, Kanye West, Eminem, Justin Bieber, Drake, Selena Gomez</b>, and more, Hit-Boy has been a <b>Grammy winner or nominee for 10 of the last 11 years</b>",
        Quote: "To be able to get a pack out with FL that's fly, that's like an athlete getting with Nike.",
        Genre: "Hip Hop",
        "link to more": "N/A",
        Image: "https://www.image-line.com/static/assets/hit-boy-1.88cec2f.jpg",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments:
          "Josh:\nAs I mentioned in my message, I don't feel we should use him for this until we have a Power User page set up for him.\n\nRich: While it woudl be ideal for him to have a page, I don't think it's a must have. His description sounds impressive, his quote is strong (taken from a video that we have/had on the homepage). Also: his image is featured all over the site.",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "x",
        Name: "Ovy On The Drums",
        Description: "Colombian producer and vocalist known for his work with artists like <b>Nicki Minaj, KAROL G, Becky G, Paulo Londra, Bad Bunny, 6ix9ine</b>, and <b>Ed Sheeran</b>",
        Quote:
          "When I went to my cousin’s house one of the guys who was there showed me FL Studio. My life changed, it was like entering another galaxy and since then FL Studio has been like my temple, my place where I disconnect and create my sound, my music, my art.",
        Genre: "Latin",
        "link to more": "https://www.image-line.com/artists/ovy-on-the-drums/",
        Image: "https://www.image-line.com/static/assets/ovy-on-the-drums-1-jpg-56d1ba3.0f7c10d.webp",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "x",
        "Show per default on FL Studio PDP": "x",
        Name: "Afrojack",
        Description: '<b>DJ Mag Top 20 DJ since 2010</b>, head of Wall Recordings, known for hits like "Take Over Control" ft. Eva Simons & "Give Me Everything" ft. Pitbull & Ne-Yo',
        Quote: "FL Studio felt really easy and intuitive, and I never stopped using it.",
        Genre: "EDM",
        "link to more": "Read more",
        Image: "",
        "Alt image": "https://www.image-line.com/static/assets/afrojack-jpg-f6c6b36.4b51030.webp",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "x",
        Name: "Madeon",
        Description:
          '<b>Grammy-nominated</b> electronic artist who rocketed to fame with his viral hit "Pop Culture" mashup all the way back in 2011 and has since released many hits and multiple albums',
        Quote: "...with the incredible depth of the software, I never feel like something isn't achievable.",
        Genre: "EDM",
        "link to more": "https://www.image-line.com/wp-content/uploads/2022/07/madeon.png",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/madeon.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
    ];

    var artistObject = [
      {
        "Show on homepage?": "x",
        "Show per default on FL Studio PDP": "x",
        Name: "Martin Garrix",
        Description: '<b>4x DJ Mag #1 DJ</b>, most known for his hits "Animals", "In the Name of Love", and "Scared to Be Lonely',
        Quote: "In FL Studio it's about the workflow and the speed of programming.",
        Genre: "EDM",
        "link to more": "https://www.image-line.com/artists/martin-garrix/",
        Image: "https://www.image-line.com/static/assets/Martin-Garrix-1.jpg.696e0e0.webp",
        "Alt image": "https://www.image-line.com/wp-content/uploads/2022/07/martin_garrix.png",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Avicii (In Memoriam)",
        Description: '<b>Legendary 2-time Grammy-nominee</b> best known for hits like "Levels", "Wake Me Up", "Hey Brother" and many others. In Memoriam <3',
        Quote: "I was introduced to FL through a friend and was hooked instantly. It’s so easy and quick to use [...] I literally couldn’t shut the program down.",
        Genre: "EDM",
        "link to more": "https://www.image-line.com/artists/avicii/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/avicii.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Afrojack",
        Description: '<b>DJ Mag Top 20 DJ since 2010</b>, head of Wall Recordings, known for hits like "Take Over Control" ft. Eva Simons & "Give Me Everything" ft. Pitbull & Ne-Yo',
        Quote: "FL Studio felt really easy and intuitive, and I never stopped using it.",
        Genre: "EDM",
        "link to more": "https://www.image-line.com/artists/afrojack/",
        Image: "https://www.image-line.com/static/assets/afrojack-jpg-f6c6b36.4b51030.webp",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Porter Robinson",
        Description: '<b>Grammy-nominated artist and 7-time DJ Mag Top 100 DJ</b>, best known hits like "Language" and his successful alternate alias Virtual Self',
        Quote: "FL Studio stood out because it was vastly more intuitive and usable...there's way too many awesome FL Studio features to list.",
        Genre: "EDM",
        "link to more": "https://www.image-line.com/artists/porter-robinson/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/porter_robinson.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "x",
        Name: "Madeon",
        Description:
          '<b>Grammy-nominated</b> electronic artist who rocketed to fame with his viral hit "Pop Culture" mashup all the way back in 2011 and has since released many hits and multiple albums',
        Quote: "...with the incredible depth of the software, I never feel like something isn't achievable.",
        Genre: "EDM",
        "link to more": "https://www.image-line.com/wp-content/uploads/2022/07/madeon.png",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/madeon.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Oliver Heldens",
        Description: 'DJ Mag top 35 DJ since 2014 & Heldeep Records label head, best known for hits like "Gecko (Overdrive)", "Turn me On", and his HI-LO pseudonym',
        Quote: "I like how I can draw my idea's in it really quick.",
        Genre: "EDM",
        "link to more": "https://www.image-line.com/artists/oliver-heldens/",
        Image: "",
        "Alt image": "https://www.image-line.com/innovaeditor/assets/oliversplash.jpg",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },

      // Hip Hop
      {
        "Show on homepage?": "x",
        "Show per default on FL Studio PDP": "x",
        Name: "Boi-1da",
        Description: "Grammy-winning producer behind hits from <b>Drake, Eminem, Jay-Z, Nicki Minaj, Rihanna</b>, and many others",
        Quote: "I learned the basics of it within an hour.",
        Genre: "Hip Hop",
        "link to more": "https://www.image-line.com/artists/boi-1da/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/boi-1da.png",
        "Alt image": "https://www.image-line.com/wp-content/uploads/2012/01/Boi-1da-620x443-2.jpg",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "x",
        "Show per default on FL Studio PDP": "",
        Name: "Murda Beatz",
        Description: '<b>Multi-platinum producer</b> behind hits like <b>Travis Scott\'s</b> "Butterfly Effect", <b>Gucci Mane\'s</b> "Back on Road", <b>Drake\'s</b> "Nice for What", and others',
        Quote: "I love my FL Studio.",
        Genre: "Hip Hop",
        "link to more": "Read more",
        Image: "",
        "Alt image": "https://www.image-line.com/static/assets/murda-beatz-1.8650ed0.jpg",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Mustard",
        Description:
          "<b>Grammy-winning, multi-platinum-selling</b> American producer, DJ, and artist, known for a slew of major hits from artists like <b>Rihanna, Tyga, Lil Dicky, Jeremih, Roddy Ricch</b>, and many others",
        Quote:
          "FL Studio means everything to my production, from how I draw my notes in, how it sounds, how I layer my drums, how I mix everything together, and most importantly, the finished product.",
        Genre: "Hip Hop",
        "link to more": "https://www.image-line.com/artists/mustard/",
        Image: "https://www.image-line.com/wp-content/uploads/2023/03/mustard.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "x",
        "Show per default on FL Studio PDP": "",
        Name: "PLUSS",
        Description: '<b>Grammy-winning, multi-platinum selling producer</b> behind hits like "HUMBLE." by <b>Kendrick Lamar</b>, "Formation" by <b>Beyonce</b>, and countless others',
        Quote: "It’s an honor to be a part of what you guys have going on. FL Studio plays a huge role in why I am who I am today. Thank you all.",
        Genre: "Hip Hop",
        "link to more": "https://www.image-line.com/artists/pluss/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/pluss.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "9th Wonder",
        Description: "<b>Grammy-winning</b> producer, record executive, and professor known for his work with <b>Kendrick Lamar, Anderson .Paak, JAY-Z, Mac Miller</b>, and others",
        Quote: "The programs we use are Cool Edit Pro and FL Studio. Those are the two programs that we use, and that's what we did the whole album on.",
        Genre: "Hip Hop",
        "link to more": "https://www.image-line.com/artists/9th-wonder/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/9th_wonder-1.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Wondagurl",
        Description: "Label head and producer behind tracks from <b>Mariah Carey, Travis Scott, Jay-Z, Drake, Kanye West</b>, and others",
        Quote: "FL means everything to my productions.",
        Genre: "Hip Hop",
        "link to more": "https://www.image-line.com/artists/wondagurl/",
        Image: "https://www.image-line.com/static/assets/wondagurl-1.a08146e.jpg",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },

      // Latin
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "x",
        Name: "Ovy On The Drums",
        Description: "Colombian producer and vocalist known for his work with artists like <b>Nicki Minaj, KAROL G, Becky G, Paulo Londra, Bad Bunny, 6ix9ine</b>, and <b>Ed Sheeran</b>",
        Quote:
          "When I went to my cousin’s house one of the guys who was there showed me FL Studio. My life changed, it was like entering another galaxy and since then FL Studio has been like my temple, my place where I disconnect and create my sound, my music, my art.",
        Genre: "Latin",
        "link to more": "https://www.image-line.com/artists/ovy-on-the-drums/",
        Image: "https://www.image-line.com/static/assets/ovy-on-the-drums-1-jpg-56d1ba3.0f7c10d.webp",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Nely (El Arma Secreta)",
        Description: "Prolific Puerto Rican reggaeton producer known for his work with artists like <b>Wisin & Yandel, Daddy Yankee</b>, and many others",
        Quote: "For me FL studio is the easiest way to project your ideas and anybody can lay out any musical ideas.",
        Genre: "Latin",
        "link to more": "https://www.image-line.com/artists/nely-arma-secreta/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/nely.png",
        "Alt image": "https://www.image-line.com/wp-content/uploads/2022/07/nely.png",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Demy & Clipz",
        Description: "<b>3-time Grammy-winning, diamond-selling</b> Canadian duo best known for their work with Bad Bunny",
        Quote:
          "[FL Studio's] intuitive interface, the easy shortcuts, the browser’s search bar, and the way we can customize our projects all make it easy to bring our ideas to life and make our workflow very fluid.",
        Genre: "Latin",
        "link to more": "Read more",
        Image: "https://www.image-line.com/wp-content/uploads/2023/05/demy.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Raymix",
        Description: 'Diamond-certified Mexican artist and <b>creator of the ElectroCumbia genre</b>, best known for the smash hit "Oye Mujer',
        Quote: "I love FL Studio because it is so fluid, easy, powerful, and the animations are beautiful.",
        Genre: "Latin",
        "link to more": "https://www.image-line.com/wp-content/uploads/2022/07/raymix.png",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/raymix.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "x",
        "Show per default on FL Studio PDP": "",
        Name: "Richy Peña",
        Description: "<b>2x Platinum, Latin Grammy-winning</b> Dominican producer who has worked on music with <b>Zion, Rihanna, Don Omar</b>, and many others",
        Quote: "Before you know it I was playing the keyboard, recording melodies on to FL Studio and creating songs.",
        Genre: "Latin",
        "link to more": "https://www.image-line.com/artists/richy-pena/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/richy_pena.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "x",
        "Show per default on FL Studio PDP": "",
        Name: "Nando Pro",
        Description: "<b>3x Multi-Platinum</b> selling producer and <b>Latin Grammy nominee</b> best known for his work with Latin artists like <b>Jacob Forever, Karol G</b>, and others",
        Quote: "FL Studio has powered almost all of my inspiration and creation -- it has always been a strong bridge between my brain and music.",
        Genre: "Latin",
        "link to more": "https://www.image-line.com/artists/nandopro/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/nando_pro.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },

      // Film, TV & Gaming
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Mick Gordon",
        Description: "Australian composer, producer, and sound designer known for his work on video games like <b>DOOM, Killer Instinct, Wolfenstein, Need for Speed</b>, and others",
        Quote: "I use it [FL Studio] for scoring, sequencing, designing sounds, and musical sound design. It's just so easy to work with, and work with quickly",
        Genre: "Film, TV & Gaming",
        "link to more": "https://www.image-line.com/artists/mick-gordon/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/mick_gordon.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Alex Moukala",
        Description: 'Italian-born music producer & composer who worked on trailers for <b>"Avengers: Endgame", "Ben-Hur"</b>, and <b>"John Wick: Chapter 2"</b>',
        Quote: "FL Studio is a godsend as it allows you to write music tremendously fast, even with just a keyboard and mouse",
        Genre: "Film, TV & Gaming",
        "link to more": "https://www.image-line.com/artists/alex-moukala/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/alex_moukala.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Big Giant Circles",
        Description: "American musician and composer best known for his work in major video game franchises such as <b>Call of Duty, Borderlands, Mass Effect,</b> and <b>Street Fighter</b>",
        Quote: "FL has always been centric to my studio. It's the cornerstone of my creative process.",
        Genre: "Film, TV & Gaming",
        "link to more": "https://www.image-line.com/artists/big-giant-circles-jimmy-hinson/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/big_giant_circles.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Joznez",
        Description: "<b>Multi-platinum</b> selling German multi-genre producer for artists like Tiesto and brands like <b>Netflix, Call of Duty, Mercedes, McDonald's</b>, and many others",
        Quote: "I've produced over 111 Releases from 45 artists on several albums with FL Studio",
        Genre: "Film, TV & Gaming",
        "link to more": "https://www.image-line.com/artists/joznez/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/joznez.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Ajurika",
        Description: "Japanese electronic music producer, composer, and songwriter best known for his work in games such as <b>Tekken</b> & <b>Ridge Racer</b>",
        Quote: "FL Studio is an amazing DAW!",
        Genre: "Film, TV & Gaming",
        "link to more": "https://www.image-line.com/artists/ajurika/",
        Image: "https://www.image-line.com/wp-content/uploads/2011/11/ajurika-square.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Zircon",
        Description: "American electronic musician, composer, and adjunct professor known for his work on games like <b>Newgrounds, Soulcaliber V,</b> & <b>Monkey Island 2</b>",
        Quote: "Trying to use any other piano roll after working in FL was like having my mouse dipped in molasses",
        Genre: "Film, TV & Gaming",
        "link to more": "https://www.image-line.com/artists/zircon/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/zircon.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },

      // Pop & Rock
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Mike Oldfield",
        Description: "<b>Grammy-winning, Golden Globe-nominated</b> British musician whose debut album Tubular Bells was the first on Virgin Records and featured in The Exorcist",
        Quote: "It is very good to see a product like FL Studio which is available to all and doesn't cost $10000000000 of dollars",
        Genre: "Pop & Rock",
        "link to more": "https://www.image-line.com/artists/mike-oldfield/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/mike_oldfield.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "MdL",
        Description: "<b>Multi-Platinum</b> selling American producer and songwriter best known for his work with <b>Justin Bieber, Maroon 5, Mike Posner</b>, and many others",
        Quote: "FL Studio is the fastest and most inspiring piece of software in my workflow.",
        Genre: "Pop & Rock",
        "link to more": "https://www.image-line.com/artists/mdl-mason-levy/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/mdl.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Jayce Lewis",
        Description: "Welsh Alternative Rock/Electronic musician who has collaborated with artists like <b>Queen</b> and <b>Gary Numan</b>, and supplied drums for FL Studio 20",
        Quote: "[FL Studio] really has become a big part of what I am as an artist.",
        Genre: "Pop & Rock",
        "link to more": "https://www.image-line.com/artists/jayce-lewis/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/jayce_lewis.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Mark Tinley",
        Description: "British guitarist, programmer, sound engineer & record producer known for his work with <b>Adamski, Duran Duran, TV Mania, Gary Numan,</b> and others",
        Quote:
          "FL has been there ever since. Pop Trash was driven by FL. In the South of France when the original members of Duran Duran reformed, FL was driving the project. [...] in fact, anything I do that requires a clear visual overlay of the beats or loops I am trying to provide has FL at its core.",
        Genre: "Pop & Rock",
        "link to more": "https://www.image-line.com/artists/mark-tinley/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/mark_tinley.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "A Skylit Drive",
        Description: "American post-hardcore band that released five studio albums and built a tremendous global following",
        Quote: "FL Studio really helps me translate my ideas to reality without headache and each version just amazes me.",
        Genre: "Pop & Rock",
        "link to more": "https://www.image-line.com/artists/kyle-simmons-a-skylit-drive/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/a_skylit_drive-1.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Skimmy",
        Description: `<b>Multi-platinum</b> seling and <b>Grammy-winning</b> American producer best known for <b>co-writing Avicii</b>'s "The Nights" and other hits with <b>Mary J. Blige, R. Kelly, Ciara</b>, and more`,
        Quote: "FL Studio is integral in my production.",
        Genre: "Pop & Rock",
        "link to more": "https://www.image-line.com/artists/skimmy/",
        Image: "https://www.image-line.com/wp-content/uploads/2010/10/infinity-square.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },

      // World
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Karan Kanchan",
        Description:
          'Massively successful <b>Indian</b> EDM & Hip Hop producer, artist, and nightlife brand co-founder known for his "J-Trap" sound and work with artists like Vince Staples, KSHMR, and others',
        Quote: "FL Studio is a powerful platform that brings all the ideas in my head to life.",
        Genre: "International",
        "link to more": "https://www.image-line.com/artists/karan-kanchan/",
        Image: "https://www.image-line.com/wp-content/uploads/2023/06/karan-square.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Kel-P",
        Description: "<b>Grammy</b>-winning <b>Nigerian</b> producer and artist best known for his extensive work with artists like <b>Burna Boy, Angélique Kidjo</b>, and <b>Wizkid</b>",
        Quote: "FL Studio is like a book for me that has guided my production journey.",
        Genre: "International",
        "link to more": "https://www.image-line.com/artists/kel-p/",
        Image: "https://www.image-line.com/wp-content/uploads/2024/05/kel-p-square.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Hiss",
        Description: "<b>South Korean</b> beatboxer and producer best known as runner-up in the Grand Beatbox Battle 2017 and winner in the Asia Beatbox Championship 2019",
        Quote: "FL Studio's convenient features allow you to realize the music you want to make.",
        Genre: "International",
        "link to more": "https://www.image-line.com/artists/hiss/",
        Image: "https://www.image-line.com/wp-content/uploads/2024/08/Hiss-Square.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Iotosh",
        Description: "<b>Grammy-nominated Jamaican</b> producer best known for his work in Reggae and Dancehall music",
        Quote: "FL Studio is the catalyst for my music career and changed my life forever.",
        Genre: "International",
        "link to more": "https://www.image-line.com/artists/iotosh/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/iotosh.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "MXRCI",
        Description: "<b>Indian</b>-born producer behind hit songs from Panjabi artists such as <b>Sidhu Moose Wala, Arjan Dhillon</b>, and others.",
        Quote: "[FL Studio] makes the process of producing music real fun, and easier, too.",
        Genre: "International",
        "link to more": "https://www.image-line.com/artists/mxrci/",
        Image: "https://www.image-line.com/wp-content/uploads/2024/10/mrxci-square.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Kareem Abdel Wahab",
        Description: "Acclaimed <b>Egyptian</b> music producer best known for his work with artists like <b>Hamza Namira, Tamer Hosny</b>, and <b>Snoop Dogg</b>.",
        Quote: "FL Studio is the best starting point for any producer because it's very fast and reliable.",
        Genre: "International",
        "link to more": "https://www.image-line.com/artists/kareem-abdel-wahab/",
        Image: "https://www.image-line.com/wp-content/uploads/2023/12/kareem-square.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
    ];

    /**
     * ==============================================================
     * HTML Content
     * ==============================================================
     */
    var reasonSection = `
         <div class="${variation_name}-reasons">
          <div class="${variation_name}-wrapper">
            <h2 class="${variation_name}-section-title"><span> 7 reasons</span> why beginners & professional producers alike love FL Studio</h2>
    
            <div class="${variation_name}-reasons-grid">
    
                <div class="${variation_name}-reason-card ${variation_name}-reason-card-4">
                <div class="${variation_name}-reason-description">
                    <div class="${variation_name}-reason-title">REASON 1</div>
                    <div class="${variation_name}-reason-content">
                        <h3>It's powerful yet easy to get started</h3>
                        <p>Beginners appreciate how intuitive it is. Advanced users love that behind every right click there's a new function or feature to discover and get creative with. This comprehensive and versatile set of tools makes it the DAW of choice for many of the most successful producers.</p>
                    </div>
                    </div>
                    <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/reason-1_678e2671af3fe.png" alt="Reason 1 Image">
                </div>
    
                <div class="${variation_name}-reason-card ${variation_name}-reason-card-6">
                <div class="${variation_name}-reason-description">
                    <div class="${variation_name}-reason-title">REASON 2</div>
                    <div class="${variation_name}-reason-content">
                        <h3>Its intuitive interface and workflow make it quick to learn</h3>
                        <p>FL Studio's well-organized yet very customizable layout, its drag-and-drop workflow and colorful and pattern-based interface is less intimidating than the traditional linear arrangement view of some DAWs.</p>
                    </div>
                    </div>
                    <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/reason-2_678e2683426c0.png" alt="Reason 2 Image">
                </div>
    
                <div class="${variation_name}-reason-card ${variation_name}-reason-card-6">
                <div class="${variation_name}-reason-description">
                    <div class="${variation_name}-reason-title">REASON 3</div>
                    <div class="${variation_name}-reason-content">
                        <h3>It feels like a playground for experimenting with sounds</h3>
                        <p>FL Studio's emphasis on pattern-based sequencing encourages you to create small musical ideas and then arrange them into a complete song. This approach can be less overwhelming than starting with a blank timeline.</p>
                    </div>
                    </div>
                    <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/reason-3_678e269237a2f.png" alt="Reason 3 Image">
                </div>
    
                <div class="${variation_name}-reason-card ${variation_name}-reason-card-4">
                <div class="${variation_name}-reason-description">
                    <div class="${variation_name}-reason-title">REASON 4</div>
                    <div class="${variation_name}-reason-content">
                        <h3>Fast and fun workflow</h3>
                        <p>FL Studio's streamlined workflow allows you to create your first beat with just a few clicks and start making music right away. The playful interface and intuitive tools encourage exploration and experimentation, making the learning process enjoyable (and kind of addictive, really).</p>
                    </div>
                    </div>
                    <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/reason-4_678e269e87b3d.png" alt="Reason 4 Image">
                </div>
            </div>
          </div>
        </div>`;

    var learningResourcesSection = `
        <div class="${variation_name}-learning-resources">
         <div class="${variation_name}-wrapper">
          <div class="${variation_name}-learning-resources-title">REASON 5</div>
          <h2>Excellent learning resources</h2>
          <div class="${variation_name}-learning-resources-description">
              <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/learning-resources_678b48f01714d.png" alt="Reason 3 Image">
    
          </div>
          <div class="${variation_name}-learning-details">
              <div class="${variation_name}-learning-detail">
                  <h4>Comprehensive help</h4>
                  <p>FL Studio comes with extensive documentation and tutorials that cover every aspect of the software.</p>
              </div>
              <div class="${variation_name}-learning-detail">
                  <h4>Abundant tutorials</h4>
                  <p>Countless YouTube channels and websites offer beginner-friendly FL Studio tutorials, making it easy to find guidance on specific topics or techniques.</p>
              </div>
              <div class="${variation_name}-learning-detail">
                  <h4>Active community</h4>
                  <p>A large and supportive online community provides answers to questions, helpful tips, and inspiration – and you often even get to communicate directly with FL Studio developers.</p>
              </div>
              <div class="${variation_name}-learning-detail">
                  <h4>Expert support</h4>
                  <p>Our support is staffed with long-time FL Studio users and fellow musicians who offer personalized solutions, not just generic replies.</p>
              </div>
          </div>
          </div> 
        </div>`;

    var packedAndBuySection = `
        <div class="${variation_name}-packed-section ${variation_name}-wrapper">
            <div class="${variation_name}-packed-section-title">REASON 6</div>
            <h2>It comes packed with everything you need to make music</h2>
            <div class="${variation_name}-packed-description-wrapper">
              <div class="${variation_name}-packed-description">
                <p>FL Studio includes <strong>100+ versatile and iconic plugins</strong> (only available in FL Studio) and a high-quality <strong>sound library</strong> comprising 25,000 sample sounds and 6000 playable presets – from grand pianos to hip hop beats to pan flutes.</p>
              </div>
              <div class="${variation_name}-packed-description">
                <p><strong>Need even more?</strong> Record your own instruments or vocals. Or add thousands of 3rd-party plugins – paid and free – opening up a world of more high-quality instrument options.</p>
              </div>
            </div>
            <a href="/fl-studio/compare-editions/" class="${variation_name}-button gray see-all-plugins">See all included plugins</a>
             <div class="${variation_name}-img-wrapper">
                <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/image-23-2_678b485d46df3.png" alt="Reason 7 Image">
             </div>
            </div>
            <div class="${variation_name}-buy-section ${variation_name}-wrapper">
              <div class="${variation_name}-buy-flex-wrapper">  
                <div class="${variation_name}-buy-left-block">
                    <div class="${variation_name}-buy-section-title">REASON 7</div>
                    <h2>Buy FL Studio now and get <span>Lifetime</span> <span>Free</span> <span>Updates</span></h2>
                </div> 
                <div class="${variation_name}-buy-right-block">
                    <p>Other DAWs make you pay ~$200 for updates every 2 years. With FL Studio you always get the latest version with bug fixes, updates, new features and sometimes even high-quality new plugins at no extra cost. We’ve held this promise for 25 years!</p>
                </div>
              </div>
              <a class="${variation_name}-button orange" href="https://www.image-line.com/fl-studio/buy-now/">Buy Now</a>
    
            </div>
    
        </div>`;

    var fopLogos = `
        <div class="${variation_name}-payment-options">
         <div class="${variation_name}-payment__wrapper">
            <div class="${variation_name}-logos">
              <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/group-7_678b4821bf501.png" alt="PayPal" width="119.593" height="29.667">
              <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/vector-4_678b48cd5113e.png" alt="Klarna" width="110.999" height="25.316">
              <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/vector-5_678b48d9b5174.png" alt="Apple Pay" width="79.841" height="33.105">
              <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/image-22_678b48431e2dd.png" alt="Google Pay" width="85.683" height="37">
              <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/image-21-1_678b48362e69b.png" alt="Amazon Pay" width="58.42" height="37">
              <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/group-4_678b47fe27256.png" alt="MasterCard" width="48.026" height="36.999">
              <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/group-6_678b480f1948a.png" alt="Visa" width="89.817" height="27.284">
              <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/amex_678b47ddacbd6.png" alt="American Express" width="54.526" height="37">
            </div>
            <p class="${variation_name}-extra-note extra-note ">30+ payment providers. Some payment plans might only be available in certain regions.</p>
          </div>  
        </div>`;

    // Helper function to create individual artist card HTML
    function createArtistCard(artist) {
      return `
          <div class="${variation_name}-artist-card" data-genre-key="${artist.Genre}">
              <div class="${variation_name}-artist-content">
                  <img src="${artist["Alt image"] || artist["Image"]}" alt="${artist.Name}">
                  <h4>${artist.Name}</h4>
                  <p><strong>${artist.Description}</strong></p>
                  <img class="${variation_name}-quote-image" src="${artist["Quote image"] || artist["Image"]}">
                  <p class="${variation_name}-quote">${artist.Quote}</p>
              </div>
          </div>`;
    }

    function createArtistSection() {
      // Use defaultArtists object for page load
      var artistCards = defaultArtists
        .map(artist => {
          // Check if the image and description are available
          if (!artist["Alt image"] && !artist["Quote image"] && !artist["Image"] && !artist.Description) return ``;
          return createArtistCard(artist);
        })
        .join("");

      // Now get artistTags from the main artistObject
      var genreTabs = Array.from(
        artistObject.reduce((tags, artist) => {
          // Add genres from the main artistObject
          tags.add(artist.Genre);
          return tags;
        }, new Set())
      )
        .map(genre => {
          return `<div class="${variation_name}-tag" data-genre="${genre}">${genre}</div>`;
        })
        .join("");

      return `
          <div class="${variation_name}-featured-artists">
              <div class="${variation_name}-wrapper">
                  <h2>FL Studio is <span>used by millions</span> - from first-time <br>producers to world-famous artists</h2>
                  <p>From hip hop and EDM, to songwriters and composers, to viral social media creators - <br> FL Studio is the leading platform for music makers at every level.</p>
                  <div class="${variation_name}-tags">
                      ${genreTabs}
                  </div>
                  <div class="${variation_name}-artist-grid">
                      ${artistCards}
                  </div>
                  <div class="${variation_name}-see-all-wrapper">
                      <a href="https://www.image-line.com/artists/" class="${variation_name}-see-all">See all producers</a>
                      <a class="${variation_name}-button orange" href="https://www.image-line.com/fl-studio/buy-now/">Buy Now</a>
                  </div>
              </div>
          </div>`;
    }

    /**
     * ==============================================================
     * Logical functions
     * ==============================================================
     */
    function masonryLayout() {
      var grid = document.querySelector(`.${variation_name}-artist-grid`);
      if (grid) {
        var packery = new Packery(grid, {
          itemSelector: `.${variation_name}-artist-card`,
          columnWidth: `.${variation_name}-artist-card`,
          gutter: 20,
          fitWidth: true,
          percentPosition: true,
        });
        packery.layout();

        var interval = setInterval(function() {
          packery._init();
        }, 250);
        setTimeout(function() {
          clearInterval(interval);
        }, 2500);
      }
    }

    // Function to initialize the Masonry layout
    function initializeMasonry() {
      if (typeof Packery === "undefined") {
        injectMasonryScript(masonryLayout);
      } else {
        masonryLayout();
      }
    }

    function addClickLogic() {
      // Event listener for filtering artists by genre when tab is clicked
      const tabs = document.querySelectorAll(`.${variation_name}-tag`);
      const artistGrid = document.querySelector(`.${variation_name}-artist-grid`);

      tabs.forEach(tab => {
        tab.addEventListener("click", function() {
          const genre = this.getAttribute("data-genre");

          let artistCards = "";

          if (!artistGrid) return;

          // Check if the clicked tab is already active
          if (tab.classList.contains("active")) {
            tab.classList.remove("active");
            artistCards = defaultArtists.map(artist => createArtistCard(artist)).join("");
            // Display the generated artist cards
            artistGrid.innerHTML = artistCards;
            initializeMasonry();
            return;
          }

          // Remove 'active' class from all tabs and add it to the clicked tab
          tabs.forEach(tab => tab.classList.remove("active"));
          this.classList.add("active");

          // Generate artist cards using the artistObject (main object) for selected genre
          artistCards = artistObject
            .map(artist => {
              if (artist.Genre === genre) {
                return createArtistCard(artist);
              }
              return "";
            })
            .join("");

          // Display the generated artist cards
          artistGrid.innerHTML = artistCards;

          initializeMasonry();
        });
      });

      // Initiliz
      initializeMasonry();
    }

    // Event handler
    function eventHandler() {
      utils.live(".learn-more-link", "click", function(e) {
        e.preventDefault();
        var index = this.getAttribute("data-index");
        if (index == "0") {
          document.querySelector(".fl-t-40-35-featured-artists")?.scrollIntoView({ behavior: "smooth" });
        } else if (index == "1") {
          document.querySelector(".fl-t-40-35-reasons")?.scrollIntoView({ behavior: "smooth" });
        } else if (index == "2") {
          document.querySelector(".fl-t-40-35-grid__section")?.scrollIntoView({ behavior: "smooth" });
        }
      });

      utils.live("a.fl-t-40-35-button.orange", "click", function(e) {
        e.preventDefault();
        document.querySelector("#buy-now-header")?.scrollIntoView({ behavior: "smooth" });
      });
    }

    var bannerContent = `
        <div class="${variation_name}-hero-content">
          <ul class="${variation_name}-top-list">
              <li> <strong>Reopen saved tracks:</strong> Revisit and refine saved tracks. Switch between and work on several projects in parallel.</li>
              <li> <strong>Priority support: </strong>  Be first in line with our support team and get full access to our vibrant forum for help and inspiration.</li>
              <li> <strong>Get Lifetime Free Updates:</strong>  Others make you pay ~$200 for updates every other year or so. With FL Studio you <strong> buy once,</strong>  get <strong>free</strong> updates <strong>for life.</strong> </li>
          </ul>
        </div>`;

    // Initial point
    function init() {
      var targetElement = document.querySelector(".content .wp-block-group");
      var featureArtistSection = createArtistSection();
      var flSection = [featureArtistSection, reasonSection, learningResourcesSection, packedAndBuySection, fopLogos].join("");

      // Insert sections
      if (!document.querySelector(`.${variation_name}-featured-artists`)) {
        targetElement.insertAdjacentHTML("afterend", flSection);
        addClickLogic();
      }

      // header logo Update
      utils.waitForElement(".block-sub-navigation .sub-navigation--inner .navigation-info", function() {
        document.querySelector(".block-sub-navigation .sub-navigation--inner .navigation-info").innerHTML = `
              <a class="site-header__logo" href="https://www.image-line.com/"> 
                <img decoding="async" class="site-header__logo__fruit" src="/static/assets/nav-logo-fruit.41db863.png">  
                ${headerSvg} 
              </a>`;
      });

      // Banner content
      utils.waitForElement("#buy-now-header div.buy-now-columns .wp-block-column-is-layout-flow >div.wp-block-group", function() {
        if (!document.querySelector(`.${variation_name}-hero-content`)) {
          document.querySelector("#buy-now-header div.buy-now-columns .wp-block-column-is-layout-flow >div.wp-block-group").insertAdjacentHTML("afterbegin", bannerContent);
        }

        document
          .querySelector("#buy-now-header div.buy-now-columns .wp-block-column-is-layout-flow >div.wp-block-group")
          .insertAdjacentHTML("beforebegin", '<h2 class="banner-heading">Buy FL Studio now, get <br><span>Lifetime</span> <span>Free</span> <span>Updates</span></h2>');
      });
    }

    var newHeader = `
        <h1 class="${variation_name}-main-heading">Get the software suite used to<br> produce countless top hits</h1>`;

    // Initial point
    function insertNewHeader(referenceEl) {
      if (!document.querySelector(`.${variation_name}-main-heading`)) {
        referenceEl.insertAdjacentHTML("beforebegin", newHeader);
      }
    }

    // Wait for library and initialize experiment
    waitForLibrary(function(ilHelpers) {
      // Assign library functions
      utils = ilHelpers.get("lib");

      if (window.location.pathname == "/fl-studio/buy-now/" || window.location.pathname == "/fl-studio/buy-now") {
        // Insert section
        utils.waitForElement(".signed-in, .signed-out", function() {
          utils.waitForElement("body", function() {
            var bodyElm = document.querySelector("body");
            if (!bodyElm.classList.contains(variation_name)) {
              bodyElm.classList.add(variation_name);
              eventHandler();
            }
          });

          utils.waitForElement("#buy-now-header > .buy-now-columns", init);
          utils.waitForElement("#buy-now-header > .buy-now-columns", insertNewHeader);
        });
      }
    });
  } catch (e) {
    if (debug) console.log(e, "error in Test" + variation_name);
  }
})();
}}}],"traffic_allocation":14.28},{"id":"1004384982","name":"V11: V5 +  buy now page revamp","key":"1004384982-v11:-v5-by-nw-pg-rvmp","status":"running","changes":[{"id":1004618895,"type":"defaultCode","data":{"js":null,"css":"","custom_js":null}},{"id":1004618896,"type":"customCode","data":{"css":"html body.fl-t-40 .nav__sections > .nav__section:has(> a[href=\"https:\/\/www.image-line.com\/fl-cloud\"]) {\r\n  display: none;\r\n}\r\nhtml body.fl-t-40 .c-nav-main > ul > .menu-item:has(> a[href=\"https:\/\/www.image-line.com\/fl-cloud\"]) {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40 .fl-t-40-hamberger-icon span:nth-child(1) {\r\n  margin-top: 0;\r\n}\r\n\r\nhtml body.fl-t-40 .fl-t-40-hamberger-icon span:nth-child(2) {\r\n  margin-top: 10px;\r\n  margin-right: 0;\r\n}\r\n\r\nhtml body.fl-t-40 .fl-t-40-hamberger-icon span:nth-child(3) {\r\n  margin-top: 20px;\r\n}\r\n\r\nhtml body.fl-t-40 .fl-t-40-hamberger-icon {\r\n  width: 2rem;\r\n  height: 1.5rem;\r\n  cursor: pointer;\r\n  margin: 0 0 0 1rem;\r\n  position: relative;\r\n  margin-top: 5px;\r\n  display: flex;\r\n}\r\n\r\nhtml body.fl-t-40:has(#container > #shop_form) .fl-t-40-hamberger-icon {\r\n  margin: 0 !important;\r\n}\r\n\r\nhtml body.fl-t-40 .fl-t-40-hamberger-icon span {\r\n  display: block;\r\n  position: absolute;\r\n  left: 0;\r\n  height: .1rem;\r\n  width: 2rem;\r\n  background-color: #FF7629;\r\n  opacity: 1;\r\n  right: 0;\r\n  transition: all 0.25s ease-in-out 0s;\r\n  transform: rotate(0deg);\r\n}\r\n\r\nhtml body.fl-t-40 .site-header__inner .nav {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40 .site-header__inner.show .nav {\r\n  display: flex;\r\n}\r\n\r\nhtml body.fl-t-40 .site-header__inner .nav + .site-header-meta {\r\n  gap: 20px;\r\n}\r\n\r\nhtml body.fl-t-40 .site-header__inner .site-header__divider {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40 .site-header__inner.show .site-header__divider {\r\n  display: flex;\r\n}\r\n\r\nhtml body.fl-t-40 .nav__sections > .nav__section.is-download-button,\r\nhtml body.fl-t-40 .nav__sections > .nav__section.is-primary-button {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40 .site-header__inner .nav > .nav__sections {\r\n  visibility: visible;\r\n}\r\n\r\nhtml body.fl-t-40.home .commercial-box__products .commercial-box__product[data-js-product=\"fruity-edition\"] {\r\n  display: block !important;\r\n}\r\n\r\n\/* new template *\/\r\n\r\nhtml body.fl-t-40 .c-header .c-nav-main {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header .c-nav-main.show {\r\n  display: flex;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header .c-header-shop {\r\n  gap: 20px;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header .c-header-shop .buy-now-wrapper,\r\nhtml body.fl-t-40 .c-header .c-header-shop .js-try-for-free-wrapper {\r\n  list-style-type: none;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header .c-header-shop .buy-now-wrapper a {\r\n  margin: 0;\r\n  font-family: 'Roboto', sans-serif;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header .c-header-shop .js-try-for-free-wrapper a {\r\n  border: 2px solid transparent;\r\n  border-radius: 27px;\r\n  padding: 0.731em 1em .731em;\r\n  font-size: 1rem;\r\n  line-height: 24px;\r\n  font-weight: 700;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header .c-header-shop .js-try-for-free-wrapper a:hover {\r\n  color: #fff;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header .c-nav-main .js-try-for-free-wrapper,\r\nhtml body.fl-t-40 .c-header .c-nav-main .buy-now-wrapper {\r\n  display: none;\r\n}\r\n\r\n\r\nhtml body.fl-t-40 .c-header .c-header-shop #btnLogin svg {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header .c-header-shop > .c-cart__wrapper {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header .c-header-shop #btnLogin span {\r\n  font-weight: 700;\r\n  margin: 0;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header--logo {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-top: auto;\r\n  margin-bottom: auto;\r\n  gap: 7px;\r\n  border: 0;\r\n  width: unset;\r\n  height: unset;\r\n  background-image: unset;\r\n  margin: 0;\r\n  padding-right: 16px;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header--logo img {\r\n  position: relative;\r\n  top: -2px;\r\n  width: 25px;\r\n  height: auto;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header--logo svg {\r\n  width: 120px !important;\r\n  height: 81px;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header .c-header-shop .js-try-for-free-wrapper {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40.fl-t-17 #menu-primary-navigation-en-1 a[href=\"https:\/\/shop.image-line.com\/\"] {\r\n  display: flex;\r\n}\r\n\r\nhtml body.fl-t-40 .site-header__inner .site-header-meta .cart-button.visually-visible {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header-shop > .c-header-shop__button:has(span#btnLoginText.d-none) {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header .c-header-shop > li {\r\n  list-style-type: none;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header .c-header-shop > li a {\r\n  font-family: 'Open Sans', sans-serif;\r\n  color: #fff;\r\n  font-size: 1em;\r\n  line-height: 54px;\r\n  font-weight: 400;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header .c-header-shop > li a[href*=\"\/fl-studio-download\"] {\r\n  font-family: \"OpenSans-block\";\r\n  border-color: #ff7629;\r\n  color: #fff;\r\n  background-color: #ff7629;\r\n  border: 2px solid transparent;\r\n  border-radius: 27px;\r\n  padding: .325em .5em;\r\n  font-weight: 700;\r\n}\r\n\r\n\/* Support page *\/\r\n\r\nhtml body.fl-t-40--support .c-header .c-header-shop .js-try-for-free-wrapper a {\r\n  padding: .325em .5em;\r\n  font-size: 1em;\r\n  font-weight: 700;\r\n  background: #FF7629;\r\n  color: #fff;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header .c-header-shop .js-try-for-free-wrapper a:hover {\r\n  background: #ff5e03;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header .c-header-shop .buy-now-wrapper a {\r\n  color: #fff;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header .c-header-shop #login-state, \r\nhtml body.fl-t-40--support .c-header .c-header-shop #btnLoginText {\r\n  margin: 0;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header--logo svg {\r\n  height: 56px;\r\n}\r\n\r\nhtml body.fl-t-40--support  .c-header .c-nav-main > ul > li:has(a[href*=\"https:\/\/www.image-line.com\/fl-studio\/buy-now\"]),\r\nhtml body.fl-t-40--support  .c-header .c-nav-main > ul > li:has(a[href*=\"https:\/\/www.image-line.com\/fl-studio\/b-buy-now\"]), \r\nhtml body.fl-t-40--support .c-nav-main > ul > li:has( > a[href=\"https:\/\/www.image-line.com\/fl-studio-download\"]) {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header .c-header-shop .buy-now-wrapper a:hover {\r\n  color: #FF7629 !important;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header .c-header-shop #login_link svg {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-nav-main > ul > li:has(> a[href=\"https:\/\/www.image-line.com\/fl-cloud\"]) {\r\n  display: none;\r\n}\r\n\r\nhtml body.fl-t-40 .c-header-shop #profile-dropdown {\r\n  left: unset !important;\r\n  right: -10px;\r\n  min-width: 160px !important;\r\n}\r\n\r\nhtml body.fl-t-40--support .c-header-shop #profile-dropdown {\r\n  top: 55px !important;\r\n}\r\n\r\nhtml body.fl-t-40 #profile-dropdown .profile-arrow {\r\n  left: 50px !important;\r\n}\r\n\r\n\/**---------------- Buy Now Section Start ----------------**\/\r\n\r\n.fl-t-40-top-pricing-section {\r\n  background-color: rgb(17, 26, 31);\r\n  display: flex;\r\n  flex-direction: row !important;\r\n  width: 100%;\r\n  align-items: flex-start !important;\r\n  padding-top: 0 !important;\r\n  padding-bottom: 0 !important;\r\n}\r\n\r\n.fl-t-40-top-pricing-section#buy-now-box {\r\n  padding-bottom: 60px !important;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-col-pricing {\r\n  background: white;\r\n  padding: 20px;\r\n  border-radius: 4px;\r\n}\r\n\r\n.fl-t-40-featured-artists .fl-t-40-wrapper {\r\n  padding-top: 110px;\r\n}\r\n.fl-t-40-top-pricing-section .commercial-box__products a.commercial-box__action.is-primary {\r\n  border-radius: 8px;\r\n  font-size: 19px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  line-height: 17.25px;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .commercial-box__products a.commercial-box__action.is-secondary {\r\n  border-radius: 8px;\r\n  background: #e1e1e1;\r\n  color: #000;\r\n  text-align: center;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 19px;\r\n  line-height: 17.25px;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-top-price__header {\r\n  width: 100%;\r\n  padding-bottom: 70px;\r\n  padding-top: 70px;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-top-price__header > div {\r\n  max-width: 660px;\r\n  margin: 0 auto;\r\n  text-align: center;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-top-price__header h2 {\r\n  color: white;\r\n  text-align: center;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 57px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  margin-bottom: 16px;\r\n  line-height: 70.0945px;\r\n  font-stretch: 75%;\r\n  letter-spacing: normal;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-top-price__header p {\r\n    color: #c2c4d6;\r\n  text-align: center;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: var(--step-1);\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 1.6em;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-content-wrapper {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 24px;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-content-wrapper hr {\r\n  width: 100%;\r\n  height: 1px;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-content-box {\r\n  text-align: left;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-content-box h2 {\r\n  color: white;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 19px;\r\n  font-style: normal;\r\n  font-weight: 700;\r\n  line-height: 1.6em;\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-content-box p {\r\n  color: white;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 18px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 1.6em;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-content-box a {\r\n  color: rgb(22, 24, 44);\r\n  display: inline-block;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-top-unsure__copy {\r\n  margin-top: 20px;\r\n  text-align: left;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-top-unsure__copy li {\r\n  list-style: none;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-top-unsure__copy li:first-child {\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-top-unsure__copy li h3 {\r\n  color: #16182c;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 15px;\r\n  font-style: normal;\r\n  font-weight: 700;\r\n  line-height: 150%;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-top-unsure__copy li p {\r\n  color: #16182c;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 13px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 150%;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .fl-t-40-payment-options {\r\n  padding: 80px 0px 20px;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .commercial-box__product__cell.title .description-text {\r\n  text-align: left;\r\n  max-width: 80%;\r\n}\r\n\r\n.fl-t-40-loader-box {\r\n  height: 400px;\r\n  width: 100%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.fl-t-40-commercial-loader {\r\n  width: 60px;\r\n  height: 60px;\r\n  border: 5px solid #16182c;\r\n  border-bottom-color: transparent;\r\n  border-radius: 50%;\r\n  display: inline-block;\r\n  box-sizing: border-box;\r\n  animation: rotation 1s linear infinite;\r\n  opacity: 0.3;\r\n}\r\n\r\n.fl-t-40-top-pricing-section .commercial-box.commercial-box--loading .fl-t-40-commercial-loader {\r\n  opacity: 1;\r\n}\r\n\r\n.fl-t-40-row {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 42px;\r\n  flex-direction: column;\r\n}\r\n\r\n@keyframes rotation {\r\n  0% {\r\n    transform: rotate(0deg);\r\n  }\r\n  100% {\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n\r\n@media screen and (min-width: 1101px) {\r\n  .fl-t-40-row {\r\n    flex-direction: row;\r\n  }\r\n}\r\n\r\n@media screen and (min-width: 1101px) {\r\n  .fl-t-40-col-lg-6 {\r\n    width: 50%;\r\n    max-width: 500px;\r\n  }\r\n}\r\n\r\n.fl-t-40 #video-container ~ .bg-container .grid:not(.is-hidden):has(> div > figure.has-w-100-pc) {\r\n  display: none;\r\n}\r\n\/**---------------- Buy Now Section End ----------------**\/\r\n\r\n\/**\r\n* ===============================================================================\r\n* [fl-t-40-35] FL Buy now page HL test Start\r\n* ==============================================================================\r\n*\/\r\n\r\n@import url(\"https:\/\/fonts.googleapis.com\/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Newsreader:ital,opsz,wght@0,6..72,200..800;1,6..72,200..800&display=swap\");\r\n@import url(\"https:\/\/fonts.googleapis.com\/css2?family=Open+Sans:ital,wdth,wght@0,75..100,300..800;1,75..100,300..800&display=swap\");\r\n\r\n\r\n\r\n:root {\r\n  --fl-t-40-35-bg-color: #f6f6f6;\r\n\r\n  --fl-t-40-35-color-black: #000;\r\n  --fl-t-40-35-color-white: #fff;\r\n  --fl-t-40-35-color-red: #ef5252;\r\n  --fl-t-40-35-color-orange: #ff7629;\r\n\r\n  --fl-t-40-35-step-2: 23.44px;\r\n  --fl-t-40-35-step-1: 18.75px;\r\n}\r\n\r\nhtml body.fl-t-40-35 .commercial-box__product__cell.title .description-text {\r\n  max-width: 80%;\r\n}\r\n\r\nhtml body.fl-t-40-35 .commercial-box__products .commercial-box__product.selected {\r\n  min-height: 105px;\r\n}\r\n\r\n\/* html body.fl-t-40-35:not(.fl-t-15) .commercial-box__products [data-js-product=\"producer-edition\"].commercial-box__product.selected {\r\n  min-height: 124px;\r\n} *\/\r\n\r\n\/**----------- Global styles --------------**\/\r\n.fl-t-40-35-wrapper {\r\n  max-width: 1478px;\r\n  margin: 0 auto;\r\n  padding: 60px 20px;\r\n  text-align: center;\r\n}\r\n\r\n.fl-t-40-35-button {\r\n  padding: 10px 24px;\r\n  border: none;\r\n  border-radius: 50px;\r\n  cursor: pointer;\r\n  text-align: center;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 19px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  line-height: 30px;\r\n  text-decoration: none;\r\n}\r\n\r\n.fl-t-40-35-button.orange {\r\n  background-color: #ff7629;\r\n  color: white;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  margin: auto;\r\n}\r\n\r\n.fl-t-40-35-button.orange:hover {\r\n  background-image: linear-gradient(rgba(255, 255, 255, 0.1) 0 0) !important;\r\n}\r\n\r\n.fl-t-40-35-button.orange:after {\r\n  height: 1em;\r\n  width: 1em;\r\n  display: inline-block;\r\n  background-image: url(https:\/\/www.image-line.com\/static\/assets\/arrow-circled-right-ZNIVDPDX.7abc618.svg);\r\n  background-position: center;\r\n  background-size: contain;\r\n  content: \"\";\r\n  filter: invert(1);\r\n  background-repeat: no-repeat;\r\n}\r\n\r\n.fl-t-40-35-button.gray {\r\n  background-color: #e9e9e9;\r\n  color: #16182c;\r\n  text-decoration: auto;\r\n}\r\n\r\n\/* New banner css  *\/\r\n\r\n.fl-t-40-35 #buy-now-header div.wp-block-columns.buy-now-columns div.wp-block-column:last-of-type,\r\n.fl-t-40-35-hero-content + .wp-container-core-group-is-layout-1,\r\n.fl-t-40-35-hero-content + .wp-container-core-group-is-layout-1 + p,\r\n.fl-t-40-35 .wp-container-core-group-is-layout-2 > p,\r\nbody.fl-t-40-35 .content > [class^=\"wp-block\"].alignfull .wp-container-core-group-is-layout-7,\r\n.fl-t-40-35 .wp-container-core-group-is-layout-5 .wp-block-group:last-of-type,\r\n.fl-t-40-35 .wp-container-core-group-is-layout-5 hr,\r\n.fl-t-40-35 .content > .wp-block-group:not(#buy-now-header) {\r\n  display: none;\r\n}\r\n\r\nbody.fl-t-40-35 .block-sub-navigation {\r\n  background-color: #16182c;\r\n}\r\n\r\n\/* Top content on hero styling  *\/\r\nbody.fl-t-40-35 .banner-heading {\r\n  color: #16182c;\r\n  text-align: center;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 46px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  line-height: 60px;\r\n  font-stretch: 75%;\r\n  letter-spacing: normal;\r\n}\r\n\r\n.fl-t-40-35-hero-content h1 span,\r\n.fl-t-40-35 h2.banner-heading span {\r\n  border-bottom: 5px solid #f67229;\r\n}\r\n\r\n.fl-t-40-35-top-list {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin-bottom: 32px;\r\n  margin-top: 32px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 12px;\r\n}\r\n\r\n.fl-t-40-35-top-list li {\r\n  color: #000;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 16px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 175%;\r\n  position: relative;\r\n  padding-left: 30px;\r\n}\r\n\r\n.fl-t-40-35-top-list li:before {\r\n  content: \"\";\r\n  display: inline-block;\r\n  width: 24px;\r\n  height: 23px;\r\n  background-image: url(https:\/\/cdn-3.convertexperiments.com\/uf\/10049056\/10007574\/frame-139_6798c7959d630.svg);\r\n  background-size: contain;\r\n  background-repeat: no-repeat;\r\n  margin-right: 8px;\r\n  vertical-align: middle;\r\n  position: absolute;\r\n  left: 0;\r\n  top: 3px;\r\n}\r\n\r\n.fl-t-40-35-top-list li span {\r\n  border-bottom: 1px solid #ff7629;\r\n}\r\n\r\nbody.fl-t-40-35 #buy-now-header {\r\n  padding: 0;\r\n  padding-left: 20px;\r\n  padding-right: 20px;\r\n  gap: 0px;\r\n  background: url(https:\/\/cdn-3.convertexperiments.com\/uf\/10049056\/10007574\/buy-now-v4-background_681212d69a387.png);\r\n  background-size: contain;\r\n  background-position: center -108px;\r\n  background-repeat: no-repeat;\r\n  background-color: #16182c;\r\n}\r\n\r\nbody.fl-t-40-35 #buy-now-header > .buy-now-columns {\r\n  max-width: 595px;\r\n  padding: 48px 40px;\r\n  margin: 65px 0;\r\n  margin-top: 175px;\r\n}\r\n\r\nbody.fl-t-40-35 #buy-now-header > .buy-now-columns > .wp-block-column {\r\n  padding: unset;\r\n}\r\n\r\nbody.fl-t-40-35 #buy-now-header > .buy-now-columns .wp-block-column-is-layout-flow > div {\r\n  max-width: 560px;\r\n  margin: auto;\r\n  gap: 0;\r\n}\r\nbody.fl-t-40-35 .wp-container-core-group-is-layout-5 {\r\n  margin: 28px auto 0;\r\n}\r\n\r\nbody.fl-t-40-35 .wp-container-core-group-is-layout-5 .wp-block-group:first-of-type h2,\r\nbody.fl-t-40-35 .wp-container-core-group-is-layout-5 .wp-block-group:first-of-type p {\r\n  color: #16182c;\r\n  text-align: center;\r\n  font-family: \"Open Sans\";\r\n  font-size: 18px;\r\n  font-weight: 400;\r\n  line-height: 175%;\r\n  margin: auto;\r\n}\r\nbody.fl-t-40-35 .wp-container-core-group-is-layout-5 .wp-block-group:first-of-type h2 {\r\n  font-weight: 700 !important;\r\n  font-size: 16px;\r\n}\r\nbody.fl-t-40-35 .wp-container-core-group-is-layout-5 .wp-block-group:first-of-type p {\r\n  font-size: 0;\r\n}\r\nbody.fl-t-40-35 .wp-container-core-group-is-layout-5 .wp-block-group:first-of-type p::after {\r\n  content: \"Choose from four interest-free payments, delayed payment in 30 days, and other staggered payment plans.\";\r\n  font-size: 16px;\r\n  line-height: 175%;\r\n  display: block;\r\n  max-width: 422px;\r\n  margin: auto;\r\n}\r\n\r\n\/* Banner css end  *\/\r\n\r\n\/**----------------start feature sections ----------------**\/\r\n.fl-t-40-35-featured-artists {\r\n  background: var(--fl-t-40-35-bg-color);\r\n  padding: 50px auto;\r\n}\r\n\r\n.fl-t-40-35-featured-artists h2 {\r\n  max-width: 1090px;\r\n  margin: auto;\r\n  color: #16182c;\r\n  text-align: center;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 57px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  margin-bottom: 16px;\r\n  line-height: 70.0945px;\r\n  font-stretch: 75%;\r\n  letter-spacing: normal;\r\n}\r\n\r\n.fl-t-40-35-featured-artists h2 span {\r\n  border-bottom: 4px solid var(--fl-t-40-35-color-orange);\r\n  display: inline-block;\r\n}\r\n\r\n.fl-t-40-35-featured-artists p {\r\n  color: #16182c;\r\n  font-size: 23px;\r\n  font-style: normal;\r\n  margin: 16px auto 47px;\r\n  font-weight: 400;\r\n  line-height: 175%;\r\n  max-width: 890px;\r\n  text-align: center;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-tags {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 8px;\r\n  margin-bottom: 40px;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-tag {\r\n  padding: 10px 24px;\r\n  font-family: \"Open Sans\";\r\n  cursor: pointer;\r\n  border-radius: 12px;\r\n  border: 1px solid #dee0e3;\r\n  background: #fff;\r\n  color: #16182c;\r\n  text-align: center;\r\n  font-size: 16px;\r\n  font-style: normal;\r\n  font-weight: 700;\r\n  line-height: 175%;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-tag:hover,\r\n.fl-t-40-35-featured-artists .fl-t-40-35-tag.active {\r\n  color: #ff7629;\r\n  text-align: center;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 16px;\r\n  font-style: normal;\r\n  font-weight: 700;\r\n  line-height: 175%;\r\n  border-radius: 12px;\r\n  border: 1px solid #ff7629;\r\n  background: #ffefe7;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-artist-grid {\r\n  width: 100%;\r\n  margin: 0 auto;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 32px;\r\n  margin-bottom: 42px;\r\n  min-height: 1400px;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-artist-card {\r\n  width: calc(33.33% - 15px);\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-artist-card .fl-t-40-35-artist-content {\r\n  background-color: white;\r\n  border-radius: 16px;\r\n  text-align: left;\r\n  padding: 8px 8px 24px;\r\n  align-self: flex-start;\r\n  height: 100%;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-artist-card img {\r\n  width: 100%;\r\n  border-radius: 10px;\r\n  margin-bottom: 24px;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-artist-card h4 {\r\n  color: #000;\r\n  font-size: 24px;\r\n  font-style: normal;\r\n  font-weight: 700;\r\n  line-height: 175%;\r\n  padding: 0 16px;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-artist-card p {\r\n  color: #6c6c6c;\r\n  font-size: 19px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 175%;\r\n  text-align: left;\r\n  margin: 0;\r\n  padding: 0 16px;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-artist-card p b {\r\n  font-weight: 600;\r\n  color: #000;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-artist-card p strong {\r\n  color: #6c6c6c;\r\n  font-family: \"Open Sans\";\r\n  font-size: 19px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 175%;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-artist-card .fl-t-40-35-quote {\r\n  color: #000;\r\n  font-size: 19px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 150%;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-artist-card .fl-t-40-35-quote-image {\r\n  width: 60px;\r\n  height: 32px;\r\n  margin: 24px 0 8px;\r\n  padding-left: 16px;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-see-all-wrapper {\r\n  clear: both;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-see-all {\r\n  color: #16182c;\r\n  text-align: center;\r\n  font-size: 19px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  line-height: 30px;\r\n  border-radius: 400px;\r\n  background: #e9e9e9;\r\n  align-items: center;\r\n  max-width: max-content;\r\n  display: inline-flex;\r\n  gap: 12px;\r\n  padding: 10px 24px;\r\n  text-decoration: none;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-see-all:after {\r\n  height: 1em;\r\n  width: 1em;\r\n  display: inline-block;\r\n  background-image: url(https:\/\/www.image-line.com\/static\/assets\/arrow-circled-right-ZNIVDPDX.7abc618.svg);\r\n  background-position: center;\r\n  background-size: contain;\r\n  content: \"\";\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-tag.active {\r\n  align-items: center;\r\n  display: inline-flex;\r\n  gap: 8px;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-tag.active::before {\r\n  height: 24px;\r\n  width: 24px;\r\n  display: inline-block;\r\n  background-image: url(https:\/\/cdn-3.convertexperiments.com\/uf\/10049056\/10007574\/close-line_678e50472abfc.png);\r\n  background-position: center;\r\n  background-size: contain;\r\n  content: \"\";\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-see-all-wrapper .fl-t-40-35-button.orange {\r\n  margin: 20px auto 0px auto;\r\n  justify-content: center;\r\n  width: 100%;\r\n}\r\n\r\n.fl-t-40-35-featured-artists .fl-t-40-35-see-all-wrapper {\r\n  max-width: 235px;\r\n  margin: 0 auto;\r\n}\r\n\r\n@media screen and (min-width: 769px) {\r\n  .fl-t-40-35-featured-artists .fl-t-40-35-artist-card:nth-child(2) {\r\n    margin-top: 40px;\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .fl-t-40-35-featured-artists .fl-t-40-35-artist-card {\r\n    width: 100%;\r\n    margin: 10px 0px;\r\n  }\r\n\r\n  .fl-t-40-35-featured-artists .fl-t-40-35-tags {\r\n    overflow-x: auto;\r\n    scrollbar-width: none;\r\n    white-space: nowrap;\r\n    justify-content: flex-start;\r\n  }\r\n}\r\n\r\n\/**----------------end feature sections ----------------**\/\r\n\r\n\/**----------------start 7 reasons why beginners & professional producers alike love FL Studio ----------------**\/\r\n\r\n.fl-t-40-35-reasons {\r\n  background-color: #f6f6f6;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-wrapper {\r\n  padding-bottom: 120px;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-section-title {\r\n  color: #16182c;\r\n  text-align: center;\r\n  font-size: 57px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  line-height: 70px;\r\n  max-width: 1030px;\r\n  margin: auto;\r\n  font-stretch: 75%;\r\n  letter-spacing: normal;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-section-title span {\r\n  border-bottom: 4px solid #ff7629;\r\n  display: inline-block;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-reasons-grid {\r\n  display: flex;\r\n  gap: 32px;\r\n  padding-top: 40px;\r\n  flex-wrap: wrap;\r\n  justify-content: center;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-reason-card {\r\n  background-color: #fff;\r\n  border-radius: 10px;\r\n  text-align: left;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 40px;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-reason-card:nth-child(3) {\r\n  overflow: hidden;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-reason-card-4 {\r\n  width: calc(45% - 42px);\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-reason-card-6 {\r\n  width: calc(55% - 16px);\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-reason-card-6:nth-child(3) img {\r\n  margin-bottom: -50px;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-reason-card img {\r\n  max-width: 100%;\r\n  border-radius: 8px;\r\n  margin-top: auto;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-reason-title {\r\n  color: #ff7629;\r\n  font-size: 20px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 125%;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-reason-content h3 {\r\n  color: #16182c;\r\n  font-size: 46px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  line-height: 60px;\r\n  font-stretch: 75%;\r\n  letter-spacing: normal;\r\n  padding-bottom: 16px;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-reason-content p {\r\n  color: #16182c;\r\n  font-size: 18px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 175%;\r\n  padding-right: 22px;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-reason-description {\r\n  padding: 40px;\r\n  padding-bottom: 0px;\r\n}\r\n\r\n.fl-t-40-35-7-reasons .fl-t-40-35-reason-title {\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.fl-t-40-35-7-reasons .fl-t-40-35-reason-content h3 {\r\n  padding-right: 13px;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.fl-t-40-35-reasons .fl-t-40-35-reason-card img {\r\n  padding-left: 40px;\r\n}\r\n\r\n@media (min-width: 767px) and (max-width: 1024px) {\r\n  .fl-t-40-35-reasons .fl-t-40-35-reason-card {\r\n    width: 100% !important;\r\n  }\r\n}\r\n\r\n@media (min-width: 1025px) and (max-width: 1226px) {\r\n  .fl-t-40-35-reasons .fl-t-40-35-reasons-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n  }\r\n\r\n  .fl-t-40-35-reasons .fl-t-40-35-reason-card {\r\n    width: 100% !important;\r\n  }\r\n\r\n  .fl-t-40-35-reasons .fl-t-40-35-reason-card:nth-child(1),\r\n  .fl-t-40-35-reasons .fl-t-40-35-reason-card:nth-child(4) {\r\n    width: 100%;\r\n  }\r\n}\r\n\r\n@media (max-width: 1240px) {\r\n  .fl-t-40-35-reasons .fl-t-40-35-reason-card:nth-child(1),\r\n  .fl-t-40-35-reasons .fl-t-40-35-reason-card:nth-child(4) {\r\n    max-width: 100%;\r\n  }\r\n\r\n  .fl-t-40-35-reasons .fl-t-40-35-reason-card:nth-child(2),\r\n  .fl-t-40-35-reasons .fl-t-40-35-reason-card:nth-child(3) {\r\n    max-width: 100%;\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .fl-t-40-35-reasons .fl-t-40-35-reason-card {\r\n    width: 100% !important;\r\n  }\r\n}\r\n\r\n\/**----------------end 7 reasons why beginners & professional producers alike love FL Studio ----------------**\/\r\n\r\n\/**----------------satrt excellent learning resources ----------------**\/\r\n.fl-t-40-35-learning-resources {\r\n  text-align: center;\r\n  background-color: #fff;\r\n}\r\n\r\n.fl-t-40-35-learning-resources .fl-t-40-35-wrapper {\r\n  padding-top: 120px;\r\n}\r\n\r\n.fl-t-40-35-learning-resources .fl-t-40-35-learning-resources-title {\r\n  color: #ff7629;\r\n  font-size: 20px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 125%;\r\n}\r\n\r\n.fl-t-40-35-learning-resources h2 {\r\n  color: #16182c;\r\n  font-size: 46px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  line-height: 60px;\r\n  font-stretch: 75%;\r\n  letter-spacing: normal;\r\n}\r\n\r\n.fl-t-40-35-learning-resources-description {\r\n  border-radius: 10px;\r\n  margin: 32px 0;\r\n}\r\n\r\n.fl-t-40-35-learning-resources .fl-t-40-35-learning-details {\r\n  display: flex;\r\n  max-width: 1478px;\r\n  margin: 0 auto;\r\n  gap: 32px;\r\n  text-align: left;\r\n}\r\n\r\n.fl-t-40-35-learning-resources .fl-t-40-35-learning-detail {\r\n  background-color: #fff;\r\n  border-radius: 10px;\r\n  max-width: 336px;\r\n}\r\n\r\n.fl-t-40-35-learning-resources .fl-t-40-35-learning-detail h4 {\r\n  color: #16182c;\r\n  font-size: 18px;\r\n  font-style: normal;\r\n  font-weight: 700;\r\n  line-height: 175%;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.fl-t-40-35-learning-resources .fl-t-40-35-learning-detail p {\r\n  color: #16182c;\r\n  font-size: 18px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 175%;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .fl-t-40-35-learning-resources .fl-t-40-35-learning-details {\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    padding-bottom: 0px;\r\n  }\r\n}\r\n\r\n\/**----------------end excellent learning resources ----------------**\/\r\n\r\n\/**----------------start packed section ----------------**\/\r\n.fl-t-40-35-packed-section {\r\n  padding-top: 56px;\r\n  text-align: center;\r\n  padding-bottom: 34px;\r\n}\r\n\r\n.fl-t-40-35-packed-section h2 {\r\n  color: #16182c;\r\n  text-align: center;\r\n  font-size: 46px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  line-height: 60px;\r\n  font-stretch: 75%;\r\n  letter-spacing: normal;\r\n  margin-bottom: 20px;\r\n  max-width: 738px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.fl-t-40-35-packed-section .fl-t-40-35-packed-section-title {\r\n  color: #ff7629;\r\n  font-size: 20px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 125%;\r\n}\r\n\r\n.fl-t-40-35-packed-section .fl-t-40-35-button img {\r\n  max-width: 16px;\r\n  border-radius: 8px;\r\n  margin-left: 12px;\r\n}\r\n\r\n.fl-t-40-35-packed-section .fl-t-40-35-packed-description-wrapper {\r\n  display: flex;\r\n  margin: 40px 0;\r\n  gap: 64px;\r\n}\r\n\r\n.fl-t-40-35-packed-section .fl-t-40-35-packed-description {\r\n  flex: 1;\r\n  text-align: left;\r\n}\r\n\r\n.fl-t-40-35-packed-section .fl-t-40-35-packed-description p {\r\n  color: #16182c;\r\n  font-size: 18px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 175%;\r\n}\r\n\r\n.fl-t-40-35-packed-section .fl-t-40-35-packed-description p strong {\r\n  border-bottom: 1px solid #ff7629;\r\n}\r\n\r\n.fl-t-40-35-packed-section .see-all-plugins {\r\n  display: inline-flex;\r\n  gap: 12px;\r\n  align-items: center;\r\n  margin-bottom: 34px;\r\n}\r\n\r\n.fl-t-40-35-packed-section .see-all-plugins::after {\r\n  width: 16px;\r\n  height: 16px;\r\n  padding: 10px;\r\n  display: inline-block;\r\n  background-image: url(https:\/\/www.image-line.com\/static\/assets\/arrow-circled-right-ZNIVDPDX.7abc618.svg);\r\n  background-position: center;\r\n  background-size: contain;\r\n  content: \"\";\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .fl-t-40-35-packed-section .fl-t-40-35-packed-section {\r\n    padding-top: 40px;\r\n  }\r\n\r\n  .fl-t-40-35-packed-section .fl-t-40-35-packed-description-wrapper {\r\n    flex-direction: column;\r\n    gap: 32px;\r\n  }\r\n}\r\n\r\n\/**----------------end packed section ----------------**\/\r\n\r\n\/**----------------start buy section ----------------**\/\r\n.fl-t-40-35-buy-section {\r\n  text-align: center;\r\n}\r\n\r\n.fl-t-40-35-buy-section h2 {\r\n  font-size: 24px;\r\n  font-weight: bold;\r\n  color: #333;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.fl-t-40-35-buy-section p {\r\n  color: #16182c;\r\n  font-size: 24px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 175%;\r\n  text-align: left;\r\n}\r\n\r\n.fl-t-40-35-buy-section .fl-t-40-35-buy-buttons {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 20px;\r\n}\r\n\r\n.fl-t-40-35-buy-section .fl-t-40-35-buy-button {\r\n  text-align: center;\r\n  font-size: 19px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  line-height: 30px;\r\n  cursor: pointer;\r\n  padding: 10px 24px;\r\n  border-radius: 500px;\r\n}\r\n\r\n.fl-t-40-35-buy-section .fl-t-40-35-packed-section .fl-t-40-35-buy-button {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.fl-t-40-35-buy-section .fl-t-40-35-buy-button.orange {\r\n  background-color: #e65c21;\r\n  color: white;\r\n}\r\n.fl-t-40-35-buy-section .fl-t-40-35-button.orange {\r\n  max-width: fit-content;\r\n  margin-top: 40px;\r\n}\r\n.fl-t-40-35-buy-section .fl-t-40-35-buy-button.gray {\r\n  background-color: #e9e9e9;\r\n  color: #333;\r\n}\r\n\r\n.fl-t-40-35-buy-section .fl-t-40-35-buy-flex-wrapper {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding-top: 40px;\r\n  padding-bottom: 40px;\r\n}\r\n\r\n.fl-t-40-35-buy-section .fl-t-40-35-buy-section-title {\r\n  color: #ff7629;\r\n  font-size: 20px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 125%;\r\n  text-align: left;\r\n}\r\n\r\n.fl-t-40-35-buy-section .fl-t-40-35-buy-left-block h2 {\r\n  color: #16182c;\r\n  font-size: 46px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  line-height: 60px;\r\n  font-stretch: 75%;\r\n  letter-spacing: normal;\r\n  text-align: left;\r\n}\r\n\r\n.fl-t-40-35-buy-section .fl-t-40-35-buy-left-block h2 span {\r\n  display: inline-block;\r\n  text-decoration: underline;\r\n  text-decoration-color: #ff7629;\r\n  text-decoration-thickness: 4px;\r\n}\r\n\r\n.fl-t-40-35-buy-section .fl-t-40-35-buy-right-block {\r\n  max-width: 48%;\r\n}\r\n\r\n.fl-t-40-35-buy-section .fl-t-40-35-buy-left-block {\r\n  max-width: 35%;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .fl-t-40-35-buy-section .fl-t-40-35-buy-flex-wrapper {\r\n    padding-top: 40px;\r\n    padding-bottom: 40px;\r\n    flex-direction: column;\r\n    gap: 32px;\r\n  }\r\n\r\n  .fl-t-40-35-buy-section .fl-t-40-35-buy-right-block {\r\n    max-width: 100%;\r\n  }\r\n\r\n  .fl-t-40-35-buy-section .fl-t-40-35-buy-left-block {\r\n    max-width: 100%;\r\n  }\r\n}\r\n\r\n\/**----------------end buy section ----------------**\/\r\n\r\n\/**--------- FOP Logos -------------**\/\r\n.fl-t-40-35-payment-options {\r\n  text-align: center;\r\n  width: 100%;\r\n  padding: 70px 80px;\r\n}\r\n\r\n.fl-t-40-35-payment-options .fl-t-40-35-note {\r\n  margin-bottom: 40px;\r\n}\r\n\r\n.fl-t-40-35-payment-options .fl-t-40-35-note p b {\r\n  color: #16182c;\r\n  text-align: center;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 24px;\r\n  font-style: normal;\r\n  font-weight: 700;\r\n  line-height: 175%;\r\n}\r\n\r\n.fl-t-40-35-payment-options .fl-t-40-35-note p {\r\n  color: #16182c;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 19px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 175%;\r\n}\r\n\r\n.fl-t-40-35-payment-options .extra-note {\r\n  color: #16182c;\r\n  text-align: center;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 13px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 150%;\r\n}\r\n\r\n.fl-t-40-35-payment-options .fl-t-40-35-logos {\r\n  margin: 0 auto 16px;\r\n  padding: 0px 15px;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 20px;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  max-width: 1080px;\r\n}\r\n\r\n.fl-t-40-35-payment-options img {\r\n  height: fit-content;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .fl-t-40-35-payment-options {\r\n    padding: unset;\r\n  }\r\n  .fl-t-40-35-payment-options .fl-t-40-35-logos {\r\n    gap: 20px;\r\n    justify-content: center;\r\n  }\r\n  body.fl-t-40-35 .banner-heading {\r\n    font-size: 31px;\r\n    line-height: normal;\r\n  }\r\n}\r\n\r\n\/** footer section **\/\r\n.fl-t-40-35-footer {\r\n  background-color: #16182c !important;\r\n  padding: 2.5rem 1rem;\r\n}\r\n\r\n.fl-t-40-35-footer-content {\r\n  max-width: 1478px;\r\n  margin: 0 auto;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n}\r\n\r\n.fl-t-40-35-footer .fl-t-40-35-copyright {\r\n  opacity: 0.8;\r\n  color: white;\r\n  font-size: 1rem;\r\n  line-height: 1.625em;\r\n}\r\n\r\n.fl-t-40-35-footer .fl-t-40-35-legal-notices {\r\n  text-decoration: underline;\r\n  font-size: 1rem;\r\n  line-height: 1.625em;\r\n  font-weight: 400;\r\n  color: white;\r\n}\r\n\r\n.fl-t-40-35-footer .fl-t-40-35-legal-notices:hover {\r\n  text-decoration: none;\r\n  color: #ff7629;\r\n  outline: 0;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .fl-t-40-35-featured-artists h2,\r\n  .fl-t-40-35-top-price__header h2,\r\n  .fl-t-40-35-reasons .fl-t-40-35-section-title,\r\n  .fl-t-40-35-start-making h2,\r\n  .fl-t-40-35-pricing-tile__header h2 {\r\n    font-size: 31px;\r\n    line-height: 38px;\r\n  }\r\n\r\n  .fl-t-40-35-reasons .fl-t-40-35-reason-content h3,\r\n  .fl-t-40-35-packed-section h2,\r\n  .fl-t-40-35-buy-section .fl-t-40-35-buy-left-block h2,\r\n  .fl-t-40-35-learning-resources h2 {\r\n    font-size: 24px;\r\n    line-height: 30px;\r\n  }\r\n\r\n  .fl-t-40-35-start-image {\r\n    margin-top: 0px !important;\r\n  }\r\n\r\n  .fl-t-40-35-footer-content {\r\n    flex-direction: column-reverse;\r\n  }\r\n}\r\n\r\n\/**----------------end footer section ----------------**\/\r\n\r\n\r\n\/**----------------Buy Now page artist slider ----------------**\/\r\n\r\n.fl-t-40-35-artist-slider {\r\n  background: #f6f6f6;\r\n  padding: 60px 15px 30px;\r\n}\r\n\r\n.fl-t-40-35-artist-slider h2,\r\n.fl-t-40-35-artist-slider .artist-name {\r\n  color: #16182c;\r\n}\r\n\r\n.fl-t-40-35-buy-page .sub-navigation--inner .navigation-info {\r\n  margin: 24px auto 0px;\r\n}\r\n\r\n.fl-t-40-35-main-heading {\r\n  color: #fff;\r\n  text-align: center;\r\n  font-family: \"Open Sans\", sans-serif;\r\n  font-size: 57px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  margin: 75px 0px 45px;\r\n  line-height: 1.3;\r\n  line-height: 1.225em;\r\n  font-stretch: 75%;\r\n  letter-spacing: normal;\r\n}\r\n\r\n@media screen and (max-width: 1600px) {\r\n  body.fl-t-40-35 #buy-now-header {\r\n    background-position: center -88px;\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 1500px) {\r\n  body.fl-t-40-35 #buy-now-header {\r\n    background-position: center -66px;\r\n  }\r\n\r\n  .fl-t-40-35-main-heading {\r\n    margin: 75px 0px 18px;\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 1400px) {\r\n  body.fl-t-40-35 #buy-now-header {\r\n    background-position: center -40px;\r\n  }\r\n\r\n  .fl-t-40-35-main-heading {\r\n    margin: 75px 0px 0px;\r\n  }\r\n}\r\n\r\n\/**\r\n* ===============================================================================\r\n* [fl-t-40-35] FL Buy now page HL test End\r\n* ==============================================================================\r\n*\/","js":function(convertContext){ 
(function() {
  let debug = 0;
  const variation_name = "fl-t-40";
  try {
    /**LIBRARY**/
    var utils = {};

    /**
     * Helper function to wait for library to load
     * @param {function} trigger - callback function to be called when lib is loaded
     */
    function waitForLibrary(trigger) {
      var INTERVAL = 50;
      var TIMEOUT = 15000;

      var interval = setInterval(function() {
        if (typeof window["ilHelpers"] != "undefined") {
          clearInterval(interval);
          trigger(window["ilHelpers"]);
        }
      }, INTERVAL);

      setTimeout(function() {
        clearInterval(interval);
      }, TIMEOUT);
    }

    const defaultTemplateSelector = '.nav .nav__section > a[href="https://www.image-line.com/fl-studio"] + .nav__links';
    const newTemplateSelector = '.c-nav-main > ul > li > a[href="https://www.image-line.com/fl-studio"] + .sub-menu';
    const submenuHTML = `<li class="nav__item ${variation_name}-nav__item"><a href="https://www.image-line.com/fl-cloud"> FL Cloud </a></li>`;

    const flLogo = `
    <img decoding="async" class="site-header__logo__fruit" src="https://www.image-line.com/static/assets/nav-logo-fruit.41db863.png">
    <svg width="997" height="170" viewBox="0 0 997 170" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M910.668 0.609131C934.941 0.609131 955.254 8.7124 971.606 24.9189C987.957 41.1255 996.133 61.0747 996.133 84.7668C996.133 108.241 987.957 
    128.154 971.606 144.506C955.326 160.858 935.45 169.033 911.976 169.033C888.211 169.033 868.153 160.894 851.801 144.615C835.449 128.335 827.273 108.641 827.273 85.5299C827.273 70.1228 830.979 55.8421 838.392 42.688C845.878 29.5338 856.052 19.2503 
    868.916 11.8374C881.779 4.35189 895.697 0.609131 910.668 0.609131ZM911.431 16.3069C899.585 16.3069 888.356 19.3956 877.746 25.573C867.135 31.7504 858.85 40.0717 852.891 50.5369C846.932 61.0021 843.952 72.6664 843.952 85.5299C843.952 104.571 
    850.529 120.668 863.683 133.822C876.91 146.904 892.826 153.445 911.431 153.445C923.858 153.445 935.341 150.429 945.879 144.397C956.489 138.365 964.738 130.116 970.625 119.651C976.584 109.186 979.564 97.5576 979.564 84.7668C979.564 72.0487 
    976.584 60.566 970.625 50.3188C964.738 39.999 956.417 31.7504 945.661 25.573C934.905 19.3956 923.495 16.3069 911.431 16.3069Z" fill="white"></path><path d="M782.495 4.64258H798.52V165H782.495V4.64258Z" fill="white"></path><path d="M619.766 
    165V4.64258H653.014C676.997 4.64258 694.403 6.56847 705.231 10.4202C720.784 15.8709 732.921 25.3186 741.642 38.7635C750.435 52.2084 754.832 68.2332 754.832 86.838C754.832 102.899 751.344 117.035 744.367 129.244C737.463 141.453 728.451 150.465 
    717.332 156.279C706.285 162.093 690.769 165 670.783 165H619.766ZM635.136 149.847H653.668C675.834 149.847 691.205 148.466 699.781 145.705C711.845 141.78 721.329 134.731 728.233 124.556C735.137 114.309 738.589 101.809 738.589 87.0561C738.589 71.5763 
    734.846 58.3494 727.361 47.3755C719.875 36.4016 709.446 28.8797 696.074 24.8099C686.045 21.7575 669.512 20.2314 646.474 20.2314H635.136V149.847Z" fill="white"></path><path d="M475.132 4.64258H491.157V101.446C491.157 112.928 491.375 120.087 491.811 
    122.921C492.61 129.244 494.464 134.549 497.371 138.837C500.278 143.052 504.747 146.613 510.779 149.52C516.811 152.355 522.88 153.772 528.984 153.772C534.29 153.772 539.377 152.645 544.246 150.392C549.115 148.139 553.185 145.014 556.455 141.017C559.726 
    137.02 562.124 132.187 563.65 126.519C564.74 122.449 565.285 114.091 565.285 101.446V4.64258H581.31V101.446C581.31 115.763 579.893 127.354 577.059 136.221C574.297 145.014 568.701 152.682 560.271 159.222C551.913 165.763 541.775 169.033 529.856 
    169.033C516.92 169.033 505.837 165.945 496.607 159.767C487.378 153.59 481.2 145.414 478.075 135.24C476.113 128.99 475.132 117.725 475.132 101.446V4.64258Z" fill="white"></path><path d="M364.728 20.2314V4.64258H452.702V20.2314H416.945V165H400.594V20.2314H364.728Z" 
    fill="white"></path><path d="M253.998 135.131L267.624 126.955C277.218 144.615 288.301 153.445 300.873 153.445C306.251 153.445 311.302 152.209 316.026 149.738C320.75 147.195 324.347 143.815 326.818 139.6C329.289 135.385 330.525 130.915 330.525 126.192C330.525 120.814 
    328.708 115.545 325.074 110.385C320.059 103.263 310.902 94.6869 297.603 84.6578C284.231 74.556 275.909 67.2521 272.639 62.7463C266.97 55.1881 264.136 47.0121 264.136 38.2185C264.136 31.2417 265.808 24.8826 269.151 19.1413C272.494 13.3999 277.181 8.89408 283.213 
    5.62371C289.318 2.28066 295.931 0.609131 303.054 0.609131C310.612 0.609131 317.661 2.49868 324.202 6.27778C330.815 9.98421 337.792 16.852 345.132 26.8812L332.051 36.8013C326.019 28.807 320.859 23.5381 316.571 20.9945C312.356 18.4508 307.741 17.179 302.727 17.179C296.258 
    17.179 290.953 19.1413 286.811 23.0657C282.741 26.9902 280.706 31.8231 280.706 37.5644C280.706 41.0528 281.433 44.4322 282.886 47.7025C284.34 50.9729 286.992 54.534 290.844 58.3858C292.952 60.4207 299.856 65.7623 311.557 74.4106C325.437 84.6578 334.958 93.7785 340.118 
    101.773C345.278 109.767 347.858 117.798 347.858 125.865C347.858 137.493 343.425 147.594 334.558 156.17C325.764 164.746 315.045 169.033 302.399 169.033C292.661 169.033 283.831 166.454 275.909 161.294C267.988 156.061 260.684 147.34 253.998 135.131Z" fill="white"></path>
    <path d="M107.755 4.64258H123.889V149.52H185.481V165H107.755V4.64258Z" fill="white"></path><path d="M0.513245 4.64258H80.8555V20.4494H16.4291V70.5952H80.8555V86.402H16.4291V165H0.513245V4.64258Z" fill="white"></path></svg>`;

    /**
     * Inserts a new submenu link into a specified parent element in the navigation menu.
     * This function first checks if the parent element specified by the selector exists and if the submenu link
     * has not already been inserted. If both conditions are true, the submenu link is added to the end of the
     * parent element's inner HTML.
     */
    function insertSubMenuLink(selector, submenuHTML) {
      const parentElement = document.querySelector(selector);
      const existingSubmenuElement = document.querySelector(`.${variation_name}-nav__item`);

      if (parentElement && !existingSubmenuElement) {
        parentElement.insertAdjacentHTML("beforeend", submenuHTML);
      }
    }

    function moveBuyNowTryFreeDefault() {
      const siteHeaderMeta = document.querySelector(".site-header-meta");
      if (!document.querySelector(`${variation_name}-hamberger-icon`)) {
        const otherDownload = document.querySelector('nav > ul> li > a[href*="/fl-studio-download"]');
        const otherBuyNow = document.querySelector('nav > ul > li > a[href*="/buy-now"]');
        const buyNowTryFreeDefault = `
          <div class="${variation_name}-hamberger-icon"><span></span><span></span><span></span></div>
          ${otherBuyNow && otherBuyNow.closest("li").outerHTML}
        `;
        siteHeaderMeta.insertAdjacentHTML("afterbegin", buyNowTryFreeDefault);
      }
    }

    function moveBuyNowTryFreeNew() {
      const headerShop = document.querySelector(".c-nav-main + .c-header-shop");
      if (!document.querySelector(`${variation_name}-hamberger-icon`)) {
        const otherDownload = document.querySelector('nav > ul> li > a[href*="/fl-studio-download"]');
        const otherBuyNow = document.querySelector('nav > ul > li > a[href*="/buy-now"]');
        const buyNowTryFreeNew = `
          <div class="${variation_name}-hamberger-icon"><span></span><span></span><span></span></div>
          ${otherBuyNow && otherBuyNow.closest("li").outerHTML}
        `;
        headerShop && headerShop.insertAdjacentHTML("afterbegin", buyNowTryFreeNew);
      }
    }

    // Inserts the FL Cloud submenu link into the default template's navigation menu.
    function initDefaultTemplate() {
      insertSubMenuLink(defaultTemplateSelector, submenuHTML);
      moveBuyNowTryFreeDefault();
    }

    // Inserts the FL Cloud submenu link into the new template's navigation menu.
    function initNewTemplate() {
      insertSubMenuLink(newTemplateSelector, submenuHTML);
      moveBuyNowTryFreeNew();
      // Update site logo
      utils.waitForElement(".c-header--logo", function() {
        const headerLogo = document.querySelector(".c-header--logo");
        headerLogo.insertAdjacentHTML("afterbegin", flLogo);
      });
    }

    // Initializes variation
    function initializeVariation() {
      if (window.location.hostname == "support.image-line.com") {
        document.body.classList.add(variation_name + "--support");
        utils.waitForElement(newTemplateSelector, initNewTemplate);
        return;
      } else if (window.location.pathname == "/artists" || window.location.pathname == "/artists/" || window.location.pathname == "/fl-studio-news" || window.location.pathname == "/fl-studio-news/") {
        utils.waitForElement(newTemplateSelector, initNewTemplate);
        return;
      }

      if (document.body.classList.contains("page-template-default")) {
        utils.waitForElement(defaultTemplateSelector, initDefaultTemplate);
      } else if (document.body.classList.contains("page-template-templates")) {
        utils.waitForElement(newTemplateSelector, initNewTemplate);
      }
    }

    // Updates the href attribute of all buy now links to the new URL '/fl-studio/b-buy-now'
    function updateBuyNowLink() {
      document.querySelectorAll('header a[href*="/fl-studio/buy-now"]')
      .forEach(el => el.textContent = "Buy FL Studio");   
      
      const buyNowLinks = document.querySelectorAll('a[href*="/fl-studio/buy-now"]');
      buyNowLinks.forEach(el => (el.href = "https://www.image-line.com/fl-studio/b-buy-now"));
    }

    function addEvents() {
      utils.live(`.${variation_name}-hamberger-icon`, "click", function(e) {
        e.preventDefault();
        e.stopPropagation();
        e.stopImmediatePropagation();
        var siteHeaderInner = document.querySelector(".site-header__inner");
        siteHeaderInner && siteHeaderInner.classList.toggle("show");

        var navMain = document.querySelector(".c-header .c-nav-main");
        navMain && navMain.classList.toggle("show");
      });
    }

    /**
     * ===============================================================================
     * Buy Now Box Section Start
     * ==============================================================================
     */

    const buyNowLeftContent = `
      <div class="${variation_name}-col ${variation_name}-col-lg-6">
        <div class="${variation_name}-content-wrapper">
          <div class="${variation_name}-content-box">
              <h2>The choice of pros</h2>
              <p>FL Studio is the go-to DAW for hitmakers like Martin Garrix, Mustard, and Boi-1da. It's a versatile and complete music production environment used to create chart-topping hits in every genre, from EDM and hip-hop to pop and beyond.
                </p>
          </div>
          <hr style="background-color:#d2d2d2;color:#d2d2d2">
          <div class="${variation_name}-content-box">
              <h2>Easy to learn, fun to master</h2>
              <p>FL Studio's intuitive interface makes it easy to dive in and start making music in minutes. And as you grow, FL Studio grows with you, offering endless possibilities for exploration and experimentation.
                </p>
          </div>
          <hr style="background-color:#d2d2d2;color:#d2d2d2">
          <div class="${variation_name}-content-box">
              <h2>Buy once, get all updates free for life</h2>
              <p>We believe in transparent and fair pricing: Others make you pay for updates every 2 years or so. With FL Studio you always get all updates, improvements, and the latest features for free - for life.
              </p>
          </div>
          </div>
      </div>
    `;

    const buyNowBoxHeader = `
    <div class="${variation_name}-top-pricing-section">
      <div class="${variation_name}-top-price__header">
        <div>
          <h2>Get everything you need to start making music today</h2>
          <p>FL Studio offers over 100 instruments and effects, a huge sound library, world famous features, and beginner-friendly tools for music composition.</p>
        </div>
      </div>
    </div>
    `;

    function initBuyNowBox() {
      const buyNowBox = document.querySelector("#buy-now-box");
      const buyNowBoxColumn = document.querySelector("#buy-now-box > div.buy-now-columns");
      buyNowBox && buyNowBox.classList.contains("is-hidden") && buyNowBox.classList.remove("is-hidden");
      buyNowBox && buyNowBox.classList.add("fl-t-40-top-pricing-section");
      buyNowBoxColumn && buyNowBoxColumn.classList.add("fl-t-40-col-lg-6");
      buyNowBox && buyNowBox.insertAdjacentHTML("afterbegin", buyNowLeftContent);
      buyNowBox && buyNowBox.insertAdjacentHTML("beforebegin", buyNowBoxHeader);
    }

    /**
     * ===============================================================================
     * Buy Now Box Section End
     * ==============================================================================
     */

    // Wait for library and initialize experiment
    waitForLibrary(function(ilHelpers) {
      utils = ilHelpers.get("lib");
      utils.waitForElement("body", function() {
        var bodyElm = document.querySelector("body");
        if (!bodyElm.classList.contains(variation_name)) {
          bodyElm.classList.add(variation_name);
          addEvents();
          initializeVariation();
          
          utils.waitForElement('a[href*="/fl-studio/buy-now"]', function(){
            updateBuyNowLink();
            setTimeout(updateBuyNowLink, 2000);
          });

          if (window.location.pathname == "/") {
            utils.waitForElement("#buy-now-box > div.buy-now-columns", initBuyNowBox);
          }

          utils.waitForElement("a.fl-t-44-discover-studio", function() {
            var elms = document.querySelectorAll("a.fl-t-44-discover-studio");
            elms.forEach(function(el) {
              el.href = "/fl-studio/buy-now";
            });
          });
          utils.waitForElement('.fl-t-44-payment__button .wp-block-button__link[href="/fl-studio/buy-now/"]', function() {
            var elms = document.querySelectorAll('.fl-t-44-payment__button .wp-block-button__link[href="/fl-studio/buy-now/"]');
            elms.forEach(function(el) {
              el.href = "/fl-studio/buy-now";
            });
          });
          utils.waitForElement('.fl-t-44-buy-btn[href*="/fl-studio/buy-now/"]', function() {
            var elms = document.querySelectorAll('.fl-t-44-buy-btn[href*="/fl-studio/buy-now/"]');
            elms.forEach(function(el) {
              el.href = "/fl-studio/buy-now";
            });
          });
        }
      });
    });
  } catch (e) {
    if (debug) console.log(e, "error in Test" + variation_name);
  }
})();

(function() {
  try {
    /* main variables */
    var debug = 0;
    var variation_name = "fl-t-40-35";

    /**LIBRARY**/
    var utils = {};

    /**
     * Helper function to wait for library to load
     * @param {function} trigger - callback function to be called when lib is loaded
     */
    function waitForLibrary(trigger) {
      var INTERVAL = 50;
      var TIMEOUT = 15000;

      var interval = setInterval(function() {
        if (typeof window["ilHelpers"] != "undefined") {
          clearInterval(interval);
          trigger(window["ilHelpers"]);
        }
      }, INTERVAL);

      setTimeout(function() {
        clearInterval(interval);
      }, TIMEOUT);
    }

    // Inject missing libraries
    function injectMasonryScript(callback) {
      var script = document.createElement("script");
      script.src = "https://cdnjs.cloudflare.com/ajax/libs/packery/2.1.2/packery.pkgd.min.js";
      script.onload = callback;
      document.head.appendChild(script);
    }

    /**
     * ==============================================================
     * Objects and data
     * ==============================================================
     */

    var headerSvg = `<svg width="997" height="170" viewBox="0 0 997 170" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M910.668 0.609131C934.941 0.609131 955.254 8.7124 971.606 24.9189C987.957 41.1255 996.133 61.0747 996.133 84.7668C996.133 108.241 987.957 128.154 971.606 144.506C955.326 160.858 935.45 169.033 911.976 169.033C888.211 169.033 868.153 160.894 851.801 144.615C835.449 128.335 827.273 108.641 827.273 85.5299C827.273 70.1228 830.979 55.8421 838.392 42.688C845.878 29.5338 856.052 19.2503 868.916 11.8374C881.779 4.35189 895.697 0.609131 910.668 0.609131ZM911.431 16.3069C899.585 16.3069 888.356 19.3956 877.746 25.573C867.135 31.7504 858.85 40.0717 852.891 50.5369C846.932 61.0021 843.952 72.6664 843.952 85.5299C843.952 104.571 850.529 120.668 863.683 133.822C876.91 146.904 892.826 153.445 911.431 153.445C923.858 153.445 935.341 150.429 945.879 144.397C956.489 138.365 964.738 130.116 970.625 119.651C976.584 109.186 979.564 97.5576 979.564 84.7668C979.564 72.0487 976.584 60.566 970.625 50.3188C964.738 39.999 956.417 31.7504 945.661 25.573C934.905 19.3956 923.495 16.3069 911.431 16.3069Z" fill="white"></path><path d="M782.495 4.64258H798.52V165H782.495V4.64258Z" fill="white"></path><path d="M619.766 165V4.64258H653.014C676.997 4.64258 694.403 6.56847 705.231 10.4202C720.784 15.8709 732.921 25.3186 741.642 38.7635C750.435 52.2084 754.832 68.2332 754.832 86.838C754.832 102.899 751.344 117.035 744.367 129.244C737.463 141.453 728.451 150.465 717.332 156.279C706.285 162.093 690.769 165 670.783 165H619.766ZM635.136 149.847H653.668C675.834 149.847 691.205 148.466 699.781 145.705C711.845 141.78 721.329 134.731 728.233 124.556C735.137 114.309 738.589 101.809 738.589 87.0561C738.589 71.5763 734.846 58.3494 727.361 47.3755C719.875 36.4016 709.446 28.8797 696.074 24.8099C686.045 21.7575 669.512 20.2314 646.474 20.2314H635.136V149.847Z" fill="white"></path><path d="M475.132 4.64258H491.157V101.446C491.157 112.928 491.375 120.087 491.811 122.921C492.61 129.244 494.464 134.549 497.371 138.837C500.278 143.052 504.747 146.613 510.779 149.52C516.811 152.355 522.88 153.772 528.984 153.772C534.29 153.772 539.377 152.645 544.246 150.392C549.115 148.139 553.185 145.014 556.455 141.017C559.726 137.02 562.124 132.187 563.65 126.519C564.74 122.449 565.285 114.091 565.285 101.446V4.64258H581.31V101.446C581.31 115.763 579.893 127.354 577.059 136.221C574.297 145.014 568.701 152.682 560.271 159.222C551.913 165.763 541.775 169.033 529.856 169.033C516.92 169.033 505.837 165.945 496.607 159.767C487.378 153.59 481.2 145.414 478.075 135.24C476.113 128.99 475.132 117.725 475.132 101.446V4.64258Z" fill="white"></path><path d="M364.728 20.2314V4.64258H452.702V20.2314H416.945V165H400.594V20.2314H364.728Z" fill="white"></path><path d="M253.998 135.131L267.624 126.955C277.218 144.615 288.301 153.445 300.873 153.445C306.251 153.445 311.302 152.209 316.026 149.738C320.75 147.195 324.347 143.815 326.818 139.6C329.289 135.385 330.525 130.915 330.525 126.192C330.525 120.814 328.708 115.545 325.074 110.385C320.059 103.263 310.902 94.6869 297.603 84.6578C284.231 74.556 275.909 67.2521 272.639 62.7463C266.97 55.1881 264.136 47.0121 264.136 38.2185C264.136 31.2417 265.808 24.8826 269.151 19.1413C272.494 13.3999 277.181 8.89408 283.213 5.62371C289.318 2.28066 295.931 0.609131 303.054 0.609131C310.612 0.609131 317.661 2.49868 324.202 6.27778C330.815 9.98421 337.792 16.852 345.132 26.8812L332.051 36.8013C326.019 28.807 320.859 23.5381 316.571 20.9945C312.356 18.4508 307.741 17.179 302.727 17.179C296.258 17.179 290.953 19.1413 286.811 23.0657C282.741 26.9902 280.706 31.8231 280.706 37.5644C280.706 41.0528 281.433 44.4322 282.886 47.7025C284.34 50.9729 286.992 54.534 290.844 58.3858C292.952 60.4207 299.856 65.7623 311.557 74.4106C325.437 84.6578 334.958 93.7785 340.118 101.773C345.278 109.767 347.858 117.798 347.858 125.865C347.858 137.493 343.425 147.594 334.558 156.17C325.764 164.746 315.045 169.033 302.399 169.033C292.661 169.033 283.831 166.454 275.909 161.294C267.988 156.061 260.684 147.34 253.998 135.131Z" fill="white"></path><path d="M107.755 4.64258H123.889V149.52H185.481V165H107.755V4.64258Z" fill="white"></path><path d="M0.513245 4.64258H80.8555V20.4494H16.4291V70.5952H80.8555V86.402H16.4291V165H0.513245V4.64258Z" fill="white"></path></svg>`;
    var defaultArtists = [
      {
        "Show on homepage?": "x",
        "Show per default on FL Studio PDP": "x",
        Name: "Martin Garrix",
        Description: '<b>4x DJ Mag #1 DJ</b>, most known for his hits "Animals", "In the Name of Love", and "Scared to Be Lonely',
        Quote: "In FL Studio it's about the workflow and the speed of programming.",
        Genre: "EDM",
        "link to more": "https://www.image-line.com/artists/martin-garrix/",
        Image: "https://www.image-line.com/static/assets/Martin-Garrix-1.jpg.696e0e0.webp",
        "Alt image": "https://www.image-line.com/wp-content/uploads/2022/07/martin_garrix.png",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "x",
        "Show per default on FL Studio PDP": "x",
        Name: "Boi-1da",
        Description: "Grammy-winning producer behind hits from <b>Drake, Eminem, Jay-Z, Nicki Minaj, Rihanna</b>, and many others",
        Quote: "I learned the basics of it within an hour.",
        Genre: "Hip Hop",
        "link to more": "https://www.image-line.com/artists/boi-1da/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/boi-1da.png",
        "Alt image": "https://www.image-line.com/wp-content/uploads/2012/01/Boi-1da-620x443-2.jpg",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "x",
        Name: "Hit-Boy",
        Description: "With hits for <b>Jay-Z, Kanye West, Eminem, Justin Bieber, Drake, Selena Gomez</b>, and more, Hit-Boy has been a <b>Grammy winner or nominee for 10 of the last 11 years</b>",
        Quote: "To be able to get a pack out with FL that's fly, that's like an athlete getting with Nike.",
        Genre: "Hip Hop",
        "link to more": "N/A",
        Image: "https://www.image-line.com/static/assets/hit-boy-1.88cec2f.jpg",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments:
          "Josh:\nAs I mentioned in my message, I don't feel we should use him for this until we have a Power User page set up for him.\n\nRich: While it woudl be ideal for him to have a page, I don't think it's a must have. His description sounds impressive, his quote is strong (taken from a video that we have/had on the homepage). Also: his image is featured all over the site.",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "x",
        Name: "Ovy On The Drums",
        Description: "Colombian producer and vocalist known for his work with artists like <b>Nicki Minaj, KAROL G, Becky G, Paulo Londra, Bad Bunny, 6ix9ine</b>, and <b>Ed Sheeran</b>",
        Quote:
          "When I went to my cousin’s house one of the guys who was there showed me FL Studio. My life changed, it was like entering another galaxy and since then FL Studio has been like my temple, my place where I disconnect and create my sound, my music, my art.",
        Genre: "Latin",
        "link to more": "https://www.image-line.com/artists/ovy-on-the-drums/",
        Image: "https://www.image-line.com/static/assets/ovy-on-the-drums-1-jpg-56d1ba3.0f7c10d.webp",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "x",
        "Show per default on FL Studio PDP": "x",
        Name: "Afrojack",
        Description: '<b>DJ Mag Top 20 DJ since 2010</b>, head of Wall Recordings, known for hits like "Take Over Control" ft. Eva Simons & "Give Me Everything" ft. Pitbull & Ne-Yo',
        Quote: "FL Studio felt really easy and intuitive, and I never stopped using it.",
        Genre: "EDM",
        "link to more": "Read more",
        Image: "",
        "Alt image": "https://www.image-line.com/static/assets/afrojack-jpg-f6c6b36.4b51030.webp",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "x",
        Name: "Madeon",
        Description:
          '<b>Grammy-nominated</b> electronic artist who rocketed to fame with his viral hit "Pop Culture" mashup all the way back in 2011 and has since released many hits and multiple albums',
        Quote: "...with the incredible depth of the software, I never feel like something isn't achievable.",
        Genre: "EDM",
        "link to more": "https://www.image-line.com/wp-content/uploads/2022/07/madeon.png",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/madeon.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
    ];

    var artistObject = [
      {
        "Show on homepage?": "x",
        "Show per default on FL Studio PDP": "x",
        Name: "Martin Garrix",
        Description: '<b>4x DJ Mag #1 DJ</b>, most known for his hits "Animals", "In the Name of Love", and "Scared to Be Lonely',
        Quote: "In FL Studio it's about the workflow and the speed of programming.",
        Genre: "EDM",
        "link to more": "https://www.image-line.com/artists/martin-garrix/",
        Image: "https://www.image-line.com/static/assets/Martin-Garrix-1.jpg.696e0e0.webp",
        "Alt image": "https://www.image-line.com/wp-content/uploads/2022/07/martin_garrix.png",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Avicii (In Memoriam)",
        Description: '<b>Legendary 2-time Grammy-nominee</b> best known for hits like "Levels", "Wake Me Up", "Hey Brother" and many others. In Memoriam <3',
        Quote: "I was introduced to FL through a friend and was hooked instantly. It’s so easy and quick to use [...] I literally couldn’t shut the program down.",
        Genre: "EDM",
        "link to more": "https://www.image-line.com/artists/avicii/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/avicii.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Afrojack",
        Description: '<b>DJ Mag Top 20 DJ since 2010</b>, head of Wall Recordings, known for hits like "Take Over Control" ft. Eva Simons & "Give Me Everything" ft. Pitbull & Ne-Yo',
        Quote: "FL Studio felt really easy and intuitive, and I never stopped using it.",
        Genre: "EDM",
        "link to more": "https://www.image-line.com/artists/afrojack/",
        Image: "https://www.image-line.com/static/assets/afrojack-jpg-f6c6b36.4b51030.webp",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Porter Robinson",
        Description: '<b>Grammy-nominated artist and 7-time DJ Mag Top 100 DJ</b>, best known hits like "Language" and his successful alternate alias Virtual Self',
        Quote: "FL Studio stood out because it was vastly more intuitive and usable...there's way too many awesome FL Studio features to list.",
        Genre: "EDM",
        "link to more": "https://www.image-line.com/artists/porter-robinson/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/porter_robinson.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "x",
        Name: "Madeon",
        Description:
          '<b>Grammy-nominated</b> electronic artist who rocketed to fame with his viral hit "Pop Culture" mashup all the way back in 2011 and has since released many hits and multiple albums',
        Quote: "...with the incredible depth of the software, I never feel like something isn't achievable.",
        Genre: "EDM",
        "link to more": "https://www.image-line.com/wp-content/uploads/2022/07/madeon.png",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/madeon.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Oliver Heldens",
        Description: 'DJ Mag top 35 DJ since 2014 & Heldeep Records label head, best known for hits like "Gecko (Overdrive)", "Turn me On", and his HI-LO pseudonym',
        Quote: "I like how I can draw my idea's in it really quick.",
        Genre: "EDM",
        "link to more": "https://www.image-line.com/artists/oliver-heldens/",
        Image: "",
        "Alt image": "https://www.image-line.com/innovaeditor/assets/oliversplash.jpg",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },

      // Hip Hop
      {
        "Show on homepage?": "x",
        "Show per default on FL Studio PDP": "x",
        Name: "Boi-1da",
        Description: "Grammy-winning producer behind hits from <b>Drake, Eminem, Jay-Z, Nicki Minaj, Rihanna</b>, and many others",
        Quote: "I learned the basics of it within an hour.",
        Genre: "Hip Hop",
        "link to more": "https://www.image-line.com/artists/boi-1da/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/boi-1da.png",
        "Alt image": "https://www.image-line.com/wp-content/uploads/2012/01/Boi-1da-620x443-2.jpg",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "x",
        "Show per default on FL Studio PDP": "",
        Name: "Murda Beatz",
        Description: '<b>Multi-platinum producer</b> behind hits like <b>Travis Scott\'s</b> "Butterfly Effect", <b>Gucci Mane\'s</b> "Back on Road", <b>Drake\'s</b> "Nice for What", and others',
        Quote: "I love my FL Studio.",
        Genre: "Hip Hop",
        "link to more": "Read more",
        Image: "",
        "Alt image": "https://www.image-line.com/static/assets/murda-beatz-1.8650ed0.jpg",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Mustard",
        Description:
          "<b>Grammy-winning, multi-platinum-selling</b> American producer, DJ, and artist, known for a slew of major hits from artists like <b>Rihanna, Tyga, Lil Dicky, Jeremih, Roddy Ricch</b>, and many others",
        Quote:
          "FL Studio means everything to my production, from how I draw my notes in, how it sounds, how I layer my drums, how I mix everything together, and most importantly, the finished product.",
        Genre: "Hip Hop",
        "link to more": "https://www.image-line.com/artists/mustard/",
        Image: "https://www.image-line.com/wp-content/uploads/2023/03/mustard.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "x",
        "Show per default on FL Studio PDP": "",
        Name: "PLUSS",
        Description: '<b>Grammy-winning, multi-platinum selling producer</b> behind hits like "HUMBLE." by <b>Kendrick Lamar</b>, "Formation" by <b>Beyonce</b>, and countless others',
        Quote: "It’s an honor to be a part of what you guys have going on. FL Studio plays a huge role in why I am who I am today. Thank you all.",
        Genre: "Hip Hop",
        "link to more": "https://www.image-line.com/artists/pluss/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/pluss.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "9th Wonder",
        Description: "<b>Grammy-winning</b> producer, record executive, and professor known for his work with <b>Kendrick Lamar, Anderson .Paak, JAY-Z, Mac Miller</b>, and others",
        Quote: "The programs we use are Cool Edit Pro and FL Studio. Those are the two programs that we use, and that's what we did the whole album on.",
        Genre: "Hip Hop",
        "link to more": "https://www.image-line.com/artists/9th-wonder/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/9th_wonder-1.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Wondagurl",
        Description: "Label head and producer behind tracks from <b>Mariah Carey, Travis Scott, Jay-Z, Drake, Kanye West</b>, and others",
        Quote: "FL means everything to my productions.",
        Genre: "Hip Hop",
        "link to more": "https://www.image-line.com/artists/wondagurl/",
        Image: "https://www.image-line.com/static/assets/wondagurl-1.a08146e.jpg",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },

      // Latin
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "x",
        Name: "Ovy On The Drums",
        Description: "Colombian producer and vocalist known for his work with artists like <b>Nicki Minaj, KAROL G, Becky G, Paulo Londra, Bad Bunny, 6ix9ine</b>, and <b>Ed Sheeran</b>",
        Quote:
          "When I went to my cousin’s house one of the guys who was there showed me FL Studio. My life changed, it was like entering another galaxy and since then FL Studio has been like my temple, my place where I disconnect and create my sound, my music, my art.",
        Genre: "Latin",
        "link to more": "https://www.image-line.com/artists/ovy-on-the-drums/",
        Image: "https://www.image-line.com/static/assets/ovy-on-the-drums-1-jpg-56d1ba3.0f7c10d.webp",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Nely (El Arma Secreta)",
        Description: "Prolific Puerto Rican reggaeton producer known for his work with artists like <b>Wisin & Yandel, Daddy Yankee</b>, and many others",
        Quote: "For me FL studio is the easiest way to project your ideas and anybody can lay out any musical ideas.",
        Genre: "Latin",
        "link to more": "https://www.image-line.com/artists/nely-arma-secreta/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/nely.png",
        "Alt image": "https://www.image-line.com/wp-content/uploads/2022/07/nely.png",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Demy & Clipz",
        Description: "<b>3-time Grammy-winning, diamond-selling</b> Canadian duo best known for their work with Bad Bunny",
        Quote:
          "[FL Studio's] intuitive interface, the easy shortcuts, the browser’s search bar, and the way we can customize our projects all make it easy to bring our ideas to life and make our workflow very fluid.",
        Genre: "Latin",
        "link to more": "Read more",
        Image: "https://www.image-line.com/wp-content/uploads/2023/05/demy.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Raymix",
        Description: 'Diamond-certified Mexican artist and <b>creator of the ElectroCumbia genre</b>, best known for the smash hit "Oye Mujer',
        Quote: "I love FL Studio because it is so fluid, easy, powerful, and the animations are beautiful.",
        Genre: "Latin",
        "link to more": "https://www.image-line.com/wp-content/uploads/2022/07/raymix.png",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/raymix.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "x",
        "Show per default on FL Studio PDP": "",
        Name: "Richy Peña",
        Description: "<b>2x Platinum, Latin Grammy-winning</b> Dominican producer who has worked on music with <b>Zion, Rihanna, Don Omar</b>, and many others",
        Quote: "Before you know it I was playing the keyboard, recording melodies on to FL Studio and creating songs.",
        Genre: "Latin",
        "link to more": "https://www.image-line.com/artists/richy-pena/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/richy_pena.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "x",
        "Show per default on FL Studio PDP": "",
        Name: "Nando Pro",
        Description: "<b>3x Multi-Platinum</b> selling producer and <b>Latin Grammy nominee</b> best known for his work with Latin artists like <b>Jacob Forever, Karol G</b>, and others",
        Quote: "FL Studio has powered almost all of my inspiration and creation -- it has always been a strong bridge between my brain and music.",
        Genre: "Latin",
        "link to more": "https://www.image-line.com/artists/nandopro/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/nando_pro.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },

      // Film, TV & Gaming
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Mick Gordon",
        Description: "Australian composer, producer, and sound designer known for his work on video games like <b>DOOM, Killer Instinct, Wolfenstein, Need for Speed</b>, and others",
        Quote: "I use it [FL Studio] for scoring, sequencing, designing sounds, and musical sound design. It's just so easy to work with, and work with quickly",
        Genre: "Film, TV & Gaming",
        "link to more": "https://www.image-line.com/artists/mick-gordon/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/mick_gordon.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Alex Moukala",
        Description: 'Italian-born music producer & composer who worked on trailers for <b>"Avengers: Endgame", "Ben-Hur"</b>, and <b>"John Wick: Chapter 2"</b>',
        Quote: "FL Studio is a godsend as it allows you to write music tremendously fast, even with just a keyboard and mouse",
        Genre: "Film, TV & Gaming",
        "link to more": "https://www.image-line.com/artists/alex-moukala/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/alex_moukala.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Big Giant Circles",
        Description: "American musician and composer best known for his work in major video game franchises such as <b>Call of Duty, Borderlands, Mass Effect,</b> and <b>Street Fighter</b>",
        Quote: "FL has always been centric to my studio. It's the cornerstone of my creative process.",
        Genre: "Film, TV & Gaming",
        "link to more": "https://www.image-line.com/artists/big-giant-circles-jimmy-hinson/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/big_giant_circles.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Joznez",
        Description: "<b>Multi-platinum</b> selling German multi-genre producer for artists like Tiesto and brands like <b>Netflix, Call of Duty, Mercedes, McDonald's</b>, and many others",
        Quote: "I've produced over 111 Releases from 45 artists on several albums with FL Studio",
        Genre: "Film, TV & Gaming",
        "link to more": "https://www.image-line.com/artists/joznez/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/joznez.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Ajurika",
        Description: "Japanese electronic music producer, composer, and songwriter best known for his work in games such as <b>Tekken</b> & <b>Ridge Racer</b>",
        Quote: "FL Studio is an amazing DAW!",
        Genre: "Film, TV & Gaming",
        "link to more": "https://www.image-line.com/artists/ajurika/",
        Image: "https://www.image-line.com/wp-content/uploads/2011/11/ajurika-square.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Zircon",
        Description: "American electronic musician, composer, and adjunct professor known for his work on games like <b>Newgrounds, Soulcaliber V,</b> & <b>Monkey Island 2</b>",
        Quote: "Trying to use any other piano roll after working in FL was like having my mouse dipped in molasses",
        Genre: "Film, TV & Gaming",
        "link to more": "https://www.image-line.com/artists/zircon/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/zircon.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },

      // Pop & Rock
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Mike Oldfield",
        Description: "<b>Grammy-winning, Golden Globe-nominated</b> British musician whose debut album Tubular Bells was the first on Virgin Records and featured in The Exorcist",
        Quote: "It is very good to see a product like FL Studio which is available to all and doesn't cost $10000000000 of dollars",
        Genre: "Pop & Rock",
        "link to more": "https://www.image-line.com/artists/mike-oldfield/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/mike_oldfield.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "MdL",
        Description: "<b>Multi-Platinum</b> selling American producer and songwriter best known for his work with <b>Justin Bieber, Maroon 5, Mike Posner</b>, and many others",
        Quote: "FL Studio is the fastest and most inspiring piece of software in my workflow.",
        Genre: "Pop & Rock",
        "link to more": "https://www.image-line.com/artists/mdl-mason-levy/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/mdl.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Jayce Lewis",
        Description: "Welsh Alternative Rock/Electronic musician who has collaborated with artists like <b>Queen</b> and <b>Gary Numan</b>, and supplied drums for FL Studio 20",
        Quote: "[FL Studio] really has become a big part of what I am as an artist.",
        Genre: "Pop & Rock",
        "link to more": "https://www.image-line.com/artists/jayce-lewis/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/jayce_lewis.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Mark Tinley",
        Description: "British guitarist, programmer, sound engineer & record producer known for his work with <b>Adamski, Duran Duran, TV Mania, Gary Numan,</b> and others",
        Quote:
          "FL has been there ever since. Pop Trash was driven by FL. In the South of France when the original members of Duran Duran reformed, FL was driving the project. [...] in fact, anything I do that requires a clear visual overlay of the beats or loops I am trying to provide has FL at its core.",
        Genre: "Pop & Rock",
        "link to more": "https://www.image-line.com/artists/mark-tinley/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/mark_tinley.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "A Skylit Drive",
        Description: "American post-hardcore band that released five studio albums and built a tremendous global following",
        Quote: "FL Studio really helps me translate my ideas to reality without headache and each version just amazes me.",
        Genre: "Pop & Rock",
        "link to more": "https://www.image-line.com/artists/kyle-simmons-a-skylit-drive/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/a_skylit_drive-1.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Skimmy",
        Description: `<b>Multi-platinum</b> seling and <b>Grammy-winning</b> American producer best known for <b>co-writing Avicii</b>'s "The Nights" and other hits with <b>Mary J. Blige, R. Kelly, Ciara</b>, and more`,
        Quote: "FL Studio is integral in my production.",
        Genre: "Pop & Rock",
        "link to more": "https://www.image-line.com/artists/skimmy/",
        Image: "https://www.image-line.com/wp-content/uploads/2010/10/infinity-square.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },

      // World
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Karan Kanchan",
        Description:
          'Massively successful <b>Indian</b> EDM & Hip Hop producer, artist, and nightlife brand co-founder known for his "J-Trap" sound and work with artists like Vince Staples, KSHMR, and others',
        Quote: "FL Studio is a powerful platform that brings all the ideas in my head to life.",
        Genre: "International",
        "link to more": "https://www.image-line.com/artists/karan-kanchan/",
        Image: "https://www.image-line.com/wp-content/uploads/2023/06/karan-square.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Kel-P",
        Description: "<b>Grammy</b>-winning <b>Nigerian</b> producer and artist best known for his extensive work with artists like <b>Burna Boy, Angélique Kidjo</b>, and <b>Wizkid</b>",
        Quote: "FL Studio is like a book for me that has guided my production journey.",
        Genre: "International",
        "link to more": "https://www.image-line.com/artists/kel-p/",
        Image: "https://www.image-line.com/wp-content/uploads/2024/05/kel-p-square.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Hiss",
        Description: "<b>South Korean</b> beatboxer and producer best known as runner-up in the Grand Beatbox Battle 2017 and winner in the Asia Beatbox Championship 2019",
        Quote: "FL Studio's convenient features allow you to realize the music you want to make.",
        Genre: "International",
        "link to more": "https://www.image-line.com/artists/hiss/",
        Image: "https://www.image-line.com/wp-content/uploads/2024/08/Hiss-Square.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Iotosh",
        Description: "<b>Grammy-nominated Jamaican</b> producer best known for his work in Reggae and Dancehall music",
        Quote: "FL Studio is the catalyst for my music career and changed my life forever.",
        Genre: "International",
        "link to more": "https://www.image-line.com/artists/iotosh/",
        Image: "https://www.image-line.com/wp-content/uploads/2022/07/iotosh.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "MXRCI",
        Description: "<b>Indian</b>-born producer behind hit songs from Panjabi artists such as <b>Sidhu Moose Wala, Arjan Dhillon</b>, and others.",
        Quote: "[FL Studio] makes the process of producing music real fun, and easier, too.",
        Genre: "International",
        "link to more": "https://www.image-line.com/artists/mxrci/",
        Image: "https://www.image-line.com/wp-content/uploads/2024/10/mrxci-square.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
      {
        "Show on homepage?": "",
        "Show per default on FL Studio PDP": "",
        Name: "Kareem Abdel Wahab",
        Description: "Acclaimed <b>Egyptian</b> music producer best known for his work with artists like <b>Hamza Namira, Tamer Hosny</b>, and <b>Snoop Dogg</b>.",
        Quote: "FL Studio is the best starting point for any producer because it's very fast and reliable.",
        Genre: "International",
        "link to more": "https://www.image-line.com/artists/kareem-abdel-wahab/",
        Image: "https://www.image-line.com/wp-content/uploads/2023/12/kareem-square.png",
        "Alt image": "",
        "Quote image": "https://cdn-3.convertexperiments.com/uf/10049056/10007574/el-quotes_678fb4dc22c73.png",
        Comments: "",
      },
    ];

    /**
     * ==============================================================
     * HTML Content
     * ==============================================================
     */
    var reasonSection = `
         <div class="${variation_name}-reasons">
          <div class="${variation_name}-wrapper">
            <h2 class="${variation_name}-section-title"><span> 7 reasons</span> why beginners & professional producers alike love FL Studio</h2>
    
            <div class="${variation_name}-reasons-grid">
    
                <div class="${variation_name}-reason-card ${variation_name}-reason-card-4">
                <div class="${variation_name}-reason-description">
                    <div class="${variation_name}-reason-title">REASON 1</div>
                    <div class="${variation_name}-reason-content">
                        <h3>It's powerful yet easy to get started</h3>
                        <p>Beginners appreciate how intuitive it is. Advanced users love that behind every right click there's a new function or feature to discover and get creative with. This comprehensive and versatile set of tools makes it the DAW of choice for many of the most successful producers.</p>
                    </div>
                    </div>
                    <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/reason-1_678e2671af3fe.png" alt="Reason 1 Image">
                </div>
    
                <div class="${variation_name}-reason-card ${variation_name}-reason-card-6">
                <div class="${variation_name}-reason-description">
                    <div class="${variation_name}-reason-title">REASON 2</div>
                    <div class="${variation_name}-reason-content">
                        <h3>Its intuitive interface and workflow make it quick to learn</h3>
                        <p>FL Studio's well-organized yet very customizable layout, its drag-and-drop workflow and colorful and pattern-based interface is less intimidating than the traditional linear arrangement view of some DAWs.</p>
                    </div>
                    </div>
                    <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/reason-2_678e2683426c0.png" alt="Reason 2 Image">
                </div>
    
                <div class="${variation_name}-reason-card ${variation_name}-reason-card-6">
                <div class="${variation_name}-reason-description">
                    <div class="${variation_name}-reason-title">REASON 3</div>
                    <div class="${variation_name}-reason-content">
                        <h3>It feels like a playground for experimenting with sounds</h3>
                        <p>FL Studio's emphasis on pattern-based sequencing encourages you to create small musical ideas and then arrange them into a complete song. This approach can be less overwhelming than starting with a blank timeline.</p>
                    </div>
                    </div>
                    <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/reason-3_678e269237a2f.png" alt="Reason 3 Image">
                </div>
    
                <div class="${variation_name}-reason-card ${variation_name}-reason-card-4">
                <div class="${variation_name}-reason-description">
                    <div class="${variation_name}-reason-title">REASON 4</div>
                    <div class="${variation_name}-reason-content">
                        <h3>Fast and fun workflow</h3>
                        <p>FL Studio's streamlined workflow allows you to create your first beat with just a few clicks and start making music right away. The playful interface and intuitive tools encourage exploration and experimentation, making the learning process enjoyable (and kind of addictive, really).</p>
                    </div>
                    </div>
                    <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/reason-4_678e269e87b3d.png" alt="Reason 4 Image">
                </div>
            </div>
          </div>
        </div>`;

    var learningResourcesSection = `
        <div class="${variation_name}-learning-resources">
         <div class="${variation_name}-wrapper">
          <div class="${variation_name}-learning-resources-title">REASON 5</div>
          <h2>Excellent learning resources</h2>
          <div class="${variation_name}-learning-resources-description">
              <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/learning-resources_678b48f01714d.png" alt="Reason 3 Image">
    
          </div>
          <div class="${variation_name}-learning-details">
              <div class="${variation_name}-learning-detail">
                  <h4>Comprehensive help</h4>
                  <p>FL Studio comes with extensive documentation and tutorials that cover every aspect of the software.</p>
              </div>
              <div class="${variation_name}-learning-detail">
                  <h4>Abundant tutorials</h4>
                  <p>Countless YouTube channels and websites offer beginner-friendly FL Studio tutorials, making it easy to find guidance on specific topics or techniques.</p>
              </div>
              <div class="${variation_name}-learning-detail">
                  <h4>Active community</h4>
                  <p>A large and supportive online community provides answers to questions, helpful tips, and inspiration – and you often even get to communicate directly with FL Studio developers.</p>
              </div>
              <div class="${variation_name}-learning-detail">
                  <h4>Expert support</h4>
                  <p>Our support is staffed with long-time FL Studio users and fellow musicians who offer personalized solutions, not just generic replies.</p>
              </div>
          </div>
          </div> 
        </div>`;

    var packedAndBuySection = `
        <div class="${variation_name}-packed-section ${variation_name}-wrapper">
            <div class="${variation_name}-packed-section-title">REASON 6</div>
            <h2>It comes packed with everything you need to make music</h2>
            <div class="${variation_name}-packed-description-wrapper">
              <div class="${variation_name}-packed-description">
                <p>FL Studio includes <strong>100+ versatile and iconic plugins</strong> (only available in FL Studio) and a high-quality <strong>sound library</strong> comprising 25,000 sample sounds and 6000 playable presets – from grand pianos to hip hop beats to pan flutes.</p>
              </div>
              <div class="${variation_name}-packed-description">
                <p><strong>Need even more?</strong> Record your own instruments or vocals. Or add thousands of 3rd-party plugins – paid and free – opening up a world of more high-quality instrument options.</p>
              </div>
            </div>
            <a href="/fl-studio/compare-editions/" class="${variation_name}-button gray see-all-plugins">See all included plugins</a>
             <div class="${variation_name}-img-wrapper">
                <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/image-23-2_678b485d46df3.png" alt="Reason 7 Image">
             </div>
            </div>
            <div class="${variation_name}-buy-section ${variation_name}-wrapper">
              <div class="${variation_name}-buy-flex-wrapper">  
                <div class="${variation_name}-buy-left-block">
                    <div class="${variation_name}-buy-section-title">REASON 7</div>
                    <h2>Buy FL Studio now and get <span>Lifetime</span> <span>Free</span> <span>Updates</span></h2>
                </div> 
                <div class="${variation_name}-buy-right-block">
                    <p>Other DAWs make you pay ~$200 for updates every 2 years. With FL Studio you always get the latest version with bug fixes, updates, new features and sometimes even high-quality new plugins at no extra cost. We’ve held this promise for 25 years!</p>
                </div>
              </div>
              <a class="${variation_name}-button orange" href="https://www.image-line.com/fl-studio/buy-now/">Buy Now</a>
    
            </div>
    
        </div>`;

    var fopLogos = `
        <div class="${variation_name}-payment-options">
         <div class="${variation_name}-payment__wrapper">
            <div class="${variation_name}-logos">
              <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/group-7_678b4821bf501.png" alt="PayPal" width="119.593" height="29.667">
              <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/vector-4_678b48cd5113e.png" alt="Klarna" width="110.999" height="25.316">
              <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/vector-5_678b48d9b5174.png" alt="Apple Pay" width="79.841" height="33.105">
              <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/image-22_678b48431e2dd.png" alt="Google Pay" width="85.683" height="37">
              <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/image-21-1_678b48362e69b.png" alt="Amazon Pay" width="58.42" height="37">
              <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/group-4_678b47fe27256.png" alt="MasterCard" width="48.026" height="36.999">
              <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/group-6_678b480f1948a.png" alt="Visa" width="89.817" height="27.284">
              <img src="https://cdn-3.convertexperiments.com/uf/10049056/10007574/amex_678b47ddacbd6.png" alt="American Express" width="54.526" height="37">
            </div>
            <p class="${variation_name}-extra-note extra-note ">30+ payment providers. Some payment plans might only be available in certain regions.</p>
          </div>  
        </div>`;

    // Helper function to create individual artist card HTML
    function createArtistCard(artist) {
      return `
          <div class="${variation_name}-artist-card" data-genre-key="${artist.Genre}">
              <div class="${variation_name}-artist-content">
                  <img src="${artist["Alt image"] || artist["Image"]}" alt="${artist.Name}">
                  <h4>${artist.Name}</h4>
                  <p><strong>${artist.Description}</strong></p>
                  <img class="${variation_name}-quote-image" src="${artist["Quote image"] || artist["Image"]}">
                  <p class="${variation_name}-quote">${artist.Quote}</p>
              </div>
          </div>`;
    }

    function createArtistSection() {
      // Use defaultArtists object for page load
      var artistCards = defaultArtists
        .map(artist => {
          // Check if the image and description are available
          if (!artist["Alt image"] && !artist["Quote image"] && !artist["Image"] && !artist.Description) return ``;
          return createArtistCard(artist);
        })
        .join("");

      // Now get artistTags from the main artistObject
      var genreTabs = Array.from(
        artistObject.reduce((tags, artist) => {
          // Add genres from the main artistObject
          tags.add(artist.Genre);
          return tags;
        }, new Set())
      )
        .map(genre => {
          return `<div class="${variation_name}-tag" data-genre="${genre}">${genre}</div>`;
        })
        .join("");

      return `
          <div class="${variation_name}-featured-artists">
              <div class="${variation_name}-wrapper">
                  <h2>FL Studio is <span>used by millions</span> - from first-time <br>producers to world-famous artists</h2>
                  <p>From hip hop and EDM, to songwriters and composers, to viral social media creators - <br> FL Studio is the leading platform for music makers at every level.</p>
                  <div class="${variation_name}-tags">
                      ${genreTabs}
                  </div>
                  <div class="${variation_name}-artist-grid">
                      ${artistCards}
                  </div>
                  <div class="${variation_name}-see-all-wrapper">
                      <a href="https://www.image-line.com/artists/" class="${variation_name}-see-all">See all producers</a>
                      <a class="${variation_name}-button orange" href="https://www.image-line.com/fl-studio/buy-now/">Buy Now</a>
                  </div>
              </div>
          </div>`;
    }

    /**
     * ==============================================================
     * Logical functions
     * ==============================================================
     */
    function masonryLayout() {
      var grid = document.querySelector(`.${variation_name}-artist-grid`);
      if (grid) {
        var packery = new Packery(grid, {
          itemSelector: `.${variation_name}-artist-card`,
          columnWidth: `.${variation_name}-artist-card`,
          gutter: 20,
          fitWidth: true,
          percentPosition: true,
        });
        packery.layout();

        var interval = setInterval(function() {
          packery._init();
        }, 250);
        setTimeout(function() {
          clearInterval(interval);
        }, 2500);
      }
    }

    // Function to initialize the Masonry layout
    function initializeMasonry() {
      if (typeof Packery === "undefined") {
        injectMasonryScript(masonryLayout);
      } else {
        masonryLayout();
      }
    }

    function addClickLogic() {
      // Event listener for filtering artists by genre when tab is clicked
      const tabs = document.querySelectorAll(`.${variation_name}-tag`);
      const artistGrid = document.querySelector(`.${variation_name}-artist-grid`);

      tabs.forEach(tab => {
        tab.addEventListener("click", function() {
          const genre = this.getAttribute("data-genre");

          let artistCards = "";

          if (!artistGrid) return;

          // Check if the clicked tab is already active
          if (tab.classList.contains("active")) {
            tab.classList.remove("active");
            artistCards = defaultArtists.map(artist => createArtistCard(artist)).join("");
            // Display the generated artist cards
            artistGrid.innerHTML = artistCards;
            initializeMasonry();
            return;
          }

          // Remove 'active' class from all tabs and add it to the clicked tab
          tabs.forEach(tab => tab.classList.remove("active"));
          this.classList.add("active");

          // Generate artist cards using the artistObject (main object) for selected genre
          artistCards = artistObject
            .map(artist => {
              if (artist.Genre === genre) {
                return createArtistCard(artist);
              }
              return "";
            })
            .join("");

          // Display the generated artist cards
          artistGrid.innerHTML = artistCards;

          initializeMasonry();
        });
      });

      // Initiliz
      initializeMasonry();
    }

    // Event handler
    function eventHandler() {
      utils.live(".learn-more-link", "click", function(e) {
        e.preventDefault();
        var index = this.getAttribute("data-index");
        if (index == "0") {
          document.querySelector(".fl-t-40-35-featured-artists")?.scrollIntoView({ behavior: "smooth" });
        } else if (index == "1") {
          document.querySelector(".fl-t-40-35-reasons")?.scrollIntoView({ behavior: "smooth" });
        } else if (index == "2") {
          document.querySelector(".fl-t-40-35-grid__section")?.scrollIntoView({ behavior: "smooth" });
        }
      });

      utils.live("a.fl-t-40-35-button.orange", "click", function(e) {
        e.preventDefault();
        document.querySelector("#buy-now-header")?.scrollIntoView({ behavior: "smooth" });
      });
    }

    var bannerContent = `
        <div class="${variation_name}-hero-content">
          <ul class="${variation_name}-top-list">
              <li> <strong>Reopen saved tracks:</strong> Revisit and refine saved tracks. Switch between and work on several projects in parallel.</li>
              <li> <strong>Priority support: </strong>  Be first in line with our support team and get full access to our vibrant forum for help and inspiration.</li>
              <li> <strong>Get Lifetime Free Updates:</strong>  Others make you pay ~$200 for updates every other year or so. With FL Studio you <strong> buy once,</strong>  get <strong>free</strong> updates <strong>for life.</strong> </li>
          </ul>
        </div>`;

    // Initial point
    function init() {
      var targetElement = document.querySelector(".content .wp-block-group");
      var featureArtistSection = createArtistSection();
      var flSection = [featureArtistSection, reasonSection, learningResourcesSection, packedAndBuySection, fopLogos].join("");

      // Insert sections
      if (!document.querySelector(`.${variation_name}-featured-artists`)) {
        targetElement.insertAdjacentHTML("afterend", flSection);
        addClickLogic();
      }

      // header logo Update
      utils.waitForElement(".block-sub-navigation .sub-navigation--inner .navigation-info", function() {
        document.querySelector(".block-sub-navigation .sub-navigation--inner .navigation-info").innerHTML = `
              <a class="site-header__logo" href="https://www.image-line.com/"> 
                <img decoding="async" class="site-header__logo__fruit" src="/static/assets/nav-logo-fruit.41db863.png">  
                ${headerSvg} 
              </a>`;
      });

      // Banner content
      utils.waitForElement("#buy-now-header div.buy-now-columns .wp-block-column-is-layout-flow >div.wp-block-group", function() {
        if (!document.querySelector(`.${variation_name}-hero-content`)) {
          document.querySelector("#buy-now-header div.buy-now-columns .wp-block-column-is-layout-flow >div.wp-block-group").insertAdjacentHTML("afterbegin", bannerContent);
        }

        document
          .querySelector("#buy-now-header div.buy-now-columns .wp-block-column-is-layout-flow >div.wp-block-group")
          .insertAdjacentHTML("beforebegin", '<h2 class="banner-heading">Buy FL Studio now, get <br><span>Lifetime</span> <span>Free</span> <span>Updates</span></h2>');
      });
    }

    var newHeader = `
        <h1 class="${variation_name}-main-heading">Get the software suite used to<br> produce countless top hits</h1>`;

    // Initial point
    function insertNewHeader(referenceEl) {
      if (!document.querySelector(`.${variation_name}-main-heading`)) {
        referenceEl.insertAdjacentHTML("beforebegin", newHeader);
      }
    }

    // Wait for library and initialize experiment
    waitForLibrary(function(ilHelpers) {
      // Assign library functions
      utils = ilHelpers.get("lib");

      if (window.location.pathname == "/fl-studio/buy-now/" || window.location.pathname == "/fl-studio/buy-now") {
        // Insert section
        utils.waitForElement(".signed-in, .signed-out", function() {
          utils.waitForElement("body", function() {
            var bodyElm = document.querySelector("body");
            if (!bodyElm.classList.contains(variation_name)) {
              bodyElm.classList.add(variation_name);
              eventHandler();
            }
          });

          utils.waitForElement("#buy-now-header > .buy-now-columns", init);
          utils.waitForElement("#buy-now-header > .buy-now-columns", insertNewHeader);
        });
      }
    });
  } catch (e) {
    if (debug) console.log(e, "error in Test" + variation_name);
  }
})();
}}}],"traffic_allocation":14.32}]},{"id":"1004164111","name":"Price Test New Markets","type":"a\/b","status":"active","global_js":null,"global_css":"","environment":"production","settings":{"min_order_value":0,"max_order_value":99999,"matching_options":{"audiences":"any","locations":"any"},"outliers":{"order_value":{"detection_type":"none"},"products_ordered_count":{"detection_type":"none"}}},"key":"price-test-new-markets","version":10,"locations":["1004128699"],"site_area":null,"audiences":["100419086"],"goals":["100032149","100462435","100461985","100472697","100472698","100472699","100472700"],"integrations":[{"provider":"google_analytics","enabled":false,"type":"ga4","measurementId":""}],"variations":[{"id":"1004388037","name":"Original Page","key":"1004388037-original-page","status":"running","changes":[{"id":1004623187,"type":"defaultCode","data":{"js":null,"css":"","custom_js":null}},{"id":1004623186,"type":"customCode","data":{"css":"","js":function(convertContext){ 
window.setExperienceCookie = function(name, experienceId, variationId) {
    const cookieValue = JSON.stringify({ experienceId, variationId });
    document.cookie = `${name}=${cookieValue}; path=/; domain=.image-line.com;`;
    console.log('cookie set!');
}
window.setExperienceCookie("il-pt-0825-nm", "1004164111", "1004388037")
}}}],"traffic_allocation":45},{"id":"1004388038","name":"Variation 1","key":"1004388038-variation-1","status":"running","changes":[{"id":1004623190,"type":"defaultCode","data":{"js":null,"css":"","custom_js":null}},{"id":1004623189,"type":"customCode","data":{"css":"","js":function(convertContext){ 
window.setExperienceCookie = function(name, experienceId, variationId) {
    const cookieValue = JSON.stringify({ experienceId, variationId });
    document.cookie = `${name}=${cookieValue}; path=/; domain=.image-line.com;`;
    console.log('cookie set!');
}
window.setExperienceCookie("il-pt-0825-nm", "1004164111", "1004388038")
}}}],"traffic_allocation":45}]},{"id":"1004164547","name":"Guest Checkout","type":"a\/b","status":"active","global_js":null,"global_css":"","environment":"production","settings":{"min_order_value":0,"max_order_value":99999,"matching_options":{"audiences":"any","locations":"any"},"outliers":{"order_value":{"detection_type":"none"},"products_ordered_count":{"detection_type":"none"}}},"key":"guest-checkout","version":10,"locations":["1004129577"],"site_area":null,"audiences":["100418952"],"goals":["100032149","100462435","100461985","100032148","100032147","100473095","100473094","100473093","100473092","100472700","100472699","100472698","100472697"],"integrations":[{"provider":"google_analytics","enabled":false,"type":"ga4","measurementId":""}],"variations":[{"id":"1004389016","name":"Original Page","key":"1004389016-original-page","status":"running","changes":[],"traffic_allocation":50},{"id":"1004389017","name":"Variation 1","key":"1004389017-variation-1","status":"running","changes":[],"traffic_allocation":50}]},{"id":"1004165827","name":"AA Test: Download Page","type":"a\/a","status":"active","global_js":null,"global_css":"","environment":"production","settings":{"min_order_value":0,"max_order_value":99999,"matching_options":{"audiences":"any","locations":"any"},"outliers":{"order_value":{"detection_type":"none"},"products_ordered_count":{"detection_type":"none"}}},"key":"aa-test:-download-page","version":10,"locations":["1004130419"],"site_area":null,"audiences":[],"goals":["100462435","100032149","100461985","100495475"],"integrations":[{"provider":"google_analytics","enabled":false,"type":"ga4","measurementId":""}],"variations":[{"id":"1004391897","name":"Original","key":"1004391897-original","status":"running","changes":[],"traffic_allocation":50},{"id":"1004391898","name":"Variation","key":"1004391898-variation","status":"running","changes":[],"traffic_allocation":50}]},{"id":"1004166149","name":"Programmatic test","type":"a\/b","status":"active","global_js":null,"global_css":"","environment":"production","settings":{"min_order_value":0,"max_order_value":99999,"matching_options":{"audiences":"any","locations":"any"},"outliers":{"order_value":{"detection_type":"none"},"products_ordered_count":{"detection_type":"none"}}},"key":"programmatic-test","version":10,"locations":["1004130643"],"site_area":null,"audiences":["100418952"],"goals":["100032149","100462435","100461985","100495475"],"integrations":[{"provider":"google_analytics","enabled":false,"type":"ga4","measurementId":""}],"variations":[{"id":"1004392596","name":"Original Page","key":"1004392596-original-page","status":"running","changes":[],"traffic_allocation":50},{"id":"1004392597","name":"Variation 1","key":"1004392597-variation-1","status":"running","changes":[{"id":1004629929,"type":"customCode","data":{"css":"body .nav__section.is-download-button .nav__label {\n  background-color: #617979 !important;\n}","js":null}},{"id":1004629930,"type":"defaultCode","data":{"js":null,"css":"","custom_js":null}}],"traffic_allocation":50}]}],"audiences":[{"id":"100417853","name":"Exclude Translated Pages languages","key":"cpy-f-trnsltd-pgs-lnggs","rules":{"OR":[{"AND":[{"OR_WHEN":[{"rule_type":"is_desktop","matching":{"match_type":"equals","negated":false},"value":true},{"rule_type":"language","matching":{"match_type":"equals","negated":true},"value":"es"},{"rule_type":"language","matching":{"match_type":"equals","negated":true},"value":"pt"},{"rule_type":"language","matching":{"match_type":"equals","negated":true},"value":"de"},{"rule_type":"language","matching":{"match_type":"equals","negated":true},"value":"fr"}]}]}]},"type":"permanent"},{"id":"100418952","name":"[DO NOT EDIT] Server Side Test allocation Audience","key":"server-side-test-always-fals","rules":{"OR":[{"AND":[{"OR_WHEN":[{"rule_type":"campaign","matching":{"match_type":"matches","negated":false},"value":"il_server_side_test_allocation"}]}]}]},"type":"permanent"},{"id":"100418977","name":"Device is Desktop","key":"device-is-desktop-6","rules":{"OR":[{"AND":[{"OR_WHEN":[{"rule_type":"is_desktop","matching":{"match_type":"equals","negated":false},"value":true}]}]}]},"type":"permanent"},{"id":"100419086","name":"Price Test New Markets","key":"price-test-new-markets","rules":{"OR":[{"AND":[{"OR_WHEN":[{"rule_type":"country","matching":{"match_type":"equals","negated":false},"value":"CN"},{"rule_type":"country","matching":{"match_type":"equals","negated":false},"value":"ID"},{"rule_type":"country","matching":{"match_type":"equals","negated":false},"value":"CL"},{"rule_type":"country","matching":{"match_type":"equals","negated":false},"value":"CO"},{"rule_type":"country","matching":{"match_type":"equals","negated":false},"value":"AR"}]}]}]},"type":"permanent"}],"segments":[{"id":"100414790","name":"QA-FL-5","key":"qa-fl-5","rules":{"OR":[{"AND":[{"OR_WHEN":[{"rule_type":"campaign","matching":{"match_type":"contains","negated":false},"value":"qa_fl-5"}]}]}]}},{"id":"100415078","name":"QA: Pricing Format Test","key":"qa:-pricing-format-test","rules":{"OR":[{"AND":[{"OR_WHEN":[{"rule_type":"campaign","matching":{"match_type":"contains","negated":false},"value":"qa"}]}]}]}},{"id":"100415212","name":"QA FL5","key":"qa-fl5","rules":{"OR":[{"AND":[{"OR_WHEN":[{"rule_type":"campaign","matching":{"match_type":"contains","negated":false},"value":"fl_5"}]}]}]}}],"goals":[{"id":"100032147","name":"Decrease BounceRate","key":"decrease-bouncerate","type":"advanced","rules":{"OR":[{"AND":[{"OR_WHEN":[{"rule_type":"pages_visited_count","matching":{"match_type":"lessEqual","negated":true},"value":1},{"rule_type":"visit_duration","matching":{"match_type":"lessEqual","negated":true},"value":10}]}]}]}},{"id":"100032148","name":"Increase Engagement","key":"increase-engagement","type":"dom_interaction","rules":[],"settings":{"tracked_items":[{"event":"click","selector":"a"},{"event":"submit","selector":"form"}]}},{"id":"100032149","name":"Revenue","key":"revenue","type":"revenue","rules":[],"settings":{"triggering_type":"manual"}},{"id":"100032255","name":"Visit to the 'Compare Editions' page","key":"visits-to-the-editions-page","type":"visits_page","rules":{"OR":[{"AND":[{"OR_WHEN":[{"rule_type":"url_with_query","matching":{"match_type":"matches","negated":false},"value":"https:\/\/www.image-line.com\/fl-studio\/compare-editions\/"}]}]}]}},{"id":"100461985","name":"Redirect To Stripe Checkout","key":"redirecttostripe","type":"visits_page","rules":{"OR":[{"AND":[{"OR_WHEN":[{"rule_type":"url_with_query","matching":{"match_type":"contains","negated":false},"value":"&payment=stripe"}]}]}]}},{"id":"100462435","name":"download_started (FL Studio)","key":"download-started-fl-studio","type":"code_trigger","rules":[]},{"id":"100464140","name":"order_completed (FL Studio)","key":"order-completed-flstudio","type":"code_trigger","rules":[]},{"id":"100464141","name":"order_completed (FL Cloud)","key":"order-completed-flcloud","type":"code_trigger","rules":[]},{"id":"100465369","name":"Click on any buy now link","key":"click-on-any-buy-now-link","type":"clicks_link","rules":{"OR":[{"AND":[{"OR_WHEN":[{"rule_type":"url_with_query","matching":{"match_type":"startsWith","negated":false},"value":"*"}]}]}]},"settings":{"href":"https:\/\/support.image-line.com\/jshop\/shop_flcloud2.php?ord="}},{"id":"100466721","name":"Visit to \/fl-studio\/buy-now\/","key":"visit-to-fl-studiobuy-now","type":"visits_page","rules":{"OR":[{"AND":[{"OR_WHEN":[{"rule_type":"url_with_query","matching":{"match_type":"contains","negated":false},"value":"\/fl-studio\/buy-now"}]}]}]}},{"id":"100466724","name":"Click on New Nav \"Buy now\"","key":"click-on-new-nav-buy-now","type":"clicks_element","rules":[],"settings":{"selector":"site-header-new .wp-block-button__link[href*=\"fl-studio\/buy-now\"]"}},{"id":"100467908","name":"Order Attempt after Opt-Out","key":"order-attempt-after-opt-out","type":"code_trigger","rules":[]},{"id":"100467909","name":"Order Attempt after Opt-In","key":"order-attempt-after-opt-in","type":"code_trigger","rules":[]},{"id":"100472681","name":"Free trial download page visits","key":"free-trial-download-page-vis","type":"visits_page","rules":{"OR":[{"AND":[{"OR_WHEN":[{"rule_type":"url_with_query","matching":{"match_type":"matches","negated":false},"value":"https:\/\/www.image-line.com\/fl-studio-download\/"}]}]}]}},{"id":"100472682","name":"FL Studio PDP visits","key":"fl-studio-pdp-visits","type":"visits_page","rules":{"OR":[{"AND":[{"OR_WHEN":[{"rule_type":"url_with_query","matching":{"match_type":"matches","negated":false},"value":"https:\/\/www.image-line.com\/fl-studio\/"}]}]}]}},{"id":"100472683","name":"FL Studio buy-now page visits","key":"fl-studio-buy-now-page-visit","type":"visits_page","rules":{"OR":[{"AND":[{"OR_WHEN":[{"rule_type":"url_with_query","matching":{"match_type":"matches","negated":false},"value":"https:\/\/www.image-line.com\/fl-studio\/buy-now\/"}]}]}]}},{"id":"100472684","name":"FL Studio Comparison page visits","key":"fl-studio-comparison-page-vi","type":"visits_page","rules":{"OR":[{"AND":[{"OR_WHEN":[{"rule_type":"url_with_query","matching":{"match_type":"matches","negated":false},"value":"https:\/\/www.image-line.com\/fl-studio\/compare-editions\/"}]}]}]}},{"id":"100472685","name":"FL Cloud PDP visits","key":"fl-cloud-pdp-visits","type":"visits_page","rules":{"OR":[{"AND":[{"OR_WHEN":[{"rule_type":"url_with_query","matching":{"match_type":"matches","negated":false},"value":"https:\/\/www.image-line.com\/fl-cloud"}]}]}]}},{"id":"100472697","name":"Fruity edition purchases","key":"fruity-edition-purchases","type":"revenue","rules":[],"settings":{"triggering_type":"manual"}},{"id":"100472698","name":"Producer edition purchases","key":"producer-edition-purchase","type":"revenue","rules":[],"settings":{"triggering_type":"manual"}},{"id":"100472699","name":"Signature bundle purchases","key":"signature-bundle-purchase","type":"revenue","rules":[],"settings":{"triggering_type":"manual"}},{"id":"100472700","name":"All plugins edition purchases","key":"all-plugins-edition-purchase","type":"revenue","rules":[],"settings":{"triggering_type":"manual"}},{"id":"100473092","name":"FL Cloud Pro annual subscriptions","key":"fl-cld-pr-nnl-sbscrptns","type":"revenue","rules":[],"settings":{"triggering_type":"manual"}},{"id":"100473093","name":"FL Cloud Pro monthly subscriptions","key":"fl-cld-pr-mnthly-sbscrptns","type":"revenue","rules":[],"settings":{"triggering_type":"manual"}},{"id":"100473094","name":"FL Cloud Plus monthly subscriptions","key":"fl-cld-pls-mnthly-sbscrptns","type":"revenue","rules":[],"settings":{"triggering_type":"manual"}},{"id":"100473095","name":"FL Cloud Plus annual subscriptions","key":"fl-cld-pls-nnl-sbscrptns","type":"revenue","rules":[],"settings":{"triggering_type":"manual"}},{"id":"100473096","name":"Upgrades to Producer Edition","key":"upgrade-to-producer-edition","type":"revenue","rules":[],"settings":{"triggering_type":"manual"}},{"id":"100473097","name":"Upgrades to Signature Bundle","key":"upgrade-to-signature-bundle","type":"revenue","rules":[],"settings":{"triggering_type":"manual"}},{"id":"100473098","name":"Upgrades to All Plugins Edition","key":"upgrade-to-all-plugins-editi","type":"revenue","rules":[],"settings":{"triggering_type":"manual"}},{"id":"100473108","name":"Total revenue for Upgrades for the 4 packages","key":"ttl-rvn-fr-pgrds-fr-th-4-pck","type":"revenue","rules":[],"settings":{"triggering_type":"manual"}},{"id":"100473110","name":"Total subscriptions for FL Cloud subscriptions","key":"ttl-sbscrptns-fr-fl-cld-sbsc-2","type":"revenue","rules":[],"settings":{"triggering_type":"manual"}},{"id":"100473111","name":"Upgrades to Fruity edition","key":"upgrades-to-fruity-edition","type":"revenue","rules":[],"settings":{"triggering_type":"manual"}},{"id":"100476805","name":"Artist page visits","key":"artist-page-visits","type":"visits_page","rules":{"OR":[{"AND":[{"OR_WHEN":[{"rule_type":"url_with_query","matching":{"match_type":"matches","negated":false},"value":"https:\/\/www.image-line.com\/artists\/"}]}]}]}},{"id":"100482755","name":"Conversion goal : Visit to \"next page\" (action\/profile\/unlock-fl-studio)","key":"cnvrsn-gl-:-vst-t-nxt-pg-ctn","type":"visits_page","rules":{"OR":[{"AND":[{"OR_WHEN":[{"rule_type":"url_with_query","matching":{"match_type":"contains","negated":false},"value":"https:\/\/support.image-line.com\/action\/profile\/unlock-fl-studio"}]}]}]}},{"id":"100485413","name":"When an email is submitted","key":"when-an-email-is-submitted","type":"code_trigger","rules":[]},{"id":"100485414","name":"When an email with optin is submitted","key":"whn-n-ml-wth-ptn-s-sbmttd","type":"code_trigger","rules":[]},{"id":"100489267","name":"25% scroll on buy now","key":"25-scroll-on-buy-now","type":"scroll_percentage","rules":{"OR":[{"AND":[{"OR_WHEN":[{"rule_type":"url_with_query","matching":{"match_type":"matches","negated":false},"value":"https:\/\/www.image-line.com\/fl-studio\/buy-now\/"}]}]}]},"settings":{"percentage":25}},{"id":"100489268","name":"50% scroll on buy now","key":"50-scroll-on-buy-now","type":"scroll_percentage","rules":{"OR":[{"AND":[{"OR_WHEN":[{"rule_type":"url_with_query","matching":{"match_type":"matches","negated":false},"value":"https:\/\/www.image-line.com\/fl-studio\/buy-now\/"}]}]}]},"settings":{"percentage":50}},{"id":"100489269","name":"75% scroll on buy now","key":"75-scroll-on-buy-now","type":"scroll_percentage","rules":{"OR":[{"AND":[{"OR_WHEN":[{"rule_type":"url_with_query","matching":{"match_type":"matches","negated":false},"value":"https:\/\/www.image-line.com\/fl-studio\/buy-now\/"}]}]}]},"settings":{"percentage":75}},{"id":"100489270","name":"100% scroll on buy now page","key":"100-scroll-on-buy-now-page","type":"scroll_percentage","rules":{"OR":[{"AND":[{"OR_WHEN":[{"rule_type":"url_with_query","matching":{"match_type":"matches","negated":false},"value":"https:\/\/www.image-line.com\/fl-studio\/buy-now\/"}]}]}]},"settings":{"percentage":100}},{"id":"100490272","name":"Unlock FL Studio","key":"unlock-fl-studio","type":"visits_page","rules":{"OR":[{"AND":[{"OR_WHEN":[{"rule_type":"url_with_query","matching":{"match_type":"contains","negated":false},"value":"action\/profile\/unlock-fl-studio"}]}]}]}},{"id":"100492475","name":"Has seen offer","key":"has-seen-offer","type":"code_trigger","rules":[]},{"id":"100495475","name":"brevo_form_submitted","key":"brevo-form-submitted","type":"code_trigger","rules":[]},{"id":"100495748","name":"Trial Exit Page Visit","key":"trial-exit-page-visit","type":"visits_page","rules":{"OR":[{"AND":[{"OR_WHEN":[{"rule_type":"url_with_query","matching":{"match_type":"startsWith","negated":false},"value":"https:\/\/www.image-line.com\/lp\/trial-exit-fl-studio-en"}]}]}]}},{"id":"100496776","name":"Nav Buy Now Button Click","key":"nav-buy-now-button-click","type":"clicks_element","rules":[],"settings":{"selector":".fl-buyBtn"}},{"id":"100496777","name":"Click on top section Buy Now link","key":"clck-n-tp-sctn-by-nw-lnk","type":"clicks_element","rules":[],"settings":{"selector":".fl-studio-download a[href*=\"fl-studio\/buy-now\"]"}},{"id":"100496778","name":"Click on bottom section Buy Now button","key":"clck-n-bttm-sctn-by-nw-bttn","type":"clicks_element","rules":[],"settings":{"selector":".content > .has-light-gray-background-color .fl-t-32-fl-buy-now-cta"}},{"id":"100496779","name":"Click on top section Buy Now Button","key":"clck-n-tp-sctn-by-nw-bttn","type":"clicks_element","rules":[],"settings":{"selector":".has-dark-grey-background-color .block-tabbed-content .fl-t-32-fl-buy-now-cta"}},{"id":"100496781","name":"Click on nav download \/ try for free button click","key":"clck-n-nv-dwnld-try-fr-fr-bt","type":"clicks_element","rules":[],"settings":{"selector":".is-download-button .nav__label[href*=\"fl-studio-download\"]"}},{"id":"100496782","name":"Click on top download now button","key":"click-on-top-download-now-bu","type":"clicks_element","rules":[],"settings":{"selector":".has-dark-grey-background-color .download-btn .wp-block-button__link"}},{"id":"100496783","name":"Click on bottom section download now button","key":"clck-n-bttm-sctn-dwnld-nw-bt","type":"clicks_element","rules":[],"settings":{"selector":".content > .has-light-gray-background-color .download-btn .wp-block-button__link"}},{"id":"1004102480","name":"b-buy-now page visit","key":"b-buy-now-page-visit","type":"visits_page","rules":{"OR":[{"AND":[{"OR_WHEN":[{"rule_type":"url_with_query","matching":{"match_type":"matches","negated":false},"value":"https:\/\/www.image-line.com\/fl-studio\/b-buy-now\/"}]}]}]}},{"id":"1004102587","name":"FLID: newsletter_signup_declined","key":"flid:-newsletter-signup-decl","type":"code_trigger","rules":[]},{"id":"1004102588","name":"FLID: FLID: newsletter_signup_accepted","key":"fld:-fld:-nwslttr-sgnp-ccptd","type":"code_trigger","rules":[]},{"id":"1004103689","name":"Clicks on video","key":"clicks-on-video","type":"clicks_element","rules":[],"settings":{"selector":".thumbnail-section .video-thumbnail"}}],"locations":[{"id":"10005083","key":"lctn-tst-4-fl-std-pg-dvrsn-f","name":"Homepage","rules":{"OR":[{"AND":[{"OR_WHEN":[{"rule_type":"url","matching":{"match_type":"matches","negated":false},"value":"https:\/\/www.image-line.com\/"}]}]}]},"trigger":{"type":"upon_run"}},{"id":"100495876","key":"lctn-fl-prcng-frmt-tst-2","name":"Location - FL pricing format test 2","rules":{"OR":[{"AND":[{"OR_WHEN":[{"rule_type":"url","matching":{"match_type":"matches","negated":false},"value":"https:\/\/www.image-line.com"},{"rule_type":"url","matching":{"match_type":"matches","negated":false},"value":"https:\/\/www.image-line.com\/specials\/black-friday-2024"},{"rule_type":"url","matching":{"match_type":"matches","negated":false},"value":"https:\/\/www.image-line.com\/fl-studio"},{"rule_type":"url","matching":{"match_type":"matches","negated":false},"value":"https:\/\/www.image-line.com\/fl-studio\/buy-now"},{"rule_type":"url","matching":{"match_type":"matches","negated":false},"value":"https:\/\/www.image-line.com\/trial-exit-fl-studio"},{"rule_type":"url","matching":{"match_type":"contains","negated":false},"value":"\/lp\/download-page-test-1224"},{"rule_type":"url","matching":{"match_type":"contains","negated":false},"value":"image-line.com\/lp\/download-fl-studio-1224-lcta-cc"},{"rule_type":"url","matching":{"match_type":"contains","negated":false},"value":"image-line.com\/specials\/end-of-year-sale-2024"},{"rule_type":"url","matching":{"match_type":"matches","negated":false},"value":"https:\/\/www.image-line.com\/fl-studio\/"},{"rule_type":"url","matching":{"match_type":"matches","negated":false},"value":"https:\/\/www.image-line.com\/fl-studio\/buy-now\/"},{"rule_type":"url","matching":{"match_type":"matches","negated":false},"value":"https:\/\/www.image-line.com\/"},{"rule_type":"url","matching":{"match_type":"matches","negated":false},"value":"https:\/\/www.image-line.com\/fl-studio\/1-buy-now\/"},{"rule_type":"url","matching":{"match_type":"matches","negated":false},"value":"https:\/\/www.image-line.com\/fl-studio\/1-buy-now"},{"rule_type":"url","matching":{"match_type":"contains","negated":false},"value":"https:\/\/www.image-line.com\/fl-studio\/b-buy-now"}]}]}]},"trigger":{"type":"upon_run"}},{"id":"1004125987","key":"lctn-q-dply-fl-t-41-st-vstr","name":"Location - Deploy - [FL-T-41] - Set Visitor, Download, Login info in LocalStorage","rules":{"OR":[{"AND":[{"OR_WHEN":[{"rule_type":"url","matching":{"match_type":"contains","negated":false},"value":"https:\/\/www.image-line.com"}]}]}]},"trigger":{"type":"upon_run"}},{"id":"1004126150","key":"lctn-fl-t-40-fl-hd-mn-nv","name":"Location - [FL-T-40] FL Hide main Nav","rules":{"OR":[{"AND":[{"OR_WHEN":[{"rule_type":"url","matching":{"match_type":"contains","negated":false},"value":"image-line.com"}]},{"OR_WHEN":[{"rule_type":"url","matching":{"match_type":"contains","negated":true},"value":"support.image-line.com"}]},{"OR_WHEN":[{"rule_type":"url","matching":{"match_type":"contains","negated":true},"value":"stripe-test.image-line.com"}]},{"OR_WHEN":[{"rule_type":"url","matching":{"match_type":"contains","negated":true},"value":"philip.int.image-line.com"}]}]}]},"trigger":{"type":"upon_run"}},{"id":"1004126259","key":"lctn-fl-t-42-lclzd-rvmpd-by","name":"Location - [FL-T-42] Localized revamped buy now page","rules":{"OR":[{"AND":[{"OR_WHEN":[{"rule_type":"url","matching":{"match_type":"matches","negated":false},"value":"https:\/\/www.image-line.com\/fl-studio\/b-buy-now"}]}]}]},"trigger":{"type":"upon_run"}},{"id":"1004128699","key":"location-price-test-usd","name":"Location - Price Tests","rules":{"OR":[{"AND":[{"OR_WHEN":[{"rule_type":"url","matching":{"match_type":"startsWith","negated":false},"value":"https:\/\/www.image-line.com"},{"rule_type":"url","matching":{"match_type":"startsWith","negated":false},"value":"https:\/\/support.image-line.com"},{"rule_type":"url","matching":{"match_type":"startsWith","negated":false},"value":"https:\/\/www.il-test.com"},{"rule_type":"url","matching":{"match_type":"startsWith","negated":false},"value":"https:\/\/support.il-test.com"},{"rule_type":"url","matching":{"match_type":"startsWith","negated":false},"value":"https:\/\/stripe-test.image-line.com"}]}]}]},"trigger":{"type":"upon_run"}},{"id":"1004129577","key":"location-guest-checkout","name":"Location - Guest Checkout","rules":{"OR":[{"AND":[{"OR_WHEN":[{"rule_type":"url","matching":{"match_type":"startsWith","negated":false},"value":"https:\/\/support.image-line.com"}]}]}]},"trigger":{"type":"upon_run"}},{"id":"1004130419","key":"location-aa-test:-download-p-2","name":"Location - AA Test: Download Page","rules":{"OR":[{"AND":[{"OR_WHEN":[{"rule_type":"url","matching":{"match_type":"matches","negated":false},"value":"https:\/\/www.image-line.com\/fl-studio-download"}]}]}]},"trigger":{"type":"upon_run"}},{"id":"1004130643","key":"location-programmatic-test","name":"Location - Programmatic test","rules":{"OR":[{"AND":[{"OR_WHEN":[{"rule_type":"url","matching":{"match_type":"startsWith","negated":false},"value":"https:\/\/www.image-line.com\/"}]}]}]},"trigger":{"type":"upon_run"}}],"archived_experiences":["1004162356"],"features":[],"_s_t":"2025-09-02 12:10:31Z","is_debug":false};!function(){var t;!function(){"use strict";var e={};!function(){var t=e;Object.defineProperty(t,"__esModule",{value:!0});const n={rearrange(t,e){var n;const r=null==t?void 0:t.parentElement,i=e>[...r.children].findIndex((e=>e.id===t.id))?e+1:e;null===(n=null==t?void 0:t.setAttribute)||void 0===n||n.call(t,"data-convert",""),e<r.children.length-1?null==r||r.insertBefore(t,null==r?void 0:r.children.item(i)):null==r||r.appendChild(t)},safeSetAttribute(t,e,n){if(t){const r=document.querySelector(t);r&&(r[e]=n)}},applyStyles(t,e,n,r){var i;if(n=JSON.parse(n),t){let l="";Object.keys(n).forEach((i=>{const o=i.replaceAll(/([A-Z])/g,(t=>"-"+t.toLowerCase()));if("backgroundImage"===i)r?(l+="position: relative; overflow: hidden; ",this.insertAdjacentHTML(t,"beforeend",`<img data-selector="${e}" src="${n[i]}" alt="" style="position: absolute; left: 0; top: 0; width: 100%; z-index: 9999;" />`)):l+=`${o}: url('${n[i]}'); `;else{const t=n[i],e=["left","top","width","height","bottom","right"].includes(i)&&String(parseInt(t))===String(t)?"px":"";l+=`${o}: ${t}${e} ${["left","top","bottom","right"].includes(i)?"!important":""}; `}})),t.style.cssText+=l,null===(i=null==t?void 0:t.setAttribute)||void 0===i||i.call(t,"data-convert","")}return this},insertAdjacentHTML(t,e,n){if(!this.skipInsertedElements)switch(null==t||t.insertAdjacentHTML(e,n.replace(/<([a-zA-Z][a-zA-Z0-9-]*)\b([^>]*)>/gm,"<$1$2 data-convert>")),e){case"beforebegin":return null==t?void 0:t.previousElementSibling;case"afterbegin":return null==t?void 0:t.firstChild;case"beforeend":return null==t?void 0:t.lastChild;case"afterend":return null==t?void 0:t.nextElementSibling}},matchUrl(t,e){const n=t.substring(0,t.indexOf("?")<0?t.length:t.indexOf("?"));if(n===e||t===e)return!0;try{if(e.startsWith("http://www.")||e.startsWith("https://www.")?(e.startsWith("http://www.")&&(e=e.replace("http://www.","http://(www.)?")),e.startsWith("https://www.")&&(e=e.replace("https://www.","https://(www.)?"))):e.startsWith("http://")?e=e.replace("http://","http://(www.)?"):e.startsWith("https://")&&(e=e.replace("https://","https://(www.)?")),e.endsWith("/")||(e+="/"),n.match(e+"?$"))return!0}catch(t){return!1}return!1},applyChange(t,e,n){var r,i,l;const o=new URLSearchParams(location.search);["visualEditor","_conv_eignore","_conv_eforce","convert_action","convert_e","convert_v"].forEach((t=>o.delete(t)));const a=o.size?"?"+o.toString():"";if(n&&!this.matchUrl(window.location.origin+window.location.pathname+a+window.location.hash,n))return!0;const s=[...null!==(r=document.querySelectorAll(e.originalSelector!==t&&e.originalSelector?e.originalSelector:t))&&void 0!==r?r:[]];if(!s.length)return null;e.elementId&&(s[0].id=e.elementId,null===(l=null===(i=s[0])||void 0===i?void 0:i.setAttribute)||void 0===l||l.call(i,"data-convert","")),e.outerHtml&&s.forEach(((t,n)=>{var r,i,l,o;if(!(null==t?void 0:t.parentNode))return;const a=t.parentNode,c=Array.from(a.children).indexOf(t),d=document.createElement("div");d.innerHTML="<"===e.outerHtml.trim().slice(0,1)&&">"===e.outerHtml.trim().slice(-1)?e.outerHtml:`<div>${e.outerHtml}</div>`,(null!==(r=e.assignedElementId)&&void 0!==r?r:t.id)&&(d.children[0].id=null!==(i=e.assignedElementId)&&void 0!==i?i:t.id),null===(o=null===(l=d.childNodes[0])||void 0===l?void 0:l.setAttribute)||void 0===o||o.call(l,"data-convert",""),a.replaceChild(d.childNodes[0],t),s[n]=a.children[c]})),e.innerText&&s.forEach((t=>{var n;const r=document.createElement("textarea");r.innerHTML=e.innerText,t.innerText=r.value,null===(n=null==t?void 0:t.setAttribute)||void 0===n||n.call(t,"data-convert",""),r.remove()}));const c=[];return e.insertHtml&&s.forEach((t=>{Object.keys(e.insertHtml).forEach((n=>{if(e.insertHtml[n]){const r=this.insertAdjacentHTML(t,n,e.insertHtml[n]);c.push(r)}}))})),e.insertImage&&s.forEach((t=>{const n=this.insertAdjacentHTML(t,"afterbegin",e.insertImage);c.push(n)})),e.imageSourceSet&&s.forEach((t=>{const n=this.insertAdjacentHTML(t,"afterbegin",e.imageSourceSet);c.push(n)})),e.styles&&s.forEach((n=>{this.applyStyles(n,t,e.styles,e.setImageAsBadge)})),e.rearrange>=0&&this.rearrange(s[0],e.rearrange),{elements:s,insertedElements:c}}};t.default=n}(),t=e}(),window.convert_temp=window.convert_temp||{},convert_temp.toolkit=t.default}();
		
			
			window.convert = window.convert || {};
			if (window.convert_temp) {
				if (convert_temp.jQuery) convert.$ = convert_temp.jQuery;
				convert.T = window.convert_temp.toolkit;
				delete window.convert_temp;
			}
			
		
		const convertMap={"fire":"I","args":"k","err":"S","removeListeners":"_","experience":"yi","variation":"bi","matching":"Kr","match_type":"Qr","segments":"yh","splitTests":"Bh","enableVariation":"Fh","triggerExperimentVariation":"Gh","triggerExperienceVariation":"zh","variationId":"Hh","assignVariation":"Wh","executeMissingDataExperiences":"Kh","visitorId":"Yh","triggerIntegrations":"Zh","checkExperiments":"Xh","checkExperiences":"ta","doNotRunExperiences":"ia","disableExperience":"ea","enableExperience":"sa","disableVariation":"na","executeExperiment":"oa","executeExperience":"ra","executeExperienceLooped":"ca","experiences":"la","breakExecution":"fa","isPreview":"Ia","debugData":"ya","splitTest":"ba","putData":"Ca","bucketing":"ja","eventType":"Ea","runVariation":"qa","locations":"Va","trigger":"Ua","firstTime":"Fa","isQAOverlay":"Ga","previewExperience":"za","isAudienceAgnostic":"Ha","decidedVariation":"Wa","selectVariationById":"Ka","visitorProperties":"Qa","forcedExperience":"tc","enableTracking":"ec","environment":"nc","variations":"oc","experience_id":"rc","variation_id":"hc","experienceName":"ac","experience_name":"cc","variationName":"dc","global_js":"lc","global_css":"vc","split_original":"Ic","consentRequired":"xc","secure":"_c","forceCookieSecure":"jc","experiencesGoals":"zc","goals":"Hc","currentData":"Wc","tld":"ed","hosts":"sd","domains":"nd","project":"od","geo":"rd","weather":"hd","campaign":"ld","sessionHash":"Id","archived_experiences":"Sd","returning":"$d","activatedFirstTime":"qd","activated_first_time":"Bd","changes":"Vd","isPreviewURL":"Gd","segmentId":"Jd","selectCustomSegmentsByIds":"Kd","goalId":"Zd","projectId":"Xd","goal_id":"il","triggerConversion":"Sl","triggerConversions":"_l","sendRevenue":"$l","fromAutoPickRevenue":"Ml","transactionId":"Cl","amount":"jl","productsCount":"El","forceMultiple":"Dl","pushRevenue":"Al","recheck_goals":"Ll","recheckGoals":"Tl","processDone":"Rl","tracked_items":"Vl","settings":"Ul","ga_event":"Ql","triggering_type":"Yl","bucketingData":"Xl","min_order_value":"tu","max_order_value":"iu","goalData":"eu","contentSecurityPolicyNonce":"cu","setClientLevel":"mu","isTrackingEnabled":"ku","getVisitorSegments":"Su","runHash":"_u","account_id":"$u","pluginId":"Mu","releaseQueue":"ju","placeVisitorIntoSegment":"Nu","checkSegments":"Ru","checkSegmentLooped":"qu","putSegments":"Qu","browser":"Yu","isRuleMatched":"xv","OR":"kv","negated":"$v","AND":"Ov","OR_WHEN":"Cv","rule_type":"Dv","utc_offset":"Xv","getUrl":"eg","getUrlWithQuery":"sg","getQueryString":"ng","getPageTagPageType":"rg","getPageTagCategoryId":"hg","getPageTagCategoryName":"ag","getPageTagProductSku":"cg","getPageTagProductName":"dg","getPageTagProductPrice":"lg","getPageTagCustomerId":"ug","getPageTagCustom1":"vg","getPageTagCustom2":"gg","getPageTagCustom3":"fg","getPageTagCustom4":"pg","getWeatherCondition":"mg","getJsCondition":"wg","useSignals":"Ig","getIsDesktop":"yg","getIsMobile":"bg","getIsTablet":"xg","getUserAgent":"kg","getOs":"Sg","getBrowserVersion":"_g","getBrowserName":"$g","getProjectTimeMinuteOfHour":"Og","getProjectTimeHourOfDay":"Mg","getProjectTimeDayOfWeek":"Cg","getLocalTimeMinuteOfHour":"jg","getLocalTimeHourOfDay":"Eg","getLocalTimeDayOfWeek":"Dg","getBucketedIntoSegment":"Ag","getBucketedIntoExperience":"Lg","getVisitsCount":"Tg","getVisitorType":"Ng","getCookie":"Rg","getVisitDuration":"Pg","getGoalTriggered":"qg","getPagesVisitedCount":"Bg","getLanguage":"Vg","getDaysSinceLastVisit":"Ug","getRegion":"Fg","getCountry":"Gg","getCity":"zg","getAvgTimePage":"Hg","getSourceName":"Wg","getMedium":"Jg","getKeyword":"Kg","getCampaign":"Qg","redistribute":"hf","batchSize":"lf","releaseInterval":"uf","events":"pf","sdkKey":"xf","enrichData":"$f","accountId":"Of","visitors":"Mf","tracking":"Ef","disableTracking":"Rf","matchRulesByField":"Yf","locationProperties":"Zf","selectLocations":"sp","identityField":"np","site_area":"op","audiences":"rp","matching_options":"ap","traffic_allocation":"vp","usePolling":"km","throttleChanges":"$m","useMutationObserver":"Om","showBody":"Em","currentExperiences":"Um","changeId":"Gm","renderComplete":"Qm","useSPAOptimizations":"mw","currentUrl":"yw","isRedirect":"bw","isEditor":"xw","multipage_pages":"Dw","percentage":"Vw","allow_crossdomain_tracking":"Yw","integrations":"nI","integration":"vI","integrationVariables":"fI","data_anonymization":"mI","isIntercepting":"RI","quantity":"BI","google_analytics":"UI","auto_revenue_tracking":"FI","no_wait_pageview":"HI","measurementId":"QI","user_id":"ZI","_elevar_internal":"XI","user_properties":"ty","cookie_expires":"iy","getSegments":"my","identify":"Jy","preventBodyAutoshow":"Ky","resetData":"Qy","fromApi":"Yy","consentGiven":"Zy","setIntegrationVariable":"Xy","triggerLocation":"tb","enablePreview":"ib","disablePreview":"eb","preview":"sb","onAdditionalData":"nb","getAllVisitorData":"rb","getCurrentVisitorData":"hb","getUserData":"ab","getUrlParameter":"cb","custom_domain":"Rb","isLocationAgnostic":"qb","editor":"Bb","delayRun":"Fb","js":"Kb","do_not_track":"Zb","global_privacy_control":"Xb","runExperiences":"hx","global_javascript":"ux","locationAgnostic":"wx","audienceAgnostic":"Ix","visitor_insights":"kx","sampling_rate":"Sx","visitorInsightsId":"_x","tracking_id":"$x","delayContinuousActivation":"Ox","interceptEventsEarly":"Mx","customVariable":"Cx","browsing":"Ex","thisRun":"Ax","kissmetrics":"jz","mixpanel":"ra","crazyegg":"sC","luckyorange":"ov","clicktale":"Yl","googletagmanager":"Ld","hotjar":"UO","baidu":"cT","clicky":"UL","cnzz":"ln","econda":"Wu","eulerian":"Dj","gosquared":"ba","heapanalytics":"rx","mouseflow":"at","piwik":"IO","segmentio":"ae","sitecatalyst":"DT","twipla":"Un","woopra":"kr","ysance":"WH","yandex":"TI"};!function(){"use strict";function t(t,i){var e={};for(var s in t)Object.prototype.hasOwnProperty.call(t,s)&&i.indexOf(s)<0&&(e[s]=t[s]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(s=Object.getOwnPropertySymbols(t);n<s.length;n++)i.indexOf(s[n])<0&&Object.prototype.propertyIsEnumerable.call(t,s[n])&&(e[s[n]]=t[s[n]])}return e}function i(t,i,e,s){return new(e||(e=Promise))((function(n,o){function r(t){try{a(s.next(t))}catch(t){o(t)}}function h(t){try{a(s.throw(t))}catch(t){o(t)}}function a(t){var i;t.done?n(t.value):(i=t.value,i instanceof e?i:new e((function(t){t(i)}))).then(r,h)}a((s=s.apply(t,i||[])).next())}))}"function"==typeof SuppressedError&&SuppressedError;class e{constructor(t,{t:i}={}){this.o={},this.h={},this.u=i,this.p=(null==t?void 0:t.m)||(t=>t)}on(t,i){(this.o[t]=this.o[t]||[]).push(i),Object.hasOwnProperty.call(this.h,t)&&this.I(t,this.h[t].k,this.h[t].S)}_(t){Object.hasOwnProperty.call(this.o,t)&&delete this.o[t],Object.hasOwnProperty.call(this.h,t)&&delete this.h[t]}I(t,i=null,e=null,s=!1){for(const s of this.o[t]||[])if(Object.hasOwnProperty.call(this.o,t)&&"function"==typeof s)try{s.apply(null,[this.p(i),e])}catch(t){}s&&!Object.hasOwnProperty.call(this.h,t)&&(this.h[t]={k:i,S:e})}}const s="permanent",n="all",o={O:"baidu",M:"clicktale",C:"clicky",j:"cnzz",D:"crazyegg",A:"econda",L:"eulerian",T:"google_analytics",N:"gosquared",R:"heapanalytics",P:"hotjar",B:"mixpanel",V:"mouseflow",U:"piwik",F:"segmentio",G:"sitecatalyst",H:"woopra",W:"ysance"},r="completed",h="split_url",a="deploy",c="stopped",d="running",l="manual",u="advanced",v="dom_interaction",g="scroll_percentage",f="code_trigger",p="revenue",m="upon_run",w="dom_element",I="callback",y="hover",b="in_view",x="change",k="EU ONLY",S="EEA ONLY",_="Worldwide",$="bucketing",O="conversion";var M,C,j,E;!function(t){t.J="cookieSave",t.K="cookieDecodeError",t.Y="splitTestCookie",t.Z="splitRunError",t.X="userDidGoal",t.tt="trackRequest",t.it="trackRevenueIgnored",t.et="trackRevenueOutlier",t.st="trackRevenueError",t.nt="trackIntegration",t.ot="refreshFailed",t.rt="redirectFailed",t.ht="legacyChangesWithoutjQuery",t.ct="queueError",t.dt="generalError",t.lt="hijackedConfig"}(M||(M={})),function(t){t.ut="cid",t.vt="apr",t.gt="cname",t.ft="cval",t.wt="dl",t.It="dr",t.yt="event",t.bt="eData",t.xt="exp1",t.kt="exp2",t.St="exp3",t._t="exp4",t.$t="exp5",t.Ot="exp6",t.Mt="exp7",t.Ct="exp8",t.jt="exp9",t.Et="exp10",t.Dt="i",t.ERROR="error",t.At="from",t.Lt="g",t.Tt="k1",t.Nt="k2",t.Rt="k3",t.Pt="k4",t.qt="k5",t.Bt="k6",t.Vt="k7",t.Ut="k8",t.Ft="k9",t.Gt="k10",t.zt="msg",t.Ht="n1",t.Wt="n2",t.Jt="n3",t.Kt="n4",t.Qt="n5",t.Yt="oMin",t.Zt="oMax",t.Xt="plgn",t.ti="pid",t.ii="runHash",t.ei="scookie",t.si="sh",t.ni="seg",t.oi="sel",t.ri="s",t.hi="tmsp",t.ai="td",t.ci="ua",t.di="v",t.li="vcookie",t.ui="vData",t.gi="vid"}(C||(C={})),function(t){t.fi="convert.com_variation_not_decided"}(j||(j={})),function(t){t.pi="forceMultipleTransactions"}(E||(E={}));const D=["events","Hc","rp","Va","yh","la","Sd","experiences.variations","features","features.variables"],A={mi:"Hc",wi:"rp",location:"Va",Ii:"yh",yi:"la",bi:"experiences.variations",xi:"features"},L="Unable to perform network request",T="Unsupported response type",N="The user agent successfully queued the data for transfer";var R,P,q,B,V,U,F,G,z,H,W,J,K,Q,Y,Z;!function(t){t.ki="OFF",t.Si="EU ONLY",t._i="EEA ONLY",t.$i="Worldwide"}(R||(R={})),function(t){t.Oi="audience",t.Mi="location",t.Ci="segment",t.ji="feature",t.Ei="goal",t.Di="experience",t.Ai="variation"}(P||(P={})),function(t){t.Li="enabled",t.DISABLED="disabled"}(q||(q={})),function(t){t.Ti="amount",t.Ni="productsCount",t.Ri="transactionId",t.Pi="customDimension1",t.qi="customDimension2",t.Bi="customDimension3",t.Vi="customDimension4",t.Ui="customDimension5"}(B||(B={})),function(t){t[t.Fi=0]="TRACE",t[t.Gi=1]="DEBUG",t[t.zi=2]="INFO",t[t.Hi=3]="WARN",t[t.ERROR=4]="ERROR",t[t.Wi=5]="SILENT"}(V||(V={})),function(t){t.Ji="log",t.Fi="trace",t.Gi="debug",t.zi="info",t.Hi="warn",t.ERROR="error"}(U||(U={})),function(t){t.Ki="web",t.Qi="fullstack"}(F||(F={})),function(t){t.Yi="convert.com_no_data_found",t.Zi="convert.com_need_more_data"}(G||(G={})),function(t){t.Xi="ready",t.te="config.updated",t.ie="api.queue.released",t.ee="bucketing",t.se="conversion",t.ni="yh",t.ne="location.activated",t.oe="location.deactivated",t.re="rp",t.he="datastore.queue.released"}(z||(z={})),function(t){t.ae="richStructure",t.ce="customCode",t.de="defaultCode",t.le="defaultCodeMultipage",t.ue="defaultRedirect",t.ve="fullStackFeature"}(H||(H={})),function(t){t.ge="IE",t.fe="CH",t.pe="FF",t.me="OP",t.we="SF",t.Ie="EDG",t.ye="MO",t.be="NS",t.xe="OTH"}(W||(W={})),function(t){t.ke="ALLPH",t.Se="IPH",t._e="OTHPH",t.$e="ALLTAB",t.Oe="IPAD",t.Me="OTHTAB",t.Ce="DESK",t.je="OTHDEV"}(J||(J={})),function(t){t.Ee="country",t.De="browser",t.Ae="devices",t.ri="source",t.Le="campaign",t.Te="visitorType",t.Ne="customSegments"}(K||(K={})),function(t){t.Le="campaign",t.Re="search",t.Pe="referral",t.qe="direct"}(Q||(Q={})),function(t){t.NEW="new",t.Be="returning"}(Y||(Y={})),function(t){t.Ve="get_additional_data",t.Ue="save_referrer",t.Fe="process_locations",t.Ge="process_experiences_complete",t.ze="process_experience_disabled",t.He="process_experience_enabled",t.We="process_variation_disabled",t.Je="process_variation_enabled",t.Ke="enable_variation",t.Qe="process_goals_complete",t.Ye="enable_preview_mode"}(Z||(Z={}));const X=15768e4,tt=2500,it="data-convert",et="convert-hide-body",st="convert-css",nt=35,ot=["trace","debug","info","warn","error","log"],rt=[{s:"google.",q:"q"},{s:"search.yahoo.",q:"p"},{s:"bing.com/search",q:"q"},{s:"search.about.com",q:"q"},{s:"alexa.com/search",q:"q"},{s:"ask.com",q:"q"},{s:"aol/search",q:"q"},{s:"yandsearch",q:"text"}],ht={Ze:1,Xe:1,ts:1,es:1,ss:1,ns:1,os:1,rs:1,hs:1,cs:1,ds:1,ls:1,us:1,ge:1,vs:1,gs:1,fs:1,ps:1,ws:1,Is:1,ys:1,bs:1,xs:1,ks:1,Ss:1,_s:1,$s:1,Os:1},at={Ms:1,Cs:1,js:1},ct=new Error("Aborting execution.");var dt,lt,ut,vt,gt,ft,pt,mt,wt;function It(t){return Array.isArray(t)&&t.length>0}function yt(t,i,e,s=!1){try{if("object"==typeof t){const e=i.split(".").reduce(((t,i)=>t[i]),t);if(e||s&&(!1===e||0===e))return e}}catch(t){}return null}function bt(...t){const i=t=>t&&"object"==typeof t;return t.reduce(((t,e)=>(Object.keys(e).forEach((s=>{const n=t[s],o=e[s];Array.isArray(n)&&Array.isArray(o)?t[s]=[...new Set([...o,...n])]:i(n)&&i(o)?t[s]=bt(n,o):t[s]=o})),t)),{})}function xt(t){return"object"==typeof t&&null!==t&&Object.keys(t).length>0}!function(t){t.Es="g",t.Ai="v"}(dt||(dt={})),function(t){t.Ds="cookies.saved",t.As="experience.activated",t.Ls="experience.variation_decided",t.Ts="goal.triggered",t.Ns="goal.revenue_intercepted",t.Rs="goal.custom_event_intercepted",t.Ps="snippet.initialized",t.qs="snippet.segments_evaluated",t.Bs="snippet.experiences_evaluated",t.Vs="snippet.goals_evaluated",t.ne="location.activated",t.oe="location.deactivated",t.Us="url.changed",t.Fs="render.complete",t.Gs="tracking.blocked",t.zs="signal.detected"}(lt||(lt={})),function(t){t.Hs="convert_render",t.Ws="convert_action",t.Js="convert_log_level",t.Ks="reed_action",t.Di="convert_e",t.Ai="convert_v",t.Qs="reed_a",t.Ys="_conv_eignore",t.Zs="_conv_eforce",t.Xs="_convertqa",t.tn="_conv_disable_signals",t.en="conveforce",t.sn="convert_disable",t.nn="convert_optout",t.rn="convert_canceloptout",t.hn="noconfirm",t.an="_conv_domtimeout",t.cn="_conv_disable_spa_optimizations",t.dn="_conv_codecheck",t.ln="reedge_codecheck",t.un="_conv_domain_id",t.vn="reedge_domain_id",t.gn="_conv_prevent_tracking",t.fn="gclid",t.pn="utm_source",t.mn="utm_medium",t.wn="utm_campaign",t.In="utm_term",t.yn="convert-token",t.bn="multi-domain",t.xn="navigation"}(ut||(ut={})),function(t){t.kn="convert_vpreview",t.Sn="reed_apreview",t._n="overlay"}(vt||(vt={})),function(t){t.$n="page_type",t.On="category_id",t.Mn="category_name",t.Cn="product_sku",t.jn="product_name",t.En="product_price",t.Dn="customer_id",t.An="custom_v1",t.Ln="custom_v2",t.Tn="custom_v3",t.Nn="custom_v4"}(gt||(gt={})),function(t){t.Rn="v0",t.Pn="v1",t.qn="v2",t.Bn="v3",t.Vn="v4",t.Un="v41",t.Fn="v5",t.Gn="cv1",t.zn="cv2",t.Hn="cv3",t.Wn="cv4"}(ft||(ft={})),function(t){t.Jn="_conv_",t.Kn="REED_"}(pt||(pt={})),function(t){t.Qn="_conv_v",t.Yn="_conv_s",t.Zn="_conv_sptest",t.Pe="_conv_r",t.gn="_conv_prevent_tracking",t.Xn="_conv_check_cookies",t.yn="_conv_t"}(mt||(mt={})),function(t){t.io="fs",t.eo="cs",t.so="ps",t.no="sc",t.oo="pv",t.ro="si",t.si="sh",t.ri="s",t.ho="m",t.ao="t",t.co="c",t.ni="seg",t.do="exp",t.gi="vi"}(wt||(wt={}));const kt=(t,i)=>{if(t===i)return!0;if("object"!=typeof t||"object"!=typeof i||null==t||null==i)return!1;const e=Object.keys(t),s=Object.keys(i);if(e.length!=s.length)return!1;for(const n of e){if(!s.includes(n))return!1;if("function"==typeof t[n]||"function"==typeof i[n]){if(t[n].toString()!=i[n].toString())return!1}else if(!kt(t[n],i[n]))return!1}return!0};function St(t){return t&&t.lo&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}var _t,$t={exports:{}};var Ot,Mt,Ct,jt=St((_t||(_t=1,Ot=$t,function(){const t=t=>(new TextEncoder).encode(t);function i(i,e){let s,n,o,r,h,a,c,d;for("string"==typeof i&&(i=t(i)),s=3&i.length,n=i.length-s,o=e,h=3432918353,a=461845907,d=0;d<n;)c=255&i[d]|(255&i[++d])<<8|(255&i[++d])<<16|(255&i[++d])<<24,++d,c=(65535&c)*h+(((c>>>16)*h&65535)<<16)&4294967295,c=c<<15|c>>>17,c=(65535&c)*a+(((c>>>16)*a&65535)<<16)&4294967295,o^=c,o=o<<13|o>>>19,r=5*(65535&o)+((5*(o>>>16)&65535)<<16)&4294967295,o=27492+(65535&r)+((58964+(r>>>16)&65535)<<16);switch(c=0,s){case 3:c^=(255&i[d+2])<<16;case 2:c^=(255&i[d+1])<<8;case 1:c^=255&i[d],c=(65535&c)*h+(((c>>>16)*h&65535)<<16)&4294967295,c=c<<15|c>>>17,c=(65535&c)*a+(((c>>>16)*a&65535)<<16)&4294967295,o^=c}return o^=i.length,o^=o>>>16,o=2246822507*(65535&o)+((2246822507*(o>>>16)&65535)<<16)&4294967295,o^=o>>>13,o=3266489909*(65535&o)+((3266489909*(o>>>16)&65535)<<16)&4294967295,o^=o>>>16,o>>>0}const e=i;e.uo=function(i,e){"string"==typeof i&&(i=t(i));let s,n=i.length,o=e^n,r=0;for(;n>=4;)s=255&i[r]|(255&i[++r])<<8|(255&i[++r])<<16|(255&i[++r])<<24,s=1540483477*(65535&s)+((1540483477*(s>>>16)&65535)<<16),s^=s>>>24,s=1540483477*(65535&s)+((1540483477*(s>>>16)&65535)<<16),o=1540483477*(65535&o)+((1540483477*(o>>>16)&65535)<<16)^s,n-=4,++r;switch(n){case 3:o^=(255&i[r+2])<<16;case 2:o^=(255&i[r+1])<<8;case 1:o^=255&i[r],o=1540483477*(65535&o)+((1540483477*(o>>>16)&65535)<<16)}return o^=o>>>13,o=1540483477*(65535&o)+((1540483477*(o>>>16)&65535)<<16),o^=o>>>15,o>>>0},e.vo=i,Ot.exports=e}()),$t.exports));function Et(t){return t.replace(/(?:^\w|[A-Z]|\b\w)/g,(function(t,i){return 0===i?t.toLowerCase():t.toUpperCase()})).replace(/\s+/g,"")}function Dt(t,i=9999){return jt.vo(String(t),i)}function At(t){if("number"==typeof t)return Number.isFinite(t);if("string"!=typeof t||!/^-?(?:(?:\d{1,3}(?:,\d{3})+|\d+)(?:\.\d+)?|\.\d+)$/.test(t))return!1;const i=parseFloat(t.replace(/,/g,""));return Number.isFinite(i)}function Lt(t){if("number"==typeof t)return t;const i=String(t).split(",");return parseFloat("0"==i[0]?String(t).replace(/,/g,"."):String(t).replace(/,/g,""))}class Tt{static equals(t,i,e){return Array.isArray(t)?this.fo(-1!==t.indexOf(i),e):xt(t)?this.fo(-1!==Object.keys(t).indexOf(String(i)),e):(t=String(t),i=String(i),t=t.valueOf().toLowerCase(),i=i.valueOf().toLowerCase(),this.fo(t===i,e))}static less(t,i,e){return typeof(t=At(t)?Lt(t):t)==typeof(i=At(i)?Lt(i):i)&&this.fo(t<i,e)}static lessEqual(t,i,e){return typeof(t=At(t)?Lt(t):t)==typeof(i=At(i)?Lt(i):i)&&this.fo(t<=i,e)}static contains(t,i,e){return t=String(t),i=String(i),t=t.valueOf().toLowerCase(),0===(i=i.valueOf().toLowerCase()).replace(/^([\s]*)|([\s]*)$/g,"").length?this.fo(!0,e):this.fo(-1!==t.indexOf(i),e)}static isIn(t,i,e=!1,s="|"){const n=String(t).split(s).map((t=>String(t)));"string"==typeof i&&(i=i.split(s)),Array.isArray(i)||(i=[]),i=i.map((t=>String(t).valueOf().toLowerCase()));for(let t=0;t<n.length;t++)if(-1!==i.indexOf(n[t]))return this.fo(!0,e);return this.fo(!1,e)}static startsWith(t,i,e){return t=String(t).valueOf().toLowerCase(),i=String(i).valueOf().toLowerCase(),this.fo(0===t.indexOf(i),e)}static endsWith(t,i,e){return t=String(t).valueOf().toLowerCase(),i=String(i).valueOf().toLowerCase(),this.fo(-1!==t.indexOf(i,t.length-i.length),e)}static regexMatches(t,i,e){t=String(t).valueOf().toLowerCase(),i=String(i).valueOf();const s=new RegExp(i,"i");return this.fo(s.test(t),e)}static fo(t,i=!1){return i?!t:t}}Mt=Tt,Tt.equalsNumber=Mt.equals,Tt.matches=Mt.equals,function(t){t[t.po=100]="Continue",t[t.mo=101]="SwitchingProtocols",t[t.wo=102]="Processing",t[t.Io=103]="EarlyHints",t[t.yo=200]="Ok",t[t.bo=201]="Created",t[t.xo=202]="Accepted",t[t.ko=203]="NonAuthoritativeInformation",t[t.So=204]="NoContent",t[t._o=205]="ResetContent",t[t.$o=206]="PartialContent",t[t.Oo=207]="MultiStatus",t[t.Mo=208]="AlreadyReported",t[t.Co=226]="ImUsed",t[t.jo=300]="MultipleChoices",t[t.Eo=301]="MovedPermanently",t[t.Do=302]="Found",t[t.Ao=303]="SeeOther",t[t.Lo=304]="NotModified",t[t.To=305]="UseProxy",t[t.No=306]="Unused",t[t.Ro=307]="TemporaryRedirect",t[t.Po=308]="PermanentRedirect",t[t.qo=400]="BadRequest",t[t.Bo=401]="Unauthorized",t[t.Vo=402]="PaymentRequired",t[t.Uo=403]="Forbidden",t[t.Fo=404]="NotFound",t[t.Go=405]="MethodNotAllowed",t[t.zo=406]="NotAcceptable",t[t.Ho=407]="ProxyAuthenticationRequired",t[t.Wo=408]="RequestTimeout",t[t.Jo=409]="Conflict",t[t.Ko=410]="Gone",t[t.Qo=411]="LengthRequired",t[t.Yo=412]="PreconditionFailed",t[t.Zo=413]="PayloadTooLarge",t[t.Xo=414]="UriTooLong",t[t.tr=415]="UnsupportedMediaType",t[t.ir=416]="RangeNotSatisfiable",t[t.er=417]="ExpectationFailed",t[t.sr=418]="ImATeapot",t[t.nr=421]="MisdirectedRequest",t[t.rr=422]="UnprocessableEntity",t[t.hr=423]="Locked",t[t.ar=424]="FailedDependency",t[t.cr=425]="TooEarly",t[t.dr=426]="UpgradeRequired",t[t.lr=428]="PreconditionRequired",t[t.ur=429]="TooManyRequests",t[t.vr=431]="RequestHeaderFieldsTooLarge",t[t.gr=451]="UnavailableForLegalReasons",t[t.pr=500]="InternalServerError",t[t.mr=501]="NotImplemented",t[t.wr=502]="BadGateway",t[t.Ir=503]="ServiceUnavailable",t[t.yr=504]="GatewayTimeout",t[t.br=505]="HttpVersionNotSupported",t[t.kr=506]="VariantAlsoNegotiates",t[t.Sr=507]="InsufficientStorage",t[t._r=508]="LoopDetected",t[t.$r=510]="NotExtended",t[t.Or=511]="NetworkAuthenticationRequired"}(Ct||(Ct={}));const Nt=t=>!["GET","HEAD","DELETE","TRACE","OPTIONS"].includes(t.toUpperCase()),Rt=(t,i,e)=>{let s="";return xt(t)&&!Nt(i)&&(s="old-nodejs"!==e.runtime?Object.keys(t).map((i=>`${encodeURIComponent(i)}=${encodeURIComponent(t[i])}`)).join("&"):e.Mr.stringify(t)),s?`?${s}`:s},Pt={request(t){var e;const s=(null===(e=null==t?void 0:t.method)||void 0===e?void 0:e.toUpperCase())||"GET",n=(null==t?void 0:t.path)?t.path.startsWith("/")?t.path:`/${t.path}`:"",o=t.Cr.endsWith("/")?t.Cr.slice(0,-1):t.Cr,r=(null==t?void 0:t.responseType)||"json",h=(()=>{if("undefined"!=typeof window)return{runtime:"browser"};if("function"==typeof fetch)return{runtime:"server-with-fetch"};try{const t=require("url"),i=require("http");return{runtime:"old-nodejs",url:t,jr:i,Er:require("https"),Mr:require("querystring")}}catch(t){}return{runtime:"unknown"}})();return new Promise(((e,a)=>{if("browser"===h.runtime||"server-with-fetch"===h.runtime){const c={method:s,keepalive:!0};(null==t?void 0:t.headers)&&(c.headers=t.headers),(null==t?void 0:t.data)&&Nt(s)&&(c.body=JSON.stringify(t.data));const d=`${o}${n}${Rt(null==t?void 0:t.data,s,h)}`;"post"===s.toLowerCase()&&"undefined"!=typeof navigator&&(null===navigator||void 0===navigator?void 0:navigator.sendBeacon)?navigator.sendBeacon(d,c.body)?e({data:!0,status:Ct.yo,statusText:N}):a({message:T}):fetch(d,c).then((t=>i(this,void 0,void 0,(function*(){if(t.status===Ct.yo){const i={status:t.status,statusText:t.statusText,headers:t.headers,data:null};switch(r){case"json":i.data=yield t.json();break;case"arraybuffer":i.data=yield t.arrayBuffer();break;case"text":i.data=t;break;default:return void a({message:T})}e(i)}else a({message:t.statusText,status:t.status})})))).catch((t=>{a({message:null==t?void 0:t.message,status:null==t?void 0:t.status,statusText:null==t?void 0:t.statusText})}))}else if("old-nodejs"===h.runtime){const i=h.url.parse(o);i.port||(i.port="https:"===i.protocol?"443":"80");const c=i.path.endsWith("/")?i.path.slice(0,-1):i.path,d="https:"===i.protocol?h.Er:h.jr,l=[],u={hostname:i.hostname,path:`${c}${n}${Rt(null==t?void 0:t.data,s,h)}`,port:i.port,method:s},v=(null==t?void 0:t.data)&&Nt(s)?JSON.stringify(t.data):null;(null==t?void 0:t.headers)&&(u.headers=t.headers),v&&(u.headers||(u.headers={}),u.headers["Dr"]=Buffer.byteLength(v));const g=d.request(u,(t=>{t.on("data",(t=>l.push(t))),t.on("end",(()=>{if(t.statusCode===Ct.yo){const i=Buffer.concat(l),s=i.toString(),n={status:t.statusCode,statusText:t.statusMessage,headers:t.headers,data:null};switch(r){case"json":n.data=s?JSON.parse(s):"";break;case"arraybuffer":n.data=null==i?void 0:i.buffer;break;case"text":n.data=t;break;default:return void a({message:T})}e(n)}else a({message:t.statusMessage,status:t.statusCode})}))}));g.on("error",(t=>{const i=t;a({message:null==i?void 0:i.message,status:null==i?void 0:i.code,statusText:null==i?void 0:i.statusText})})),v&&g.write(v),g.end()}else a({message:L})}))}};var qt,Bt,Vt,Ut,Ft,Gt;!function(t){t.zt="message",t.Ar="load",t.Lr="beforeunload",t.Tr="popstate"}(qt||(qt={})),function(t){t.LOADING="loading",t.Nr="interactive",t.Rr="complete"}(Bt||(Bt={})),function(t){t.HIDDEN="hidden",t.Pr="visible"}(Vt||(Vt={})),function(t){t.qr="visibilitychange",t.Br="readystatechange",t.Vr="DOMContentLoaded",t.Ur="scroll"}(Ut||(Ut={})),function(t){t.CLICK="click",t.Fr="mouseover",t.Gr="mouseout",t.zr="mousemove",t.Hr="mouseenter",t.Wr="mouseleave"}(Ft||(Ft={})),function(t){t.Jr="submit"}(Gt||(Gt={}));const zt=(t,i,e=!1)=>{var s,n;if("regexMatches"===(null===(s=null==i?void 0:i.Kr)||void 0===s?void 0:s.Qr)){const i=new URL(t);return e||(i.search=""),i.toString()}const o=String(null!==(n=null==i?void 0:i.value)&&void 0!==n?n:""),r=new URL(t);if(!(t=>{if(t.startsWith("http"))return!1;try{return new RegExp(t,"i"),!0}catch(t){return!1}})(o)&&o)try{const t=new URL(o,r.origin),i=t.pathname.endsWith("/");if(i&&!r.pathname.endsWith("/")?r.pathname=`${r.pathname}/`:!i&&r.pathname.length>1&&r.pathname.endsWith("/")&&(r.pathname=r.pathname.slice(0,-1)),e){const i=t.pathname.endsWith("/")&&""!==t.search,e=!t.pathname.endsWith("/")&&""!==t.search;i&&!r.pathname.endsWith("/")?r.pathname+="/":e&&r.pathname.endsWith("/")&&(r.pathname=r.pathname.slice(0,-1))}else r.search=""}catch(t){e||(r.search="")}else e||(r.search="");return r.toString()},Ht=(t,i=new WeakMap)=>{if("object"!=typeof t||null===t)return"function"==typeof t?t.toString():t;if(i.has(t))return i.get(t);if(Array.isArray(t)){const e=t.map((t=>Ht(t,i)));return i.set(t,e),e}if(xt(t)){const e={};i.set(t,e);for(const s of Object.keys(t))Object.defineProperty(e,s,{get:()=>Ht(t[s],i),set:i=>t[s]="function"==typeof t?i.toString():i,enumerable:!0,configurable:!0});try{return JSON.parse(JSON.stringify(e))}catch({message:t,stack:i}){}}return t},Wt=(t,i=!1)=>{if("undefined"==typeof convertMap)return t;if(i){for(const i in convertMap)if(convertMap[i]===t)return i;return t}return convertMap[t]||t},Jt=(t,i=!1,e=new WeakMap)=>{if("undefined"==typeof convertMap)return t;if("object"!=typeof t||null===t)return t;if(e.has(t))return e.get(t);if(Array.isArray(t)){const s=t.map((t=>Jt(t,i,e)));return e.set(t,s),s}if(xt(t)){const s={};e.set(t,s);for(const n of Object.keys(t)){const o=Wt(n,i);Object.defineProperty(s,o,{get:()=>Jt(t[n],i,e),set:i=>t[n]=i,enumerable:!0,configurable:!0})}return s}return t},Kt=(t,i)=>{if(t){for(const i in t)delete t[i],delete t[Wt(i)];for(const e in i)t[Wt(e)]=Jt(i[e])}else"undefined"!=typeof console&&console.error&&console.error("Object in scope must have a predefined value!")},Qt=t=>"object"==typeof t&&null!==t?Array.isArray(t)?t.map((t=>Qt(t))):xt(t)?Object.keys(t).reduce(((i,e)=>(i[e]=Qt(t[e]),i)),{}):Object.assign(Object.create(Object.getPrototypeOf(t)),t):t,Yt=(t,i)=>t.reduce(((t,e,s)=>{let n;return n=xt(e)?e[i]||s:e,t[n]=e||"",t}),{}),Zt=t=>t.filter(((i,e)=>t.findIndex((t=>kt(t,i)))===e)),Xt=t=>{if("boolean"==typeof t)return t;switch(String(t).toLowerCase()){case"true":case"1":return!0}return!1};function ti(t,i=500){let e,s;return(...n)=>{const o=Date.now();e&&o<e+i?(s&&clearTimeout(s),s=setTimeout((()=>{e=Date.now(),t.apply(this,Array.prototype.slice.apply(n))}),i-(o-e))):(e=o,t.apply(this,Array.prototype.slice.apply(n)))}}function ii(t,i=100,e=!1){let s;return(...n)=>{const o=e&&!s;clearTimeout(s),s=setTimeout((()=>{s=null,e||t.apply(this,Array.prototype.slice.apply(n))}),i),o&&t.apply(this,Array.prototype.slice.apply(n))}}const ei=(t,i)=>{const e=`www.${t}`,s=new RegExp(`^${i.replace(/\./g,"\\.").replace(/\?/g,"\\?").split("*").join(".*?")}$`);return s.test(e)||s.test(t)},si=t=>JSON.stringify(t).replace(/,/g,"-").replace(/:/g,".").replace(/"/g,""),ni=t=>{if("string"!=typeof t)return{};try{return JSON.parse(t.replace(/-/g,",").replace(/\./g,":").replace(/([A-Za-z0-9]+):/g,'"$1":'))}catch({stack:i,message:e}){return"undefined"!=typeof console&&console.error&&(console.error("Convert:",i||e),console.error("Convert:",t.replace(/-/g,",").replace(/\./g,":").replace(/([A-Za-z0-9]+):/g,'"$1":'))),{}}},oi=t=>{if(!t)return t;try{return decodeURIComponent(t.replace(/%(?![0-9a-fA-F]{2})/g,"%25"))}catch(i){return decodeURIComponent(t.replace(/%[0-9a-fA-F]{2}/g,"%20"))}},ri=t=>{try{return t!==decodeURIComponent(t)}catch(t){return!1}},hi=({url:t,attributes:i={}})=>new Promise(((e,s)=>{const n=document.createElement("script");n.src=t;for(const t in i)n.setAttribute(t,i[t]);n.onload=()=>e(),n.onerror=t=>s(t);const o=document.getElementsByTagName("script")[0];o?o.parentNode.insertBefore(n,o):"undefined"!=typeof console&&console.warn&&console.warn("Unable to find any script element in this document!")})),ai=t=>"function"==typeof t[Symbol.iterator],ci=t=>ai(t)&&"[object Arguments]"===Object.prototype.toString.call(t),di=(t,i)=>{document.readyState!==Bt.LOADING?setTimeout((()=>t()),1):document.addEventListener(Ut.Vr,(()=>t()),{signal:i})},li=(t,{scope:e=window,Yr:s=20,interval:n=300}={})=>{let o=0;const r=h=>i(void 0,void 0,void 0,(function*(){let i;i="function"==typeof t?yield t():null==e?void 0:e[t],i?h(i):o<s?(o++,setTimeout((()=>r(h)),n)):h()}));return new Promise((t=>r(t)))};var ui;!function(t){t.Zr="enabled_experiences",t.Xr="disabled_experiences",t.th="enabled_variations",t.ih="disabled_variations",t.eh="conv_split_referrer",t.sh="conv_split_variation",t.nh="conv_traffic_allocation",t.oh="conv_qa_setting",t.rh="convert_config"}(ui||(ui={}));class vi{constructor(t,i){var e,s;this.hh=i,this.href=t||document.location.href,i||(this.href=this.href.toLowerCase()),this.object=this.parse(t),this.query=this.getQuery(null===(e=this.object)||void 0===e?void 0:e.query),this.hash=this.ah(null===(s=this.object)||void 0===s?void 0:s.hash)}dh(){return`${this.object.protocol}//${this.object.host}${this.object.pathname}`}parse(t){if(t){const i=t.startsWith("http")?t:`${location.protocol}//${location.host}${t.startsWith("/")?t:`/${t}`}`,e=new URL(this.hh?i:i.toLowerCase());return{hash:e.hash.slice(1),host:e.host,hostname:e.hostname,pathname:e.pathname,protocol:e.protocol,query:e.search.slice(1)}}return{hash:document.location.hash.slice(1),host:document.location.host,hostname:document.location.hostname,pathname:document.location.pathname,protocol:document.location.protocol,query:document.location.search.slice(1)}}create(t=[]){let i=this.dh();const e=Object.keys(this.query).filter((i=>!t.includes(i)));e.length&&(i+=`?${e.map((t=>{const i=this.query[t];return`${t}=${ri(i)?i:encodeURIComponent(i)}`})).join("&")}`);const s=Object.keys(this.hash).filter((i=>!t.includes(i)));return s.length&&(i+=`#${s.map((t=>{const i=this.hash[t];return`${t}${i?`=${ri(i)?i:encodeURIComponent(i)}`:""}`})).join("&")}`),i}getQuery(t){var i;if(this.query&&!t)return this.query;t||(t=null===(i=this.object)||void 0===i?void 0:i.query);const e={},s=(null==t?void 0:t.split("&"))||[];let n,o,r;for(o=0,r=s.length;o<r;o++){if(!s[o].trim())continue;n=s[o].split("=");const t=n.shift(),i=n.join("=");if(t.trim())try{const s=null!=i?i:"";e[t]=oi(s.replace(/\+/g,"%20"))}catch(s){e[t]=String(i).replace(/\+/g," ")}}return this.query=e,e}ah(t){var i;if(this.hash&&!t)return this.hash;if(!t)return{};const e={},s=(t||(null===(i=this.object)||void 0===i?void 0:i.hash)||"").split("&");let n,o,r;for(o=0,r=s.length;o<r;o++)if(n=s[o].split("="),n[0].trim())try{e[n[0]]=n[1]?oi(n[1].replace(/\+/g,"%20")):""}catch(t){e[n[0]]=n[1]?String(n[1]).replace(/\+/g," "):""}return this.hash=e,e}}const gi="https://logs.convertexperiments.com/v1/log",fi=[ut.Xs,ut.Ws,ut.Ks,ut.Di,ut.Ai,ut.Qs,ut.Ys,ut.Zs,ut.en,ut.sn,ut.Js,ut.Hs,ut.cn,ut.nn,ut.rn,ut.an,ut.dn,ut.ln,ut.un],pi={[ft.Rn]:[`${pt.Kn}${gt.$n}`,`${pt.Jn}${gt.$n}`],[ft.Pn]:[`${pt.Kn}${gt.On}`,`${pt.Jn}${gt.On}`],[ft.qn]:[`${pt.Kn}${gt.Mn}`,`${pt.Jn}${gt.Mn}`],[ft.Bn]:[`${pt.Kn}${gt.Cn}`,`${pt.Jn}${gt.Cn}`],[ft.Vn]:[`${pt.Kn}${gt.jn}`,`${pt.Jn}${gt.jn}`],[ft.Un]:[`${pt.Kn}${gt.En}`,`${pt.Jn}${gt.En}`],[ft.Fn]:[`${pt.Kn}${gt.Dn}`,`${pt.Jn}${gt.Dn}`],[ft.Gn]:[`${pt.Kn}${gt.An}`,`${pt.Jn}${gt.An}`],[ft.zn]:[`${pt.Kn}${gt.Ln}`,`${pt.Jn}${gt.Ln}`],[ft.Hn]:[`${pt.Kn}${gt.Tn}`,`${pt.Jn}${gt.Tn}`],[ft.Wn]:[`${pt.Kn}${gt.Nn}`,`${pt.Jn}${gt.Nn}`]};class mi{constructor({config:t,data:i,state:e,uh:s,request:n,remote:o,gh:r,fh:h,t:a,ph:c,mh:d,wh:l,Ih:u,yh:v,visitor:g}){this.name="Experiences",this.bh=t,this.xh=i,this.kh=e,this.Sh=n,this._h=o,this.$h=r,this.u=a,this.Oh=s,this.Mh=h,this.Ch=c,this.jh=d,this.Eh=l,this.Dh=u,this.Ah=v,this.Lh=g,this.Th=[],this.Nh=!1,this.Rh=[],this.Ph={},this.qh={},this.kh.Bh={},this.Vh=2400,this.Uh=!1,this.Mh.on(G.Yi,(t=>{const{experienceId:i}=Jt(t);this.Th.push(i)})),this.Mh.on(G.Zi,(t=>{const{experienceId:i}=Jt(t);this.Rh.push(i)})),this.Mh.on(Z.Ke,((...t)=>this.Fh(Jt(t,!0)))),this.$h.Gh=this.$h.zh=(...t)=>{const[i]=t;if(xt(i))this.zh(i);else{const[i,e]=t;this.zh({experienceId:i,Hh:e})}},this.$h.Wh=(...t)=>{const[i]=t;if(xt(i))this.Jh(Object.assign(Object.assign({},i),{force:!0}));else{const[i,e]=t;this.Jh({experienceId:i,Hh:e,force:!0})}},this.$h.Kh=(...t)=>{const[i]=t;if(xt(i))this.Qh(i);else{const[i,e]=t;this.Qh({Yh:e,Zh:i})}},this.$h.Xh=this.$h.ta=(...t)=>{const[i]=t;if(xt(i))this.Qh(i);else{const[i,e]=t;this.Qh({Yh:e,Zh:i})}},this.$h.ia=()=>{this.Uh=!0},this.$h.ea=(...t)=>{const[i]=t;if(xt(i))this.ea(i);else{const[i]=t;this.ea({experienceId:i})}},this.$h.sa=(...t)=>{const[i]=t;if(xt(i))this.sa(i);else{const[i]=t;this.sa({experienceId:i})}},this.$h.na=(...t)=>{const[i]=t;if(xt(i))this.na(i);else{const[i,e]=t;this.na({experienceId:i,Hh:e})}},this.$h.Fh=(...t)=>{const[i]=t;if(xt(i))this.Fh(i);else{const[i,e]=t;this.Fh({experienceId:i,Hh:e})}},this.$h.oa=this.$h.ra=(...t)=>{const[i]=t;if(xt(i))this.ha(Object.assign(Object.assign({},i),{aa:!0}));else{const[i,e,s,n]=t;this.ha({experienceId:i,Yh:s,Zh:e,logLevel:n,aa:!0})}},this.$h.ca=this.$h.ca=(...t)=>{const[i]=t;if(xt(i))this.da(i);else{const[i,e,s]=t;this.da({experienceId:i,Yh:s,Zh:e})}},window.convert[Wt("executeExperiment",!0)]=window.convert[Wt("executeExperience",!0)]=this.$h.ra,window.convert[Wt("executeExperimentLooped",!0)]=window.convert[Wt("executeExperienceLooped",!0)]=this.$h.ca}process({la:t,Zh:i=!0}){var e,s,n,o;if(this.Uh)return void this.Mh.I(Z.Ge,{Yh:this.Lh.id,ua:!0,Zh:i});const r=(null===(n=null===(s=null===(e=this.Sh.url.query)||void 0===e?void 0:e[ut.Ys])||void 0===s?void 0:s.split)||void 0===n?void 0:n.call(s,","))||[],a=Boolean(r.length&&"all"===r[0].toLowerCase());for(const{id:i,type:e,version:s}of t)r.includes(i)||a||(Number(s)<6||e===h)&&this.kh.Bh[i]||(this.va({experienceId:i,Yh:this.Lh.id}),(null===(o=this.kh)||void 0===o?void 0:o.fa)&&this.fa());this.Th.length&&this.Mh.I(Z.Ve,{Yh:this.Lh.id,Zh:i})}pa(){var t,i,e,s;this.kh.Bh=this.Lh.cookies.getData(mt.Zn)||{},xt(this.kh.Bh)||(this.kh.Bh=this.Oh.get(ui.sh)||{});let n=!1;if(xt(this.kh.Bh)||(this.kh.Bh=this.Lh.ma()||{},n=!!Object.keys(this.kh.Bh).length),xt(this.kh.Bh)){for(const o in this.kh.Bh){String((null===(t=this.bh.la[o])||void 0===t?void 0:t.type)||"Split URL").toUpperCase();const r=new vi(this.Sh.url.href).create(fi);let h;if("object"==typeof this.kh.Bh[o]){const{value:t,time:i=0,wa:e}=this.kh.Bh[o]||{};if(i>=Date.now()&&(h=String(t)),e===Dt(r)){delete this.kh.Bh[o];continue}}else{const t=String(this.kh.Bh[o]);if(t.includes("+")){const[i,e]=t.split("+");if(At(e)&&Number(e)===Dt(r)){delete this.kh.Bh[o];continue}h=i}else h=t}h?h.includes("preview")?this.kh.Ia=!0:((null===(s=null===(e=null===(i=this.xh)||void 0===i?void 0:i.ya)||void 0===e?void 0:e.la)||void 0===s?void 0:s.ba)===o&&this._h.log({[C.di]:h},{cookies:this.Lh.cookies,request:this.Sh,from:M.Y,visitor:this.Lh}),this.xa({experienceId:o,Hh:h,ka:n}),this.Lh.Sa({experienceId:o,Hh:h})):delete this.kh.Bh[o]}this.Lh.cookies.deleteData(mt.Zn),this.Oh.delete(ui.sh),this.Lh._a()}return this.kh.Bh}fa({force:t}={}){if(t||this.Lh.cookies.enabled){for(const t in this.qh)if(this.qh[t])try{clearTimeout(this.qh[t]),this.qh[t]=null}catch({message:t}){}throw this.Mh.I(Z.Ue,{}),ct}}$a({Yh:t,Zh:i=!0}){var e;if(!this.Nh&&this.Th.length){this.Nh=!0;for(let i=0,s=this.Th.length;i<s;i++)this.va({experienceId:this.Th[i],Yh:t}),(null===(e=this.kh)||void 0===e?void 0:e.fa)&&this.fa();this.Mh.I(Z.Fe,{Zh:i}),this.Th=[],this.Mh.I(Z.Ge,{Yh:t,Zh:i})}}Oa({experienceId:t,Hh:i,Ma:e}){const s={[C.bt]:Object.assign({[C.Tt]:"viewExp",[C.Nt]:[t],[C.Rt]:[i]},isNaN(e)?{}:{[C.Ht]:e})};this._h.log(s,{cookies:this.Lh.cookies,request:this.Sh,from:M.tt,visitor:this.Lh})}xa({experienceId:t,Hh:i,ka:e}){var s,n,o;if((null===(s=this.kh)||void 0===s?void 0:s.Ia)||!e&&(null===(n=this.Lh.la)||void 0===n?void 0:n[t]))return;this.jh.Ca(this.Lh.id,{ja:{[t]:String(i)}});const r={experienceId:String(t),Hh:String(i)},h={Ea:$,data:r};this._h.track(h,{visitor:this.Lh});const a=this.Oh.get(ui.nh)||{},c=Number(null===(o=a[this.Lh.id])||void 0===o?void 0:o[t]);this.Oa({experienceId:t,Hh:i,Ma:c}),this.Da()}ea({experienceId:t}){const i=Array.isArray(t)?t:[t];if(!i.length)return;const e=Object.fromEntries(i.map((t=>[t,1])));for(const t of i)this.Lh.Aa[t]&&delete this.Lh.Aa[t],this.Lh.La[t]&&delete this.Lh.La[t],this.Lh.Ta({experienceId:t});xt(this.Lh.Aa)?this.Oh.set(ui.Zr,this.Lh.Aa):this.Oh.delete(ui.Zr),xt(this.Lh.La)?this.Oh.set(ui.th,this.Lh.La):this.Oh.delete(ui.th),this.Lh.Na=bt(this.Lh.Na,e),this.Oh.set(ui.Xr,this.Lh.Na),this.Lh.cookies.save(),this.Lh.process(),this.Mh.I(Z.ze,{la:i})}sa({experienceId:t}){const i=Array.isArray(t)?t:[t];if(i.length){for(const t of i)this.Lh.Na[t]&&delete this.Lh.Na[t],this.Lh.Ra[t]&&delete this.Lh.Ra[t];xt(this.Lh.Na)?this.Oh.set(ui.Xr,this.Lh.Na):this.Oh.delete(ui.Xr),xt(this.Lh.Ra)?this.Oh.set(ui.ih,this.Lh.Ra):this.Oh.delete(ui.ih),this.Lh.Aa=bt(this.Lh.Aa,Object.fromEntries(i.map((t=>[t,1])))),this.Oh.set(ui.Zr,this.Lh.Aa),this.Mh.I(Z.He,{la:i});for(const t of i)this.ha({experienceId:t})}}na({experienceId:t,Hh:i}){t&&i&&(this.Lh.La[t]&&delete this.Lh.La[t],xt(this.Lh.La[t])||delete this.Lh.La[t],this.Lh.Pa({experienceId:t,Hh:i}),xt(this.Lh.La)?this.Oh.set(ui.th,this.Lh.La):this.Oh.delete(ui.th),this.Lh.Ra[t]=i,this.Oh.set(ui.ih,this.Lh.Ra),this.Lh.cookies.save(),this.Lh.process(),this.Mh.I(Z.We,{experienceId:t,Hh:i}))}Fh({experienceId:t,Hh:i,qa:e=!0}){if(t&&i&&(this.Lh.Na[t]&&delete this.Lh.Na[t],this.Lh.Ra[t]&&delete this.Lh.Ra[t],xt(this.Lh.Na)?this.Oh.set(ui.Xr,this.Lh.Na):this.Oh.delete(ui.Xr),xt(this.Lh.Ra)?this.Oh.set(ui.ih,this.Lh.Ra):this.Oh.delete(ui.ih),this.Lh.La[t]=i,this.Oh.set(ui.th,this.Lh.La),this.Mh.I(Z.Je,{experienceId:t,Hh:i}),e)){const e=this.Ba({experienceId:t});if(e)if("boolean"==typeof e)this.zh({experienceId:t,Hh:i});else if(Array.isArray(e))for(const t of e)this.Mh.I(Z.Fe,{locationId:t})}}Ba({experienceId:t}){var i,e,s,n,o;let r=!1;const h=[];for(const a of this.bh.la[t].Va)(null===(i=this.bh.Va[a])||void 0===i?void 0:i.Ua)&&(null===(s=null===(e=this.bh.Va[a])||void 0===e?void 0:e.Ua)||void 0===s?void 0:s.type)!==m?(null===(o=null===(n=this.bh.Va[a])||void 0===n?void 0:n.Ua)||void 0===o?void 0:o.type)===I&&h.push(a):r=!0;return r||!!h.length&&h}Da(){if(Object.values(this.Lh.data.la).filter((({Fa:t})=>t)).length===Object.keys(this.Lh.la).length){const t={Ea:"testVisitor"};this._h.track(t,{visitor:this.Lh}),this._h.log({[C.bt]:{[C.Tt]:"tv"}},{cookies:this.Lh.cookies,request:this.Sh,visitor:this.Lh,from:M.tt})}}va({experienceId:t,Yh:i,logLevel:e}){var s,n,o,c,d,l,u,v,g;if(!this.bh.la[t])return;if(this.kh.Ga&&(this.Lh.Na[t]||this.Lh.Ra[t]||!(null===(s=this.kh.za)||void 0===s?void 0:s[t])))return;if("1"===(null===(n=this.Lh.la[t])||void 0===n?void 0:n[dt.Ai]))return;if(this.Lh.Na[t])return;const f=this.Ch.getData({yh:this.Ah,visitor:this.Lh,experienceId:t});let p;if(this.kh.za[t]&&(null===(o=this.kh)||void 0===o?void 0:o.Ha))p=this.kh.za[t];else if(!this.kh.za[t]&&this.kh.Ga);else if(this.kh.Wa[t])p=this.kh.Wa[t],this.xa({experienceId:t,Hh:p});else{const i=this.Dh.Ja({experienceId:t}),e=!(this.bh.la[t].type===a||this.bh.la[t].type===h||this.bh.la[t].status===r||i),s=this.Eh.Ka(this.Lh.id,t,{Qa:f,Za:!1,Xa:this.kh.tc[t],ec:e,sc:!0,nc:null===(c=this.xh)||void 0===c?void 0:c.nc});if(s){if(Object.values(G).includes(s))return s===G.Zi?this.Th.push(t):s===G.Yi&&this.Rh.push(t),!1;if(Object.values(j).includes(s))s===j.fi?this.bh.la[t].status:p=1;else{const n=s;if(n){p=n.id,i&&!i.includes(p)&&this.xa({experienceId:t,Hh:p});const s=this.Oh.get(ui.nh)||{};s[this.Lh.id]||(s[this.Lh.id]={}),!s[this.Lh.id][t]&&(null==n?void 0:n.Ma)&&(s[this.Lh.id][t]=n.Ma,this.Oh.set(ui.nh,s)),e&&!(null===(d=this.Lh.la)||void 0===d?void 0:d[t])&&(this.Oa({experienceId:t,Hh:p,Ma:null==n?void 0:n.Ma}),this.Da())}}}}if(p){if(this.qh[t])try{clearTimeout(this.qh[t]),this.qh[t]=null}catch({message:t}){}try{const i=this.bh.la[t].name,e=1!==Number(p)&&p.toString(),s=null===(l=this.bh.la[t].oc[p])||void 0===l?void 0:l.name;this.Mh.I(lt.Ls,{data:{experienceId:String(t),rc:String(t),Hh:e,hc:e,ac:i,cc:i,dc:s,variation_name:s}})}catch({message:t}){}if(1!==Number(p)){(null===(u=this.bh.la[t])||void 0===u?void 0:u.lc)&&this.Dh.uc({code:this.bh.la[t].lc}),(null===(v=this.bh.la[t])||void 0===v?void 0:v.vc)&&this.Dh.gc({fc:this.bh.la[t].vc});const e=Number(null===(g=this.bh.la[t])||void 0===g?void 0:g.version),s=this.qa({experienceId:t,mc:e,Hh:p,Yh:i});return s||this.kh.fa?this.fa({force:s}):this.Lh.Sa({experienceId:t,Hh:p}),!0}this.Lh.wc({experienceId:t}),this.Lh.cookies.save(),i&&this.Lh.id}return!1}qa({experienceId:t,mc:i,Hh:e,Yh:s}){var n,o,r;if(!this.kh.Ga||!this.Lh.Na[t]&&!this.Lh.Ra[t]&&(null===(n=this.kh.za)||void 0===n?void 0:n[t])){if((null===(o=this.bh.la[t])||void 0===o?void 0:o.type)===h){if(!this.kh.Bh[t])if(String(null===(r=this.bh.la[t].Ic)||void 0===r?void 0:r.id)!==String(e))try{return this.Dh.yc({experienceId:t,Hh:e,mc:i}),!0}catch({message:i}){this._h.log({[C.zt]:`${i} e: ${t} v: ${e}`},{cookies:this.Lh.cookies,request:this.Sh,from:M.Z,visitor:this.Lh})}else try{return this.Dh.yc({experienceId:t,Hh:e,mc:i,bc:!0,xc:!this.Lh.cookies.enabled}),!1}catch({message:t}){}}else this.Dh.yc({experienceId:t,Hh:e,mc:i});return this.kh.fa}}Jh({experienceId:t,Hh:i,force:e}){var s,n;this.kh.isDisabled||(e?((null===(s=this.kh)||void 0===s?void 0:s.Wa)||(this.kh.Wa={}),this.kh.Wa[t]=i):((null===(n=this.kh)||void 0===n?void 0:n.za)||(this.kh.za={}),this.kh.za[t]=i))}Qh({Yh:t,Zh:i=!0}){var e;if(this.kh.isDisabled)return;const s=[];for(let t=0,i=this.Rh.length;t<i;t++)s.push(this.Rh[t]);this.Rh=[];for(let i=0,n=s.length;i<n;i++)this.va({experienceId:s[i],Yh:t}),(null===(e=this.kh)||void 0===e?void 0:e.fa)&&this.fa();this.Mh.I(Z.Ge,{Yh:t,Zh:i})}ha({experienceId:t,Yh:i,Zh:e=!0,logLevel:s,aa:n=!1}){var o;this.kh.isDisabled||this.kh.Ga&&!(null===(o=this.kh.za)||void 0===o?void 0:o[t])||t&&this.bh.la[t]&&this.Mh.I(Z.Fe,{experienceId:t,Zh:e,kc:n})}da({locationId:t,experienceId:i,Yh:e,Zh:s=!0}={}){if(this.kh.isDisabled)return;if(!i&&!t)return;if(i){let t=!1;for(const e in this.bh.la[i].oc){const{status:s}=this.bh.la[i].oc[e];if(t=Boolean(!s||s===d),t)break}if(!t)return}const n=i?`exp-${i}`:`loc-${t}`;if(this.Ph[n]||(this.Ph[n]=0),this.qh[n])try{clearTimeout(this.qh[n]),this.qh[n]=null}catch({message:t}){}if(this.Ph[n]<this.Vh){this.Ph[n]++;const o=Boolean(this.Ph[n]%40==1);this.qh[n]=setTimeout((()=>{var n;i?this.ha({experienceId:i,Yh:e,Zh:s,logLevel:o?V.Wi:(null===(n=this.xh)||void 0===n?void 0:n.logLevel)||V.ERROR}):this.Mh.I(Z.Fe,{locationId:t,Zh:s})}),50)}else this.Ph[n]=0}zh({experienceId:t,Hh:i}){var e,s,n,o;if(this.kh.isDisabled)return;if(this.kh.Ga&&!(null===(e=this.kh.za)||void 0===e?void 0:e[t]))return;if(!(t&&i&&this.bh.la[t]&&(null===(n=null===(s=this.bh.la[t])||void 0===s?void 0:s.oc)||void 0===n?void 0:n[i])))return;this.kh.Ia=!0;const r=Number(null===(o=this.bh.la[t])||void 0===o?void 0:o.version),h=this.qa({experienceId:t,mc:r,Hh:i});this.kh.fa?this.fa({force:h}):this.Lh.Sa({experienceId:t,Hh:i}),this.Dh.start()}}const wi=[wt.no,wt.oo];class Ii{constructor({data:t,request:i,state:e,domain:s,Sc:n,path:o,_c:r,enabled:h,fh:a,t:c,remote:d,gh:l}){this.name="Cookies",this.data=t||{},this.enabled=h,this.Sh=i,this.kh=e,this.$c=s||"",this.Oc=n||X,this.Mc=o||"/",this.Cc=r||false,this.Mh=a,this.u=c,this._h=d,this.$h=l,t||this.load(),this.$h.jc=t=>this.Ec(t),window.convert[Wt("getCookie",!0)]=t=>this.get(t),window.convert[Wt("setCookie",!0)]=(t,i,e)=>this.set(t,i,e)}Dc(){return this.$c}Ac(t){this.$c=t}Lc(){return this.Oc}Tc(t){this.Oc=t}Nc(){return this.Mc}Rc(t){this.Mc=t}Pc(){return this.Cc}Ec(t){this.kh.isDisabled||(this.Cc=t)}get(t){if(this.kh.isDisabled)return;const i=new URLSearchParams(String(document.cookie).replace(/; */g,"&")),e=Object.fromEntries(i.entries());if(e[t])try{return oi(e[t])}catch({message:i}){const s={[C.gt]:t,[C.ft]:e[t],[C.ERROR]:i},n=M.K;this._h.log(s,{cookies:this,from:n})}return null}set(t,i,e){if(this.kh.isDisabled)return;const s=new Date,n=new Date;n.setTime(s.getTime()+1e3*(e||this.Oc));const o=this.Mc?`;path=${this.Mc}`:"",r=this.$c?`;domain=${this.$c}`:"",h=this.Cc?`;secure=${this.Cc}`:"";document.cookie=`${t}=${encodeURIComponent(i)};expires=${n.toUTCString()}${o}${r};SameSite=lax${h}`}delete(t){this.kh.isDisabled||this.set(t,"deleted",-1)}getData(t,i){return!!this.data[t]&&(i?this.data[t][i]:this.data[t])}setData(t,i,e){e?(this.data[t]||(this.data[t]={}),this.data[t][e]=i):this.data[t]=i}save(){this.saveData(mt.Zn,15),this.enabled&&(this.saveData(mt.Qn,15768e3),this.saveData(mt.Yn,1200),this.saveData(mt.Pe,15552e3),this.saveData(mt.yn,86400),this.Mh.I(lt.Ds))}saveData(t,i){if(this.data[t]){const e=this.qc(this.data[t]);this.set(t,e,i)}else this.data[t]&&delete this.data[t],this.set(t,"Deleted",-16e4)}qc(t={}){const i=[];if("string"==typeof t)return t;for(const e in t){const s=`${e}:${String(t[e]).replace(/:/g,"").replace(/\*/g," ").replace(/\|/g,"-")}`;i.push(s)}return i.join("*")}Bc(t,i){i?this.data[t][i]?this.data[t][i]++:this.data[t][i]=1:this.data[t]?this.data[t]++:this.data[t]=1}Vc(t,i){i?this.data[t][i]?this.data[t][i]--:this.data[t][i]=0:this.data[t]?this.data[t]--:this.data[t]=0}deleteData(t,i){i?delete this.data[t][i]:delete this.data[t]}Uc(t){this.enabled=t}verify(){if(!this.enabled)return!1;return!!this.get(mt.Qn)}test(){this.set(mt.Xn,1);const t=!!this.get(mt.Xn);return this.delete(mt.Xn),t}load(){const{[mt.Qn]:t,[mt.Yn]:i,[mt.Zn]:e}=this.Sh.url.query;t&&i?(this.parse(mt.Qn,oi(t)),this.parse(mt.Yn,oi(i))):(this.read(mt.Qn),this.read(mt.Yn),this.read(mt.Pe),this.read(mt.yn)),e?this.parse(mt.Zn,oi(e)):this.read(mt.Zn),this.read(mt.gn)}parse(t,i){this.data[t]={};let e="*";-1!=i.indexOf("|")&&(e="|");const s=i.split(e);for(let i=0,e=s.length;i<e;i++){const e=s[i].split(":");void 0!==e[1]?this.data[t][e[0]]=wi.includes(e[0])?Number(e[1]):e[1]:this.data[t]=wi.includes(t)?Number(e[0]):e[0]}}read(t){const i=this.get(t);i&&this.parse(t,i)}}class yi{constructor({cookies:t}){this.Fc=t,this.Lh=ni(t.getData(mt.Qn,wt.do))||{},this.Ah=ni(t.getData(mt.Qn,wt.ni))||{}}Gc(){return this.Fc}get(){const t={},i={},e={};for(const s in this.Lh){t[s]=this.Lh[s][dt.Ai];for(const t in this.Lh[s][dt.Es]||{})i[s]||(i[s]={}),i[s][t]=!0,e[t]=!0}return{ja:t,zc:i,Hc:e}}set(t,i){const e=this.visitor(i);this.Fc.setData(mt.Qn,si(e),wt.do);const{yh:s}=i||{};if(s){const t={},i=i=>t[i]=1;(s[Wt("customSegments")]||[]).forEach(i),this.Fc.setData(mt.Qn,si(Object.assign(Object.assign({},this.Ah),t)),wt.ni)}}visitor(t={}){const{ja:i={},zc:e}=this.get(),s={},n=(t,i,e={})=>{s[t]={[dt.Ai]:i,[dt.Es]:e}};Object.keys(i).forEach((t=>{if(xt(e[t])){const s=Object.keys(e[t]).reduce(((t,i)=>(t[i]=1,t)),{});n(t,i[t],s)}else n(t,i[t])}));const{ja:o,Hc:r}=t;return o&&Object.keys(o).forEach((t=>{const i=s[t]?s[t][dt.Es]:{};n(t,o[t],i),r&&((t,i)=>{s[t]||(s[t]={[dt.Es]:{}}),Object.keys(i).forEach((i=>{s[t][dt.Es][i]=1}))})(t,r)})),s}}class bi{constructor({config:t,data:i,state:e,Wc:s,Jc:n,request:o,Kc:r,remote:h,gh:a,uh:c,fh:d,Qc:l,t:u}){this.name="Visitor",this.Yc={},this.bh=t,this.xh=i,this.Zc={},this.kh=e,this.Wc=s,this.data=n,this.Sh=o,this.Xc=r,this._h=h,this.$h=a,this.Oh=c,this.Mh=d,this.td=l,this.u=u}process(t){var i,e,s;const n=!1===Boolean(this.id),o=!t,r=this.Sh.url.object.host.replace(/^www\./,"");this.domain=((t,i)=>{let e;if(t.find((({ed:t})=>t===i)))return`.${i}`;for(const{ed:s,sd:n}of t)if(n.find((t=>t.includes(i)||ei(i,t)))){e=`.${s}`;break}return e||!1})(this.bh.od.nd,r)||"",this.cookies=new Ii({data:null==t?void 0:t.data,request:this.Sh,state:this.kh,domain:this.domain,enabled:this.Xc,fh:this.Mh,t:this.u,remote:this._h,gh:this.$h}),this.device=this.device||Jt((null===(i=this.xh)||void 0===i?void 0:i.device)||{},!0),this.rd=this.rd||Jt((null===(e=this.xh)||void 0===e?void 0:e.rd)||{},!0),this.hd=this.hd||Jt((null===(s=this.xh)||void 0===s?void 0:s.hd)||{},!0),this.source=this.source||"",this.ad=this.ad||"",this.dd=this.dd||"",this.ld=this.ld||"",this.ud=this.cookies.getData(mt.Qn,wt.io),this.vd=this.cookies.getData(mt.Qn,wt.eo),this.gd=this.cookies.getData(mt.Qn,wt.so)||0,this.fd=parseInt(this.cookies.getData(mt.Qn,wt.no)||"0"),this.pd=parseInt(this.cookies.getData(mt.Qn,wt.oo)||"1"),o&&this.pd++,this.md=parseInt(this.cookies.getData(mt.Yn,wt.oo)||"1"),o&&this.md++,this.wd=this.cookies.getData(mt.Yn,wt.ro),this.Id=this.cookies.getData(mt.Yn,wt.si),this.Id||(this.Id=this.yd(),this.cookies.setData(mt.Yn,this.Id,wt.si)),this.bd(n),this.yh=this.xd(ni(this.cookies.getData(mt.Qn,wt.ni)),wt.ni),this.la=this.xd(ni(this.cookies.getData(mt.Qn,wt.do)),wt.do),"object"!=typeof this.la&&(this.la={});for(const t in this.la)if(xt(this.la[t][dt.Es])){this.Zc[t]||(this.Zc[t]={});for(const i in this.la[t][dt.Es])this.Zc[t][i]=!1}this.kd();const{Sd:h=[]}=this.bh;h.length&&h.forEach((t=>{this.la[t]&&delete this.la[t]})),this.Hc={};for(const t in this.la)for(const i in this.la[t][dt.Es])this.Hc[i]||(this.Hc[i]=1);const{Yh:a}=this.xh;if(a)this.id=a;else{const t=this.cookies.getData(mt.Qn,wt.gi);this.id=t||"1"}if(o){if(this._d=!1,!this.wd){this.fd?this.wd=this.fd+1:this.wd=1,this.cookies.setData(mt.Yn,this.wd,wt.ro),this.cookies.Bc(mt.Qn,wt.no),this.fd++,this.fd>1&&(this.gd=this.vd,this.cookies.setData(mt.Qn,this.gd,wt.so));const t=new Date;this.vd=Math.round(t.getTime()/1e3),this.cookies.setData(mt.Qn,this.vd,wt.eo),1!==this.fd||this.ud||void 0===this.ud||(this.ud=this.vd,this.cookies.setData(mt.Qn,this.ud,wt.io))}this.$d=1!==this.fd}}get id(){return"1"===this.Od?this.Id:this.Od}set id(t){t&&(this.Od=t,this.cookies.setData(mt.Qn,this.Od,wt.gi))}kd(){var t,i,e;(null===(t=this.kh)||void 0===t?void 0:t.Ia)||this.Oh.Md(sessionStorage),this.Na=this.Oh.get(ui.Xr)||{},xt(this.Na)&&this.Mh.I(Z.ze,{la:Object.keys(this.Na),Cd:!1}),this.Aa=this.Oh.get(ui.Zr)||{},xt(this.Aa)&&this.Mh.I(Z.He,{la:Object.keys(this.Aa),Cd:!1}),this.Ra=this.Oh.get(ui.ih)||{},xt(this.Ra)&&Object.keys(this.Ra).forEach((t=>{this.Mh.I(Z.We,{experienceId:t,Hh:this.Ra[t],Cd:!1})})),this.La=this.Oh.get(ui.th)||{},xt(this.La)&&Object.keys(this.La).forEach((t=>{this.Mh.I(Z.Je,{experienceId:t,Hh:this.La[t],Cd:!1})}));const{[ut.Xs]:s,[ut.Di]:n,[ut.Ai]:o}=this.Sh.url.query,r=s===vt._n&&n&&o;xt(this.Na)||xt(this.Aa)||xt(this.La)||xt(this.Ra)||r?(this.kh.Ga=!0,this.Mh.I(Z.Ye,this.Oh.get(ui.oh)||{}),r&&!(null===(i=this.Ra[n])||void 0===i?void 0:i[o])&&this.Mh.I(Z.Ke,{experienceId:n,Hh:o,qa:!1})):(null===(e=this.kh)||void 0===e?void 0:e.Ia)||this.Oh.Md(localStorage)}bd(t){let i=Boolean(this.source),e=Boolean(this.ad),s=Boolean(this.dd),n=Boolean(this.ld),o=Boolean(i||e||s||n);if(o)return;if(this.wd){const t=this.cookies.getData(mt.Pe,wt.ri),o=this.cookies.getData(mt.Pe,wt.ho),r=this.cookies.getData(mt.Pe,wt.ao),h=this.cookies.getData(mt.Pe,wt.co);t&&(this.source=t,i=!0),o&&(this.ad=o,e=!0),r&&(this.dd=r,s=!0),h&&(this.ld=h,n=!0)}else this.Sh.jd?(this.source=this.Sh.Ed.object.host,this.ad="organic",this.dd=this.Sh.Dd,i=!0,e=!0,n=!0,""!=this.dd&&(s=!0)):this.Sh.Ad&&this.Sh.Ed.object.host!==this.Sh.url.object.host&&(this.source=this.Sh.Ed.object.host,this.ad="referral",this.dd="",i=!0,e=!0,s=!0,n=!0);const{[ut.fn]:r,[ut.pn]:h,[ut.mn]:a,[ut.wn]:c,[ut.In]:d}=this.Sh.url.query;r&&(this.source="google",this.ad="cpc google"),o=Boolean(i||e||s||n),(!this.wd||!o&&xt(this.kh.tc))&&this.Sh.Ld&&(h&&(this.source=h,i=!0),a&&(this.ad=a,e=!0),c&&(this.ld=c,n=!0),d&&(this.dd=d,s=!0)),o=Boolean(i||e||s||n),o&&(this.cookies.setData(mt.Pe,String(this.source).slice(0,30),wt.ri),this.cookies.setData(mt.Pe,String(this.ad).slice(0,30),wt.ho),this.cookies.setData(mt.Pe,String(this.dd).slice(0,30),wt.ao),this.cookies.setData(mt.Pe,String(this.ld).slice(0,30),wt.co))}xd(t,i){const e=Qt(t);switch(i){case wt.ni:for(const i in t)this.bh.yh[i]||delete e[i];break;case wt.do:for(const i in t)if(this.bh.la[i])for(const s in t[i])if(Object.values(dt).includes(s)){if(s===dt.Es)for(const n in t[i][s])this.bh.Hc[n]||delete e[i][s][n]}else delete e[i][s];else delete e[i]}return e}static Td(){return{la:{},zc:{},Hc:{}}}yd(){return`${Date.now()}-${Math.random()}`}Nd({experienceId:t,Rd:i}){this.la[t]=i,this.cookies.setData(mt.Qn,si(this.la),wt.do)}Pd({data:t}){let i=this.xd(ni(this.cookies.getData(mt.Qn,wt.do)),wt.do);"object"!=typeof i&&(i={});const e=t[wt.do];for(const t in i)e[t]||(e[t]=i[t]);this.cookies.setData(mt.Qn,si(e),wt.do),this.cookies.setData(mt.Qn,t[wt.gi],wt.gi),this.cookies.save()}Sa({experienceId:t,Hh:i}){var e,s;if(!this.bh.la[t])return;if(this.Na[t])return;if(null===(e=this.Ra[t])||void 0===e?void 0:e[i])return;const n=()=>{var e,s;try{const n=this.bh.la[t].name,o=null===(e=this.bh.la[t].oc[i])||void 0===e?void 0:e.name,r=!(String(null===(s=this.la[t])||void 0===s?void 0:s[dt.Ai])===String(i));this.Mh.I(lt.As,{data:{experienceId:String(t),rc:String(t),Hh:String(i),hc:String(i),ac:n,cc:n,dc:o,variation_name:o,qd:r,Bd:r}})}catch({message:t}){}};if(this.data.la[t]={Fa:!(String(null===(s=this.la[t])||void 0===s?void 0:s[dt.Ai])===String(i)),bi:this.bh.la[t].oc[i]},this.data.la[t].bi.Vd.length||this.data.la[t].bi.Vd.push({name:this.data.la[t].bi.name}),!this.data.la[t].Fa)return this.Wc.la[t]=Qt(this.data.la[t]),void n();this.bh.la[t].type!==a&&(this._d=!0),this.Wc.la[t]=Qt(this.data.la[t]),n(),this.la[t]={[dt.Ai]:i,[dt.Es]:{}},this.cookies.setData(mt.Qn,si(this.la),wt.do),this.cookies.save()}ma(){return this.Yc}Ud({experienceId:t,Hh:i}){this.Yc[t]=i}_a(){this.Yc={}}Fd({experienceId:t,Hh:i}){var e;return this.cookies.qc({[String(t)]:`${i}${(null===(e=this.kh)||void 0===e?void 0:e.Gd)?"preview":""}`})}zd({experienceId:t,Hh:i,Hd:e}){var s;if(!t||!i)return;const n=new vi(this.Sh.url.href).create(fi),o=e!==n?Dt(n):null;this.cookies.setData(mt.Zn,`${i}${(null===(s=this.kh)||void 0===s?void 0:s.Gd)?"preview":""}${o?`+${o}`:""}`,String(t)),(t=>{try{return document.location.hostname===new URL(t).hostname}catch(t){return!1}})(e)&&(this.Oh.set(ui.sh,{[t]:{value:i,time:Date.now()+7e3,wa:o}}),setTimeout((()=>this.Oh.delete(ui.sh)),7e3)),this.cookies.Vc(mt.Yn,wt.oo),this.cookies.Vc(mt.Qn,wt.oo),this.la[t]||this.Ta({experienceId:t}),this.cookies.save()}Ta({experienceId:t}){let i=this.xd(ni(this.cookies.getData(mt.Qn,wt.do)),wt.do);"object"!=typeof i&&(i={}),delete i[t],delete this.Wc.la[t],delete this.Wc.zc[t],delete this.data.la[t],delete this.data.zc[t],this.cookies.setData(mt.Qn,si(i),wt.do)}Pa({experienceId:t,Hh:i}){var e;let s=this.xd(ni(this.cookies.getData(mt.Qn,wt.do)),wt.do);"object"!=typeof s&&(s={}),String(null===(e=s[t])||void 0===e?void 0:e[dt.Ai])===String(i)&&delete s[t][dt.Ai],delete this.Wc.la[t],delete this.Wc.zc[t],delete this.data.la[t],delete this.data.zc[t],this.cookies.setData(mt.Qn,si(s),wt.do)}wc({experienceId:t}){this.la[t]={[dt.Ai]:"1",[dt.Es]:{}},this.cookies.setData(mt.Qn,si(this.la),wt.do)}Wd({Jd:t}){this.yh[t]=1,this.td.Kd(this.id,[t]),this.cookies.setData(mt.Qn,si(this.yh),wt.ni)}Qd({Jd:t}){return!!this.yh[t]}Yd({Zd:t,experienceId:i}){var e,s,n,o,r;if(!this.Na[i]&&(null===(e=this.bh.la[i])||void 0===e?void 0:e.type)!==a){(null===(n=null===(s=this.xh)||void 0===s?void 0:s.ya)||void 0===n?void 0:n.Xd)===this.bh.od.id&&this._h.log({[C.Lt]:t},{cookies:this.cookies,request:this.Sh,from:M.X,visitor:this});for(const e in this.la){const s=i||e,n=this.la[s][dt.Ai];if(null===(o=this.Ra[s])||void 0===o?void 0:o[n])continue;const h=Boolean(String(i)===String(e));if(this.la[s]&&this.bh.la[s]&&(null===(r=this.bh.la[s])||void 0===r?void 0:r.type)!==a&&"1"!==this.la[s][dt.Ai]){if(this.Zc[s]||(this.Zc[s]={}),this.la[s][dt.Es][t])this.Zc[s][t]=!1;else{this.la[s][dt.Es][t]=1,this.Hc[t]||(this.Hc[t]=1),this.Zc[s][t]=!0,this.data.zc[s]||(this.data.zc[s]={}),this.data.zc[s][t]||(this.data.zc[s][t]=Date.now()),this.Wc.zc[s]||(this.Wc.zc[s]={}),this.Wc.zc[s][t]=this.data.zc[s][t],this.data.Hc[t]=1,this.Wc.Hc[t]=this.data.Hc[t];try{this.Mh.I(lt.Ts,{data:{rc:String(s),hc:String(n),il:String(t),cc:this.bh.la[s].name,variation_name:this.bh.la[s].oc[n].name}})}catch({message:t}){}}if(h)break}else if(h)break}this.cookies.setData(mt.Qn,si(this.la),wt.do)}}}var xi,ki,Si,_i;!function(t){t.el="purchase",t.sl="refund"}(xi||(xi={})),function(t){t.nl="experience_impression"}(ki||(ki={})),function(t){t.ol="gtm.js",t.rl="gtm.dom",t.Ar="gtm.load",t.hl="gtm.timer"}(Si||(Si={})),function(t){t.al="convert-trigger-experience"}(_i||(_i={}));const $i={cl:u,dl:v,ll:g,ul:f,vl:p,gl:"ga_import",fl:"clicks_link",pl:"clicks_element",ml:"submits_form",wl:"visits_page"};class Oi{constructor({config:t,data:i,state:e,request:s,remote:n,gh:o,fh:r,t:h,ph:a,Ih:c,yh:d,visitor:l}){this.name="Goals",this.bh=t,this.xh=i,this.kh=e,this.Sh=s,this._h=n,this.$h=o,this.u=h,this.Mh=r,this.Ch=a,this.Dh=c,this.Ah=d,this.Lh=l,this.Th=[],this.Nh=!1,this.Il=[],this.yl=[],this.bl={},this.xl=!1,this.kl={},this.Mh.on(G.Yi,(t=>{const{Zd:i}=Jt(t);this.Th.push(i)})),this.$h.Sl=(...t)=>{const[i]=t;if(xt(i))this.Ua(i);else{const[i,e]=t;this.Ua({Zd:i,experienceId:e})}},this.$h._l=(...t)=>{const[i]=t;if(xt(i))this.Ua(i);else{const[i,e]=t;this.Ua({Zd:i,experienceId:e})}},this.$h.$l=(...t)=>{const[i]=t;if(xt(i))this.Ol(Object.assign(Object.assign({},i),{Ml:"sendRevApi"}));else{const[i,e,s,n,o=!1]=t;this.Ol({Zd:n,Cl:i,jl:e,El:s,Ml:"sendRevApi",Dl:o})}},this.$h.Al=(...t)=>{const[i]=t;if(xt(i))this.Ol(Object.assign(Object.assign({},i),{Ml:"sendRevApi"}));else{const[i,e,s,n=!1,o]=t;this.Ol({Zd:s,Cl:o,jl:i,El:e,Ml:"sendRevApi",Dl:n})}},this.$h.Ll=()=>{this.kh.isDisabled||(this.Sh.process(),this.process())},this.$h.Tl=()=>{this.kh.isDisabled||(this.Sh.process(),this.process())}}process({Zh:t=!0}={}){var i;for(const t in this.bh.Hc)this.Nl({Zd:t,Yh:this.Lh.id});this.Th.length?this.Mh.I(Z.Ve,{Yh:this.Lh.id,Zh:t}):(this.Mh.I(Z.Qe,{Yh:this.Lh.id,Zh:t}),(null===(i=this.kh)||void 0===i?void 0:i.Rl)||(this.kh.Rl={}),this.kh.Rl.Hc=!0),this.Pl(),this.ql()}Pl({Bl:t}={}){var i,e,s,n;if(!t)try{const t=Zt(this.Il);for(const o of t){const{Vl:t}=(null===(i=this.bh.Hc[o])||void 0===i?void 0:i.Ul)||{},{href:r}=(null===(e=this.bh.Hc[o])||void 0===e?void 0:e.Ul)||{},{selector:h}=(null===(s=this.bh.Hc[o])||void 0===s?void 0:s.Ul)||{},{action:a}=(null===(n=this.bh.Hc[o])||void 0===n?void 0:n.Ul)||{};if(Array.isArray(t))for(const{selector:i,event:e}of t)this.Dh.Fl({selector:i,event:e,Zd:o,Gl:()=>this.Ua({Zd:o})});else{const t=a?Gt.Jr:Ft.CLICK;this.Dh.Fl({selector:h||this.Dh.zl({action:a,href:r}),event:t,Zd:o,Gl:()=>this.Ua({Zd:o})})}}}catch({message:t}){}}ql(){this.Dh.Hl({Hc:this.yl,Gl:({Zd:t})=>this.Ua({Zd:t})})}Wl(t=xi.el){try{const i=Zt(this.bl[t]||[]),[e,...s]=i;if(e)return this.Lh.Yd({Zd:e}),this.Lh.cookies.save(),s.length,e}catch({message:t}){}}Jl(t){try{if(this.bl[t]){const i=Zt(this.bl[t]);return this.Ua({Zd:i})}t&&!Object.values(ki).includes(t)&&!Object.values(Si).includes(t)&&Object.values(_i).some((i=>String(t).includes(i)))}catch({message:t}){}return!1}Nl({Zd:t,Yh:i}){var e,s,n,o;let r;for(const i in this.Lh.la)if("1"!==this.Lh.la[i][dt.Ai]&&!this.Lh.la[i][dt.Es][t]&&this.bh.la[i]){r=!0;break}const h=this.bh.od.nd.reduce(((t,{sd:i})=>t+i.length),0);if(!r&&h<2)return;let a;if(xt(this.bh.Hc[t].rules)){if(a=this.Ch.process({Kl:`Goal #${t}`,rules:this.bh.Hc[t].rules,yh:this.Ah,visitor:this.Lh}),Object.values(G).includes(a))return a===G.Zi?this.Th.push(t):G.Yi,!1}else a=!0;switch(this.bh.Hc[t].type){case $i.ul:break;case $i.dl:case $i.pl:case $i.fl:case $i.ml:case $i.ll:a&&Object.values($i).includes(this.bh.Hc[t].type)&&(this.bh.Hc[t].type===$i.dl||this.bh.Hc[t].type===$i.pl||this.bh.Hc[t].type===$i.fl||this.bh.Hc[t].type===$i.ml?this.Il.push(t):this.bh.Hc[t].type===$i.ll&&this.yl.push(t));break;case $i.gl:if(null===(s=null===(e=this.bh.Hc[t])||void 0===e?void 0:e.Ul)||void 0===s?void 0:s.Ql){const{Ql:i}=this.bh.Hc[t].Ul;this.bl[i]||(this.bl[i]=[]),this.bl[i].push(t)}break;default:a&&(this.bh.Hc[t].type===$i.vl&&(null===(o=null===(n=this.bh.Hc[t])||void 0===n?void 0:n.Ul)||void 0===o?void 0:o.Yl)===l||this.Lh.Yd({Zd:t}))}}$a({Yh:t,Zh:i=!0}){var e;if(!this.Nh&&this.Th.length){this.Nh=!0;for(let i=0,e=this.Th.length;i<e;i++)this.Nl({Zd:this.Th[i],Yh:t});this.Pl({Bl:!0}),this.Th=[],this.Mh.I(Z.Qe,{Yh:t,Zh:i}),(null===(e=this.kh)||void 0===e?void 0:e.Rl)||(this.kh.Rl={}),this.kh.Rl.Hc=!0}}Ua({Zd:t,experienceId:i,Yh:e}){if(!this.kh.isDisabled){if(Array.isArray(t)){if(!t.length)return;for(const e of t)this.Lh.Yd({Zd:e,experienceId:i})}else this.Lh.Yd({Zd:t,experienceId:i});return this.Zl()}}Zl(){var t,i,e,s;this.Lh.cookies.save();let n=!1;const o=xt(this.Lh.data.la),r=xt(this.Lh.data.Hc);if(o||r)if(this.Lh._d||r){let o=0;for(const n in this.Lh.la){if(!this.bh.la[n])continue;if(this.bh.la[n].type===a)continue;const o={experienceId:n,Hh:this.Lh.la[n][dt.Ai],Hc:[]};if(this.Lh.la[n][dt.Es])for(const e in this.Lh.la[n][dt.Es])(null===(i=null===(t=this.Lh.data.zc)||void 0===t?void 0:t[n])||void 0===i?void 0:i[e])||o.Hc.push(e);null===(s=null===(e=this.Lh.data.la)||void 0===e?void 0:e[n])||void 0===s||s.Fa}for(const t in this.Lh.Hc)if(this.Lh.data.Hc[t]){o++;const i={Zd:String(t),Xl:{}};for(const e in this.Lh.data.zc)this.Lh.data.zc[e][t]&&(i.Xl[e]=String(this.Lh.la[e][dt.Ai]));if(xt(i.Xl)){const t={Ea:O,data:i};this._h.track(t,{visitor:this.Lh}),n=!0,this._h.log({[C.bt]:{[C.Tt]:"hitGoal",[C.Nt]:Object.keys(i.Xl),[C.Rt]:Object.values(i.Xl),[C.Pt]:[i.Zd]}},{cookies:this.Lh.cookies,request:this.Sh,visitor:this.Lh,from:M.tt})}}o||this.Lh._d}else this.Lh._d;return this.Lh.data=bi.Td(),n}Ol({Zd:t,Cl:i,jl:e,El:s,Ml:n,Dl:o}){if(this.kh.isDisabled)return;if(t&&!this.bh.Hc[t])return;const r="number"==typeof e?e:Lt(e);if(o&&(t?this.kl[t]=!1:this.xl=!1),this.kl[t]||this.xl)return;const h={[C.vt]:n,[C.ai]:this.xl},c=t=>{var i,e,s,n,o,a,c,d;try{const l=(null===(e=null===(i=this.bh.la[t])||void 0===i?void 0:i.Ul)||void 0===e?void 0:e.tu)||(null===(n=null===(s=this.bh.od)||void 0===s?void 0:s.Ul)||void 0===n?void 0:n.tu)||0,u=(null===(a=null===(o=this.bh.la[t])||void 0===o?void 0:o.Ul)||void 0===a?void 0:a.iu)||(null===(d=null===(c=this.bh.od)||void 0===c?void 0:c.Ul)||void 0===d?void 0:d.iu)||0;if(r<l||r>u)return this._h.log(Object.assign(Object.assign({},h),{[C.Yt]:l,[C.Zt]:u}),{cookies:this.Lh.cookies,request:this.Sh,visitor:this.Lh,from:M.et}),!0}catch({message:t}){}return!1};let d=!1;const l={};for(const t in this.Lh.la)this.bh.la[t]&&this.bh.la[t].type!==a&&(c(t)||(l[t]=String(this.Lh.la[t][dt.Ai])));if(!xt(l))return;if(t&&(this.Lh.Yd({Zd:t}),1===this.Lh.data.Hc[t])){const i={Zd:String(t),Xl:{}};for(const e in this.Lh.data.zc)this.Lh.data.zc[e][t]&&(i.Xl[e]=String(this.Lh.la[e][dt.Ai]));xt(i.Xl)||delete i.Xl;const e={Ea:O,data:i};this._h.track(e,{visitor:this.Lh}),this._h.log({[C.bt]:{[C.Tt]:"hitGoal",[C.Nt]:Object.keys(i.Xl),[C.Rt]:Object.values(i.Xl),[C.Pt]:[i.Zd]}},{cookies:this.Lh.cookies,request:this.Sh,visitor:this.Lh,from:M.tt}),this.Lh.data=bi.Td()}let u=[];if(t&&this.Lh.Wc.Hc[t])u.push(t);else for(const t in this.Lh.Hc)this.Lh.Wc.Hc[t]&&!u.includes(t)&&u.push(t);if(t&&o&&(u=[t]),0!==u.length){{this.Lh.cookies.save(),t?this.kl[t]=!0:this.xl=!0;const e=t=>{const e={Zd:String(t),eu:[{key:B.Ti,value:r},{key:B.Ni,value:At(s)?Number(s):0},{key:B.Ri,value:i}],Xl:l},n={Ea:O,data:e};this._h.track(n,{visitor:this.Lh}),d=!0,this._h.log({[C.bt]:{[C.Tt]:"tr",[C.Nt]:Object.keys(e.Xl),[C.Rt]:Object.values(e.Xl),[C.Pt]:[e.Zd],[C.qt]:e.eu[0][B.Ri],[C.Ht]:e.eu[0][B.Ti],[C.Wt]:e.eu[0][B.Ni]}},{cookies:this.Lh.cookies,request:this.Sh,visitor:this.Lh,from:M.tt})};for(const t of u)e(t)}return d}this._h.log(h,{cookies:this.Lh.cookies,request:this.Sh,visitor:this.Lh,from:M.it})}}class Mi{constructor({data:t,state:i,t:e}){var s,n;this.name="VisualEditor",this.xh=t,this.kh=i,this.u=e,this.su=new AbortController;try{if(window===(null===window||void 0===window?void 0:window.parent))return;if(null===window||void 0===window?void 0:window._conv_editor)return;window.addEventListener(qt.zt,this.nu.bind(this),{signal:this.su.signal}),null===(n=null===(s=null===window||void 0===window?void 0:window.parent)||void 0===s?void 0:s.postMessage)||void 0===n||n.call(s,JSON.stringify({type:"helloWebsite",msg:{}}),"*")}catch({stack:t,message:i}){"undefined"!=typeof console&&console.error&&console.error("Convert:",t||i)}}ou(){this.su.abort()}nu({origin:t,data:i}){try{Boolean(this.ru&&Date.now()-this.ru>5e3);if(/^https{0,1}:\/\/.*?\.convert\.com(:[0-9]+){0,1}$/.test(t)){const{type:t,msg:e}=JSON.parse(i||"{}"),{env:s=null,version:n=null}=e||{};switch(t){case"ackEdFilesLoad":this.hu({nc:s,version:n});break;case"ackEdFilesLoadV2":this.au({nc:s})}}else this.ru||(this.ru=Date.now())}catch({stack:t,message:i}){"undefined"!=typeof console&&console.error&&console.error("Convert:",t||i)}}hu({nc:t,version:i}={nc:"app",version:Math.random()}){var e;try{hi({url:"//editor.[env].convert.com/sys/[version]/js/neweditor/bundle-editor-iframe.js".replace("[env]",t).replace("[version]",String(i)),attributes:{nonce:null===(e=this.kh)||void 0===e?void 0:e.cu,"data-cfasync":"false",async:"true"}})}catch({message:t}){}}au({nc:t}){var i;try{hi({url:"https://[env].convert.com/static/_editor_frame_files/bundle.js".replace("[env]",t),attributes:{nonce:null===(i=this.kh)||void 0===i?void 0:i.cu,"data-cfasync":"false",async:"true"}})}catch({message:t}){}}}const Ci=V.Fi;class ji{constructor(t=console,i=Ci,e){this.du={[U.Ji]:U.Ji,[U.Gi]:U.Gi,[U.zi]:U.zi,[U.Hi]:U.Hi,[U.ERROR]:U.ERROR,[U.Fi]:U.Fi},this.lu=[],this.uu(t,i,e)}vu(t){return Object.values(V).includes(t)}gu(t){return Object.values(U).includes(t)}fu(t,i,...e){this.lu.forEach((s=>{var n,o;if(i>=s.level&&V.Wi!==i){const i=s.pu[s.m[t]];i?i.call(s.pu,...e):(console.log(`Info: Unable to find method "${t}()" in client sdk:`,null===(o=null===(n=s.pu)||void 0===n?void 0:n.constructor)||void 0===o?void 0:o.name),console[t](...e))}}))}log(t,...i){this.vu(t)?this.fu(U.Ji,t,...i):console.error("Invalid Log Level")}trace(...t){this.fu(U.Fi,V.Fi,...t)}debug(...t){this.fu(U.Gi,V.Gi,...t)}info(...t){this.fu(U.zi,V.zi,...t)}warn(...t){this.fu(U.Hi,V.Hi,...t)}error(...t){this.fu(U.ERROR,V.ERROR,...t)}uu(t=console,i=Ci,e){if(!t)return void console.error("Invalid Client SDK");if(!this.vu(i))return void console.error("Invalid Log Level");const s=Object.assign({},this.du);e&&Object.keys(e).filter(this.gu).forEach((t=>{s[t]=e[t]})),this.lu.push({pu:t,level:i,m:s})}mu(t,i){if(this.vu(t))if(i){const e=this.lu.findIndex((({pu:t})=>t===i));if(-1===e)return void console.error("Client SDK not found");this.lu[e].level=t}else for(let i=0,e=this.lu.length;i<e;i++)this.lu[i].level=t;else console.error("Invalid Log Level")}}class Ei{constructor({config:t,state:i,wu:e,t:s}={}){this.name="Remote",this.bh=t||{},this.kh=i||{},e&&(this.Iu=e),s&&(this.u=s),this.yu=[],this.bu=[],window.convert[Wt("sendLog",!0)]=(t,i)=>this.log(t,{from:i})}xu(t){this.Ah=t}log(t,{from:i,cookies:e,request:s,visitor:n}){var o,r,h,a,c,d,l,u;if((null===(o=this.kh)||void 0===o?void 0:o.isDisabled)||(null===(r=this.kh)||void 0===r?void 0:r.Ia))return;if(!Boolean((n&&n.cookies.enabled||e&&e.enabled||!n&&!e)&&(null===(h=this.kh)||void 0===h?void 0:h.ku)))return void this.bu.push(t);const v=this.kh?this.Ah.Su():{};if(i===M.J&&v[K.De]!==W.we)return;const g=Jt(Qt(t),!0);if(g[C.hi]=Date.now(),g[C.At]=i,g[C.ri]="v1",g[C.ii]=null===(a=this.kh)||void 0===a?void 0:a._u,g[C.ut]=null===(c=this.bh)||void 0===c?void 0:c.$u,g[C.ti]=null===(l=null===(d=this.bh)||void 0===d?void 0:d.od)||void 0===l?void 0:l.id,g[Wt(C.ni,!0)]=v,n&&(g[C.ui]=this.Ou(n.la),g[C.gi]=n.id,n.Id&&(g[C.si]=n.Id),(null===(u=this.kh)||void 0===u?void 0:u.Mu)&&1===n.fd&&(g[C.Xt]=this.kh.Mu)),e&&(g[C.li]=e.get(mt.Qn),g[C.ei]=e.get(mt.Yn)),s){g[C.wt]=s.url.href,g[C.It]=s.Ed.href,g[C.ci]=s.userAgent;for(const t in s.Cu)s.Cu[t]&&(g[`t_${t}`]=s.Cu[t])}this.Iu?this.yu.push(g):this.sendBeacon(gi,g),10===this.yu.length?this.ju("size"):1===this.yu.length&&this.Eu()}track(t,{visitor:i}){var e;(null===(e=this.kh)||void 0===e?void 0:e.Ia)||this.Iu.enqueue(i.id,t,this.Ah.Su())}ju(t){this.yu.length&&(this.Du(),this.sendBeacon(gi,this.yu.slice()),this.yu=[])}Du(){clearTimeout(this.Au)}Eu(){this.Au=setTimeout((()=>{this.ju("timeout")}),500)}Ou(t){return Object.fromEntries(Object.entries(t).map((([t,i],e)=>[`exp${e+1}`,{[C.Dt]:t,[C.di]:i[C.di],[C.Lt]:Object.keys(i[C.Lt])}])))}sendBeacon(t,i){navigator.sendBeacon(t,JSON.stringify(Qt(i)))||this.Lu(t,Object.assign(Object.assign({},i),{error:1}))}Lu(t,i){const e=document.createElement("img");e.width=1,e.height=1;try{e.src=`${t}?plain=${encodeURIComponent(JSON.stringify(i))}`}catch(s){e.src=`${t}?plain=${encodeURIComponent(`{"senderror":"${(null==i?void 0:i.from)||""}-${s}"}`)}`}}}class Di{constructor({config:t,data:i,state:e,request:s,remote:n,gh:o,fh:r,Qc:h,t:a,ph:c,visitor:d}){this.name="Segments",this.bh=t,this.xh=i,this.kh=e,this.Sh=s,this._h=n,this.$h=o,this.u=a,this.Mh=r,this.td=h,this.Ch=c,this.Lh=d,this.Tu={},this.Th=[],this.Nh=!1,this.Rh=[],this.Ph={},this.Vh=2400,this.Mh.on(G.Yi,(t=>{const{Jd:i}=Jt(t);this.Th.push(i)})),this.Mh.on(G.Zi,(t=>{const{Jd:i}=Jt(t);this.Rh.push(i)})),this.$h.Nu=(...t)=>{const[i]=t;if(xt(i))this.Nu(i);else{const[i,e]=t;this.Nu({Jd:i,Yh:e})}},this.$h.Ru=(...t)=>{const[i]=t;if(xt(i))this.Pu(i);else{const[i]=t;this.Pu({Yh:i})}},this.$h.qu=(...t)=>{const[i]=t;if(xt(i))this.qu(i);else{const[i,e]=t;this.qu({Jd:i,Yh:e})}},window.convert[Wt("getDefaultSegments",!0)]=()=>Ht(this.Bu()),window.convert[Wt("getVisitorSegments",!0)]=()=>Ht(this.Su())}Bu(){if(!this.kh.isDisabled){try{this.Vu(),this.Uu(),this.Fu(),this.Gu(),this.zu(),this.Hu(),this.Wu()}catch({message:t}){}return this.Tu}}Su(){if(this.kh.isDisabled)return;const t=xt(this.Tu)?this.Tu:this.Bu();t[K.Ne]=[];for(const i in this.Lh.yh)t[K.Ne].push(i);return t}process(){for(const t in this.bh.yh)this.Ju({Jd:t,Yh:this.Lh.id});this.Th.length?this.Mh.I(Z.Ve,{Yh:this.Lh.id}):this.Mh.I(lt.qs,{Yh:this.Lh.id})}Ku({Yh:t}){var i;if(!this.Nh&&this.Th.length){this.Nh=!0;for(let e=0,s=this.Th.length;e<s;e++)if(this.Ju({Jd:this.Th[e],Yh:t}),null===(i=this.kh)||void 0===i?void 0:i.fa)throw this.Mh.I(Z.Ue,{}),ct;this.Th=[],this.Mh.I(lt.qs,{Yh:t})}}Ju({Jd:t,Yh:i}){if(this.Lh.Qd({Jd:t}))return;if(!this.bh.yh[t])return;const e=this.Ch.process({Kl:`Segments #${t}`,rules:this.bh.yh[t].rules,yh:this,visitor:this.Lh});if(Object.values(G).includes(e))return e===G.Zi?this.Th.push(t):e===G.Yi&&this.Rh.push(t),!1;e&&(this.Lh.Wd({Jd:t}),this.Lh.cookies.save(),i&&this.Lh.id),this.td.Qu(this.Lh.id,this.Su())}Nu({Jd:t,Yh:i}){this.kh.isDisabled||this.bh.yh[t]&&(this.Lh.Wd({Jd:t}),this.Lh.cookies.save(),this.td.Qu(this.Lh.id,this.Su()),i&&this.Lh.id)}Pu({Yh:t}){if(this.kh.isDisabled)return;const i=[];for(let t=0,e=this.Rh.length;t<e;t++)i.push(this.Rh[t]);this.Rh=[];for(let e=0,s=i.length;e<s;e++)this.Ju({Jd:i[e],Yh:t});this.Mh.I(lt.qs)}qu({Jd:t,Yh:i}){this.kh.isDisabled||(this.Ph[t]||(this.Ph[t]=0),this.Ph[t]<this.Vh?(this.Ph[t]++,setTimeout((()=>{this.Ju({Jd:t,Yh:i})}),50)):this.Ph[t]=0)}Vu(){switch(this.Sh.Zu.Yu){case"EDG":this.Tu[K.De]=W.Ie;break;case"IE":this.Tu[K.De]=W.ge;break;case"CH":this.Tu[K.De]=W.fe;break;case"FF":this.Tu[K.De]=W.pe;break;case"OP":this.Tu[K.De]=W.me;break;case"SF":this.Tu[K.De]=W.we;break;default:this.Tu[K.De]=W.xe}}Uu(){var t,i,e,s,n,o,r,h,a,c,d,l;this.Tu[K.Ae]=[],(null===(t=this.Lh.device)||void 0===t?void 0:t[Wt("mobile")])&&!(null===(i=this.Lh.device)||void 0===i?void 0:i[Wt("tablet")])&&this.Tu[K.Ae].push(J.ke),(null===(e=this.Lh.device)||void 0===e?void 0:e[Wt("mobile")])&&/iPhone/.test(navigator.userAgent)&&!window.MSStream&&this.Tu[K.Ae].push(J.Se),!(null===(s=this.Lh.device)||void 0===s?void 0:s[Wt("mobile")])||(null===(n=this.Lh.device)||void 0===n?void 0:n[Wt("tablet")])||/iPhone/.test(navigator.userAgent)&&!window.MSStream||this.Tu[K.Ae].push(J._e),(null===(o=this.Lh.device)||void 0===o?void 0:o[Wt("tablet")])&&this.Tu[K.Ae].push(J.$e),(null===(r=this.Lh.device)||void 0===r?void 0:r[Wt("tablet")])&&/iPad/.test(navigator.userAgent)&&window.MSStream&&this.Tu[K.Ae].push(J.Oe),!(null===(h=this.Lh.device)||void 0===h?void 0:h[Wt("tablet")])||/iPad/.test(navigator.userAgent)&&window.MSStream||this.Tu[K.Ae].push(J.Me),(null===(a=this.Lh.device)||void 0===a?void 0:a[Wt("desktop")])&&this.Tu[K.Ae].push(J.Ce),(null===(c=this.Lh.device)||void 0===c?void 0:c[Wt("desktop")])||(null===(d=this.Lh.device)||void 0===d?void 0:d[Wt("mobile")])||(null===(l=this.Lh.device)||void 0===l?void 0:l[Wt("tablet")])||this.Tu[K.Ae].push(J.je)}Fu(){"cpc google"==this.Lh.ad||""!==this.Lh.ld?this.Tu[K.ri]=Q.Le:"organic"==this.Lh.ad?this.Tu[K.ri]=Q.Re:"referral"==this.Lh.ad?this.Tu[K.ri]=Q.Pe:this.Tu[K.ri]=Q.qe}Gu(){this.Tu[K.Le]=this.Lh.ld}Hu(){this.Tu[K.Te]=this.Lh.$d?Y.Be:Y.NEW}Wu(){var t;this.Tu[K.Ee]=null===(t=this.Lh.rd)||void 0===t?void 0:t[Wt("country")]}zu(){}}const Ai=[{string:null===navigator||void 0===navigator?void 0:navigator.userAgent,Xu:"Trident/",identity:"IE",tv:"rv",iv:"Internet Explorer"},{string:null===navigator||void 0===navigator?void 0:navigator.userAgent,Xu:"Edge/",identity:"EDG",tv:"Edge",iv:"Microsoft Edge"},{string:navigator.userAgent,Xu:"Edg/",identity:"EDG",tv:"Edg",iv:"Microsoft Edge"},{string:navigator.userAgent,Xu:"EdgiOS/",identity:"EDG",tv:"EdgiOS",iv:"Microsoft Edge"},{string:navigator.userAgent,Xu:"EdgA/",identity:"EDG",tv:"EdgA",iv:"Microsoft Edge"},{string:null===navigator||void 0===navigator?void 0:navigator.userAgent,Xu:"Chrome",identity:"CH",iv:"Google Chrome",tv:"Chrome"},{string:null===navigator||void 0===navigator?void 0:navigator.userAgent,Xu:"OmniWeb",tv:"OmniWeb/",identity:"OW",iv:"OmniWeb"},{string:null===navigator||void 0===navigator?void 0:navigator.userAgent,Xu:"CriOS",tv:"CriOS/",identity:"CH",iv:"Chrome"},{string:null===navigator||void 0===navigator?void 0:navigator.vendor,Xu:"Apple",identity:"SF",tv:"Version/",iv:"Safari"},{prop:null===window||void 0===window?void 0:window.opera,identity:"OP",tv:"Version",iv:"Opera"},{string:null===navigator||void 0===navigator?void 0:navigator.vendor,Xu:"iCab",identity:"IB",tv:"iCab",iv:"iCab"},{string:null===navigator||void 0===navigator?void 0:navigator.vendor,Xu:"KDE",identity:"KO",tv:"Konqueror",iv:"Konqueror"},{string:null===navigator||void 0===navigator?void 0:navigator.userAgent,Xu:"Firefox",identity:"FF",iv:"Firefox",tv:"Firefox"},{string:null===navigator||void 0===navigator?void 0:navigator.vendor,Xu:"Camino",identity:"CO",tv:"Camino",iv:"Camino"},{string:null===navigator||void 0===navigator?void 0:navigator.userAgent,Xu:"Netscape",identity:"NS",tv:"Netscape",iv:"Netscape"},{string:null===navigator||void 0===navigator?void 0:navigator.userAgent,Xu:"MSIE",identity:"IE",tv:"MSIE",iv:"Internet Explorer"},{string:null===navigator||void 0===navigator?void 0:navigator.userAgent,Xu:"Gecko",identity:"MO",tv:"rv",iv:"Gecko Browsers"},{string:null===navigator||void 0===navigator?void 0:navigator.userAgent,Xu:"Mozilla",identity:"NS",tv:"Mozilla",iv:"Netscape"}],Li=[{string:null===navigator||void 0===navigator?void 0:navigator.userAgent,Xu:"Android",identity:"Ov",iv:"Android"},{string:null===navigator||void 0===navigator?void 0:navigator.platform,Xu:"Win",identity:"WIN",iv:"Microsoft Windows"},{string:null===navigator||void 0===navigator?void 0:navigator.userAgent,Xu:"iPhone",identity:"IPH",iv:"IPhone"},{string:null===navigator||void 0===navigator?void 0:navigator.userAgent,Xu:"iPad",identity:"IPA",iv:"IPad"},{string:null===navigator||void 0===navigator?void 0:navigator.userAgent,Xu:"iPod",identity:"IPO",iv:"IPod"},{string:null===navigator||void 0===navigator?void 0:navigator.platform,Xu:"Mac",identity:"MAC",iv:"MacOS"},{string:null===navigator||void 0===navigator?void 0:navigator.platform,Xu:"Linux",identity:"LIN",iv:"Linux OS"}];class Ti{getInfo(){var t;const{name:i,Yu:e,version:s,ev:n}=this.detect(),{screen:{width:o,height:r}}=window,h={name:i,Yu:e,version:s,ev:n,sv:o,nv:r};return"undefined"!=typeof navigator&&(h.lang=null!==(t=null===navigator||void 0===navigator?void 0:navigator.language)&&void 0!==t?t:null===navigator||void 0===navigator?void 0:navigator.userLanguage,"string"==typeof h.lang&&(h.lang=h.lang.split("-")[0])),h}detect(){const t=this.ov(Ai)||"An unknown browser";return{name:this.rv(t),Yu:t,version:this.hv(null===navigator||void 0===navigator?void 0:navigator.appVersion)||this.hv(null===navigator||void 0===navigator?void 0:navigator.userAgent)||"an unknown version",ev:this.av(this.ov(Li))}}rv(t){switch(t){case W.Ie:return"microsoft_edge";case W.ge:return"microsoft_ie";case W.fe:return"chrome";case W.pe:return"firefox";case W.me:return"opera";case W.we:return"safari";case W.ye:case W.be:return"mozilla";default:return"other"}}av(t){switch(t){case"WIN":return"windows";case"MAC":return"macos";case"Ov":return"android";case"IPH":return"iphone";case"IPA":return"ipad";case"IPO":return"ipod";case"LIN":return"linux";default:return"other"}}ov(t){for(let i=0;i<t.length;i++){const e=t[i].string,s=t[i].prop;if(this.cv=t[i].tv||t[i].identity,e){if(-1!=e.indexOf(t[i].Xu))return t[i].identity}else if(s)return t[i].identity}}hv(t){try{const i=t.indexOf(this.cv);if(-1==i)return;let e=parseFloat(t.substring(i+this.cv.length+1)).toString();return-1==e.indexOf(".")&&(e+=".0"),e}catch({stack:t,message:i}){"undefined"!=typeof console&&console.error&&console.error("Convert:",t||i)}}}class Ni{constructor(){this.name="Request"}process({dv:t}={}){var i,e,s,n,o,r,h,a;this.ad="",this.lv=null!==(i=null===document||void 0===document?void 0:document.referrer)&&void 0!==i?i:"",this.Ad=!!this.lv,this.Zu=(new Ti).getInfo(),this.url=new vi(null,t),this.uv=Math.round(Date.now()/1e3),this.Ld=Boolean((null===(e=this.url.query)||void 0===e?void 0:e[ut.pn])||(null===(s=this.url.query)||void 0===s?void 0:s[ut.mn])||(null===(n=this.url.query)||void 0===n?void 0:n[ut.wn])||(null===(o=this.url.query)||void 0===o?void 0:o[ut.In])),this.Ed=new vi(this.lv),this.userAgent=null===navigator||void 0===navigator?void 0:navigator.userAgent;for(let t=0,i=rt.length;t<i;t++)if(-1!==this.lv.indexOf(null===(r=rt[t])||void 0===r?void 0:r.s)){this.jd=!0,this.Ed.query[null===(h=rt[t])||void 0===h?void 0:h.q]&&(this.Dd=this.Ed.query[null===(a=rt[t])||void 0===a?void 0:a.q]);break}this.jd&&(this.ad="organic"),this.Cu={[ft.Rn]:this.vv(pi[ft.Rn]),[ft.Pn]:this.vv(pi[ft.Pn]),[ft.qn]:this.vv(pi[ft.qn]),[ft.Bn]:this.vv(pi[ft.Bn]),[ft.Vn]:this.vv(pi[ft.Vn]),[ft.Un]:this.vv(pi[ft.Un]),[ft.Fn]:this.vv(pi[ft.Fn]),[ft.Gn]:this.vv(pi[ft.Gn]),[ft.zn]:this.vv(pi[ft.zn]),[ft.Hn]:this.vv(pi[ft.Hn]),[ft.Wn]:this.vv(pi[ft.Wn])}}gv(t){const i=this.vv(pi[t]);return this.Cu[t]=i,i}vv(t=[]){let i;for(let e=t.length-1;e>=0;e--)if(void 0!==window[t[e]]){i=window[t[e]];break}return i}}const Ri=!0;class Pi{constructor(t,{t:i}={}){var e,s,n;this.fv=Tt,this.pv="!",this.mv=Ri,this.u=i,this.fv=(null===(e=null==t?void 0:t.rules)||void 0===e?void 0:e.wv)||Tt,this.pv=String((null===(s=null==t?void 0:t.rules)||void 0===s?void 0:s.Iv)||"!"),this.mv=(null===(n=null==t?void 0:t.rules)||void 0===n?void 0:n.yv)||Ri,this.p=(null==t?void 0:t.m)||(t=>t)}set wv(t){this.fv=t}get wv(){return this.fv}bv(){return Object.getOwnPropertyNames(this.fv).filter((t=>"function"==typeof this.fv[t]))}xv(t,i,e){let s;if(Object.prototype.hasOwnProperty.call(i,"kv")&&It(null==i?void 0:i.kv)){for(let e=0,n=i.kv.length;e<n;e++){if(s=this.Sv(t,i.kv[e]),!0===s)return s;Object.values(G).includes(s)}if(!1!==s)return s}return!1}_v(t){return Object.prototype.hasOwnProperty.call(t,"Kr")&&"object"==typeof t.Kr&&Object.prototype.hasOwnProperty.call(t.Kr,"Qr")&&"string"==typeof t.Kr.Qr&&Object.prototype.hasOwnProperty.call(t.Kr,"$v")&&"boolean"==typeof t.Kr.$v&&Object.prototype.hasOwnProperty.call(t,"value")}Sv(t,i){let e;if(Object.prototype.hasOwnProperty.call(i,"Ov")&&It(null==i?void 0:i.Ov)){for(let s=0,n=i.Ov.length;s<n;s++)if(e=this.Mv(t,i.Ov[s]),!1===e)return!1;return e}return!1}Mv(t,i){let e;if(Object.prototype.hasOwnProperty.call(i,"Cv")&&It(null==i?void 0:i.Cv)){for(let s=0,n=i.Cv.length;s<n;s++)if(e=this.jv(t,i.Cv[s]),!0===e)return e;if(!1!==e)return e}return!1}jv(t,i){var e;if(this._v(i))try{const s=i.Kr.$v||!1,n=i.Kr.Qr;if(-1!==this.bv().indexOf(n)&&t&&"object"==typeof t)if(this.Ev(t)){if(null==i?void 0:i.Dv)for(const o of Object.getOwnPropertyNames(t.constructor.prototype)){if("constructor"===o)continue;const r=Et(`get ${i.Dv.replace(/_/g," ")}`);if(o===r||(null===(e=null==t?void 0:t.m)||void 0===e?void 0:e.call(t,o))===r){const e=t[o](i);return Object.values(G).includes(e)||"js_condition"===i.Dv?e:this.fv[n](e,i.value,s)}}}else if(xt(t))for(const e of Object.keys(t)){const o=this.mv?e:e.toLowerCase();if(o===(this.mv?i.key:String(i.key).toLowerCase()))return this.fv[n](t[e],i.value,s)}}catch(t){}return!1}Ev(t){return xt(t)&&Object.prototype.hasOwnProperty.call(t,"name")&&"RuleData"===t.name}}var qi;!function(t){t.rh="config",t.Av="signals"}(qi||(qi={}));const Bi="convert";function Vi(){return new Promise(((t,i)=>{try{const e=indexedDB.open(Bi,1);e.onupgradeneeded=t=>{const i=t.target.result;i.objectStoreNames.contains(qi.rh)||i.createObjectStore(qi.rh,{keyPath:"id",autoIncrement:!0}),i.objectStoreNames.contains(qi.Av)||i.createObjectStore(qi.Av,{keyPath:"id",autoIncrement:!0})},e.onsuccess=i=>t(i.target.result),e.onerror=t=>i(t.target.error)}catch(t){i(t)}}))}const Ui={add:({key:t,data:i,store:e=qi.Av})=>Vi().then((s=>new Promise(((n,o)=>{try{const r=s.transaction([e],"readwrite"),h=r.objectStore(e).add(t?Object.assign(Object.assign({},i),{id:t}):i);h.onsuccess=()=>n(h.result),h.onerror=t=>o(t.target.error)}catch(t){o(t)}})))),get:({key:t,store:i=qi.Av}={})=>Vi().then((e=>new Promise(((s,n)=>{try{const o=e.transaction([i],"readonly").objectStore(i),r=t?o.get(t):o.getAll();r.onsuccess=t=>s(t.target.result),r.onerror=t=>n(t.target.error)}catch(t){n(t)}})))),set:({key:t,data:i,store:e=qi.Av})=>Vi().then((s=>new Promise(((n,o)=>{try{const r=s.transaction([e],"readwrite"),h=r.objectStore(e).put(Object.assign(Object.assign({},i),{id:t}));h.onsuccess=t=>n(t.target.result),h.onerror=t=>o(t.target.error)}catch(t){o(t)}})))),delete:({key:t,store:i=qi.Av}={})=>t?Vi().then((e=>new Promise(((s,n)=>{try{const o=e.transaction([i],"readwrite"),r=o.objectStore(i).delete(t);r.onsuccess=t=>s(t.target.result),r.onerror=t=>n(t.target.error)}catch(t){n(t)}})))):Vi().then((t=>new Promise(((e,s)=>{try{const n=t.transaction([i],"readwrite"),o=n.objectStore(i).clear();o.onsuccess=()=>e(),o.onerror=t=>s(t.target.error)}catch(t){s(t)}})))),destroy:()=>new Promise(((t,i)=>{try{const e=indexedDB.deleteDatabase(Bi);e.onsuccess=()=>t(),e.onerror=t=>i(t.target.error),e.onblocked=()=>i(new Error(`delete operation for dataabse "${Bi}" is blocked`))}catch(t){i(t)}}))};var Fi;!function(t){t[t.Lv=0]="JSR",t[t.Tv=1]="DEC",t[t.Nv=2]="RAG",t[t.Rv=3]="STS",t[t.Pv=4]="SHM",t[t.qv=5]="QUB",t[t.Bv=6]="ZOI",t[t.Vv=7]="BRP",t[t.Uv=8]="RFL",t[t.Fv=9]="RDL",t[t.Gv=10]="HES",t[t.zv=11]="SLO",t[t.Hv=12]="CHA",t[t.Wv=13]="REN",t[t.Jv=14]="SHW"}(Fi||(Fi={}));class Gi{constructor({config:t,data:i,request:e,yh:s,visitor:n,experienceId:o,locationId:r,fh:h,t:a}){this.name="RuleData",this.bh=t,this.xh=i,this.Sh=e,this.Ah=s,this.Lh=n,this.Mh=h,this.u=a,this.Kv=o,this.Qv=r,this.Yv=new Date,this.Zv=this.Yv.getDay(),0===this.Zv&&(this.Zv=7);let c=this.Yv.getTime()+6e4*this.Yv.getTimezoneOffset()+1e3*t.od.Xv;(t=>{const i=new Date,e=new Date(i.getFullYear(),0,1),s=new Date(i.getFullYear(),6,1),n=Math.max(e.getTimezoneOffset(),s.getTimezoneOffset());return Boolean(t.getTimezoneOffset()<n)})(this.Yv)&&(c+=36e5),this.tg=new Date(c),this.ig=this.tg.getDay(),0===this.ig&&(this.ig=7),this.m=t=>Wt(t,!0)}get(){return this.Ah.Su()}eg(t){const i=zt(this.Sh.url.href,t,!1);return new vi(i).dh()}sg(t){return zt(this.Sh.url.href,t,!0)}ng(t){t.value;return this.Sh.url.object.query}og(t){Et(`get ${t.replace(/_/g," ")}`)}rg(t){t.value;const i=this.Sh.gv(ft.Rn);return void 0===i?(this.og("page_tag_page_type"),G.Yi):i}hg(t){t.value;const i=this.Sh.gv(ft.Pn);return void 0===i?(this.og("page_tag_category_id"),G.Yi):i}ag(t){t.value;const i=this.Sh.gv(ft.qn);return void 0===i?(this.og("page_tag_category_name"),G.Yi):i}cg(t){t.value;const i=this.Sh.gv(ft.Bn);return void 0===i?(this.og("page_tag_product_sku"),G.Yi):i}dg(t){t.value;const i=this.Sh.gv(ft.Vn);return void 0===i?(this.og("page_tag_product_name"),G.Yi):i}lg(t){t.value;const i=this.Sh.gv(ft.Un);return void 0===i?(this.og("page_tag_product_price"),G.Yi):i}ug(t){t.value;const i=this.Sh.gv(ft.Fn);return void 0===i?(this.og("page_tag_customer_id"),G.Yi):i}vg(t){t.value;const i=this.Sh.gv(ft.Gn);return void 0===i?(this.og("page_tag_custom_1"),G.Yi):i}gg(t){t.value;const i=this.Sh.gv(ft.zn);return void 0===i?(this.og("page_tag_custom_2"),G.Yi):i}fg(t){t.value;const i=this.Sh.gv(ft.Hn);return void 0===i?(this.og("page_tag_custom_3"),G.Yi):i}pg(t){t.value;const i=this.Sh.gv(ft.Wn);return void 0===i?(this.og("page_tag_custom_4"),G.Yi):i}mg(t){var i,e,s;t.value;return(null===(s=null===(e=null===(i=this.Lh.hd)||void 0===i?void 0:i[Wt("current")])||void 0===e?void 0:e[Wt("condition")])||void 0===s?void 0:s[Wt("text")])||G.Zi}wg(t){var i;let e;try{let i=t.value;const convertContext={experienceId:this.Kv,locationId:this.Qv};switch(typeof i){case"string":i=this.Kv||this.Qv?i.replace(/convert_recheck_(experiment|experience)[\s]*\([\s]*\)/g,`convert.executeExperienceLooped(${this.Kv?`{experienceId: '${this.Kv}'}`:`{locationId: '${this.Qv}'}`})`).replace(/convert_trigger_(experiment|experience)[\s]*\([\s]*\)/g,`convert.executeExperience(${this.Kv?`{experienceId: '${this.Kv}'}`:`{locationId: '${this.Qv}'}`})`):i.replace(/convert_recheck_(experiment|experience)[\s]*\([\s]*\).*[;]?/g,"").replace(/convert_trigger_(experiment|experience)[\s]*\([\s]*\).*[;]?/g,""),e=Function(`return ${i}`)(),"function"==typeof e&&(e=e(convertContext));break;case"function":e=i(convertContext)}}catch({stack:s,message:n}){if(e=!1,null===(i=this.xh)||void 0===i?void 0:i.Ig){const i={data:{type:Fi.Lv,experienceId:this.Kv,locationId:this.Qv,code:String(t.value),stack:s,message:n}};Ui.add(i),this.Mh.I(lt.zs,i)}}return e}yg(t){var i;t.value;return null===(i=this.Lh.device)||void 0===i?void 0:i[Wt("desktop")]}bg(t){var i;t.value;return null===(i=this.Lh.device)||void 0===i?void 0:i[Wt("mobile")]}xg(t){var i;t.value;return null===(i=this.Lh.device)||void 0===i?void 0:i[Wt("tablet")]}kg(t){t.value;return this.Sh.userAgent}Sg(t){t.value;return this.Sh.Zu.ev}_g(t){t.value;return this.Sh.Zu.version}$g(t){t.value;return this.Sh.Zu.name}Og(t){t.value;return this.tg.getMinutes()}Mg(t){t.value;return this.tg.getHours()}Cg(t){t.value;return this.ig}jg(t){t.value;return this.Yv.getMinutes()}Eg(t){t.value;return this.Yv.getHours()}Dg(t){t.value;return this.Zv}Ag(t){t.value;return this.Lh.yh}Lg(t){var i;let e=!1;for(const t in this.Lh.la)if(this.Lh.la[t]&&"1"!==this.Lh.la[t][dt.Ai]&&(null===(i=this.bh.la[t])||void 0===i?void 0:i.type)!==a&&t!==this.Kv&&this.bh.la[t]){e=!0;break}t.value;return e}Tg(t){t.value;return this.Lh.fd}Ng(t){t.value;return this.Lh.$d?Y.Be:Y.NEW}Rg(t){t.value;return this.Lh.cookies.get(t.key)}Pg(t){const i=new Date,e=Math.round(i.getTime()/1e3);t.value;return e-this.Lh.vd}qg(t){t.value;return this.Lh.Hc}Bg(t){t.value;return this.Lh.pd}Vg(t){t.value;return this.Sh.Zu.lang}Ug(t){t.value;return this.Lh.gd?(this.Sh.uv-this.Lh.gd)/86400:0}Fg(t){var i,e;t.value;return"string"==typeof(null===(i=this.Lh.rd)||void 0===i?void 0:i[Wt("state")])?null===(e=this.Lh.rd)||void 0===e?void 0:e[Wt("state")]:G.Zi}Gg(t){var i,e;t.value;return"string"==typeof(null===(i=this.Lh.rd)||void 0===i?void 0:i[Wt("country")])?null===(e=this.Lh.rd)||void 0===e?void 0:e[Wt("country")]:G.Zi}zg(t){var i,e;t.value;return"string"==typeof(null===(i=this.Lh.rd)||void 0===i?void 0:i[Wt("city")])?null===(e=this.Lh.rd)||void 0===e?void 0:e[Wt("city")]:G.Zi}Hg(t){t.value;return Math.round((this.Sh.uv-this.Lh.ud)/this.Lh.pd)}Wg(t){t.value;return this.Lh.source}Jg(t){t.value;return this.Lh.ad}Kg(t){t.value;return this.Lh.dd}Qg(t){t.value;return this.Lh.ld}}class zi{constructor({config:t,data:i,request:e,Yg:s,fh:n,t:o}){this.name="RuleProcessor",this.bh=t,this.xh=i,this.Sh=e,this.Zg=s,this.Mh=n,this.u=o}getData({yh:t,visitor:i,experienceId:e,locationId:s}){return new Gi({config:this.bh,data:this.xh,request:this.Sh,yh:t,visitor:i,experienceId:e,locationId:s,fh:this.Mh,t:this.u})}process({rules:t,yh:i,visitor:e,experienceId:s,locationId:n,Kl:o}){if(!t)return!1;const r=this.getData({yh:i,visitor:e,experienceId:s,locationId:n}),h=Array.isArray(t)?t:[t];for(const t of h){const i=this.Zg.xv(r,t,o);if(!1!==i)return i}return!1}}class Hi{constructor(t,{t:i}={}){var e,s;this.Xg=1e4,this.tf=9999,this.u=i,this.Xg=(null===(e=null==t?void 0:t.ja)||void 0===e?void 0:e.if)||1e4,this.tf=(null===(s=null==t?void 0:t.ja)||void 0===s?void 0:s.ef)||9999}sf(t,i,e=0){let s=null,n=0;return Object.keys(t).some((o=>(n+=100*t[o]+e,i<n&&(s=o,!0)))),s||null}nf(t,i){const{seed:e=this.tf,experienceId:s=""}=i||{},n=Dt(s+String(t),e)/4294967296*this.Xg;return parseInt(String(n),10)}rf(t,i,e){const s=this.nf(i,e),n=this.sf(t,s,null==e?void 0:e.hf);return n?{Hh:n,Ma:s}:null}}const Wi={"Content-Type":"application/json"},Ji="https://cdn-4.convertexperiments.com/api/v1/config-js",Ki="https://[project_id].metrics.convertexperiments.com/v1";class Qi{constructor(t,{fh:i,t:e}={}){var s,n,o,r,h,a,c,d,l,u,v,g;this.af=Ji,this.cf=Ki,this.df=Wi,this.lf=10,this.uf=1e4,this.u=e,this.Mh=i,this.af=(null===(n=null===(s=null==t?void 0:t.vf)||void 0===s?void 0:s.endpoint)||void 0===n?void 0:n.config)||Ji,this.cf=(null===(r=null===(o=null==t?void 0:t.vf)||void 0===o?void 0:o.endpoint)||void 0===r?void 0:r.track)||Ki,this.xh=yt(t,"data"),this.gf=!yt(t,"dataStore"),this.ff=null==t?void 0:t.nc,this.p=(null==t?void 0:t.m)||(t=>t),this.lf=Number(null===(h=null==t?void 0:t.pf)||void 0===h?void 0:h.mf)||10,this.uf=Number(null===(a=null==t?void 0:t.pf)||void 0===a?void 0:a.wf)||1e4,this.If=null===(c=this.xh)||void 0===c?void 0:c.$u,this.yf=null===(l=null===(d=this.xh)||void 0===d?void 0:d.od)||void 0===l?void 0:l.id,this.bf=(null==t?void 0:t.xf)||`${this.If}/${this.yf}`,(null==t?void 0:t.kf)&&(this.df.Sf=`Bearer ${null==t?void 0:t.kf}`),this._f={$f:this.gf,Of:this.If,Xd:this.yf,Mf:[]},this.Cf=null===(u=null==t?void 0:t.jf)||void 0===u?void 0:u.Ef,this.Df=(null===(v=null==t?void 0:t.jf)||void 0===v?void 0:v.source)||"js-sdk",this.Af=null===(g=null==t?void 0:t.jf)||void 0===g?void 0:g.Lf,this.yu={length:0,items:[],push(t,i,e){const s=this.items.findIndex((i=>i.Yh===t));if(-1!==s)this.items[s].pf.push(i);else{const s={Yh:t,pf:[i]};e&&(s.yh=e),this.items.push(s)}this.length++},reset(){this.items=[],this.length=0}}}request(t,e){return i(this,arguments,void 0,(function*(t,i,e={},s={}){const n=Object.assign(Object.assign({},this.df),s),o={method:t,path:i.Tf,Cr:i.Nf,headers:n,data:e,responseType:"json"};return Pt.request(o)}))}enqueue(t,i,e){this.yu.push(t,i,e),this.Cf&&(1===this.yu.length?this.Eu():this.yu.length===this.lf&&this.ju("size").then())}ju(t){if(!this.yu.length)return;this.Du();const i=this._f;return i.Mf=this.yu.items.slice(),i.source=this.Df,this.request("post",{Nf:this.cf.replace("[project_id]",this.yf.toString()),Tf:`/track/${this.bf}`},this.p(i)).then((e=>{var s,n;this.yu.reset(),null===(n=null===(s=this.Mh)||void 0===s?void 0:s.I)||void 0===n||n.call(s,z.ie,{reason:t,result:e,Mf:i.Mf})})).catch((i=>{var e,s;this.Eu(),null===(s=null===(e=this.Mh)||void 0===e?void 0:e.I)||void 0===s||s.call(e,z.ie,{reason:t},i)}))}Du(){clearTimeout(this.Au)}Eu(){this.Au=setTimeout((()=>{this.ju("timeout")}),this.uf)}ec(){this.Cf=!0,this.ju("trackingEnabled")}Rf(){this.Cf=!1}setData(t){var i;this.xh=t,this.If=null==t?void 0:t.$u,this.yf=null===(i=null==t?void 0:t.od)||void 0===i?void 0:i.id,this._f.Of=this.If,this._f.Xd=this.yf}Pf(){let t="low"===this.Af||this.ff?"?":"";return this.ff&&(t+=`environment=${this.ff}`),"low"===this.Af&&(t+="_conv_low_cache=1"),new Promise(((i,e)=>{this.request("get",{Nf:this.af,Tf:`/config/${this.bf}${t}`}).then((({data:t})=>i(t))).catch(e)}))}}class Yi{constructor(t,{uh:i,fh:e,t:s}={}){var n,o;this.lf=1,this.uf=5e3,this.u=s,this.Mh=e,this.lf=Number(null===(n=null==t?void 0:t.pf)||void 0===n?void 0:n.mf)||1,this.uf=Number(null===(o=null==t?void 0:t.pf)||void 0===o?void 0:o.wf)||5e3,this.uh=i,this.p=(null==t?void 0:t.m)||(t=>t),this.yu={}}set(t,i){var e,s;try{null===(s=null===(e=this.uh)||void 0===e?void 0:e.set)||void 0===s||s.call(e,t,i)}catch(t){}}get(t){var i,e;try{return null===(e=null===(i=this.uh)||void 0===i?void 0:i.get)||void 0===e?void 0:e.call(i,t)}catch(t){}return null}enqueue(t,i){const e={};e[t]=i,this.yu=bt(this.yu,e),Object.keys(this.yu).length>=this.lf?this.ju("size"):1===Object.keys(this.yu).length&&this.Eu()}ju(t){var i,e;this.Du();for(const t in this.yu)this.set(t,this.yu[t]);null===(e=null===(i=this.Mh)||void 0===i?void 0:i.I)||void 0===e||e.call(i,z.he,{reason:t||""})}Du(){clearTimeout(this.Au)}Eu(){this.Au=setTimeout((()=>{this.ju("timeout")}),this.uf)}set uh(t){t&&this.qf(t)&&(this.Oh=t)}get uh(){return this.Oh}qf(t){return"object"==typeof t&&"function"==typeof t.get&&"function"==typeof t.set}}class Zi{constructor(t,{Bf:i,Yg:e,fh:s,wu:n,t:o},{Vf:r=!0}={}){var h,a,c;this.Uf=D,this.Ff=1e4,this.Gf=new Map,this.ff=null==t?void 0:t.nc,this.Iu=n,this.zf=i,this.Zg=e,this.u=o,this.Mh=s,this.bh=t,this.p=(null==t?void 0:t.m)||(t=>t),this.Hf=r,this.xh=yt(t,"data"),this.If=null===(h=this.xh)||void 0===h?void 0:h.$u,this.yf=null===(c=null===(a=this.xh)||void 0===a?void 0:a.od)||void 0===c?void 0:c.id,this.Wf=null==t?void 0:t.uh}set data(t){var i;this.Jf(t)&&(this.xh=t,this.If=null==t?void 0:t.$u,this.yf=null===(i=null==t?void 0:t.od)||void 0===i?void 0:i.id)}get data(){return this.xh}set Wf(t){this.Kf=null,t&&(this.Kf=new Yi(this.bh,{uh:t,fh:this.Mh,t:this.u}))}get Wf(){return this.Kf}Qf(t){this.Kf=null,t&&(this.Kf=new Yi(this.bh,{uh:t,fh:this.Mh,t:this.u}))}Yf(t,i,e="key",o){var r;const{Qa:h,Zf:a,sc:c,nc:d=this.ff}=o,l=this.Xf(i,"la",e);if(!l)return null;if(!!this.tp("Sd").find((t=>String(null==l?void 0:l.id)===String(t))))return null;if(!(!(null==l?void 0:l.nc)||l.nc===d))return null;let u=[];const{ja:v}=this.getData(t)||{},{[l.id.toString()]:g}=v||{};let f=!1;g&&this.ip(l.id,String(g))&&(f=!0);let p=!0===c;if(!p&&a)if(Array.isArray(null==l?void 0:l.Va)&&l.Va.length){let i=[];const s=this.ep(l.Va,"Va");if(s.length&&(i=this.sp(t,s,{Zf:a,np:e}),u=i.filter((t=>Object.values(G).includes(t))),u.length))return u[0];p=Boolean(i.length)}else if(null==l?void 0:l.op){if(p=this.Zg.xv(a,l.op,"SiteArea"),Object.values(G).includes(p))return p}else p=!0;if(!p)return null;let m=[],w=[],I=[],y=[],b=[],x=!1,k=!1;if(h)if(Array.isArray(null==l?void 0:l.rp)&&l.rp.length)if(m=this.ep(l.rp,"rp"),b=m.filter((t=>!(f&&t.type===s))),b.length){if(I=this.hp(b,h,"audience",e),u=I.filter((t=>Object.values(G).includes(t))),u.length)return u[0];if(I.length)for(const t of I);x=l.Ul.ap.rp===n?Boolean(I.length===b.length):Boolean(I.length)}else x=!0;else x=!0;if(w=this.ep(l.rp,"yh"),w.length){if(y=this.cp(w,t),y.length)for(const t of y);k=Boolean(y.length)}else k=!0;return x&&k&&(null==l?void 0:l.oc)&&(null===(r=null==l?void 0:l.oc)||void 0===r?void 0:r.length)?l:null}dp(t,i,e="key",s){const{Qa:n,Zf:o,Za:r,Xa:h,ec:a=!0,sc:c,nc:d=this.ff}=s,l=this.Yf(t,i,e,{Qa:n,Zf:o,sc:c,nc:d});return l?Object.values(G).includes(l)?l:this.lp(t,n,r,l,h,a):null}lp(t,i,e,s,n,o=!0){var r,h,a;if(!t||!s)return null;if(!(null==s?void 0:s.id))return null;let c,l,u=null,v=null;this.up(t),n&&(u=this.ip(s.id,String(n)))&&(c=n);const{ja:g,yh:f}=this.getData(t)||{},{[s.id.toString()]:p}=g||{};if(!p||c&&String(c)!==String(p)||!(u=this.ip(s.id,String(p)))){const n=s.oc.filter((t=>!(null==t?void 0:t.status)||t.status===d)).filter((t=>(null==t?void 0:t.vp)>0||isNaN(null==t?void 0:t.vp))).reduce(((t,i)=>((null==i?void 0:i.id)&&(t[i.id]=(null==i?void 0:i.vp)||100),t)),{}),v=this.zf.rf(n,t,(null===(h=null===(r=this.bh)||void 0===r?void 0:r.ja)||void 0===h?void 0:h.gp)?null:{experienceId:s.id.toString()});if(c=c||(null==v?void 0:v.Hh),l=null==v?void 0:v.Ma,!c)return j.fi;if(e?this.Ca(t,Object.assign({ja:{[s.id.toString()]:c}},i?{yh:i}:{})):this.Ca(t,{ja:{[s.id.toString()]:c}}),o){const e={experienceId:s.id.toString(),Hh:c.toString()},n={Ea:$,data:e},o=this.Zg.Ev(i)?(null===(a=null==i?void 0:i.get)||void 0===a?void 0:a.call(i))||{}:f;this.Iu.enqueue(t,n,o)}u=this.ip(s.id,String(c))}else c=p;return u&&(v=Object.assign(Object.assign({experienceId:null==s?void 0:s.id,ac:null==s?void 0:s.name,fp:null==s?void 0:s.key},{Ma:l}),u)),v}ip(t,i){return this.pp("la",t,"oc",i,"id","id")}reset(){this.Gf=new Map}Ca(i,e={}){const s=this.up(i),n=this.getData(i)||{};if(!kt(n,e)){const i=bt(n,e);if(this.Gf.set(s,i),this.Gf.size>this.Ff)for(const[t]of this.Gf){this.Gf.delete(t);break}if(this.Wf){const{yh:o={}}=n,r=t(n,["yh"]),{yh:h={}}=this.mp(o),{yh:a}=this.mp((null==e?void 0:e.yh)||{});a?this.Hf?this.Wf.enqueue(s,bt(r,{yh:Object.assign(Object.assign({},h),a)})):this.Wf.set(s,bt(r,{yh:Object.assign(Object.assign({},h),a)})):this.Hf?this.Wf.enqueue(s,i):this.Wf.set(s,i)}}}getData(t){const i=this.up(t),e=this.Gf.get(i)||null;return this.Wf?bt(e||{},this.Wf.get(i)||{}):e}up(t){return`${this.If}-${this.yf}-${t}`}sp(t,i,e){var s,n,o,r,h,a,c,d,l,u;const{Zf:v,np:g="key",wp:f}=e,{Va:p=[]}=this.getData(t)||{},m=[];let w;if(It(i))for(let e=0,I=i.length;e<I;e++){if(!(null===(s=null==i?void 0:i[e])||void 0===s?void 0:s.rules))continue;w=this.Zg.xv(v,i[e].rules,`ConfigLocation #${i[e][g]}`);const I=null===(r=null===(o=null===(n=null==i?void 0:i[e])||void 0===n?void 0:n[g])||void 0===o?void 0:o.toString)||void 0===r?void 0:r.call(o);if(!0===w)p.includes(I)&&!f||this.Mh.I(z.ne,{Yh:t,location:{id:null===(h=null==i?void 0:i[e])||void 0===h?void 0:h.id,key:null===(a=null==i?void 0:i[e])||void 0===a?void 0:a.key,name:null===(c=null==i?void 0:i[e])||void 0===c?void 0:c.name}},null,!0),p.includes(I)||p.push(I),m.push(i[e]);else if(!1!==w)m.push(w);else if(!1===w&&p.includes(I)){this.Mh.I(z.oe,{Yh:t,location:{id:null===(d=null==i?void 0:i[e])||void 0===d?void 0:d.id,key:null===(l=null==i?void 0:i[e])||void 0===l?void 0:l.key,name:null===(u=null==i?void 0:i[e])||void 0===u?void 0:u.name}},null,!0);const s=p.findIndex((t=>t===I));p.splice(s,1)}}return this.Ca(t,{Va:p}),m}Ip(t,i,e){return this.dp(t,i,"key",e)}yp(t,i,e){return this.dp(t,i,"id",e)}convert(t,i,e,s,n,o){const r="string"==typeof i?this.bp(i,"Hc"):this.xp(i,"Hc");if(!(null==r?void 0:r.id))return;if(e){if(!(null==r?void 0:r.rules))return;const t=this.Zg.xv(e,r.rules,`ConfigGoal #${i}`);if(Object.values(G).includes(t))return t;if(!t)return}const h=null==o?void 0:o[E.pi],{ja:a,Hc:{[i.toString()]:c}={}}=this.getData(t)||{};if(!c||h)return this.Ca(t,{Hc:{[i.toString()]:!0}}),c||function(){const i={Zd:r.id};a&&(i.Xl=a);const e={Ea:O,data:i};this.Iu.enqueue(t,e,n)}.call(this),!s||c&&!h||function(){const i={Zd:r.id,eu:s};a&&(i.Xl=a);const e={Ea:O,data:i};this.Iu.enqueue(t,e,n)}.call(this),!0}hp(t,i,e,s="id"){var n;const o=[];let r;if(It(t))for(let h=0,a=t.length;h<a;h++)(null===(n=null==t?void 0:t[h])||void 0===n?void 0:n.rules)&&(r=this.Zg.xv(i,t[h].rules,`${Et(e)} #${t[h][s]}`),!0===r?o.push(t[h]):!1!==r&&o.push(r));return o}cp(t,i){var e;const{yh:{[K.Ne]:s=[]}={}}=this.getData(i)||{},n=[];if(It(t))for(let i=0,o=t.length;i<o;i++)(null===(e=null==t?void 0:t[i])||void 0===e?void 0:e.id)&&s.includes(t[i].id)&&n.push(t[i]);return n}mp(t){const i=Object.values(K).map((t=>t)),e={},s={};for(const n in t)i.includes(n)?e[n]=t[n]:s[n]=t[n];return{properties:Object.keys(s).length?s:null,yh:Object.keys(e).length?e:null}}tp(t){let i=[];const e=A[t]||t;return-1!==this.Uf.indexOf(e)&&(i=yt(this.xh,e)||[]),i}kp(t,i="id"){return this.tp(t).reduce(((t,e)=>(t[e[i]]=e,t)),{})}Xf(t,i,e="key"){var s;const n=A[i]||i,o=this.tp(n);if(It(o))for(let i=0,n=o.length;i<n;i++)if(o[i]&&String(null===(s=o[i])||void 0===s?void 0:s[e])===String(t))return o[i];return null}bp(t,i){return this.Xf(t,i,"key")}Sp(t,i){return this._p(t,i)}xp(t,i){return this.Xf(t,i,"id")}$p(t,i){return this.ep(t,i)}_p(t,i){var e;const s=this.tp(i),n=[];if(It(s))for(let i=0,o=s.length;i<o;i++)-1!==t.indexOf(null===(e=s[i])||void 0===e?void 0:e.key)&&n.push(s[i]);return n}ep(t,i){var e;const s=[];if(It(t)){const n=this.tp(i);if(It(n))for(let i=0,o=n.length;i<o;i++)-1!==t.indexOf(null===(e=n[i])||void 0===e?void 0:e.id)&&s.push(n[i])}return s}pp(t,i,e,s,n,o){const r=this.Xf(i,t,n);for(const t of r[e])if(t[o]===s)return t;return null}Jf(t){var i;return xt(t)&&(!!(null==t?void 0:t.$u)&&!!(null===(i=null==t?void 0:t.od)||void 0===i?void 0:i.id)||Boolean(t.error))}}class Xi{constructor(t,{mh:i,t:e}){this.jh=i,this.u=e}Op(){return this.jh.tp("la")}Mp(t){return this.jh.bp(t,"la")}Cp(t){return this.jh.xp(t,"la")}jp(t){return this.jh._p(t,"la")}Ep(t,i,e){return this.jh.Ip(t,i,e)}Ka(t,i,e){return this.jh.yp(t,i,e)}Dp(t,i){return this.Op().map((e=>this.Ep(t,null==e?void 0:e.key,i))).filter((t=>t&&!Object.values(G).includes(t)&&!Object.values(j).includes(t)))}Ap(t,i){return this.jh.pp("la",t,"oc",i,"key","key")}Lp(t,i){return this.jh.pp("la",t,"oc",i,"id","id")}}var te;!function(t){t.Tp="js",t.Np="custom_js",t.Rp="css",t.Pp="page_id",t.oi="selector",t.qp="original_pattern",t.Bp="variation_pattern",t.Vp="case_sensitive"}(te||(te={}));class ie{constructor(){this.Up=[]}get clone(){return[].concat(this.Up)}get size(){return this.Up.length}get Fp(){return 0===this.Up.length}get Gp(){return this.Up[0]}enqueue(t){-1===this.Up.findIndex((i=>kt(i,t)))&&this.Up.push(t)}zp(){return this.Up.shift()}remove(t){const i=this.Up.findIndex((i=>kt(i,t)));if(-1!==i)return this.Up.splice(i,1)}}const ee={get(t=0){return this.element?(Array.isArray(this.element)&&(this.element=this.element[t]),this):this},find(t){const i=xt(this)?document:this;return"object"==typeof t?this.element=t:(t.startsWith(">")&&(t=`* ${t}`),this.element=Array.prototype.slice.apply(i.querySelectorAll(t))),Array.isArray(this.element)&&(this.element=1===this.element.length?this.element[0]:this.element),this},filter(t){return this.element?"function"==typeof t?(this.element=Array.prototype.filter.call(this,t),this):this.find(t):this},after(t){return this.element?(Array.isArray(this.element)||this.element.insertAdjacentHTML("afterend",t),this):this},before(t){return Array.isArray(this.element)||this.element.insertAdjacentHTML("beforebegin",t),this},clone(){var t,i,e,s,n,o;return this.element?(Array.isArray(this.element)||(this.element=null===(i=null===(t=this.element)||void 0===t?void 0:t.cloneNode)||void 0===i?void 0:i.call(t,!0),(null===(s=null===(e=this.element)||void 0===e?void 0:e.getAttribute)||void 0===s?void 0:s.call(e,"id"))&&this.element.setAttribute("id",`${this.element.getAttribute("id")}-${performance.now()}`),(null===(o=null===(n=this.element)||void 0===n?void 0:n.getAttribute)||void 0===o?void 0:o.call(n,"name"))&&this.element.setAttribute("name",`${this.element.getAttribute("name")}-${performance.now()}`)),this):this},empty(){if(!this.element)return this;if(Array.isArray(this.element))return this;for(;this.element.firstChild;)this.element.removeChild(this.element.firstChild);return this},each(t,i){if(!this.element)return this;if(Array.isArray(t))t.forEach(((t,e)=>i(e,t)));else{if(Array.isArray(this.element))return this;Array.prototype.forEach.call(this.element,((i,e)=>t(e,i)))}return this},next(){return this.element?(Array.isArray(this.element)||(this.element=this.element.nextElementSibling),this):this},prev(){return this.element?(Array.isArray(this.element)||(this.element=this.element.previousElementSibling),this):this},parent(){return this.element?(this.element=this.element.parentNode,this):this},append(t){return this.element?(Array.isArray(this.element)||("string"==typeof t?this.element.insertAdjacentHTML("beforeend",t):this.element.appendChild(t)),this):this},prepend(t){return this.element?(Array.isArray(this.element)||("string"==typeof t?this.element.insertAdjacentHTML("afterbegin",t):this.element.insertBefore(t,this.element.firstChild)),this):this},Hp(t){if(!this.element)return this;if(Array.isArray(this.element))return this;const i=this.find("string"==typeof t?t:null==t?void 0:t.element);return i?(Array.isArray(i)||("string"==typeof t?i.insertAdjacentHTML("afterbegin",t):i.insertBefore(this.element,i.firstChild)),this):this},remove(){var t,i;return this.element?(Array.isArray(this.element)||null===(i=null===(t=this.element.parentNode)||void 0===t?void 0:t.removeChild)||void 0===i||i.call(t,this),this):this},html(t){return this.element?Array.isArray(this.element)?this:t?(this.element.innerHTML=t,this):this.element.innerHTML:this},text(t){return this.element?Array.isArray(this.element)?this:t?(this.element.textContent=t,this):this.element.textContent:this},val(t){return this.element?Array.isArray(this.element)?this:t?(this.element.value=t,this):this.element.value:this},addClass(t){return this.element?(Array.isArray(this.element)||this.element.classList.add(t),this):this},removeClass(t){return this.element?(Array.isArray(this.element)||this.element.classList.remove(t),this):this},hasClass(t){return this.element?Array.isArray(this.element)?this:this.element.classList.contains(t):this},toggleClass(t){return this.element?(Array.isArray(this.element)||this.element.classList.toggle(t),this):this},replaceWith(t){return this.element?(Array.isArray(this.element)||(this.element.outerHTML=t),this):this},show(){return this.element?(Array.isArray(this.element)||(this.element.style.display="initial"),this):this},hide(){return this.element?(Array.isArray(this.element)||(this.element.style.display="none"),this):this},prop(t,i){return this.element?Array.isArray(this.element)?this:i?(this.element[t]=i,this):this.element[t]:this},attr(t,i){return this.element?Array.isArray(this.element)?this:i?(this.element.setAttribute(t,i),this):this.element.getAttribute(t):this},removeAttr(t){return this.element?(Array.isArray(this.element)||this.element.removeAttribute(t),this):this},css(t,i){if(!this.element)return this;if(Array.isArray(this.element))return this;if(i){if("cssText"===t){const t=Object.fromEntries(i.split(";").map((t=>t.split(":").map((t=>t.trim())))).filter((t=>2===t.length)));let e=this.element.getAttribute("style")||"";e.endsWith(";")&&(e=e.slice(0,-1));for(const i in t)new RegExp(`${i}:(\\s+|\\s)?${t[i]}`,"i").test(e)||this.element.setAttribute("style",`${e?`${e};`:""}${i}: ${t[i]}`)}else this.element.style[Et(t)]=i;return this}return getComputedStyle(this.element)[t]},height(t){return this.element?Array.isArray(this.element)?this:t?("function"==typeof t?t():this.element.style.height="string"==typeof t?t:`${t}px`,this):parseFloat(getComputedStyle(this.element,null).height.replace(/(px|em|rem)/g,"")):this},width(t){return this.element?Array.isArray(this.element)?this:t?("function"==typeof t?t():this.element.style.width="string"==typeof t?t:`${t}px`,this):parseFloat(getComputedStyle(this.element,null).width.replace(/(px|em|rem)/g,"")):this},outerHeight(t){if(!this.element)return this;if(Array.isArray(this.element))return this;if(t){let t=this.element.offsetHeight;const i=getComputedStyle(this.element);return t+=parseInt(i.marginTop)+parseInt(i.marginBottom),t}return this.element.offsetHeight},outerWidth(t){if(!this.element)return this;if(Array.isArray(this.element))return this;if(t){let t=this.element.offsetWidth;const i=getComputedStyle(this.element);return t+=parseInt(i.marginLeft)+parseInt(i.marginRight),t}return this.element.offsetWidth},ready(t){return document.readyState!==Bt.LOADING?t():document.addEventListener(Ut.Vr,t),this}};function se(t){return"function"==typeof t?(ee.ready(t),this):ee.find(t)}var ne,oe,re;Object.assign(se,ee),function(t){t.Wp="legacy",t.Jp="latest"}(ne||(ne={})),function(t){t.Kp="a",t.Qp="body",t.Yp="form"}(oe||(oe={})),function(t){t.Zp="in_view",t.CHANGE="change"}(re||(re={}));const he={attributes:!0,childList:!0,subtree:!0,characterData:!0};class ae{constructor({config:t,data:i,state:e,uh:s,request:n,visitor:o,Wc:r,Xp:h,remote:a,gh:c,fh:d,t:l}){var u,v,g,f;this.name="Render",this.tm=new Map,this.im=new Map,this.bh=t,this.xh=i,this.Oh=s,this.kh=e,this.Sh=n,this.Lh=o,this.sm=r,this.nm=h,this._h=a,this.$h=c,this.Mh=d,this.u=l,this.reset(),this.om=!0,this.rm=null,this.hm=0,this.am=!1,this.dm=!1,this.lm=Date.now(),this.um=0,this.vm={gm:[],fm:[]},this.pm=[],this.wm=!1,this.Im=1,this.bm={};const{[ut.an]:p=tt}=this.Sh.url.query;this.xm=Number(p),null===(u=this.xh)||void 0===u||u.km,this.Sm=[],this.su=new AbortController,this._m=(null===(v=this.xh)||void 0===v?void 0:v.$m)||50,(null===(g=this.xh)||void 0===g?void 0:g.Om)&&!this.kh.isDisabled&&(this.Mm=!1,this.Cm=new MutationObserver((t=>this.jm(t)))),(null===(f=window.convert)||void 0===f?void 0:f.$)||(window.convert.$=(null===window||void 0===window?void 0:window.jQuery)||se),window.convert._$=this.query.bind(this),this.$h.Em=()=>this.Em({force:!0}),this.$h.redirect=(t,i)=>this.redirect({url:t,dv:i}),this.$h.refresh=()=>this.refresh(),window.convert[Wt("redirect",!0)]=this.$h.redirect,window.convert[Wt("refresh",!0)]=this.$h.refresh}query(t){var i;(null===(i=window.convert.$)||void 0===i?void 0:i.Dm)||this.wm||(this.wm=!0,this._h.log({[C.oi]:t},{from:M.ht}));const e=window.convert.$;if(!t)return e;let s;if(t.startsWith("none_"))s=e;else try{s=e(t)}catch({message:t}){}return s}reset({Am:t}={}){var i,e,s;if(this.Lm)for(const{node:t}of this.Lm)null===(i=null==t?void 0:t.remove)||void 0===i||i.call(t);if(this.Lm=[],this.Tm={},this.Nm={},this.Rm={},this.vm={gm:[],fm:[]},this.pm=[],this.Pm=new ie,this.qm=new ie,this.Bm=new ie,this.Vm=new ie,!t)try{if(xt(this.kh.Um)){this.stop();const t=Array.from((null===(e=null===document||void 0===document?void 0:document.querySelectorAll)||void 0===e?void 0:e.call(document,`head style[${it}]`))||[]);for(const i of t){const t=i.getAttribute(it);if(this.Fm({Gm:t}))try{null===(s=null==i?void 0:i.remove)||void 0===s||s.call(i)}catch(t){}}this.zm()&&this.start()}}catch(t){}}Hm(){var t,i;this.rm=!0;const e=document.querySelector(`style#${et}`);if(this.Wm=setTimeout((()=>this.Em({force:!0})),this.xm),!(null===window||void 0===window?void 0:window._conv_prevent_bodyhide)&&!e){const s=null===(t=document.querySelectorAll("script"))||void 0===t?void 0:t[0];if(s){const t=(null===(i=this.kh)||void 0===i?void 0:i.cu)?`nonce="${this.kh.cu}"`:"";s.insertAdjacentHTML("afterend",`<style id="${et}" type="text/css" media="all" ${it} ${t}>body{position:relative;overflow:hidden}body::after{position:absolute;top:0;bottom:0;left:0;right:0;content:"";background:#fff;z-index:2147483647}</style>`);const n=new AbortController;this.Sm.push(n),di((()=>{if(e){const t=getComputedStyle(document.body).getPropertyValue("background-color");e.textContent+=`body::after{background:${t}}`}}),n.signal)}}}Em({force:t,delay:i}={}){var e,s,n,o,r;if(this.Wm&&(clearTimeout(this.Wm),this.Wm=null),(t||this.om)&&(!this.zm()||t)){(this.Pm.size||this.qm.size||this.Bm.size||this.Vm.size)&&(h.call(this),this.Jm());const t=[];for(const i in this.Tm)for(const e in this.Tm[i])for(const s of this.Tm[i][e]){const{selector:i,Km:e}=s;e||t.push(i)}if(t.length)for(const i of t);h.call(this),this.kh.Qm(),this.Mh.I(lt.Fs);try{if(!this.Ym){this.Ym=!0;const t=Array.from(this.im.values()).reduce(((t,{start:i,end:e})=>t+e-i),0);if(t&&(null===(e=this.xh)||void 0===e?void 0:e.Ig)){const i={data:{type:Fi.Wv,element:{id:null===(s=null===document||void 0===document?void 0:document.body)||void 0===s?void 0:s.id,cls:null===(o=null===(n=null===document||void 0===document?void 0:document.body)||void 0===n?void 0:n.classList)||void 0===o?void 0:o.value,tgn:null===(r=null===document||void 0===document?void 0:document.body)||void 0===r?void 0:r.tagName,rnd:t}}};Ui.add(i),this.Mh.I(lt.zs,i)}}}catch({message:t,stack:i}){}}function h(){var t,e,s,n,o,r,h;if(document.querySelector(`style#${et}`)&&!this.Zm){i?(this.Zm=!0,setTimeout((()=>{var t,i;null===(i=null===(t=document.querySelector(`style#${et}`))||void 0===t?void 0:t.remove)||void 0===i||i.call(t)}),i)):null===(e=null===(t=document.querySelector(`style#${et}`))||void 0===t?void 0:t.remove)||void 0===e||e.call(t);try{if(this.rm){const t=Date.now()-this.lm;if(t&&(null===(s=this.xh)||void 0===s?void 0:s.Ig)){const i={data:{type:Fi.Jv,element:{id:null===(n=null===document||void 0===document?void 0:document.body)||void 0===n?void 0:n.id,cls:null===(r=null===(o=null===document||void 0===document?void 0:document.body)||void 0===o?void 0:o.classList)||void 0===r?void 0:r.value,tgn:null===(h=null===document||void 0===document?void 0:document.body)||void 0===h?void 0:h.tagName,shw:t}}};Ui.add(i),this.Mh.I(lt.zs,i)}}}catch({message:t,stack:i}){}this.rm=!1}}}zm(){return!this.rm}Xm(){let t=0;const i=()=>{if(document.readyState===Bt.Rr||t>=3e3||this.am)return this.am=!0,clearTimeout(this.tw),void(this.tw=null);this.process(),t+=50,this.tw=setTimeout(i,50)};i()}iw(){this.stop(),this.start()}start(){var t;if(!this.dm){if(this.dm=!0,null===(t=this.xh)||void 0===t?void 0:t.Om){if(Boolean(void 0===this.tw)&&!this.am&&this.Xm(),!this.zm()&&!this.Mm){this.Cm.observe(document,he),this.Mm=!0;const t=new AbortController;this.Sm.push(t),di((()=>this.process()),t.signal)}}this.process()}}stop(){var t;if(this.dm){this.dm=!1,this.hm=0,this.lm=Date.now(),(null===(t=this.xh)||void 0===t?void 0:t.km)&&this.ew&&(clearTimeout(this.ew),this.ew=null);for(const t in this.Nm)for(const i in this.Nm[t])for(const e of this.Nm[t][i]){const{event:i,Gl:s}=e;this.sw({selector:t,event:i,Gl:s})}}}destroy(){var t;try{this.stop(),(null===(t=this.xh)||void 0===t?void 0:t.Om)&&this.Cm.disconnect(),this.reset();for(const t of this.Sm)t.abort();this.su.abort()}catch({message:t}){}}nw({selector:t,event:i,Gl:e}){i===Gt.Jr?document.removeEventListener(i,(i=>this.ow({selector:t,event:i,Gl:e})),!0):document.removeEventListener(i,(i=>this.ow({selector:t,event:i,Gl:e})))}rw({selector:t,event:i,Gl:e}){const s=`${t}-${i}`;this.tm.has(s)||this.tm.set(s,new Set),this.tm.get(s).has(e)||(this.tm.get(s).add(e),document.addEventListener(i,(i=>this.ow({selector:t,event:i,Gl:e})),Boolean(this.hw)))}ow({selector:t,event:i,Gl:e}){let s=i.target;s.nodeType===Node.TEXT_NODE&&(s=s.parentElement);let n=[];if("function"==typeof i.composedPath)n=i.composedPath();else{let t=s;for(;t;)n.push(t),t=t.parentElement}for(const i of n)if(i instanceof HTMLElement){if(i.matches&&i.matches(t))return void e();if(i.shadowRoot){if(Array.from(i.shadowRoot.querySelectorAll(t)).length>0)return void e()}}}sw({selector:t,event:i,Gl:e}){Object.values(re).includes(i)?this.aw({selector:t,event:i,Gl:e}):this.nw({selector:t,event:i,Gl:e})}cw({selector:t,event:i,Gl:e}){Object.values(re).includes(i)?this.dw({selector:t,event:i,Gl:e}):this.rw({selector:t,event:i,Gl:e})}lw(){this.uw&&(document.removeEventListener(Ut.Ur,this.uw),document.addEventListener(Ut.Ur,this.uw,{passive:!0,signal:this.su.signal}))}gw(t){const i=t.getBoundingClientRect();return i.top>=0&&i.left>=0&&i.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&i.right<=(window.innerWidth||document.documentElement.clientWidth)}dw({selector:t,event:i,Gl:e}){const s=document.querySelector(t);switch(i){case re.Zp:this.bm[t]=new IntersectionObserver((t=>{t.forEach((t=>{document.readyState!==Bt.Rr||this.rm||t.intersectionRatio<.15||e()}))}),{threshold:.15}),this.gw(s)&&e(),this.bm[t].observe(s);break;case re.CHANGE:this.bm[t]=new MutationObserver((()=>{document.readyState!==Bt.Rr||this.rm||e()})),this.bm[t].observe(s,he)}}aw({selector:t,event:i,Gl:e}){var s,n;switch(i){case re.Zp:case re.CHANGE:null===(n=null===(s=this.bm[t])||void 0===s?void 0:s.disconnect)||void 0===n||n.call(s),delete this.bm[t]}}fw({Gm:t,selector:i}){var e;const s=`${t}-${i}`;if(this.im.has(s)||this.im.set(s,{start:performance.now(),end:0}),this.im.get(s).end)return;this.im.get(s).end=performance.now();const n=document.querySelector(i);if(!n)return;const{start:o,end:r}=this.im.get(s),h=r-o;if(h)try{if(null===(e=this.xh)||void 0===e?void 0:e.Ig){const i={data:{type:Fi.Hv,element:{id:n.id,cls:n.classList.value,tgn:n.tagName,Gm:t,rnd:h}}};Ui.add(i),this.Mh.I(lt.zs,i)}}catch({message:t,stack:i}){}}pw(){var t,i,e,s;const{gm:n,fm:o}=this.vm;for(const n of this.pm){if((null===(t=null==n?void 0:n.querySelector)||void 0===t?void 0:t.call(n,oe.Qp))||document.body===n){this.lw();for(const t in this.Nm)for(const i in this.Nm[t])for(const e of this.Nm[t][i]){const{event:i,Gl:s}=e;this.cw({selector:t,event:i,Gl:s})}for(const t in this.Rm)for(const i in this.Rm[t])for(const e of this.Rm[t][i]){const{event:i,Gl:s}=e;i===re.CHANGE&&(document.readyState!==Bt.Rr&&this.rm||s()),this.cw({selector:t,event:i,Gl:s})}}for(const t in this.Tm)for(const o in this.Tm[t])for(const r of this.Tm[t][o]){const{selector:t}=r,o=document.querySelector(t),h=null===(i=null==n?void 0:n.querySelector)||void 0===i?void 0:i.call(n,t),a=null===(s=null===(e=null==n?void 0:n.parentNode)||void 0===e?void 0:e.querySelector)||void 0===s?void 0:s.call(e,t);Boolean(document.readyState!==Bt.LOADING&&!((null==o?void 0:o.hasAttribute(it))&&o!==n)&&(h||o===n||a||(null==n?void 0:n.nodeType)===Node.TEXT_NODE&&o===(null==n?void 0:n.parentNode)))&&o&&r.update()}}for(const{Gm:t,experienceId:i,Hh:e,code:s}of n)this.uc({Gm:t,experienceId:i,Hh:e,code:s});for(const t of o)document.head.insertAdjacentHTML("beforeend",t);this.vm={gm:[],fm:[]},this.pm=[]}Fm({Gm:t}){for(const i in this.kh.Um){const{oc:e}=this.bh.la[i];for(const i in e)for(const{id:s}of e[i].Vd)if(String(s)===String(t))return!0}return!1}jm(t){var i,e,s,n;if((null===(i=this.xh)||void 0===i?void 0:i.mw)&&this.ww(),this.dm&&!this.kh.isDisabled){const i=Date.now();if(null===(e=this.xh)||void 0===e?void 0:e.mw){for(const i of t)"childList"===i.type&&(i.removedNodes.length&&i.removedNodes.forEach((t=>{var i,e;const s="STYLE"===t.nodeName?t:null;if((null==s?void 0:s.id)===et&&!this.rm)return;if(null===(i=null==s?void 0:s.hasAttribute)||void 0===i?void 0:i.call(s,it)){const t=s.getAttribute(it);if(this.Fm({Gm:t}))return void this.vm.fm.push(s.outerHTML)}const n=this.Lm.filter((({html:i})=>String((null==t?void 0:t.outerHTML)||"").includes(i)));if(n.length)this.vm.gm.push(...n);else{if(null===(e=null==t?void 0:t.hasAttribute)||void 0===e?void 0:e.call(t,it))return;this.pm.push(t)}})),i.addedNodes.length&&i.addedNodes.forEach((t=>{var i;(null===(i=null==t?void 0:t.hasAttribute)||void 0===i?void 0:i.call(t,it))||this.pm.push(t)}))),"attributes"!==i.type||(null===(n=null===(s=i.target)||void 0===s?void 0:s.hasAttribute)||void 0===n?void 0:n.call(s,it))||this.pm.push(i.target);this.pm.length||(this.am=!0)}i-this.um>=this._m&&(this.Iw?ii((()=>this.pw()),this.Iw):this.pw(),this.process(),this.um=i)}}ww(){var t,i;location.href.toLowerCase()===String(this.kh.yw).toLowerCase()||(null===(t=this.kh)||void 0===t?void 0:t.bw)||(null===(i=this.kh)||void 0===i?void 0:i.xw)||this.Mh.I(lt.Us,{to:location.href,from:this.kh.yw})}process(){var t,i,e,s,n;if((null===(i=null===(t=this.kh)||void 0===t?void 0:t.Rl)||void 0===i?void 0:i.la)&&0===this.Pm.size&&0===this.qm.size&&this.Em(),0!==this.Pm.size||0!==this.qm.size||0!==this.Bm.size||0!==this.Vm.size)if((null===(e=this.xh)||void 0===e?void 0:e.km)&&(this.ew&&(clearTimeout(this.ew),this.ew=null),this.hm++),this.Jm(),this.qm.size>0||this.Pm.size>0||this.Bm.size>0||this.Vm.size>0)if(null===(s=this.xh)||void 0===s?void 0:s.Om)document.readyState!==Bt.LOADING&&this.rm&&this.Em({delay:500});else if(null===(n=this.xh)||void 0===n?void 0:n.km)if(document.readyState!==Bt.LOADING)this.hm++,this.Jm();else{Date.now()-this.lm>this.xm&&this.Em(),this.ew=setTimeout((()=>this.process()),50)}else this.Em();else this.Em()}Jm(){const t=this.qm.clone,i=this.Pm.clone,e=[];for(const{experienceId:i,Hh:s,code:n,url:o}of t)e.push(...this.kw({experienceId:i,Hh:s,code:n,url:o,version:ne.Wp}));for(const{Gm:t,experienceId:s,Hh:n,code:o,selector:r,url:h}of i)e.push(...this.kw({Gm:t,experienceId:s,Hh:n,selector:r,code:o,url:h}));const s=[];for(const{experienceId:i,Hh:n,code:o,url:r}of t)this.Sw({_w:e,experienceId:i,code:o,url:r})&&s.push({experienceId:i,Hh:n,code:o,url:r});if(s.length)for(const{experienceId:t,Hh:i,code:e,url:n}of s)this.uc({experienceId:t,Hh:i,code:e,url:n})&&this.qm.remove({experienceId:t,Hh:i,code:e,url:n});const n=[];for(const{Gm:t,experienceId:s,Hh:o,code:r,selector:h,url:a}of i)this.Sw({_w:e,experienceId:s,code:r,url:a})&&n.push({Gm:t,experienceId:s,Hh:o,code:r,selector:h,url:a});if(n.length)for(const t of n){const{Gm:i,experienceId:e,Hh:s,code:n,selector:o,url:r}=t;this.uc({Gm:i,experienceId:e,Hh:s,code:n,url:r})&&(this.fw({Gm:i,selector:o}),this.Pm.remove(t))}const o=[];for(const t of this.Bm.clone){const{selector:i,event:e,Zd:s,Gl:n}=t;try{if(document.querySelector(i)){o.push({selector:i,event:e,Zd:s});const r=this.$w({selector:i,event:e,Zd:s,Gl:n});this.cw({selector:i,event:e,Gl:r}),this.Bm.remove(t)}}catch(i){this.Bm.remove(t)}}if(o.length)for(const{selector:t,event:i,Zd:e}of o);const r=[];for(const t of this.Vm.clone){const{selector:i,event:e,locationId:s,Gl:n}=t;if(document.querySelector(i)){r.push({selector:i,event:e,locationId:s});const o=this.Ow({selector:i,event:e,locationId:s,Gl:n});this.cw({selector:i,event:e,Gl:o}),this.Vm.remove(t)}}if(r.length)for(const{selector:t,event:i,locationId:e}of r);}Sw({_w:t,experienceId:i,code:e,url:s}){return Boolean(t.some((({experienceId:t,code:n,url:o})=>i===t&&e.toString()===n.toString()&&s===o)))}Mw({Gm:t,experienceId:i,Hh:e,code:s,selector:n,url:o,version:r}){return{Ih:this,Gm:t,experienceId:i,Hh:e,selector:n,code:s,url:o,version:r,Km:!1,update(){this.Ih.uc({Gm:this.Gm,experienceId:this.experienceId,Hh:this.Hh,code:this.code,url:this.url})}}}kw({Gm:t,experienceId:i,Hh:e,code:s,selector:n,url:o,version:r=ne.Jp}){if(!s)return[];if(!this.bh.la[i])for(const t in this.Tm)this.Tm[t][i]&&delete this.Tm[t][i];if(n){this.fw({Gm:t,selector:n}),this.Tm[n]||(this.Tm[n]={}),this.Tm[n][i]||(this.Tm[n][i]=[]);let h=this.Tm[n][i].find((({selector:t,code:i,url:e})=>n===t&&s.toString()===i.toString()&&o===e));h||(h=this.Mw({Gm:t,experienceId:i,Hh:e,selector:n,code:s,url:o,version:r}),this.Tm[n][i].push(h));const a=document.querySelector(n);if(a)return h.Km=!0,[{element:a,experienceId:i,code:s,url:o}]}else{const t=this.Cw(s.toString());if(t.length){const n=[];for(const h of t){this.Tm[h]||(this.Tm[h]={}),this.Tm[h][i]||(this.Tm[h][i]=[]);let t=this.Tm[h][i].find((({selector:t,code:i,url:e})=>h===t&&s.toString()===i.toString()&&o===e));t||(t=this.Mw({experienceId:i,Hh:e,selector:h,code:s,url:o,version:r}),this.Tm[h][i].push(t));const a=document.querySelector(h);a&&(t.Km=!0,n.push({element:a,experienceId:i,code:s,url:o}))}return n}}return[]}$w({selector:t,event:i,Zd:e,Gl:s}){this.Nm[t]||(this.Nm[t]={}),this.Nm[t][e]||(this.Nm[t][e]=[]);let n=this.Nm[t][e].find((({event:t,Gl:e})=>i===t&&s.toString()===e.toString()));return n||(n={event:i,Gl:()=>{s(e)}},this.Nm[t][e].push(n)),n.Gl}Ow({selector:t,event:i,locationId:e,Gl:s}){this.Rm[t]||(this.Rm[t]={}),this.Rm[t][e]||(this.Rm[t][e]=[]);let n=this.Rm[t][e].find((({event:t,Gl:e})=>i===t&&s.toString()===e.toString()));return n||(n={event:i,Gl:()=>{s(e)}},this.Rm[t][e].push(n)),n.Gl}Ja({experienceId:t}){const i=[];for(const e in this.bh.la[t].oc){const s=Jt(this.bh.la[t].oc[e].Vd,!0);for(const{data:t,type:n}of s)if(t&&Object.keys(t).includes(te.Tp)){const s=t[te.Tp];if(!s)continue;(String(s).includes("convert.redirect")||String(s).includes("convert.refresh"))&&i.push(e)}}return i.length?i:null}yc({experienceId:t,Hh:i,mc:e=1,bc:s,xc:n}){var o,r,h,a;if(this.jw={experienceId:t,Hh:i},this.Im=e,s){if(String(i)===String(null===(o=this.Lh.la[t])||void 0===o?void 0:o[dt.Ai]))return;return void this.Ew({xc:n})}const c=Jt(this.bh.la[t].oc[i].Vd,!0);for(const{id:e,data:s,type:n}of c)if(s&&(Object.keys(s).includes(te.Rp)&&this.gc({experienceId:t,Hh:i,Gm:e,fc:s[te.Rp],url:null===(r=this.bh.la[t].Dw[s[te.Pp]])||void 0===r?void 0:r.url}),n===H.ue?this.Ew({Aw:s[te.qp],bi:s[te.Bp],dv:s[te.Vp]}):(Object.keys(s).includes(te.Np)||n===H.ce)&&this.uc({Gm:e,experienceId:t,Hh:i,code:s[te.Np]||s[te.Tp],url:null===(h=this.bh.la[t].Dw[s[te.Pp]])||void 0===h?void 0:h.url}),Object.keys(s).includes(te.Tp)&&n!==H.ce)){const o=s[te.oi],r=s[te.Tp],h=null===(a=this.bh.la[t].Dw[s[te.Pp]])||void 0===a?void 0:a.url;if(!r)continue;o&&document.querySelector(o)&&n===H.ae?(this.kw({Gm:e,experienceId:t,Hh:i,selector:o,code:r,url:h}),this.uc({Gm:e,experienceId:t,Hh:i,code:r,url:h}),this.fw({Gm:e,selector:o})):this.Lw({Gm:e,experienceId:t,Hh:i,type:n,code:r,selector:o,url:h})}}Lw({Gm:t,experienceId:i,Hh:e,type:s,code:n,selector:o,url:r}){var h,a,c;if(n&&(null===(h=null==n?void 0:n.toString)||void 0===h?void 0:h.call(n))){if(s===H.ae)this.Pm.enqueue({Gm:t,experienceId:i,Hh:e,code:n,selector:o,url:r});else if(this.zm()||!(null===(a=this.xh)||void 0===a?void 0:a.km)&&!(null===(c=this.xh)||void 0===c?void 0:c.Om)){const t=new AbortController;this.Sm.push(t),di((()=>this.uc({experienceId:i,Hh:e,code:n,url:r})),t.signal)}else this.qm.enqueue({experienceId:i,Hh:e,code:n,url:r});this.rm||this.Jm()}}Ew({Aw:t,bi:i,xc:e,dv:s}){try{if(t||i){this.Sh.process({dv:s});let e=new vi(this.Sh.url.href,s).create(fi);const n=new RegExp(t,"i");e=n.test(e)?e.replace(n,i):i,e=e.replace("&&","&").replace("?&","?").replace("&?","&"),e.endsWith("&")&&(e=e.slice(0,-1)),e.endsWith("?")&&(e=e.slice(0,-1)),e.match(new RegExp("http|https"))||(e=`${this.Sh.url.object.protocol}${e}`),this.redirect({url:e,dv:s})}else this.refresh({xc:e})}catch({stack:t,message:i}){"undefined"!=typeof console&&console.error&&console.error("Convert:",t||i)}}redirect({url:t,dv:i}){var e,s,n,o;if(this.kh.isDisabled)return;const{experienceId:r,Hh:h}=this.jw||{};if(this.kh.Bh[r])return;const a=this.Oh.get(ui.nh)||{},c=Number(null===(e=a[this.Lh.id])||void 0===e?void 0:e[r]);this.Sh.process({dv:i});const d=new vi(this.Sh.url.href,i).create(fi);let l=this.nm.Tw({url:new vi(t,i).create(fi),Nw:!0,Rw:this.Lh.Fd(this.jw)});d!==l?((null===(s=this.kh)||void 0===s?void 0:s.Ia)&&!(null===(n=this.kh)||void 0===n?void 0:n.Gd)&&(l+=`${t.startsWith("?")?"&":"?"}${ut.Xs}=${vt._n}`),this.kh.fa=!0,this.kh.bw=!0,(null===(o=this.kh)||void 0===o?void 0:o.xw)||(null===window||void 0===window?void 0:window.convertcom_insideApp)||(null===window||void 0===window?void 0:window.Reed_designer)||(this.Lh.zd(Object.assign(Object.assign({},this.jw),{Hd:l})),setTimeout((()=>{this._h.log({[C.zt]:`failed to redirect to: ${t}`,[C.bt]:Object.assign({[C.Nt]:[r],[C.Rt]:[h]},isNaN(c)?{}:{[C.Ht]:c})},{request:this.Sh,from:M.rt})}),5e3),document.head.insertAdjacentHTML("afterbegin",`<meta http-equiv="refresh" content="0;URL='${l}'">`),location.replace(l))):this.kh.fa&&(this.kh.fa=!1),d===l&&this._h.log({[C.zt]:"failed to redirect destination URL same as current URL",[C.bt]:Object.assign({[C.Nt]:[r],[C.Rt]:[h]},isNaN(c)?{}:{[C.Ht]:c})},{request:this.Sh,from:M.rt})}refresh({xc:t}={}){var i,e,s;if(this.kh.isDisabled||(null===(i=this.kh)||void 0===i?void 0:i.Ia))return;const{experienceId:n,Hh:o}=this.jw||{};if(this.kh.Bh[n])return;const r=this.Oh.get(ui.nh)||{},h=Number(null===(e=r[this.Lh.id])||void 0===e?void 0:e[n]);if((null===(s=this.kh)||void 0===s?void 0:s.xw)||(null===window||void 0===window?void 0:window.convertcom_insideApp)||(null===window||void 0===window?void 0:window.Reed_designer));else{const i=new vi(this.Sh.url.href).create(fi);if(t)return void this.Lh.Ud(this.jw);this.Lh.zd(Object.assign(Object.assign({},this.jw),{Hd:i})),this.kh.fa=!0,setTimeout((()=>{this._h.log({[C.zt]:"failed to refresh page",[C.bt]:Object.assign({[C.Nt]:[n],[C.Rt]:[o]},isNaN(h)?{}:{[C.Ht]:h})},{request:this.Sh,from:M.ot})}),5e3),location.reload()}}Pw(t){try{const i=new vi(this.Sh.url.href).create(fi),e=new vi(i),s=e.dh(),n=new vi(t).create(fi),o=new vi(n);if(e.href===o.href)return!0;let r=o.dh();if(r.startsWith("http://www.")||r.startsWith("https://www.")?(r.startsWith("http://www.")&&(r=r.replace("http://www.","http://(www.)?")),r.startsWith("https://www.")&&(r=r.replace("https://www.","https://(www.)?"))):r.startsWith("http://")?r=r.replace("http://","http://(www.)?"):r.startsWith("https://")&&(r=r.replace("https://","https://(www.)?")),r.endsWith("/")||(r+="/"),s.match(r+"?$"))return!0}catch(t){return!1}return!1}uc({code:t,url:i,Gm:e,experienceId:s,Hh:n,Gl:o,qw:r}){var h,a;try{if(!t||!(null===(h=null==t?void 0:t.toString)||void 0===h?void 0:h.call(t)))return;if(i&&!this.Pw(i))return!0;if(this.Im>10&&(String(t).includes("convert._$")||String(t).includes("convert.$")))return!0;this.Bw(t);let s=!1;if(this.Lm.some((t=>String(t.Gm)===String(e)))){const t=document.querySelectorAll(`[${it}="${e}"]`);s=!!t.length}const n=t=>`function(){\n          Object.assign(convert.T, {\n            skipInsertedElements: ${s}\n          });\n          return ${t}\n        }`;let a;if("function"==typeof t?a=t({skipInsertedElements:s}):t&&(a=Function(`return ${this.Bw(t)?n(t):t.trim().startsWith("function")?t:`function(activate, options){\n            ${t}\n          }`}`)()),"function"==typeof a&&(a=a(o,Jt(r,!0))),void 0===a)return!0;if(a){const{insertedElements:i=[]}=a;for(const s of i)s&&(e&&s.setAttribute(it,e),this.Lm.push({code:t,Gm:String(e),html:(null==s?void 0:s.outerHTML)||"",node:s}))}return a}catch({stack:o,message:r}){if(null===(a=this.xh)||void 0===a?void 0:a.Ig){const h={data:{type:Fi.Lv,experienceId:s,Hh:n,Gm:e,code:String(t),url:i,stack:o,message:r}};Ui.add(h),this.Mh.I(lt.zs,h)}"undefined"!=typeof console&&console.error&&console.error("Convert:",o||r)}return!1}gc({fc:t,url:i,experienceId:e,Hh:s,Gm:n}){var o,r,h;try{if(!t||!(null===(o=null==t?void 0:t.toString)||void 0===o?void 0:o.call(t)))return;if(i&&!this.Pw(i))return;if("function"==typeof t)return t();{const i=e?` class="${st} ${st}-${e}"`:"",s=(null===(r=this.kh)||void 0===r?void 0:r.cu)?` nonce="${this.kh.cu}"`:"";let o="";o=t.includes('<style type="text/css" media="screen"')?t.replace('<style type="text/css" media="screen"',`<style type="text/css" media="screen"${i}${s}`):`<style type="text/css" media="screen" ${it}="${n}" ${i}${s}>${t}</style>`,document.head.insertAdjacentHTML("beforeend",o)}}catch({stack:n,message:o}){if(null===(h=this.xh)||void 0===h?void 0:h.Ig){const r={data:{type:Fi.Lv,experienceId:e,Hh:s,sty:String(t),url:i,stack:n,message:o}};Ui.add(r),this.Mh.I(lt.zs,r)}"undefined"!=typeof console&&console.error&&console.error("Convert:",n||o)}}Fl({selector:t,event:i,Zd:e,Gl:s}){this.Bm.enqueue({selector:t,event:i,Zd:e,Gl:s}),this.Jm()}Hl({Hc:t,Gl:i}){const e=[];(()=>{this.su.abort(),this.su=new AbortController})(),this.uw=ti((()=>{var s;const n=Math.ceil(window.scrollY/(document.body.scrollHeight-window.innerHeight)*100);try{const o=Zt(t);for(const t of o){const{Vw:i}=(null===(s=this.bh.Hc[t])||void 0===s?void 0:s.Ul)||{};n>i&&!e.includes(t)&&e.push(t)}i({Zd:e})}catch({message:t}){}}),200),this.lw()}Uw({selector:t,event:i,locationId:e,Gl:s}){this.Vm.enqueue({selector:t,event:this.Fw(i),locationId:e,Gl:s}),this.Jm()}Fw(t){switch(t){case y:return Ft.Fr;case x:return re.CHANGE;case b:return re.Zp;default:return t}}zl({action:t,href:i}){return t?`form[action="${t.replace(/"/g,'\\"')}"]`:i?`a[href*="${i.replace(/"/g,'\\"')}"]`:void 0}Cw(t){const i=/_\$\(['|"](.*?)['|"]\)/gm,e=[];let s;for(;null!==(s=i.exec(t));){s.index===i.lastIndex&&i.lastIndex++;const[,t]=s;e.push(t)}return Zt(e)}Bw(t){return String(t).includes("convert.T.applyChange")}}class ce{constructor({key:t,pu:i,enabled:e=!0}={}){this.xh={},"undefined"!=typeof localStorage&&(this.Gw=t||"convert.com",this.zw=i||localStorage,this.Hw=e)}getData(){return JSON.parse(this.zw.getItem(this.Gw)||"{}")}Md(t){this.zw=t}Uc(t){this.Hw=t}get(t){return this.getData()[t]||this.xh[t]}set(t,i){if(this.Hw)if(t&&i){const e=this.getData();e[t]=i,this.zw.setItem(this.Gw,JSON.stringify(e))}else xt(this.xh)&&this.zw.setItem(this.Gw,JSON.stringify(this.xh));else t&&i&&(this.xh[t]=i)}delete(t){delete this.xh[t];const i=this.getData();if(i[t]){if(delete i[t],!this.Hw)return;xt(i)?this.zw.setItem(this.Gw,JSON.stringify(i)):this.zw.removeItem(this.Gw)}}destroy(){this.xh={},this.zw.removeItem(this.Gw)}}class de{constructor({config:t,state:i,Ww:e,cookies:s,request:n,fh:o,t:r,remote:h,gh:a}){this.bh=t,this.kh=i,this.Cf=e,this.Sh=n,this.Mh=o,this.u=r,this._h=h,this.$h=a,this.Sm=new AbortController,this.Jw=this.Sh.url.object.host.replace(/^www\./,""),this.Fc=new Ii({data:null==s?void 0:s.data,request:this.Sh,state:this.kh,domain:`.${this.Jw}`,enabled:this.Cf,fh:this.Mh,t:this.u,remote:this._h,gh:this.$h}),window.convert[Wt("cookieUrl",!0)]=t=>this.Tw({url:t})}Kw(t){const i=window.location.origin;return t.startsWith(i)?t.replace(i,""):t}Qw(t){if("string"!=typeof t)return;if(this.bh.od.nd.reduce(((t,{sd:i})=>t+i.length),0)>1){if(t.startsWith("#"))return!1;const{object:i}=new vi(t),e=i.host.replace(/^www\./,""),s=this.bh.od.nd.find((({sd:t})=>t.includes(this.Jw))),n=this.bh.od.nd.find((({sd:t})=>t.includes(e)));return Boolean(n&&s&&n.ed!==s.ed&&this.Jw!==e)}return!1}process(){di((()=>ii((()=>{var t,i;if(!(null===(i=null===(t=this.bh.od)||void 0===t?void 0:t.Ul)||void 0===i?void 0:i.Yw))return;const e=Array.prototype.slice.apply(document.querySelectorAll("a"));for(const t of e){if("done"===t.dataset[Wt("convertLinkingBinding")])continue;const i=t.getAttribute("href")||t.href;i&&!this.Qw(i)||!i||(t.addEventListener(Ft.CLICK,(t=>{const e=t.target;if("done"!==e.dataset[Wt("convertLinking")]){const t=this.Tw({url:i});e.setAttribute("href",t),e.dataset[Wt("convertLinking")]="done"}})),t.dataset[Wt("convertLinkingBinding")]="done")}const s=Array.prototype.slice.apply(document.querySelectorAll("form"));for(const t of s){if("done"===t.dataset[Wt("convertLinkingBinding")])continue;const i=t.getAttribute("action")||t.action;i&&!this.Qw(i)||!i||(t.addEventListener(Gt.Jr,(e=>{var s,n;const o=e.target;if("done"!==o.dataset[Wt("convertLinking")]){if("GET"===((null===(n=null===(s=t.method)||void 0===s?void 0:s.toUpperCase)||void 0===n?void 0:n.call(s))||"GET"))return o.insertAdjacentHTML("beforeend",`<input type="hidden" name="${mt.Qn}" value="${encodeURI(this.Fc.get(mt.Qn))}"><input type="hidden" name="${mt.Yn}" value="${encodeURI(this.Fc.get(mt.Yn))}">`),!0;const e=this.Tw({url:i});return o.setAttribute("action",e),o.dataset[Wt("convertLinking")]="done",!0}})),t.dataset[Wt("convertLinkingBinding")]="done")}}),200)()),this.Sm.signal)}Tw({url:t,Rw:i,Nw:e}){if(this.kh.isDisabled)return;if("string"!=typeof t)return;const{object:s}=new vi(t),n=s.hash?`#${s.hash}`:"";let o=t.replace(n,"");return e||(o=this.Kw(o)),this.Qw(t)?`${o}${t.includes("?")?"&":"?"}${mt.Qn}=${encodeURI(this.Fc.get(mt.Qn))}&${mt.Yn}=${encodeURI(this.Fc.get(mt.Yn))}&${mt.Zn}=${encodeURI(i||this.Fc.get(mt.Zn))}${n}`:`${o}${n}`}ou(){this.Sm.abort()}}var le,ue,ve;!function(t){t[t.qn=2]="V2",t[t.Bn=3]="V3",t[t.Vn=4]="V4"}(le||(le={})),function(t){t.Zw="kissmetrics",t.Xw="luckyorange",t.tI="googletagmanager",t.iI="yandex"}(ue||(ue={})),function(t){t.eI="ga4",t.sI="ga3"}(ve||(ve={}));class ge{constructor({config:t,state:i,nI:e,t:s}){this.name="Integrations",this.bh=t,this.kh=i,this.oI=e,this.u=s,this.rI=new AbortController}static isEnabled(t){return!!xt(t)&&(void 0===t.enabled||!0===t.enabled)}Ua({experienceId:t}={}){var i;(null===(i=this.kh)||void 0===i?void 0:i.Ia)||di((()=>{let i,e;this.oI[o.T].hI(t);for(const t in this.bh.la)if(i||(i=this.oI[o.T].aI({experienceId:t,type:ve.sI})),e||(e=this.oI[o.T].aI({experienceId:t,type:ve.eI})),i&&e)break;if(i)try{this.oI[o.T].cI()}catch({message:t}){}if(e)try{this.oI[o.T].dI()}catch({message:t}){}const s=Object.values(o).concat(Object.values(ue)).filter((t=>t!==o.T));for(const i of s)try{const e=this.oI[i];e.hI(t),e.process()}catch({message:t}){}}),this.rI.signal)}ou(){this.rI.abort()}}class fe{constructor({config:t,data:i,Wc:e,state:s,request:n,remote:o,visitor:r,la:h,fh:a,t:c}){this.name="Integration",this.bh=t,this.sm=e,this.kh=s,i&&(this.xh=i),n&&(this.Sh=n),o&&(this._h=o),r&&(this.Lh=r),h&&(this.lI=h),a&&(this.Mh=a),this.u=c}uI({vI:t,gI:i}){var e,s;const n=null===(s=null===(e=this.kh)||void 0===e?void 0:e.fI)||void 0===s?void 0:s[Wt(t)];if(n){if(i)return String(n);switch(typeof n){case"string":return window[n];case"object":return n;case"function":return n();default:return}}}pI(t,i){var e,s;return t?(null===(s=null===(e=this.bh.od)||void 0===e?void 0:e.Ul)||void 0===s?void 0:s.mI)?i:t.replace(/[^a-zA-Z\-_.\s0-9]/g,"").slice(0,40):""}hI(t){this.wI=t}II({vI:t,yI:i,bI:e,xI:s,force:n}){var o,r,h,a,c,d;if(!(null===(o=this.kh)||void 0===o?void 0:o.Ia)){i&&i();for(const i in this.sm.la){if(this.wI&&i!==this.wI)continue;if(this.Lh.Na[i])continue;const o=t===ue.Zw;if(o&&!n&&!ge.isEnabled(null===(a=null===(h=null===(r=this.bh.od)||void 0===r?void 0:r.Ul)||void 0===h?void 0:h.nI)||void 0===a?void 0:a[Wt(t)])||!o&&!n&&!ge.isEnabled(this.bh.la[i].nI[Wt(t)]))continue;const l=this.sm.la[i].bi.id;if(null===(c=this.Lh.Ra[i])||void 0===c?void 0:c[l])continue;const u=this.pI((null===(d=this.bh.la[i])||void 0===d?void 0:d.name)||"unknown experience name",i),v=this.pI(this.sm.la[i].bi.name||"unknown variation name",l),g=`Convert: ${u} - ${v}`;if(e&&e({experienceId:i,ac:u.replace("Test #","Test "),Hh:l,dc:v.replace("Var #","ExperienceVariationConfig "),kI:g}),s)return}}}}class pe extends fe{constructor({config:t,Wc:i,la:e,visitor:s,t:n}){super({config:t,Wc:i,la:e,visitor:s,t:n}),this.name="ClickTale"}process(){(()=>{i(this,void 0,void 0,(function*(){yield li("ClickTaleEvent",{Yr:nt}),yield li("ClickTaleField",{Yr:nt}),"function"==typeof(null===window||void 0===window?void 0:window.ClickTaleEvent)&&"function"==typeof(null===window||void 0===window?void 0:window.ClickTaleField)&&this.II({vI:o.M,bI:({experienceId:t,Hh:i,kI:e})=>{const s=`${t}_${i}`;try{window.ClickTaleEvent(e),window.ClickTaleField(ut.Di,s)}catch({message:t}){}},xI:!0})}))})()}SI(){(()=>{i(this,void 0,void 0,(function*(){var t,i;yield li("ClickTaleIsPlayback",{Yr:nt}),yield li("ClickTaleContext",{Yr:nt}),"function"==typeof(null===window||void 0===window?void 0:window.ClickTaleIsPlayback)&&(null===window||void 0===window?void 0:window.ClickTaleIsPlayback())&&("object"!=typeof(null===window||void 0===window?void 0:window.ClickTaleContext)&&"function"!=typeof(null===(t=null===window||void 0===window?void 0:window.ClickTaleContext)||void 0===t?void 0:t.getRecordingContextAsync)||null===(i=null===window||void 0===window?void 0:window.ClickTaleContext)||void 0===i||i.getRecordingContextAsync("1.1",(t=>{var i;if(void 0===(null===(i=null==t?void 0:t._I)||void 0===i?void 0:i[ut.Di]));else{const[i,e]=t._I[ut.Di].split("_");this.lI.zh({experienceId:i,Hh:e})}})))}))})()}}class me extends fe{constructor({config:t,data:i,Wc:e,state:s,remote:n,visitor:o,fh:r,t:h}){if(super({config:t,data:i,Wc:e,state:s,remote:n,visitor:o,fh:r,t:h}),this.name="GoogleAnalytics",this.transactions={},this.customEvents={},this.$I={},this.OI={},this.MI=[],this.configure(),this.CI(),"undefined"==typeof performance);else try{this.Cm=new PerformanceObserver((t=>{for(const i of t.getEntries())i.name.includes("/collect")&&this.jI({request:i.name})})),this.Cm.observe({type:"resource",buffered:!0})}catch(t){}}configure(){this.EI=this.uI({vI:o.T,gI:!0})||"dataLayer",window[this.EI]=window[this.EI]||[],this.gtag=function(){window[this.EI].push(arguments)}}intercept({enable:t}){var i;if("undefined"!=typeof Proxy||"undefined"!=typeof Reflect){if(this.DI=t,window._gaq=window._gaq||[],(null===window||void 0===window?void 0:window._gaq)&&(window._gaq=new Proxy(window._gaq,{set:(t,i,e,s)=>{try{this.AI(e)}catch({message:t}){}return Reflect.set(t,i,e,s)}})),window.ga=window.ga||function(){(window.ga.q=window.ga.q||[]).push(arguments)},window.ga.l=Date.now(),window.ga.getAll=window.ga.getAll||function(){return!1},(null===(i=null===window||void 0===window?void 0:window.ga)||void 0===i?void 0:i.q)&&(window.ga.q=new Proxy(window.ga.q,{set:(t,i,e,s)=>{try{this.LI(e)}catch({message:t}){}return Reflect.set(t,i,e,s)}})),this.configure(),window[this.EI]){for(const t of window[this.EI])this.TI(t,"GA");window[this.EI].push=new Proxy(window[this.EI].push,{apply:(t,i,e)=>{try{const t=null==e?void 0:e[0];t&&this.TI(t,"GA")}catch({message:t}){}return Reflect.apply(t,i,e)}}),li("google_tag_manager").then((t=>{t&&li((()=>{return t=window.google_tag_manager,i="messageContext",new Promise((e=>{let s=0;const n=[{NI:t,path:[]}],o=()=>{let t=0;for(;n.length>0&&t<100;){const{NI:o,path:r}=n.shift();if(t++,s++,s>=1e3)return void e("");if(o&&("object"==typeof o||Array.isArray(o))){if(o[i])return void e(r.join("."));if(Array.isArray(o)){const t=r.length>0?r[r.length-1]:"";for(let i=0;i<o.length;i++){const e=[...r];e.length>0?e[e.length-1]=`${t}[${i}]`:e.push(`[${i}]`),n.push({NI:o[i],path:e})}}else for(const t in o){const i=[...r,t];n.push({NI:o[t],path:i})}}}n.length>0?setTimeout(o,0):e("")};o()}));var t,i}),{Yr:nt}).then((t=>{if(t){const[i,e]=t.replace(/\[\d+\]/g,"").split(".");i&&e&&li(i,{scope:window.google_tag_manager}).then((()=>{li(e,{scope:window.google_tag_manager[i]}).then((()=>{for(const{message:t}of window.google_tag_manager[i][e])"object"==typeof t&&"event"===t[0]&&this.TI(t,"GTM");window.google_tag_manager[i][e].push=new Proxy(window.google_tag_manager[i][e].push,{apply:(t,i,e)=>{try{const{message:t}=e[0];"object"==typeof t&&"event"===t[0]&&this.TI(t,"GTM")}catch({message:t}){}return Reflect.apply(t,i,e)}})}))}))}}))}))}this.kh.RI=!0}}AI(t){if(this.DI){this.version=le.qn;try{if(ci(t)){const[i]=t;if("_addTrans"===i){const[,i,e,s]=t;this.transactions[i]||(this.transactions[i]={}),this.transactions[i]=Object.assign(this.transactions[i],{jl:parseFloat(s),El:0,version:this.version})}else if("_addItem"===i){const[,i,e,s,n,o,r]=t;this.transactions[i]||(this.transactions[i]={}),this.transactions[i].El+=parseInt(r)}xt(this.transactions)&&this.Mh.I(lt.Ns,{transactions:Qt(this.transactions)})}}catch({message:t}){}}}LI(t){if(this.DI){this.version=le.Bn;try{if(ci(t)){const[i,e,s]=t;if("ecommerce:addTransaction"===i){const{id:t,qI:i}=Jt(e)||{};this.transactions[t]||(this.transactions[t]={version:this.version}),this.transactions[t].jl=parseFloat(i)}else if("ecommerce:addItem"===i){const{id:t,BI:i}=Jt(e)||{};this.transactions[t]||(this.transactions[t]={El:0,version:this.version}),this.transactions[t].El+=parseInt(i)}else if("ec:setAction"===i&&e===xi.el){const{id:t,qI:i}=Jt(s)||{};this.transactions[t]||(this.transactions[t]={version:this.version}),this.transactions[t].jl=parseFloat(i)}else if("ec:addProduct"===i){const{id:t,BI:i}=Jt(e)||{};this.transactions[t]||(this.transactions[t]={El:0,version:this.version}),this.transactions[t].El+=parseInt(i)}xt(this.transactions)&&this.Mh.I(lt.Ns,{transactions:Qt(this.transactions)})}}catch({message:t}){}}}TI(t,i){if(this.DI){this.version=le.Vn;try{let i;const e=t=>!t||Object.values(ki).includes(t)||Object.values(Si).includes(t)||Object.values(_i).some((i=>String(t).includes(i))),s=(t,e,s,n,o)=>{var r,h,a,c;if(!Boolean(o&&this.VI(o)||!o))return;Boolean(e&&At(s)&&parseFloat(String(s))>0)?(null===(c=null===(a=null===(h=null===(r=this.bh.od)||void 0===r?void 0:r.Ul)||void 0===h?void 0:h.nI)||void 0===a?void 0:a.UI)||void 0===c?void 0:c.FI)&&(i=t,this.transactions[e]={jl:s,El:n}):t===xi.el||(this.customEvents[t]=t)},n=(t=[])=>t.reduce(((t,i)=>t+("BI"in i?Number(i.BI):1)),0);if(ci(t)){const[i,o,r]=t;if("consent"===i&&"update"===o){const{ad_user_data:t,ad_personalization:i,ad_storage:e,analytics_storage:s}=Jt(r)||{}}else if("event"===i){const{transaction_id:t,value:i,items:h=[],send_to:a=""}=Jt(r)||{},c=Lt(i);if(e(o))return;s(o,t,c,n(h),a)}}else if(xt(t)){const{event:i=null,ecommerce:o=null,GI:r}=Jt(t)||{},{transaction_id:h,value:a,items:c=[],send_to:d=""}=o||{},l=Lt(a||r);if(e(i))return;s(i,h,l,n(c),d)}xt(this.transactions)&&i&&this.Mh.I(lt.Ns,{transactions:Qt(this.transactions),event:i}),xt(this.customEvents)&&this.Mh.I(lt.Rs,{customEvents:Qt(this.customEvents)})}catch({message:t}){}}}CI(){this.zI=[];for(const t in this.bh.la){const i=this.aI({experienceId:t,type:ve.eI}),e=this.aI({experienceId:t,type:ve.sI});(i||e)&&(i&&!this.zI.includes(i)&&this.zI.push(i),e&&!this.zI.includes(e)&&this.zI.push(e))}}VI(t=""){const[i=""]=String(t).toUpperCase().match(/(G|UA)-/)||[];return Array.isArray(t)?Boolean(i)&&t.some((t=>this.zI.includes(t))):Boolean(i)&&this.zI.includes(String(t))}jI({request:t}){var i;if(!t||(null===(i=this.bh.od.Ul.nI.UI)||void 0===i?void 0:i.HI)||this.WI)return;const e=new vi(t).query,s=String(e[Wt("tid")]).toUpperCase(),n=String(e[Wt("en")]).toLowerCase();this.VI(s)&&!this.OI[s]&&"page_view"===n&&(this.WI=!0,this.OI[s]=!0,this.DI&&this.JI(s))}JI(t){if(!this.MI.length)return;const i=Zt(this.MI).filter((({KI:t})=>!t));if(i.length)for(const{experienceId:e,Hh:s,QI:n}of i)n!==t&&t||this.YI({experienceId:e,Hh:s,QI:n})}YI({experienceId:t,Hh:i,QI:e}){var s,n,o,r,h,a,c,d,l;const u=this.MI.find((s=>s.QI===e&&s.experienceId===t&&s.Hh===i));if(null==u?void 0:u.KI)return;if(e?this.gtag("event",ki.nl,{send_to:e,exp_variant_string:`CONV-${t}-${i}`}):this.gtag("event",ki.nl,{exp_variant_string:`CONV-${t}-${i}`}),u&&(u.KI=!0),(null===(n=null===(s=this.xh)||void 0===s?void 0:s.ya)||void 0===n?void 0:n.Xd)!==this.bh.od.id)return;const v=window[this.EI]||[],g=(null===(r=Jt(null===(o=v.find((t=>"config"===t[0]&&t[1]===e)))||void 0===o?void 0:o[2]))||void 0===r?void 0:r.ZI)||(null===(a=null===(h=Jt(v.find((t=>"XI"in Jt(t)))))||void 0===h?void 0:h.ty)||void 0===a?void 0:a.ZI)||(null===(c=Jt(v.find((t=>"ZI"in Jt(t)))))||void 0===c?void 0:c.ZI),f=null===(l=Jt(null===(d=v.find((t=>"config"===t[0]&&t[1]===e)))||void 0===d?void 0:d[2]))||void 0===l?void 0:l.iy;this._h.log({[C.bt]:{[C.Tt]:"ga",[C.Nt]:[t],[C.Rt]:[i],[C.Pt]:[e],[C.qt]:this.Lh.cookies.get("_ga"),[C.Bt]:g,[C.Vt]:f}},{cookies:this.Lh.cookies,request:this.Sh,from:M.nt,visitor:this.Lh})}aI({type:t,experienceId:i}={}){let e,s;const n=i=>{var n,r;const h=null===(r=null===(n=this.bh.la[i])||void 0===n?void 0:n.nI)||void 0===r?void 0:r[Wt(o.T)];if(e=null==h?void 0:h.enabled,e)switch(t){case ve.eI:s=null==h?void 0:h.QI;break;case ve.sI:s=null==h?void 0:h.ey}};if(i)n(i);else for(const t in this.bh.la)if(n(t),s)break;return s?String(s).toUpperCase():null}process(){}cI({retry:t}={retry:0}){var i,e,s,n,r,h,a,c,d,l,u,v,g,f;if(0===t&&this.xm)return;const p=[];try{if(window.ga&&"function"==typeof(null===(i=window.ga)||void 0===i?void 0:i.getAll)){const t=window.ga.getAll();for(const i of t){if(i.get("trackingId")==(null===(r=null===(n=null===(s=null===(e=this.bh.od)||void 0===e?void 0:e.Ul)||void 0===s?void 0:s.nI)||void 0===n?void 0:n.UI)||void 0===r?void 0:r.ey)){p.push(i);break}}if(!p.length&&!(null===(d=null===(c=null===(a=null===(h=this.bh.od)||void 0===h?void 0:h.Ul)||void 0===a?void 0:a.nI)||void 0===c?void 0:c.UI)||void 0===d?void 0:d.ey)&&t.length){const i=t[0].get("trackingId");i&&p.push(i)}p.length}if(this.xm&&(clearTimeout(this.xm),this.xm=null),!p.length&&(t>nt||(this.xm=setTimeout((()=>this.cI({retry:++t})),100)),t))return}catch({message:t}){}for(const t in this.bh.la){if(this.wI&&t!==this.wI)continue;if(!ge.isEnabled(null===(u=null===(l=this.bh.la[t])||void 0===l?void 0:l.nI)||void 0===u?void 0:u[Wt(o.T)]))continue;if(!this.sm.la[t])continue;const i=this.pI(this.sm.la[t].bi.name||"unknown variation name",this.sm.la[t].bi.id),e=null===(f=null===(g=null===(v=this.bh.la[t])||void 0===v?void 0:v.nI)||void 0===g?void 0:g[Wt(o.T)])||void 0===f?void 0:f.sy;if(!this.$I[t]&&p.length)for(const s of p)e&&s.set(`dimension${e}`,i),s.send({ny:"event",oy:"Convert_Events",hy:"View_var",ly:i,uy:1}),this.$I[t]=!0}}dI(){var t;for(const i in this.bh.la){if(this.wI&&i!==this.wI)continue;const e=this.aI({experienceId:i,type:ve.eI});if(!e)continue;if(!this.sm.la[i])continue;const{bi:{id:s}}=this.sm.la[i];try{(null===(t=this.bh.od.Ul.nI.UI)||void 0===t?void 0:t.HI)||this.OI[String(e).toUpperCase()]&&this.DI?(this.JI(e),this.YI({experienceId:i,Hh:s,QI:e})):this.MI.some((t=>t.QI===e&&t.experienceId===i&&t.Hh===s))||this.MI.push({QI:e,experienceId:i,Hh:s,KI:!1})}catch({message:t}){}}}stop(){var t,i;this.xm&&(clearTimeout(this.xm),this.xm=null),null===(i=null===(t=this.Cm)||void 0===t?void 0:t.disconnect)||void 0===i||i.call(t)}}class we extends fe{constructor({config:t,Wc:i,visitor:e,t:s}){super({config:t,Wc:i,visitor:e,t:s}),this.name="KissMetrics",window._kmq=window._kmq||[]}process(){this.II({vI:ue.Zw,bI:({experienceId:t,dc:i})=>{window._kmq.push(["set",{[`CONVERT-${t}`]:i}])},xI:!0})}}class Ie extends fe{constructor({config:t,Wc:i,visitor:e,t:s}){super({config:t,Wc:i,visitor:e,t:s}),this.name="MixPanel"}process(){(()=>{i(this,void 0,void 0,(function*(){var t;yield li("mixpanel",{Yr:nt}),yield li("track",{Yr:nt,scope:null===window||void 0===window?void 0:window.mixpanel}),"function"==typeof(null===(t=null===window||void 0===window?void 0:window.mixpanel)||void 0===t?void 0:t.track)&&this.II({vI:o.B,bI:({experienceId:t,ac:i,dc:e})=>{try{window.mixpanel.track("View_Convert_Experience",{[`CONVERT - ${i}`]:e})}catch({message:t}){}}})}))})()}}class ye extends fe{constructor({config:t,Wc:i,visitor:e,t:s}){super({config:t,Wc:i,visitor:e,t:s}),this.name="CrazyEgg"}process(){this.II({vI:o.D,bI:({experienceId:t,kI:i})=>{window.CE_SNAPSHOT_NAME=i},xI:!0})}}class be extends fe{constructor({config:t,Wc:i,request:e,visitor:s,t:n}){super({config:t,Wc:i,request:e,visitor:s,t:n}),this.name="LuckyOrange"}process(){this.II({vI:ue.Xw,bI:({experienceId:t})=>{try{const i=this.Sh.url.dh(),e=this.Sh.url.query,s=`${i}${Rt(Object.assign(Object.assign({},e),{[ut.Ws]:vt.kn,[ut.Di]:t,[ut.Ai]:this.sm.la[t].bi.id}),"get",{runtime:"browser"})}`;window.__wtw_lucky_override_save_url=s}catch({message:t}){}},xI:!0})}}class xe extends fe{constructor({config:t,Wc:i,state:e,visitor:s,t:n}){super({config:t,Wc:i,state:e,visitor:s,t:n}),this.name="GoogleTagManager"}process(){const t=this.uI({vI:ue.tI})||(null===window||void 0===window?void 0:window.dataLayer)||[];this.II({force:!0,vI:ue.tI,bI:({experienceId:i,dc:e})=>{var s;const n=`${_i.al}-${i}`,r=null===(s=this.bh.la[i].nI[Wt(o.T)])||void 0===s?void 0:s.sy;t.push(Object.assign({event:n,experienceId:i,experiment_id:i,dc:e,variation_name:e},r?{vy:r}:{}))}})}}class ke extends fe{constructor({config:t,Wc:i,visitor:e,t:s}){super({config:t,Wc:i,visitor:e,t:s}),this.name="HotJar",window.hj=window.hj||function(){(window.hj.q=window.hj.q||[]).push(arguments)}}process(){(()=>{i(this,void 0,void 0,(function*(){var t;if(yield li("hj",{Yr:nt}),yield li("eventStream",{Yr:nt,scope:null===window||void 0===window?void 0:window.hj}),null===(t=null===window||void 0===window?void 0:window.hj)||void 0===t?void 0:t.eventStream){const t=[];this.II({vI:o.P,bI:({experienceId:i,Hh:e,kI:s})=>{const n=s.replace(i,`****${i.slice(4)}`).replace(e,`****${e.slice(4)}`);t.push(n)}});try{for(const i of t)window.hj("event",i)}catch({message:t}){}}}))})()}}class Se extends fe{constructor({config:t,Wc:i,visitor:e,t:s}){super({config:t,Wc:i,visitor:e,t:s}),this.name="Baidu",window._hmt=window._hmt||[]}process(){this.II({vI:o.O,bI:({experienceId:t,ac:i,dc:e})=>{var s;const n=null===(s=this.bh.la[t].nI[Wt(o.O)])||void 0===s?void 0:s.sy;window._hmt.push(["_setCustomVar",n,i,e,1])}})}}class _e extends fe{constructor({config:t,Wc:i,visitor:e,t:s}){super({config:t,Wc:i,visitor:e,t:s}),this.name="Clicky",(null===window||void 0===window?void 0:window.clicky_custom)&&(window.clicky_custom.visitor={},window.clicky_custom.visitor_keys_cookie=[])}process(){this.II({vI:o.C,bI:({ac:t,dc:i})=>{(null===window||void 0===window?void 0:window.clicky_custom)&&(window.clicky_custom.visitor[`test${t}`]=t,window.clicky_custom.visitor[`variation${i}`]=i,window.clicky_custom.visitor_keys_cookie.push(`test${t}`),window.clicky_custom.visitor_keys_cookie.push(`variation${i}`))}})}}class $e extends fe{constructor({config:t,Wc:i,visitor:e,t:s}){super({config:t,Wc:i,visitor:e,t:s}),this.name="Cnzz",window._czc=window._czc||[]}process(){this.II({vI:o.j,bI:({experienceId:t,ac:i,dc:e})=>{var s;const n=null===(s=this.bh.la[t].nI[Wt(o.j)])||void 0===s?void 0:s.sy;window._czc.push(["_setCustomVar",n,i,e,1])}})}}class Oe extends fe{constructor({config:t,Wc:i,visitor:e,t:s}){var n;super({config:t,Wc:i,visitor:e,t:s}),this.name="Econda",(null===window||void 0===window?void 0:window.emosGlobalProperties)||(window.emosGlobalProperties={}),(null===(n=null===window||void 0===window?void 0:window.emosGlobalProperties)||void 0===n?void 0:n.abtest)||(window.emosGlobalProperties.abtest=[])}process(){this.II({vI:o.A,bI:({ac:t,dc:i})=>{window.emosGlobalProperties.abtest.push([t,i,1])}}),window.emosGlobalProperties.abtest.length&&"function"==typeof(null===window||void 0===window?void 0:window.emosPropertiesEvent)&&window.emosPropertiesEvent({})}}class Me extends fe{constructor({config:t,Wc:i,visitor:e,t:s}){super({config:t,Wc:i,visitor:e,t:s}),this.name="Eulerian"}process(){(()=>{i(this,void 0,void 0,(function*(){var t;yield li("_oEa"),"function"==typeof(null===(t=null===window||void 0===window?void 0:window._oEa)||void 0===t?void 0:t.uparam)&&this.II({vI:o.L,bI:({experienceId:t,dc:i})=>{window._oEa.uparam({[t]:i})}})}))})()}}class Ce extends fe{constructor({config:t,Wc:i,visitor:e,t:s}){super({config:t,Wc:i,visitor:e,t:s}),this.name="GoSquared"}process(){(()=>{i(this,void 0,void 0,(function*(){if(yield li("_gs"),"function"==typeof(null===window||void 0===window?void 0:window._gs)){const t={};this.II({vI:o.N,bI:({experienceId:i,dc:e})=>{t[`Test${i}`]=e}}),xt(t)&&window._gs("set","visitor",t)}}))})()}}class je extends fe{constructor({config:t,Wc:i,visitor:e,t:s}){super({config:t,Wc:i,visitor:e,t:s}),this.name="HeapAnalytics"}process(){(()=>{i(this,void 0,void 0,(function*(){var t;if(yield li("heap"),"function"==typeof(null===(t=null===window||void 0===window?void 0:window.heap)||void 0===t?void 0:t.track)){const t={};this.II({vI:o.R,bI:({experienceId:i,dc:e})=>{t[`Test${i}`]=e}}),xt(t)&&window.heap.track("Convert Event",t)}}))})()}}class Ee extends fe{constructor({config:t,Wc:i,visitor:e,t:s}){super({config:t,Wc:i,visitor:e,t:s}),this.name="MouseFlow"}process(){(()=>{i(this,void 0,void 0,(function*(){var t;yield li("_mfq"),"function"==typeof(null===(t=null===window||void 0===window?void 0:window._mfq)||void 0===t?void 0:t.push)&&this.II({vI:o.V,bI:({experienceId:t,dc:i})=>{window._mfq.push(["setVariable",`Test${t}`,i])}})}))})()}}class De extends fe{constructor({config:t,Wc:i,visitor:e,t:s}){super({config:t,Wc:i,visitor:e,t:s}),this.name="Piwik",window._paq=window._paq||[]}process(){let t=!1;this.II({vI:o.U,bI:({experienceId:i,ac:e,dc:s})=>{var n;const r=null===(n=this.bh.la[i].nI[Wt(o.U)])||void 0===n?void 0:n.sy;window._paq.push(["setCustomVariable",r,e,s,"visit"]),t=!0}}),t&&window._paq.push(["trackPageView"])}}class Ae extends fe{constructor({config:t,Wc:i,visitor:e,t:s}){super({config:t,Wc:i,visitor:e,t:s}),this.name="Segmentio"}process(){(()=>{i(this,void 0,void 0,(function*(){var t;if(yield li("analytics"),"function"==typeof(null===(t=null===window||void 0===window?void 0:window.analytics)||void 0===t?void 0:t.track)){const t={};this.II({vI:o.F,bI:({experienceId:i,dc:e})=>{t[`Test${i}`]=e}}),xt(t)&&window.analytics.track("Convert Event",t)}}))})()}}class Le extends fe{constructor({config:t,Wc:i,state:e,visitor:s,t:n}){super({config:t,Wc:i,state:e,visitor:s,t:n}),this.name="SiteCatalyst"}process(){(()=>{i(this,void 0,void 0,(function*(){const t=this.uI({vI:o.G})||(yield li("s",{Yr:nt}));if("function"==typeof(null==t?void 0:t.tl)){let i=!1;this.II({vI:o.G,bI:({experienceId:e,ac:s,dc:n})=>{var r;const h=null===(r=this.bh.la[e].nI[Wt(o.G)])||void 0===r?void 0:r.gy;t[`eVar${h}`]=`Convert - ${s} - ${n}`,i=!0}}),i&&(null==t||t.tl())}}))})()}}class Te extends fe{constructor({config:t,Wc:i,visitor:e,t:s}){super({config:t,Wc:i,visitor:e,t:s}),this.name="Woopra"}process(){(()=>{i(this,void 0,void 0,(function*(){var t;if(yield li("woopra"),"function"==typeof(null===(t=null===window||void 0===window?void 0:window.woopra)||void 0===t?void 0:t.track)){const t={};this.II({vI:o.H,bI:({experienceId:i,dc:e})=>{t[`Test${i}`]=e}}),xt(t)&&window.woopra.track("Convert Event",t)}}))})()}}class Ne extends fe{constructor({config:t,Wc:i,visitor:e,t:s}){super({config:t,Wc:i,visitor:e,t:s}),this.name="Ysance",window._wt1Q=window._wt1Q||[]}process(){this.II({vI:o.W,bI:({experienceId:t,ac:i,dc:e})=>{var s;const n=null===(s=this.bh.la[t].nI[Wt(o.W)])||void 0===s?void 0:s.sy;window._wt1Q.push(["setCustomData",n,`${i}-${e}`])}})}}class Re extends fe{constructor({config:t,Wc:i,visitor:e,t:s}){super({config:t,Wc:i,visitor:e,t:s}),this.name="Yandex",window.yaParams=window.yaParams||{},window.ym=window.ym||function(){(window.ym.a=window.ym.a||[]).push(arguments)}}process(){let t="";const e=[];this.II({vI:ue.iI,bI:({experienceId:i,ac:s,Hh:n,dc:o})=>{t+=`${t?", ":""}[${i}] ${s} - [${n}] ${o}`,e.push(`CONV-${i}-${n}`)}}),window.yaParams.convert_experiences=t,(()=>{i(this,void 0,void 0,(function*(){if(yield li("Ya",{Yr:nt}),null===window||void 0===window?void 0:window.Ya){const t=this.py();if(t)for(const i of e)window.ym(t,"params",{exp_variant_string:i})}}))})()}py(){for(const t in window)if(t.startsWith("yaCounter"))return t.replace("yaCounter","")}}class Pe{constructor(t,{mh:i,Yg:e,t:s}){this.jh=i,this.Zg=e,this.u=s,this.xh=yt(t,"data")}my(t){const i=this.jh.getData(t)||{},{yh:e}=this.jh.mp(null==i?void 0:i.yh);return e}Qu(t,i){const{yh:e}=this.jh.mp(i);e&&this.jh.Ca(t,{yh:e})}wy(t,i,e){var s;const n=this.jh.getData(t)||{},{yh:{[K.Ne]:o=[]}={}}=n,r=[];let h,a=!1;for(const t of i){if(e&&!a&&(a=this.Zg.xv(e,null==t?void 0:t.rules,`ConfigSegment #${null==t?void 0:t.id}`),Object.values(G).includes(a)))return a;if(!e||a){const i=null===(s=null==t?void 0:t.id)||void 0===s?void 0:s.toString();o.includes(i)||r.push(i)}}return r.length&&(h=Object.assign(Object.assign({},n.yh||{}),{[K.Ne]:[...o,...r]}),this.Qu(t,h)),h}Iy(t,i,e){const s=this.jh.Sp(i,"yh");return this.wy(t,s,e)}Kd(t,i,e){const s=this.jh.$p(i,"yh");return this.wy(t,s,e)}}var qe;const Be={level:2,yy:ot,by(t){if(Object.values(V).includes(t))this.level=t;else switch(t){case U.Gi:this.level=V.Gi;break;case U.zi:this.level=V.zi;break;case U.Hi:this.level=V.Hi;break;case U.ERROR:this.level=V.ERROR;break;default:this.level=V.Fi}switch(this.level){case V.Gi:this.yy=["debug","info","warn","error","log"];break;case V.zi:this.yy=["info","warn","error","log"];break;case V.Hi:this.yy=["warn","error"];break;case V.ERROR:this.yy=["error"];break;default:this.yy=["trace","debug","info","warn","error","log"]}},label:"Convert",xy(t){t&&(this.label=t)},ky:{Sy:{_y:"#da275a",background:"rgba(218,39,90,0.2)"},$y:{_y:"#788797"}},Oy({_y:t,background:i}={}){t&&(this.ky.Sy._y=t),i&&(this.ky.Sy.background=i)},My(){return[`color: ${this.ky.Sy._y}`,`background: ${this.ky.Sy.background}`,`border: 1px solid ${this.ky.Sy._y}`,"border-radius: 4px","padding: 2px 4px","margin-right: 4px"].join(";")},Cy(){return[`color: ${this.ky.$y._y}`,`border: 1px solid ${this.ky.$y._y}`,"border-radius: 4px","padding: 2px 4px","margin-right: 4px"].join(";")},jy(){return[`color: ${this.ky.$y._y}`].join(";")}},Ve=performance.now();"undefined"==typeof window||(null===(qe=window.convert)||void 0===qe?void 0:qe.console)||(()=>{if("undefined"==typeof window)return;let t=[],i=!0;window.convert.console={};for(const e of ot)String(console[e])===`function ${e}() { [native code] }`?window.convert.console[e]=console[e]:(i=!1,window.convert.console[e]=(...i)=>t.push({method:e,k:i}));i||di((()=>{const i=document.createElement("iframe");if(i.setAttribute(it,""),i.style.display="none",document.body.appendChild(i),window.convert.console=i.contentWindow.console,t.length)for(const{method:i,k:e}of t)window.convert.console[i](...e);t=null}))})();for(const t of Object.getOwnPropertyNames("undefined"!=typeof window?window.convert.console:console))Be[t]=(i,...e)=>{var s;if(Be.yy.includes(t)){const n=(null===(s=null==i?void 0:i.toString)||void 0===s?void 0:s.call(i))||"",o=n.endsWith("()"),r=Number((performance.now()-Ve)/1e3).toFixed(3).toString().padStart(2,"0"),h=[];for(const t of[...e])"object"==typeof t?h.push(Ht(t)):h.push(t);"undefined"!=typeof window&&(null===window||void 0===window?void 0:window.isEmulator)?("undefined"!=typeof window?window.convert.console:console)[t](`${Be.label} [${r} sec]`,`${n}${xt(h)?":":""}`,...h):Be.level<=1?("undefined"!=typeof window?window.convert.console:console)[t](`%c${Be.label}%c[${r} sec] ${o?`%c${n}`:n}`,Be.My(),Be.jy(),...o?[Be.Cy()]:[],...h):("undefined"!=typeof window?window.convert.console:console)[t](`%c${Be.label}%c[${r} sec]${o||!n?"":` ${n}`}`,Be.My(),Be.jy(),...h)}};class Ue{constructor({config:t,data:i}){var e,s,n,o,r,h;if(this.name="Workflow",this.Ey="1.1.9",this.Dy=null,this.Ay=!0,this.Ly=!0,!t)return void console.error("Missing Convert Configuration!");if(!i)return void console.error("Missing Convert Data!");this.Oh=new ce,this.Sh=new Ni,this.Sh.process(),this.xh=i?Jt(Qt(i)):{},(null===(e=this.xh)||void 0===e?void 0:e.logLevel)&&Be.by(this.xh.logLevel);const{[ut.Js]:a}=this.Sh.url.query;a&&Be.by(a),this.Ty=Be.level,this.u=new ji(Be,this.Ty),this.Ny=new ie,this.$h={},this.ff=null===(s=this.xh)||void 0===s?void 0:s.nc,this.Ry=!(null===(n=this.xh)||void 0===n?void 0:n.hd),this.bh={},this.Py={};const c=this.qy(t);this.By(c),this.sm=bi.Td(),this.Vy=bi.Td(),this.Uy={},this.Fy=new AbortController,this.Gy=new AbortController;if(!this.initialize())return;this.kh.isDisabled||this.Dh.Hm(),(null===(o=this.xh)||void 0===o?void 0:o.km)||(null===(r=this.xh)||void 0===r?void 0:r.Om)?this.Dh.start():this.Dh.Em(),document.addEventListener(Ut.qr,(()=>{var t,i,e;document.visibilityState!==Vt.HIDDEN||(null===(t=this.kh)||void 0===t?void 0:t.Ia)||(null===(i=this.kh)||void 0===i?void 0:i.bw)||(null===(e=this.kh)||void 0===e?void 0:e.fa)||!this.bh.jf.Ef||this.Iu.ju("beforeunload")})),this.zy("activeLocations",new Promise((t=>this.Hy=t))),this.zy("historicalData",this.Wy.bind(this)),this.zy("data",null===(h=this.bh)||void 0===h?void 0:h.data),this.zy("currentData",(()=>this.sm)),this.zy("isRedirect",(()=>this.kh.bw)),this.zy("version",(()=>this.Ey)),this.$h.Jy=({Yh:t})=>this.Jy({Yh:t}),this.$h.Ky=()=>{this.kh.isDisabled||this.Dh&&(this.Dh.om=!1)},this.$h.run=ti((({config:t,Qy:i}={})=>this.run({config:t,Qy:i,Yy:!0})),500),this.$h.xc=this.xc.bind(this),this.$h.Zy=this.Zy.bind(this),this.$h.setParameters=this.setParameters.bind(this),this.$h.Xy=this.Xy.bind(this),this.$h.tb=(t={})=>this.tb(Object.assign(Object.assign({},t),{aa:!0})),this.$h.ib=this.ib.bind(this),this.$h.eb=this.eb.bind(this),this.$h.destroy=this.destroy.bind(this),this.$h.disable=this.disable.bind(this),window.convert[Wt("runPreview",!0)]=t=>this.sb({config:t}),window.convert[Wt("ready",!0)]=this.ready.bind(this),window.convert[Wt("onAditionalDataReturn",!0)]=window.convert[Wt("onAdditionalData",!0)]=this.nb.bind(this),window.convert[Wt("getCspNonce",!0)]=()=>this.ob(),window.convert[Wt("getAllVisitorData",!0)]=()=>Ht(this.rb()),window.convert[Wt("getCurrentVisitorData",!0)]=()=>Ht(this.hb()),window.convert[Wt("getUserData",!0)]=()=>Ht(this.ab()),window.convert[Wt("getUrlParameter",!0)]=t=>this.cb(t);const{[ut.yn]:d,[ut.bn]:l}=this.Sh.url.query;if(d)throw"true"===l&&(this.Lh.cookies.setData(mt.yn,d),this.Lh.cookies.save()),this.lb(),ct;if(!Ue.ub()){const t=this.Lh.cookies.getData(mt.yn);if(t){const i=new URL(location.href);throw i.searchParams.set(ut.yn,t),i.searchParams.set(ut.xn,"crossdomain"),location.replace(i.toString()),ct}}if(window._conv_q&&Array.isArray(window._conv_q)){const t=["sendRevenue","pushRevenue","triggerConversion"];for(const i of window._conv_q)this.gb(i,{fb:t})}window[Wt("_conv_q",!0)]={push:(...t)=>{if(ai(t))for(const i of t)this.gb(i)}}}initialize(){var t,i,s,n,r,h;const{[ut.tn]:a}=this.Sh.url.query;this.xh.Ig=!Xt(a)&&!1!==(null===(t=this.xh)||void 0===t?void 0:t.Ig)&&window.self===window.top,this.Ly=this.xh.Ig;const{[ut.Hs]:c}=this.Sh.url.query;if(c&&(this.xh.km=!0,this.xh.Om=!1),(null===(i=this.xh)||void 0===i?void 0:i.km)&&!(null===(s=this.xh)||void 0===s?void 0:s.Om)?(this.xh.km=Boolean((null===(n=this.xh)||void 0===n?void 0:n.km)||"IE"!==this.Sh.Zu.Yu||(null===window||void 0===window?void 0:window._conv_notag)),this.xh.km||(this.xh.Om=!0)):null===(r=this.xh)||void 0===r||r.Om,this.pb(),this.mb=new Promise((t=>this.kh.Qm=t)),this.Mh=new e(this.bh,{t:this.u}),this.Zg=new Pi(this.bh,{t:this.u}),this.Ch=new zi({config:this.Py,data:this.xh,request:this.Sh,Yg:this.Zg,fh:this.Mh,t:this.u}),this.zf=new Hi(this.bh,{t:this.u}),this.Iu=new Qi(this.bh,{fh:this.Mh,t:this.u}),this.jh=new Zi(this.bh,{Bf:this.zf,Yg:this.Zg,fh:this.Mh,wu:this.Iu,t:this.u},{Vf:!1}),this.Eh=new Xi(this.bh,{mh:this.jh,t:this.u}),this.td=new Pe(this.bh,{mh:this.jh,Yg:this.Zg,t:this.u}),this.wb=new Mi({data:this.xh,state:this.kh,t:this.u}),this._h=new Ei({config:this.Py,state:this.kh,wu:this.Iu,t:this.u}),this.Lh=new bi({config:this.Py,data:this.xh,state:this.kh,uh:this.Oh,Jc:this.Vy,Wc:this.sm,request:this.Sh,Kc:this.bh.jf.Ef||(null===(h=this.kh)||void 0===h?void 0:h.Ia),fh:this.Mh,Qc:this.td,t:this.u,remote:this._h,gh:this.$h}),this.Lh.process(),this.Ib||(this.Ib=this.Lh.cookies.getData(mt.gn),this.Ib&&(this.bh.jf.Ef=!1)),this.yb=new yi({cookies:this.Lh.cookies}),this.jh.Qf(this.yb),this.nm=new de({config:this.Py,state:this.kh,Ww:this.bh.jf.Ef,cookies:this.Lh.cookies,request:this.Sh,fh:this.Mh,t:this.u,remote:this._h,gh:this.$h}),this.Dh||(this.Dh=new ae({config:this.Py,data:this.xh,state:this.kh,uh:this.Oh,request:this.Sh,visitor:this.Lh,Wc:this.sm,Xp:this.nm,remote:this._h,gh:this.$h,fh:this.Mh,t:this.u})),this.check({bb:!1}))return this.Mh.on(Z.Ve,this.xb.bind(this)),this.Mh.on(Z.Ue,this.kb.bind(this)),this.Mh.on(Z.Fe,this.Sb.bind(this)),this.Mh.on(Z.Ge,this._b.bind(this)),this.Mh.on(Z.Ye,this.ib.bind(this)),this.Mh.on(Z.ze,this.$b.bind(this)),this.Mh.on(Z.He,this.Ob.bind(this)),this.Mh.on(Z.We,this.Mb.bind(this)),this.Mh.on(Z.Je,this.Cb.bind(this)),this.Mh.on(Z.Qe,this.jb.bind(this)),this.Mh.on(lt.Ns,this.Eb.bind(this)),this.Mh.on(lt.Rs,this.Db.bind(this)),this.Mh.on(lt.Us,this.Ab.bind(this)),this.Mh.on(z.ie,this.Lb.bind(this)),this.Ah=new Di({config:this.Py,data:this.xh,state:this.kh,request:this.Sh,remote:this._h,gh:this.$h,fh:this.Mh,Qc:this.td,t:this.u,ph:this.Ch,visitor:this.Lh}),this._h.xu(this.Ah),this.lI=new mi({config:this.Py,data:this.xh,state:this.kh,uh:this.Oh,request:this.Sh,remote:this._h,gh:this.$h,fh:this.Mh,t:this.u,ph:this.Ch,mh:this.jh,wh:this.Eh,Ih:this.Dh,yh:this.Ah,visitor:this.Lh}),this.Tb=new Oi({config:this.Py,data:this.xh,state:this.kh,request:this.Sh,remote:this._h,gh:this.$h,fh:this.Mh,t:this.u,ph:this.Ch,Ih:this.Dh,yh:this.Ah,visitor:this.Lh}),this.oI={[o.T]:new me({config:this.Py,data:this.xh,Wc:this.sm,state:this.kh,remote:this._h,visitor:this.Lh,fh:this.Mh,t:this.u}),[ue.Zw]:new we({config:this.Py,Wc:this.sm,visitor:this.Lh,t:this.u}),[o.B]:new Ie({config:this.Py,Wc:this.sm,visitor:this.Lh,t:this.u}),[o.D]:new ye({config:this.Py,Wc:this.sm,visitor:this.Lh,t:this.u}),[ue.Xw]:new be({config:this.Py,Wc:this.sm,request:this.Sh,visitor:this.Lh,t:this.u}),[o.M]:new pe({config:this.Py,Wc:this.sm,la:this.lI,visitor:this.Lh,t:this.u}),[ue.tI]:new xe({config:this.Py,Wc:this.sm,state:this.kh,visitor:this.Lh,t:this.u}),[o.P]:new ke({config:this.Py,Wc:this.sm,visitor:this.Lh,t:this.u}),[o.O]:new Se({config:this.Py,Wc:this.sm,visitor:this.Lh,t:this.u}),[o.C]:new _e({config:this.Py,Wc:this.sm,visitor:this.Lh,t:this.u}),[o.j]:new $e({config:this.Py,Wc:this.sm,visitor:this.Lh,t:this.u}),[o.A]:new Oe({config:this.Py,Wc:this.sm,visitor:this.Lh,t:this.u}),[o.L]:new Me({config:this.Py,Wc:this.sm,visitor:this.Lh,t:this.u}),[o.N]:new Ce({config:this.Py,Wc:this.sm,visitor:this.Lh,t:this.u}),[o.R]:new je({config:this.Py,Wc:this.sm,visitor:this.Lh,t:this.u}),[o.V]:new Ee({config:this.Py,Wc:this.sm,visitor:this.Lh,t:this.u}),[o.U]:new De({config:this.Py,Wc:this.sm,visitor:this.Lh,t:this.u}),[o.F]:new Ae({config:this.Py,Wc:this.sm,visitor:this.Lh,t:this.u}),[o.G]:new Le({config:this.Py,Wc:this.sm,state:this.kh,visitor:this.Lh,t:this.u}),[o.H]:new Te({config:this.Py,Wc:this.sm,visitor:this.Lh,t:this.u}),[o.W]:new Ne({config:this.Py,Wc:this.sm,visitor:this.Lh,t:this.u}),[ue.iI]:new Re({config:this.Py,Wc:this.sm,visitor:this.Lh,t:this.u})},this.Nb=new ge({config:this.Py,state:this.kh,nI:this.oI,t:this.u}),!0}qy(t){const i=Jt(t);for(let t=0,e=i.la.length;t<e;t++){const e=i.la[t];if((null==e?void 0:e.nc)&&!this.ff&&delete e.nc,!e.Va.length&&(null==e?void 0:e.op)){const s=`site-area-${e.id}`,n={id:s,name:`Site Area ${e.id}`,key:s,Ua:{type:m},rules:null==e?void 0:e.op};i.Va.push(n),i.la[t].Va=[s],delete i.la[t].op}}return i}By(t){var i,e,s,n,o,r;const h="string"==typeof(null===(i=t.od)||void 0===i?void 0:i.Rb)?null===(e=t.od)||void 0===e?void 0:e.Rb:null===(n=null===(s=t.od)||void 0===s?void 0:s.Rb)||void 0===n?void 0:n.domain,a=h?`https://${h}/v1`:"https://[project_id].metrics.convertexperiments.com/v1";Kt(this.bh,{nc:this.ff,data:Qt(t),vf:{endpoint:{track:a}},jf:{Ef:!("Ef"in this.xh)||this.xh.Ef,source:"v1"},pf:{mf:(null===(o=this.xh)||void 0===o?void 0:o.lf)||1,wf:(null===(r=this.xh)||void 0===r?void 0:r.uf)||1},m:t=>Jt(t,!0)}),this.bh.jf.Ef,Kt(this.Py,this.Pb(this.bh.data))}Pb(i){const e=Qt(i);function s(t){if(t.type===h)return t.oc.find((({Vd:t})=>{const{data:i={}}=t.find((({type:t})=>t===H.ue))||{};return i[te.qp]===i[te.Bp]}))}return i.rp&&(e.rp=Yt(i.rp,"id")),i.Va&&(e.Va=Yt(i.Va,"id")),i.yh&&(e.yh=Yt(i.yh,"id")),i.Hc&&(e.Hc=Yt(i.Hc,"id")),i.features&&(e.features=Yt(i.features,"id")),i.la&&(e.la=Yt(i.la.map((i=>Object.assign(Object.assign({},i),{Ic:s(i),oc:Yt(i.oc.map((i=>{var{Vd:e}=i,s=t(i,["changes"]);return Object.assign({Vd:e.sort(((t,i)=>t.id-i.id))},s)})),"id"),nI:Yt(i.nI,"provider"),Dw:i[Wt("multipage_pages")]?Yt(i[Wt("multipage_pages")],"id"):{}}))),"id")),e}pb(){var t,i,e,s,n,o,r,h,a,c,d,l,u,v,g,f,p,m;const{[ut.Ws]:w,[ut.Ks]:I}=this.Sh.url.query,{[ut.sn]:y}=this.Sh.url.query,{[ut.Ys]:b}=this.Sh.url.query,{[ut.cn]:x}=this.Sh.url.query;if(!this.Ib){const{[ut.gn]:t}=this.Sh.url.query;this.Ib=t,this.Ib&&(this.bh.jf.Ef=!1)}this.xh.mw=!Xt(x)&&(null===(t=this.xh)||void 0===t?void 0:t.mw),this.kh||(this.kh={});const k=(null===(i=this.kh)||void 0===i?void 0:i.Gd)||Boolean(w===vt.kn)||Boolean(I===vt.Sn),S=(null===(e=this.kh)||void 0===e?void 0:e.Ia)||(null===(s=this.xh)||void 0===s?void 0:s.sb)||k;S&&(this.bh.jf.Ef=!1),Kt(this.kh,{yw:this.Sh.url.href,Qm:null===(n=this.kh)||void 0===n?void 0:n.Qm,isDisabled:(null===(o=this.xh)||void 0===o?void 0:o.disabled)||Boolean(y),Ia:S,Gd:k,Ga:null===(r=this.kh)||void 0===r?void 0:r.Ga,qb:k||(null===(h=this.kh)||void 0===h?void 0:h.qb),Ha:k||(null===(a=this.kh)||void 0===a?void 0:a.Ha),bw:!1,xw:(null===(c=this.xh)||void 0===c?void 0:c.Bb)||Boolean(b),ku:this.bh.jf.Ef,_u:Math.random(),cu:this.ob(),fa:!1,Rl:{},za:(null===(d=this.kh)||void 0===d?void 0:d.za)||this.Vb()||{},tc:(null===(l=this.kh)||void 0===l?void 0:l.tc)||this.Ub(),Wa:(null===(u=this.kh)||void 0===u?void 0:u.Wa)||{},RI:null===(v=this.kh)||void 0===v?void 0:v.RI,Fb:null===(g=this.kh)||void 0===g?void 0:g.Fb,Mu:(null===(f=this.kh)||void 0===f?void 0:f.Mu)||this.Gb(),Bh:(null===(p=this.kh)||void 0===p?void 0:p.Bh)||{},fI:(null===(m=this.kh)||void 0===m?void 0:m.fI)||{},Um:{}})}static ub(){try{return JSON.parse(sessionStorage.getItem(ui.rh)||"false")}catch(t){return}}lb(){try{const t=document.createElement("script");t.id="convert-ts-qa-overlay-loader",t.setAttribute("tokens",JSON.stringify([Number(this.Py.od.id)])),t.src="https://app.convert.com/static/_editor_frame_files/qaOverlayLoader.bundle.js",document.head.append(t)}catch({message:t,stack:i}){console.trace("Convert:",i||t)}}ob(){if(!this.kh.isDisabled)try{const t=document.querySelector("[nonce]");if(t)return t.nonce||t.getAttribute("nonce")}catch({message:t}){}}Vb(){const{[ut.Ai]:t,[ut.Qs]:i,[ut.Di]:e}=this.Sh.url.query,{[ut.Ai]:s,[ut.Qs]:n,[ut.Di]:o}=this.Sh.url.hash,r=e||o,h=t||i||s||n;if(r&&h)return{[String(r)]:String(h)}}Ub(){var t,i,e,s,n;const o=(null===(s=null===(e=(null===(t=this.Sh.url.query)||void 0===t?void 0:t[ut.Zs])||(null===(i=this.Sh.url.query)||void 0===i?void 0:i[ut.en]))||void 0===e?void 0:e.split)||void 0===s?void 0:s.call(e,","))||[],r={};for(const t of o){const[i,e]=(null===(n=null==t?void 0:t.split)||void 0===n?void 0:n.call(t,"."))||[];i&&e&&(r[i]=e)}return r}Gb(){return window._conv_plugin_id||window.REED_plugin_id}xb(t){var i;const{Yh:e,Zh:s=!0}=Jt(t);if(this.zb&&this.nb(Object.assign(Object.assign({},this.zb),{Yh:e,Zh:s})),!this.Hb){this.Hb=!0;try{hi({url:`https://cdn-3.convertexperiments.com/getjs/extra/data.js?vid=${this.Lh.id}${this.Ry?"&iw=1":""}`,attributes:{nonce:null===(i=this.kh)||void 0===i?void 0:i.cu}})}catch({message:t}){}}}nb(t){if(this.kh.isDisabled)return;const i=Jt(t),e=null==i?void 0:i.Yh,s=!1!==(null==i?void 0:i.Zh);this.zb={rd:Jt((null==i?void 0:i.rd)||{},!0),hd:Jt((null==i?void 0:i.hd)||{},!0)},this.Ry&&(this.Ry=!(null==i?void 0:i.hd)),this.Hb=!1;for(const t in this.zb.rd)this.Lh.rd[t]=this.zb.rd[t];for(const t in this.zb.hd)this.Lh.hd[t]=this.zb.hd[t];this.Ah.Ku({Yh:e}),this.lI.$a({Yh:e,Zh:s}),this.Tb.$a({Yh:e,Zh:s}),this.Lh.cookies.save(),e&&this.Lh.id}kb(){try{this.Oh.set(ui.eh,{timestamp:Date.now()+1e4,data:document.referrer})}catch({message:t}){}}Wb({Jb:t,locationId:i,experienceId:e,Zh:s=!0,aa:n}){var o;if(null===(o=null==t?void 0:t.Ua)||void 0===o?void 0:o.Kb){const o={locationId:i,isActive:!!this.Uy[i]};this.Dh.uc({code:t.Ua.Kb,Gl:()=>this.Qb({Jb:t,locationId:i,experienceId:e,qw:o,Zh:s,aa:n}),qw:o})}else this.Qb({Jb:t,locationId:i,experienceId:e,Zh:s,aa:n})}Sb(t={}){var i,e;const{locationId:s,experienceId:n,Zh:o=!0,kc:r=!1}=Jt(t);let h=[];if(s)h=[this.Py.Va[s]],h.length;else if(n){const t=this.bh.data.Va.filter((t=>{var i,e,s;return null===(s=null===(e=null===(i=this.Py.la[n])||void 0===i?void 0:i.Va)||void 0===e?void 0:e.includes)||void 0===s?void 0:s.call(e,t.id)}));h=t.filter((t=>{var i,e;return!(null==t?void 0:t.Ua)||(null===(i=null==t?void 0:t.Ua)||void 0===i?void 0:i.type)===I||(null===(e=null==t?void 0:t.Ua)||void 0===e?void 0:e.type)===m})),h.length}else{const t=this.bh.data.Va.filter((t=>{var i;return(null===(i=null==t?void 0:t.Ua)||void 0===i?void 0:i.type)===w}));for(const{id:i,Ua:e}of t){const t=(null==e?void 0:e.pf)||[];for(const s of t)this.Dh.Uw({locationId:i,selector:e.selector,event:s,Gl:()=>this.tb({locationId:i,aa:!0})})}h=this.bh.data.Va.filter((t=>{var i,e;return!(null==t?void 0:t.Ua)||(null===(i=null==t?void 0:t.Ua)||void 0===i?void 0:i.type)===I||(null===(e=null==t?void 0:t.Ua)||void 0===e?void 0:e.type)===m}))}if(h.length){for(let t=0,s=h.length;t<s;t++){const s=h[t].id,o=this.Py.Va[s];(o||(null===(i=this.kh)||void 0===i?void 0:i.Ia))&&((null===(e=this.kh)||void 0===e?void 0:e.Gd)?(Object.keys(this.kh.za).some((t=>{var i,e,n;return null===(n=null===(e=null===(i=this.Py.la[t])||void 0===i?void 0:i.Va)||void 0===e?void 0:e.includes)||void 0===n?void 0:n.call(e,s)}))||r)&&this.Wb({Jb:o,locationId:s,experienceId:n}):this.Wb({Jb:o,locationId:s,experienceId:n}))}n?r?this.Tb.process({Zh:o}):this.Lh.cookies.enabled&&o&&this.Nb.Ua({experienceId:n}):s&&!this.Uy[s]||(this.Hy(Object.values(this.Uy).map((t=>({id:null==t?void 0:t.id,name:null==t?void 0:t.name})))),this.Mh.I(Z.Ge,{Yh:this.Lh.id,Zh:o}))}else n||s||this.Mh.I(Z.Ge,{Yh:this.Lh.id,Zh:o})}_b(t={}){var i;const{ua:e,Zh:s=!0}=Jt(t);e||this.Mh.I(lt.Bs,{Yh:this.Lh.id}),this.Lh.cookies.save(),(null===(i=this.kh)||void 0===i?void 0:i.Rl)||(this.kh.Rl={}),this.kh.Rl.la=!0,this.Tb.process({Zh:s})}$b(t){const{la:i,Cd:e=!0}=Jt(t);for(const t of i){const i=this.bh.data.la.find((({id:i})=>String(i)===String(t)));if(i)for(const{id:e}of i.oc)this.Mb({experienceId:t,Hh:e,Cd:!1})}e&&(this.By(this.bh.data),this.zy("data",this.bh.data),this.initialize())}Ob(t){const{la:i,Cd:e=!0}=Jt(t);for(const t of i){const i=this.bh.data.la.find((({id:i})=>String(i)===String(t)));if(i)for(const{id:e}of i.oc)this.Cb({experienceId:t,Hh:e,Cd:!1})}e&&(this.By(this.bh.data),this.zy("data",this.bh.data),this.initialize())}Mb(t){var i,e;const{experienceId:s,Hh:n,Cd:o=!0}=Jt(t);if(!this.Py.la[s])return;const r=this.bh.data.la.findIndex((({id:t})=>String(t)===String(s)));if(-1===r)return;(null===(e=null===(i=this.kh)||void 0===i?void 0:i.za)||void 0===e?void 0:e[s])===n&&delete this.kh.za[s];const h=this.bh.data.la[r].oc.findIndex((({id:t})=>String(t)===String(n)));-1!==h&&(this.bh.data.la[r].oc[h].status=c,o&&(this.By(this.bh.data),this.zy("data",this.bh.data),this.initialize()))}Cb(t){const{experienceId:i,Hh:e,Cd:s=!0}=Jt(t);if(!this.Py.la[i])return;const n=this.bh.data.la.findIndex((({id:t})=>String(t)===String(i)));if(-1===n)return;this.lI.Jh({experienceId:i,Hh:e});const o=this.bh.data.la[n].oc.findIndex((({id:t})=>String(t)===String(e)));-1!==o&&(this.bh.data.la[n].oc[o].status=d,s&&(this.By(this.bh.data),this.zy("data",this.bh.data),this.initialize()))}jb(t={}){const{ua:i,Zh:e=!0}=Jt(t);i||this.Mh.I(lt.Vs,{Yh:this.Lh.id}),this.Tb.Zl(),this.Jm(),this.Lh.cookies.enabled&&e&&this.Nb.Ua(),this.intercept({enable:this.Lh.cookies.enabled&&e})}Eb(t){const{transactions:i,event:e}=Jt(t);if(!this.kh.isDisabled&&xt(i)){const t=this.Tb.Wl(e);if(t)for(const e in i){const{jl:s,El:n,version:r}=i[e];if(Array.isArray(this.oI[o.T].transactions[e].Hc)||(this.oI[o.T].transactions[e].Hc=[]),this.oI[o.T].transactions[e].Hc.includes(String(t)));else{this.Tb.Ol({Zd:t,Cl:e,jl:s,El:n,Ml:`ga_v${r}`})&&this.oI[o.T].transactions[e].Hc.push(String(t))}}}}Db(t){const{customEvents:i}=Jt(t);if(!this.kh.isDisabled)for(const t in i){this.Tb.Jl(t)&&delete this.oI[o.T].customEvents[t]}}Ab(t){const{to:i,from:e}=Jt(t);this.kh.yw=i,this.kh.isDisabled||this.run()}Lb(t,i){i&&this.Mh.I(lt.Gs,{reason:"network_error",details:(null==i?void 0:i.message)||"Unknown network error"})}Yb({doNotTrack:t,globalPrivacyControl:i}){var e,s,n,o;return t&&Boolean(1===Number(null===navigator||void 0===navigator?void 0:navigator.doNotTrack))||Boolean(1===Number(null===navigator||void 0===navigator?void 0:navigator.msDoNotTrack))||Boolean(1===Number(null===window||void 0===window?void 0:window.doNotTrack))?null===(s=null===(e=this.Py.od)||void 0===e?void 0:e.Ul)||void 0===s?void 0:s.Zb:i&&(null===navigator||void 0===navigator?void 0:navigator.globalPrivacyControl)?null===(o=null===(n=this.Py.od)||void 0===n?void 0:n.Ul)||void 0===o?void 0:o.Xb:void 0}check({bb:t}={bb:!0}){var i,e,s,n,o,r;if(this.kh.isDisabled&&t)return;const h=this.Yb({doNotTrack:!0})||this.Yb({globalPrivacyControl:!0});if(h&&(h===_||h===S&&(ht[null===(e=null===(i=this.xh)||void 0===i?void 0:i.rd)||void 0===e?void 0:e[Wt("country")]]||at[null===(n=null===(s=this.xh)||void 0===s?void 0:s.rd)||void 0===n?void 0:n[Wt("country")]])||h===k&&ht[null===(r=null===(o=this.xh)||void 0===o?void 0:o.rd)||void 0===r?void 0:r[Wt("country")]]))return;const{[ut.ln]:a,[ut.vn]:c,[ut.dn]:d,[ut.un]:l}=this.Sh.url.query;if(a||d)return void(window.parent[`codefound_${c||l}`]=!0);const{[ut.rn]:u,[ut.hn]:v}=this.Sh.url.query;u&&(this.Lh.cookies.delete("convert_optout"),"1"!==String(v)&&t&&alert(`Congratulations, you are not anymore opt-out for any tracking initiated by Convert.com scripts on ${this.Sh.url.object.host} domain.`));const{[ut.nn]:g,[ut.hn]:f}=this.Sh.url.query;if(g)return this.Lh.cookies.set("convert_optout",1,X),void("1"!==String(f)&&t&&alert(`You've been opted out for any tracking initiated by Convert.com scripts on ${this.Sh.url.object.host} domain.\nIf you want to cancel the opt-out, just clear your browser's cookies or follow the instructions at http://www.convert.com/opt-out`));const p=this.Lh.cookies.get("convert_optout");if("1"!==String(p)){if(this.Lh.domain&&!window.convertcom_insideApp)return!0}else this.Lh.cookies.set("convert_optout",1,X)}tx(){var t;null===(t=this.Hy)||void 0===t||t.call(this,[]),this.Dh.Em()}run(){return i(this,arguments,void 0,(function*({config:t,Qy:i,Yy:e}={}){var s,n,r,h,a,c,d,l,u,v,g,f;if(xt(t)){const i=this.qy(t);if((null==i?void 0:i.$u)!==this.Py.$u||(null===(s=null==i?void 0:i.od)||void 0===s?void 0:s.id)!==this.Py.od.id)return this.kh.isDisabled=!0,this.tx(),void this._h.log({[C.ERROR]:{Of:null==t?void 0:t.$u,Xd:null===(n=null==t?void 0:t.od)||void 0===n?void 0:n.id}},{from:M.lt});this.By(i),this.zy("data",this.bh.data)}if(!this.check())return this.kh.isDisabled=!0,void this.tx();if((null===(r=this.xh)||void 0===r?void 0:r.Ig)&&!this.Ay&&this.ix(),this.Dh.reset({Am:this.Ay}),e&&this.sx)return void(this.sx=!1);if(this.Ay=!1,this.Sh.process(),(null===(h=this.kh)||void 0===h?void 0:h.Ia)&&!i||(Kt(this.sm,bi.Td()),Kt(this.Vy,bi.Td()),this.Lh.Zc={}),i?(this.Lh.cookies.deleteData(mt.Yn),this.Lh.cookies.deleteData(mt.Qn),this.Lh.cookies.save(),this.Lh.process()):this.Lh.process(this.yb.Gc()),!(null===(a=this.Lh)||void 0===a?void 0:a.id))return void this.tx();if(this.pb(),(null===(c=this.kh)||void 0===c?void 0:c.Ia)&&(null===(d=this.kh)||void 0===d?void 0:d.Gd)&&!this.nx){const t=this.Vb();if(!t)return;{const[[i,e]]=Object.entries(t);if(!At(i)||!At(e))return;const s=`https://no-cdn.convertexperiments.com/getjs/global/data.js?client_id=${this.Py.$u}&project_id=${this.Py.od.id}&exp=${i}&do=preview&_rnd=${Date.now()}&version=${this.ox()}&env=production`;try{this.nx=!0,yield hi({url:s,attributes:{nonce:null===(l=this.kh)||void 0===l?void 0:l.cu,"data-cfasync":"false"}})}catch(t){return}}}if(this.bh.jf.Ef,(this.Dh.zm()||i)&&this.Dh.iw(),this.Lh.cookies.test()||(this.Mh.I(lt.Gs,{reason:"cookies_blocked"}),this.xc({hx:!1},{lx:!0})),this.Lh.cookies.Bc(mt.Qn,wt.oo),this.Lh.cookies.Bc(mt.Yn,wt.oo),this.Py.od.ux){if(this.sx=!0,this.Dh.uc({code:this.Py.od.ux}),null===(u=this.kh)||void 0===u?void 0:u.fa)return;this.Lh.id=null===(v=this.xh)||void 0===v?void 0:v.Yh}if(this.Lh.cookies.save(),this.Lh.cookies.verify()||this.Lh.cookies.Uc(!1),this.setSignals(),this.kh.Fb)return;this.Ah.Bu(),this.td.Qu(this.Lh.id,this.Ah.Su()),this.Ah.process(),this.vx(),this.Uy={},this.Sb(),this.Lh.cookies.save(),(null===(f=null===(g=this.Py.od)||void 0===g?void 0:g.Ul)||void 0===f?void 0:f.Yw)&&this.nm.process();(()=>{this.Gy.abort(),this.Gy=new AbortController})(),di((()=>{try{this.oI[o.M].SI()}catch({message:t}){}setTimeout((()=>{const t=this.bh.data.Hc.find((t=>"decrease-bouncerate"===(null==t?void 0:t.key)));t&&this.Tb.Ua({Zd:t.id})}),1e4)}),this.Gy.signal)}))}vx({gx:t}={}){const i=this.lI.pa();if(xt(i)){const e=Object.keys(i).map((t=>this.Py.la[t])).filter((t=>!!t));this.lI.process({la:e}),t||this.mx()}}mx(){try{const t=this.Oh.get(ui.eh);(null==t?void 0:t.timestamp)>Date.now()&&(null==t?void 0:t.data)&&((null===window||void 0===window?void 0:window.ga)&&window.ga("set","referrer",t.data),(null===window||void 0===window?void 0:window.gtag)?window.gtag("set","page_referrer",t.data):this.oI[o.T].gtag("set","page_referrer",t.data))}catch({message:t}){}}sb({config:t}){var i,e,s,n,o,r;if(this.kh.isDisabled||!(null===(i=this.kh)||void 0===i?void 0:i.Ia))return;if("string"==typeof t)return;if(t){const i=this.qy(t);if((null==i?void 0:i.$u)!==this.Py.$u||(null===(e=null==i?void 0:i.od)||void 0===e?void 0:e.id)!==this.Py.od.id)return this.kh.isDisabled=!0,this.tx(),void this._h.log({[C.ERROR]:{Of:null==t?void 0:t.$u,Xd:null===(s=null==t?void 0:t.od)||void 0===s?void 0:s.id}},{from:M.lt});this.By(i),this.zy("data",this.bh.data)}this.nx=!0;const h=this.Vb();if(h){const[[t,i]]=Object.entries(h);if(!(null===(r=null===(o=null===(n=this.Py.la)||void 0===n?void 0:n[t])||void 0===o?void 0:o.oc)||void 0===r?void 0:r[i]))return void this.Dh.Em();this.initialize(),this.Sh.process(),this.lI.Jh({experienceId:t,Hh:i}),this.run();const e=this.lI.Ba({experienceId:t});if(e&&!this.kh.Um[t])if("boolean"==typeof e)this.lI.zh({experienceId:t,Hh:i});else if(Array.isArray(e))for(const t of e)this.Sb({locationId:t})}}ib(t={}){if(this.kh.Ia)return;this.kh.Ia=!0;const{ec:i,wx:e,Ix:s=!0}=Jt(t);if(this.kh.qb=e,this.kh.Ha=s,this.Oh.Md(sessionStorage),this.xh.Ef=!!i,this.Oh.set(ui.oh,{ec:i,wx:e,Ix:s}),s){this.yx=this.yx||Qt(this.bh.data);for(const t of this.bh.data.la)t.rp=[];this.By(this.bh.data),this.zy("data",this.bh.data),this.initialize()}}eb(){var t,i;this.kh.Ia&&(this.kh.Ia=!1,this.kh.qb=null===(t=this.kh)||void 0===t?void 0:t.Gd,this.kh.Ha=null===(i=this.kh)||void 0===i?void 0:i.Gd,this.Oh.delete(ui.Xr),this.Oh.delete(ui.Zr),this.Oh.delete(ui.ih),this.Oh.delete(ui.th),this.Oh.Md(localStorage),this.xh.Ef=!this.Ib,this.yx&&(this.bh.data=Qt(this.yx),this.By(this.bh.data),this.zy("data",this.bh.data),this.initialize(),this.yx=null))}ox(){return parseFloat(String(this.Ey||"").split("_")[0].replace("v",""))}Wy({bx:t}={}){var i,e,s;const n={la:{}};for(const t in this.Lh.la){if("1"===this.Lh.la[t][dt.Ai])continue;const o=this.Lh.la[t][dt.Ai],r=null===(s=null===(e=null===(i=this.Py.la[t])||void 0===i?void 0:i.oc)||void 0===e?void 0:e[o])||void 0===s?void 0:s.name;n.la[t]={variation_name:r,dc:r,hc:o,Hh:o,Hc:this.Lh.la[t][dt.Es]||{}}}return t?n:Ht(n)}gb(t,{fb:i}={fb:[]}){xt(t)&&"logLevel"in t?t.logLevel:V.zi;let e;if(V.Wi,Array.isArray(t)){const[i,...s]=t;i&&(this.Ny.enqueue({what:i,params:s}),e=i)}else if(t){const i="what"in t?t.what:null;i&&(this.Ny.enqueue(t),e=i)}i.includes(e)||this.Jm({fb:i})}Jm({fb:t}={fb:[]}){var i,e,s;if(null===(i=this.kh)||void 0===i?void 0:i.fa)return;const n=t.concat(["recheck_goals"]);for(const t of this.Ny.clone){const{what:i,params:o,logLevel:r=V.zi}=t;try{if(n.includes(String(i)))continue;if(this.Ny.remove(t),"function"==typeof i)V.Wi,i();else if("string"==typeof i)if("addListener"===i){if(!xt(o))continue;const{event:t,handler:i}=o||{};if("string"!=typeof t||"function"!=typeof i)continue;V.Wi,this.Mh.on(t,i)}else"function"==typeof this.xx(i)?(V.Wi,Array.isArray(o)?this.xx(i).apply(this,Jt(o)):this.xx(i)(Jt(o))):V.Wi}catch({message:t,stack:n}){if(null===(e=this.kh)||void 0===e?void 0:e.fa)continue;if(null===(s=this.xh)||void 0===s?void 0:s.Ig){const e={data:{type:Fi.Lv,what:String(i),params:o,stack:n,message:t}};Ui.add(e),this.Mh.I(lt.zs,e)}this._h.log({[C.ERROR]:{message:t,stack:n,what:String(i),params:o}},{from:M.ct})}}}zy(t,i){Object.defineProperty(window.convert,Wt(t,!0),{get:()=>Ht(Jt("function"==typeof i?i():i,!0)),configurable:!0,enumerable:!0})}xx(t){return this.$h[Wt(t)]}intercept({enable:t}){var i;if(null===(i=this.kh)||void 0===i?void 0:i.Ia)return;if(this.oI[o.T].aI({type:ve.eI}))try{this.kh.RI?(this.oI[o.T].DI=t,t&&this.oI[o.T].JI()):this.oI[o.T].intercept({enable:t})}catch({message:t}){}}setSignals(){return i(this,void 0,void 0,(function*(){var t;if(!(null===(t=this.xh)||void 0===t?void 0:t.Ig))return;const i="convert-signals";if(!document.getElementById(i))try{const t=(()=>{const t=document.currentScript.src,i=document.createElement("a");return i.href=t,i.host})(),{kx:{enabled:e,Sx:s}={}}=yield fetch(`https://cdn-4.convertexperiments.com/api/v1/project-optional-settings/${this.Py.$u}/${this.Py.od.id}`).then((t=>t.json())).then(Jt);if(!e)return;const n=this.zf.rf({1:s},this.Lh.id);if(!(null==n?void 0:n.Hh))return;yield this.ix();const o=/^\d+\.\d+\.\d+$/.test(String(this.Ey))?`/v-${this.Ey}`:"";yield hi({url:`//${t}/static/v1${o}/signals.observer.min.js`,attributes:{id:i}})}catch({message:t,stack:i}){}}))}ix(){return i(this,void 0,void 0,(function*(){return this.Dy||(this.Dy=(()=>i(this,void 0,void 0,(function*(){var t,i;const e=yield Ui.get({key:1,store:qi.rh}),s={Id:this.Lh.Id,Yh:this.Lh.id,Of:this.Py.$u,Xd:this.Py.od.id,_x:null===(i=null===(t=this.Py.od.Ul.nI)||void 0===t?void 0:t.kx)||void 0===i?void 0:i.$x,Yu:this.Sh.Zu.Yu,Va:Object.keys(this.Uy),url:this.Sh.url.href};e?yield Ui.set({key:1,data:s,store:qi.rh}):yield Ui.add({key:1,data:s,store:qi.rh}),this.Dy=null})))()),this.Dy}))}xc(t={},{lx:i}={}){if(this.kh.isDisabled)return;const e=!("hx"in t)||"boolean"!=typeof t.hx||t.hx;this.kh.Fb=!e,this.xh.Ig=Boolean(e&&this.Ly),this.kh.Fb,this.bh.jf.Ef=!1,this.kh.ku=!1,this.Lh.cookies.Uc(!1),this.Oh.Uc(!1),this.Iu.Rf(),this.kh.Fb&&this.Dh.Em(),i||this.Mh.I(lt.Gs,{reason:"cookies_consent"})}Zy(){if(!this.kh.isDisabled){this.vx({gx:!0}),this.bh.jf.Ef=!this.Ib,this.kh.ku=!this.Ib,this.Lh.cookies.Uc(!0),this.Lh.cookies.save(),this.Oh.Uc(!0),this.Oh.set(),this.Iu.ec();for(const t of this._h.bu)this._h.log(t,{cookies:this.Lh.cookies,request:this.Sh,from:M.tt,visitor:this.Lh});this._h.bu=[],this.kh.Fb?(this.kh.Fb=!1,this.xh.Ig=this.Ly,this.run()):(this.Nb.Ua(),this.intercept({enable:!0}))}}setParameters(t){xt(t)&&(Kt(this.xh,Object.assign(Object.assign({},this.xh),t)),"$m"in t&&(this.Dh._m=t.$m),"Ox"in t&&(this.Dh.Iw=t.Ox),"Mx"in t&&(this.Dh.hw=t.Mx),"nc"in t&&(this.ff=this.bh.nc=t.nc),"logLevel"in t&&(Be.by(t.logLevel),this.Ty=Be.level,this.u=new ji(Be,this.Ty)),this.bh.jf.Ef=!("Ef"in this.xh)||this.xh.Ef,this.bh.jf.Ef)}Xy({vI:t,Cx:i}){this.kh.fI[Wt(t)]=Wt(i)}tb(t){const{locationId:i,Zh:e=!0,aa:s}=Jt(t),n=this.bh.data.Va.find((({id:t})=>String(t)===String(i)));n&&this.Wb({Jb:n,locationId:i,Zh:e,aa:s})}Qb({Jb:t,locationId:i,experienceId:e,qw:s,Zh:n=!0,aa:o}){var r,h;if(!i)return;if(this.Uy[i])xt(s)&&(s.isActive=!0);else if(null===(r=this.kh)||void 0===r?void 0:r.qb);else{const[n]=this.jh.sp(this.Lh.id.toString(),[t],{Zf:this.Ch.getData({yh:this.Ah,visitor:this.Lh,experienceId:e,locationId:i}),np:"id",wp:!0});if(!n)return;if(Object.values(G).includes(n))return;this.Uy[i]=n,(null===(h=this.xh)||void 0===h?void 0:h.Ig)&&this.ix(),xt(s)&&(s.isActive=!0)}const a=this.jx([this.Py.Va[i]]).filter((({id:t})=>String(t)===String(e)||!this.kh.Um[t]));if(a.length){for(const{id:t}of a)this.kh.Um[t]=!0,o&&this.Lh.cookies.enabled&&n&&this.Nb.Ua({experienceId:t});this.lI.process({la:a,Zh:n})}}jx(t){return this.bh.data.la.filter((({Va:e})=>i.call(this,t,e)));function i(t,i){const e=new Set(t.map((t=>t.id)));for(const t of i)if(e.has(t))return!0;return!1}}isDisabled(){return this.kh.isDisabled}disable(){this.kh.isDisabled=!0,this.destroy()}destroy(){var t,i,e,s,n,r,h,a,c,d,l,u,v,g,f,p,m,w,I,y,b,x,k,S,_,$,O,M,C,j,E,D;null===(t=document.querySelector("head .convertcomcss"))||void 0===t||t.remove(),null===(e=null===(i=this.Dh)||void 0===i?void 0:i.destroy)||void 0===e||e.call(i),null===(r=null===(n=null===(s=this.oI)||void 0===s?void 0:s[o.T])||void 0===n?void 0:n.stop)||void 0===r||r.call(n),null===(a=null===(h=this.Nb)||void 0===h?void 0:h.ou)||void 0===a||a.call(h),null===(d=null===(c=this.nm)||void 0===c?void 0:c.ou)||void 0===d||d.call(c),null===(u=null===(l=this.wb)||void 0===l?void 0:l.ou)||void 0===u||u.call(l),null===(g=null===(v=this.Mh)||void 0===v?void 0:v._)||void 0===g||g.call(v,Z.Ve),null===(p=null===(f=this.Mh)||void 0===f?void 0:f._)||void 0===p||p.call(f,Z.Ue),null===(w=null===(m=this.Mh)||void 0===m?void 0:m._)||void 0===w||w.call(m,Z.Ge),null===(y=null===(I=this.Mh)||void 0===I?void 0:I._)||void 0===y||y.call(I,Z.Qe),null===(x=null===(b=this.Mh)||void 0===b?void 0:b._)||void 0===x||x.call(b,G.Zi),null===(S=null===(k=this.Mh)||void 0===k?void 0:k._)||void 0===S||S.call(k,G.Yi),null===($=null===(_=this.Mh)||void 0===_?void 0:_._)||void 0===$||$.call(_,lt.Ns),null===(M=null===(O=this.Mh)||void 0===O?void 0:O._)||void 0===M||M.call(O,lt.Rs),null===(j=null===(C=this.Mh)||void 0===C?void 0:C._)||void 0===j||j.call(C,lt.Us),null===(D=null===(E=this.Mh)||void 0===E?void 0:E._)||void 0===D||D.call(E,z.ie),this.mb=null}ready(){return i(this,void 0,void 0,(function*(){return yield this.mb,new Promise((t=>t()))}))}Jy({Yh:t}){this.kh.isDisabled||t&&(this.Lh.id=t,this.Lh.cookies.save())}ab(){if(!this.kh.isDisabled)return Jt({rd:this.Lh.rd,system:this.Sh.Zu,Ex:{$d:this.Lh.$d}},!0)}Dx({experienceId:t}){var i;if(!this.Lh.Zc[t])return[];const e=[];for(const s in this.Lh.Zc[t])e.push({Zd:s,Ax:this.Lh.Zc[t][s],timestamp:null===(i=this.sm.zc[t])||void 0===i?void 0:i[s]});return e.sort(((t,i)=>t.timestamp-i.timestamp))}rb(){if(this.kh.isDisabled)return;const t=[],i=this.Wy({bx:!0});for(const e in i.la)t.push({experienceId:e,Hh:i.la[e].Hh,Fa:!1,Hc:Object.keys(i.la[e].Hc).map((t=>({Zd:t,Ax:!1})))});const e=this.hb({bx:!0});return e.ja=bt(e.ja,t),Jt({ja:t,yh:this.Ah.Su(),Yh:this.Lh.id},!0)}hb({bx:t}={}){if(this.kh.isDisabled)return;const i=[];for(const t in this.sm.la)i.push({experienceId:t,Hh:this.sm.la[t].bi.id,Fa:this.sm.la[t].Fa,Hc:this.Dx({experienceId:t})});const e={ja:i,yh:this.Ah.Su(),Yh:this.Lh.id};return t?e:Jt(e,!0)}cb(t){if(!this.kh.isDisabled)return this.Sh.url.query[t]}}i(void 0,void 0,void 0,(function*(){var t,e,s,n;if("undefined"!=typeof convertError)console.error("Convert Error:",convertError);else try{const t=Ue.ub(),e=t||convertConfig,s=new Ue({config:e,data:convertData});i(void 0,void 0,void 0,(function*(){return yield s.run()})),t&&s.lb()}catch({message:i,stack:o}){String(i).toLowerCase().includes("aborting execution")?console.warn("Convert:",i):console.error("Convert:",o||i),null===(e=null===(t=document.querySelector(`style#${et}`))||void 0===t?void 0:t.remove)||void 0===e||e.call(t);try{(new Ei).log({[C.ERROR]:{message:i,stack:o}},{from:M.dt})}catch({message:t,stack:i}){console.trace("Convert:",i||t)}null===(n=null===(s=document.querySelector(`style#${et}`))||void 0===s?void 0:s.remove)||void 0===n||n.call(s);try{(new Ei).log({[C.ERROR]:{message:i,stack:o}},{from:M.dt})}catch({message:t,stack:i}){console.trace("Convert:",i||t)}}}))}();

})();