https://rive.app/community/forums/home

ID da verificação: a650c124-0d1a-432b-99e0-7504139b6f4fConcluído
URL enviado:: https://rive.app/community/Redirecionado
Relatório concluído:: 28/10/2024, 08:15:37
Ligações · 6 encontradas

As ligações de saída identificadas na página
Hiperligação	Texto
https://boxels.com/images/samplebb.png	https://boxels.com/images/samplebb.png
https://www.loom.com/share/8388677daf364d58869a58938c522d87?sid=64b8e9d4-3c12-472a-873c-b059166d8814	https://www.loom.com/share/8388677daf364d58869a58938c522d87?sid=64b8e9d4-3c12-472a-873c-b059166d8814
https://ucarecdn.com/e4a8667c-5f3c-4855-ba11-09ef71d454a9/
https://www.postcardsfromberlin.net/rive-test-02	postcardsfromberlin.netRive Test 02 — Barry McWilliams
https://github.com/rive-app/rive-runtime/blob/main/tests/player/player.cpp	https://github.com/rive-app/rive-runtime/blob/main/tests/player/player.cpp
https://ucarecdn.com/8f6bfb46-8b3f-4768-a992-8d6cd869b723/
Variáveis JavaScript · 50 encontradas

Variáveis JavaScript globais carregadas no objeto janela de uma página são variáveis declaradas fora das funções e acessíveis de qualquer parte do código dentro do âmbito atual
Nome	Tipo
0	object
1	object
2	object
3	object
4	object
5	object
6	object
7	object
8	object
9	object
Mensagens de registo da consola · 8 encontradas

Mensagens registadas na consola web
Tipo	Categoria	Registo
log	other	URL https://rive-two.vercel.app/community/_app/immutable/chunks/api._KXVxMvF.js Texto API: URL set to https://api.outverse.com
log	other	URL https://rive-two.vercel.app/community/_app/immutable/entry/app.LBuzwskD.js Texto Reroute: /community/forums/home->/community/rive/forums/home
error	network	URL https://rive.app/_vercel/speed-insights/script.js Texto Failed to load resource: the server responded with a status of 404 ()
error	other	URL https://rive.app/community/forums/home Texto Refused to execute script from 'https://rive.app/_vercel/speed-insights/script.js' because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled.
error	network	URL https://rive.app/_vercel/insights/script.js Texto Failed to load resource: the server responded with a status of 404 ()
error	other	URL https://rive.app/community/forums/home Texto Refused to execute script from 'https://rive.app/_vercel/insights/script.js' because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled.
log	other	URL https://rive-two.vercel.app/community/_app/immutable/entry/app.LBuzwskD.js Texto [Vercel Speed Insights] Failed to load script from /_vercel/speed-insights/script.js. Please check if any content blockers are enabled and try again.
log	other	URL https://rive-two.vercel.app/community/_app/immutable/entry/app.LBuzwskD.js Texto [Vercel Web Analytics] Failed to load script from /_vercel/insights/script.js. Be sure to enable Web Analytics for your project and deploy again. See https://vercel.com/docs/analytics/quickstart for more information.
HTML

O corpo HTML em bruto da página
<!DOCTYPE html><html lang="en" style="--scrollbar-color: #D2D4D9;"><head>
    <meta name="sentry-trace" content="3968cee55354a6e42a92d881bc179f8b-53dd801a1829180e-0">
    <meta name="baggage" content="sentry-environment=production,sentry-release=a9438f930a2208fb162c3f9e71eeec7f52f8b88b,sentry-public_key=ecd8b4cada564b21995f3d7959056703,sentry-trace_id=3968cee55354a6e42a92d881bc179f8b,sentry-sampled=false">
    

  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <meta name="darkMode" content="">

  <script type="text/javascript" async="" src="https://cdn.segment.com/analytics.js/v1/vqql9rJvFugekiL1WpoOcSqPNCbK4hnI/analytics.min.js"></script><script nonce="">
    let darkMode = false;
    try {
      darkMode = window.matchMedia("(prefers-color-scheme: dark)").matches;
      if (localStorage.store) {
        const preferences = JSON.parse(localStorage.store)["user-preferences"];
        if (preferences && preferences.theme) {
          darkMode = preferences.theme === "dark";
        }
      }
    } catch (e) {
      console.error("Error parsing user preferences", e);
    }
    if (darkMode) {
      document.documentElement.classList.add("dark");
    } else {
      document.documentElement.classList.remove("dark");
    }
  </script>
  <style>
    /* declare fonts/styles early to prevent FOUT/C and hydration flickering when imported in layout */

    /* inter font-family */
    @font-face {
      font-family: "Inter";
      src: url("https://rive-two.vercel.app/community/fonts/Inter-Thin.woff2") format("woff2");
      font-weight: 100;
    }

    @font-face {
      font-family: "Inter";
      src: url("https://rive-two.vercel.app/community/fonts/Inter-ExtraLight.woff2") format("woff2");
      font-weight: 200;
    }

    @font-face {
      font-family: "Inter";
      src: url("https://rive-two.vercel.app/community/fonts/Inter-Light.woff2") format("woff2");
      font-weight: 300;
    }

    @font-face {
      font-family: "Inter";
      src: url("https://rive-two.vercel.app/community/fonts/Inter-Regular.woff2") format("woff2");
      font-weight: 400;
    }

    @font-face {
      font-family: "Inter";
      src: url("https://rive-two.vercel.app/community/fonts/Inter-Medium.woff2") format("woff2");
      font-weight: 500;
    }

    @font-face {
      font-family: "Inter";
      src: url("https://rive-two.vercel.app/community/fonts/Inter-SemiBold.woff2") format("woff2");
      font-weight: 600;
    }

    @font-face {
      font-family: "Inter";
      src: url("https://rive-two.vercel.app/community/fonts/Inter-Bold.woff2") format("woff2");
      font-weight: 700;
    }

    @font-face {
      font-family: "Inter";
      src: url("https://rive-two.vercel.app/community/fonts/Inter-ExtraBold.woff2") format("woff2");
      font-weight: 800;
    }

    @font-face {
      font-family: "Inter";
      src: url("https://rive-two.vercel.app/community/fonts/Inter-Black.woff2") format("woff2");
      font-weight: 900;
    }

    body {
      font-family: Inter, sans-serif;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      overscroll-behavior-y: none;
      overflow-y: overlay;
      /* dark - light mode transition */
      transition:
        background-color 0.2s ease-in-out,
        color 0.2s ease-in-out;
      background-color: black;
    }

    code {
      font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;
    }
  </style>
  
		<link href="https://rive-two.vercel.app/community/_app/immutable/assets/0.PaL1OCrd.css" rel="stylesheet">
		<link href="https://rive-two.vercel.app/community/_app/immutable/assets/AuthCard.yBBVHY1S.css" rel="stylesheet">
		<link href="https://rive-two.vercel.app/community/_app/immutable/assets/5.em7JcUu7.css" rel="stylesheet">
		<link href="https://rive-two.vercel.app/community/_app/immutable/assets/ydoc.fapa01Qn.css" rel="stylesheet">
		<link href="https://rive-two.vercel.app/community/_app/immutable/assets/shared.gLhXKikH.css" rel="stylesheet">
		<link href="https://rive-two.vercel.app/community/_app/immutable/assets/VirtualList.Ej-q-J8K.css" rel="stylesheet">
		<link href="https://rive-two.vercel.app/community/_app/immutable/assets/SidePanelLayout.D1OS8LZE.css" rel="stylesheet">
		<link href="https://rive-two.vercel.app/community/_app/immutable/assets/Loading.AI2kQswB.css" rel="stylesheet">
		<link href="https://rive-two.vercel.app/community/_app/immutable/assets/IntersectionObserver.0NWB8Sz4.css" rel="stylesheet"><title>Rive</title><link rel="icon" href="https://ucarecdn.com/ec9cb264-ce52-4a0c-acb1-fcf46a8fdb2b/-/format/png/-/preview/160x160/favicon.png"><meta name="description" content="Complex designer-developer handoff is a thing of the past. Build functional graphics with motion and interactivity that run in products, apps, sites, and games."><meta name="theme-color" content="#000000"><meta property="og:title" content="Rive"><meta property="og:description" content="Complex designer-developer handoff is a thing of the past. Build functional graphics with motion and interactivity that run in products, apps, sites, and games."><meta property="og:image" content="https://ucarecdn.com/c97a3e6e-744c-43f6-836e-0216ba79c968/"><meta property="og:url" content="https://rive.app/community/forums/home"><meta property="og:type" content="website"><meta name="twitter:title" content="Rive"><meta name="twitter:site" content="https://rive.app/community/forums/home"><meta name="twitter:description" content="Complex designer-developer handoff is a thing of the past. Build functional graphics with motion and interactivity that run in products, apps, sites, and games."><meta name="twitter:card" content="summary_large_image"> <meta name="twitter:image" content="https://ucarecdn.com/c97a3e6e-744c-43f6-836e-0216ba79c968/"><link rel="canonical" href="https://rive.app/community/forums/home"><!-- HTML_TAG_START --><!-- HTML_TAG_END -->
<link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/nodes/0.E-2KJSLD.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/scheduler.X9F1Txub.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/urls.4ohl3nU0.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/entry._C5ozqFo.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/index.F8kxUsWR.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/control.JdRgT-Wv.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/index.akaCGPrQ.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/public.DvAwAwI9.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/_sentry-release-injection-file.aZOztnH6.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/api._KXVxMvF.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/errors.OjGbJapv.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/index.aS6EeW8u.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/alert.x-ovPMQW.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/Modal.JLc9St84.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/index.gsTyZU76.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/clickOutside.y0nHKpe-.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/IconButton.JpXm-7Ix.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/index.HuNZFqf-.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/OVIcon.iAJIs1a3.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/tooltip.Un1L_QaH.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/Cross.iiWLEjNL.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/Form.R2VEl_9a.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/isArray.UEPMF-8D.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/InputField.FGju8ght.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/index.SQTyWNDp.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/consts.GlMs-Gkt.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/WrapField.lcQvN2Ux.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/isSymbol.ZPeowP0A.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/ImageField.EWC5IbV9.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/Avatar.jFKpmKDl.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/colors.zdSr12Xh.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/Image.R-l0jBH2.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/DialogueModal.Qt5Om5Qm.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/Button.Ml_lZQBQ.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/uploadcare.1Qc9TxdQ.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/Image.Icxb8VLQ.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/Spinner.ZYoOlx-q.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/SelectField.QtNq7lLh.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/each.KErsD6Lz.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/TitleDescription.EGT6c0hg.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/index.es.u7wQlQBv.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/mediaQuery.1YZEZAy9.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/Right.WN7hZ-VK.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/isEqual.imA_Drf0.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/Option.-qxqHw6J.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/Check.4fPS8J4_.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/Selector.vmy5sAs0.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/shared-types.C304EEwW.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/index.69k39tND.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/userPreferences.U3VWQHOe.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/index.cNgx6fPo.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/CircleCrossFilled.IyAnMsIE.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/CheckFilled.32cy2iK_.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/CommunityLoginModal.VBPYTFPL.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/SignIn.En63Hcnu.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/AuthCard.8afpobe_.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/Separator.WAZB27wa.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/analytics.Oeue-Hyr.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/SignUp.xybN_YlI.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/CreateCommunityModal.BtUtuG8A.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/index.SPjsChvy.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/CheckBoxesField.tcY-CNIy.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/CheckboxOption.-qbbRqSl.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/AddGroup.871jI82E.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/Down.hWuA5PGv.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/Cog.0khgOCGK.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/ColorField.J45D-1Z7.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/index.mhAf3YfT.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/HashTag.qhPvr-aH.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/DynamicButton.IZIPbkZG.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/ToolTip.CYxNnYpJ.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/Left.ecVJf2HL.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/permissions.n8NXJd7c.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/devToolbar.aqZu5CdA.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/shortcuts.N8A9C_Cd.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/thread.Sbfr8W4g.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/labels.8nOR1Z1G.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/nodes/1.uzQVRZhm.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/PageWrapper.fEzLs_Zw.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/nodes/5.B8htppXL.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/load.sBPgrtzS.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/WorkspaceSwitcher.uM3f62G4.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/LoadingAtom.y9u9cj5q.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/Plus.MVy2cGwW.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/Search.MiJKovid.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/Action.w6dpgHSD.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/Sun.Qvf4_Lhg.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/RichTextField.djSmveKY.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/ydoc.vRyMgLYd.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/utils.Dd67FnRg.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/shared.gF5mR4zz.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/AlignLeft.zg5BZSs1.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/Trash.in59CkXY.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/ColoredOpacityBackground.ujTzUEEi.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/Squircle.7Rmbn_ha.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/memberPanel.XRtmAQoY.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/Badge.NEee0Q7l.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/sidePanel.4AR2U0KZ.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/datetimes.NWsOUV8u.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/datetime.OU2EYv4Q.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/CreationTimeInterval.GihWxFma.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/index.Jv9o0Zjk.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/index.cuoslrDX.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/Pencil.FDXkn-A1.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/UA.u-TMZvS3.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/forum.RfmHgFdd.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/FilledUp.tyQLOnbn.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/IconButtonTrigger.P5ClJ9MI.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/LockSolid.xhYkp9mG.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/preload-helper.XjBD9hhr.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/VirtualList.GKx3bDz3.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/globals.WPsqqSkI.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/clipboard.e4gYA9p_.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/DashedCircle.7YMFN0I-.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/Search.JE1E7u-m.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/Spinner.GKnqNay3.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/documents.vadNCy0P.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/index.9YXCIqY4.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/Dot.yk7spx8W.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/Edit.-uVvYTwM.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/Video.MFYOwDSl.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/Book.52em60hV.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/CommunityColors.Zg91z__D.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/await_block.p7AxwsT2.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/CommunityJoinCard.Z09N43E9.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/Refresh.z0QQinHs.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/PaperPlane.l-YsWeYD.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/Bell.4Kbtxy2D.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/PlusPerson.Q-Z_MR5a.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/Library.K-_sGdhm.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/keyboardNavigate.PVHIo6yX.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/LeftAside.xSRYd7g3.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/CoverFilled.NP2nghKa.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/adminPanel.Ps4pa8NY.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/statusCodes.QKYKiXFN.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/Label.Xy9BpHNM.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/marked.esm.mbsgCj3Q.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/VisitorAvatar.p_MvLaPO.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/utils.8tiec81A.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/FeedbackButton.a2mfC4Mj.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/SkipLink.lznr-Wot.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/skiplink.AzhNv1Um.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/documents_api.1OZJ1GI-.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/nodes/13.PHn6RVzB.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/NavItem.NNvhV9jH.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/CreateSpaceModal.xN8HAdHI.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/RadioButtonsField.RqVUqn90.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/SectionToggleField.ExDbO-56.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/Toggle.1-wYNBmr.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/accordion.gGWSWUNu.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/StarCross.zTXF8yGe.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/Home.1l3d2jUt.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/WorkspaceLayout.pNtSKavU.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/SidePanelLayout.vhKaM16j.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/nodes/52.MzT3_MBs.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/_page.B5CdqZ5l.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/_page.pCZh4vFd.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/MainPanelContainer.EOd9RJPK.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/Loading.bbPm3tLm.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/TopBarLayout.yLtBAAHk.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/space.MqL-hiR0.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/IntersectionObserver.SN_EkLbK.js"><link rel="modulepreload" as="script" crossorigin="" href="https://rive-two.vercel.app/community/_app/immutable/chunks/ReaderMode.tQNUDbcX.js"><script src="/_vercel/speed-insights/script.js" defer="" data-sdkn="@vercel/speed-insights/sveltekit" data-sdkv="1.0.10" data-route="/[community=slug]/forums/home"></script><style data-emotion="css"></style><style>:root {
      --dark-custom-background: ;
      --community-primary: 87 165 224;
      --community-text-primary: 250 250 250;
      --community-primary-variant: 112 190 249;
      --widget-accent: 177 82 252;
      --widget-text:  250 250 250;
    }
</style><script src="/_vercel/insights/script.js" defer="" data-sdkn="@vercel/analytics" data-sdkv="1.3.1"></script><script async="" src="https://static.hotjar.com/c/hotjar-3049928.js?sv=6"></script><style data-tiptap-style="">.ProseMirror {
  position: relative;
}

.ProseMirror {
  word-wrap: break-word;
  white-space: pre-wrap;
  white-space: break-spaces;
  -webkit-font-variant-ligatures: none;
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0; /* the above doesn't seem to work in Edge */
}

.ProseMirror [contenteditable="false"] {
  white-space: normal;
}

.ProseMirror [contenteditable="false"] [contenteditable="true"] {
  white-space: pre-wrap;
}

.ProseMirror pre {
  white-space: pre-wrap;
}

img.ProseMirror-separator {
  display: inline !important;
  border: none !important;
  margin: 0 !important;
  width: 1px !important;
  height: 1px !important;
}

.ProseMirror-gapcursor {
  display: none;
  pointer-events: none;
  position: absolute;
  margin: 0;
}

.ProseMirror-gapcursor:after {
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  width: 20px;
  border-top: 1px solid black;
  animation: ProseMirror-cursor-blink 1.1s steps(2, start) infinite;
}

@keyframes ProseMirror-cursor-blink {
  to {
    visibility: hidden;
  }
}

.ProseMirror-hideselection *::selection {
  background: transparent;
}

.ProseMirror-hideselection *::-moz-selection {
  background: transparent;
}

.ProseMirror-hideselection * {
  caret-color: transparent;
}

.ProseMirror-focused .ProseMirror-gapcursor {
  display: block;
}

.tippy-box[data-animation=fade][data-state=hidden] {
  opacity: 0
}</style><script async="" src="https://script.hotjar.com/modules.67d7d905831ab88336d0.js" charset="utf-8"></script></head>

