((window.BitterBrainsBanner = window.BitterBrainsBanner || {
  host: "",
  affiliateKey: "vuerouter",
  emulateDate: void 0,
  emulateHour: void 0,
  date: "03/09/2025, 01:30 PM Central European Standard Time",
  activePhase: {
    id: "VS-FREEWEEKEND25_AFFILIATE_SUPERSALE_EXT8",
    countdownEnds: "2025-03-09T22:59:59.000000Z",
    cta: "获取官方授权",
    ends: "2025-03-09T22:59:59.000000Z",
    title: "新品首发，限时特惠，<b>即刻抢购！</b> ",
    link: "https://www.rxthink.cn",
    assets: null,
    static: null,
    classes: ["bb-campaign-vs-affiliates-freeweekend-urgent"],
    prelude: "<b>小蚂蚁云 · </b> 企业级旗舰产品",
    // addendum: "Extended for",
    subtitle: "赋能开发者，驱动企业增长，提供一站式数据中台解决方案。",
    couponCode: null,
    isExtended: !1,
    hideBanners: !1,
    assetsFormat: "png",
    showCountdown: 0,
    countdownFooter: null,
    showDaysAsHours: !0,
    affiliates: [
      "vuerouter",
      "pinia",
      "vueuse",
      "vuejsforge",
      "nuxtnation",
      "vuejsdevelopers",
      "VUEDEMY",
      "vs_masteringpinia",
      "vuejsnation",
      "SENODEV",
      "NSCRIPT",
    ],
    interlude: null,
    starts: "2025-03-08T22:59:59.000Z",
    isRunning: !0,
    remaining: 37757670,
    closedKey: "VS-FREEWEEKEND25_AFFILIATE_SUPERSALE_EXT8_CLOSED",
    countdownRemaining: 37757670,
    overrides: { vuejs: { hideSeconds: !0 } },
    logoMobile: "/banners/mark.svg",
    logoTablet: "/banners/mark.svg",
    logoDesktop: "/banners/logo.svg",
  },
  fromCache: !1,
  cacheTtl: 0,
  type: "top",
  closeable: void 0,
  isOpen: !1,
  countdownInterval: null,
  isInitiated: !1,
  style: null,
  allowList: {
    masteringnuxt: (n) => "/" === n || "/nuxt2" === n || "/nuxt3" === n,
    vueschool: (n) =>
      "/" === n ||
      n.startsWith("/courses") ||
      n.startsWith("/articles") ||
      n.startsWith("/lessons") ||
      n.startsWith("/vueschool-demo"),
    vueschool_free: (n) =>
      "/" === n ||
      n.startsWith("/courses") ||
      n.startsWith("/articles") ||
      n.startsWith("/lessons"),
    vueschool_premium: (n) =>
      "/" === n ||
      n.startsWith("/courses") ||
      n.startsWith("/articles") ||
      n.startsWith("/lessons"),
    vs_frontendnation: (n) => "/" === n,
  },
  render() {
    const {
        countdownFooter: n,
        prelude: e,
        interlude: t,
        addendum: b,
        title: a,
        subtitle: i,
        cta: o,
        link: r,
        classes: s,
        showCountdown: l,
      } = this.activePhase,
      d = n ? `<div class="bb-countdown-footer">${n}</div>` : "",
      c = `\n        <div class="bb-background"></div>\n        <div class="bb-logo"></div>\n        <div class="bb-side-image"></div>\n        <div class="bb-core">\n          <div class="bb-slogan">\n            ${
        e ? `<div class="bb-prelude">${e}</div>` : ""
      }\n            <div class="bb-title-container">\n              <div class="bb-title">${a}</div>\n              ${
        i ? `<div class="bb-subtitle">${i}</div>` : ""
      }\n            </div>\n            ${
        t ? `<div class="bb-interlude">${t}</div>` : ""
      }\n          </div>\n          ${
        o
          ? `<div class="bb-button-wrapper"><div class="bb-button">${o}</div></div>`
          : ""
      }\n          <div class="bb-countdown-container">\n          ${
        b ? `<div class="bb-addendum">${b}</div>` : ""
      }\n          ${
        l
          ? `<div class="bb-countdown-wrapper"><div class="bb-countdown">${this.renderCountdown()}</div>${d}</div>`
          : ""
      }\n          </div>\n        </div>\n        <div id="bb-close" class="bb-close">\n          <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">\n            <path d="M13.6894 0.321198C13.2753 -0.0929086 12.6064 -0.0929086 12.1923 0.321198L7 5.50284L1.80774 0.31058C1.39363 -0.103527 0.724687 -0.103527 0.31058 0.31058C-0.103527 0.724687 -0.103527 1.39363 0.31058 1.80774L5.50284 7L0.31058 12.1923C-0.103527 12.6064 -0.103527 13.2753 0.31058 13.6894C0.724687 14.1035 1.39363 14.1035 1.80774 13.6894L7 8.49716L12.1923 13.6894C12.6064 14.1035 13.2753 14.1035 13.6894 13.6894C14.1035 13.2753 14.1035 12.6064 13.6894 12.1923L8.49716 7L13.6894 1.80774C14.0929 1.40425 14.0929 0.724687 13.6894 0.321198Z" fill="white"/>\n          </svg>\n        </div>\n      `,
      p = document.createElement("a");
    p.setAttribute("id", "bb-banner");
    const u = {
        utm_source: this.affiliateKey,
        utm_medium: "website",
        utm_campaign: "affiliate",
        utm_content: `${this.type}_banner`,
        banner_type: this.type,
      },
      g = "internal" in this.activePhase && !!this.activePhase?.internal;
    (!g && p.setAttribute("target", "_blank"),
      "vueschool" !== this.affiliateKey &&
        (u.friend = this.affiliateKey?.toUpperCase()));
    const h = new URLSearchParams(g ? {} : u).toString();
    (p.setAttribute("href", `${r}${g ? "" : "?" + h}`),
      p.classList.add(...s),
      (p.innerHTML = c),
      this.addBodyClasses(),
      (function () {
        let n = document.querySelector("#bb-banner-video");
        (n ||
          (n = document.querySelector("#bb-banner-container") || document.body),
          n.append(p));
      })(),
      addEventListener("popstate", (n) => {
        this.handleNavigation();
      }),
      (window.history.pushState = new Proxy(window.history.pushState, {
        apply: (n, e, t) => {
          const b = n.apply(e, t);
          return (this.handleNavigation(), b);
        },
      })));
  },
  handleNavigation() {
    this.addBodyClasses();
  },
  addBodyClasses() {
    if (!this.isOpen) return;
    const n = document.querySelectorAll("html")[0];
    (n.classList.add("has-bb-banner"),
      n.classList.add(`bb-type-${this.type}`),
      this.affiliateKey && n.classList.add(`bb-${this.affiliateKey}`));
    const e = window.location.pathname || "/",
      t = !!window.BitterBrainsBanner.emulateDate;
    !this.allowList[this.affiliateKey] ||
    this.allowList[this.affiliateKey](e) ||
    t
      ? n.classList.remove("bb-banner-hidden")
      : n.classList.add("bb-banner-hidden");
  },
  renderCountdown() {
    const { showDaysAsHours: n, hideSeconds: e } = this.activePhase,
      t = ["hours", "minutes"];
    return (
      n || t.unshift("days"),
      e || t.push("seconds"),
      t.map((n) => this.renderCountdownPart(n)).join("")
    );
  },
  renderCountdownPart: (n) =>
    `\n        <div class="bb-countdown-item">\n          <div class="bb-countdown-part">\n            <div data-countdown="${n}" class="bb-countdown-number"></div><div class="bb-countdown-text"><span class="bb-countdown-text-initial">${
      n[0]
    }</span><span class="bb-countdown-text-rest">${n.slice(
      1,
    )}</span></div>\n          </div>\n          <div class="bb-countdown-colon">:</div>\n        </div>\n      `,
  getType() {
    if (document.querySelector("#bb-banner-video")) return "video";
    return document.querySelector("#bb-banner-container")
      ? "inline"
      : this.type && ["top", "bottom"].includes(this.type)
        ? this.type
        : "top";
  },
  insertStyleTag() {
    const n = document.createElement("style");
    ((n.textContent = window.BitterBrainsBanner.style),
      document.head.append(n));
  },
  close() {
    document.querySelector("#bb-banner").remove();
    const n = document.querySelectorAll("html")[0];
    (n.classList.remove("has-bb-banner"),
      n.classList.remove("bb-banner-container"),
      clearInterval(this.countdownInterval),
      (this.isOpen = !1));
  },
  bindCloseButton() {
    document.querySelector("#bb-close").addEventListener("click", (n) => {
      (n.preventDefault(),
        n.stopPropagation(),
        this.close(),
        localStorage.setItem(this.activePhase.closedKey, 1),
        localStorage.setItem(`${this.activePhase.id}_BANNER`, 1));
    });
  },
  startCountdown() {
    this.activePhase.countdownRemaining < 0 ||
      (this.updateCountdown(),
      this.activePhase.isCountdownStatic ||
        (this.countdownInterval = setInterval(() => {
          ((this.activePhase.countdownRemaining -= 1e3),
            this.activePhase.countdownRemaining > 0
              ? this.updateCountdown()
              : this.close());
        }, 1e3)));
  },
  updateCountdown() {
    if (!this.isOpen) return;
    const { countdownRemaining: n, showDaysAsHours: e } = this.activePhase,
      t = {
        days: Math.floor(n / 864e5),
        hours: Math.floor((n % 864e5) / 36e5),
        minutes: Math.floor((n % 36e5) / 6e4),
        seconds: Math.floor((n % 6e4) / 1e3),
      };
    e && ((t.hours = t.hours + 24 * t.days), delete t.days);
    for (const [n, e] of Object.entries(t)) {
      const t = document.querySelector(`[data-countdown=${n}]`);
      t && (t.textContent = e.toString().padStart(2, "0"));
    }
  },
  init() {
    if (
      !this.activePhase ||
      localStorage.getItem(this.activePhase.closedKey) ||
      this.isInitiated
    )
      return console.info("Not initiating");
    ((this.isOpen = !0), (this.isInitiated = !0));
    const n = setInterval(() => {
      "complete" === document.readyState &&
        (clearInterval(n),
        (this.type = this.getType()),
        this.insertStyleTag(),
        this.render(),
        this.bindCloseButton(),
        this.activePhase.showCountdown && this.startCountdown());
    }, 100);
  },
}),
  (window.BitterBrainsBanner.style =
    "\n  :root { --bb-logo-desktop: url(/banners/logo.svg);--bb-logo-tablet: url(/banners/mark.svg);--bb-logo-mobile: url(/banners/mark.svg);   }#bb-banner {\n  height: 72px;\n  text-decoration: none;\n  color: white;\n  padding-right: 30px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background: #000;\n  overflow: hidden;\n  line-height: 1.25;\n  background: var(--bb-gradient);\n  direction: ltr !important;\n}\n\n#bb-banner .bb-logo {\n  width: 30px;\n  height: 19px;\n  left: 16px;\n  position: absolute;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-image: var(--bb-logo-mobile);\n}\n\n#bb-banner .bb-close {\n  font-family: sans-serif;\n  color: white;\n  position: absolute;\n  top: 29px;\n  right: 8px;\n  line-height: 0;\n  font-size: 24px;\n  height: 14px;\n  width: 14px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n#bb-banner .bb-background {\n  background-image: var(--bb-bg-mobile);\n  background-repeat: no-repeat;\n  background-size: cover;\n  background-position: center;\n  position: absolute;\n  z-index: 0;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n}\n\n#bb-banner .bb-core {\n  display: flex;\n  align-items: center;\n  text-align: center;\n  position: relative;\n  z-index: 10;\n  flex-direction: column;\n}\n\n#bb-banner .bb-core .bb-slogan {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  order: 1;\n}\n\n#bb-banner .bb-core .bb-title-container {\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  gap: 2px;\n}\n\n#bb-banner .bb-core .bb-extended {\n  display: none;\n}\n\n#bb-banner .bb-core .bb-title {\n  font-size: 14px;\n  font-weight: bold;\n  color: #00dc82;\n}\n\n#bb-banner .bb-core .bb-subtitle {\n  color: #FFF;\n  font-size: 12px;\n}\n\n#bb-banner .bb-core .bb-button-wrapper {\n  order: 2;\n}\n\n#bb-banner .bb-core .bb-button-wrapper .bb-button {\n  border-radius: 6px;\n  font-weight: bold;\n  color: #000;\n  background: white;\n  font-size: 14px;\n  padding: 14px 8px;\n  white-space: nowrap;\n}\n\n#bb-banner .bb-core .bb-countdown-wrapper {\n  display: flex;\n  align-items: center;\n  flex-direction: row-reverse;\n  gap: 6px;\n  order: 3;\n}\n\n#bb-banner .bb-core .bb-countdown-wrapper .bb-countdown-footer {\n  order: 1;\n}\n\n#bb-banner .bb-core .bb-countdown {\n  align-items: center;\n  line-height: 1;\n  display: flex;\n  font-weight: bold;\n  font-size: 12px;\n  color: #00dc82;\n  order: 2;\n}\n\n#bb-banner .bb-core .bb-countdown .bb-countdown-item {\n  display: flex;\n  align-items: center;\n}\n\n#bb-banner .bb-core .bb-countdown .bb-countdown-item .bb-countdown-part > div {\n  display: inline;\n}\n\n#bb-banner .bb-core .bb-countdown .bb-countdown-item:last-child .bb-countdown-colon {\n  display: none;\n}\n\n#bb-banner .bb-core .bb-countdown .bb-countdown-item .bb-countdown-part .bb-countdown-text .bb-countdown-text-initial~span {\n  display: none;\n}\n\n\n@media screen and (max-width: 768px) {\n  #bb-banner {\n    padding-right: 0px !important;\n  }\n}\n\n@media (min-width: 768px) {\n\n  #bb-banner .bb-close {\n    right: 12px;\n  }\n\n  #bb-banner .bb-core {\n    gap: 12px;\n    flex-direction: row;\n  }\n\n  #bb-banner .bb-background {\n    background-image: var(--bb-bg-tablet);\n  }\n\n  #bb-banner .bb-logo {\n    background-image: var(--bb-logo-tablet);\n  }\n\n  #bb-banner .bb-core .bb-title {\n    font-size: 18px;\n  }\n\n  #bb-banner .bb-core .bb-subtitle {\n    font-size: 16px;\n  }\n\n  #bb-banner .bb-core .bb-button-wrapper {\n    display: block;\n  }\n\n  #bb-banner .bb-core .bb-button-wrapper .bb-button {\n    font-size: 18px;\n  }\n\n  #bb-banner .bb-core .bb-countdown-wrapper {\n    flex-direction: column-reverse;\n  }\n}\n\n@media (min-width: 1280px) {\n  #bb-banner .bb-core .bb-title-container {\n    gap: 4px;\n  }\n  \n  #bb-banner .bb-logo {\n    width: 152px;\n    left: 24px;\n    background-image: var(--bb-logo-desktop);\n  }\n\n  #bb-banner .bb-core .bb-slogan {\n    gap: 4px;\n  }\n\n  #bb-banner .bb-background {\n    background-image: var(--bb-bg-desktop);\n  }\n\n  #bb-banner .bb-core {\n    gap: 32px;\n  }\n\n  #bb-banner .bb-core .bb-countdown-wrapper {\n    flex-direction: column-reverse;\n  }\n}\n\nhtml.has-bb-banner.bb-banner-hidden #bb-banner {\n  display: none;\n}\n\n/*\nBANNER TYPES\n*********************************************************/\n\n/* Banner rendered in container element */\n\nhtml.has-bb-banner #bb-banner-container #bb-banner, html.has-bb-banner #bb-banner-video #bb-banner {\n  position: relative;\n}\n\nhtml.has-bb-banner #bb-banner-container #bb-banner .bb-close {\n/*  display: none;*/\n}\n\n/* Banner Fixed Top */\n\nhtml.has-bb-banner.bb-type-top {\n  margin-top: 72px;\n}\n\nhtml.has-bb-banner.bb-type-top.bb-banner-hidden {\n  margin-top: 0;\n}\n\nhtml.has-bb-banner.bb-type-top #bb-banner {\n  position: fixed;\n  top: 0;\n  z-index: 60;\n  left: 0;\n  right: 0;\n}\n\n/* Banner Fixed Bottom */\n\nhtml.has-bb-banner.bb-type-bottom #bb-banner {\n  position: fixed;\n  bottom: 10px;\n  z-index: 60;\n  left: 10px;\n  right: 10px;\n}\n/* Vue School */\n\n\n#bb-banner.bb-campaign-vs-affiliates-freeweekend-urgent {\n    background: #100D1C;\n    font-family: 'Inter', sans-serif;\n}\n\n\n#bb-banner.bb-campaign-vs-affiliates-freeweekend-urgent:hover .bb-core .bb-button-wrapper .bb-button {\n    background: #0EFAA5;\n    color: #100D1C;\n    transition: background-color 0.5s, color 0.5s; \n  }\n\n#bb-banner.bb-campaign-vs-affiliates-freeweekend-urgent .bb-logo {\n    width: 122px;\n    height: 40px;\n    position: relative;\n    display: block;\n    background: url('/banners/logo.svg') !important;\n    background-repeat: no-repeat;\n}\n\n\n\n#bb-banner.bb-campaign-vs-affiliates-freeweekend-urgent .bb-core {\n    gap: 60px;\n    transform: translateX(80px);\n\n}\n\n#bb-banner.bb-campaign-vs-affiliates-freeweekend-urgent .bb-core .bb-slogan .bb-title-container {\n    display: flex;\n    flex-direction: column;\n}\n\n\n#bb-banner.bb-campaign-vs-affiliates-freeweekend-urgent .bb-core .bb-slogan .bb-prelude {\ncolor: #FFF;\nfont-size: 24px;\nfont-style: normal;\nfont-weight: 900;\nline-height: normal; \nwidth: auto;\n \n}\n\n#bb-banner.bb-campaign-vs-affiliates-freeweekend-urgent .bb-core .bb-slogan .bb-prelude b {\n    background: var(--Gradient, linear-gradient(90deg, #0EFAA5 1.04%, #FAFF00 100%));\n    background-clip: text;\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent; \n    font-style: normal;\n    font-weight: 00;\n    line-height: normal; \n}\n\n#bb-banner.bb-campaign-vs-affiliates-freeweekend-urgent .bb-core .bb-slogan {\n    gap: 60px;\n}\n\n#bb-banner.bb-campaign-vs-affiliates-freeweekend-urgent .bb-core .bb-title {\n    color: white;\ntext-align: center;\nfont-size: 16px;\nfont-style: normal;\nfont-weight: 400;\nline-height: normal; \n}\n\n#bb-banner.bb-campaign-vs-affiliates-freeweekend-urgent .bb-core .bb-title b {\n    color: #0EFAA5;\n    font-weight: 700;\n}\n\n#bb-banner.bb-campaign-vs-affiliates-freeweekend-urgent .bb-core .bb-subtitle {\n    font-weight: 700;\n}\n\n\n#bb-banner.bb-campaign-vs-affiliates-freeweekend-urgent .bb-core .bb-countdown-container .bb-addendum {color: var(--White, #FFF);\n    text-align: center;\n    font-size: 10px;\n    font-style: normal;\n    font-weight: 700;\n    line-height: normal;\n    letter-spacing: 1px;\n    text-transform: uppercase; \n}\n\n#bb-banner.bb-campaign-vs-affiliates-freeweekend-urgent .bb-core .bb-countdown-container {\n    order: 3;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n}\n\n#bb-banner.bb-campaign-vs-affiliates-freeweekend-urgent .bb-core .bb-countdown-container .bb-countdown {\npadding: 6px 14px;\nborder-radius: 4px;\nbackground: rgba(43, 246, 163, 0.20);\ncolor: white;\ntext-align: center;\nfont-size: 18px;\nfont-style: normal;\nfont-weight: 800;\nline-height: normal;\nletter-spacing: 1.4px; \n}\n\n#bb-banner.bb-campaign-vs-affiliates-freeweekend-urgent .bb-core .bb-button-wrapper .bb-button {\n    display: flex;\n    color: white;\n    align-items: center;\n    justify-items: center;\n    height: 44px;\n    padding: 0px 24px;\n    justify-content: center;\n    align-items: center;\n    gap: 10px;\n    border-radius: 50px;\nborder: 2px solid #0EFAA5;\nbackground: rgba(14, 250, 165, 0.40);\nfont-size: 14px;\nfont-style: normal;\nfont-weight: 700;\nline-height: normal;   \n}\n\n\n\n@media screen and (max-width: 1440px) {\n    #bb-banner.bb-campaign-vs-affiliates-freeweekend-urgent .bb-core{\n        gap: 30px;\n        transform: translateX(0px);\n\n    }\n\n    #bb-banner.bb-campaign-vs-affiliates-freeweekend-urgent .bb-core .bb-countdown-container {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        gap: 2px;\n    }\n\n    #bb-banner.bb-campaign-vs-affiliates-freeweekend-urgent .bb-logo {\n        width: 50px;\n        height: 40px;\n        position: relative;\n        display: block;\n        background: url('/banners/mark.svg') !important;\n        background-repeat: no-repeat !important;\n        margin-right: 40px;\n    }\n}\n@media screen and (max-width: 1280px) {\n    #bb-banner.bb-campaign-vs-affiliates-freeweekend-urgent .bb-core .bb-slogan .bb-title-container {\n        display: flex;\n        flex-direction: column;\n    }\n}\n\n@media screen and (max-width: 1234px) {\n    #bb-banner.bb-campaign-vs-affiliates-freeweekend-urgent .bb-core{\n        margin-right: 40px;\n    }\n    #bb-banner.bb-campaign-vs-affiliates-freeweekend-urgent .bb-core .bb-countdown-container {\n        display: flex;\n        flex-direction: row;\n        justify-items: center;\n        position: absolute;\n        bottom: 0%;\n        left: 50%;\n        transform: translate(-35%, 46%);\n    }\n\n    #bb-banner.bb-campaign-vs-affiliates-freeweekend-urgent .bb-core .bb-countdown-container .bb-countdown {\n        color: #0BD88F;\n        padding: 0px;\n        background: transparent;\ntext-align: center;\nfont-size: 12px;\nfont-style: normal;\nfont-weight: 700;\nline-height: 16px; /* 177.778% */\nletter-spacing: 0.9px; \nmargin-left: 2px;\n    }\n\n    #bb-banner.bb-campaign-vs-affiliates-freeweekend-urgent .bb-core .bb-slogan .bb-title-container {\n        margin-top: -10px;\n    }\n\n    #bb-banner.bb-campaign-vs-affiliates-freeweekend-urgent .bb-logo {\n        width: 35px;\n        height: 40px;\n        position: relative;\n        display: block;\n    }\n\n    #bb-banner.bb-campaign-vs-affiliates-freeweekend-urgent .bb-core .bb-slogan {\n        gap: 20px;\n    }\n\n    #bb-banner.bb-campaign-vs-affiliates-freeweekend-urgent .bb-core .bb-slogan .bb-prelude {\n        width: 160px;\n        text-align: center;\n        font-size: 20px;\n    }\n\n    #bb-banner.bb-campaign-vs-affiliates-freeweekend-urgent .bb-core .bb-slogan .bb-title-container .bb-title, #bb-banner.bb-campaign-vs-affiliates-freeweekend-urgent .bb-core .bb-slogan .bb-title-container .bb-subtitle {\n        font-size: 14px !important;\n    }\n}\n\n@media screen and (max-width: 768px) {\n    #bb-banner.bb-campaign-vs-affiliates-freeweekend-urgent .bb-core .bb-countdown-container {\n        position: relative;\n        bottom: 0%;\n        left: 0%;\n        transform: translate(0%, 0%);\n    }\n\n    #bb-banner.bb-campaign-vs-affiliates-freeweekend-urgent .bb-core .bb-slogan {\n        margin-top: 0px;\n        gap: 0px;\n        flex-direction: column;\n    }\n\n    #bb-banner.bb-campaign-vs-affiliates-freeweekend-urgent .bb-core .bb-slogan .bb-title-container {\n        margin-top: 0px;\n        gap: 0px;\n    }\n\n    #bb-banner.bb-campaign-vs-affiliates-freeweekend-urgent .bb-core {\n        gap: 0px;\n        flex-direction: column;\n    \n    }\n\n    #bb-banner.bb-campaign-vs-affiliates-freeweekend-urgent .bb-core .bb-slogan .bb-title-container .bb-title, #bb-banner.bb-campaign-vs-affiliates-freeweekend-urgent .bb-core .bb-slogan .bb-title-container .bb-subtitle {\n        font-size: 11px !important;\n    }\n    \n\n    #bb-banner.bb-campaign-vs-affiliates-freeweekend-urgent .bb-core .bb-button-wrapper {\n        display: none;\n    }\n\n    #bb-banner.bb-campaign-vs-affiliates-freeweekend-urgent .bb-core .bb-slogan .bb-prelude {\n        font-size: 13px; \n        width: auto;\n    }\n}\n/* Vue Router and Pinia */\n\nhtml.has-bb-banner .theme,\nhtml.has-bb-banner .theme .nav-bar,\nhtml.has-bb-banner .theme .sidebar,\nhtml.has-bb-banner .theme .page {\n  margin-top: 72px;\n}\n\n/* Vite Press */\n\nhtml.has-bb-banner {\n  scroll-padding-top: 134px;\n  overflow: auto;\n}\n\nhtml.has-bb-banner .VPSidebar,\nhtml.has-bb-banner .VPDoc.has-sidebar.has-aside .aside-container {\n  top: 72px;\n}\n\n@media (min-width: 960px) {\n  html.has-bb-banner .VPNav {\n    top: 72px;\n  }\n}\n\n  "));
try {
  window.BitterBrainsBanner.init();
} catch {
  console.warn("Error when trying to render top banner");
}