<body style="overflow: auto;"><div id="dnd-zone-drag-disabled" style="display: none; position: fixed; z-index: -5;"><p>This is a disabled drag and drop list</p></div><div id="dnd-zone-active" style="display: none; position: fixed; z-index: -5;"><p>Tab to one the items and press space-bar or enter to start dragging it</p></div><div id="dnd-action-aria-alert" role="alert" style="position: fixed; bottom: 0px; left: 0px; z-index: -5; opacity: 0; height: 0px; width: 0px;"></div>
  <div>   <main data-sveltekit-preload-code="hover" data-sveltekit-preload-data="hover" class="isolate">    <div class="flex h-full min-h-dvh w-full flex-col sm:flex-row"> <a href="#main-content" class="fixed -left-[500px] top-2 z-[999] rounded-[5px] p-2 text-sm font-medium backdrop-blur-md focus:outline-none   focus-visible:ring-1  focus-visible:ring-community-primary border border-black/10 bg-white/50 text-gray-500 shadow-sm hover:bg-black/5 hover:text-gray-600 dark:border-white/5 dark:bg-white/5 dark:text-gray-300 dark:shadow dark:hover:bg-white/10 dark:hover:text-gray-300 duration-400 transition-[left] ease-in-out focus-visible:left-2">Skip to main content</a>   <div class="h-dvh w-full bg-neutral-100 dark:bg-neutral-950"><div class="flex h-full flex-col overflow-hidden rounded-md border border-black/5 bg-white dark:border-white/5 dark:bg-gray-800"><div> <nav id="global-header-nav" class="flex h-[60px] w-full items-center overflow-hidden p-1.5" style="position: relative;"> <div style="width: 252px; max-width: 270px"><div class="relative flex w-full flex-col gap-2"><a class="flex w-full items-center gap-3 rounded-lg border-[0.5px] border-transparent transition-colors sm:p-1.5 sm:pl-[18px] md:border-0" target="_blank" rel="noopener noreferrer" href="https://rive.app"><button class="relative block pointer-events-none"><div class="avatar shrink-0 overflow-hidden size-9  rounded-md"><div class="contents" role="" aria-label=""><img alt="" src="https://ucarecdn.com/ec9cb264-ce52-4a0c-acb1-fcf46a8fdb2b/" class="better size-full object-cover" srcset="https://ucarecdn.com/ec9cb264-ce52-4a0c-acb1-fcf46a8fdb2b/-/resize/200x/-/format/auto/-/quality/better/-/scale_crop/200x200/smart 200w,https://ucarecdn.com/ec9cb264-ce52-4a0c-acb1-fcf46a8fdb2b/-/resize/400x/-/format/auto/-/quality/better/-/scale_crop/400x400/smart 400w,https://ucarecdn.com/ec9cb264-ce52-4a0c-acb1-fcf46a8fdb2b/-/resize/500x/-/format/auto/-/quality/better/-/scale_crop/500x500/smart 500w,https://ucarecdn.com/ec9cb264-ce52-4a0c-acb1-fcf46a8fdb2b/-/resize/800x/-/format/auto/-/quality/better/-/scale_crop/800x800/smart 800w,https://ucarecdn.com/ec9cb264-ce52-4a0c-acb1-fcf46a8fdb2b/-/resize/1000x/-/format/auto/-/quality/better/-/scale_crop/1000x1000/smart 1000w,https://ucarecdn.com/ec9cb264-ce52-4a0c-acb1-fcf46a8fdb2b/-/resize/1300x/-/format/auto/-/quality/better/-/scale_crop/1300x1300/smart 1300w,https://ucarecdn.com/ec9cb264-ce52-4a0c-acb1-fcf46a8fdb2b/-/resize/1600x/-/format/auto/-/quality/better/-/scale_crop/1600x1600/smart 1600w" sizes="45px"></div> </div>  </button> <h3 class="hidden w-full overflow-hidden whitespace-nowrap text-sm font-semibold leading-[18px] text-gray-800 sm:block md:text-[13px] dark:text-gray-200" title="Rive">Rive</h3> </a>   </div></div>  <ul class="ml-auto flex shrink items-center gap-3 sm:ml-3"><li><a href="/community/doc" class="relative flex h-[28px] items-center justify-center rounded-md border border-black/10 text-sm font-medium max-sm:h-[36px] max-sm:w-[36px] max-sm:border-gray-300 sm:border-none sm:px-2 sm:py-1.5 md:text-[13px] dark:border-black/5 max-sm:dark:border-white/10 text-gray-500/70 transition-colors hover:text-black dark:text-gray-400 hover:dark:text-white"> <span class="hidden max-w-[16ch] truncate sm:flex">Docs</span> <span class="block sm:hidden"><svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 16" class="size-4 " aria-hidden="true"><path fill="currentColor" fill-rule="evenodd" d="M8.036 1v4.178c0 1.034.839 1.873 1.873 1.873h4.003v6.178a1.77 1.77 0 0 1-1.77 1.77H3.858a1.77 1.77 0 0 1-1.771-1.77V2.771A1.77 1.77 0 0 1 3.857 1zm1.25.145v4.033c0 .345.279.624.623.624h3.889a1.8 1.8 0 0 0-.377-.597L11.618 3.32 9.842 1.525a1.8 1.8 0 0 0-.557-.38" clip-rule="evenodd"></path></svg></span></a></li>  <li><a href="/community/forums" class="relative flex h-[28px] items-center justify-center rounded-md border border-black/10 text-sm font-medium max-sm:h-[36px] max-sm:w-[36px] max-sm:border-gray-300 sm:border-none sm:px-2 sm:py-1.5 md:text-[13px] dark:border-black/5 max-sm:dark:border-white/10 text-black after:absolute after:inset-x-0 after:-bottom-[13px] after:h-[1px] after:rounded-t-[0.5px] after:bg-community-primary sm:after:-bottom-[16px] dark:text-white"> <span class="hidden max-w-[16ch] truncate sm:flex">Forums</span> <span class="block sm:hidden"><svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 17" class="size-4 " aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-width="1.25" d="M5.143 2v13.334M10.857 2v13.334m3.81-9.525H1.333m13.334 5.715H1.333"></path></svg></span></a></li>   <span class="block w-fit" role="presentation"><span aria-label="More options" title=""><button aria-label="More options" class="hover:bg-black/5 text-gray-500 hover:text-gray-600 border border-black/10 dark:hover:bg-white/10 dark:text-gray-300 dark:hover:text-gray-300 dark:border-white/10 h-[36px] w-[36px] rounded-md after:rounded-md transition-[background,text] ov-focus aspect-square flex items-center justify-center" type="button"><svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 17" class="size-4 " aria-hidden="true"><path fill="currentColor" d="M5.278 8.667a1.167 1.167 0 1 1-2.334 0 1.167 1.167 0 0 1 2.334 0m3.889 0a1.167 1.167 0 1 1-2.334 0 1.167 1.167 0 0 1 2.334 0m3.888 0a1.167 1.167 0 1 1-2.333 0 1.167 1.167 0 0 1 2.333 0"></path></svg></button></span></span> </ul> <div class="ml-3 flex items-center gap-3 sm:ml-auto md:mr-3"><span aria-label="Search Rive" title=""><button aria-label="Search Rive" class="hover:bg-black/5 text-neutral-500 hover:text-gray-600 dark:hover:bg-white/10 dark:text-gray-400 dark:hover:text-gray-300 h-[36px] w-[36px] rounded-md after:rounded-md transition-[background,text] ov-focus aspect-square flex items-center justify-center" type="button"><svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 17" class="size-4 " aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-width="1.25" d="m14.667 15.333-3.768-3.768m1.546-4.01a5.556 5.556 0 1 1-11.112 0 5.556 5.556 0 0 1 11.112 0z"></path></svg></button></span> </div></nav> <div class="h-[0.5px] rounded-lg  bg-black/15 dark:bg-white/10" aria-hidden="true"></div></div>    <div class="flex w-full grow overflow-hidden"><div class="fixed inset-0 z-10 bg-black/30 backdrop-blur-sm"></div> <div class="z-modal overscroll-contain ease-out max-lg:fixed max-lg:top-0 max-lg:h-full svelte-8i3o06 slideRight" style="--slide-range: 0; --default-slide: -270px; transition-duration: 180ms;"><aside class="max-lg:glossy-effect relative flex h-full w-full max-w-[80vw] flex-col overflow-hidden border-black/15 dark:border-white/10 border-r-[0.5px] svelte-8i3o06" style="width: 270px;"><div class="flex h-full flex-col rounded-xl pl-3 pt-3.5"><a href="#main-content" class="fixed -left-[500px] top-2 z-[999] rounded-[5px] p-2 text-sm font-medium backdrop-blur-md focus:outline-none   focus-visible:ring-1  focus-visible:ring-community-primary border border-black/10 bg-white/50 text-gray-500 shadow-sm hover:bg-black/5 hover:text-gray-600 dark:border-white/5 dark:bg-white/5 dark:text-gray-300 dark:shadow dark:hover:bg-white/10 dark:hover:text-gray-300 duration-400 transition-[left] ease-in-out focus-visible:left-2">Skip navigation</a> <div class="shrink-0"><div class="relative mb-0 flex min-h-[32px] flex-col overflow-hidden last:mb-2.5"><button type="button" class="group mx-1.5 flex h-[32px] items-center justify-center p-2 pr-1.5 text-xs font-medium text-[#707070be] transition-colors hover:text-gray-500 dark:text-white/40 dark:hover:text-white/60"><div class="flex grow items-center gap-1 overflow-hidden"><span class="min-w-0 truncate" title="Explore">Explore</span> <svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 16" class="w-2.5 mr-auto transition-all duration-100 ease-linear sm:group-hover:translate-x-0.5 rotate-90" aria-hidden="true" aria-expanded="true"><path fill="currentColor" d="M11.703 7.545a.25.25 0 0 1 0 .41l-6.167 4.273a.25.25 0 0 1-.392-.205V3.477a.25.25 0 0 1 .392-.205z"></path></svg> </div></button> <nav class="md:scrollbar-invisible md:hover:scrollbar-visible scrollbar-thin scrollbar-stable mb-1 overflow-y-auto overflow-x-hidden overscroll-contain px-1.5" style="height: auto;"><a href="/community/forums/home" aria-current="page" class="border-black/20 bg-white text-gray-800 shadow-sm dark:border-white/10 dark:bg-white/5 dark:text-gray-200 dark:shadow mr-1 flex h-[32px] items-center overflow-hidden rounded border-[0.5px] px-2 text-sm font-medium transition-[color,background-color,border,box-shadow] duration-100 md:text-[13px]"><svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 16" class="size-3.5 shrink-0 text-inherit opacity-70 dark:opacity-60" aria-hidden="true"><path fill="currentColor" d="M2.71 5.24a.95.95 0 0 0-.424.793v7.109c0 .526.426.952.952.952h1.714c.632 0 1.143-.511 1.143-1.142v-3.62c0-.526.427-.952.953-.952h1.904c.526 0 .953.426.953.952v3.62c0 .63.511 1.142 1.143 1.142h1.714a.95.95 0 0 0 .952-.952v-7.11a.95.95 0 0 0-.424-.792L8.528 2.066a.95.95 0 0 0-1.056 0z"></path></svg> <span class="ml-2 min-w-0 flex-grow truncate">Home</span> </a> </nav> </div></div>  <div class="relative mb-0 flex min-h-[32px] flex-col overflow-hidden last:mb-2.5"><button type="button" class="group mx-1.5 flex h-[32px] items-center justify-center p-2 pr-1.5 text-xs font-medium text-[#707070be] transition-colors hover:text-gray-500 dark:text-white/40 dark:hover:text-white/60"><div class="flex grow items-center gap-1 overflow-hidden"><span class="min-w-0 truncate" title="Channels">Channels</span> <svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 16" class="w-2.5 mr-auto transition-all duration-100 ease-linear sm:group-hover:translate-x-0.5 rotate-90" aria-hidden="true" aria-expanded="true"><path fill="currentColor" d="M11.703 7.545a.25.25 0 0 1 0 .41l-6.167 4.273a.25.25 0 0 1-.392-.205V3.477a.25.25 0 0 1 .392-.205z"></path></svg> </div></button> <nav class="md:scrollbar-invisible md:hover:scrollbar-visible scrollbar-thin scrollbar-stable mb-1 overflow-y-auto overflow-x-hidden overscroll-contain px-1.5" style="height: auto;"><div class="flex flex-col"><nav class="min-h-1 mb-2" aria-label="Community Server Navigation" aria-disabled="true" role="list" aria-describedby="dnd-zone-drag-disabled" tabindex="0"><div draggable="false" tabindex="0" role="listitem"><a href="/community/forums/faq/fsKixNVwMqiY" aria-current="false" class="border-transparent text-gray-500 hover:bg-black/3 hover:text-gray-700 dark:border-transparent dark:text-gray-300/85 dark:hover:bg-white/2 dark:hover:text-gray-300 mr-1 flex h-[32px] items-center overflow-hidden rounded border-[0.5px] px-2 text-sm font-medium transition-[color,background-color,border,box-shadow] duration-100 md:text-[13px]"><div class="group flex size-full items-center gap-1.5"><span class="transition-[transform,opacity] group-hover:scale-[1.16] group-hover:opacity-100 opacity-90" style="color: rgb(0, 0, 0);"><div class="avatar shrink-0 overflow-hidden size-4  rounded-[3px]"><div class="contents" role="" aria-label=""><img alt="" src="https://ucarecdn.com/a113778d-9eb5-4819-876e-3390d545ced5/" class="better size-full object-cover" srcset="https://ucarecdn.com/a113778d-9eb5-4819-876e-3390d545ced5/-/resize/200x/-/format/auto/-/quality/better/-/scale_crop/200x200/smart 200w,https://ucarecdn.com/a113778d-9eb5-4819-876e-3390d545ced5/-/resize/400x/-/format/auto/-/quality/better/-/scale_crop/400x400/smart 400w,https://ucarecdn.com/a113778d-9eb5-4819-876e-3390d545ced5/-/resize/500x/-/format/auto/-/quality/better/-/scale_crop/500x500/smart 500w,https://ucarecdn.com/a113778d-9eb5-4819-876e-3390d545ced5/-/resize/800x/-/format/auto/-/quality/better/-/scale_crop/800x800/smart 800w,https://ucarecdn.com/a113778d-9eb5-4819-876e-3390d545ced5/-/resize/1000x/-/format/auto/-/quality/better/-/scale_crop/1000x1000/smart 1000w,https://ucarecdn.com/a113778d-9eb5-4819-876e-3390d545ced5/-/resize/1300x/-/format/auto/-/quality/better/-/scale_crop/1300x1300/smart 1300w,https://ucarecdn.com/a113778d-9eb5-4819-876e-3390d545ced5/-/resize/1600x/-/format/auto/-/quality/better/-/scale_crop/1600x1600/smart 1600w" sizes="20px"></div> </div></span> <div class="grow truncate">FAQ</div> <div class="items-center gap-1 group-hover:flex hidden"></div> </div></a>   </div><div draggable="false" tabindex="0" role="listitem"><a href="/community/forums/support/fsnLLkXUaA62" aria-current="false" class="border-transparent text-gray-500 hover:bg-black/3 hover:text-gray-700 dark:border-transparent dark:text-gray-300/85 dark:hover:bg-white/2 dark:hover:text-gray-300 mr-1 flex h-[32px] items-center overflow-hidden rounded border-[0.5px] px-2 text-sm font-medium transition-[color,background-color,border,box-shadow] duration-100 md:text-[13px]"><div class="group flex size-full items-center gap-1.5"><span class="transition-[transform,opacity] group-hover:scale-[1.16] group-hover:opacity-100 opacity-90" style="color: rgb(0, 0, 0);"><div class="avatar shrink-0 overflow-hidden size-4  rounded-[3px]"><div class="contents" role="" aria-label=""><img alt="" src="https://ucarecdn.com/456ca180-6d92-4869-8249-541a1bea117a/" class="better size-full object-cover" srcset="https://ucarecdn.com/456ca180-6d92-4869-8249-541a1bea117a/-/resize/200x/-/format/auto/-/quality/better/-/scale_crop/200x200/smart 200w,https://ucarecdn.com/456ca180-6d92-4869-8249-541a1bea117a/-/resize/400x/-/format/auto/-/quality/better/-/scale_crop/400x400/smart 400w,https://ucarecdn.com/456ca180-6d92-4869-8249-541a1bea117a/-/resize/500x/-/format/auto/-/quality/better/-/scale_crop/500x500/smart 500w,https://ucarecdn.com/456ca180-6d92-4869-8249-541a1bea117a/-/resize/800x/-/format/auto/-/quality/better/-/scale_crop/800x800/smart 800w,https://ucarecdn.com/456ca180-6d92-4869-8249-541a1bea117a/-/resize/1000x/-/format/auto/-/quality/better/-/scale_crop/1000x1000/smart 1000w,https://ucarecdn.com/456ca180-6d92-4869-8249-541a1bea117a/-/resize/1300x/-/format/auto/-/quality/better/-/scale_crop/1300x1300/smart 1300w,https://ucarecdn.com/456ca180-6d92-4869-8249-541a1bea117a/-/resize/1600x/-/format/auto/-/quality/better/-/scale_crop/1600x1600/smart 1600w" sizes="20px"></div> </div></span> <div class="grow truncate">Support</div> <div class="items-center gap-1 group-hover:flex hidden"></div> </div></a>   </div><div draggable="false" tabindex="0" role="listitem"><a href="/community/forums/bugs/fsLjspgTHYcR" aria-current="false" class="border-transparent text-gray-500 hover:bg-black/3 hover:text-gray-700 dark:border-transparent dark:text-gray-300/85 dark:hover:bg-white/2 dark:hover:text-gray-300 mr-1 flex h-[32px] items-center overflow-hidden rounded border-[0.5px] px-2 text-sm font-medium transition-[color,background-color,border,box-shadow] duration-100 md:text-[13px]"><div class="group flex size-full items-center gap-1.5"><span class="transition-[transform,opacity] group-hover:scale-[1.16] group-hover:opacity-100 opacity-90" style="color: rgb(0, 0, 0);"><div class="avatar shrink-0 overflow-hidden size-4  rounded-[3px]"><div class="contents" role="" aria-label=""><img alt="" src="https://ucarecdn.com/cf8f4b69-5417-4702-94d3-e2daae148894/" class="better size-full object-cover" srcset="https://ucarecdn.com/cf8f4b69-5417-4702-94d3-e2daae148894/-/resize/200x/-/format/auto/-/quality/better/-/scale_crop/200x200/smart 200w,https://ucarecdn.com/cf8f4b69-5417-4702-94d3-e2daae148894/-/resize/400x/-/format/auto/-/quality/better/-/scale_crop/400x400/smart 400w,https://ucarecdn.com/cf8f4b69-5417-4702-94d3-e2daae148894/-/resize/500x/-/format/auto/-/quality/better/-/scale_crop/500x500/smart 500w,https://ucarecdn.com/cf8f4b69-5417-4702-94d3-e2daae148894/-/resize/800x/-/format/auto/-/quality/better/-/scale_crop/800x800/smart 800w,https://ucarecdn.com/cf8f4b69-5417-4702-94d3-e2daae148894/-/resize/1000x/-/format/auto/-/quality/better/-/scale_crop/1000x1000/smart 1000w,https://ucarecdn.com/cf8f4b69-5417-4702-94d3-e2daae148894/-/resize/1300x/-/format/auto/-/quality/better/-/scale_crop/1300x1300/smart 1300w,https://ucarecdn.com/cf8f4b69-5417-4702-94d3-e2daae148894/-/resize/1600x/-/format/auto/-/quality/better/-/scale_crop/1600x1600/smart 1600w" sizes="20px"></div> </div></span> <div class="grow truncate">Bugs</div> <div class="items-center gap-1 group-hover:flex hidden"></div> </div></a>   </div><div draggable="false" tabindex="0" role="listitem"><a href="/community/forums/feature-requests/fsyCzA4A9Yar" aria-current="false" class="border-transparent text-gray-500 hover:bg-black/3 hover:text-gray-700 dark:border-transparent dark:text-gray-300/85 dark:hover:bg-white/2 dark:hover:text-gray-300 mr-1 flex h-[32px] items-center overflow-hidden rounded border-[0.5px] px-2 text-sm font-medium transition-[color,background-color,border,box-shadow] duration-100 md:text-[13px]"><div class="group flex size-full items-center gap-1.5"><span class="transition-[transform,opacity] group-hover:scale-[1.16] group-hover:opacity-100 opacity-90" style="color: rgb(0, 0, 0);"><div class="avatar shrink-0 overflow-hidden size-4  rounded-[3px]"><div class="contents" role="" aria-label=""><img alt="" src="https://ucarecdn.com/6e1f7895-c3e9-4ed4-ae82-982d8c860932/" class="better size-full object-cover" srcset="https://ucarecdn.com/6e1f7895-c3e9-4ed4-ae82-982d8c860932/-/resize/200x/-/format/auto/-/quality/better/-/scale_crop/200x200/smart 200w,https://ucarecdn.com/6e1f7895-c3e9-4ed4-ae82-982d8c860932/-/resize/400x/-/format/auto/-/quality/better/-/scale_crop/400x400/smart 400w,https://ucarecdn.com/6e1f7895-c3e9-4ed4-ae82-982d8c860932/-/resize/500x/-/format/auto/-/quality/better/-/scale_crop/500x500/smart 500w,https://ucarecdn.com/6e1f7895-c3e9-4ed4-ae82-982d8c860932/-/resize/800x/-/format/auto/-/quality/better/-/scale_crop/800x800/smart 800w,https://ucarecdn.com/6e1f7895-c3e9-4ed4-ae82-982d8c860932/-/resize/1000x/-/format/auto/-/quality/better/-/scale_crop/1000x1000/smart 1000w,https://ucarecdn.com/6e1f7895-c3e9-4ed4-ae82-982d8c860932/-/resize/1300x/-/format/auto/-/quality/better/-/scale_crop/1300x1300/smart 1300w,https://ucarecdn.com/6e1f7895-c3e9-4ed4-ae82-982d8c860932/-/resize/1600x/-/format/auto/-/quality/better/-/scale_crop/1600x1600/smart 1600w" sizes="20px"></div> </div></span> <div class="grow truncate">Feature Requests</div> <div class="items-center gap-1 group-hover:flex hidden"></div> </div></a>   </div></nav> <div aria-disabled="true" role="list" aria-describedby="dnd-zone-drag-disabled" tabindex="0"></div></div></nav> </div>   <div class="h-[0.5px] rounded-lg -ml-3 mt-auto bg-black/15 dark:bg-white/10" aria-hidden="true"></div> <div class="-ml-3 flex items-center justify-between px-2 py-3"><span aria-label="Switch theme" title=""><button aria-label="Switch theme" class="hover:bg-black/5 text-neutral-500 hover:text-gray-600 dark:hover:bg-white/10 dark:text-gray-400 dark:hover:text-gray-300 h-[28px] w-[28px] rounded-[5px] after:rounded-[5px] transition-[background,text] ov-focus aspect-square flex items-center justify-center" type="button"><svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 16" class="h-[18px] " aria-hidden="true"><path fill="currentColor" d="M8.75 2.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0M11.546 8a3.546 3.546 0 1 1-7.092 0 3.546 3.546 0 0 1 7.092 0M8 14a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5m5.25-5.25a.75.75 0 1 1 0-1.5.75.75 0 0 1 0 1.5M2 8a.75.75 0 1 0 1.5 0A.75.75 0 0 0 2 8m9.182 4.243a.75.75 0 1 1 1.06-1.06.75.75 0 0 1-1.06 1.06M3.757 3.757a.75.75 0 1 0 1.06 1.06.75.75 0 0 0-1.06-1.06m0 7.425a.75.75 0 1 1 1.06 1.06.75.75 0 0 1-1.06-1.06m8.486-7.425a.75.75 0 1 0-1.06 1.06.75.75 0 0 0 1.06-1.06"></path></svg></button></span> <span aria-label="Collapse sidebar [⇧S]" title=""><button aria-label="Collapse sidebar [⇧S]" class="hover:bg-black/5 text-neutral-500 hover:text-gray-600 dark:hover:bg-white/10 dark:text-gray-400 dark:hover:text-gray-300 h-[28px] w-[28px] rounded-[5px] after:rounded-[5px] transition-[background,text] ov-focus aspect-square flex items-center justify-center" type="button"><svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 16" class="h-[18px] " aria-hidden="true"><path fill="currentColor" fill-rule="evenodd" d="M11.833 3h-8a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2m0 1H6.5v8h5.333a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1" clip-rule="evenodd"></path></svg></button></span></div></div></aside></div> <div class="relative flex h-full w-full overflow-hidden"><div id="main-content" class="z-0 flex w-full flex-1 flex-col"><div class="top-bar sticky top-0 z-topbar @container/top-bar-layout"><div class="flex items-center justify-between gap-x-2 px-4 md:px-5  h-[60px]"><div class="flex grow items-center overflow-hidden text-sm font-medium text-gray-500 md:text-[13px] dark:text-white"><div slot="heading"><span class="inline-flex items-center gap-2">Home
      <span aria-label="Copy community URL" title=""><button aria-label="Copy community URL" class="hover:bg-black/5 text-neutral-500 hover:text-gray-600 dark:hover:bg-white/10 dark:text-gray-400 dark:hover:text-gray-300 h-[28px] w-[28px] rounded-[5px] after:rounded-[5px] transition-[background,text] ov-focus aspect-square flex items-center justify-center" type="button"><svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 16" class="size-4 " aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-width="1.25" d="m10.302 5.834-4.699 4.698M4.95 7.037l-1.42 1.42a2.934 2.934 0 0 0 4.149 4.15l1.42-1.42m2.1-2.1 1.42-1.42a2.934 2.934 0 0 0-4.149-4.15l-1.42 1.42"></path></svg></button></span></span></div></div>  <div class="flex items-center justify-end gap-2 whitespace-nowrap sm:relative"><span class="contents" title=""><button type="button" class="hover:bg-black/5 text-gray-500 hover:text-gray-600 border-transparent dark:hover:bg-white/10 dark:text-gray-400 dark:hover:text-gray-300 text-sm md:text-[13px] px-2 h-[28px] rounded-[5px] focus:ring-focused-blue whitespace-nowrap transition-colors font-medium focus:outline-none focus-visible:ring flex items-center justify-center gap-2 w-auto">  Log in </button></span> <div class="hidden lg:block"><span class="contents" title=""><button type="button" class="bg-community-primary hover:bg-community-primary-variant text-community-text-primary shadow text-sm md:text-[13px] px-2 h-[28px] rounded-[5px] focus:ring-focused-blue whitespace-nowrap transition-colors font-medium focus:outline-none focus-visible:ring flex items-center justify-center gap-2 w-auto">  Join Rive </button></span></div> <span class="block w-fit" role="presentation"><span class="grid shrink-0" title=""><div class=""><span class="contents" title=""><button type="button" class="bg-white hover:bg-black/5 text-gray-500 hover:text-gray-600 border border-black/10 shadow-sm dark:bg-white/5 dark:hover:bg-white/10 dark:text-gray-300 dark:hover:text-gray-300 dark:border-white/5 dark:shadow text-sm md:text-[13px] px-2 h-[28px] rounded-[5px] focus:ring-focused-blue whitespace-nowrap transition-colors font-medium focus:outline-none focus-visible:ring flex items-center justify-center gap-2 w-auto"> <svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 16" class="size-4 " aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-width="1.25" d="M2.325 3.835h2.612m2.87 0h5.868m-11.35 4.32h6.38m3.054 0h1.916m-11.35 4.017h2.317m3.051 0h5.982m-6.187.984a.51.51 0 0 1-.512-.512V11.7A.512.512 0 1 1 8 11.7v.944c0 .282-.23.512-.512.512ZM4.964 4.745a.51.51 0 0 1-.512-.512v-.944a.512.512 0 0 1 1.024 0v.944c0 .283-.23.512-.512.512Zm6.59 4.393a.51.51 0 0 1-.512-.512v-.944a.512.512 0 1 1 1.024 0v.944c0 .283-.23.512-.512.512Z"></path></svg> Display </button></span></div></span> </span>  </div></div> <div class="h-[0.5px] rounded-lg mt-auto bg-black/15 dark:bg-white/10" aria-hidden="true"></div></div> <div id="main-panel-container" class="scrollbar-stable scrollbar-invisible hover:scrollbar-visible scrollbar-thin relative size-full overflow-y-auto overflow-x-hidden px-4 pb-[140px] pt-5 md:px-5"><div class="mx-auto max-w-full transition-[width] duration-[180ms] @container/main-panel-container" style="width: clamp(300px, 100%, 844px);"><div class="mb-2 flex w-full flex-wrap items-center justify-between gap-x-8 gap-y-3"><div class="flex items-center gap-2"> <span class="block w-fit" role="presentation"><span class="grid shrink-0" title=""><div class=""><span class="contents" title=""><button type="button" class="hover:bg-black/5 text-gray-500 hover:text-gray-600 border-transparent dark:hover:bg-white/10 dark:text-gray-400 dark:hover:text-gray-300 text-sm md:text-[13px] px-2 h-[28px] rounded-[5px] focus:ring-focused-blue whitespace-nowrap transition-colors font-medium focus:outline-none focus-visible:ring flex items-center justify-center gap-2 w-auto"> <svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 16" class="size-4 " aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.25" d="M1.333 4h13.334m-9.334 8h5.334M2.968 8h10.334"></path></svg> Filter </button></span></div></span> </span>   </div> <div class="flex items-center justify-between"><div class="flex gap-2"><span class="block w-fit" role="presentation"><span class="contents" title=""><button type="button" class="bg-white hover:bg-black/5 text-gray-500 hover:text-gray-600 border border-black/10 shadow-sm dark:bg-white/5 dark:hover:bg-white/10 dark:text-gray-300 dark:hover:text-gray-300 dark:border-white/5 dark:shadow text-sm md:text-[13px] px-2 h-[28px] rounded-[5px] focus:ring-focused-blue whitespace-nowrap transition-colors font-medium focus:outline-none focus-visible:ring flex items-center justify-center gap-2 w-auto"> <svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 17" class="size-4 " aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.25" d="M8 15.334V2m0 0L3.556 6.445M8 2l4.444 4.445"></path></svg> Newest <svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 17" class="size-4 " aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.25" d="m4 6.667 4 4 4-4"></path></svg></button></span></span> </div></div></div>  <div class="mt-5 flex flex-col gap-4"><a class="ov-focus after:rounded-lg" aria-label="Thread: Simple path follow help" href="/community/forums/support/fsnLLkXUaA62/simple-path-follow-help/ftQzmg2mSePr"><div class="border-[0.5px] bg-white p-4 shadow transition-colors dark:bg-white/3 border-l-2 rounded-lg hover:bg-black/2 dark:hover:bg-white/5 border-black/10 dark:border-white/10" style="border-left-color: #000000;"><div class="mb-2 flex flex-wrap-reverse justify-between gap-2"><div class="not-prose mr-4 inline-flex flex-1 flex-wrap items-center gap-2"><div class="avatar shrink-0 overflow-hidden size-6  rounded"><div class="contents" role="" aria-label=""><img alt="" src="https://ucarecdn.com/4095ebc1-4ad4-46a0-b614-67fccde984dd/" class="better size-full object-cover" srcset="https://ucarecdn.com/4095ebc1-4ad4-46a0-b614-67fccde984dd/-/resize/200x/-/format/auto/-/quality/better/-/scale_crop/200x200/smart 200w,https://ucarecdn.com/4095ebc1-4ad4-46a0-b614-67fccde984dd/-/resize/400x/-/format/auto/-/quality/better/-/scale_crop/400x400/smart 400w,https://ucarecdn.com/4095ebc1-4ad4-46a0-b614-67fccde984dd/-/resize/500x/-/format/auto/-/quality/better/-/scale_crop/500x500/smart 500w,https://ucarecdn.com/4095ebc1-4ad4-46a0-b614-67fccde984dd/-/resize/800x/-/format/auto/-/quality/better/-/scale_crop/800x800/smart 800w,https://ucarecdn.com/4095ebc1-4ad4-46a0-b614-67fccde984dd/-/resize/1000x/-/format/auto/-/quality/better/-/scale_crop/1000x1000/smart 1000w,https://ucarecdn.com/4095ebc1-4ad4-46a0-b614-67fccde984dd/-/resize/1300x/-/format/auto/-/quality/better/-/scale_crop/1300x1300/smart 1300w,https://ucarecdn.com/4095ebc1-4ad4-46a0-b614-67fccde984dd/-/resize/1600x/-/format/auto/-/quality/better/-/scale_crop/1600x1600/smart 1600w" sizes="30px"></div> </div> <div class="inline-flex flex-wrap items-center gap-2"><button class="not-prose group inline-flex items-center gap-2 hover:cursor-pointer" aria-label="open profile for boxels"><span class="text-sm font-medium text-neutral-500 transition-colors group-hover:text-gray-800 md:text-[13px] dark:text-neutral-400 dark:group-hover:text-gray-300">boxels</span> </button> </div> <div class="hidden items-center gap-2 text-sm font-normal text-neutral-500 sm:flex md:text-[13px] dark:text-neutral-400"><svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 17" class="size-3 " aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.25" d="m6 12.667 4-4-4-4"></path></svg> Support</div></div> <div class="mr-0.5 flex items-center gap-2.5 self-end">     <span class="flex shrink-0 text-xs font-normal text-neutral-500 dark:text-neutral-400" title="" aria-label="Oct 27, 2024, 06:01 PM"> 14h ago</span> <span class="block w-fit" role="presentation"><span aria-label="More actions" title=""><button aria-label="More actions" class="hover:bg-black/5 text-neutral-500 hover:text-gray-600 dark:hover:bg-white/10 dark:text-gray-400 dark:hover:text-gray-300 h-[28px] w-[28px] rounded-[5px] after:rounded-[5px] transition-[background,text] ov-focus aspect-square flex items-center justify-center" type="button"><svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 17" class="h-[18px] " aria-hidden="true"><path fill="currentColor" d="M7.833 5.778a1.167 1.167 0 1 1 0-2.334 1.167 1.167 0 0 1 0 2.334m0 3.889a1.167 1.167 0 1 1 0-2.334 1.167 1.167 0 0 1 0 2.334m0 3.888a1.167 1.167 0 1 1 0-2.333 1.167 1.167 0 0 1 0 2.333"></path></svg></button></span></span> </div></div> <div class="relative overflow-hidden break-words [mask-image:_linear-gradient(to_top,_transparent_4%,_black_33%)]" style="max-height: 300px;"><div class="flex items-start justify-between gap-2.5"><div class="w-full"><div class="mb-2.5 mt-1 flex items-start gap-2"><div class="mt-1 shrink-0"><svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 16" class="size-4 text-gray-400" aria-hidden="true"><path fill="currentColor" fill-rule="evenodd" d="M9.671 2.075c.178-.418-.048-.901-.496-.977a7 7 0 0 0-2.227-.02c-.449.068-.683.547-.513.969.142.351.52.539.896.493a5.6 5.6 0 0 1 1.435.013c.375.052.757-.129.905-.478m1.716 1.591c-.298-.233-.433-.633-.285-.982.178-.418.683-.591 1.049-.321.6.442 1.127.979 1.56 1.587.263.37.08.872-.34 1.043-.352.141-.75 0-.978-.303a5.5 5.5 0 0 0-1.006-1.024m2.537 6.005c-.348-.148-.53-.53-.477-.905a5.6 5.6 0 0 0 .013-1.435c-.046-.376.142-.754.493-.896.422-.17.9.064.969.513a7 7 0 0 1-.02 2.227c-.076.448-.56.674-.977.496m-2.917 3.7c-.142-.352 0-.75.303-.978.383-.29.727-.628 1.023-1.006.234-.298.634-.432.982-.284.419.177.592.682.322 1.048a7 7 0 0 1-1.588 1.56c-.37.262-.872.08-1.042-.34m-4.678.553c.148-.348.53-.53.905-.477a5.6 5.6 0 0 0 1.435.013c.376-.046.754.142.896.493.17.422-.064.9-.514.969a7 7 0 0 1-2.226-.02c-.448-.076-.674-.56-.496-.977m-3.7-2.917c.352-.141.75 0 .978.303.29.383.628.727 1.006 1.023.298.234.432.634.284.982-.177.419-.682.592-1.048.322a7 7 0 0 1-1.56-1.587c-.263-.37-.08-.873.34-1.043M2.076 6.33c.35.148.53.53.478.905A5.6 5.6 0 0 0 2.54 8.67c.046.376-.142.754-.493.896-.422.17-.9-.064-.969-.514a7 7 0 0 1 .02-2.226c.076-.448.56-.673.977-.496m2.918-3.7c.141.352 0 .75-.303.978-.383.29-.728.628-1.024 1.006-.233.298-.633.433-.982.285-.418-.178-.591-.683-.321-1.049A7 7 0 0 1 3.95 2.29c.37-.263.872-.08 1.043.34" clip-rule="evenodd"></path></svg></div> <h3 class="text-md inline-block font-semibold text-gray-600 dark:text-white">Simple path follow help</h3></div> <div class="text-gray-400"><div class="editor svelte-1hk7yrh"><div contenteditable="false" translate="yes" class="tiptap ProseMirror prose prose-sm prose-h1:text-[26px] focus:outline-none prose-h1:mt-12 prose-h2:mt-8 prose-h1:text-gray-700 dark:prose-h1:text-white prose-h2:text-gray-700 prose-h1:scroll-mt-28 prose-h1:font-semibold prose-h2:font-semibold prose-h2:scroll-mt-28 prose-h3:scroll-mt-28 prose-h4:scroll-mt-28 prose-h5:scroll-mt-28 dark:prose-h2:text-white prose-h3:text-gray-700 dark:prose-h3:text-white prose-h4:text-gray-700 dark:prose-h4:text-white flex-inline w-full h-full dark:prose-invert font-normal prose-pre:px-4 prose-pre:py-3 prose-pre:text-[13px] prose-pre:leading-[1.6] prose-code:text-gray-600 prose-code:font-normal dark:prose-code:text-gray-300 prose-code:bg-black/5 dark:prose-code:border-white/5 dark:prose-code:bg-white/5 prose-code:rounded-sm before:prose-p:content-none after:prose-p:content-none empty:prose-p:p-3 prose-blockquote:text-gray-400 dark:prose-blockquote:text-gray-300/80 prose-blockquote:not-italic max-w-none"><p>I am simply trying to get my little BEE friend to come out from behind the bear and circle the head of the bear after hovering on the LEFT, then the RIGHT of the bear, but the path tool makes it so difficult with smooth timing, is there a way to modify the transform pathway without creating a shape for it to follow? How would I make this bee's flight a smooth motion so the bear can simply follow it with its head? <br><br>Bee comes out from behind bear head, bear looks at it, bee hovers around o left side of bear smoothly, then goes INFRONT of bear face to right side to hover smoothly for a second, then goes back behind bear head. <br><br>Help! I've tried new shape path, without path, and its just not working. </p><p><a target="_blank" rel="noopener noreferrer nofollow" class="text-community-primary no-underline hover:underline hover:cursor-pointer" href="https://boxels.com/images/samplebb.png">https://boxels.com/images/samplebb.png</a></p><p><br class="ProseMirror-trailingBreak"></p><div class="node-image svelte-renderer" contenteditable="false" draggable="true"><div data-node-view-wrapper="" role="none" editor="[object Object]" class="flex justify-start not-prose group relative my-2 rounded" style="white-space: normal;">  <div class="basis-3/4 max-w-[350px] relative w-full rounded-sm ring-offset-gray-100 dark:ring-offset-gray-800 min-w-[25%] min-h-[150px]"><button class="contents" type="button" role="button" aria-label="view larger image"><img alt="" src="https://ucarecdn.com/f77bc0ba-4976-4a5f-a8d8-345821b46a43/" class="better size-full rounded object-cover" srcset="https://ucarecdn.com/f77bc0ba-4976-4a5f-a8d8-345821b46a43/-/resize/200x/-/format/auto/-/quality/better/ 200w,https://ucarecdn.com/f77bc0ba-4976-4a5f-a8d8-345821b46a43/-/resize/400x/-/format/auto/-/quality/better/ 400w,https://ucarecdn.com/f77bc0ba-4976-4a5f-a8d8-345821b46a43/-/resize/500x/-/format/auto/-/quality/better/ 500w,https://ucarecdn.com/f77bc0ba-4976-4a5f-a8d8-345821b46a43/-/resize/800x/-/format/auto/-/quality/better/ 800w,https://ucarecdn.com/f77bc0ba-4976-4a5f-a8d8-345821b46a43/-/resize/1000x/-/format/auto/-/quality/better/ 1000w,https://ucarecdn.com/f77bc0ba-4976-4a5f-a8d8-345821b46a43/-/resize/1300x/-/format/auto/-/quality/better/ 1300w,https://ucarecdn.com/f77bc0ba-4976-4a5f-a8d8-345821b46a43/-/resize/1600x/-/format/auto/-/quality/better/ 1600w" sizes="(max-width: 600px) 100vw, (max-width: 1200px) 65vw, 50vw"></button>    <iframe style="display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; border: 0; opacity: 0; pointer-events: none; z-index: -1;" aria-hidden="true" tabindex="-1" src="about:blank"></iframe></div></div></div><p><br><br><br class="ProseMirror-trailingBreak"></p></div></div></div></div> </div></div>  <div class="mt-4 flex flex-col flex-wrap justify-between gap-6 @xl/main-panel-container:flex-row @xl/main-panel-container:flex-nowrap"><div class="flex flex-col-reverse gap-3 @xl/main-panel-container:flex-row @xl/main-panel-container:gap-0"><div class="left-section flex shrink-0 gap-3 svelte-5xi1lv"><span class="text flex h-[20px] shrink-0 items-center space-x-1 rounded-[8px] py-2 text-sm md:text-[13px] dark:text-gray-400 text-gray-500"> <span class="shrink-0 px-1 text-xs font-medium text-blue-300">0 replies</span> </span></div> <div class="flex before:bg-black/10 dark:before:bg-white/10 svelte-5xi1lv"></div></div> <div class="ml-auto hidden shrink-0 items-center self-end pl-4 @xl/main-panel-container:flex"><span class="mr-2.5 inline-flex gap-0.5 text-xs font-normal text-neutral-500 dark:text-neutral-400">Last activity <span class="flex shrink-0 text-xs font-normal text-neutral-500 dark:text-neutral-400" title="" aria-label="Oct 27, 2024, 06:01 PM"> 14h ago</span></span></div></div></div>  </a><a class="ov-focus after:rounded-lg" aria-label="Thread: Bug with saving empty text run value." href="/community/forums/bugs/fsLjspgTHYcR/bug-with-saving-empty-text-run-value/ft8APW7e5t0f"><div class="border-[0.5px] bg-white p-4 shadow transition-colors dark:bg-white/3 border-l-2 rounded-lg hover:bg-black/2 dark:hover:bg-white/5 border-black/10 dark:border-white/10" style="border-left-color: #000000;"><div class="mb-2 flex flex-wrap-reverse justify-between gap-2"><div class="not-prose mr-4 inline-flex flex-1 flex-wrap items-center gap-2"><div class="avatar shrink-0 overflow-hidden size-6  rounded"><span class="flex h-full items-center justify-center font-semibold uppercase text-gray-600 dark:text-gray-300 text-sm" style="background: rgb(10, 207, 131); color: rgb(38, 38, 38);">j</span></div> <div class="inline-flex flex-wrap items-center gap-2"><button class="not-prose group inline-flex items-center gap-2 hover:cursor-pointer" aria-label="open profile for juico"><span class="text-sm font-medium text-neutral-500 transition-colors group-hover:text-gray-800 md:text-[13px] dark:text-neutral-400 dark:group-hover:text-gray-300">juico</span> </button> </div> <div class="hidden items-center gap-2 text-sm font-normal text-neutral-500 sm:flex md:text-[13px] dark:text-neutral-400"><svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 17" class="size-3 " aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.25" d="m6 12.667 4-4-4-4"></path></svg> Bugs</div></div> <div class="mr-0.5 flex items-center gap-2.5 self-end">     <span class="flex shrink-0 text-xs font-normal text-neutral-500 dark:text-neutral-400" title="" aria-label="Oct 27, 2024, 04:34 PM"> 16h ago</span> <span class="block w-fit" role="presentation"><span aria-label="More actions" title=""><button aria-label="More actions" class="hover:bg-black/5 text-neutral-500 hover:text-gray-600 dark:hover:bg-white/10 dark:text-gray-400 dark:hover:text-gray-300 h-[28px] w-[28px] rounded-[5px] after:rounded-[5px] transition-[background,text] ov-focus aspect-square flex items-center justify-center" type="button"><svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 17" class="h-[18px] " aria-hidden="true"><path fill="currentColor" d="M7.833 5.778a1.167 1.167 0 1 1 0-2.334 1.167 1.167 0 0 1 0 2.334m0 3.889a1.167 1.167 0 1 1 0-2.334 1.167 1.167 0 0 1 0 2.334m0 3.888a1.167 1.167 0 1 1 0-2.333 1.167 1.167 0 0 1 0 2.333"></path></svg></button></span></span> </div></div> <div class="relative overflow-hidden break-words [mask-image:_linear-gradient(to_top,_transparent_4%,_black_33%)]" style="max-height: 300px;"><div class="flex items-start justify-between gap-2.5"><div class="w-full"><div class="mb-2.5 mt-1 flex items-start gap-2"><div class="mt-1 shrink-0"><svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 16" class="size-4 text-gray-400" aria-hidden="true"><path fill="currentColor" fill-rule="evenodd" d="M9.671 2.075c.178-.418-.048-.901-.496-.977a7 7 0 0 0-2.227-.02c-.449.068-.683.547-.513.969.142.351.52.539.896.493a5.6 5.6 0 0 1 1.435.013c.375.052.757-.129.905-.478m1.716 1.591c-.298-.233-.433-.633-.285-.982.178-.418.683-.591 1.049-.321.6.442 1.127.979 1.56 1.587.263.37.08.872-.34 1.043-.352.141-.75 0-.978-.303a5.5 5.5 0 0 0-1.006-1.024m2.537 6.005c-.348-.148-.53-.53-.477-.905a5.6 5.6 0 0 0 .013-1.435c-.046-.376.142-.754.493-.896.422-.17.9.064.969.513a7 7 0 0 1-.02 2.227c-.076.448-.56.674-.977.496m-2.917 3.7c-.142-.352 0-.75.303-.978.383-.29.727-.628 1.023-1.006.234-.298.634-.432.982-.284.419.177.592.682.322 1.048a7 7 0 0 1-1.588 1.56c-.37.262-.872.08-1.042-.34m-4.678.553c.148-.348.53-.53.905-.477a5.6 5.6 0 0 0 1.435.013c.376-.046.754.142.896.493.17.422-.064.9-.514.969a7 7 0 0 1-2.226-.02c-.448-.076-.674-.56-.496-.977m-3.7-2.917c.352-.141.75 0 .978.303.29.383.628.727 1.006 1.023.298.234.432.634.284.982-.177.419-.682.592-1.048.322a7 7 0 0 1-1.56-1.587c-.263-.37-.08-.873.34-1.043M2.076 6.33c.35.148.53.53.478.905A5.6 5.6 0 0 0 2.54 8.67c.046.376-.142.754-.493.896-.422.17-.9-.064-.969-.514a7 7 0 0 1 .02-2.226c.076-.448.56-.673.977-.496m2.918-3.7c.141.352 0 .75-.303.978-.383.29-.728.628-1.024 1.006-.233.298-.633.433-.982.285-.418-.178-.591-.683-.321-1.049A7 7 0 0 1 3.95 2.29c.37-.263.872-.08 1.043.34" clip-rule="evenodd"></path></svg></div> <h3 class="text-md inline-block font-semibold text-gray-600 dark:text-white">Bug with saving empty text run value.</h3></div> <div class="text-gray-400"><div class="editor svelte-1hk7yrh"><div contenteditable="false" translate="yes" class="tiptap ProseMirror prose prose-sm prose-h1:text-[26px] focus:outline-none prose-h1:mt-12 prose-h2:mt-8 prose-h1:text-gray-700 dark:prose-h1:text-white prose-h2:text-gray-700 prose-h1:scroll-mt-28 prose-h1:font-semibold prose-h2:font-semibold prose-h2:scroll-mt-28 prose-h3:scroll-mt-28 prose-h4:scroll-mt-28 prose-h5:scroll-mt-28 dark:prose-h2:text-white prose-h3:text-gray-700 dark:prose-h3:text-white prose-h4:text-gray-700 dark:prose-h4:text-white flex-inline w-full h-full dark:prose-invert font-normal prose-pre:px-4 prose-pre:py-3 prose-pre:text-[13px] prose-pre:leading-[1.6] prose-code:text-gray-600 prose-code:font-normal dark:prose-code:text-gray-300 prose-code:bg-black/5 dark:prose-code:border-white/5 dark:prose-code:bg-white/5 prose-code:rounded-sm before:prose-p:content-none after:prose-p:content-none empty:prose-p:p-3 prose-blockquote:text-gray-400 dark:prose-blockquote:text-gray-300/80 prose-blockquote:not-italic max-w-none"><ul class="marker:text-neutral-600 marker:dark:text-neutral-300 tight" data-tight="true"><li><p><span>Rive desktop version on mac - BETA 0.8.1986</span></p></li></ul><p><span> To reproduce:</span></p><ol class="tight" data-tight="true"><li><p><span>Create a text with a initial text run value.</span></p></li><li><p><span>Change it by removing the default "text" value in text run</span></p></li><li><p><span>Close the document and open it again</span></p></li><li><p><span>The value is replaced by a previous value instead of being empty.</span></p></li></ol><div class="node-image svelte-renderer" contenteditable="false" draggable="true"><div data-node-view-wrapper="" role="none" editor="[object Object]" class="flex justify-start not-prose group relative my-2 rounded" style="white-space: normal;">  <div class="basis-3/4 max-w-[350px] relative w-full rounded-sm ring-offset-gray-100 dark:ring-offset-gray-800 min-w-[25%] min-h-[150px]"><button class="contents" type="button" role="button" aria-label="view larger image"><img alt="" src="https://ucarecdn.com/79a11adb-bb22-4d80-87fb-6936f61d834c/" class="better size-full rounded object-cover" srcset="https://ucarecdn.com/79a11adb-bb22-4d80-87fb-6936f61d834c/-/resize/200x/-/format/auto/-/quality/better/ 200w,https://ucarecdn.com/79a11adb-bb22-4d80-87fb-6936f61d834c/-/resize/400x/-/format/auto/-/quality/better/ 400w,https://ucarecdn.com/79a11adb-bb22-4d80-87fb-6936f61d834c/-/resize/500x/-/format/auto/-/quality/better/ 500w,https://ucarecdn.com/79a11adb-bb22-4d80-87fb-6936f61d834c/-/resize/800x/-/format/auto/-/quality/better/ 800w,https://ucarecdn.com/79a11adb-bb22-4d80-87fb-6936f61d834c/-/resize/1000x/-/format/auto/-/quality/better/ 1000w,https://ucarecdn.com/79a11adb-bb22-4d80-87fb-6936f61d834c/-/resize/1300x/-/format/auto/-/quality/better/ 1300w,https://ucarecdn.com/79a11adb-bb22-4d80-87fb-6936f61d834c/-/resize/1600x/-/format/auto/-/quality/better/ 1600w" sizes="(max-width: 600px) 100vw, (max-width: 1200px) 65vw, 50vw"></button>    <iframe style="display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; border: 0; opacity: 0; pointer-events: none; z-index: -1;" aria-hidden="true" tabindex="-1" src="about:blank"></iframe></div></div></div><div class="node-image svelte-renderer" contenteditable="false" draggable="true"><div data-node-view-wrapper="" role="none" editor="[object Object]" class="flex justify-start not-prose group relative my-2 rounded" style="white-space: normal;">  <div class="basis-3/4 max-w-[350px] relative w-full rounded-sm ring-offset-gray-100 dark:ring-offset-gray-800 min-w-[25%] min-h-[150px]"><button class="contents" type="button" role="button" aria-label="view larger image"><img alt="" src="https://ucarecdn.com/1531faa8-0cb3-4a13-aee0-d6f59f6c78fb/" class="better size-full rounded object-cover" srcset="https://ucarecdn.com/1531faa8-0cb3-4a13-aee0-d6f59f6c78fb/-/resize/200x/-/format/auto/-/quality/better/ 200w,https://ucarecdn.com/1531faa8-0cb3-4a13-aee0-d6f59f6c78fb/-/resize/400x/-/format/auto/-/quality/better/ 400w,https://ucarecdn.com/1531faa8-0cb3-4a13-aee0-d6f59f6c78fb/-/resize/500x/-/format/auto/-/quality/better/ 500w,https://ucarecdn.com/1531faa8-0cb3-4a13-aee0-d6f59f6c78fb/-/resize/800x/-/format/auto/-/quality/better/ 800w,https://ucarecdn.com/1531faa8-0cb3-4a13-aee0-d6f59f6c78fb/-/resize/1000x/-/format/auto/-/quality/better/ 1000w,https://ucarecdn.com/1531faa8-0cb3-4a13-aee0-d6f59f6c78fb/-/resize/1300x/-/format/auto/-/quality/better/ 1300w,https://ucarecdn.com/1531faa8-0cb3-4a13-aee0-d6f59f6c78fb/-/resize/1600x/-/format/auto/-/quality/better/ 1600w" sizes="(max-width: 600px) 100vw, (max-width: 1200px) 65vw, 50vw"></button>    <iframe style="display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; border: 0; opacity: 0; pointer-events: none; z-index: -1;" aria-hidden="true" tabindex="-1" src="about:blank"></iframe></div></div></div><p><span> The empty value works if using whitespace or new line. Not sure if this is by design tho. Let me know.</span></p></div></div></div></div> </div></div>  <div class="mt-4 flex flex-col flex-wrap justify-between gap-6 @xl/main-panel-container:flex-row @xl/main-panel-container:flex-nowrap"><div class="flex flex-col-reverse gap-3 @xl/main-panel-container:flex-row @xl/main-panel-container:gap-0"><div class="left-section flex shrink-0 gap-3 svelte-5xi1lv"><span class="text flex h-[20px] shrink-0 items-center space-x-1 rounded-[8px] py-2 text-sm md:text-[13px] dark:text-gray-400 text-gray-500"> <span class="shrink-0 px-1 text-xs font-medium text-blue-300">0 replies</span> </span></div> <div class="flex before:bg-black/10 dark:before:bg-white/10 svelte-5xi1lv"></div></div> <div class="ml-auto hidden shrink-0 items-center self-end pl-4 @xl/main-panel-container:flex"><span class="mr-2.5 inline-flex gap-0.5 text-xs font-normal text-neutral-500 dark:text-neutral-400">Last activity <span class="flex shrink-0 text-xs font-normal text-neutral-500 dark:text-neutral-400" title="" aria-label="Oct 27, 2024, 04:34 PM"> 16h ago</span></span></div></div></div>  </a><a class="ov-focus after:rounded-lg" aria-label="Thread: Jagged edges on the community link" href="/community/forums/support/fsnLLkXUaA62/jagged-edges-on-the-community-link/ftTwHcgQql8Q"><div class="border-[0.5px] bg-white p-4 shadow transition-colors dark:bg-white/3 border-l-2 rounded-lg hover:bg-black/2 dark:hover:bg-white/5 border-black/10 dark:border-white/10" style="border-left-color: #000000;"><div class="mb-2 flex flex-wrap-reverse justify-between gap-2"><div class="not-prose mr-4 inline-flex flex-1 flex-wrap items-center gap-2"><div class="avatar shrink-0 overflow-hidden size-6  rounded"><div class="contents" role="" aria-label=""><img alt="" src="https://ucarecdn.com/9541e51b-9c83-4a50-a0a2-61e462e46bd7/" class="better size-full object-cover" srcset="https://ucarecdn.com/9541e51b-9c83-4a50-a0a2-61e462e46bd7/-/resize/200x/-/format/auto/-/quality/better/-/scale_crop/200x200/smart 200w,https://ucarecdn.com/9541e51b-9c83-4a50-a0a2-61e462e46bd7/-/resize/400x/-/format/auto/-/quality/better/-/scale_crop/400x400/smart 400w,https://ucarecdn.com/9541e51b-9c83-4a50-a0a2-61e462e46bd7/-/resize/500x/-/format/auto/-/quality/better/-/scale_crop/500x500/smart 500w,https://ucarecdn.com/9541e51b-9c83-4a50-a0a2-61e462e46bd7/-/resize/800x/-/format/auto/-/quality/better/-/scale_crop/800x800/smart 800w,https://ucarecdn.com/9541e51b-9c83-4a50-a0a2-61e462e46bd7/-/resize/1000x/-/format/auto/-/quality/better/-/scale_crop/1000x1000/smart 1000w,https://ucarecdn.com/9541e51b-9c83-4a50-a0a2-61e462e46bd7/-/resize/1300x/-/format/auto/-/quality/better/-/scale_crop/1300x1300/smart 1300w,https://ucarecdn.com/9541e51b-9c83-4a50-a0a2-61e462e46bd7/-/resize/1600x/-/format/auto/-/quality/better/-/scale_crop/1600x1600/smart 1600w" sizes="30px"></div> </div> <div class="inline-flex flex-wrap items-center gap-2"><button class="not-prose group inline-flex items-center gap-2 hover:cursor-pointer" aria-label="open profile for Tamaru"><span class="text-sm font-medium text-neutral-500 transition-colors group-hover:text-gray-800 md:text-[13px] dark:text-neutral-400 dark:group-hover:text-gray-300">Tamaru</span> </button> </div> <div class="hidden items-center gap-2 text-sm font-normal text-neutral-500 sm:flex md:text-[13px] dark:text-neutral-400"><svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 17" class="size-3 " aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.25" d="m6 12.667 4-4-4-4"></path></svg> Support</div></div> <div class="mr-0.5 flex items-center gap-2.5 self-end">     <span class="flex shrink-0 text-xs font-normal text-neutral-500 dark:text-neutral-400" title="" aria-label="Oct 26, 2024, 06:56 PM"> 2d ago</span> <span class="block w-fit" role="presentation"><span aria-label="More actions" title=""><button aria-label="More actions" class="hover:bg-black/5 text-neutral-500 hover:text-gray-600 dark:hover:bg-white/10 dark:text-gray-400 dark:hover:text-gray-300 h-[28px] w-[28px] rounded-[5px] after:rounded-[5px] transition-[background,text] ov-focus aspect-square flex items-center justify-center" type="button"><svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 17" class="h-[18px] " aria-hidden="true"><path fill="currentColor" d="M7.833 5.778a1.167 1.167 0 1 1 0-2.334 1.167 1.167 0 0 1 0 2.334m0 3.889a1.167 1.167 0 1 1 0-2.334 1.167 1.167 0 0 1 0 2.334m0 3.888a1.167 1.167 0 1 1 0-2.333 1.167 1.167 0 0 1 0 2.333"></path></svg></button></span></span> </div></div> <div class="relative overflow-hidden break-words [mask-image:_linear-gradient(to_top,_transparent_4%,_black_33%)]" style="max-height: 300px;"><div class="flex items-start justify-between gap-2.5"><div class="w-full"><div class="mb-2.5 mt-1 flex items-start gap-2"><div class="mt-1 shrink-0"><svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 16" class="size-4 text-gray-400" aria-hidden="true"><path fill="currentColor" fill-rule="evenodd" d="M9.671 2.075c.178-.418-.048-.901-.496-.977a7 7 0 0 0-2.227-.02c-.449.068-.683.547-.513.969.142.351.52.539.896.493a5.6 5.6 0 0 1 1.435.013c.375.052.757-.129.905-.478m1.716 1.591c-.298-.233-.433-.633-.285-.982.178-.418.683-.591 1.049-.321.6.442 1.127.979 1.56 1.587.263.37.08.872-.34 1.043-.352.141-.75 0-.978-.303a5.5 5.5 0 0 0-1.006-1.024m2.537 6.005c-.348-.148-.53-.53-.477-.905a5.6 5.6 0 0 0 .013-1.435c-.046-.376.142-.754.493-.896.422-.17.9.064.969.513a7 7 0 0 1-.02 2.227c-.076.448-.56.674-.977.496m-2.917 3.7c-.142-.352 0-.75.303-.978.383-.29.727-.628 1.023-1.006.234-.298.634-.432.982-.284.419.177.592.682.322 1.048a7 7 0 0 1-1.588 1.56c-.37.262-.872.08-1.042-.34m-4.678.553c.148-.348.53-.53.905-.477a5.6 5.6 0 0 0 1.435.013c.376-.046.754.142.896.493.17.422-.064.9-.514.969a7 7 0 0 1-2.226-.02c-.448-.076-.674-.56-.496-.977m-3.7-2.917c.352-.141.75 0 .978.303.29.383.628.727 1.006 1.023.298.234.432.634.284.982-.177.419-.682.592-1.048.322a7 7 0 0 1-1.56-1.587c-.263-.37-.08-.873.34-1.043M2.076 6.33c.35.148.53.53.478.905A5.6 5.6 0 0 0 2.54 8.67c.046.376-.142.754-.493.896-.422.17-.9-.064-.969-.514a7 7 0 0 1 .02-2.226c.076-.448.56-.673.977-.496m2.918-3.7c.141.352 0 .75-.303.978-.383.29-.728.628-1.024 1.006-.233.298-.633.433-.982.285-.418-.178-.591-.683-.321-1.049A7 7 0 0 1 3.95 2.29c.37-.263.872-.08 1.043.34" clip-rule="evenodd"></path></svg></div> <h3 class="text-md inline-block font-semibold text-gray-600 dark:text-white">Jagged edges on the community link</h3></div> <div class="text-gray-400"><div class="editor svelte-1hk7yrh"><div contenteditable="false" translate="yes" class="tiptap ProseMirror prose prose-sm prose-h1:text-[26px] focus:outline-none prose-h1:mt-12 prose-h2:mt-8 prose-h1:text-gray-700 dark:prose-h1:text-white prose-h2:text-gray-700 prose-h1:scroll-mt-28 prose-h1:font-semibold prose-h2:font-semibold prose-h2:scroll-mt-28 prose-h3:scroll-mt-28 prose-h4:scroll-mt-28 prose-h5:scroll-mt-28 dark:prose-h2:text-white prose-h3:text-gray-700 dark:prose-h3:text-white prose-h4:text-gray-700 dark:prose-h4:text-white flex-inline w-full h-full dark:prose-invert font-normal prose-pre:px-4 prose-pre:py-3 prose-pre:text-[13px] prose-pre:leading-[1.6] prose-code:text-gray-600 prose-code:font-normal dark:prose-code:text-gray-300 prose-code:bg-black/5 dark:prose-code:border-white/5 dark:prose-code:bg-white/5 prose-code:rounded-sm before:prose-p:content-none after:prose-p:content-none empty:prose-p:p-3 prose-blockquote:text-gray-400 dark:prose-blockquote:text-gray-300/80 prose-blockquote:not-italic max-w-none"><p>Hi, </p><p>I posted a new community file today, and it seems my artwork has jagged edges (maybe it's an anti-aliasing problem?)</p><p>It looks okay on the shared link and the editor on my end.</p><p><br class="ProseMirror-trailingBreak"></p><p>screenshot from the editor:</p><div class="node-image svelte-renderer" contenteditable="false" draggable="true"><div data-node-view-wrapper="" role="none" editor="[object Object]" class="flex justify-start not-prose group relative my-2 rounded" style="white-space: normal;">  <div class="basis-full max-w-[550px] relative w-full rounded-sm ring-offset-gray-100 dark:ring-offset-gray-800 min-w-[25%] min-h-[150px]"><button class="contents" type="button" role="button" aria-label="view larger image"><img alt="" src="https://ucarecdn.com/31e4da16-5e5e-485c-b7e6-afe738edda1a/" class="better size-full rounded object-cover" srcset="https://ucarecdn.com/31e4da16-5e5e-485c-b7e6-afe738edda1a/-/resize/200x/-/format/auto/-/quality/better/ 200w,https://ucarecdn.com/31e4da16-5e5e-485c-b7e6-afe738edda1a/-/resize/400x/-/format/auto/-/quality/better/ 400w,https://ucarecdn.com/31e4da16-5e5e-485c-b7e6-afe738edda1a/-/resize/500x/-/format/auto/-/quality/better/ 500w,https://ucarecdn.com/31e4da16-5e5e-485c-b7e6-afe738edda1a/-/resize/800x/-/format/auto/-/quality/better/ 800w,https://ucarecdn.com/31e4da16-5e5e-485c-b7e6-afe738edda1a/-/resize/1000x/-/format/auto/-/quality/better/ 1000w,https://ucarecdn.com/31e4da16-5e5e-485c-b7e6-afe738edda1a/-/resize/1300x/-/format/auto/-/quality/better/ 1300w,https://ucarecdn.com/31e4da16-5e5e-485c-b7e6-afe738edda1a/-/resize/1600x/-/format/auto/-/quality/better/ 1600w" sizes="(max-width: 600px) 100vw, (max-width: 1200px) 65vw, 50vw"></button>    <iframe style="display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; border: 0; opacity: 0; pointer-events: none; z-index: -1;" aria-hidden="true" tabindex="-1" src="about:blank"></iframe></div></div></div><p><br class="ProseMirror-trailingBreak"></p><p>screenshot from the community link (the jagged edges one:)</p><div class="node-image svelte-renderer" contenteditable="false" draggable="true"><div data-node-view-wrapper="" role="none" editor="[object Object]" class="flex justify-start not-prose group relative my-2 rounded" style="white-space: normal;">  <div class="basis-full max-w-[550px] relative w-full rounded-sm ring-offset-gray-100 dark:ring-offset-gray-800 min-w-[25%] min-h-[150px]"><button class="contents" type="button" role="button" aria-label="view larger image"><img alt="" src="https://ucarecdn.com/43dd9e82-2234-4326-9a8d-91d78de68be6/" class="better size-full rounded object-cover" srcset="https://ucarecdn.com/43dd9e82-2234-4326-9a8d-91d78de68be6/-/resize/200x/-/format/auto/-/quality/better/ 200w,https://ucarecdn.com/43dd9e82-2234-4326-9a8d-91d78de68be6/-/resize/400x/-/format/auto/-/quality/better/ 400w,https://ucarecdn.com/43dd9e82-2234-4326-9a8d-91d78de68be6/-/resize/500x/-/format/auto/-/quality/better/ 500w,https://ucarecdn.com/43dd9e82-2234-4326-9a8d-91d78de68be6/-/resize/800x/-/format/auto/-/quality/better/ 800w,https://ucarecdn.com/43dd9e82-2234-4326-9a8d-91d78de68be6/-/resize/1000x/-/format/auto/-/quality/better/ 1000w,https://ucarecdn.com/43dd9e82-2234-4326-9a8d-91d78de68be6/-/resize/1300x/-/format/auto/-/quality/better/ 1300w,https://ucarecdn.com/43dd9e82-2234-4326-9a8d-91d78de68be6/-/resize/1600x/-/format/auto/-/quality/better/ 1600w" sizes="(max-width: 600px) 100vw, (max-width: 1200px) 65vw, 50vw"></button>    <iframe style="display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; border: 0; opacity: 0; pointer-events: none; z-index: -1;" aria-hidden="true" tabindex="-1" src="about:blank"></iframe></div></div></div><p><br class="ProseMirror-trailingBreak"></p><p>screenshot from shared link:</p><div class="node-image svelte-renderer" contenteditable="false" draggable="true"><div data-node-view-wrapper="" role="none" editor="[object Object]" class="flex justify-start not-prose group relative my-2 rounded" style="white-space: normal;">  <div class="basis-full max-w-[550px] relative w-full rounded-sm ring-offset-gray-100 dark:ring-offset-gray-800 min-w-[25%] min-h-[150px]"><button class="contents" type="button" role="button" aria-label="view larger image"><img alt="" src="https://ucarecdn.com/c29bfa24-2111-41cb-b01a-88ebc8d2d7f7/" class="better size-full rounded object-cover" srcset="https://ucarecdn.com/c29bfa24-2111-41cb-b01a-88ebc8d2d7f7/-/resize/200x/-/format/auto/-/quality/better/ 200w,https://ucarecdn.com/c29bfa24-2111-41cb-b01a-88ebc8d2d7f7/-/resize/400x/-/format/auto/-/quality/better/ 400w,https://ucarecdn.com/c29bfa24-2111-41cb-b01a-88ebc8d2d7f7/-/resize/500x/-/format/auto/-/quality/better/ 500w,https://ucarecdn.com/c29bfa24-2111-41cb-b01a-88ebc8d2d7f7/-/resize/800x/-/format/auto/-/quality/better/ 800w,https://ucarecdn.com/c29bfa24-2111-41cb-b01a-88ebc8d2d7f7/-/resize/1000x/-/format/auto/-/quality/better/ 1000w,https://ucarecdn.com/c29bfa24-2111-41cb-b01a-88ebc8d2d7f7/-/resize/1300x/-/format/auto/-/quality/better/ 1300w,https://ucarecdn.com/c29bfa24-2111-41cb-b01a-88ebc8d2d7f7/-/resize/1600x/-/format/auto/-/quality/better/ 1600w" sizes="(max-width: 600px) 100vw, (max-width: 1200px) 65vw, 50vw"></button>    <iframe style="display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; border: 0; opacity: 0; pointer-events: none; z-index: -1;" aria-hidden="true" tabindex="-1" src="about:blank"></iframe></div></div></div><p><br class="ProseMirror-trailingBreak"></p><p>Community link: <a target="_blank" rel="noopener noreferrer nofollow" class="text-community-primary no-underline hover:underline hover:cursor-pointer" href="https://rive.app/community/files/13874-26245-dark-mode-curtains/">https://rive.app/community/files/13874-26245-dark-mode-curtains/</a></p><div class="node-open-graph svelte-renderer" contenteditable="false" draggable="true"><div data-node-view-wrapper="" role="none" style="white-space: normal;"><div class="not-prose group relative pb-4"> <div class="flex gap-4"><div class="h-auto w-1 shrink-0 rounded-xl bg-gray-300 dark:bg-gray-500"></div> <a class="group-one flex max-w-[300px] flex-1 flex-col gap-3" href="https://rive.app/community/files/13874-26245-dark-mode-curtains/" target="_blank" rel="noreferrer"><div class="flex flex-nowrap items-center justify-between gap-2"><span class="shrink truncate font-semibold text-gray-700 dark:text-white">rive.app</span> <svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 17" class="size-4 shrink-0 rotate-45 text-gray-500 opacity-0 transition-opacity duration-75 group-one-hover:opacity-100 dark:text-gray-300" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.25" d="M8 15.334V2m0 0L3.556 6.445M8 2l4.444 4.445"></path></svg></div> <span class="line-clamp-1 font-semibold text-community-primary underline-offset-2 group-one-hover:underline">Dark Mode Curtains</span> <span class="line-clamp-3 font-medium text-gray-500 dark:text-gray-300">Control the Dark Mode by dragging the curtains or hitting one of the buttons to open, close, or switch between warm and cold themes.
#darkmode #darktheme #curtains #window #blend #joystick</span> <div class="contents" role="" aria-label=""><img alt="Dark Mode Curtains" src="https://public.rive.app/community/video-thumbnails/13874-26245-dark-mode-curtains-watermark.png" class="better aspect-[1.95] w-full rounded-lg bg-gray-200 dark:bg-gray-200/20 object-cover"></div> </a></div></div></div></div><p>Shared link: <a target="_blank" rel="noopener noreferrer nofollow" class="text-community-primary no-underline hover:underline hover:cursor-pointer" href="https://rive.app/s/p63V4udy1k_eZW0aRzXQuw/">https://rive.app/s/p63V4udy1k_eZW0aRzXQuw/</a></p><div class="node-open-graph svelte-renderer" contenteditable="false" draggable="true"><div data-node-view-wrapper="" role="none" style="white-space: normal;"><div class="not-prose group relative pb-4"> <div class="flex gap-4"><div class="h-auto w-1 shrink-0 rounded-xl bg-gray-300 dark:bg-gray-500"></div> <a class="group-one flex max-w-[300px] flex-1 flex-col gap-3" href="https://rive.app/s/p63V4udy1k_eZW0aRzXQuw/" target="_blank" rel="noreferrer"><div class="flex flex-nowrap items-center justify-between gap-2"><span class="shrink truncate font-semibold text-gray-700 dark:text-white">rive.app</span> <svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 17" class="size-4 shrink-0 rotate-45 text-gray-500 opacity-0 transition-opacity duration-75 group-one-hover:opacity-100 dark:text-gray-300" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.25" d="M8 15.334V2m0 0L3.556 6.445M8 2l4.444 4.445"></path></svg></div> <span class="line-clamp-1 font-semibold text-community-primary underline-offset-2 group-one-hover:underline">DarkThemeToggle_Curtains_02</span>  <div class="contents" role="" aria-label=""><img alt="DarkThemeToggle_Curtains_02" src="https://public.rive.app/share-links/thumbnails/p63V4udy1k_eZW0aRzXQuw.png" class="better aspect-[1.95] w-full rounded-lg bg-gray-200 dark:bg-gray-200/20 object-cover"></div> </a></div></div></div></div><p><br class="ProseMirror-trailingBreak"></p><p>How can I go about fixing this?</p><p>Thank you!</p></div></div></div></div> </div></div> <div class="mt-4 flex flex-wrap gap-1.5" style=""><div class="flex w-fit items-center gap-1 overflow-hidden rounded bg-black/5 px-1 py-[2px] dark:bg-white/5"><span style="color: rgb(0, 0, 0);"><svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 16" class="size-3 " aria-hidden="true"><circle cx="8" cy="8" r="3" fill="currentColor"></circle></svg></span> <span class="truncate text-xs font-medium text-gray-500 dark:text-gray-400">Editor</span> </div> </div> <div class="mt-4 flex flex-col flex-wrap justify-between gap-6 @xl/main-panel-container:flex-row @xl/main-panel-container:flex-nowrap"><div class="flex flex-col-reverse gap-3 @xl/main-panel-container:flex-row @xl/main-panel-container:gap-0"><div class="left-section flex shrink-0 gap-3 svelte-5xi1lv"><span class="text flex h-[20px] shrink-0 items-center space-x-1 rounded-[8px] py-2 text-sm md:text-[13px] dark:text-gray-400 text-gray-500"> <span class="shrink-0 px-1 text-xs font-medium text-blue-300">0 replies</span> </span></div> <div class="flex before:bg-black/10 dark:before:bg-white/10 svelte-5xi1lv"></div></div> <div class="ml-auto hidden shrink-0 items-center self-end pl-4 @xl/main-panel-container:flex"><span class="mr-2.5 inline-flex gap-0.5 text-xs font-normal text-neutral-500 dark:text-neutral-400">Last activity <span class="flex shrink-0 text-xs font-normal text-neutral-500 dark:text-neutral-400" title="" aria-label="Oct 26, 2024, 06:56 PM"> 2d ago</span></span></div></div></div>  </a><a class="ov-focus after:rounded-lg" aria-label="Thread: Android Live Wallpaper" href="/community/forums/support/fsnLLkXUaA62/android-live-wallpaper/ftDK9VXsOkCN"><div class="border-[0.5px] bg-white p-4 shadow transition-colors dark:bg-white/3 border-l-2 rounded-lg hover:bg-black/2 dark:hover:bg-white/5 border-black/10 dark:border-white/10" style="border-left-color: #000000;"><div class="mb-2 flex flex-wrap-reverse justify-between gap-2"><div class="not-prose mr-4 inline-flex flex-1 flex-wrap items-center gap-2"><div class="avatar shrink-0 overflow-hidden size-6  rounded"><span class="flex h-full items-center justify-center font-semibold uppercase text-gray-600 dark:text-gray-300 text-sm" style="background: rgb(205, 194, 168); color: rgb(38, 38, 38);">B</span></div> <div class="inline-flex flex-wrap items-center gap-2"><button class="not-prose group inline-flex items-center gap-2 hover:cursor-pointer" aria-label="open profile for Brent"><span class="text-sm font-medium text-neutral-500 transition-colors group-hover:text-gray-800 md:text-[13px] dark:text-neutral-400 dark:group-hover:text-gray-300">Brent</span> </button> </div> <div class="hidden items-center gap-2 text-sm font-normal text-neutral-500 sm:flex md:text-[13px] dark:text-neutral-400"><svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 17" class="size-3 " aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.25" d="m6 12.667 4-4-4-4"></path></svg> Support</div></div> <div class="mr-0.5 flex items-center gap-2.5 self-end">     <span class="flex shrink-0 text-xs font-normal text-neutral-500 dark:text-neutral-400" title="" aria-label="Oct 25, 2024, 06:16 PM"> 3d ago</span> <span class="block w-fit" role="presentation"><span aria-label="More actions" title=""><button aria-label="More actions" class="hover:bg-black/5 text-neutral-500 hover:text-gray-600 dark:hover:bg-white/10 dark:text-gray-400 dark:hover:text-gray-300 h-[28px] w-[28px] rounded-[5px] after:rounded-[5px] transition-[background,text] ov-focus aspect-square flex items-center justify-center" type="button"><svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 17" class="h-[18px] " aria-hidden="true"><path fill="currentColor" d="M7.833 5.778a1.167 1.167 0 1 1 0-2.334 1.167 1.167 0 0 1 0 2.334m0 3.889a1.167 1.167 0 1 1 0-2.334 1.167 1.167 0 0 1 0 2.334m0 3.888a1.167 1.167 0 1 1 0-2.333 1.167 1.167 0 0 1 0 2.333"></path></svg></button></span></span> </div></div> <div class="relative overflow-hidden break-words" style=""><div class="flex items-start justify-between gap-2.5"><div class="w-full"><div class="mb-2.5 mt-1 flex items-start gap-2"><div class="mt-1 shrink-0"><svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 16" class="size-4 text-gray-400" aria-hidden="true"><path fill="currentColor" fill-rule="evenodd" d="M9.671 2.075c.178-.418-.048-.901-.496-.977a7 7 0 0 0-2.227-.02c-.449.068-.683.547-.513.969.142.351.52.539.896.493a5.6 5.6 0 0 1 1.435.013c.375.052.757-.129.905-.478m1.716 1.591c-.298-.233-.433-.633-.285-.982.178-.418.683-.591 1.049-.321.6.442 1.127.979 1.56 1.587.263.37.08.872-.34 1.043-.352.141-.75 0-.978-.303a5.5 5.5 0 0 0-1.006-1.024m2.537 6.005c-.348-.148-.53-.53-.477-.905a5.6 5.6 0 0 0 .013-1.435c-.046-.376.142-.754.493-.896.422-.17.9.064.969.513a7 7 0 0 1-.02 2.227c-.076.448-.56.674-.977.496m-2.917 3.7c-.142-.352 0-.75.303-.978.383-.29.727-.628 1.023-1.006.234-.298.634-.432.982-.284.419.177.592.682.322 1.048a7 7 0 0 1-1.588 1.56c-.37.262-.872.08-1.042-.34m-4.678.553c.148-.348.53-.53.905-.477a5.6 5.6 0 0 0 1.435.013c.376-.046.754.142.896.493.17.422-.064.9-.514.969a7 7 0 0 1-2.226-.02c-.448-.076-.674-.56-.496-.977m-3.7-2.917c.352-.141.75 0 .978.303.29.383.628.727 1.006 1.023.298.234.432.634.284.982-.177.419-.682.592-1.048.322a7 7 0 0 1-1.56-1.587c-.263-.37-.08-.873.34-1.043M2.076 6.33c.35.148.53.53.478.905A5.6 5.6 0 0 0 2.54 8.67c.046.376-.142.754-.493.896-.422.17-.9-.064-.969-.514a7 7 0 0 1 .02-2.226c.076-.448.56-.673.977-.496m2.918-3.7c.141.352 0 .75-.303.978-.383.29-.728.628-1.024 1.006-.233.298-.633.433-.982.285-.418-.178-.591-.683-.321-1.049A7 7 0 0 1 3.95 2.29c.37-.263.872-.08 1.043.34" clip-rule="evenodd"></path></svg></div> <h3 class="text-md inline-block font-semibold text-gray-600 dark:text-white">Android Live Wallpaper</h3></div> <div class="text-gray-400"><div class="editor svelte-1hk7yrh"><div contenteditable="false" translate="yes" class="tiptap ProseMirror prose prose-sm prose-h1:text-[26px] focus:outline-none prose-h1:mt-12 prose-h2:mt-8 prose-h1:text-gray-700 dark:prose-h1:text-white prose-h2:text-gray-700 prose-h1:scroll-mt-28 prose-h1:font-semibold prose-h2:font-semibold prose-h2:scroll-mt-28 prose-h3:scroll-mt-28 prose-h4:scroll-mt-28 prose-h5:scroll-mt-28 dark:prose-h2:text-white prose-h3:text-gray-700 dark:prose-h3:text-white prose-h4:text-gray-700 dark:prose-h4:text-white flex-inline w-full h-full dark:prose-invert font-normal prose-pre:px-4 prose-pre:py-3 prose-pre:text-[13px] prose-pre:leading-[1.6] prose-code:text-gray-600 prose-code:font-normal dark:prose-code:text-gray-300 prose-code:bg-black/5 dark:prose-code:border-white/5 dark:prose-code:bg-white/5 prose-code:rounded-sm before:prose-p:content-none after:prose-p:content-none empty:prose-p:p-3 prose-blockquote:text-gray-400 dark:prose-blockquote:text-gray-300/80 prose-blockquote:not-italic max-w-none"><p>Hi, I would like to know if it is possible to use rive files as live wallpapers on android, I have trying to create it on Android Studio Kotlin JetPack Compose (with limited knowledge), but to no avail</p></div></div></div></div> </div></div>  <div class="mt-4 flex flex-col flex-wrap justify-between gap-6 @xl/main-panel-container:flex-row @xl/main-panel-container:flex-nowrap"><div class="flex flex-col-reverse gap-3 @xl/main-panel-container:flex-row @xl/main-panel-container:gap-0"><div class="left-section flex shrink-0 gap-3 svelte-5xi1lv"><span class="text flex h-[20px] shrink-0 items-center space-x-1 rounded-[8px] py-2 text-sm md:text-[13px] dark:text-gray-400 text-gray-500"> <span class="shrink-0 px-1 text-xs font-medium text-blue-300">0 replies</span> </span></div> <div class="flex before:bg-black/10 dark:before:bg-white/10 svelte-5xi1lv"></div></div> <div class="ml-auto hidden shrink-0 items-center self-end pl-4 @xl/main-panel-container:flex"><span class="mr-2.5 inline-flex gap-0.5 text-xs font-normal text-neutral-500 dark:text-neutral-400">Last activity <span class="flex shrink-0 text-xs font-normal text-neutral-500 dark:text-neutral-400" title="" aria-label="Oct 25, 2024, 06:16 PM"> 3d ago</span></span></div></div></div>  </a><a class="ov-focus after:rounded-lg" aria-label="Thread: setTextRunValue crashes react-native expo app." href="/community/forums/bugs/fsLjspgTHYcR/settextrunvalue-crashes-react-native-expo-app/ftcQJLZ9DBz1"><div class="border-[0.5px] bg-white p-4 shadow transition-colors dark:bg-white/3 border-l-2 rounded-lg hover:bg-black/2 dark:hover:bg-white/5 border-black/10 dark:border-white/10" style="border-left-color: #000000;"><div class="mb-2 flex flex-wrap-reverse justify-between gap-2"><div class="not-prose mr-4 inline-flex flex-1 flex-wrap items-center gap-2"><div class="avatar shrink-0 overflow-hidden size-6  rounded"><span class="flex h-full items-center justify-center font-semibold uppercase text-gray-600 dark:text-gray-300 text-sm" style="background: rgb(10, 207, 131); color: rgb(38, 38, 38);">j</span></div> <div class="inline-flex flex-wrap items-center gap-2"><button class="not-prose group inline-flex items-center gap-2 hover:cursor-pointer" aria-label="open profile for juico"><span class="text-sm font-medium text-neutral-500 transition-colors group-hover:text-gray-800 md:text-[13px] dark:text-neutral-400 dark:group-hover:text-gray-300">juico</span> </button> </div> <div class="hidden items-center gap-2 text-sm font-normal text-neutral-500 sm:flex md:text-[13px] dark:text-neutral-400"><svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 17" class="size-3 " aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.25" d="m6 12.667 4-4-4-4"></path></svg> Bugs</div></div> <div class="mr-0.5 flex items-center gap-2.5 self-end">     <span class="flex shrink-0 text-xs font-normal text-neutral-500 dark:text-neutral-400" title="" aria-label="Oct 25, 2024, 06:07 PM"> 3d ago</span> <span class="block w-fit" role="presentation"><span aria-label="More actions" title=""><button aria-label="More actions" class="hover:bg-black/5 text-neutral-500 hover:text-gray-600 dark:hover:bg-white/10 dark:text-gray-400 dark:hover:text-gray-300 h-[28px] w-[28px] rounded-[5px] after:rounded-[5px] transition-[background,text] ov-focus aspect-square flex items-center justify-center" type="button"><svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 17" class="h-[18px] " aria-hidden="true"><path fill="currentColor" d="M7.833 5.778a1.167 1.167 0 1 1 0-2.334 1.167 1.167 0 0 1 0 2.334m0 3.889a1.167 1.167 0 1 1 0-2.334 1.167 1.167 0 0 1 0 2.334m0 3.888a1.167 1.167 0 1 1 0-2.333 1.167 1.167 0 0 1 0 2.333"></path></svg></button></span></span> </div></div> <div class="relative overflow-hidden break-words [mask-image:_linear-gradient(to_top,_transparent_4%,_black_33%)]" style="max-height: 300px;"><div class="flex items-start justify-between gap-2.5"><div class="w-full"><div class="mb-2.5 mt-1 flex items-start gap-2"><div class="mt-1 shrink-0"><svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 16" class="size-4 text-gray-400" aria-hidden="true"><path fill="currentColor" fill-rule="evenodd" d="M9.671 2.075c.178-.418-.048-.901-.496-.977a7 7 0 0 0-2.227-.02c-.449.068-.683.547-.513.969.142.351.52.539.896.493a5.6 5.6 0 0 1 1.435.013c.375.052.757-.129.905-.478m1.716 1.591c-.298-.233-.433-.633-.285-.982.178-.418.683-.591 1.049-.321.6.442 1.127.979 1.56 1.587.263.37.08.872-.34 1.043-.352.141-.75 0-.978-.303a5.5 5.5 0 0 0-1.006-1.024m2.537 6.005c-.348-.148-.53-.53-.477-.905a5.6 5.6 0 0 0 .013-1.435c-.046-.376.142-.754.493-.896.422-.17.9.064.969.513a7 7 0 0 1-.02 2.227c-.076.448-.56.674-.977.496m-2.917 3.7c-.142-.352 0-.75.303-.978.383-.29.727-.628 1.023-1.006.234-.298.634-.432.982-.284.419.177.592.682.322 1.048a7 7 0 0 1-1.588 1.56c-.37.262-.872.08-1.042-.34m-4.678.553c.148-.348.53-.53.905-.477a5.6 5.6 0 0 0 1.435.013c.376-.046.754.142.896.493.17.422-.064.9-.514.969a7 7 0 0 1-2.226-.02c-.448-.076-.674-.56-.496-.977m-3.7-2.917c.352-.141.75 0 .978.303.29.383.628.727 1.006 1.023.298.234.432.634.284.982-.177.419-.682.592-1.048.322a7 7 0 0 1-1.56-1.587c-.263-.37-.08-.873.34-1.043M2.076 6.33c.35.148.53.53.478.905A5.6 5.6 0 0 0 2.54 8.67c.046.376-.142.754-.493.896-.422.17-.9-.064-.969-.514a7 7 0 0 1 .02-2.226c.076-.448.56-.673.977-.496m2.918-3.7c.141.352 0 .75-.303.978-.383.29-.728.628-1.024 1.006-.233.298-.633.433-.982.285-.418-.178-.591-.683-.321-1.049A7 7 0 0 1 3.95 2.29c.37-.263.872-.08 1.043.34" clip-rule="evenodd"></path></svg></div> <h3 class="text-md inline-block font-semibold text-gray-600 dark:text-white">setTextRunValue crashes react-native expo app.</h3></div> <div class="text-gray-400"><div class="editor svelte-1hk7yrh"><div contenteditable="false" translate="yes" class="tiptap ProseMirror prose prose-sm prose-h1:text-[26px] focus:outline-none prose-h1:mt-12 prose-h2:mt-8 prose-h1:text-gray-700 dark:prose-h1:text-white prose-h2:text-gray-700 prose-h1:scroll-mt-28 prose-h1:font-semibold prose-h2:font-semibold prose-h2:scroll-mt-28 prose-h3:scroll-mt-28 prose-h4:scroll-mt-28 prose-h5:scroll-mt-28 dark:prose-h2:text-white prose-h3:text-gray-700 dark:prose-h3:text-white prose-h4:text-gray-700 dark:prose-h4:text-white flex-inline w-full h-full dark:prose-invert font-normal prose-pre:px-4 prose-pre:py-3 prose-pre:text-[13px] prose-pre:leading-[1.6] prose-code:text-gray-600 prose-code:font-normal dark:prose-code:text-gray-300 prose-code:bg-black/5 dark:prose-code:border-white/5 dark:prose-code:bg-white/5 prose-code:rounded-sm before:prose-p:content-none after:prose-p:content-none empty:prose-p:p-3 prose-blockquote:text-gray-400 dark:prose-blockquote:text-gray-300/80 prose-blockquote:not-italic max-w-none"><p><span>I am not able to get </span><code class="border border-gray-300 dark:border-white/20 before:content-['_'] after:content-['_']">setTextRunValue</code><span> to work in my react-native expo app. </span><br><span>I made sure that my text run value can be changed in runtime by checking </span><code class="border border-gray-300 dark:border-white/20 before:content-['_'] after:content-['_']">Export Name</code></p><div class="node-image svelte-renderer" contenteditable="false" draggable="true"><div data-node-view-wrapper="" role="none" editor="[object Object]" class="flex justify-start not-prose group relative my-2 rounded" style="white-space: normal;">  <div class="basis-3/4 max-w-[350px] relative w-full rounded-sm ring-offset-gray-100 dark:ring-offset-gray-800 min-w-[25%] min-h-[150px]"><button class="contents" type="button" role="button" aria-label="view larger image"><img alt="" src="https://ucarecdn.com/de1f54f6-b5f0-4dd6-aecd-6d1d5c2765ce/" class="better size-full rounded object-cover" srcset="https://ucarecdn.com/de1f54f6-b5f0-4dd6-aecd-6d1d5c2765ce/-/resize/200x/-/format/auto/-/quality/better/ 200w,https://ucarecdn.com/de1f54f6-b5f0-4dd6-aecd-6d1d5c2765ce/-/resize/400x/-/format/auto/-/quality/better/ 400w,https://ucarecdn.com/de1f54f6-b5f0-4dd6-aecd-6d1d5c2765ce/-/resize/500x/-/format/auto/-/quality/better/ 500w,https://ucarecdn.com/de1f54f6-b5f0-4dd6-aecd-6d1d5c2765ce/-/resize/800x/-/format/auto/-/quality/better/ 800w,https://ucarecdn.com/de1f54f6-b5f0-4dd6-aecd-6d1d5c2765ce/-/resize/1000x/-/format/auto/-/quality/better/ 1000w,https://ucarecdn.com/de1f54f6-b5f0-4dd6-aecd-6d1d5c2765ce/-/resize/1300x/-/format/auto/-/quality/better/ 1300w,https://ucarecdn.com/de1f54f6-b5f0-4dd6-aecd-6d1d5c2765ce/-/resize/1600x/-/format/auto/-/quality/better/ 1600w" sizes="(max-width: 600px) 100vw, (max-width: 1200px) 65vw, 50vw"></button>    <iframe style="display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; border: 0; opacity: 0; pointer-events: none; z-index: -1;" aria-hidden="true" tabindex="-1" src="about:blank"></iframe></div></div></div><p><br><span>My Rive component: </span></p><div class="node-codeBlock svelte-renderer"><div data-node-view-wrapper="" role="none" class="group relative" style="white-space: normal;"> <div class="bg-neutral-800 text-gray-200 dark:border dark:border-white/10 dark:bg-neutral-950 my-2 overflow-y-hidden rounded-lg leading-none scrollbar-thin scrollbar-stable scrollbar-rounded scrollbar-invisible group-hover:scrollbar-visible" style="height: 170px; transition: height 0.2s ease-in-out;"><div class="h-full"><pre data-node-view-content="" class="m-0 min-w-max select-text overflow-x-auto bg-neutral-800 p-2 dark:bg-neutral-950" style="white-space: pre-wrap;"><code style="white-space: inherit;">      &lt;Rive
        autoplay
        <span class="hljs-attr">artboardName</span>=<span class="hljs-string">"badge"</span>
        <span class="hljs-attr">stateMachineName</span>=<span class="hljs-string">"main"</span>
        <span class="hljs-attr">ref</span>={riveRef}
        <span class="hljs-attr">url</span>={`https://public.rive.app/community/runtime-files/<span class="hljs-number">13780</span>-<span class="hljs-number">26218</span>-toptop-badge.riv`}
      /&gt;</code></pre></div><iframe style="display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; border: 0; opacity: 0; pointer-events: none; z-index: -1;" aria-hidden="true" tabindex="-1" src="about:blank"></iframe></div> <span class="absolute right-2 top-2"><span aria-label="Copy to clipboard" title=""><button aria-label="Copy to clipboard" class="bg-gray-700/75 border-[0.5px] border-gray-500 backdrop-blur-md text-gray-100 hover:brightness-[1.3] brightness-105 hover:backdrop-contrast-150 h-[28px] w-[28px] rounded-[5px] after:rounded-[5px] transition-[background,text] ov-focus aspect-square flex items-center justify-center" type="button"><svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 17" class="size-4 " aria-hidden="true"><path fill="currentColor" fill-rule="evenodd" d="M5.447 3.167a2 2 0 0 1 1.886-1.333h1.334a2 2 0 0 1 1.886 1.333h.78a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H4.667a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2zm1.22.667V4.5h2.666v-.667a.667.667 0 0 0-.666-.666H7.333a.667.667 0 0 0-.666.667" clip-rule="evenodd"></path></svg></button></span></span> <span class="absolute bottom-2 right-2"></span></div></div><p><span> And I'm setting the value in useEffect like this: </span></p><div class="node-codeBlock svelte-renderer"><div data-node-view-wrapper="" role="none" class="group relative" style="white-space: normal;"> <div class="bg-neutral-800 text-gray-200 dark:border dark:border-white/10 dark:bg-neutral-950 my-2 overflow-y-hidden rounded-lg leading-none scrollbar-thin scrollbar-stable scrollbar-rounded scrollbar-invisible group-hover:scrollbar-visible" style="height: 170px; transition: height 0.2s ease-in-out;"><div class="h-full"><pre data-node-view-content="" class="m-0 min-w-max select-text overflow-x-auto bg-neutral-800 p-2 dark:bg-neutral-950" style="white-space: pre-wrap;"><code style="white-space: inherit;">  const <span class="hljs-attr">riveRef</span> = React.useRef&lt;RiveRef&gt;(null)<span class="hljs-comment">;</span>

  useEffect(() =&gt; {
    if (riveRef) {
      riveRef.current?.setTextRunValue("amount", value ?? " ")<span class="hljs-comment">;</span>
    }
  }, <span class="hljs-section">[riveRef, value]</span>)<span class="hljs-comment">;</span></code></pre></div><iframe style="display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; border: 0; opacity: 0; pointer-events: none; z-index: -1;" aria-hidden="true" tabindex="-1" src="about:blank"></iframe></div> <span class="absolute right-2 top-2"><span aria-label="Copy to clipboard" title=""><button aria-label="Copy to clipboard" class="bg-gray-700/75 border-[0.5px] border-gray-500 backdrop-blur-md text-gray-100 hover:brightness-[1.3] brightness-105 hover:backdrop-contrast-150 h-[28px] w-[28px] rounded-[5px] after:rounded-[5px] transition-[background,text] ov-focus aspect-square flex items-center justify-center" type="button"><svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 17" class="size-4 " aria-hidden="true"><path fill="currentColor" fill-rule="evenodd" d="M5.447 3.167a2 2 0 0 1 1.886-1.333h1.334a2 2 0 0 1 1.886 1.333h.78a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H4.667a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2zm1.22.667V4.5h2.666v-.667a.667.667 0 0 0-.666-.666H7.333a.667.667 0 0 0-.666.667" clip-rule="evenodd"></path></svg></button></span></span> <span class="absolute bottom-2 right-2"></span></div></div><p><span> It produces error for android simulator: </span></p><div class="node-codeBlock svelte-renderer"><div data-node-view-wrapper="" role="none" class="group relative" style="white-space: normal;"> <div class="bg-neutral-800 text-gray-200 dark:border dark:border-white/10 dark:bg-neutral-950 my-2 overflow-y-hidden rounded-lg leading-none scrollbar-thin scrollbar-stable scrollbar-rounded scrollbar-invisible group-hover:scrollbar-visible" style="height: 253px; transition: height 0.2s ease-in-out;"><div class="h-full"><pre data-node-view-content="" class="m-0 min-w-max select-text overflow-x-auto bg-neutral-800 p-2 dark:bg-neutral-950" style="white-space: pre-wrap;"><code style="white-space: inherit;">Your app just crashed. See the error below.
java.lang.RuntimeException: java.lang.reflect.InvocationTargetException
  com.android.<span class="hljs-keyword">internal</span>.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:<span class="hljs-number">558</span>)
  com.android.<span class="hljs-keyword">internal</span>.os.ZygoteInit.main(ZygoteInit.java:<span class="hljs-number">1003</span>)
Caused <span class="hljs-keyword">by</span> java.lang.reflect.InvocationTargetException
  java.lang.reflect.Method.invoke(Native Method)
  com.android.<span class="hljs-keyword">internal</span>.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:<span class="hljs-number">548</span>)
  com.android.<span class="hljs-keyword">internal</span>.os.ZygoteInit.main(ZygoteInit.java:<span class="hljs-number">1003</span>)
Caused <span class="hljs-keyword">by</span> app.rive.runtime.kotlin.core.errors.MalformedFileException: Malformed Rive File.
  app.rive.runtime.kotlin.core.File.<span class="hljs-keyword">import</span>(Native Method)
  app.rive.runtime.kotlin.core.File.&lt;<span class="hljs-keyword">init</span>&gt;(File.kt:<span class="hljs-number">30</span>)</code></pre></div><iframe style="display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; border: 0; opacity: 0; pointer-events: none; z-index: -1;" aria-hidden="true" tabindex="-1" src="about:blank"></iframe></div> <span class="absolute right-2 top-2"><span aria-label="Copy to clipboard" title=""><button aria-label="Copy to clipboard" class="bg-gray-700/75 border-[0.5px] border-gray-500 backdrop-blur-md text-gray-100 hover:brightness-[1.3] brightness-105 hover:backdrop-contrast-150 h-[28px] w-[28px] rounded-[5px] after:rounded-[5px] transition-[background,text] ov-focus aspect-square flex items-center justify-center" type="button"><svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 17" class="size-4 " aria-hidden="true"><path fill="currentColor" fill-rule="evenodd" d="M5.447 3.167a2 2 0 0 1 1.886-1.333h1.334a2 2 0 0 1 1.886 1.333h.78a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H4.667a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2zm1.22.667V4.5h2.666v-.667a.667.667 0 0 0-.666-.666H7.333a.667.667 0 0 0-.666.667" clip-rule="evenodd"></path></svg></button></span></span> <span class="absolute bottom-2 right-2"></span></div></div><p><span> And for iOS simulator provided in the image:</span></p><div class="node-image svelte-renderer" contenteditable="false" draggable="true"><div data-node-view-wrapper="" role="none" editor="[object Object]" class="flex justify-start not-prose group relative my-2 rounded" style="white-space: normal;">  <div class="basis-3/4 max-w-[350px] relative w-full rounded-sm ring-offset-gray-100 dark:ring-offset-gray-800 min-w-[25%] min-h-[150px]"><button class="contents" type="button" role="button" aria-label="view larger image"><img alt="" src="https://ucarecdn.com/932501d9-a316-4b64-a2e2-e5e723a3b3cb/" class="better size-full rounded object-cover" srcset="https://ucarecdn.com/932501d9-a316-4b64-a2e2-e5e723a3b3cb/-/resize/200x/-/format/auto/-/quality/better/ 200w,https://ucarecdn.com/932501d9-a316-4b64-a2e2-e5e723a3b3cb/-/resize/400x/-/format/auto/-/quality/better/ 400w,https://ucarecdn.com/932501d9-a316-4b64-a2e2-e5e723a3b3cb/-/resize/500x/-/format/auto/-/quality/better/ 500w,https://ucarecdn.com/932501d9-a316-4b64-a2e2-e5e723a3b3cb/-/resize/800x/-/format/auto/-/quality/better/ 800w,https://ucarecdn.com/932501d9-a316-4b64-a2e2-e5e723a3b3cb/-/resize/1000x/-/format/auto/-/quality/better/ 1000w,https://ucarecdn.com/932501d9-a316-4b64-a2e2-e5e723a3b3cb/-/resize/1300x/-/format/auto/-/quality/better/ 1300w,https://ucarecdn.com/932501d9-a316-4b64-a2e2-e5e723a3b3cb/-/resize/1600x/-/format/auto/-/quality/better/ 1600w" sizes="(max-width: 600px) 100vw, (max-width: 1200px) 65vw, 50vw"></button>    <iframe style="display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; border: 0; opacity: 0; pointer-events: none; z-index: -1;" aria-hidden="true" tabindex="-1" src="about:blank"></iframe></div></div></div><p><br><span>If I don't use </span><code class="border border-gray-300 dark:border-white/20 before:content-['_'] after:content-['_']">setTextRunValue</code><span> the Rive component works just well and app does not crash at all. I tried also setting just any kind of value that is not dynamic like this: </span></p><div class="node-codeBlock svelte-renderer"><div data-node-view-wrapper="" role="none" class="group relative" style="white-space: normal;"> <div class="bg-neutral-800 text-gray-200 dark:border dark:border-white/10 dark:bg-neutral-950 my-2 overflow-y-hidden rounded-lg leading-none scrollbar-thin scrollbar-stable scrollbar-rounded scrollbar-invisible group-hover:scrollbar-visible" style="height: 45px; transition: height 0.2s ease-in-out;"><div class="h-full"><pre data-node-view-content="" class="m-0 min-w-max select-text overflow-x-auto bg-neutral-800 p-2 dark:bg-neutral-950" style="white-space: pre-wrap;"><code style="white-space: inherit;">riveRef.current?.setTextRunValue(<span class="hljs-string">"amount"</span>, value <span class="hljs-string">??</span> <span class="hljs-string">" "</span>);</code></pre></div><iframe style="display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; border: 0; opacity: 0; pointer-events: none; z-index: -1;" aria-hidden="true" tabindex="-1" src="about:blank"></iframe></div> <span class="absolute right-2 top-2"><span aria-label="Copy to clipboard" title=""><button aria-label="Copy to clipboard" class="bg-gray-700/75 border-[0.5px] border-gray-500 backdrop-blur-md text-gray-100 hover:brightness-[1.3] brightness-105 hover:backdrop-contrast-150 h-[28px] w-[28px] rounded-[5px] after:rounded-[5px] transition-[background,text] ov-focus aspect-square flex items-center justify-center" type="button"><svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 17" class="size-4 " aria-hidden="true"><path fill="currentColor" fill-rule="evenodd" d="M5.447 3.167a2 2 0 0 1 1.886-1.333h1.334a2 2 0 0 1 1.886 1.333h.78a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H4.667a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2zm1.22.667V4.5h2.666v-.667a.667.667 0 0 0-.666-.666H7.333a.667.667 0 0 0-.666.667" clip-rule="evenodd"></path></svg></button></span></span> <span class="absolute bottom-2 right-2"></span></div></div><p><br class="ProseMirror-trailingBreak"></p></div></div></div></div> </div></div>  <div class="mt-4 flex flex-col flex-wrap justify-between gap-6 @xl/main-panel-container:flex-row @xl/main-panel-container:flex-nowrap"><div class="flex flex-col-reverse gap-3 @xl/main-panel-container:flex-row @xl/main-panel-container:gap-0"><div class="left-section flex shrink-0 gap-3 svelte-5xi1lv"><span class="text flex h-[20px] shrink-0 items-center space-x-1 rounded-[8px] py-2 text-sm md:text-[13px] dark:text-gray-400 text-gray-500"><span style=""><div class="flex space-x-1"><span title="juico"><div class="avatar shrink-0 overflow-hidden size-5  rounded-[3px]"><span class="flex h-full items-center justify-center font-semibold uppercase text-gray-600 dark:text-gray-300 text-xxs" style="background: rgb(10, 207, 131); color: rgb(38, 38, 38);">j</span></div></span><span title="Lance"><div class="avatar shrink-0 overflow-hidden size-5  rounded-[3px]"><div class="contents" role="" aria-label=""><img alt="" src="https://ucarecdn.com/4f41736c-00f1-402b-a594-6b1b7c7b166a/" class="better size-full object-cover" srcset="https://ucarecdn.com/4f41736c-00f1-402b-a594-6b1b7c7b166a/-/resize/200x/-/format/auto/-/quality/better/-/scale_crop/200x200/smart 200w,https://ucarecdn.com/4f41736c-00f1-402b-a594-6b1b7c7b166a/-/resize/400x/-/format/auto/-/quality/better/-/scale_crop/400x400/smart 400w,https://ucarecdn.com/4f41736c-00f1-402b-a594-6b1b7c7b166a/-/resize/500x/-/format/auto/-/quality/better/-/scale_crop/500x500/smart 500w,https://ucarecdn.com/4f41736c-00f1-402b-a594-6b1b7c7b166a/-/resize/800x/-/format/auto/-/quality/better/-/scale_crop/800x800/smart 800w,https://ucarecdn.com/4f41736c-00f1-402b-a594-6b1b7c7b166a/-/resize/1000x/-/format/auto/-/quality/better/-/scale_crop/1000x1000/smart 1000w,https://ucarecdn.com/4f41736c-00f1-402b-a594-6b1b7c7b166a/-/resize/1300x/-/format/auto/-/quality/better/-/scale_crop/1300x1300/smart 1300w,https://ucarecdn.com/4f41736c-00f1-402b-a594-6b1b7c7b166a/-/resize/1600x/-/format/auto/-/quality/better/-/scale_crop/1600x1600/smart 1600w" sizes="25px"></div> </div></span> </div></span> <span class="shrink-0 px-1 text-xs font-medium text-blue-300">3 replies</span> </span></div> <div class="flex before:bg-black/10 dark:before:bg-white/10 svelte-5xi1lv"></div></div> <div class="ml-auto hidden shrink-0 items-center self-end pl-4 @xl/main-panel-container:flex"><span class="mr-2.5 inline-flex gap-0.5 text-xs font-normal text-neutral-500 dark:text-neutral-400">Last activity <span class="flex shrink-0 text-xs font-normal text-neutral-500 dark:text-neutral-400" title="" aria-label="Oct 26, 2024, 10:12 AM"> 2d ago</span></span></div></div></div>  </a><a class="ov-focus after:rounded-lg" aria-label="Thread: Nested Artboard Bug" href="/community/forums/bugs/fsLjspgTHYcR/nested-artboard-bug/ftudcIA9oLIf"><div class="border-[0.5px] bg-white p-4 shadow transition-colors dark:bg-white/3 border-l-2 rounded-lg hover:bg-black/2 dark:hover:bg-white/5 border-black/10 dark:border-white/10" style="border-left-color: #000000;"><div class="mb-2 flex flex-wrap-reverse justify-between gap-2"><div class="not-prose mr-4 inline-flex flex-1 flex-wrap items-center gap-2"><div class="avatar shrink-0 overflow-hidden size-6  rounded"><div class="contents" role="" aria-label=""><img alt="" src="https://ucarecdn.com/19b609ef-08ef-451b-8d64-b1e9de01242e/" class="better size-full object-cover" srcset="https://ucarecdn.com/19b609ef-08ef-451b-8d64-b1e9de01242e/-/resize/200x/-/format/auto/-/quality/better/-/scale_crop/200x200/smart 200w,https://ucarecdn.com/19b609ef-08ef-451b-8d64-b1e9de01242e/-/resize/400x/-/format/auto/-/quality/better/-/scale_crop/400x400/smart 400w,https://ucarecdn.com/19b609ef-08ef-451b-8d64-b1e9de01242e/-/resize/500x/-/format/auto/-/quality/better/-/scale_crop/500x500/smart 500w,https://ucarecdn.com/19b609ef-08ef-451b-8d64-b1e9de01242e/-/resize/800x/-/format/auto/-/quality/better/-/scale_crop/800x800/smart 800w,https://ucarecdn.com/19b609ef-08ef-451b-8d64-b1e9de01242e/-/resize/1000x/-/format/auto/-/quality/better/-/scale_crop/1000x1000/smart 1000w,https://ucarecdn.com/19b609ef-08ef-451b-8d64-b1e9de01242e/-/resize/1300x/-/format/auto/-/quality/better/-/scale_crop/1300x1300/smart 1300w,https://ucarecdn.com/19b609ef-08ef-451b-8d64-b1e9de01242e/-/resize/1600x/-/format/auto/-/quality/better/-/scale_crop/1600x1600/smart 1600w" sizes="30px"></div> </div> <div class="inline-flex flex-wrap items-center gap-2"><button class="not-prose group inline-flex items-center gap-2 hover:cursor-pointer" aria-label="open profile for Gabriele Montinaro"><span class="text-sm font-medium text-neutral-500 transition-colors group-hover:text-gray-800 md:text-[13px] dark:text-neutral-400 dark:group-hover:text-gray-300">Gabriele Montinaro</span> </button> </div> <div class="hidden items-center gap-2 text-sm font-normal text-neutral-500 sm:flex md:text-[13px] dark:text-neutral-400"><svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 17" class="size-3 " aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.25" d="m6 12.667 4-4-4-4"></path></svg> Bugs</div></div> <div class="mr-0.5 flex items-center gap-2.5 self-end">     <span class="flex shrink-0 text-xs font-normal text-neutral-500 dark:text-neutral-400" title="" aria-label="Oct 25, 2024, 03:15 PM"> 3d ago</span> <span class="block w-fit" role="presentation"><span aria-label="More actions" title=""><button aria-label="More actions" class="hover:bg-black/5 text-neutral-500 hover:text-gray-600 dark:hover:bg-white/10 dark:text-gray-400 dark:hover:text-gray-300 h-[28px] w-[28px] rounded-[5px] after:rounded-[5px] transition-[background,text] ov-focus aspect-square flex items-center justify-center" type="button"><svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 17" class="h-[18px] " aria-hidden="true"><path fill="currentColor" d="M7.833 5.778a1.167 1.167 0 1 1 0-2.334 1.167 1.167 0 0 1 0 2.334m0 3.889a1.167 1.167 0 1 1 0-2.334 1.167 1.167 0 0 1 0 2.334m0 3.888a1.167 1.167 0 1 1 0-2.333 1.167 1.167 0 0 1 0 2.333"></path></svg></button></span></span> </div></div> <div class="relative overflow-hidden break-words [mask-image:_linear-gradient(to_top,_transparent_4%,_black_33%)]" style="max-height: 300px;"><div class="flex items-start justify-between gap-2.5"><div class="w-full"><div class="mb-2.5 mt-1 flex items-start gap-2"><div class="mt-1 shrink-0"><svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 16" class="size-4 text-gray-400" aria-hidden="true"><path fill="currentColor" fill-rule="evenodd" d="M9.671 2.075c.178-.418-.048-.901-.496-.977a7 7 0 0 0-2.227-.02c-.449.068-.683.547-.513.969.142.351.52.539.896.493a5.6 5.6 0 0 1 1.435.013c.375.052.757-.129.905-.478m1.716 1.591c-.298-.233-.433-.633-.285-.982.178-.418.683-.591 1.049-.321.6.442 1.127.979 1.56 1.587.263.37.08.872-.34 1.043-.352.141-.75 0-.978-.303a5.5 5.5 0 0 0-1.006-1.024m2.537 6.005c-.348-.148-.53-.53-.477-.905a5.6 5.6 0 0 0 .013-1.435c-.046-.376.142-.754.493-.896.422-.17.9.064.969.513a7 7 0 0 1-.02 2.227c-.076.448-.56.674-.977.496m-2.917 3.7c-.142-.352 0-.75.303-.978.383-.29.727-.628 1.023-1.006.234-.298.634-.432.982-.284.419.177.592.682.322 1.048a7 7 0 0 1-1.588 1.56c-.37.262-.872.08-1.042-.34m-4.678.553c.148-.348.53-.53.905-.477a5.6 5.6 0 0 0 1.435.013c.376-.046.754.142.896.493.17.422-.064.9-.514.969a7 7 0 0 1-2.226-.02c-.448-.076-.674-.56-.496-.977m-3.7-2.917c.352-.141.75 0 .978.303.29.383.628.727 1.006 1.023.298.234.432.634.284.982-.177.419-.682.592-1.048.322a7 7 0 0 1-1.56-1.587c-.263-.37-.08-.873.34-1.043M2.076 6.33c.35.148.53.53.478.905A5.6 5.6 0 0 0 2.54 8.67c.046.376-.142.754-.493.896-.422.17-.9-.064-.969-.514a7 7 0 0 1 .02-2.226c.076-.448.56-.673.977-.496m2.918-3.7c.141.352 0 .75-.303.978-.383.29-.728.628-1.024 1.006-.233.298-.633.433-.982.285-.418-.178-.591-.683-.321-1.049A7 7 0 0 1 3.95 2.29c.37-.263.872-.08 1.043.34" clip-rule="evenodd"></path></svg></div> <h3 class="text-md inline-block font-semibold text-gray-600 dark:text-white">Nested Artboard Bug</h3></div> <div class="text-gray-400"><div class="editor svelte-1hk7yrh"><div contenteditable="false" translate="yes" class="tiptap ProseMirror prose prose-sm prose-h1:text-[26px] focus:outline-none prose-h1:mt-12 prose-h2:mt-8 prose-h1:text-gray-700 dark:prose-h1:text-white prose-h2:text-gray-700 prose-h1:scroll-mt-28 prose-h1:font-semibold prose-h2:font-semibold prose-h2:scroll-mt-28 prose-h3:scroll-mt-28 prose-h4:scroll-mt-28 prose-h5:scroll-mt-28 dark:prose-h2:text-white prose-h3:text-gray-700 dark:prose-h3:text-white prose-h4:text-gray-700 dark:prose-h4:text-white flex-inline w-full h-full dark:prose-invert font-normal prose-pre:px-4 prose-pre:py-3 prose-pre:text-[13px] prose-pre:leading-[1.6] prose-code:text-gray-600 prose-code:font-normal dark:prose-code:text-gray-300 prose-code:bg-black/5 dark:prose-code:border-white/5 dark:prose-code:bg-white/5 prose-code:rounded-sm before:prose-p:content-none after:prose-p:content-none empty:prose-p:p-3 prose-blockquote:text-gray-400 dark:prose-blockquote:text-gray-300/80 prose-blockquote:not-italic max-w-none"><p>In an artboard, I have a simple sphere that is picked up and moved when I have 'Pointer Down' and is released with 'Pointer Up,' and it works perfectly. When I nest this artboard in another one, if I move the mouse too quickly, it's as if 'Pointer Up' is activated, which releases the sphere even though I still have the mouse button clicked.</p><div class="node-video svelte-renderer" contenteditable="false" draggable="true"><div data-node-view-wrapper="" role="none" editor="[object Object]" class="not-prose group relative my-2 flex rounded justify-start" style="white-space: normal;">  <div class="basis-3/4 max-w-[350px] relative min-h-[150px]"><div class="relative"><video src="https://ucarecdn.com/ce3a7d09-5c5a-47da-b324-20badbf0b3d6/" controls="" class="h-full w-full rounded"><track default="" kind="captions"></video> </div>  </div></div></div></div></div></div></div> </div></div>  <div class="mt-4 flex flex-col flex-wrap justify-between gap-6 @xl/main-panel-container:flex-row @xl/main-panel-container:flex-nowrap"><div class="flex flex-col-reverse gap-3 @xl/main-panel-container:flex-row @xl/main-panel-container:gap-0"><div class="left-section flex shrink-0 gap-3 svelte-5xi1lv"><span class="text flex h-[20px] shrink-0 items-center space-x-1 rounded-[8px] py-2 text-sm md:text-[13px] dark:text-gray-400 text-gray-500"><span style=""><div class="flex space-x-1"><span title="Gabriele Montinaro"><div class="avatar shrink-0 overflow-hidden size-5  rounded-[3px]"><div class="contents" role="" aria-label=""><img alt="" src="https://ucarecdn.com/19b609ef-08ef-451b-8d64-b1e9de01242e/" class="better size-full object-cover" srcset="https://ucarecdn.com/19b609ef-08ef-451b-8d64-b1e9de01242e/-/resize/200x/-/format/auto/-/quality/better/-/scale_crop/200x200/smart 200w,https://ucarecdn.com/19b609ef-08ef-451b-8d64-b1e9de01242e/-/resize/400x/-/format/auto/-/quality/better/-/scale_crop/400x400/smart 400w,https://ucarecdn.com/19b609ef-08ef-451b-8d64-b1e9de01242e/-/resize/500x/-/format/auto/-/quality/better/-/scale_crop/500x500/smart 500w,https://ucarecdn.com/19b609ef-08ef-451b-8d64-b1e9de01242e/-/resize/800x/-/format/auto/-/quality/better/-/scale_crop/800x800/smart 800w,https://ucarecdn.com/19b609ef-08ef-451b-8d64-b1e9de01242e/-/resize/1000x/-/format/auto/-/quality/better/-/scale_crop/1000x1000/smart 1000w,https://ucarecdn.com/19b609ef-08ef-451b-8d64-b1e9de01242e/-/resize/1300x/-/format/auto/-/quality/better/-/scale_crop/1300x1300/smart 1300w,https://ucarecdn.com/19b609ef-08ef-451b-8d64-b1e9de01242e/-/resize/1600x/-/format/auto/-/quality/better/-/scale_crop/1600x1600/smart 1600w" sizes="25px"></div> </div></span> </div></span> <span class="shrink-0 px-1 text-xs font-medium text-blue-300">1 reply</span> </span></div> <div class="flex before:bg-black/10 dark:before:bg-white/10 svelte-5xi1lv"></div></div> <div class="ml-auto hidden shrink-0 items-center self-end pl-4 @xl/main-panel-container:flex"><span class="mr-2.5 inline-flex gap-0.5 text-xs font-normal text-neutral-500 dark:text-neutral-400">Last activity <span class="flex shrink-0 text-xs font-normal text-neutral-500 dark:text-neutral-400" title="" aria-label="Oct 25, 2024, 03:40 PM"> 3d ago</span></span></div></div></div>  </a><a class="ov-focus after:rounded-lg" aria-label="Thread: Fonts loading multiple times instead of using the same embedded file." href="/community/forums/bugs/fsLjspgTHYcR/fonts-loading-multiple-times-instead-of-using-the-same-embedded-file/ftP8qYES03Dn"><div class="border-[0.5px] bg-white p-4 shadow transition-colors dark:bg-white/3 border-l-2 rounded-lg hover:bg-black/2 dark:hover:bg-white/5 border-black/10 dark:border-white/10" style="border-left-color: #000000;"><div class="mb-2 flex flex-wrap-reverse justify-between gap-2"><div class="not-prose mr-4 inline-flex flex-1 flex-wrap items-center gap-2"><div class="avatar shrink-0 overflow-hidden size-6  rounded"><span class="flex h-full items-center justify-center font-semibold uppercase text-gray-600 dark:text-gray-300 text-sm" style="background: rgb(205, 194, 168); color: rgb(38, 38, 38);">A</span></div> <div class="inline-flex flex-wrap items-center gap-2"><button class="not-prose group inline-flex items-center gap-2 hover:cursor-pointer" aria-label="open profile for AndreasZ"><span class="text-sm font-medium text-neutral-500 transition-colors group-hover:text-gray-800 md:text-[13px] dark:text-neutral-400 dark:group-hover:text-gray-300">AndreasZ</span> </button> </div> <div class="hidden items-center gap-2 text-sm font-normal text-neutral-500 sm:flex md:text-[13px] dark:text-neutral-400"><svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 17" class="size-3 " aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.25" d="m6 12.667 4-4-4-4"></path></svg> Bugs</div></div> <div class="mr-0.5 flex items-center gap-2.5 self-end">     <span class="flex shrink-0 text-xs font-normal text-neutral-500 dark:text-neutral-400" title="" aria-label="Oct 25, 2024, 10:19 AM"> 3d ago</span> <span class="block w-fit" role="presentation"><span aria-label="More actions" title=""><button aria-label="More actions" class="hover:bg-black/5 text-neutral-500 hover:text-gray-600 dark:hover:bg-white/10 dark:text-gray-400 dark:hover:text-gray-300 h-[28px] w-[28px] rounded-[5px] after:rounded-[5px] transition-[background,text] ov-focus aspect-square flex items-center justify-center" type="button"><svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 17" class="h-[18px] " aria-hidden="true"><path fill="currentColor" d="M7.833 5.778a1.167 1.167 0 1 1 0-2.334 1.167 1.167 0 0 1 0 2.334m0 3.889a1.167 1.167 0 1 1 0-2.334 1.167 1.167 0 0 1 0 2.334m0 3.888a1.167 1.167 0 1 1 0-2.333 1.167 1.167 0 0 1 0 2.333"></path></svg></button></span></span> </div></div> <div class="relative overflow-hidden break-words [mask-image:_linear-gradient(to_top,_transparent_4%,_black_33%)]" style="max-height: 300px;"><div class="flex items-start justify-between gap-2.5"><div class="w-full"><div class="mb-2.5 mt-1 flex items-start gap-2"><div class="mt-1 shrink-0"><svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 16" class="size-4 text-gray-400" aria-hidden="true"><path fill="currentColor" fill-rule="evenodd" d="M9.671 2.075c.178-.418-.048-.901-.496-.977a7 7 0 0 0-2.227-.02c-.449.068-.683.547-.513.969.142.351.52.539.896.493a5.6 5.6 0 0 1 1.435.013c.375.052.757-.129.905-.478m1.716 1.591c-.298-.233-.433-.633-.285-.982.178-.418.683-.591 1.049-.321.6.442 1.127.979 1.56 1.587.263.37.08.872-.34 1.043-.352.141-.75 0-.978-.303a5.5 5.5 0 0 0-1.006-1.024m2.537 6.005c-.348-.148-.53-.53-.477-.905a5.6 5.6 0 0 0 .013-1.435c-.046-.376.142-.754.493-.896.422-.17.9.064.969.513a7 7 0 0 1-.02 2.227c-.076.448-.56.674-.977.496m-2.917 3.7c-.142-.352 0-.75.303-.978.383-.29.727-.628 1.023-1.006.234-.298.634-.432.982-.284.419.177.592.682.322 1.048a7 7 0 0 1-1.588 1.56c-.37.262-.872.08-1.042-.34m-4.678.553c.148-.348.53-.53.905-.477a5.6 5.6 0 0 0 1.435.013c.376-.046.754.142.896.493.17.422-.064.9-.514.969a7 7 0 0 1-2.226-.02c-.448-.076-.674-.56-.496-.977m-3.7-2.917c.352-.141.75 0 .978.303.29.383.628.727 1.006 1.023.298.234.432.634.284.982-.177.419-.682.592-1.048.322a7 7 0 0 1-1.56-1.587c-.263-.37-.08-.873.34-1.043M2.076 6.33c.35.148.53.53.478.905A5.6 5.6 0 0 0 2.54 8.67c.046.376-.142.754-.493.896-.422.17-.9-.064-.969-.514a7 7 0 0 1 .02-2.226c.076-.448.56-.673.977-.496m2.918-3.7c.141.352 0 .75-.303.978-.383.29-.728.628-1.024 1.006-.233.298-.633.433-.982.285-.418-.178-.591-.683-.321-1.049A7 7 0 0 1 3.95 2.29c.37-.263.872-.08 1.043.34" clip-rule="evenodd"></path></svg></div> <h3 class="text-md inline-block font-semibold text-gray-600 dark:text-white">Fonts loading multiple times instead of using the same embedded file.</h3></div> <div class="text-gray-400"><div class="editor svelte-1hk7yrh"><div contenteditable="false" translate="yes" class="tiptap ProseMirror prose prose-sm prose-h1:text-[26px] focus:outline-none prose-h1:mt-12 prose-h2:mt-8 prose-h1:text-gray-700 dark:prose-h1:text-white prose-h2:text-gray-700 prose-h1:scroll-mt-28 prose-h1:font-semibold prose-h2:font-semibold prose-h2:scroll-mt-28 prose-h3:scroll-mt-28 prose-h4:scroll-mt-28 prose-h5:scroll-mt-28 dark:prose-h2:text-white prose-h3:text-gray-700 dark:prose-h3:text-white prose-h4:text-gray-700 dark:prose-h4:text-white flex-inline w-full h-full dark:prose-invert font-normal prose-pre:px-4 prose-pre:py-3 prose-pre:text-[13px] prose-pre:leading-[1.6] prose-code:text-gray-600 prose-code:font-normal dark:prose-code:text-gray-300 prose-code:bg-black/5 dark:prose-code:border-white/5 dark:prose-code:bg-white/5 prose-code:rounded-sm before:prose-p:content-none after:prose-p:content-none empty:prose-p:p-3 prose-blockquote:text-gray-400 dark:prose-blockquote:text-gray-300/80 prose-blockquote:not-italic max-w-none"><p>I noticed while editing a file that i had multiple instances of the same google font and weight being embedded for some reason, each time adding about 150kb to the file. I had to go to each text run and change the font back and forth so that the duplicate entries are detected and removed. I just saved 600kb that were introduced due to this bug.<br><br>Windows 10 22H2, Rive Editor  BETA 0.8.1986<br><br>no screenshot because I already fixed the file but basically in assets&gt;fonts:<br><br>- Poppins, black, used 1 time<br>- Poppins, bold, used 1 time<br>- Poppins, bold, used 4 times<br>- Poppins, medium, used 1 time<br>- Poppins, medium, used 4 times<br>.<br>.<br>.<br><br><br><br><br class="ProseMirror-trailingBreak"></p></div></div></div></div> </div></div>  <div class="mt-4 flex flex-col flex-wrap justify-between gap-6 @xl/main-panel-container:flex-row @xl/main-panel-container:flex-nowrap"><div class="flex flex-col-reverse gap-3 @xl/main-panel-container:flex-row @xl/main-panel-container:gap-0"><div class="left-section flex shrink-0 gap-3 svelte-5xi1lv"><span class="text flex h-[20px] shrink-0 items-center space-x-1 rounded-[8px] py-2 text-sm md:text-[13px] dark:text-gray-400 text-gray-500"><span style=""><div class="flex space-x-1"><span title="AndreasZ"><div class="avatar shrink-0 overflow-hidden size-5  rounded-[3px]"><span class="flex h-full items-center justify-center font-semibold uppercase text-gray-600 dark:text-gray-300 text-xxs" style="background: rgb(205, 194, 168); color: rgb(38, 38, 38);">A</span></div></span><span title="Chad"><div class="avatar shrink-0 overflow-hidden size-5  rounded-[3px]"><span class="flex h-full items-center justify-center font-semibold uppercase text-gray-600 dark:text-gray-300 text-xxs" style="background: rgb(252, 184, 39); color: rgb(38, 38, 38);">C</span></div></span> </div></span> <span class="shrink-0 px-1 text-xs font-medium text-blue-300">2 replies</span> </span></div> <div class="flex before:bg-black/10 dark:before:bg-white/10 svelte-5xi1lv"></div></div> <div class="ml-auto hidden shrink-0 items-center self-end pl-4 @xl/main-panel-container:flex"><span class="mr-2.5 inline-flex gap-0.5 text-xs font-normal text-neutral-500 dark:text-neutral-400">Last activity <span class="flex shrink-0 text-xs font-normal text-neutral-500 dark:text-neutral-400" title="" aria-label="Oct 26, 2024, 02:35 PM"> 2d ago</span></span></div></div></div>  </a><a class="ov-focus after:rounded-lg" aria-label="Thread: Audio playback from any playhead position" href="/community/forums/support/fsnLLkXUaA62/audio-playback-from-any-playhead-position/ftedC7Lh0fQ6"><div class="border-[0.5px] bg-white p-4 shadow transition-colors dark:bg-white/3 border-l-2 rounded-lg hover:bg-black/2 dark:hover:bg-white/5 border-black/10 dark:border-white/10" style="border-left-color: #000000;"><div class="mb-2 flex flex-wrap-reverse justify-between gap-2"><div class="not-prose mr-4 inline-flex flex-1 flex-wrap items-center gap-2"><div class="avatar shrink-0 overflow-hidden size-6  rounded"><div class="contents" role="" aria-label=""><img alt="" src="https://ucarecdn.com/49d25eed-fc14-40cb-96bb-6127fa592654/" class="better size-full object-cover" srcset="https://ucarecdn.com/49d25eed-fc14-40cb-96bb-6127fa592654/-/resize/200x/-/format/auto/-/quality/better/-/scale_crop/200x200/smart 200w,https://ucarecdn.com/49d25eed-fc14-40cb-96bb-6127fa592654/-/resize/400x/-/format/auto/-/quality/better/-/scale_crop/400x400/smart 400w,https://ucarecdn.com/49d25eed-fc14-40cb-96bb-6127fa592654/-/resize/500x/-/format/auto/-/quality/better/-/scale_crop/500x500/smart 500w,https://ucarecdn.com/49d25eed-fc14-40cb-96bb-6127fa592654/-/resize/800x/-/format/auto/-/quality/better/-/scale_crop/800x800/smart 800w,https://ucarecdn.com/49d25eed-fc14-40cb-96bb-6127fa592654/-/resize/1000x/-/format/auto/-/quality/better/-/scale_crop/1000x1000/smart 1000w,https://ucarecdn.com/49d25eed-fc14-40cb-96bb-6127fa592654/-/resize/1300x/-/format/auto/-/quality/better/-/scale_crop/1300x1300/smart 1300w,https://ucarecdn.com/49d25eed-fc14-40cb-96bb-6127fa592654/-/resize/1600x/-/format/auto/-/quality/better/-/scale_crop/1600x1600/smart 1600w" sizes="30px"></div> </div> <div class="inline-flex flex-wrap items-center gap-2"><button class="not-prose group inline-flex items-center gap-2 hover:cursor-pointer" aria-label="open profile for qwfwq"><span class="text-sm font-medium text-neutral-500 transition-colors group-hover:text-gray-800 md:text-[13px] dark:text-neutral-400 dark:group-hover:text-gray-300">qwfwq</span> </button> </div> <div class="hidden items-center gap-2 text-sm font-normal text-neutral-500 sm:flex md:text-[13px] dark:text-neutral-400"><svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 17" class="size-3 " aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.25" d="m6 12.667 4-4-4-4"></path></svg> Support</div></div> <div class="mr-0.5 flex items-center gap-2.5 self-end">     <span class="flex shrink-0 text-xs font-normal text-neutral-500 dark:text-neutral-400" title="" aria-label="Oct 24, 2024, 07:25 PM"> 4d ago</span> <span class="block w-fit" role="presentation"><span aria-label="More actions" title=""><button aria-label="More actions" class="hover:bg-black/5 text-neutral-500 hover:text-gray-600 dark:hover:bg-white/10 dark:text-gray-400 dark:hover:text-gray-300 h-[28px] w-[28px] rounded-[5px] after:rounded-[5px] transition-[background,text] ov-focus aspect-square flex items-center justify-center" type="button"><svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 17" class="h-[18px] " aria-hidden="true"><path fill="currentColor" d="M7.833 5.778a1.167 1.167 0 1 1 0-2.334 1.167 1.167 0 0 1 0 2.334m0 3.889a1.167 1.167 0 1 1 0-2.334 1.167 1.167 0 0 1 0 2.334m0 3.888a1.167 1.167 0 1 1 0-2.333 1.167 1.167 0 0 1 0 2.333"></path></svg></button></span></span> </div></div> <div class="relative overflow-hidden break-words" style=""><div class="flex items-start justify-between gap-2.5"><div class="w-full"><div class="mb-2.5 mt-1 flex items-start gap-2"><div class="mt-1 shrink-0"><svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 16" class="size-4 text-gray-400" aria-hidden="true"><path fill="currentColor" fill-rule="evenodd" d="M9.671 2.075c.178-.418-.048-.901-.496-.977a7 7 0 0 0-2.227-.02c-.449.068-.683.547-.513.969.142.351.52.539.896.493a5.6 5.6 0 0 1 1.435.013c.375.052.757-.129.905-.478m1.716 1.591c-.298-.233-.433-.633-.285-.982.178-.418.683-.591 1.049-.321.6.442 1.127.979 1.56 1.587.263.37.08.872-.34 1.043-.352.141-.75 0-.978-.303a5.5 5.5 0 0 0-1.006-1.024m2.537 6.005c-.348-.148-.53-.53-.477-.905a5.6 5.6 0 0 0 .013-1.435c-.046-.376.142-.754.493-.896.422-.17.9.064.969.513a7 7 0 0 1-.02 2.227c-.076.448-.56.674-.977.496m-2.917 3.7c-.142-.352 0-.75.303-.978.383-.29.727-.628 1.023-1.006.234-.298.634-.432.982-.284.419.177.592.682.322 1.048a7 7 0 0 1-1.588 1.56c-.37.262-.872.08-1.042-.34m-4.678.553c.148-.348.53-.53.905-.477a5.6 5.6 0 0 0 1.435.013c.376-.046.754.142.896.493.17.422-.064.9-.514.969a7 7 0 0 1-2.226-.02c-.448-.076-.674-.56-.496-.977m-3.7-2.917c.352-.141.75 0 .978.303.29.383.628.727 1.006 1.023.298.234.432.634.284.982-.177.419-.682.592-1.048.322a7 7 0 0 1-1.56-1.587c-.263-.37-.08-.873.34-1.043M2.076 6.33c.35.148.53.53.478.905A5.6 5.6 0 0 0 2.54 8.67c.046.376-.142.754-.493.896-.422.17-.9-.064-.969-.514a7 7 0 0 1 .02-2.226c.076-.448.56-.673.977-.496m2.918-3.7c.141.352 0 .75-.303.978-.383.29-.728.628-1.024 1.006-.233.298-.633.433-.982.285-.418-.178-.591-.683-.321-1.049A7 7 0 0 1 3.95 2.29c.37-.263.872-.08 1.043.34" clip-rule="evenodd"></path></svg></div> <h3 class="text-md inline-block font-semibold text-gray-600 dark:text-white">Audio playback from any playhead position</h3></div> <div class="text-gray-400"><div class="editor svelte-1hk7yrh"><div contenteditable="false" translate="yes" class="tiptap ProseMirror prose prose-sm prose-h1:text-[26px] focus:outline-none prose-h1:mt-12 prose-h2:mt-8 prose-h1:text-gray-700 dark:prose-h1:text-white prose-h2:text-gray-700 prose-h1:scroll-mt-28 prose-h1:font-semibold prose-h2:font-semibold prose-h2:scroll-mt-28 prose-h3:scroll-mt-28 prose-h4:scroll-mt-28 prose-h5:scroll-mt-28 dark:prose-h2:text-white prose-h3:text-gray-700 dark:prose-h3:text-white prose-h4:text-gray-700 dark:prose-h4:text-white flex-inline w-full h-full dark:prose-invert font-normal prose-pre:px-4 prose-pre:py-3 prose-pre:text-[13px] prose-pre:leading-[1.6] prose-code:text-gray-600 prose-code:font-normal dark:prose-code:text-gray-300 prose-code:bg-black/5 dark:prose-code:border-white/5 dark:prose-code:bg-white/5 prose-code:rounded-sm before:prose-p:content-none after:prose-p:content-none empty:prose-p:p-3 prose-blockquote:text-gray-400 dark:prose-blockquote:text-gray-300/80 prose-blockquote:not-italic max-w-none"><p>Hello, I have an audio track that I'd like to be mapped fully to the timeline so that I can play the audio wherever the playhead position is in the timeline. Right now, I have a 45s animation, and I have to move the playhead to the very beginning of the timeline each time to see how a keyframe syncs with the audio. How can I achieve this? I'm on Windows using BETA 0.8.1780</p></div></div></div></div> </div></div>  <div class="mt-4 flex flex-col flex-wrap justify-between gap-6 @xl/main-panel-container:flex-row @xl/main-panel-container:flex-nowrap"><div class="flex flex-col-reverse gap-3 @xl/main-panel-container:flex-row @xl/main-panel-container:gap-0"><div class="left-section flex shrink-0 gap-3 svelte-5xi1lv"><span class="text flex h-[20px] shrink-0 items-center space-x-1 rounded-[8px] py-2 text-sm md:text-[13px] dark:text-gray-400 text-gray-500"><span style=""><div class="flex space-x-1"><span title="Lance"><div class="avatar shrink-0 overflow-hidden size-5  rounded-[3px]"><div class="contents" role="" aria-label=""><img alt="" src="https://ucarecdn.com/4f41736c-00f1-402b-a594-6b1b7c7b166a/" class="better size-full object-cover" srcset="https://ucarecdn.com/4f41736c-00f1-402b-a594-6b1b7c7b166a/-/resize/200x/-/format/auto/-/quality/better/-/scale_crop/200x200/smart 200w,https://ucarecdn.com/4f41736c-00f1-402b-a594-6b1b7c7b166a/-/resize/400x/-/format/auto/-/quality/better/-/scale_crop/400x400/smart 400w,https://ucarecdn.com/4f41736c-00f1-402b-a594-6b1b7c7b166a/-/resize/500x/-/format/auto/-/quality/better/-/scale_crop/500x500/smart 500w,https://ucarecdn.com/4f41736c-00f1-402b-a594-6b1b7c7b166a/-/resize/800x/-/format/auto/-/quality/better/-/scale_crop/800x800/smart 800w,https://ucarecdn.com/4f41736c-00f1-402b-a594-6b1b7c7b166a/-/resize/1000x/-/format/auto/-/quality/better/-/scale_crop/1000x1000/smart 1000w,https://ucarecdn.com/4f41736c-00f1-402b-a594-6b1b7c7b166a/-/resize/1300x/-/format/auto/-/quality/better/-/scale_crop/1300x1300/smart 1300w,https://ucarecdn.com/4f41736c-00f1-402b-a594-6b1b7c7b166a/-/resize/1600x/-/format/auto/-/quality/better/-/scale_crop/1600x1600/smart 1600w" sizes="25px"></div> </div></span> </div></span> <span class="shrink-0 px-1 text-xs font-medium text-blue-300">1 reply</span> </span></div> <div class="flex before:bg-black/10 dark:before:bg-white/10 svelte-5xi1lv"></div></div> <div class="ml-auto hidden shrink-0 items-center self-end pl-4 @xl/main-panel-container:flex"><span class="mr-2.5 inline-flex gap-0.5 text-xs font-normal text-neutral-500 dark:text-neutral-400">Last activity <span class="flex shrink-0 text-xs font-normal text-neutral-500 dark:text-neutral-400" title="" aria-label="Oct 24, 2024, 09:19 PM"> 3d ago</span></span></div></div></div>  </a><a class="ov-focus after:rounded-lg" aria-label="Thread: 1. Events firing simlutaneously, 2. Parent event not activating" href="/community/forums/support/fsnLLkXUaA62/1-events-firing-simlutaneously-2-parent-event-not-activating/ftIW9h7bRLVj"><div class="border-[0.5px] bg-white p-4 shadow transition-colors dark:bg-white/3 border-l-2 rounded-lg hover:bg-black/2 dark:hover:bg-white/5 border-black/10 dark:border-white/10" style="border-left-color: #000000;"><div class="mb-2 flex flex-wrap-reverse justify-between gap-2"><div class="not-prose mr-4 inline-flex flex-1 flex-wrap items-center gap-2"><div class="avatar shrink-0 overflow-hidden size-6  rounded"><span class="flex h-full items-center justify-center font-semibold uppercase text-gray-600 dark:text-gray-300 text-sm" style="background: rgb(0, 158, 220); color: rgb(250, 250, 250);">E</span></div> <div class="inline-flex flex-wrap items-center gap-2"><button class="not-prose group inline-flex items-center gap-2 hover:cursor-pointer" aria-label="open profile for Erik"><span class="text-sm font-medium text-neutral-500 transition-colors group-hover:text-gray-800 md:text-[13px] dark:text-neutral-400 dark:group-hover:text-gray-300">Erik</span> </button> </div> <div class="hidden items-center gap-2 text-sm font-normal text-neutral-500 sm:flex md:text-[13px] dark:text-neutral-400"><svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 17" class="size-3 " aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.25" d="m6 12.667 4-4-4-4"></path></svg> Support</div></div> <div class="mr-0.5 flex items-center gap-2.5 self-end">     <span class="flex shrink-0 text-xs font-normal text-neutral-500 dark:text-neutral-400" title="" aria-label="Oct 24, 2024, 06:15 PM"> 4d ago</span> <span class="block w-fit" role="presentation"><span aria-label="More actions" title=""><button aria-label="More actions" class="hover:bg-black/5 text-neutral-500 hover:text-gray-600 dark:hover:bg-white/10 dark:text-gray-400 dark:hover:text-gray-300 h-[28px] w-[28px] rounded-[5px] after:rounded-[5px] transition-[background,text] ov-focus aspect-square flex items-center justify-center" type="button"><svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 17" class="h-[18px] " aria-hidden="true"><path fill="currentColor" d="M7.833 5.778a1.167 1.167 0 1 1 0-2.334 1.167 1.167 0 0 1 0 2.334m0 3.889a1.167 1.167 0 1 1 0-2.334 1.167 1.167 0 0 1 0 2.334m0 3.888a1.167 1.167 0 1 1 0-2.333 1.167 1.167 0 0 1 0 2.333"></path></svg></button></span></span> </div></div> <div class="relative overflow-hidden break-words [mask-image:_linear-gradient(to_top,_transparent_4%,_black_33%)]" style="max-height: 300px;"><div class="flex items-start justify-between gap-2.5"><div class="w-full"><div class="mb-2.5 mt-1 flex items-start gap-2"><div class="mt-1 shrink-0"><svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 16" class="size-4 text-gray-400" aria-hidden="true"><path fill="currentColor" fill-rule="evenodd" d="M9.671 2.075c.178-.418-.048-.901-.496-.977a7 7 0 0 0-2.227-.02c-.449.068-.683.547-.513.969.142.351.52.539.896.493a5.6 5.6 0 0 1 1.435.013c.375.052.757-.129.905-.478m1.716 1.591c-.298-.233-.433-.633-.285-.982.178-.418.683-.591 1.049-.321.6.442 1.127.979 1.56 1.587.263.37.08.872-.34 1.043-.352.141-.75 0-.978-.303a5.5 5.5 0 0 0-1.006-1.024m2.537 6.005c-.348-.148-.53-.53-.477-.905a5.6 5.6 0 0 0 .013-1.435c-.046-.376.142-.754.493-.896.422-.17.9.064.969.513a7 7 0 0 1-.02 2.227c-.076.448-.56.674-.977.496m-2.917 3.7c-.142-.352 0-.75.303-.978.383-.29.727-.628 1.023-1.006.234-.298.634-.432.982-.284.419.177.592.682.322 1.048a7 7 0 0 1-1.588 1.56c-.37.262-.872.08-1.042-.34m-4.678.553c.148-.348.53-.53.905-.477a5.6 5.6 0 0 0 1.435.013c.376-.046.754.142.896.493.17.422-.064.9-.514.969a7 7 0 0 1-2.226-.02c-.448-.076-.674-.56-.496-.977m-3.7-2.917c.352-.141.75 0 .978.303.29.383.628.727 1.006 1.023.298.234.432.634.284.982-.177.419-.682.592-1.048.322a7 7 0 0 1-1.56-1.587c-.263-.37-.08-.873.34-1.043M2.076 6.33c.35.148.53.53.478.905A5.6 5.6 0 0 0 2.54 8.67c.046.376-.142.754-.493.896-.422.17-.9-.064-.969-.514a7 7 0 0 1 .02-2.226c.076-.448.56-.673.977-.496m2.918-3.7c.141.352 0 .75-.303.978-.383.29-.728.628-1.024 1.006-.233.298-.633.433-.982.285-.418-.178-.591-.683-.321-1.049A7 7 0 0 1 3.95 2.29c.37-.263.872-.08 1.043.34" clip-rule="evenodd"></path></svg></div> <h3 class="text-md inline-block font-semibold text-gray-600 dark:text-white">1. Events firing simlutaneously, 2. Parent event not activating</h3></div> <div class="text-gray-400"><div class="editor svelte-1hk7yrh"><div contenteditable="false" translate="yes" class="tiptap ProseMirror prose prose-sm prose-h1:text-[26px] focus:outline-none prose-h1:mt-12 prose-h2:mt-8 prose-h1:text-gray-700 dark:prose-h1:text-white prose-h2:text-gray-700 prose-h1:scroll-mt-28 prose-h1:font-semibold prose-h2:font-semibold prose-h2:scroll-mt-28 prose-h3:scroll-mt-28 prose-h4:scroll-mt-28 prose-h5:scroll-mt-28 dark:prose-h2:text-white prose-h3:text-gray-700 dark:prose-h3:text-white prose-h4:text-gray-700 dark:prose-h4:text-white flex-inline w-full h-full dark:prose-invert font-normal prose-pre:px-4 prose-pre:py-3 prose-pre:text-[13px] prose-pre:leading-[1.6] prose-code:text-gray-600 prose-code:font-normal dark:prose-code:text-gray-300 prose-code:bg-black/5 dark:prose-code:border-white/5 dark:prose-code:bg-white/5 prose-code:rounded-sm before:prose-p:content-none after:prose-p:content-none empty:prose-p:p-3 prose-blockquote:text-gray-400 dark:prose-blockquote:text-gray-300/80 prose-blockquote:not-italic max-w-none"><p>I’ve used Rive <strong>for</strong> quite a while, but haven’t been this stuck in a while with a fairly simple situation. I have two questions:</p><p>1.<span> </span>Why are two events fired simultaneously with ‘Bomb-ON-Listener-ON’?</p><p>2.<span> </span>Why doesn’t the embedded artboard on the ‘Main’ artboard listen to events fired from the parent artboard? I’ve tried different solutions, but I’m really clueless and would like to understand conceptually what I am doing wrong and how to do it the Rive way.<br><br><a target="_blank" rel="noopener noreferrer nofollow" class="text-community-primary no-underline hover:underline hover:cursor-pointer" href="https://www.loom.com/share/8388677daf364d58869a58938c522d87?sid=64b8e9d4-3c12-472a-873c-b059166d8814">https://www.loom.com/share/8388677daf364d58869a58938c522d87?sid=64b8e9d4-3c12-472a-873c-b059166d8814</a></p><p><br class="ProseMirror-trailingBreak"></p><div class="node-file svelte-renderer" contenteditable="false" draggable="true"><div data-node-view-wrapper="" role="none" editor="[object Object]" class="flex justify-start not-prose group relative my-2 rounded" style="white-space: normal;"> <div class="in-out-shadow flex basis-full items-center gap-1.5 rounded-md bg-black/2 px-2 py-2.5 after:rounded-md sm:basis-1/2 dark:bg-white/3"><svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 16" class="size-6 not-prose m-1.5 text-gray-400" aria-hidden="true"><path fill="currentColor" fill-rule="evenodd" d="M3 3.653c0 .36.295.653.66.653h5.47q.934 0 1.539.571.605.57.605 1.469 0 .83-.605 1.36-.605.517-1.54.517H6.752a.656.656 0 0 0-.66.653c0 .36.296.653.66.653h2.625l2.364 3.754q.22.34.619.34.44 0 .619-.34.179-.354-.07-.748l-2.103-3.346a3.1 3.1 0 0 0 1.348-1.116q.495-.747.495-1.727 0-.993-.454-1.741a3.06 3.06 0 0 0-1.237-1.17Q10.16 3 9.129 3H3.66a.656.656 0 0 0-.66.653" clip-rule="evenodd"></path></svg> <div class="flex flex-col"><div class="flex items-center gap-1.5"><span class="text-sm font-normal text-gray-500 md:text-[13px] dark:text-gray-300">Question.rev</span></div> <div class="ml-[1px] flex items-center gap-1.5 text-gray-400"><span class="text-xs font-normal">4 KB</span></div></div> <a href="https://ucarecdn.com/e4a8667c-5f3c-4855-ba11-09ef71d454a9/" download="" class="ml-auto mr-2"><span aria-label="Download Question.rev" title=""><button aria-label="Download Question.rev" class="hover:bg-black/5 text-neutral-500 hover:text-gray-600 dark:hover:bg-white/10 dark:text-gray-400 dark:hover:text-gray-300 h-[28px] w-[28px] rounded-[5px] after:rounded-[5px] transition-[background,text] ov-focus aspect-square flex items-center justify-center" type="button"><svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 16" class="size-4 " aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M2.55 9.893v2.43c0 .642.5 1.163 1.118 1.163h8.765c.617 0 1.117-.521 1.117-1.164V9.893m-5.498-7.38V8.81m0 0 2.06-1.886M8.052 8.81l-2.06-1.886"></path></svg></button></span></a></div></div></div></div></div></div></div> </div></div>  <div class="mt-4 flex flex-col flex-wrap justify-between gap-6 @xl/main-panel-container:flex-row @xl/main-panel-container:flex-nowrap"><div class="flex flex-col-reverse gap-3 @xl/main-panel-container:flex-row @xl/main-panel-container:gap-0"><div class="left-section flex shrink-0 gap-3 svelte-5xi1lv"><span class="text flex h-[20px] shrink-0 items-center space-x-1 rounded-[8px] py-2 text-sm md:text-[13px] dark:text-gray-400 text-gray-500"><span style=""><div class="flex space-x-1"><span title="Erik"><div class="avatar shrink-0 overflow-hidden size-5  rounded-[3px]"><span class="flex h-full items-center justify-center font-semibold uppercase text-gray-600 dark:text-gray-300 text-xxs" style="background: rgb(0, 158, 220); color: rgb(250, 250, 250);">E</span></div></span><span title="Robert"><div class="avatar shrink-0 overflow-hidden size-5  rounded-[3px]"><span class="flex h-full items-center justify-center font-semibold uppercase text-gray-600 dark:text-gray-300 text-xxs" style="background: rgb(255, 91, 199); color: rgb(250, 250, 250);">R</span></div></span> </div></span> <span class="shrink-0 px-1 text-xs font-medium text-blue-300">2 replies</span> </span></div> <div class="flex before:bg-black/10 dark:before:bg-white/10 svelte-5xi1lv"></div></div> <div class="ml-auto hidden shrink-0 items-center self-end pl-4 @xl/main-panel-container:flex"><span class="mr-2.5 inline-flex gap-0.5 text-xs font-normal text-neutral-500 dark:text-neutral-400">Last activity <span class="flex shrink-0 text-xs font-normal text-neutral-500 dark:text-neutral-400" title="" aria-label="Oct 24, 2024, 07:49 PM"> 4d ago</span></span></div></div></div>  </a><a class="ov-focus after:rounded-lg" aria-label="Thread: Joystick integration?" href="/community/forums/support/fsnLLkXUaA62/joystick-integration/ft69arMTSAI4"><div class="border-[0.5px] bg-white p-4 shadow transition-colors dark:bg-white/3 border-l-2 rounded-lg hover:bg-black/2 dark:hover:bg-white/5 border-black/10 dark:border-white/10" style="border-left-color: #000000;"><div class="mb-2 flex flex-wrap-reverse justify-between gap-2"><div class="not-prose mr-4 inline-flex flex-1 flex-wrap items-center gap-2"><div class="avatar shrink-0 overflow-hidden size-6  rounded"><span class="flex h-full items-center justify-center font-semibold uppercase text-gray-600 dark:text-gray-300 text-sm" style="background: rgb(205, 194, 168); color: rgb(38, 38, 38);">Y</span></div> <div class="inline-flex flex-wrap items-center gap-2"><button class="not-prose group inline-flex items-center gap-2 hover:cursor-pointer" aria-label="open profile for Yagmur"><span class="text-sm font-medium text-neutral-500 transition-colors group-hover:text-gray-800 md:text-[13px] dark:text-neutral-400 dark:group-hover:text-gray-300">Yagmur</span> </button> </div> <div class="hidden items-center gap-2 text-sm font-normal text-neutral-500 sm:flex md:text-[13px] dark:text-neutral-400"><svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 17" class="size-3 " aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.25" d="m6 12.667 4-4-4-4"></path></svg> Support</div></div> <div class="mr-0.5 flex items-center gap-2.5 self-end">     <span class="flex shrink-0 text-xs font-normal text-neutral-500 dark:text-neutral-400" title="" aria-label="Oct 24, 2024, 12:41 PM"> 4d ago</span> <span class="block w-fit" role="presentation"><span aria-label="More actions" title=""><button aria-label="More actions" class="hover:bg-black/5 text-neutral-500 hover:text-gray-600 dark:hover:bg-white/10 dark:text-gray-400 dark:hover:text-gray-300 h-[28px] w-[28px] rounded-[5px] after:rounded-[5px] transition-[background,text] ov-focus aspect-square flex items-center justify-center" type="button"><svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 17" class="h-[18px] " aria-hidden="true"><path fill="currentColor" d="M7.833 5.778a1.167 1.167 0 1 1 0-2.334 1.167 1.167 0 0 1 0 2.334m0 3.889a1.167 1.167 0 1 1 0-2.334 1.167 1.167 0 0 1 0 2.334m0 3.888a1.167 1.167 0 1 1 0-2.333 1.167 1.167 0 0 1 0 2.333"></path></svg></button></span></span> </div></div> <div class="relative overflow-hidden break-words" style=""><div class="flex items-start justify-between gap-2.5"><div class="w-full"><div class="mb-2.5 mt-1 flex items-start gap-2"><div class="mt-1 shrink-0"><svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 16" class="size-4 text-gray-400" aria-hidden="true"><path fill="currentColor" fill-rule="evenodd" d="M9.671 2.075c.178-.418-.048-.901-.496-.977a7 7 0 0 0-2.227-.02c-.449.068-.683.547-.513.969.142.351.52.539.896.493a5.6 5.6 0 0 1 1.435.013c.375.052.757-.129.905-.478m1.716 1.591c-.298-.233-.433-.633-.285-.982.178-.418.683-.591 1.049-.321.6.442 1.127.979 1.56 1.587.263.37.08.872-.34 1.043-.352.141-.75 0-.978-.303a5.5 5.5 0 0 0-1.006-1.024m2.537 6.005c-.348-.148-.53-.53-.477-.905a5.6 5.6 0 0 0 .013-1.435c-.046-.376.142-.754.493-.896.422-.17.9.064.969.513a7 7 0 0 1-.02 2.227c-.076.448-.56.674-.977.496m-2.917 3.7c-.142-.352 0-.75.303-.978.383-.29.727-.628 1.023-1.006.234-.298.634-.432.982-.284.419.177.592.682.322 1.048a7 7 0 0 1-1.588 1.56c-.37.262-.872.08-1.042-.34m-4.678.553c.148-.348.53-.53.905-.477a5.6 5.6 0 0 0 1.435.013c.376-.046.754.142.896.493.17.422-.064.9-.514.969a7 7 0 0 1-2.226-.02c-.448-.076-.674-.56-.496-.977m-3.7-2.917c.352-.141.75 0 .978.303.29.383.628.727 1.006 1.023.298.234.432.634.284.982-.177.419-.682.592-1.048.322a7 7 0 0 1-1.56-1.587c-.263-.37-.08-.873.34-1.043M2.076 6.33c.35.148.53.53.478.905A5.6 5.6 0 0 0 2.54 8.67c.046.376-.142.754-.493.896-.422.17-.9-.064-.969-.514a7 7 0 0 1 .02-2.226c.076-.448.56-.673.977-.496m2.918-3.7c.141.352 0 .75-.303.978-.383.29-.728.628-1.024 1.006-.233.298-.633.433-.982.285-.418-.178-.591-.683-.321-1.049A7 7 0 0 1 3.95 2.29c.37-.263.872-.08 1.043.34" clip-rule="evenodd"></path></svg></div> <h3 class="text-md inline-block font-semibold text-gray-600 dark:text-white">Joystick integration?</h3></div> <div class="text-gray-400"><div class="editor svelte-1hk7yrh"><div contenteditable="false" translate="yes" class="tiptap ProseMirror prose prose-sm prose-h1:text-[26px] focus:outline-none prose-h1:mt-12 prose-h2:mt-8 prose-h1:text-gray-700 dark:prose-h1:text-white prose-h2:text-gray-700 prose-h1:scroll-mt-28 prose-h1:font-semibold prose-h2:font-semibold prose-h2:scroll-mt-28 prose-h3:scroll-mt-28 prose-h4:scroll-mt-28 prose-h5:scroll-mt-28 dark:prose-h2:text-white prose-h3:text-gray-700 dark:prose-h3:text-white prose-h4:text-gray-700 dark:prose-h4:text-white flex-inline w-full h-full dark:prose-invert font-normal prose-pre:px-4 prose-pre:py-3 prose-pre:text-[13px] prose-pre:leading-[1.6] prose-code:text-gray-600 prose-code:font-normal dark:prose-code:text-gray-300 prose-code:bg-black/5 dark:prose-code:border-white/5 dark:prose-code:bg-white/5 prose-code:rounded-sm before:prose-p:content-none after:prose-p:content-none empty:prose-p:p-3 prose-blockquote:text-gray-400 dark:prose-blockquote:text-gray-300/80 prose-blockquote:not-italic max-w-none"><p>hello. for a vending machine system, i will prepare a rive animation that will work simultaneously with the face recognition system and move the eyes according to the recognised object. how can i integrate the joystick to C++? should it work real-time?<br><br><br class="ProseMirror-trailingBreak"></p><p> and is there any documentations, not superficially, but in more detail, that I'll check that how joystick module works?</p></div></div></div></div> </div></div>  <div class="mt-4 flex flex-col flex-wrap justify-between gap-6 @xl/main-panel-container:flex-row @xl/main-panel-container:flex-nowrap"><div class="flex flex-col-reverse gap-3 @xl/main-panel-container:flex-row @xl/main-panel-container:gap-0"><div class="left-section flex shrink-0 gap-3 svelte-5xi1lv"><span class="text flex h-[20px] shrink-0 items-center space-x-1 rounded-[8px] py-2 text-sm md:text-[13px] dark:text-gray-400 text-gray-500"><span style=""><div class="flex space-x-1"><span title="Robert"><div class="avatar shrink-0 overflow-hidden size-5  rounded-[3px]"><span class="flex h-full items-center justify-center font-semibold uppercase text-gray-600 dark:text-gray-300 text-xxs" style="background: rgb(255, 91, 199); color: rgb(250, 250, 250);">R</span></div></span><span title="Yagmur"><div class="avatar shrink-0 overflow-hidden size-5  rounded-[3px]"><span class="flex h-full items-center justify-center font-semibold uppercase text-gray-600 dark:text-gray-300 text-xxs" style="background: rgb(205, 194, 168); color: rgb(38, 38, 38);">Y</span></div></span> </div></span> <span class="shrink-0 px-1 text-xs font-medium text-blue-300">2 replies</span> </span></div> <div class="flex before:bg-black/10 dark:before:bg-white/10 svelte-5xi1lv"></div></div> <div class="ml-auto hidden shrink-0 items-center self-end pl-4 @xl/main-panel-container:flex"><span class="mr-2.5 inline-flex gap-0.5 text-xs font-normal text-neutral-500 dark:text-neutral-400">Last activity <span class="flex shrink-0 text-xs font-normal text-neutral-500 dark:text-neutral-400" title="" aria-label="Oct 25, 2024, 11:29 AM"> 3d ago</span></span></div></div></div>  </a><a class="ov-focus after:rounded-lg" aria-label="Thread: Lost one layer when playing the state machine." href="/community/forums/support/fsnLLkXUaA62/lost-one-layer-when-playing-the-state-machine/ftadkR0OJG6A"><div class="border-[0.5px] bg-white p-4 shadow transition-colors dark:bg-white/3 border-l-2 rounded-lg hover:bg-black/2 dark:hover:bg-white/5 border-black/10 dark:border-white/10" style="border-left-color: #000000;"><div class="mb-2 flex flex-wrap-reverse justify-between gap-2"><div class="not-prose mr-4 inline-flex flex-1 flex-wrap items-center gap-2"><div class="avatar shrink-0 overflow-hidden size-6  rounded"><div class="contents" role="" aria-label=""><img alt="" src="https://ucarecdn.com/b33c7d4b-c381-4922-922d-52f91bf04e06/" class="better size-full object-cover" srcset="https://ucarecdn.com/b33c7d4b-c381-4922-922d-52f91bf04e06/-/resize/200x/-/format/auto/-/quality/better/-/scale_crop/200x200/smart 200w,https://ucarecdn.com/b33c7d4b-c381-4922-922d-52f91bf04e06/-/resize/400x/-/format/auto/-/quality/better/-/scale_crop/400x400/smart 400w,https://ucarecdn.com/b33c7d4b-c381-4922-922d-52f91bf04e06/-/resize/500x/-/format/auto/-/quality/better/-/scale_crop/500x500/smart 500w,https://ucarecdn.com/b33c7d4b-c381-4922-922d-52f91bf04e06/-/resize/800x/-/format/auto/-/quality/better/-/scale_crop/800x800/smart 800w,https://ucarecdn.com/b33c7d4b-c381-4922-922d-52f91bf04e06/-/resize/1000x/-/format/auto/-/quality/better/-/scale_crop/1000x1000/smart 1000w,https://ucarecdn.com/b33c7d4b-c381-4922-922d-52f91bf04e06/-/resize/1300x/-/format/auto/-/quality/better/-/scale_crop/1300x1300/smart 1300w,https://ucarecdn.com/b33c7d4b-c381-4922-922d-52f91bf04e06/-/resize/1600x/-/format/auto/-/quality/better/-/scale_crop/1600x1600/smart 1600w" sizes="30px"></div> </div> <div class="inline-flex flex-wrap items-center gap-2"><button class="not-prose group inline-flex items-center gap-2 hover:cursor-pointer" aria-label="open profile for Jessie"><span class="text-sm font-medium text-neutral-500 transition-colors group-hover:text-gray-800 md:text-[13px] dark:text-neutral-400 dark:group-hover:text-gray-300">Jessie</span> </button> </div> <div class="hidden items-center gap-2 text-sm font-normal text-neutral-500 sm:flex md:text-[13px] dark:text-neutral-400"><svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 17" class="size-3 " aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.25" d="m6 12.667 4-4-4-4"></path></svg> Support</div></div> <div class="mr-0.5 flex items-center gap-2.5 self-end">     <span class="flex shrink-0 text-xs font-normal text-neutral-500 dark:text-neutral-400" title="" aria-label="Oct 24, 2024, 12:20 AM"> 4d ago</span> <span class="block w-fit" role="presentation"><span aria-label="More actions" title=""><button aria-label="More actions" class="hover:bg-black/5 text-neutral-500 hover:text-gray-600 dark:hover:bg-white/10 dark:text-gray-400 dark:hover:text-gray-300 h-[28px] w-[28px] rounded-[5px] after:rounded-[5px] transition-[background,text] ov-focus aspect-square flex items-center justify-center" type="button"><svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 17" class="h-[18px] " aria-hidden="true"><path fill="currentColor" d="M7.833 5.778a1.167 1.167 0 1 1 0-2.334 1.167 1.167 0 0 1 0 2.334m0 3.889a1.167 1.167 0 1 1 0-2.334 1.167 1.167 0 0 1 0 2.334m0 3.888a1.167 1.167 0 1 1 0-2.333 1.167 1.167 0 0 1 0 2.333"></path></svg></button></span></span> </div></div> <div class="relative overflow-hidden break-words [mask-image:_linear-gradient(to_top,_transparent_4%,_black_33%)]" style="max-height: 300px;"><div class="flex items-start justify-between gap-2.5"><div class="w-full"><div class="mb-2.5 mt-1 flex items-start gap-2"><div class="mt-1 shrink-0"><svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 16" class="size-4 text-gray-400" aria-hidden="true"><path fill="currentColor" fill-rule="evenodd" d="M9.671 2.075c.178-.418-.048-.901-.496-.977a7 7 0 0 0-2.227-.02c-.449.068-.683.547-.513.969.142.351.52.539.896.493a5.6 5.6 0 0 1 1.435.013c.375.052.757-.129.905-.478m1.716 1.591c-.298-.233-.433-.633-.285-.982.178-.418.683-.591 1.049-.321.6.442 1.127.979 1.56 1.587.263.37.08.872-.34 1.043-.352.141-.75 0-.978-.303a5.5 5.5 0 0 0-1.006-1.024m2.537 6.005c-.348-.148-.53-.53-.477-.905a5.6 5.6 0 0 0 .013-1.435c-.046-.376.142-.754.493-.896.422-.17.9.064.969.513a7 7 0 0 1-.02 2.227c-.076.448-.56.674-.977.496m-2.917 3.7c-.142-.352 0-.75.303-.978.383-.29.727-.628 1.023-1.006.234-.298.634-.432.982-.284.419.177.592.682.322 1.048a7 7 0 0 1-1.588 1.56c-.37.262-.872.08-1.042-.34m-4.678.553c.148-.348.53-.53.905-.477a5.6 5.6 0 0 0 1.435.013c.376-.046.754.142.896.493.17.422-.064.9-.514.969a7 7 0 0 1-2.226-.02c-.448-.076-.674-.56-.496-.977m-3.7-2.917c.352-.141.75 0 .978.303.29.383.628.727 1.006 1.023.298.234.432.634.284.982-.177.419-.682.592-1.048.322a7 7 0 0 1-1.56-1.587c-.263-.37-.08-.873.34-1.043M2.076 6.33c.35.148.53.53.478.905A5.6 5.6 0 0 0 2.54 8.67c.046.376-.142.754-.493.896-.422.17-.9-.064-.969-.514a7 7 0 0 1 .02-2.226c.076-.448.56-.673.977-.496m2.918-3.7c.141.352 0 .75-.303.978-.383.29-.728.628-1.024 1.006-.233.298-.633.433-.982.285-.418-.178-.591-.683-.321-1.049A7 7 0 0 1 3.95 2.29c.37-.263.872-.08 1.043.34" clip-rule="evenodd"></path></svg></div> <h3 class="text-md inline-block font-semibold text-gray-600 dark:text-white">Lost one layer when playing the state machine.</h3></div> <div class="text-gray-400"><div class="editor svelte-1hk7yrh"><div contenteditable="false" translate="yes" class="tiptap ProseMirror prose prose-sm prose-h1:text-[26px] focus:outline-none prose-h1:mt-12 prose-h2:mt-8 prose-h1:text-gray-700 dark:prose-h1:text-white prose-h2:text-gray-700 prose-h1:scroll-mt-28 prose-h1:font-semibold prose-h2:font-semibold prose-h2:scroll-mt-28 prose-h3:scroll-mt-28 prose-h4:scroll-mt-28 prose-h5:scroll-mt-28 dark:prose-h2:text-white prose-h3:text-gray-700 dark:prose-h3:text-white prose-h4:text-gray-700 dark:prose-h4:text-white flex-inline w-full h-full dark:prose-invert font-normal prose-pre:px-4 prose-pre:py-3 prose-pre:text-[13px] prose-pre:leading-[1.6] prose-code:text-gray-600 prose-code:font-normal dark:prose-code:text-gray-300 prose-code:bg-black/5 dark:prose-code:border-white/5 dark:prose-code:bg-white/5 prose-code:rounded-sm before:prose-p:content-none after:prose-p:content-none empty:prose-p:p-3 prose-blockquote:text-gray-400 dark:prose-blockquote:text-gray-300/80 prose-blockquote:not-italic max-w-none"><p>Hi</p><p>I have a ColdPen animation in the IconPen artboard.<br>When playing the GoldPen animation, the layer of the pen's shadow shows correctly.</p><p>However, the shadow layer disappeared after I put it on the Badge artboard as a nested artboard.</p><p>Could anyone kindly help me to figure out where is the problem??<br><br><a target="_blank" rel="noopener noreferrer nofollow" class="text-community-primary no-underline hover:underline hover:cursor-pointer" href="https://editor.rive.app/file/badge/971234">https://editor.rive.app/file/badge/971234</a><br><br class="ProseMirror-trailingBreak"></p><p>Artboard: Badge<br>Inputs: BadgeLevel 16</p><p><a target="_blank" rel="noopener noreferrer nofollow" class="text-community-primary no-underline hover:underline hover:cursor-pointer" href="https://rive.app/s/YZXT0ar3KEC6fKF9VdOQPg/">https://rive.app/s/YZXT0ar3KEC6fKF9VdOQPg/</a></p><div class="node-open-graph svelte-renderer" contenteditable="false" draggable="true"><div data-node-view-wrapper="" role="none" style="white-space: normal;"><div class="not-prose group relative pb-4"> <div class="flex gap-4"><div class="h-auto w-1 shrink-0 rounded-xl bg-gray-300 dark:bg-gray-500"></div> <a class="group-one flex max-w-[300px] flex-1 flex-col gap-3" href="https://rive.app/s/YZXT0ar3KEC6fKF9VdOQPg/" target="_blank" rel="noreferrer"><div class="flex flex-nowrap items-center justify-between gap-2"><span class="shrink truncate font-semibold text-gray-700 dark:text-white">rive.app</span> <svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 17" class="size-4 shrink-0 rotate-45 text-gray-500 opacity-0 transition-opacity duration-75 group-one-hover:opacity-100 dark:text-gray-300" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.25" d="M8 15.334V2m0 0L3.556 6.445M8 2l4.444 4.445"></path></svg></div> <span class="line-clamp-1 font-semibold text-community-primary underline-offset-2 group-one-hover:underline">Badge</span>  <div class="contents" role="" aria-label=""><img alt="Badge" src="https://public.rive.app/share-links/thumbnails/YZXT0ar3KEC6fKF9VdOQPg.png" class="better aspect-[1.95] w-full rounded-lg bg-gray-200 dark:bg-gray-200/20 object-cover"></div> </a></div></div></div></div><p><br><br>NestedArtboard:IconPen<br>Animation:GoldPen</p><p><a target="_blank" rel="noopener noreferrer nofollow" class="text-community-primary no-underline hover:underline hover:cursor-pointer" href="https://rive.app/s/3AwTk91hUkSfSIls2bL9Xw/">https://rive.app/s/3AwTk91hUkSfSIls2bL9Xw/</a></p><div class="node-open-graph svelte-renderer" contenteditable="false" draggable="true"><div data-node-view-wrapper="" role="none" style="white-space: normal;"><div class="not-prose group relative pb-4"> <div class="flex gap-4"><div class="h-auto w-1 shrink-0 rounded-xl bg-gray-300 dark:bg-gray-500"></div> <a class="group-one flex max-w-[300px] flex-1 flex-col gap-3" href="https://rive.app/s/3AwTk91hUkSfSIls2bL9Xw/" target="_blank" rel="noreferrer"><div class="flex flex-nowrap items-center justify-between gap-2"><span class="shrink truncate font-semibold text-gray-700 dark:text-white">rive.app</span> <svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 17" class="size-4 shrink-0 rotate-45 text-gray-500 opacity-0 transition-opacity duration-75 group-one-hover:opacity-100 dark:text-gray-300" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.25" d="M8 15.334V2m0 0L3.556 6.445M8 2l4.444 4.445"></path></svg></div> <span class="line-clamp-1 font-semibold text-community-primary underline-offset-2 group-one-hover:underline">Badge</span>  <div class="contents" role="" aria-label=""><img alt="Badge" src="https://public.rive.app/share-links/thumbnails/3AwTk91hUkSfSIls2bL9Xw.png" class="better aspect-[1.95] w-full rounded-lg bg-gray-200 dark:bg-gray-200/20 object-cover"></div> </a></div></div></div></div></div></div></div></div> </div></div>  <div class="mt-4 flex flex-col flex-wrap justify-between gap-6 @xl/main-panel-container:flex-row @xl/main-panel-container:flex-nowrap"><div class="flex flex-col-reverse gap-3 @xl/main-panel-container:flex-row @xl/main-panel-container:gap-0"><div class="left-section flex shrink-0 gap-3 svelte-5xi1lv"><span class="text flex h-[20px] shrink-0 items-center space-x-1 rounded-[8px] py-2 text-sm md:text-[13px] dark:text-gray-400 text-gray-500"><span style=""><div class="flex space-x-1"><span title="Jessie"><div class="avatar shrink-0 overflow-hidden size-5  rounded-[3px]"><div class="contents" role="" aria-label=""><img alt="" src="https://ucarecdn.com/b33c7d4b-c381-4922-922d-52f91bf04e06/" class="better size-full object-cover" srcset="https://ucarecdn.com/b33c7d4b-c381-4922-922d-52f91bf04e06/-/resize/200x/-/format/auto/-/quality/better/-/scale_crop/200x200/smart 200w,https://ucarecdn.com/b33c7d4b-c381-4922-922d-52f91bf04e06/-/resize/400x/-/format/auto/-/quality/better/-/scale_crop/400x400/smart 400w,https://ucarecdn.com/b33c7d4b-c381-4922-922d-52f91bf04e06/-/resize/500x/-/format/auto/-/quality/better/-/scale_crop/500x500/smart 500w,https://ucarecdn.com/b33c7d4b-c381-4922-922d-52f91bf04e06/-/resize/800x/-/format/auto/-/quality/better/-/scale_crop/800x800/smart 800w,https://ucarecdn.com/b33c7d4b-c381-4922-922d-52f91bf04e06/-/resize/1000x/-/format/auto/-/quality/better/-/scale_crop/1000x1000/smart 1000w,https://ucarecdn.com/b33c7d4b-c381-4922-922d-52f91bf04e06/-/resize/1300x/-/format/auto/-/quality/better/-/scale_crop/1300x1300/smart 1300w,https://ucarecdn.com/b33c7d4b-c381-4922-922d-52f91bf04e06/-/resize/1600x/-/format/auto/-/quality/better/-/scale_crop/1600x1600/smart 1600w" sizes="25px"></div> </div></span><span title="Robert"><div class="avatar shrink-0 overflow-hidden size-5  rounded-[3px]"><span class="flex h-full items-center justify-center font-semibold uppercase text-gray-600 dark:text-gray-300 text-xxs" style="background: rgb(255, 91, 199); color: rgb(250, 250, 250);">R</span></div></span> </div></span> <span class="shrink-0 px-1 text-xs font-medium text-blue-300">2 replies</span> </span></div> <div class="flex before:bg-black/10 dark:before:bg-white/10 svelte-5xi1lv"></div></div> <div class="ml-auto hidden shrink-0 items-center self-end pl-4 @xl/main-panel-container:flex"><span class="mr-2.5 inline-flex gap-0.5 text-xs font-normal text-neutral-500 dark:text-neutral-400">Last activity <span class="flex shrink-0 text-xs font-normal text-neutral-500 dark:text-neutral-400" title="" aria-label="Oct 25, 2024, 03:42 AM"> 3d ago</span></span></div></div></div>  </a><a class="ov-focus after:rounded-lg" aria-label="Thread: My SVGs won't finish importing" href="/community/forums/support/fsnLLkXUaA62/my-svgs-wont-finish-importing/ftloT4PLEYad"><div class="border-[0.5px] bg-white p-4 shadow transition-colors dark:bg-white/3 border-l-2 rounded-lg hover:bg-black/2 dark:hover:bg-white/5 border-black/10 dark:border-white/10" style="border-left-color: #000000;"><div class="mb-2 flex flex-wrap-reverse justify-between gap-2"><div class="not-prose mr-4 inline-flex flex-1 flex-wrap items-center gap-2"><div class="avatar shrink-0 overflow-hidden size-6  rounded"><span class="flex h-full items-center justify-center font-semibold uppercase text-gray-600 dark:text-gray-300 text-sm" style="background: rgb(205, 194, 168); color: rgb(38, 38, 38);">e</span></div> <div class="inline-flex flex-wrap items-center gap-2"><button class="not-prose group inline-flex items-center gap-2 hover:cursor-pointer" aria-label="open profile for elmemoeschido"><span class="text-sm font-medium text-neutral-500 transition-colors group-hover:text-gray-800 md:text-[13px] dark:text-neutral-400 dark:group-hover:text-gray-300">elmemoeschido</span> </button> </div> <div class="hidden items-center gap-2 text-sm font-normal text-neutral-500 sm:flex md:text-[13px] dark:text-neutral-400"><svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 17" class="size-3 " aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.25" d="m6 12.667 4-4-4-4"></path></svg> Support</div></div> <div class="mr-0.5 flex items-center gap-2.5 self-end">     <span class="flex shrink-0 text-xs font-normal text-neutral-500 dark:text-neutral-400" title="" aria-label="Oct 23, 2024, 08:13 PM"> 5d ago</span> <span class="block w-fit" role="presentation"><span aria-label="More actions" title=""><button aria-label="More actions" class="hover:bg-black/5 text-neutral-500 hover:text-gray-600 dark:hover:bg-white/10 dark:text-gray-400 dark:hover:text-gray-300 h-[28px] w-[28px] rounded-[5px] after:rounded-[5px] transition-[background,text] ov-focus aspect-square flex items-center justify-center" type="button"><svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 17" class="h-[18px] " aria-hidden="true"><path fill="currentColor" d="M7.833 5.778a1.167 1.167 0 1 1 0-2.334 1.167 1.167 0 0 1 0 2.334m0 3.889a1.167 1.167 0 1 1 0-2.334 1.167 1.167 0 0 1 0 2.334m0 3.888a1.167 1.167 0 1 1 0-2.333 1.167 1.167 0 0 1 0 2.333"></path></svg></button></span></span> </div></div> <div class="relative overflow-hidden break-words" style=""><div class="flex items-start justify-between gap-2.5"><div class="w-full"><div class="mb-2.5 mt-1 flex items-start gap-2"><div class="mt-1 shrink-0"><svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 16" class="size-4 text-gray-400" aria-hidden="true"><path fill="currentColor" fill-rule="evenodd" d="M9.671 2.075c.178-.418-.048-.901-.496-.977a7 7 0 0 0-2.227-.02c-.449.068-.683.547-.513.969.142.351.52.539.896.493a5.6 5.6 0 0 1 1.435.013c.375.052.757-.129.905-.478m1.716 1.591c-.298-.233-.433-.633-.285-.982.178-.418.683-.591 1.049-.321.6.442 1.127.979 1.56 1.587.263.37.08.872-.34 1.043-.352.141-.75 0-.978-.303a5.5 5.5 0 0 0-1.006-1.024m2.537 6.005c-.348-.148-.53-.53-.477-.905a5.6 5.6 0 0 0 .013-1.435c-.046-.376.142-.754.493-.896.422-.17.9.064.969.513a7 7 0 0 1-.02 2.227c-.076.448-.56.674-.977.496m-2.917 3.7c-.142-.352 0-.75.303-.978.383-.29.727-.628 1.023-1.006.234-.298.634-.432.982-.284.419.177.592.682.322 1.048a7 7 0 0 1-1.588 1.56c-.37.262-.872.08-1.042-.34m-4.678.553c.148-.348.53-.53.905-.477a5.6 5.6 0 0 0 1.435.013c.376-.046.754.142.896.493.17.422-.064.9-.514.969a7 7 0 0 1-2.226-.02c-.448-.076-.674-.56-.496-.977m-3.7-2.917c.352-.141.75 0 .978.303.29.383.628.727 1.006 1.023.298.234.432.634.284.982-.177.419-.682.592-1.048.322a7 7 0 0 1-1.56-1.587c-.263-.37-.08-.873.34-1.043M2.076 6.33c.35.148.53.53.478.905A5.6 5.6 0 0 0 2.54 8.67c.046.376-.142.754-.493.896-.422.17-.9-.064-.969-.514a7 7 0 0 1 .02-2.226c.076-.448.56-.673.977-.496m2.918-3.7c.141.352 0 .75-.303.978-.383.29-.728.628-1.024 1.006-.233.298-.633.433-.982.285-.418-.178-.591-.683-.321-1.049A7 7 0 0 1 3.95 2.29c.37-.263.872-.08 1.043.34" clip-rule="evenodd"></path></svg></div> <h3 class="text-md inline-block font-semibold text-gray-600 dark:text-white">My SVGs won't finish importing</h3></div> <div class="text-gray-400"><div class="editor svelte-1hk7yrh"><div contenteditable="false" translate="yes" class="tiptap ProseMirror prose prose-sm prose-h1:text-[26px] focus:outline-none prose-h1:mt-12 prose-h2:mt-8 prose-h1:text-gray-700 dark:prose-h1:text-white prose-h2:text-gray-700 prose-h1:scroll-mt-28 prose-h1:font-semibold prose-h2:font-semibold prose-h2:scroll-mt-28 prose-h3:scroll-mt-28 prose-h4:scroll-mt-28 prose-h5:scroll-mt-28 dark:prose-h2:text-white prose-h3:text-gray-700 dark:prose-h3:text-white prose-h4:text-gray-700 dark:prose-h4:text-white flex-inline w-full h-full dark:prose-invert font-normal prose-pre:px-4 prose-pre:py-3 prose-pre:text-[13px] prose-pre:leading-[1.6] prose-code:text-gray-600 prose-code:font-normal dark:prose-code:text-gray-300 prose-code:bg-black/5 dark:prose-code:border-white/5 dark:prose-code:bg-white/5 prose-code:rounded-sm before:prose-p:content-none after:prose-p:content-none empty:prose-p:p-3 prose-blockquote:text-gray-400 dark:prose-blockquote:text-gray-300/80 prose-blockquote:not-italic max-w-none"><p>As you read, they stay in a charging state indefinitely, no matter how much time passes... what can I do? </p><p><br class="ProseMirror-trailingBreak"></p></div></div></div></div> </div></div>  <div class="mt-4 flex flex-col flex-wrap justify-between gap-6 @xl/main-panel-container:flex-row @xl/main-panel-container:flex-nowrap"><div class="flex flex-col-reverse gap-3 @xl/main-panel-container:flex-row @xl/main-panel-container:gap-0"><div class="left-section flex shrink-0 gap-3 svelte-5xi1lv"><span class="text flex h-[20px] shrink-0 items-center space-x-1 rounded-[8px] py-2 text-sm md:text-[13px] dark:text-gray-400 text-gray-500"><span style=""><div class="flex space-x-1"><span title="Robert"><div class="avatar shrink-0 overflow-hidden size-5  rounded-[3px]"><span class="flex h-full items-center justify-center font-semibold uppercase text-gray-600 dark:text-gray-300 text-xxs" style="background: rgb(255, 91, 199); color: rgb(250, 250, 250);">R</span></div></span> </div></span> <span class="shrink-0 px-1 text-xs font-medium text-blue-300">1 reply</span> </span></div> <div class="flex before:bg-black/10 dark:before:bg-white/10 svelte-5xi1lv"></div></div> <div class="ml-auto hidden shrink-0 items-center self-end pl-4 @xl/main-panel-container:flex"><span class="mr-2.5 inline-flex gap-0.5 text-xs font-normal text-neutral-500 dark:text-neutral-400">Last activity <span class="flex shrink-0 text-xs font-normal text-neutral-500 dark:text-neutral-400" title="" aria-label="Oct 24, 2024, 02:27 PM"> 4d ago</span></span></div></div></div>  </a><a class="ov-focus after:rounded-lg" aria-label="Thread: URLs in embedded Rive files" href="/community/forums/support/fsnLLkXUaA62/urls-in-embedded-rive-files/ftzo8JwoQUxr"><div class="border-[0.5px] bg-white p-4 shadow transition-colors dark:bg-white/3 border-l-2 rounded-lg hover:bg-black/2 dark:hover:bg-white/5 border-black/10 dark:border-white/10" style="border-left-color: #000000;"><div class="mb-2 flex flex-wrap-reverse justify-between gap-2"><div class="not-prose mr-4 inline-flex flex-1 flex-wrap items-center gap-2"><div class="avatar shrink-0 overflow-hidden size-6  rounded"><div class="contents" role="" aria-label=""><img alt="" src="https://ucarecdn.com/52e32630-3eb1-466c-9a91-53324ee59a60/" class="better size-full object-cover" srcset="https://ucarecdn.com/52e32630-3eb1-466c-9a91-53324ee59a60/-/resize/200x/-/format/auto/-/quality/better/-/scale_crop/200x200/smart 200w,https://ucarecdn.com/52e32630-3eb1-466c-9a91-53324ee59a60/-/resize/400x/-/format/auto/-/quality/better/-/scale_crop/400x400/smart 400w,https://ucarecdn.com/52e32630-3eb1-466c-9a91-53324ee59a60/-/resize/500x/-/format/auto/-/quality/better/-/scale_crop/500x500/smart 500w,https://ucarecdn.com/52e32630-3eb1-466c-9a91-53324ee59a60/-/resize/800x/-/format/auto/-/quality/better/-/scale_crop/800x800/smart 800w,https://ucarecdn.com/52e32630-3eb1-466c-9a91-53324ee59a60/-/resize/1000x/-/format/auto/-/quality/better/-/scale_crop/1000x1000/smart 1000w,https://ucarecdn.com/52e32630-3eb1-466c-9a91-53324ee59a60/-/resize/1300x/-/format/auto/-/quality/better/-/scale_crop/1300x1300/smart 1300w,https://ucarecdn.com/52e32630-3eb1-466c-9a91-53324ee59a60/-/resize/1600x/-/format/auto/-/quality/better/-/scale_crop/1600x1600/smart 1600w" sizes="30px"></div> </div> <div class="inline-flex flex-wrap items-center gap-2"><button class="not-prose group inline-flex items-center gap-2 hover:cursor-pointer" aria-label="open profile for barrymcw"><span class="text-sm font-medium text-neutral-500 transition-colors group-hover:text-gray-800 md:text-[13px] dark:text-neutral-400 dark:group-hover:text-gray-300">barrymcw</span> </button> </div> <div class="hidden items-center gap-2 text-sm font-normal text-neutral-500 sm:flex md:text-[13px] dark:text-neutral-400"><svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 17" class="size-3 " aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.25" d="m6 12.667 4-4-4-4"></path></svg> Support</div></div> <div class="mr-0.5 flex items-center gap-2.5 self-end">     <span class="flex shrink-0 text-xs font-normal text-neutral-500 dark:text-neutral-400" title="" aria-label="Oct 23, 2024, 01:43 PM"> 5d ago</span> <span class="block w-fit" role="presentation"><span aria-label="More actions" title=""><button aria-label="More actions" class="hover:bg-black/5 text-neutral-500 hover:text-gray-600 dark:hover:bg-white/10 dark:text-gray-400 dark:hover:text-gray-300 h-[28px] w-[28px] rounded-[5px] after:rounded-[5px] transition-[background,text] ov-focus aspect-square flex items-center justify-center" type="button"><svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 17" class="h-[18px] " aria-hidden="true"><path fill="currentColor" d="M7.833 5.778a1.167 1.167 0 1 1 0-2.334 1.167 1.167 0 0 1 0 2.334m0 3.889a1.167 1.167 0 1 1 0-2.334 1.167 1.167 0 0 1 0 2.334m0 3.888a1.167 1.167 0 1 1 0-2.333 1.167 1.167 0 0 1 0 2.333"></path></svg></button></span></span> </div></div> <div class="relative overflow-hidden break-words [mask-image:_linear-gradient(to_top,_transparent_4%,_black_33%)]" style="max-height: 300px;"><div class="flex items-start justify-between gap-2.5"><div class="w-full"><div class="mb-2.5 mt-1 flex items-start gap-2"><div class="mt-1 shrink-0"><svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 16" class="size-4 text-gray-400" aria-hidden="true"><path fill="currentColor" fill-rule="evenodd" d="M9.671 2.075c.178-.418-.048-.901-.496-.977a7 7 0 0 0-2.227-.02c-.449.068-.683.547-.513.969.142.351.52.539.896.493a5.6 5.6 0 0 1 1.435.013c.375.052.757-.129.905-.478m1.716 1.591c-.298-.233-.433-.633-.285-.982.178-.418.683-.591 1.049-.321.6.442 1.127.979 1.56 1.587.263.37.08.872-.34 1.043-.352.141-.75 0-.978-.303a5.5 5.5 0 0 0-1.006-1.024m2.537 6.005c-.348-.148-.53-.53-.477-.905a5.6 5.6 0 0 0 .013-1.435c-.046-.376.142-.754.493-.896.422-.17.9.064.969.513a7 7 0 0 1-.02 2.227c-.076.448-.56.674-.977.496m-2.917 3.7c-.142-.352 0-.75.303-.978.383-.29.727-.628 1.023-1.006.234-.298.634-.432.982-.284.419.177.592.682.322 1.048a7 7 0 0 1-1.588 1.56c-.37.262-.872.08-1.042-.34m-4.678.553c.148-.348.53-.53.905-.477a5.6 5.6 0 0 0 1.435.013c.376-.046.754.142.896.493.17.422-.064.9-.514.969a7 7 0 0 1-2.226-.02c-.448-.076-.674-.56-.496-.977m-3.7-2.917c.352-.141.75 0 .978.303.29.383.628.727 1.006 1.023.298.234.432.634.284.982-.177.419-.682.592-1.048.322a7 7 0 0 1-1.56-1.587c-.263-.37-.08-.873.34-1.043M2.076 6.33c.35.148.53.53.478.905A5.6 5.6 0 0 0 2.54 8.67c.046.376-.142.754-.493.896-.422.17-.9-.064-.969-.514a7 7 0 0 1 .02-2.226c.076-.448.56-.673.977-.496m2.918-3.7c.141.352 0 .75-.303.978-.383.29-.728.628-1.024 1.006-.233.298-.633.433-.982.285-.418-.178-.591-.683-.321-1.049A7 7 0 0 1 3.95 2.29c.37-.263.872-.08 1.043.34" clip-rule="evenodd"></path></svg></div> <h3 class="text-md inline-block font-semibold text-gray-600 dark:text-white">URLs in embedded Rive files</h3></div> <div class="text-gray-400"><div class="editor svelte-1hk7yrh"><div contenteditable="false" translate="yes" class="tiptap ProseMirror prose prose-sm prose-h1:text-[26px] focus:outline-none prose-h1:mt-12 prose-h2:mt-8 prose-h1:text-gray-700 dark:prose-h1:text-white prose-h2:text-gray-700 prose-h1:scroll-mt-28 prose-h1:font-semibold prose-h2:font-semibold prose-h2:scroll-mt-28 prose-h3:scroll-mt-28 prose-h4:scroll-mt-28 prose-h5:scroll-mt-28 dark:prose-h2:text-white prose-h3:text-gray-700 dark:prose-h3:text-white prose-h4:text-gray-700 dark:prose-h4:text-white flex-inline w-full h-full dark:prose-invert font-normal prose-pre:px-4 prose-pre:py-3 prose-pre:text-[13px] prose-pre:leading-[1.6] prose-code:text-gray-600 prose-code:font-normal dark:prose-code:text-gray-300 prose-code:bg-black/5 dark:prose-code:border-white/5 dark:prose-code:bg-white/5 prose-code:rounded-sm before:prose-p:content-none after:prose-p:content-none empty:prose-p:p-3 prose-blockquote:text-gray-400 dark:prose-blockquote:text-gray-300/80 prose-blockquote:not-italic max-w-none"><p>I just want to confirm that I understand this note, from <a target="_blank" rel="noopener noreferrer nofollow" class="text-community-primary no-underline hover:underline hover:cursor-pointer" href="https://rive.app/community/doc/overview/docREl0GMIeb">here.</a></p><blockquote><p>"<span>At this time, by default, Rive will not open URLs when this type of event is reported in share links or community posts due to security considerations. However, this may change in the future"</span></p></blockquote><p>This includes embedded code generated from here?</p><div class="node-image svelte-renderer" contenteditable="false" draggable="true"><div data-node-view-wrapper="" role="none" editor="[object Object]" class="flex justify-start not-prose group relative my-2 rounded" style="white-space: normal;">  <div class="basis-3/4 max-w-[350px] relative w-full rounded-sm ring-offset-gray-100 dark:ring-offset-gray-800 min-w-[25%] min-h-[150px]"><button class="contents" type="button" role="button" aria-label="view larger image"><img alt="" src="https://ucarecdn.com/d1fdef4d-e566-4eeb-8d46-015a97d393be/" class="better size-full rounded object-cover" srcset="https://ucarecdn.com/d1fdef4d-e566-4eeb-8d46-015a97d393be/-/resize/200x/-/format/auto/-/quality/better/ 200w,https://ucarecdn.com/d1fdef4d-e566-4eeb-8d46-015a97d393be/-/resize/400x/-/format/auto/-/quality/better/ 400w,https://ucarecdn.com/d1fdef4d-e566-4eeb-8d46-015a97d393be/-/resize/500x/-/format/auto/-/quality/better/ 500w,https://ucarecdn.com/d1fdef4d-e566-4eeb-8d46-015a97d393be/-/resize/800x/-/format/auto/-/quality/better/ 800w,https://ucarecdn.com/d1fdef4d-e566-4eeb-8d46-015a97d393be/-/resize/1000x/-/format/auto/-/quality/better/ 1000w,https://ucarecdn.com/d1fdef4d-e566-4eeb-8d46-015a97d393be/-/resize/1300x/-/format/auto/-/quality/better/ 1300w,https://ucarecdn.com/d1fdef4d-e566-4eeb-8d46-015a97d393be/-/resize/1600x/-/format/auto/-/quality/better/ 1600w" sizes="(max-width: 600px) 100vw, (max-width: 1200px) 65vw, 50vw"></button>    <iframe style="display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; border: 0; opacity: 0; pointer-events: none; z-index: -1;" aria-hidden="true" tabindex="-1" src="about:blank"></iframe></div></div></div><p>I've created a click event that's supposed to open an URL and I'm not sure how to test it.</p><p>The embed is here:</p><p><a target="_blank" rel="noopener noreferrer nofollow" class="text-community-primary no-underline hover:underline hover:cursor-pointer" href="https://www.postcardsfromberlin.net/rive-test-02">https://www.postcardsfromberlin.net/rive-test-02</a></p><p>and the circled object should have a click event, but maybe it's disabled. I'm pretty sure I'm reading the note correctly, but I'd love confirmation.</p><div class="node-image svelte-renderer" contenteditable="false" draggable="true"><div data-node-view-wrapper="" role="none" editor="[object Object]" class="flex justify-start not-prose group relative my-2 rounded" style="white-space: normal;">  <div class="basis-3/4 max-w-[350px] relative w-full rounded-sm ring-offset-gray-100 dark:ring-offset-gray-800 min-w-[25%] min-h-[150px]"><button class="contents" type="button" role="button" aria-label="view larger image"><img alt="" src="https://ucarecdn.com/2d9c1f23-3749-4039-9ce1-4b38f384c29e/" class="better size-full rounded object-cover" srcset="https://ucarecdn.com/2d9c1f23-3749-4039-9ce1-4b38f384c29e/-/resize/200x/-/format/auto/-/quality/better/ 200w,https://ucarecdn.com/2d9c1f23-3749-4039-9ce1-4b38f384c29e/-/resize/400x/-/format/auto/-/quality/better/ 400w,https://ucarecdn.com/2d9c1f23-3749-4039-9ce1-4b38f384c29e/-/resize/500x/-/format/auto/-/quality/better/ 500w,https://ucarecdn.com/2d9c1f23-3749-4039-9ce1-4b38f384c29e/-/resize/800x/-/format/auto/-/quality/better/ 800w,https://ucarecdn.com/2d9c1f23-3749-4039-9ce1-4b38f384c29e/-/resize/1000x/-/format/auto/-/quality/better/ 1000w,https://ucarecdn.com/2d9c1f23-3749-4039-9ce1-4b38f384c29e/-/resize/1300x/-/format/auto/-/quality/better/ 1300w,https://ucarecdn.com/2d9c1f23-3749-4039-9ce1-4b38f384c29e/-/resize/1600x/-/format/auto/-/quality/better/ 1600w" sizes="(max-width: 600px) 100vw, (max-width: 1200px) 65vw, 50vw"></button>    <iframe style="display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; border: 0; opacity: 0; pointer-events: none; z-index: -1;" aria-hidden="true" tabindex="-1" src="about:blank"></iframe></div></div></div><div class="node-open-graph svelte-renderer" contenteditable="false" draggable="true"><div data-node-view-wrapper="" role="none" style="white-space: normal;"><div class="not-prose group relative pb-4"> <div class="flex gap-4"><div class="h-auto w-1 shrink-0 rounded-xl bg-gray-300 dark:bg-gray-500"></div> <a class="group-one flex max-w-[300px] flex-1 flex-col gap-3" href="https://www.postcardsfromberlin.net/rive-test-02" target="_blank" rel="noreferrer"><div class="flex flex-nowrap items-center justify-between gap-2"><span class="shrink truncate font-semibold text-gray-700 dark:text-white">postcardsfromberlin.net</span> <svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 17" class="size-4 shrink-0 rotate-45 text-gray-500 opacity-0 transition-opacity duration-75 group-one-hover:opacity-100 dark:text-gray-300" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.25" d="M8 15.334V2m0 0L3.556 6.445M8 2l4.444 4.445"></path></svg></div> <span class="line-clamp-1 font-semibold text-community-primary underline-offset-2 group-one-hover:underline">Rive Test 02 — Barry McWilliams</span>  </a></div></div></div></div><p>Thanks</p></div></div></div></div> </div></div>  <div class="mt-4 flex flex-col flex-wrap justify-between gap-6 @xl/main-panel-container:flex-row @xl/main-panel-container:flex-nowrap"><div class="flex flex-col-reverse gap-3 @xl/main-panel-container:flex-row @xl/main-panel-container:gap-0"><div class="left-section flex shrink-0 gap-3 svelte-5xi1lv"><span class="text flex h-[20px] shrink-0 items-center space-x-1 rounded-[8px] py-2 text-sm md:text-[13px] dark:text-gray-400 text-gray-500"><span style=""><div class="flex space-x-1"><span title="barrymcw"><div class="avatar shrink-0 overflow-hidden size-5  rounded-[3px]"><div class="contents" role="" aria-label=""><img alt="" src="https://ucarecdn.com/52e32630-3eb1-466c-9a91-53324ee59a60/" class="better size-full object-cover" srcset="https://ucarecdn.com/52e32630-3eb1-466c-9a91-53324ee59a60/-/resize/200x/-/format/auto/-/quality/better/-/scale_crop/200x200/smart 200w,https://ucarecdn.com/52e32630-3eb1-466c-9a91-53324ee59a60/-/resize/400x/-/format/auto/-/quality/better/-/scale_crop/400x400/smart 400w,https://ucarecdn.com/52e32630-3eb1-466c-9a91-53324ee59a60/-/resize/500x/-/format/auto/-/quality/better/-/scale_crop/500x500/smart 500w,https://ucarecdn.com/52e32630-3eb1-466c-9a91-53324ee59a60/-/resize/800x/-/format/auto/-/quality/better/-/scale_crop/800x800/smart 800w,https://ucarecdn.com/52e32630-3eb1-466c-9a91-53324ee59a60/-/resize/1000x/-/format/auto/-/quality/better/-/scale_crop/1000x1000/smart 1000w,https://ucarecdn.com/52e32630-3eb1-466c-9a91-53324ee59a60/-/resize/1300x/-/format/auto/-/quality/better/-/scale_crop/1300x1300/smart 1300w,https://ucarecdn.com/52e32630-3eb1-466c-9a91-53324ee59a60/-/resize/1600x/-/format/auto/-/quality/better/-/scale_crop/1600x1600/smart 1600w" sizes="25px"></div> </div></span><span title="Lance"><div class="avatar shrink-0 overflow-hidden size-5  rounded-[3px]"><div class="contents" role="" aria-label=""><img alt="" src="https://ucarecdn.com/4f41736c-00f1-402b-a594-6b1b7c7b166a/" class="better size-full object-cover" srcset="https://ucarecdn.com/4f41736c-00f1-402b-a594-6b1b7c7b166a/-/resize/200x/-/format/auto/-/quality/better/-/scale_crop/200x200/smart 200w,https://ucarecdn.com/4f41736c-00f1-402b-a594-6b1b7c7b166a/-/resize/400x/-/format/auto/-/quality/better/-/scale_crop/400x400/smart 400w,https://ucarecdn.com/4f41736c-00f1-402b-a594-6b1b7c7b166a/-/resize/500x/-/format/auto/-/quality/better/-/scale_crop/500x500/smart 500w,https://ucarecdn.com/4f41736c-00f1-402b-a594-6b1b7c7b166a/-/resize/800x/-/format/auto/-/quality/better/-/scale_crop/800x800/smart 800w,https://ucarecdn.com/4f41736c-00f1-402b-a594-6b1b7c7b166a/-/resize/1000x/-/format/auto/-/quality/better/-/scale_crop/1000x1000/smart 1000w,https://ucarecdn.com/4f41736c-00f1-402b-a594-6b1b7c7b166a/-/resize/1300x/-/format/auto/-/quality/better/-/scale_crop/1300x1300/smart 1300w,https://ucarecdn.com/4f41736c-00f1-402b-a594-6b1b7c7b166a/-/resize/1600x/-/format/auto/-/quality/better/-/scale_crop/1600x1600/smart 1600w" sizes="25px"></div> </div></span> </div></span> <span class="shrink-0 px-1 text-xs font-medium text-blue-300">2 replies</span> </span></div> <div class="flex before:bg-black/10 dark:before:bg-white/10 svelte-5xi1lv"></div></div> <div class="ml-auto hidden shrink-0 items-center self-end pl-4 @xl/main-panel-container:flex"><span class="mr-2.5 inline-flex gap-0.5 text-xs font-normal text-neutral-500 dark:text-neutral-400">Last activity <span class="flex shrink-0 text-xs font-normal text-neutral-500 dark:text-neutral-400" title="" aria-label="Oct 25, 2024, 12:03 PM"> 3d ago</span></span></div></div></div>  </a><a class="ov-focus after:rounded-lg" aria-label="Thread: Shortcut &quot;Alt + .&quot; plays a windows alert sound when moving keyframes." href="/community/forums/bugs/fsLjspgTHYcR/shortcut-alt---plays-a-windows-alert-sound-when-moving-keyframes/ft7pmochV36L"><div class="border-[0.5px] bg-white p-4 shadow transition-colors dark:bg-white/3 border-l-2 rounded-lg hover:bg-black/2 dark:hover:bg-white/5 border-black/10 dark:border-white/10" style="border-left-color: #000000;"><div class="mb-2 flex flex-wrap-reverse justify-between gap-2"><div class="not-prose mr-4 inline-flex flex-1 flex-wrap items-center gap-2"><div class="avatar shrink-0 overflow-hidden size-6  rounded"><span class="flex h-full items-center justify-center font-semibold uppercase text-gray-600 dark:text-gray-300 text-sm" style="background: rgb(205, 194, 168); color: rgb(38, 38, 38);">J</span></div> <div class="inline-flex flex-wrap items-center gap-2"><button class="not-prose group inline-flex items-center gap-2 hover:cursor-pointer" aria-label="open profile for J. O. Haarup"><span class="text-sm font-medium text-neutral-500 transition-colors group-hover:text-gray-800 md:text-[13px] dark:text-neutral-400 dark:group-hover:text-gray-300">J. O. Haarup</span> </button> </div> <div class="hidden items-center gap-2 text-sm font-normal text-neutral-500 sm:flex md:text-[13px] dark:text-neutral-400"><svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 17" class="size-3 " aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.25" d="m6 12.667 4-4-4-4"></path></svg> Bugs</div></div> <div class="mr-0.5 flex items-center gap-2.5 self-end">     <span class="flex shrink-0 text-xs font-normal text-neutral-500 dark:text-neutral-400" title="" aria-label="Oct 23, 2024, 08:04 AM"> 5d ago</span> <span class="block w-fit" role="presentation"><span aria-label="More actions" title=""><button aria-label="More actions" class="hover:bg-black/5 text-neutral-500 hover:text-gray-600 dark:hover:bg-white/10 dark:text-gray-400 dark:hover:text-gray-300 h-[28px] w-[28px] rounded-[5px] after:rounded-[5px] transition-[background,text] ov-focus aspect-square flex items-center justify-center" type="button"><svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 17" class="h-[18px] " aria-hidden="true"><path fill="currentColor" d="M7.833 5.778a1.167 1.167 0 1 1 0-2.334 1.167 1.167 0 0 1 0 2.334m0 3.889a1.167 1.167 0 1 1 0-2.334 1.167 1.167 0 0 1 0 2.334m0 3.888a1.167 1.167 0 1 1 0-2.333 1.167 1.167 0 0 1 0 2.333"></path></svg></button></span></span> </div></div> <div class="relative overflow-hidden break-words" style=""><div class="flex items-start justify-between gap-2.5"><div class="w-full"><div class="mb-2.5 mt-1 flex items-start gap-2"><div class="mt-1 shrink-0"><svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 16" class="size-4 text-gray-400" aria-hidden="true"><path fill="currentColor" fill-rule="evenodd" d="M9.671 2.075c.178-.418-.048-.901-.496-.977a7 7 0 0 0-2.227-.02c-.449.068-.683.547-.513.969.142.351.52.539.896.493a5.6 5.6 0 0 1 1.435.013c.375.052.757-.129.905-.478m1.716 1.591c-.298-.233-.433-.633-.285-.982.178-.418.683-.591 1.049-.321.6.442 1.127.979 1.56 1.587.263.37.08.872-.34 1.043-.352.141-.75 0-.978-.303a5.5 5.5 0 0 0-1.006-1.024m2.537 6.005c-.348-.148-.53-.53-.477-.905a5.6 5.6 0 0 0 .013-1.435c-.046-.376.142-.754.493-.896.422-.17.9.064.969.513a7 7 0 0 1-.02 2.227c-.076.448-.56.674-.977.496m-2.917 3.7c-.142-.352 0-.75.303-.978.383-.29.727-.628 1.023-1.006.234-.298.634-.432.982-.284.419.177.592.682.322 1.048a7 7 0 0 1-1.588 1.56c-.37.262-.872.08-1.042-.34m-4.678.553c.148-.348.53-.53.905-.477a5.6 5.6 0 0 0 1.435.013c.376-.046.754.142.896.493.17.422-.064.9-.514.969a7 7 0 0 1-2.226-.02c-.448-.076-.674-.56-.496-.977m-3.7-2.917c.352-.141.75 0 .978.303.29.383.628.727 1.006 1.023.298.234.432.634.284.982-.177.419-.682.592-1.048.322a7 7 0 0 1-1.56-1.587c-.263-.37-.08-.873.34-1.043M2.076 6.33c.35.148.53.53.478.905A5.6 5.6 0 0 0 2.54 8.67c.046.376-.142.754-.493.896-.422.17-.9-.064-.969-.514a7 7 0 0 1 .02-2.226c.076-.448.56-.673.977-.496m2.918-3.7c.141.352 0 .75-.303.978-.383.29-.728.628-1.024 1.006-.233.298-.633.433-.982.285-.418-.178-.591-.683-.321-1.049A7 7 0 0 1 3.95 2.29c.37-.263.872-.08 1.043.34" clip-rule="evenodd"></path></svg></div> <h3 class="text-md inline-block font-semibold text-gray-600 dark:text-white">Shortcut "Alt + ." plays a windows alert sound when moving keyframes.</h3></div> <div class="text-gray-400"><div class="editor svelte-1hk7yrh"><div contenteditable="false" translate="yes" class="tiptap ProseMirror prose prose-sm prose-h1:text-[26px] focus:outline-none prose-h1:mt-12 prose-h2:mt-8 prose-h1:text-gray-700 dark:prose-h1:text-white prose-h2:text-gray-700 prose-h1:scroll-mt-28 prose-h1:font-semibold prose-h2:font-semibold prose-h2:scroll-mt-28 prose-h3:scroll-mt-28 prose-h4:scroll-mt-28 prose-h5:scroll-mt-28 dark:prose-h2:text-white prose-h3:text-gray-700 dark:prose-h3:text-white prose-h4:text-gray-700 dark:prose-h4:text-white flex-inline w-full h-full dark:prose-invert font-normal prose-pre:px-4 prose-pre:py-3 prose-pre:text-[13px] prose-pre:leading-[1.6] prose-code:text-gray-600 prose-code:font-normal dark:prose-code:text-gray-300 prose-code:bg-black/5 dark:prose-code:border-white/5 dark:prose-code:bg-white/5 prose-code:rounded-sm before:prose-p:content-none after:prose-p:content-none empty:prose-p:p-3 prose-blockquote:text-gray-400 dark:prose-blockquote:text-gray-300/80 prose-blockquote:not-italic max-w-none"><p>When in timeline and using move keyframe shortcuts with ALT key - my windows 10 plays out an alert sound every time.</p><p>Beta 0.8.1986 </p><p>OS Name	Microsoft Windows 10 Home</p><p>Version	10.0.19045 Build 19045</p><p><br class="ProseMirror-trailingBreak"></p></div></div></div></div> </div></div>  <div class="mt-4 flex flex-col flex-wrap justify-between gap-6 @xl/main-panel-container:flex-row @xl/main-panel-container:flex-nowrap"><div class="flex flex-col-reverse gap-3 @xl/main-panel-container:flex-row @xl/main-panel-container:gap-0"><div class="left-section flex shrink-0 gap-3 svelte-5xi1lv"><span class="text flex h-[20px] shrink-0 items-center space-x-1 rounded-[8px] py-2 text-sm md:text-[13px] dark:text-gray-400 text-gray-500"> <span class="shrink-0 px-1 text-xs font-medium text-blue-300">0 replies</span> </span></div> <div class="flex before:bg-black/10 dark:before:bg-white/10 svelte-5xi1lv"></div></div> <div class="ml-auto hidden shrink-0 items-center self-end pl-4 @xl/main-panel-container:flex"><span class="mr-2.5 inline-flex gap-0.5 text-xs font-normal text-neutral-500 dark:text-neutral-400">Last activity <span class="flex shrink-0 text-xs font-normal text-neutral-500 dark:text-neutral-400" title="" aria-label="Oct 23, 2024, 08:04 AM"> 5d ago</span></span></div></div></div>  </a><a class="ov-focus after:rounded-lg" aria-label="Thread: can’t move an object because a white border appears" href="/community/forums/support/fsnLLkXUaA62/cant-move-an-object-because-a-white-border-appears/ftBjhA9JY8ol"><div class="border-[0.5px] bg-white p-4 shadow transition-colors dark:bg-white/3 border-l-2 rounded-lg hover:bg-black/2 dark:hover:bg-white/5 border-black/10 dark:border-white/10" style="border-left-color: #000000;"><div class="mb-2 flex flex-wrap-reverse justify-between gap-2"><div class="not-prose mr-4 inline-flex flex-1 flex-wrap items-center gap-2"><div class="avatar shrink-0 overflow-hidden size-6  rounded"><span class="flex h-full items-center justify-center font-semibold uppercase text-gray-600 dark:text-gray-300 text-sm" style="background: rgb(224, 58, 62); color: rgb(250, 250, 250);">p</span></div> <div class="inline-flex flex-wrap items-center gap-2"><button class="not-prose group inline-flex items-center gap-2 hover:cursor-pointer" aria-label="open profile for polly"><span class="text-sm font-medium text-neutral-500 transition-colors group-hover:text-gray-800 md:text-[13px] dark:text-neutral-400 dark:group-hover:text-gray-300">polly</span> </button> </div> <div class="hidden items-center gap-2 text-sm font-normal text-neutral-500 sm:flex md:text-[13px] dark:text-neutral-400"><svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 17" class="size-3 " aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.25" d="m6 12.667 4-4-4-4"></path></svg> Support</div></div> <div class="mr-0.5 flex items-center gap-2.5 self-end">     <span class="flex shrink-0 text-xs font-normal text-neutral-500 dark:text-neutral-400" title="" aria-label="Oct 23, 2024, 07:52 AM"> 5d ago</span> <span class="block w-fit" role="presentation"><span aria-label="More actions" title=""><button aria-label="More actions" class="hover:bg-black/5 text-neutral-500 hover:text-gray-600 dark:hover:bg-white/10 dark:text-gray-400 dark:hover:text-gray-300 h-[28px] w-[28px] rounded-[5px] after:rounded-[5px] transition-[background,text] ov-focus aspect-square flex items-center justify-center" type="button"><svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 17" class="h-[18px] " aria-hidden="true"><path fill="currentColor" d="M7.833 5.778a1.167 1.167 0 1 1 0-2.334 1.167 1.167 0 0 1 0 2.334m0 3.889a1.167 1.167 0 1 1 0-2.334 1.167 1.167 0 0 1 0 2.334m0 3.888a1.167 1.167 0 1 1 0-2.333 1.167 1.167 0 0 1 0 2.333"></path></svg></button></span></span> </div></div> <div class="relative overflow-hidden break-words [mask-image:_linear-gradient(to_top,_transparent_4%,_black_33%)]" style="max-height: 300px;"><div class="flex items-start justify-between gap-2.5"><div class="w-full"><div class="mb-2.5 mt-1 flex items-start gap-2"><div class="mt-1 shrink-0"><svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 16" class="size-4 text-gray-400" aria-hidden="true"><path fill="currentColor" fill-rule="evenodd" d="M9.671 2.075c.178-.418-.048-.901-.496-.977a7 7 0 0 0-2.227-.02c-.449.068-.683.547-.513.969.142.351.52.539.896.493a5.6 5.6 0 0 1 1.435.013c.375.052.757-.129.905-.478m1.716 1.591c-.298-.233-.433-.633-.285-.982.178-.418.683-.591 1.049-.321.6.442 1.127.979 1.56 1.587.263.37.08.872-.34 1.043-.352.141-.75 0-.978-.303a5.5 5.5 0 0 0-1.006-1.024m2.537 6.005c-.348-.148-.53-.53-.477-.905a5.6 5.6 0 0 0 .013-1.435c-.046-.376.142-.754.493-.896.422-.17.9.064.969.513a7 7 0 0 1-.02 2.227c-.076.448-.56.674-.977.496m-2.917 3.7c-.142-.352 0-.75.303-.978.383-.29.727-.628 1.023-1.006.234-.298.634-.432.982-.284.419.177.592.682.322 1.048a7 7 0 0 1-1.588 1.56c-.37.262-.872.08-1.042-.34m-4.678.553c.148-.348.53-.53.905-.477a5.6 5.6 0 0 0 1.435.013c.376-.046.754.142.896.493.17.422-.064.9-.514.969a7 7 0 0 1-2.226-.02c-.448-.076-.674-.56-.496-.977m-3.7-2.917c.352-.141.75 0 .978.303.29.383.628.727 1.006 1.023.298.234.432.634.284.982-.177.419-.682.592-1.048.322a7 7 0 0 1-1.56-1.587c-.263-.37-.08-.873.34-1.043M2.076 6.33c.35.148.53.53.478.905A5.6 5.6 0 0 0 2.54 8.67c.046.376-.142.754-.493.896-.422.17-.9-.064-.969-.514a7 7 0 0 1 .02-2.226c.076-.448.56-.673.977-.496m2.918-3.7c.141.352 0 .75-.303.978-.383.29-.728.628-1.024 1.006-.233.298-.633.433-.982.285-.418-.178-.591-.683-.321-1.049A7 7 0 0 1 3.95 2.29c.37-.263.872-.08 1.043.34" clip-rule="evenodd"></path></svg></div> <h3 class="text-md inline-block font-semibold text-gray-600 dark:text-white">can’t move an object because a white border appears</h3></div> <div class="text-gray-400"><div class="editor svelte-1hk7yrh"><div contenteditable="false" translate="yes" class="tiptap ProseMirror prose prose-sm prose-h1:text-[26px] focus:outline-none prose-h1:mt-12 prose-h2:mt-8 prose-h1:text-gray-700 dark:prose-h1:text-white prose-h2:text-gray-700 prose-h1:scroll-mt-28 prose-h1:font-semibold prose-h2:font-semibold prose-h2:scroll-mt-28 prose-h3:scroll-mt-28 prose-h4:scroll-mt-28 prose-h5:scroll-mt-28 dark:prose-h2:text-white prose-h3:text-gray-700 dark:prose-h3:text-white prose-h4:text-gray-700 dark:prose-h4:text-white flex-inline w-full h-full dark:prose-invert font-normal prose-pre:px-4 prose-pre:py-3 prose-pre:text-[13px] prose-pre:leading-[1.6] prose-code:text-gray-600 prose-code:font-normal dark:prose-code:text-gray-300 prose-code:bg-black/5 dark:prose-code:border-white/5 dark:prose-code:bg-white/5 prose-code:rounded-sm before:prose-p:content-none after:prose-p:content-none empty:prose-p:p-3 prose-blockquote:text-gray-400 dark:prose-blockquote:text-gray-300/80 prose-blockquote:not-italic max-w-none"><p>Hello! I have a problem - when I try to move an object, a white border appears on the left, beyond which I do not see changes to the object. What caused it and how can I remove it? Ps. I applied stroke to the object </p><div class="node-video svelte-renderer" contenteditable="false" draggable="true"><div data-node-view-wrapper="" role="none" editor="[object Object]" class="not-prose group relative my-2 flex rounded justify-start" style="white-space: normal;">  <div class="basis-3/4 max-w-[350px] relative min-h-[150px]"><div class="relative"><video src="https://ucarecdn.com/76c6aae3-bd82-40cd-b89d-782d7bfc03df/" controls="" class="h-full w-full rounded"><track default="" kind="captions"></video> </div>  </div></div></div></div></div></div></div> </div></div>  <div class="mt-4 flex flex-col flex-wrap justify-between gap-6 @xl/main-panel-container:flex-row @xl/main-panel-container:flex-nowrap"><div class="flex flex-col-reverse gap-3 @xl/main-panel-container:flex-row @xl/main-panel-container:gap-0"><div class="left-section flex shrink-0 gap-3 svelte-5xi1lv"><span class="text flex h-[20px] shrink-0 items-center space-x-1 rounded-[8px] py-2 text-sm md:text-[13px] dark:text-gray-400 text-gray-500"><span style=""><div class="flex space-x-1"><span title="polly"><div class="avatar shrink-0 overflow-hidden size-5  rounded-[3px]"><span class="flex h-full items-center justify-center font-semibold uppercase text-gray-600 dark:text-gray-300 text-xxs" style="background: rgb(224, 58, 62); color: rgb(250, 250, 250);">p</span></div></span><span title="Robert"><div class="avatar shrink-0 overflow-hidden size-5  rounded-[3px]"><span class="flex h-full items-center justify-center font-semibold uppercase text-gray-600 dark:text-gray-300 text-xxs" style="background: rgb(255, 91, 199); color: rgb(250, 250, 250);">R</span></div></span> </div></span> <span class="shrink-0 px-1 text-xs font-medium text-blue-300">2 replies</span> </span></div> <div class="flex before:bg-black/10 dark:before:bg-white/10 svelte-5xi1lv"></div></div> <div class="ml-auto hidden shrink-0 items-center self-end pl-4 @xl/main-panel-container:flex"><span class="mr-2.5 inline-flex gap-0.5 text-xs font-normal text-neutral-500 dark:text-neutral-400">Last activity <span class="flex shrink-0 text-xs font-normal text-neutral-500 dark:text-neutral-400" title="" aria-label="Oct 23, 2024, 07:05 PM"> 5d ago</span></span></div></div></div>  </a><a class="ov-focus after:rounded-lg" aria-label="Thread: Licensing for Personal Account" href="/community/forums/support/fsnLLkXUaA62/licensing-for-personal-account/ft3g6vyyrCy3"><div class="border-[0.5px] bg-white p-4 shadow transition-colors dark:bg-white/3 border-l-2 rounded-lg hover:bg-black/2 dark:hover:bg-white/5 border-black/10 dark:border-white/10" style="border-left-color: #000000;"><div class="mb-2 flex flex-wrap-reverse justify-between gap-2"><div class="not-prose mr-4 inline-flex flex-1 flex-wrap items-center gap-2"><div class="avatar shrink-0 overflow-hidden size-6  rounded"><span class="flex h-full items-center justify-center font-semibold uppercase text-gray-600 dark:text-gray-300 text-sm" style="background: rgb(205, 194, 168); color: rgb(38, 38, 38);">S</span></div> <div class="inline-flex flex-wrap items-center gap-2"><button class="not-prose group inline-flex items-center gap-2 hover:cursor-pointer" aria-label="open profile for Si Heaven"><span class="text-sm font-medium text-neutral-500 transition-colors group-hover:text-gray-800 md:text-[13px] dark:text-neutral-400 dark:group-hover:text-gray-300">Si Heaven</span> </button> </div> <div class="hidden items-center gap-2 text-sm font-normal text-neutral-500 sm:flex md:text-[13px] dark:text-neutral-400"><svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 17" class="size-3 " aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.25" d="m6 12.667 4-4-4-4"></path></svg> Support</div></div> <div class="mr-0.5 flex items-center gap-2.5 self-end">     <span class="flex shrink-0 text-xs font-normal text-neutral-500 dark:text-neutral-400" title="" aria-label="Oct 23, 2024, 07:51 AM"> 5d ago</span> <span class="block w-fit" role="presentation"><span aria-label="More actions" title=""><button aria-label="More actions" class="hover:bg-black/5 text-neutral-500 hover:text-gray-600 dark:hover:bg-white/10 dark:text-gray-400 dark:hover:text-gray-300 h-[28px] w-[28px] rounded-[5px] after:rounded-[5px] transition-[background,text] ov-focus aspect-square flex items-center justify-center" type="button"><svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 17" class="h-[18px] " aria-hidden="true"><path fill="currentColor" d="M7.833 5.778a1.167 1.167 0 1 1 0-2.334 1.167 1.167 0 0 1 0 2.334m0 3.889a1.167 1.167 0 1 1 0-2.334 1.167 1.167 0 0 1 0 2.334m0 3.888a1.167 1.167 0 1 1 0-2.333 1.167 1.167 0 0 1 0 2.333"></path></svg></button></span></span> </div></div> <div class="relative overflow-hidden break-words" style=""><div class="flex items-start justify-between gap-2.5"><div class="w-full"><div class="mb-2.5 mt-1 flex items-start gap-2"><div class="mt-1 shrink-0"><svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 16" class="size-4 text-gray-400" aria-hidden="true"><path fill="currentColor" fill-rule="evenodd" d="M9.671 2.075c.178-.418-.048-.901-.496-.977a7 7 0 0 0-2.227-.02c-.449.068-.683.547-.513.969.142.351.52.539.896.493a5.6 5.6 0 0 1 1.435.013c.375.052.757-.129.905-.478m1.716 1.591c-.298-.233-.433-.633-.285-.982.178-.418.683-.591 1.049-.321.6.442 1.127.979 1.56 1.587.263.37.08.872-.34 1.043-.352.141-.75 0-.978-.303a5.5 5.5 0 0 0-1.006-1.024m2.537 6.005c-.348-.148-.53-.53-.477-.905a5.6 5.6 0 0 0 .013-1.435c-.046-.376.142-.754.493-.896.422-.17.9.064.969.513a7 7 0 0 1-.02 2.227c-.076.448-.56.674-.977.496m-2.917 3.7c-.142-.352 0-.75.303-.978.383-.29.727-.628 1.023-1.006.234-.298.634-.432.982-.284.419.177.592.682.322 1.048a7 7 0 0 1-1.588 1.56c-.37.262-.872.08-1.042-.34m-4.678.553c.148-.348.53-.53.905-.477a5.6 5.6 0 0 0 1.435.013c.376-.046.754.142.896.493.17.422-.064.9-.514.969a7 7 0 0 1-2.226-.02c-.448-.076-.674-.56-.496-.977m-3.7-2.917c.352-.141.75 0 .978.303.29.383.628.727 1.006 1.023.298.234.432.634.284.982-.177.419-.682.592-1.048.322a7 7 0 0 1-1.56-1.587c-.263-.37-.08-.873.34-1.043M2.076 6.33c.35.148.53.53.478.905A5.6 5.6 0 0 0 2.54 8.67c.046.376-.142.754-.493.896-.422.17-.9-.064-.969-.514a7 7 0 0 1 .02-2.226c.076-.448.56-.673.977-.496m2.918-3.7c.141.352 0 .75-.303.978-.383.29-.728.628-1.024 1.006-.233.298-.633.433-.982.285-.418-.178-.591-.683-.321-1.049A7 7 0 0 1 3.95 2.29c.37-.263.872-.08 1.043.34" clip-rule="evenodd"></path></svg></div> <h3 class="text-md inline-block font-semibold text-gray-600 dark:text-white">Licensing for Personal Account</h3></div> <div class="text-gray-400"><div class="editor svelte-1hk7yrh"><div contenteditable="false" translate="yes" class="tiptap ProseMirror prose prose-sm prose-h1:text-[26px] focus:outline-none prose-h1:mt-12 prose-h2:mt-8 prose-h1:text-gray-700 dark:prose-h1:text-white prose-h2:text-gray-700 prose-h1:scroll-mt-28 prose-h1:font-semibold prose-h2:font-semibold prose-h2:scroll-mt-28 prose-h3:scroll-mt-28 prose-h4:scroll-mt-28 prose-h5:scroll-mt-28 dark:prose-h2:text-white prose-h3:text-gray-700 dark:prose-h3:text-white prose-h4:text-gray-700 dark:prose-h4:text-white flex-inline w-full h-full dark:prose-invert font-normal prose-pre:px-4 prose-pre:py-3 prose-pre:text-[13px] prose-pre:leading-[1.6] prose-code:text-gray-600 prose-code:font-normal dark:prose-code:text-gray-300 prose-code:bg-black/5 dark:prose-code:border-white/5 dark:prose-code:bg-white/5 prose-code:rounded-sm before:prose-p:content-none after:prose-p:content-none empty:prose-p:p-3 prose-blockquote:text-gray-400 dark:prose-blockquote:text-gray-300/80 prose-blockquote:not-italic max-w-none"><p>Hello!<br><br>Just wondering about any potential licensing limitations when using a personal account. e.g. are animations created on a personal account licensed for commercial use?</p><p><br class="ProseMirror-trailingBreak"></p></div></div></div></div> </div></div>  <div class="mt-4 flex flex-col flex-wrap justify-between gap-6 @xl/main-panel-container:flex-row @xl/main-panel-container:flex-nowrap"><div class="flex flex-col-reverse gap-3 @xl/main-panel-container:flex-row @xl/main-panel-container:gap-0"><div class="left-section flex shrink-0 gap-3 svelte-5xi1lv"><span class="text flex h-[20px] shrink-0 items-center space-x-1 rounded-[8px] py-2 text-sm md:text-[13px] dark:text-gray-400 text-gray-500"> <span class="shrink-0 px-1 text-xs font-medium text-blue-300">0 replies</span> </span></div> <div class="flex before:bg-black/10 dark:before:bg-white/10 svelte-5xi1lv"></div></div> <div class="ml-auto hidden shrink-0 items-center self-end pl-4 @xl/main-panel-container:flex"><span class="mr-2.5 inline-flex gap-0.5 text-xs font-normal text-neutral-500 dark:text-neutral-400">Last activity <span class="flex shrink-0 text-xs font-normal text-neutral-500 dark:text-neutral-400" title="" aria-label="Oct 23, 2024, 07:51 AM"> 5d ago</span></span></div></div></div>  </a><a class="ov-focus after:rounded-lg" aria-label="Thread: Use C++ API to modify Path's collection of vertices?" href="/community/forums/support/fsnLLkXUaA62/use-c-api-to-modify-paths-collection-of-vertices/ftE4svRbfneI"><div class="border-[0.5px] bg-white p-4 shadow transition-colors dark:bg-white/3 border-l-2 rounded-lg hover:bg-black/2 dark:hover:bg-white/5 border-black/10 dark:border-white/10" style="border-left-color: #000000;"><div class="mb-2 flex flex-wrap-reverse justify-between gap-2"><div class="not-prose mr-4 inline-flex flex-1 flex-wrap items-center gap-2"><div class="avatar shrink-0 overflow-hidden size-6  rounded"><span class="flex h-full items-center justify-center font-semibold uppercase text-gray-600 dark:text-gray-300 text-sm" style="background: rgb(205, 194, 168); color: rgb(38, 38, 38);">P</span></div> <div class="inline-flex flex-wrap items-center gap-2"><button class="not-prose group inline-flex items-center gap-2 hover:cursor-pointer" aria-label="open profile for Peter T"><span class="text-sm font-medium text-neutral-500 transition-colors group-hover:text-gray-800 md:text-[13px] dark:text-neutral-400 dark:group-hover:text-gray-300">Peter T</span> </button> </div> <div class="hidden items-center gap-2 text-sm font-normal text-neutral-500 sm:flex md:text-[13px] dark:text-neutral-400"><svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 17" class="size-3 " aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.25" d="m6 12.667 4-4-4-4"></path></svg> Support</div></div> <div class="mr-0.5 flex items-center gap-2.5 self-end">     <span class="flex shrink-0 text-xs font-normal text-neutral-500 dark:text-neutral-400" title="" aria-label="Oct 23, 2024, 05:58 AM"> 5d ago</span> <span class="block w-fit" role="presentation"><span aria-label="More actions" title=""><button aria-label="More actions" class="hover:bg-black/5 text-neutral-500 hover:text-gray-600 dark:hover:bg-white/10 dark:text-gray-400 dark:hover:text-gray-300 h-[28px] w-[28px] rounded-[5px] after:rounded-[5px] transition-[background,text] ov-focus aspect-square flex items-center justify-center" type="button"><svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 17" class="h-[18px] " aria-hidden="true"><path fill="currentColor" d="M7.833 5.778a1.167 1.167 0 1 1 0-2.334 1.167 1.167 0 0 1 0 2.334m0 3.889a1.167 1.167 0 1 1 0-2.334 1.167 1.167 0 0 1 0 2.334m0 3.888a1.167 1.167 0 1 1 0-2.333 1.167 1.167 0 0 1 0 2.333"></path></svg></button></span></span> </div></div> <div class="relative overflow-hidden break-words" style=""><div class="flex items-start justify-between gap-2.5"><div class="w-full"><div class="mb-2.5 mt-1 flex items-start gap-2"><div class="mt-1 shrink-0"><svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 16" class="size-4 text-gray-400" aria-hidden="true"><path fill="currentColor" fill-rule="evenodd" d="M9.671 2.075c.178-.418-.048-.901-.496-.977a7 7 0 0 0-2.227-.02c-.449.068-.683.547-.513.969.142.351.52.539.896.493a5.6 5.6 0 0 1 1.435.013c.375.052.757-.129.905-.478m1.716 1.591c-.298-.233-.433-.633-.285-.982.178-.418.683-.591 1.049-.321.6.442 1.127.979 1.56 1.587.263.37.08.872-.34 1.043-.352.141-.75 0-.978-.303a5.5 5.5 0 0 0-1.006-1.024m2.537 6.005c-.348-.148-.53-.53-.477-.905a5.6 5.6 0 0 0 .013-1.435c-.046-.376.142-.754.493-.896.422-.17.9.064.969.513a7 7 0 0 1-.02 2.227c-.076.448-.56.674-.977.496m-2.917 3.7c-.142-.352 0-.75.303-.978.383-.29.727-.628 1.023-1.006.234-.298.634-.432.982-.284.419.177.592.682.322 1.048a7 7 0 0 1-1.588 1.56c-.37.262-.872.08-1.042-.34m-4.678.553c.148-.348.53-.53.905-.477a5.6 5.6 0 0 0 1.435.013c.376-.046.754.142.896.493.17.422-.064.9-.514.969a7 7 0 0 1-2.226-.02c-.448-.076-.674-.56-.496-.977m-3.7-2.917c.352-.141.75 0 .978.303.29.383.628.727 1.006 1.023.298.234.432.634.284.982-.177.419-.682.592-1.048.322a7 7 0 0 1-1.56-1.587c-.263-.37-.08-.873.34-1.043M2.076 6.33c.35.148.53.53.478.905A5.6 5.6 0 0 0 2.54 8.67c.046.376-.142.754-.493.896-.422.17-.9-.064-.969-.514a7 7 0 0 1 .02-2.226c.076-.448.56-.673.977-.496m2.918-3.7c.141.352 0 .75-.303.978-.383.29-.728.628-1.024 1.006-.233.298-.633.433-.982.285-.418-.178-.591-.683-.321-1.049A7 7 0 0 1 3.95 2.29c.37-.263.872-.08 1.043.34" clip-rule="evenodd"></path></svg></div> <h3 class="text-md inline-block font-semibold text-gray-600 dark:text-white">Use C++ API to modify Path's collection of vertices?</h3></div> <div class="text-gray-400"><div class="editor svelte-1hk7yrh"><div contenteditable="false" translate="yes" class="tiptap ProseMirror prose prose-sm prose-h1:text-[26px] focus:outline-none prose-h1:mt-12 prose-h2:mt-8 prose-h1:text-gray-700 dark:prose-h1:text-white prose-h2:text-gray-700 prose-h1:scroll-mt-28 prose-h1:font-semibold prose-h2:font-semibold prose-h2:scroll-mt-28 prose-h3:scroll-mt-28 prose-h4:scroll-mt-28 prose-h5:scroll-mt-28 dark:prose-h2:text-white prose-h3:text-gray-700 dark:prose-h3:text-white prose-h4:text-gray-700 dark:prose-h4:text-white flex-inline w-full h-full dark:prose-invert font-normal prose-pre:px-4 prose-pre:py-3 prose-pre:text-[13px] prose-pre:leading-[1.6] prose-code:text-gray-600 prose-code:font-normal dark:prose-code:text-gray-300 prose-code:bg-black/5 dark:prose-code:border-white/5 dark:prose-code:bg-white/5 prose-code:rounded-sm before:prose-p:content-none after:prose-p:content-none empty:prose-p:p-3 prose-blockquote:text-gray-400 dark:prose-blockquote:text-gray-300/80 prose-blockquote:not-italic max-w-none"><p>Is it possible to add/remove vertices from a path (i.e. <code class="border border-gray-300 dark:border-white/20 before:content-['_'] after:content-['_']">rive::Path::m_Vertices</code>), using the C++ API or other mechanism?<br>I am able to build and run the player test code:<br><a target="_blank" rel="noopener noreferrer nofollow" class="text-community-primary no-underline hover:underline hover:cursor-pointer" href="https://github.com/rive-app/rive-runtime/blob/main/tests/player/player.cpp">https://github.com/rive-app/rive-runtime/blob/main/tests/player/player.cpp</a></p><p>I see the how <code class="border border-gray-300 dark:border-white/20 before:content-['_'] after:content-['_']">rive::File</code> is imported, and I am able to iterate through the artboard <code class="border border-gray-300 dark:border-white/20 before:content-['_'] after:content-['_']">dependents()</code> hierarchy. Is there a way to access a modifiable hierarchy? Or is this proprietary to the Rive editor? </p></div></div></div></div> </div></div>  <div class="mt-4 flex flex-col flex-wrap justify-between gap-6 @xl/main-panel-container:flex-row @xl/main-panel-container:flex-nowrap"><div class="flex flex-col-reverse gap-3 @xl/main-panel-container:flex-row @xl/main-panel-container:gap-0"><div class="left-section flex shrink-0 gap-3 svelte-5xi1lv"><span class="text flex h-[20px] shrink-0 items-center space-x-1 rounded-[8px] py-2 text-sm md:text-[13px] dark:text-gray-400 text-gray-500"><span style=""><div class="flex space-x-1"><span title="Lance"><div class="avatar shrink-0 overflow-hidden size-5  rounded-[3px]"><div class="contents" role="" aria-label=""><img alt="" src="https://ucarecdn.com/4f41736c-00f1-402b-a594-6b1b7c7b166a/" class="better size-full object-cover" srcset="https://ucarecdn.com/4f41736c-00f1-402b-a594-6b1b7c7b166a/-/resize/200x/-/format/auto/-/quality/better/-/scale_crop/200x200/smart 200w,https://ucarecdn.com/4f41736c-00f1-402b-a594-6b1b7c7b166a/-/resize/400x/-/format/auto/-/quality/better/-/scale_crop/400x400/smart 400w,https://ucarecdn.com/4f41736c-00f1-402b-a594-6b1b7c7b166a/-/resize/500x/-/format/auto/-/quality/better/-/scale_crop/500x500/smart 500w,https://ucarecdn.com/4f41736c-00f1-402b-a594-6b1b7c7b166a/-/resize/800x/-/format/auto/-/quality/better/-/scale_crop/800x800/smart 800w,https://ucarecdn.com/4f41736c-00f1-402b-a594-6b1b7c7b166a/-/resize/1000x/-/format/auto/-/quality/better/-/scale_crop/1000x1000/smart 1000w,https://ucarecdn.com/4f41736c-00f1-402b-a594-6b1b7c7b166a/-/resize/1300x/-/format/auto/-/quality/better/-/scale_crop/1300x1300/smart 1300w,https://ucarecdn.com/4f41736c-00f1-402b-a594-6b1b7c7b166a/-/resize/1600x/-/format/auto/-/quality/better/-/scale_crop/1600x1600/smart 1600w" sizes="25px"></div> </div></span> </div></span> <span class="shrink-0 px-1 text-xs font-medium text-blue-300">1 reply</span> </span></div> <div class="flex before:bg-black/10 dark:before:bg-white/10 svelte-5xi1lv"></div></div> <div class="ml-auto hidden shrink-0 items-center self-end pl-4 @xl/main-panel-container:flex"><span class="mr-2.5 inline-flex gap-0.5 text-xs font-normal text-neutral-500 dark:text-neutral-400">Last activity <span class="flex shrink-0 text-xs font-normal text-neutral-500 dark:text-neutral-400" title="" aria-label="Oct 24, 2024, 09:27 PM"> 3d ago</span></span></div></div></div>  </a><a class="ov-focus after:rounded-lg" aria-label="Thread: Having trouble with nested artboards and events" href="/community/forums/support/fsnLLkXUaA62/having-trouble-with-nested-artboards-and-events/ftQNa950pUGh"><div class="border-[0.5px] bg-white p-4 shadow transition-colors dark:bg-white/3 border-l-2 rounded-lg hover:bg-black/2 dark:hover:bg-white/5 border-black/10 dark:border-white/10" style="border-left-color: #000000;"><div class="mb-2 flex flex-wrap-reverse justify-between gap-2"><div class="not-prose mr-4 inline-flex flex-1 flex-wrap items-center gap-2"><div class="avatar shrink-0 overflow-hidden size-6  rounded"><span class="flex h-full items-center justify-center font-semibold uppercase text-gray-600 dark:text-gray-300 text-sm" style="background: rgb(18, 17, 60); color: rgb(250, 250, 250);">a</span></div> <div class="inline-flex flex-wrap items-center gap-2"><button class="not-prose group inline-flex items-center gap-2 hover:cursor-pointer" aria-label="open profile for aarongroot"><span class="text-sm font-medium text-neutral-500 transition-colors group-hover:text-gray-800 md:text-[13px] dark:text-neutral-400 dark:group-hover:text-gray-300">aarongroot</span> </button> </div> <div class="hidden items-center gap-2 text-sm font-normal text-neutral-500 sm:flex md:text-[13px] dark:text-neutral-400"><svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 17" class="size-3 " aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.25" d="m6 12.667 4-4-4-4"></path></svg> Support</div></div> <div class="mr-0.5 flex items-center gap-2.5 self-end">     <span class="flex shrink-0 text-xs font-normal text-neutral-500 dark:text-neutral-400" title="" aria-label="Oct 23, 2024, 01:26 AM"> 5d ago</span> <span class="block w-fit" role="presentation"><span aria-label="More actions" title=""><button aria-label="More actions" class="hover:bg-black/5 text-neutral-500 hover:text-gray-600 dark:hover:bg-white/10 dark:text-gray-400 dark:hover:text-gray-300 h-[28px] w-[28px] rounded-[5px] after:rounded-[5px] transition-[background,text] ov-focus aspect-square flex items-center justify-center" type="button"><svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 17" class="h-[18px] " aria-hidden="true"><path fill="currentColor" d="M7.833 5.778a1.167 1.167 0 1 1 0-2.334 1.167 1.167 0 0 1 0 2.334m0 3.889a1.167 1.167 0 1 1 0-2.334 1.167 1.167 0 0 1 0 2.334m0 3.888a1.167 1.167 0 1 1 0-2.333 1.167 1.167 0 0 1 0 2.333"></path></svg></button></span></span> </div></div> <div class="relative overflow-hidden break-words [mask-image:_linear-gradient(to_top,_transparent_4%,_black_33%)]" style="max-height: 300px;"><div class="flex items-start justify-between gap-2.5"><div class="w-full"><div class="mb-2.5 mt-1 flex items-start gap-2"><div class="mt-1 shrink-0"><svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 16" class="size-4 text-gray-400" aria-hidden="true"><path fill="currentColor" fill-rule="evenodd" d="M9.671 2.075c.178-.418-.048-.901-.496-.977a7 7 0 0 0-2.227-.02c-.449.068-.683.547-.513.969.142.351.52.539.896.493a5.6 5.6 0 0 1 1.435.013c.375.052.757-.129.905-.478m1.716 1.591c-.298-.233-.433-.633-.285-.982.178-.418.683-.591 1.049-.321.6.442 1.127.979 1.56 1.587.263.37.08.872-.34 1.043-.352.141-.75 0-.978-.303a5.5 5.5 0 0 0-1.006-1.024m2.537 6.005c-.348-.148-.53-.53-.477-.905a5.6 5.6 0 0 0 .013-1.435c-.046-.376.142-.754.493-.896.422-.17.9.064.969.513a7 7 0 0 1-.02 2.227c-.076.448-.56.674-.977.496m-2.917 3.7c-.142-.352 0-.75.303-.978.383-.29.727-.628 1.023-1.006.234-.298.634-.432.982-.284.419.177.592.682.322 1.048a7 7 0 0 1-1.588 1.56c-.37.262-.872.08-1.042-.34m-4.678.553c.148-.348.53-.53.905-.477a5.6 5.6 0 0 0 1.435.013c.376-.046.754.142.896.493.17.422-.064.9-.514.969a7 7 0 0 1-2.226-.02c-.448-.076-.674-.56-.496-.977m-3.7-2.917c.352-.141.75 0 .978.303.29.383.628.727 1.006 1.023.298.234.432.634.284.982-.177.419-.682.592-1.048.322a7 7 0 0 1-1.56-1.587c-.263-.37-.08-.873.34-1.043M2.076 6.33c.35.148.53.53.478.905A5.6 5.6 0 0 0 2.54 8.67c.046.376-.142.754-.493.896-.422.17-.9-.064-.969-.514a7 7 0 0 1 .02-2.226c.076-.448.56-.673.977-.496m2.918-3.7c.141.352 0 .75-.303.978-.383.29-.728.628-1.024 1.006-.233.298-.633.433-.982.285-.418-.178-.591-.683-.321-1.049A7 7 0 0 1 3.95 2.29c.37-.263.872-.08 1.043.34" clip-rule="evenodd"></path></svg></div> <h3 class="text-md inline-block font-semibold text-gray-600 dark:text-white">Having trouble with nested artboards and events</h3></div> <div class="text-gray-400"><div class="editor svelte-1hk7yrh"><div contenteditable="false" translate="yes" class="tiptap ProseMirror prose prose-sm prose-h1:text-[26px] focus:outline-none prose-h1:mt-12 prose-h2:mt-8 prose-h1:text-gray-700 dark:prose-h1:text-white prose-h2:text-gray-700 prose-h1:scroll-mt-28 prose-h1:font-semibold prose-h2:font-semibold prose-h2:scroll-mt-28 prose-h3:scroll-mt-28 prose-h4:scroll-mt-28 prose-h5:scroll-mt-28 dark:prose-h2:text-white prose-h3:text-gray-700 dark:prose-h3:text-white prose-h4:text-gray-700 dark:prose-h4:text-white flex-inline w-full h-full dark:prose-invert font-normal prose-pre:px-4 prose-pre:py-3 prose-pre:text-[13px] prose-pre:leading-[1.6] prose-code:text-gray-600 prose-code:font-normal dark:prose-code:text-gray-300 prose-code:bg-black/5 dark:prose-code:border-white/5 dark:prose-code:bg-white/5 prose-code:rounded-sm before:prose-p:content-none after:prose-p:content-none empty:prose-p:p-3 prose-blockquote:text-gray-400 dark:prose-blockquote:text-gray-300/80 prose-blockquote:not-italic max-w-none"><p>I'm at a bit of a loss here as I've made projects like this before but I just can't get this to work. It's driving me a bit crazy. It's a simple concept I'm trying to build. I have a screensaver, and on a click I want a menu to pop up with a few buttons. A click on one of these buttons should bring up another nested artboard with its own state machine. When you X out of that I want to return to the looping screensaver. I've tried using any state, as well as just pointing back to the original nested artboard but it just doesn't show up. </p><p><br class="ProseMirror-trailingBreak"></p><p>Thoughts?</p><p><br class="ProseMirror-trailingBreak"></p><p><br class="ProseMirror-trailingBreak"></p><div class="node-file svelte-renderer" contenteditable="false" draggable="true"><div data-node-view-wrapper="" role="none" editor="[object Object]" class="flex justify-start not-prose group relative my-2 rounded" style="white-space: normal;"> <div class="in-out-shadow flex basis-full items-center gap-1.5 rounded-md bg-black/2 px-2 py-2.5 after:rounded-md sm:basis-1/2 dark:bg-white/3"><svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 16" class="size-6 not-prose m-1.5 text-gray-400" aria-hidden="true"><path fill="currentColor" fill-rule="evenodd" d="M3 3.653c0 .36.295.653.66.653h5.47q.934 0 1.539.571.605.57.605 1.469 0 .83-.605 1.36-.605.517-1.54.517H6.752a.656.656 0 0 0-.66.653c0 .36.296.653.66.653h2.625l2.364 3.754q.22.34.619.34.44 0 .619-.34.179-.354-.07-.748l-2.103-3.346a3.1 3.1 0 0 0 1.348-1.116q.495-.747.495-1.727 0-.993-.454-1.741a3.06 3.06 0 0 0-1.237-1.17Q10.16 3 9.129 3H3.66a.656.656 0 0 0-.66.653" clip-rule="evenodd"></path></svg> <div class="flex flex-col"><div class="flex items-center gap-1.5"><span class="text-sm font-normal text-gray-500 md:text-[13px] dark:text-gray-300">wayfinder_test.riv</span></div> <div class="ml-[1px] flex items-center gap-1.5 text-gray-400"><span class="text-xs font-normal">810 KB</span></div></div> <a href="https://ucarecdn.com/8f6bfb46-8b3f-4768-a992-8d6cd869b723/" download="" class="ml-auto mr-2"><span aria-label="Download wayfinder_test.riv" title=""><button aria-label="Download wayfinder_test.riv" class="hover:bg-black/5 text-neutral-500 hover:text-gray-600 dark:hover:bg-white/10 dark:text-gray-400 dark:hover:text-gray-300 h-[28px] w-[28px] rounded-[5px] after:rounded-[5px] transition-[background,text] ov-focus aspect-square flex items-center justify-center" type="button"><svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 16" class="size-4 " aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M2.55 9.893v2.43c0 .642.5 1.163 1.118 1.163h8.765c.617 0 1.117-.521 1.117-1.164V9.893m-5.498-7.38V8.81m0 0 2.06-1.886M8.052 8.81l-2.06-1.886"></path></svg></button></span></a></div></div></div></div></div></div></div> </div></div>  <div class="mt-4 flex flex-col flex-wrap justify-between gap-6 @xl/main-panel-container:flex-row @xl/main-panel-container:flex-nowrap"><div class="flex flex-col-reverse gap-3 @xl/main-panel-container:flex-row @xl/main-panel-container:gap-0"><div class="left-section flex shrink-0 gap-3 svelte-5xi1lv"><span class="text flex h-[20px] shrink-0 items-center space-x-1 rounded-[8px] py-2 text-sm md:text-[13px] dark:text-gray-400 text-gray-500"><span style=""><div class="flex space-x-1"><span title="Robert"><div class="avatar shrink-0 overflow-hidden size-5  rounded-[3px]"><span class="flex h-full items-center justify-center font-semibold uppercase text-gray-600 dark:text-gray-300 text-xxs" style="background: rgb(255, 91, 199); color: rgb(250, 250, 250);">R</span></div></span> </div></span> <span class="shrink-0 px-1 text-xs font-medium text-blue-300">1 reply</span> </span></div> <div class="flex before:bg-black/10 dark:before:bg-white/10 svelte-5xi1lv"></div></div> <div class="ml-auto hidden shrink-0 items-center self-end pl-4 @xl/main-panel-container:flex"><span class="mr-2.5 inline-flex gap-0.5 text-xs font-normal text-neutral-500 dark:text-neutral-400">Last activity <span class="flex shrink-0 text-xs font-normal text-neutral-500 dark:text-neutral-400" title="" aria-label="Oct 23, 2024, 03:05 PM"> 5d ago</span></span></div></div></div>  </a><a class="ov-focus after:rounded-lg" aria-label="Thread: Stroke as Clipping Mask" href="/community/forums/feature-requests/fsyCzA4A9Yar/stroke-as-clipping-mask/ftKUHDVxVPQJ"><div class="border-[0.5px] bg-white p-4 shadow transition-colors dark:bg-white/3 border-l-2 rounded-lg hover:bg-black/2 dark:hover:bg-white/5 border-black/10 dark:border-white/10" style="border-left-color: #000000;"><div class="mb-2 flex flex-wrap-reverse justify-between gap-2"><div class="not-prose mr-4 inline-flex flex-1 flex-wrap items-center gap-2"><div class="avatar shrink-0 overflow-hidden size-6  rounded"><span class="flex h-full items-center justify-center font-semibold uppercase text-gray-600 dark:text-gray-300 text-sm" style="background: rgb(98, 187, 71); color: rgb(38, 38, 38);">K</span></div> <div class="inline-flex flex-wrap items-center gap-2"><button class="not-prose group inline-flex items-center gap-2 hover:cursor-pointer" aria-label="open profile for Kay"><span class="text-sm font-medium text-neutral-500 transition-colors group-hover:text-gray-800 md:text-[13px] dark:text-neutral-400 dark:group-hover:text-gray-300">Kay</span> </button> </div> <div class="hidden items-center gap-2 text-sm font-normal text-neutral-500 sm:flex md:text-[13px] dark:text-neutral-400"><svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 17" class="size-3 " aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.25" d="m6 12.667 4-4-4-4"></path></svg> Feature Requests</div></div> <div class="mr-0.5 flex items-center gap-2.5 self-end">     <span class="flex shrink-0 text-xs font-normal text-neutral-500 dark:text-neutral-400" title="" aria-label="Oct 22, 2024, 04:20 PM"> 6d ago</span> <span class="block w-fit" role="presentation"><span aria-label="More actions" title=""><button aria-label="More actions" class="hover:bg-black/5 text-neutral-500 hover:text-gray-600 dark:hover:bg-white/10 dark:text-gray-400 dark:hover:text-gray-300 h-[28px] w-[28px] rounded-[5px] after:rounded-[5px] transition-[background,text] ov-focus aspect-square flex items-center justify-center" type="button"><svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 17" class="h-[18px] " aria-hidden="true"><path fill="currentColor" d="M7.833 5.778a1.167 1.167 0 1 1 0-2.334 1.167 1.167 0 0 1 0 2.334m0 3.889a1.167 1.167 0 1 1 0-2.334 1.167 1.167 0 0 1 0 2.334m0 3.888a1.167 1.167 0 1 1 0-2.333 1.167 1.167 0 0 1 0 2.333"></path></svg></button></span></span> </div></div> <div class="relative overflow-hidden break-words [mask-image:_linear-gradient(to_top,_transparent_4%,_black_33%)]" style="max-height: 300px;"><div class="flex items-start justify-between gap-2.5"><div class="w-full"><div class="mb-2.5 mt-1 flex items-start gap-2"> <h3 class="text-md inline-block font-semibold text-gray-600 dark:text-white">Stroke as Clipping Mask</h3></div> <div class="text-gray-400"><div class="editor svelte-1hk7yrh"><div contenteditable="false" translate="yes" class="tiptap ProseMirror prose prose-sm prose-h1:text-[26px] focus:outline-none prose-h1:mt-12 prose-h2:mt-8 prose-h1:text-gray-700 dark:prose-h1:text-white prose-h2:text-gray-700 prose-h1:scroll-mt-28 prose-h1:font-semibold prose-h2:font-semibold prose-h2:scroll-mt-28 prose-h3:scroll-mt-28 prose-h4:scroll-mt-28 prose-h5:scroll-mt-28 dark:prose-h2:text-white prose-h3:text-gray-700 dark:prose-h3:text-white prose-h4:text-gray-700 dark:prose-h4:text-white flex-inline w-full h-full dark:prose-invert font-normal prose-pre:px-4 prose-pre:py-3 prose-pre:text-[13px] prose-pre:leading-[1.6] prose-code:text-gray-600 prose-code:font-normal dark:prose-code:text-gray-300 prose-code:bg-black/5 dark:prose-code:border-white/5 dark:prose-code:bg-white/5 prose-code:rounded-sm before:prose-p:content-none after:prose-p:content-none empty:prose-p:p-3 prose-blockquote:text-gray-400 dark:prose-blockquote:text-gray-300/80 prose-blockquote:not-italic max-w-none"><p>Please add clipping option if the path only has a stroke, no fill.<br><br>I wanted to animate text (outlined in Illustrator) to reveal with a curved stroke line via trim path, and found out that clipping only applies to the 'fill' part of the path.<br><br>It's very hard to use curved shape to mask it instead of a stroke for this case.<br><br>Hope the team will consider this feature, thank you!</p><p><br class="ProseMirror-trailingBreak"></p><div class="node-image svelte-renderer" contenteditable="false" draggable="true"><div data-node-view-wrapper="" role="none" editor="[object Object]" class="flex justify-start not-prose group relative my-2 rounded" style="white-space: normal;">  <div class="basis-3/4 max-w-[350px] relative w-full rounded-sm ring-offset-gray-100 dark:ring-offset-gray-800 min-w-[25%] min-h-[150px]"><button class="contents" type="button" role="button" aria-label="view larger image"><img alt="" src="https://ucarecdn.com/956c7bd2-9521-4675-b55f-d9cb270ed0a7/" class="better size-full rounded object-cover" srcset="https://ucarecdn.com/956c7bd2-9521-4675-b55f-d9cb270ed0a7/-/resize/200x/-/format/auto/-/quality/better/ 200w,https://ucarecdn.com/956c7bd2-9521-4675-b55f-d9cb270ed0a7/-/resize/400x/-/format/auto/-/quality/better/ 400w,https://ucarecdn.com/956c7bd2-9521-4675-b55f-d9cb270ed0a7/-/resize/500x/-/format/auto/-/quality/better/ 500w,https://ucarecdn.com/956c7bd2-9521-4675-b55f-d9cb270ed0a7/-/resize/800x/-/format/auto/-/quality/better/ 800w,https://ucarecdn.com/956c7bd2-9521-4675-b55f-d9cb270ed0a7/-/resize/1000x/-/format/auto/-/quality/better/ 1000w,https://ucarecdn.com/956c7bd2-9521-4675-b55f-d9cb270ed0a7/-/resize/1300x/-/format/auto/-/quality/better/ 1300w,https://ucarecdn.com/956c7bd2-9521-4675-b55f-d9cb270ed0a7/-/resize/1600x/-/format/auto/-/quality/better/ 1600w" sizes="(max-width: 600px) 100vw, (max-width: 1200px) 65vw, 50vw"></button>    <iframe style="display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; border: 0; opacity: 0; pointer-events: none; z-index: -1;" aria-hidden="true" tabindex="-1" src="about:blank"></iframe></div></div></div></div></div></div></div> </div></div>  <div class="mt-4 flex flex-col flex-wrap justify-between gap-6 @xl/main-panel-container:flex-row @xl/main-panel-container:flex-nowrap"><div class="flex flex-col-reverse gap-3 @xl/main-panel-container:flex-row @xl/main-panel-container:gap-0"><div class="left-section flex shrink-0 gap-3 svelte-5xi1lv"><span class="text flex h-[20px] shrink-0 items-center space-x-1 rounded-[8px] py-2 text-sm md:text-[13px] dark:text-gray-400 text-gray-500"> <span class="shrink-0 px-1 text-xs font-medium text-blue-300">0 replies</span> </span></div> <div class="flex before:bg-black/10 dark:before:bg-white/10 svelte-5xi1lv"></div></div> <div class="ml-auto hidden shrink-0 items-center self-end pl-4 @xl/main-panel-container:flex"><span class="mr-2.5 inline-flex gap-0.5 text-xs font-normal text-neutral-500 dark:text-neutral-400">Last activity <span class="flex shrink-0 text-xs font-normal text-neutral-500 dark:text-neutral-400" title="" aria-label="Oct 22, 2024, 04:20 PM"> 6d ago</span></span></div></div></div>  </a><a class="ov-focus after:rounded-lg" aria-label="Thread: Is there a smarter way to organise this?" href="/community/forums/support/fsnLLkXUaA62/is-there-a-smarter-way-to-organise-this/ftens5eObo0s"><div class="border-[0.5px] bg-white p-4 shadow transition-colors dark:bg-white/3 border-l-2 rounded-lg hover:bg-black/2 dark:hover:bg-white/5 border-black/10 dark:border-white/10" style="border-left-color: #000000;"><div class="mb-2 flex flex-wrap-reverse justify-between gap-2"><div class="not-prose mr-4 inline-flex flex-1 flex-wrap items-center gap-2"><div class="avatar shrink-0 overflow-hidden size-6  rounded"><div class="contents" role="" aria-label=""><img alt="" src="https://ucarecdn.com/52e32630-3eb1-466c-9a91-53324ee59a60/" class="better size-full object-cover" srcset="https://ucarecdn.com/52e32630-3eb1-466c-9a91-53324ee59a60/-/resize/200x/-/format/auto/-/quality/better/-/scale_crop/200x200/smart 200w,https://ucarecdn.com/52e32630-3eb1-466c-9a91-53324ee59a60/-/resize/400x/-/format/auto/-/quality/better/-/scale_crop/400x400/smart 400w,https://ucarecdn.com/52e32630-3eb1-466c-9a91-53324ee59a60/-/resize/500x/-/format/auto/-/quality/better/-/scale_crop/500x500/smart 500w,https://ucarecdn.com/52e32630-3eb1-466c-9a91-53324ee59a60/-/resize/800x/-/format/auto/-/quality/better/-/scale_crop/800x800/smart 800w,https://ucarecdn.com/52e32630-3eb1-466c-9a91-53324ee59a60/-/resize/1000x/-/format/auto/-/quality/better/-/scale_crop/1000x1000/smart 1000w,https://ucarecdn.com/52e32630-3eb1-466c-9a91-53324ee59a60/-/resize/1300x/-/format/auto/-/quality/better/-/scale_crop/1300x1300/smart 1300w,https://ucarecdn.com/52e32630-3eb1-466c-9a91-53324ee59a60/-/resize/1600x/-/format/auto/-/quality/better/-/scale_crop/1600x1600/smart 1600w" sizes="30px"></div> </div> <div class="inline-flex flex-wrap items-center gap-2"><button class="not-prose group inline-flex items-center gap-2 hover:cursor-pointer" aria-label="open profile for barrymcw"><span class="text-sm font-medium text-neutral-500 transition-colors group-hover:text-gray-800 md:text-[13px] dark:text-neutral-400 dark:group-hover:text-gray-300">barrymcw</span> </button> </div> <div class="hidden items-center gap-2 text-sm font-normal text-neutral-500 sm:flex md:text-[13px] dark:text-neutral-400"><svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 17" class="size-3 " aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.25" d="m6 12.667 4-4-4-4"></path></svg> Support</div></div> <div class="mr-0.5 flex items-center gap-2.5 self-end">     <span class="flex shrink-0 text-xs font-normal text-neutral-500 dark:text-neutral-400" title="" aria-label="Oct 22, 2024, 04:18 PM"> 6d ago</span> <span class="block w-fit" role="presentation"><span aria-label="More actions" title=""><button aria-label="More actions" class="hover:bg-black/5 text-neutral-500 hover:text-gray-600 dark:hover:bg-white/10 dark:text-gray-400 dark:hover:text-gray-300 h-[28px] w-[28px] rounded-[5px] after:rounded-[5px] transition-[background,text] ov-focus aspect-square flex items-center justify-center" type="button"><svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 17" class="h-[18px] " aria-hidden="true"><path fill="currentColor" d="M7.833 5.778a1.167 1.167 0 1 1 0-2.334 1.167 1.167 0 0 1 0 2.334m0 3.889a1.167 1.167 0 1 1 0-2.334 1.167 1.167 0 0 1 0 2.334m0 3.888a1.167 1.167 0 1 1 0-2.333 1.167 1.167 0 0 1 0 2.333"></path></svg></button></span></span> </div></div> <div class="relative overflow-hidden break-words [mask-image:_linear-gradient(to_top,_transparent_4%,_black_33%)]" style="max-height: 300px;"><div class="flex items-start justify-between gap-2.5"><div class="w-full"><div class="mb-2.5 mt-1 flex items-start gap-2"><div class="mt-1 shrink-0"><svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 16" class="size-4 text-gray-400" aria-hidden="true"><path fill="currentColor" fill-rule="evenodd" d="M9.671 2.075c.178-.418-.048-.901-.496-.977a7 7 0 0 0-2.227-.02c-.449.068-.683.547-.513.969.142.351.52.539.896.493a5.6 5.6 0 0 1 1.435.013c.375.052.757-.129.905-.478m1.716 1.591c-.298-.233-.433-.633-.285-.982.178-.418.683-.591 1.049-.321.6.442 1.127.979 1.56 1.587.263.37.08.872-.34 1.043-.352.141-.75 0-.978-.303a5.5 5.5 0 0 0-1.006-1.024m2.537 6.005c-.348-.148-.53-.53-.477-.905a5.6 5.6 0 0 0 .013-1.435c-.046-.376.142-.754.493-.896.422-.17.9.064.969.513a7 7 0 0 1-.02 2.227c-.076.448-.56.674-.977.496m-2.917 3.7c-.142-.352 0-.75.303-.978.383-.29.727-.628 1.023-1.006.234-.298.634-.432.982-.284.419.177.592.682.322 1.048a7 7 0 0 1-1.588 1.56c-.37.262-.872.08-1.042-.34m-4.678.553c.148-.348.53-.53.905-.477a5.6 5.6 0 0 0 1.435.013c.376-.046.754.142.896.493.17.422-.064.9-.514.969a7 7 0 0 1-2.226-.02c-.448-.076-.674-.56-.496-.977m-3.7-2.917c.352-.141.75 0 .978.303.29.383.628.727 1.006 1.023.298.234.432.634.284.982-.177.419-.682.592-1.048.322a7 7 0 0 1-1.56-1.587c-.263-.37-.08-.873.34-1.043M2.076 6.33c.35.148.53.53.478.905A5.6 5.6 0 0 0 2.54 8.67c.046.376-.142.754-.493.896-.422.17-.9-.064-.969-.514a7 7 0 0 1 .02-2.226c.076-.448.56-.673.977-.496m2.918-3.7c.141.352 0 .75-.303.978-.383.29-.728.628-1.024 1.006-.233.298-.633.433-.982.285-.418-.178-.591-.683-.321-1.049A7 7 0 0 1 3.95 2.29c.37-.263.872-.08 1.043.34" clip-rule="evenodd"></path></svg></div> <h3 class="text-md inline-block font-semibold text-gray-600 dark:text-white">Is there a smarter way to organise this?</h3></div> <div class="text-gray-400"><div class="editor svelte-1hk7yrh"><div contenteditable="false" translate="yes" class="tiptap ProseMirror prose prose-sm prose-h1:text-[26px] focus:outline-none prose-h1:mt-12 prose-h2:mt-8 prose-h1:text-gray-700 dark:prose-h1:text-white prose-h2:text-gray-700 prose-h1:scroll-mt-28 prose-h1:font-semibold prose-h2:font-semibold prose-h2:scroll-mt-28 prose-h3:scroll-mt-28 prose-h4:scroll-mt-28 prose-h5:scroll-mt-28 dark:prose-h2:text-white prose-h3:text-gray-700 dark:prose-h3:text-white prose-h4:text-gray-700 dark:prose-h4:text-white flex-inline w-full h-full dark:prose-invert font-normal prose-pre:px-4 prose-pre:py-3 prose-pre:text-[13px] prose-pre:leading-[1.6] prose-code:text-gray-600 prose-code:font-normal dark:prose-code:text-gray-300 prose-code:bg-black/5 dark:prose-code:border-white/5 dark:prose-code:bg-white/5 prose-code:rounded-sm before:prose-p:content-none after:prose-p:content-none empty:prose-p:p-3 prose-blockquote:text-gray-400 dark:prose-blockquote:text-gray-300/80 prose-blockquote:not-italic max-w-none"><p>In this example, the four images each have a hover animation, and then each will have a click action that launches a URL. My flowchart is getting a bit messy, and I'm wondering if there's a smarter way to do this?</p><p>The bottom screenshot is from "Idle Expand" (the hub of the spider).</p><p>Thanks</p><p><br class="ProseMirror-trailingBreak"></p><div class="node-image svelte-renderer" contenteditable="false" draggable="true"><div data-node-view-wrapper="" role="none" editor="[object Object]" class="flex justify-start not-prose group relative my-2 rounded" style="white-space: normal;">  <div class="basis-3/4 max-w-[350px] relative w-full rounded-sm ring-offset-gray-100 dark:ring-offset-gray-800 min-w-[25%] min-h-[150px]"><button class="contents" type="button" role="button" aria-label="view larger image"><img alt="" src="https://ucarecdn.com/426274f2-5814-4a95-9a43-5842aa4dc299/" class="better size-full rounded object-cover" srcset="https://ucarecdn.com/426274f2-5814-4a95-9a43-5842aa4dc299/-/resize/200x/-/format/auto/-/quality/better/ 200w,https://ucarecdn.com/426274f2-5814-4a95-9a43-5842aa4dc299/-/resize/400x/-/format/auto/-/quality/better/ 400w,https://ucarecdn.com/426274f2-5814-4a95-9a43-5842aa4dc299/-/resize/500x/-/format/auto/-/quality/better/ 500w,https://ucarecdn.com/426274f2-5814-4a95-9a43-5842aa4dc299/-/resize/800x/-/format/auto/-/quality/better/ 800w,https://ucarecdn.com/426274f2-5814-4a95-9a43-5842aa4dc299/-/resize/1000x/-/format/auto/-/quality/better/ 1000w,https://ucarecdn.com/426274f2-5814-4a95-9a43-5842aa4dc299/-/resize/1300x/-/format/auto/-/quality/better/ 1300w,https://ucarecdn.com/426274f2-5814-4a95-9a43-5842aa4dc299/-/resize/1600x/-/format/auto/-/quality/better/ 1600w" sizes="(max-width: 600px) 100vw, (max-width: 1200px) 65vw, 50vw"></button>    <iframe style="display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; border: 0; opacity: 0; pointer-events: none; z-index: -1;" aria-hidden="true" tabindex="-1" src="about:blank"></iframe></div></div></div><p><br class="ProseMirror-trailingBreak"></p><div class="node-image svelte-renderer" contenteditable="false" draggable="true"><div data-node-view-wrapper="" role="none" editor="[object Object]" class="flex justify-start not-prose group relative my-2 rounded" style="white-space: normal;">  <div class="basis-3/4 max-w-[350px] relative w-full rounded-sm ring-offset-gray-100 dark:ring-offset-gray-800 min-w-[25%] min-h-[150px]"><button class="contents" type="button" role="button" aria-label="view larger image"><img alt="" src="https://ucarecdn.com/2f70ae78-2af5-4f93-8138-08e245deff15/" class="better size-full rounded object-cover" srcset="https://ucarecdn.com/2f70ae78-2af5-4f93-8138-08e245deff15/-/resize/200x/-/format/auto/-/quality/better/ 200w,https://ucarecdn.com/2f70ae78-2af5-4f93-8138-08e245deff15/-/resize/400x/-/format/auto/-/quality/better/ 400w,https://ucarecdn.com/2f70ae78-2af5-4f93-8138-08e245deff15/-/resize/500x/-/format/auto/-/quality/better/ 500w,https://ucarecdn.com/2f70ae78-2af5-4f93-8138-08e245deff15/-/resize/800x/-/format/auto/-/quality/better/ 800w,https://ucarecdn.com/2f70ae78-2af5-4f93-8138-08e245deff15/-/resize/1000x/-/format/auto/-/quality/better/ 1000w,https://ucarecdn.com/2f70ae78-2af5-4f93-8138-08e245deff15/-/resize/1300x/-/format/auto/-/quality/better/ 1300w,https://ucarecdn.com/2f70ae78-2af5-4f93-8138-08e245deff15/-/resize/1600x/-/format/auto/-/quality/better/ 1600w" sizes="(max-width: 600px) 100vw, (max-width: 1200px) 65vw, 50vw"></button>    <iframe style="display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; border: 0; opacity: 0; pointer-events: none; z-index: -1;" aria-hidden="true" tabindex="-1" src="about:blank"></iframe></div></div></div></div></div></div></div> </div></div>  <div class="mt-4 flex flex-col flex-wrap justify-between gap-6 @xl/main-panel-container:flex-row @xl/main-panel-container:flex-nowrap"><div class="flex flex-col-reverse gap-3 @xl/main-panel-container:flex-row @xl/main-panel-container:gap-0"><div class="left-section flex shrink-0 gap-3 svelte-5xi1lv"><span class="text flex h-[20px] shrink-0 items-center space-x-1 rounded-[8px] py-2 text-sm md:text-[13px] dark:text-gray-400 text-gray-500"><span style=""><div class="flex space-x-1"><span title="barrymcw"><div class="avatar shrink-0 overflow-hidden size-5  rounded-[3px]"><div class="contents" role="" aria-label=""><img alt="" src="https://ucarecdn.com/52e32630-3eb1-466c-9a91-53324ee59a60/" class="better size-full object-cover" srcset="https://ucarecdn.com/52e32630-3eb1-466c-9a91-53324ee59a60/-/resize/200x/-/format/auto/-/quality/better/-/scale_crop/200x200/smart 200w,https://ucarecdn.com/52e32630-3eb1-466c-9a91-53324ee59a60/-/resize/400x/-/format/auto/-/quality/better/-/scale_crop/400x400/smart 400w,https://ucarecdn.com/52e32630-3eb1-466c-9a91-53324ee59a60/-/resize/500x/-/format/auto/-/quality/better/-/scale_crop/500x500/smart 500w,https://ucarecdn.com/52e32630-3eb1-466c-9a91-53324ee59a60/-/resize/800x/-/format/auto/-/quality/better/-/scale_crop/800x800/smart 800w,https://ucarecdn.com/52e32630-3eb1-466c-9a91-53324ee59a60/-/resize/1000x/-/format/auto/-/quality/better/-/scale_crop/1000x1000/smart 1000w,https://ucarecdn.com/52e32630-3eb1-466c-9a91-53324ee59a60/-/resize/1300x/-/format/auto/-/quality/better/-/scale_crop/1300x1300/smart 1300w,https://ucarecdn.com/52e32630-3eb1-466c-9a91-53324ee59a60/-/resize/1600x/-/format/auto/-/quality/better/-/scale_crop/1600x1600/smart 1600w" sizes="25px"></div> </div></span><span title="Robert"><div class="avatar shrink-0 overflow-hidden size-5  rounded-[3px]"><span class="flex h-full items-center justify-center font-semibold uppercase text-gray-600 dark:text-gray-300 text-xxs" style="background: rgb(255, 91, 199); color: rgb(250, 250, 250);">R</span></div></span> </div></span> <span class="shrink-0 px-1 text-xs font-medium text-blue-300">4 replies</span> </span></div> <div class="flex before:bg-black/10 dark:before:bg-white/10 svelte-5xi1lv"></div></div> <div class="ml-auto hidden shrink-0 items-center self-end pl-4 @xl/main-panel-container:flex"><span class="mr-2.5 inline-flex gap-0.5 text-xs font-normal text-neutral-500 dark:text-neutral-400">Last activity <span class="flex shrink-0 text-xs font-normal text-neutral-500 dark:text-neutral-400" title="" aria-label="Oct 25, 2024, 01:12 PM"> 3d ago</span></span></div></div></div>  </a> <div class="svelte-1kuj9kb"><div></div></div> </div> <a href="https://rive.app/community/forums/home?cursor=MjAyNC0xMC0yMiAxNjoxODozOC41NDA5ODUrMDA6MDB8MjkwNw==" class="hidden">Next thread page</a></div></div> <div class="absolute bottom-4 left-1/2 -translate-x-1/2"></div>  <span class="fixed bottom-4 left-1/2 -translate-x-1/2" style=""><button class="group z-button flex items-center whitespace-nowrap rounded-full border-[0.5px] border-black/25 bg-white px-6 py-2 text-sm font-medium text-gray-500 shadow-md transition-colors hover:border-black/50 dark:border-white/30 dark:bg-white/30 dark:text-gray-100 dark:backdrop-blur-lg dark:hover:border-white/60">Join
      1290 members <svg xmlns="http://www.w3.org/2000/svg" height="100%" fill="none" viewBox="0 0 16 17" class="size-4 ml-2.5 transition-transform group-hover:translate-x-1" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.25" d="m6 12.667 4-4-4-4"></path></svg></button></span></div></div>  <div class="z-modal overscroll-contain ease-out max-lg:fixed max-lg:top-0 max-lg:h-full svelte-8i3o06 slideLeft" style="--slide-range: -380px; --default-slide: -380px; transition-duration: 180ms;"><div style="width: 380px;"></div></div></div></div> </div>  </div>  </main>  <div id="svelte-announcer" aria-live="assertive" aria-atomic="true" style="position: absolute; left: 0px; top: 0px; clip: rect(0px, 0px, 0px, 0px); clip-path: inset(50%); overflow: hidden; white-space: nowrap; width: 1px; height: 1px;"></div></div>



<div class="fixed bottom-2 right-0 mx-4 portal z-alert"></div><script type="text/javascript" src="https://app.outverse.com/ingest/static/recorder.js?v=1.130.1"></script><iframe id="_hjSafeContext_7305703" title="_hjSafeContext" tabindex="-1" aria-hidden="true" src="about:blank" style="display: none !important; width: 1px !important; height: 1px !important; opacity: 0 !important; pointer-events: none !important;"></iframe></body></html>