Skip to content

Instantly share code, notes, and snippets.

@justaguywhocodes

justaguywhocodes/screenshot.svg

Created March 24, 2022 04:21
Show Gist options
  • Save justaguywhocodes/82ef350ac11f7cbaf86e96cb8c9f69a1 to your computer and use it in GitHub Desktop.
Save justaguywhocodes/82ef350ac11f7cbaf86e96cb8c9f69a1 to your computer and use it in GitHub Desktop.
Download ZIP
Display the source blob
Display the rendered blob
Raw
screenshot.svg
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-stacking-context="true" aria-owns="html1" width="1440" height="744" viewBox="0 0 1440 744">
<!-- Generated by dom-to-svg from https://beta.openai.com/playground -->
<style/>
<g data-stacking-layer="rootBackgroundAndBorders"/>
<g data-stacking-layer="childStackingContextsWithNegativeStackLevels"/>
<g data-stacking-layer="inFlowNonInlineNonPositionedDescendants"/>
<g data-stacking-layer="nonPositionedFloats"/>
<g data-stacking-layer="inFlowInlineLevelNonPositionedDescendants"/>
<g data-stacking-layer="childStackingContextsWithStackLevelZeroAndPositionedDescendantsWithStackLevelZero"/>
<g data-stacking-layer="childStackingContextsWithPositiveStackLevels"/>
<g data-tag="html" id="html1" data-z-index="auto" data-stacking-context="true" aria-owns="script1 script2 script3 head1 shadow-container app-wrapper-max-height1">
<g data-tag="script" id="script1" data-z-index="auto" data-stacking-context="true"/>
<g data-tag="script" id="script2" data-z-index="auto" data-stacking-context="true"/>
<g data-tag="script" id="script3" data-z-index="auto" data-stacking-context="true"/>
<g data-tag="head" id="head1" data-z-index="auto" data-stacking-context="true" aria-owns="meta1 link1 link2 link3 link4 link5 link6 link7 meta2 meta3 meta4 meta5 meta6 meta7 meta8 link8 title1 link9 link10 style1 script4 script5 link11 script6 link12 script7 style2">
<g data-tag="meta" id="meta1" data-z-index="auto" data-stacking-context="true"/>
<g data-tag="link" id="link1" data-z-index="auto" data-stacking-context="true" role="link"/>
<g data-tag="link" id="link2" data-z-index="auto" data-stacking-context="true" role="link"/>
<g data-tag="link" id="link3" data-z-index="auto" data-stacking-context="true" role="link"/>
<g data-tag="link" id="link4" data-z-index="auto" data-stacking-context="true" role="link"/>
<g data-tag="link" id="link5" data-z-index="auto" data-stacking-context="true" role="link"/>
<g data-tag="link" id="link6" data-z-index="auto" data-stacking-context="true" role="link"/>
<g data-tag="link" id="link7" data-z-index="auto" data-stacking-context="true" role="link"/>
<g data-tag="meta" id="meta2" data-z-index="auto" data-stacking-context="true"/>
<g data-tag="meta" id="meta3" data-z-index="auto" data-stacking-context="true"/>
<g data-tag="meta" id="meta4" data-z-index="auto" data-stacking-context="true"/>
<g data-tag="meta" id="meta5" data-z-index="auto" data-stacking-context="true"/>
<g data-tag="meta" id="meta6" data-z-index="auto" data-stacking-context="true"/>
<g data-tag="meta" id="meta7" data-z-index="auto" data-stacking-context="true"/>
<g data-tag="meta" id="meta8" data-z-index="auto" data-stacking-context="true"/>
<g data-tag="link" id="link8" data-z-index="auto" data-stacking-context="true" role="link"/>
<g data-tag="title" id="title1" data-z-index="auto" data-stacking-context="true"/>
<g data-tag="link" id="link9" data-z-index="auto" data-stacking-context="true" role="link"/>
<g data-tag="link" id="link10" data-z-index="auto" data-stacking-context="true" role="link"/>
<g data-tag="style" id="style1" data-z-index="auto" data-stacking-context="true"/>
<g data-tag="script" id="script4" data-z-index="auto" data-stacking-context="true"/>
<g data-tag="script" id="script5" data-z-index="auto" data-stacking-context="true"/>
<g data-tag="link" id="link11" data-z-index="auto" data-stacking-context="true" role="link"/>
<g data-tag="script" id="script6" data-z-index="auto" data-stacking-context="true"/>
<g data-tag="link" id="link12" data-z-index="auto" data-stacking-context="true" role="link"/>
<g data-tag="script" id="script7" data-z-index="auto" data-stacking-context="true"/>
<g data-tag="style" id="style2" data-z-index="auto" data-stacking-context="true"/>
</g>
<g data-tag="div" id="shadow-container" data-z-index="auto" data-stacking-context="true"/>
<g data-tag="body" id="app-wrapper-max-height1" class="app-wrapper-max-height" data-z-index="auto" data-stacking-context="true" role="document" aria-owns="noscript1 root script8 script9 script10 div34 s-gsapchecker intercom-frame intercom-lightweight-app1">
<g data-stacking-layer="childStackingContextsWithNegativeStackLevels">
<g data-tag="iframe" id="intercom-frame" data-z-index="-1" data-stacking-context="true" opacity="0" tabindex="-1" aria-hidden="true">
<title>
Intercom
</title>
</g>
</g>
<g data-stacking-layer="childStackingContextsWithPositiveStackLevels">
<g data-tag="div" id="intercom-lightweight-app1" class="intercom-lightweight-app" data-z-index="2147483001" data-stacking-context="true" aria-owns="intercom-lightweight-app-style">
<g data-tag="style" id="intercom-lightweight-app-style" data-z-index="auto" data-stacking-context="true"/>
</g>
</g>
<g data-tag="noscript" id="noscript1" data-z-index="auto" data-stacking-context="true"/>
<g data-tag="div" id="root" data-z-index="auto" data-stacking-context="true" mask="url(#mask-for-root1)" aria-owns="route-container1 layers-root1">
<g data-stacking-layer="childStackingContextsWithPositiveStackLevels">
<g data-tag="div" id="route-container1" class="route-container" data-z-index="1" data-stacking-context="true" aria-owns="page-wrapper1">
<g data-tag="div" id="page-wrapper1" class="page-wrapper app-wrapper" data-z-index="auto" data-stacking-context="true" aria-owns="app-header1 pg-webface1">
<g data-stacking-layer="childStackingContextsWithPositiveStackLevels">
<g data-tag="div" id="app-header1" class="app-header" data-z-index="100" data-stacking-context="true" mask="url(#mask-for-app-header11)" aria-owns="left-menu1 right-menu1 mobile-menu-toggle1">
<g data-stacking-layer="rootBackgroundAndBorders">
<rect width="1440" height="60" x="0" y="0" fill="rgb(255, 255, 255)"/>
<line stroke-linecap="square" stroke="rgb(236, 236, 241)" stroke-width="1px" x1="0" x2="1440" y1="60" y2="60"/>
</g>
<mask id="mask-for-app-header11">
<rect width="1440" height="60" x="0" y="0" fill="#ffffff"/>
</mask>
<g data-tag="div" id="left-menu1" class="left-menu" data-z-index="auto" data-stacking-context="true" aria-owns="branding1 menu-container1">
<g data-tag="div" id="branding1" class="branding" data-z-index="auto" data-stacking-context="true" aria-owns="logo-link1">
<a href="https://beta.openai.com/overview" data-tag="a" id="logo-link1" class="logo-link" data-z-index="auto" data-stacking-context="true" role="link" aria-owns="css-mhr5ai1">
<g data-tag="div" id="css-mhr5ai1" class="css-mhr5ai" data-z-index="auto" data-stacking-context="true" aria-owns="svg1">
<g data-tag="svg" id="svg1" data-z-index="auto" data-stacking-context="true" mask="url(#mask-for-svg11)">
<g data-stacking-layer="rootBackgroundAndBorders"/>
<g data-stacking-layer="childStackingContextsWithNegativeStackLevels"/>
<g data-stacking-layer="inFlowNonInlineNonPositionedDescendants"/>
<g data-stacking-layer="nonPositionedFloats"/>
<g data-stacking-layer="inFlowInlineLevelNonPositionedDescendants"/>
<g data-stacking-layer="childStackingContextsWithStackLevelZeroAndPositionedDescendantsWithStackLevelZero"/>
<g data-stacking-layer="childStackingContextsWithPositiveStackLevels"/>
<mask id="mask-for-svg11">
<rect width="24" height="24" x="24" y="17.5" fill="#ffffff"/>
</mask>
<g class="svg-content" data-view-box="140 140 520 520" data-width="24px" data-height="24px" transform="matrix(0.0461538 0 0 0.0461538 17.5385 11.0385)">
<defs color="rgb(0, 0, 0)" fill="rgb(0, 0, 0)" stroke="none">
<linearGradient id="svg1-linear" x1="100%" y1="22%" x2="0%" y2="78%">
<stop offset="0%" stop-color="rgb(131,211,231)"/>
<stop offset="2%" stop-color="rgb(127,203,229)"/>
<stop offset="25%" stop-color="rgb(86,115,217)"/>
<stop offset="49%" stop-color="rgb(105,80,190)"/>
<stop offset="98%" stop-color="rgb(197,59,119)"/>
<stop offset="100%" stop-color="rgb(197,59,119)"/>
</linearGradient>
</defs>
<path id="svg1-logo" d="m617.24 354a126.36 126.36 0 0 0 -10.86-103.79 127.8 127.8 0 0 0 -137.65-61.32 126.36 126.36 0 0 0 -95.31-42.49 127.81 127.81 0 0 0 -121.92 88.49 126.4 126.4 0 0 0 -84.5 61.3 127.82 127.82 0 0 0 15.72 149.86 126.36 126.36 0 0 0 10.86 103.79 127.81 127.81 0 0 0 137.65 61.32 126.36 126.36 0 0 0 95.31 42.49 127.81 127.81 0 0 0 121.96-88.54 126.4 126.4 0 0 0 84.5-61.3 127.82 127.82 0 0 0 -15.76-149.81zm-190.66 266.49a94.79 94.79 0 0 1 -60.85-22c.77-.42 2.12-1.16 3-1.7l101-58.34a16.42 16.42 0 0 0 8.3-14.37v-142.39l42.69 24.65a1.52 1.52 0 0 1 .83 1.17v117.92a95.18 95.18 0 0 1 -94.97 95.06zm-204.24-87.23a94.74 94.74 0 0 1 -11.34-63.7c.75.45 2.06 1.25 3 1.79l101 58.34a16.44 16.44 0 0 0 16.59 0l123.31-71.2v49.3a1.53 1.53 0 0 1 -.61 1.31l-102.1 58.95a95.16 95.16 0 0 1 -129.85-34.79zm-26.57-220.49a94.71 94.71 0 0 1 49.48-41.68c0 .87-.05 2.41-.05 3.48v116.68a16.41 16.41 0 0 0 8.29 14.36l123.31 71.19-42.69 24.65a1.53 1.53 0 0 1 -1.44.13l-102.11-59a95.16 95.16 0 0 1 -34.79-129.81zm350.74 81.62-123.31-71.2 42.69-24.64a1.53 1.53 0 0 1 1.44-.13l102.11 58.95a95.08 95.08 0 0 1 -14.69 171.55c0-.88 0-2.42 0-3.49v-116.68a16.4 16.4 0 0 0 -8.24-14.36zm42.49-63.95c-.75-.46-2.06-1.25-3-1.79l-101-58.34a16.46 16.46 0 0 0 -16.59 0l-123.31 71.2v-49.3a1.53 1.53 0 0 1 .61-1.31l102.1-58.9a95.07 95.07 0 0 1 141.19 98.44zm-267.11 87.87-42.7-24.65a1.52 1.52 0 0 1 -.83-1.17v-117.92a95.07 95.07 0 0 1 155.9-73c-.77.42-2.11 1.16-3 1.7l-101 58.34a16.41 16.41 0 0 0 -8.3 14.36zm23.19-50 54.92-31.72 54.92 31.7v63.42l-54.92 31.7-54.92-31.7z" fill="rgb(32, 33, 35)" color="rgb(0, 0, 0)" stroke="none"/>
</g>
</g>
</g>
</a>
</g>
<g data-tag="div" id="menu-container1" class="menu-container" data-z-index="auto" data-stacking-context="true" aria-owns="nav-item1 nav-item2 nav-item3 nav-item4">
<a href="https://beta.openai.com/" data-tag="a" id="nav-item1" class="nav-item" data-z-index="auto" data-stacking-context="true" role="link">
<text color="rgb(110, 110, 128)" dominant-baseline="text-after-edge" font-family="ColfaxAI, Helvetica, sans-serif" font-size="14px" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(110, 110, 128)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(110, 110, 128)">
<tspan xml:space="preserve" x="72" y="37.75" textLength="59.4375" lengthAdjust="spacingAndGlyphs">Overview</tspan>
</text>
</a>
<a href="https://beta.openai.com/docs" data-tag="a" id="nav-item2" class="nav-item" data-z-index="auto" data-stacking-context="true" role="link">
<text color="rgb(110, 110, 128)" dominant-baseline="text-after-edge" font-family="ColfaxAI, Helvetica, sans-serif" font-size="14px" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(110, 110, 128)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(110, 110, 128)">
<tspan xml:space="preserve" x="155.4375" y="37.75" textLength="101.0859375" lengthAdjust="spacingAndGlyphs">Documentation</tspan>
</text>
</a>
<a href="https://beta.openai.com/examples" data-tag="a" id="nav-item3" class="nav-item" data-z-index="auto" data-stacking-context="true" role="link">
<text color="rgb(110, 110, 128)" dominant-baseline="text-after-edge" font-family="ColfaxAI, Helvetica, sans-serif" font-size="14px" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(110, 110, 128)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(110, 110, 128)">
<tspan xml:space="preserve" x="280.5234375" y="37.75" textLength="63.7734375" lengthAdjust="spacingAndGlyphs">Examples</tspan>
</text>
</a>
<a href="https://beta.openai.com/playground" data-tag="a" id="nav-item4" class="nav-item active" data-z-index="auto" data-stacking-context="true" role="link" aria-current="page">
<text color="rgb(16, 163, 127)" dominant-baseline="text-after-edge" font-family="ColfaxAI, Helvetica, sans-serif" font-size="14px" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(16, 163, 127)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(16, 163, 127)">
<tspan xml:space="preserve" x="368.296875" y="37.75" textLength="73.6328125" lengthAdjust="spacingAndGlyphs">Playground</tspan>
</text>
</a>
</g>
</g>
<g data-tag="div" id="right-menu1" class="right-menu" data-z-index="auto" data-stacking-context="true" aria-owns="header-support1 user-section1">
<g data-tag="div" id="header-support1" class="header-support" data-z-index="auto" data-stacking-context="true" aria-owns="btn1">
<g data-tag="button" id="btn1" class="btn btn-md btn-minimal btn-neutral header-support-btn" data-z-index="auto" data-stacking-context="true" role="button" tabindex="0" aria-labelledby="" aria-owns="btn-label-wrap1">
<g data-tag="span" id="btn-label-wrap1" class="btn-label-wrap" data-z-index="auto" data-stacking-context="true" aria-owns="btn-node1 btn-label-inner1">
<g data-tag="span" id="btn-node1" class="btn-node" data-z-index="auto" data-stacking-context="true" aria-owns="svg2">
<g data-tag="svg" id="svg2" data-z-index="auto" data-stacking-context="true" mask="url(#mask-for-svg21)">
<g data-stacking-layer="rootBackgroundAndBorders"/>
<g data-stacking-layer="childStackingContextsWithNegativeStackLevels"/>
<g data-stacking-layer="inFlowNonInlineNonPositionedDescendants"/>
<g data-stacking-layer="nonPositionedFloats"/>
<g data-stacking-layer="inFlowInlineLevelNonPositionedDescendants"/>
<g data-stacking-layer="childStackingContextsWithStackLevelZeroAndPositionedDescendantsWithStackLevelZero"/>
<g data-stacking-layer="childStackingContextsWithPositiveStackLevels"/>
<mask id="mask-for-svg21">
<rect width="20" height="20" x="1224.09375" y="20.5" fill="#ffffff"/>
</mask>
<g class="svg-content" data-view-box="0 0 1024 1024" data-width="1em" data-height="1em" transform="matrix(0.0195313 0 0 0.0195313 1224.09 20.5)">
<path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" color="rgb(142, 142, 160)" fill="rgb(142, 142, 160)" stroke="rgb(142, 142, 160)" stroke-width="0px"/>
<path d="M623.6 316.7C593.6 290.4 554 276 512 276s-81.6 14.5-111.6 40.7C369.2 344 352 380.7 352 420v7.6c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V420c0-44.1 43.1-80 96-80s96 35.9 96 80c0 31.1-22 59.6-56.1 72.7-21.2 8.1-39.2 22.3-52.1 40.9-13.1 19-19.9 41.8-19.9 64.9V620c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-22.7a48.3 48.3 0 0 1 30.9-44.8c59-22.7 97.1-74.7 97.1-132.5.1-39.3-17.1-76-48.3-103.3zM472 732a40 40 0 1 0 80 0 40 40 0 1 0-80 0z" color="rgb(142, 142, 160)" fill="rgb(142, 142, 160)" stroke="rgb(142, 142, 160)" stroke-width="0px"/>
</g>
</g>
</g>
<g data-tag="span" id="btn-label-inner1" class="btn-label-inner" data-z-index="auto" data-stacking-context="true">
<text color="rgb(110, 110, 128)" dominant-baseline="text-after-edge" font-family="ColfaxAI, Helvetica, sans-serif" font-size="14px" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(110, 110, 128)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="none" fill="rgb(110, 110, 128)">
<tspan xml:space="preserve" x="1249.09375" y="38.5" textLength="29.6875" lengthAdjust="spacingAndGlyphs">Help</tspan>
</text>
<text color="rgb(110, 110, 128)" dominant-baseline="text-after-edge" font-family="ColfaxAI, Helvetica, sans-serif" font-size="14px" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(110, 110, 128)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="none" fill="rgb(110, 110, 128)">
<tspan xml:space="preserve" x="1278.78125" y="38.5" textLength="0" lengthAdjust="spacingAndGlyphs">&zwj;</tspan>
</text>
</g>
</g>
</g>
</g>
<g data-tag="div" id="user-section1" class="user-section" data-z-index="auto" data-stacking-context="true" aria-haspopup="true" aria-expanded="false" aria-owns="avatar1 user-details1">
<g data-tag="div" id="avatar1" class="avatar mr-2" data-z-index="auto" data-stacking-context="true" aria-owns="div1">
<g data-stacking-layer="rootBackgroundAndBorders">
<rect width="28" height="28" x="1298.78125" y="15.5" fill="rgb(53, 55, 64)" rx="14.000000000000002" ry="14.000000000000002"/>
</g>
<g data-tag="div" id="div1" data-z-index="auto" data-stacking-context="true">
<text color="rgb(255, 255, 255)" dominant-baseline="text-after-edge" font-family="ColfaxAI, Helvetica, sans-serif" font-size="14px" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(255, 255, 255)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(255, 255, 255)">
<tspan xml:space="preserve" x="1307.875" y="37.5" textLength="9.8046875" lengthAdjust="spacingAndGlyphs">D</tspan>
</text>
</g>
</g>
<g data-tag="div" id="user-details1" class="user-details" data-z-index="auto" data-stacking-context="true" aria-owns="user-details-org1">
<g data-tag="div" id="user-details-org1" class="user-details-org" data-z-index="auto" data-stacking-context="true" mask="url(#mask-for-user-details-org11)">
<mask id="mask-for-user-details-org11">
<rect width="81.21875" height="20" x="1334.78125" y="20.5" fill="#ffffff"/>
</mask>
<text color="rgb(53, 55, 64)" dominant-baseline="text-after-edge" font-family="ColfaxAI, Helvetica, sans-serif" font-size="14px" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(53, 55, 64)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(53, 55, 64)">
<tspan xml:space="preserve" x="1334.78125" y="38.5" textLength="81.21875" lengthAdjust="spacingAndGlyphs">Martinomics</tspan>
</text>
</g>
</g>
</g>
</g>
<g data-tag="div" id="mobile-menu-toggle1" class="mobile-menu-toggle" data-z-index="auto" data-stacking-context="true" role="button" aria-owns="svg3">
<g data-tag="svg" id="svg3" data-z-index="auto" data-stacking-context="true" mask="url(#mask-for-svg31)">
<g data-stacking-layer="rootBackgroundAndBorders"/>
<g data-stacking-layer="childStackingContextsWithNegativeStackLevels"/>
<g data-stacking-layer="inFlowNonInlineNonPositionedDescendants"/>
<g data-stacking-layer="nonPositionedFloats"/>
<g data-stacking-layer="inFlowInlineLevelNonPositionedDescendants"/>
<g data-stacking-layer="childStackingContextsWithStackLevelZeroAndPositionedDescendantsWithStackLevelZero"/>
<g data-stacking-layer="childStackingContextsWithPositiveStackLevels"/>
<mask id="mask-for-svg31">
<rect width="0" height="0" x="0" y="0" fill="#ffffff"/>
</mask>
<g class="svg-content" data-view-box="0 0 24 24" data-width="1em" data-height="1em" transform="matrix(1 0 0 1 0 0)">
<line x1="3" y1="12" x2="21" y2="12" color="rgb(53, 55, 64)" fill="none" stroke="rgb(53, 55, 64)" stroke-linecap="round" stroke-linejoin="round" stroke-width="2px"/>
<line x1="3" y1="6" x2="21" y2="6" color="rgb(53, 55, 64)" fill="none" stroke="rgb(53, 55, 64)" stroke-linecap="round" stroke-linejoin="round" stroke-width="2px"/>
<line x1="3" y1="18" x2="21" y2="18" color="rgb(53, 55, 64)" fill="none" stroke="rgb(53, 55, 64)" stroke-linecap="round" stroke-linejoin="round" stroke-width="2px"/>
</g>
</g>
</g>
</g>
</g>
<g data-tag="div" id="pg-webface1" class="pg-webface page-body full-width flush" data-z-index="auto" data-stacking-context="true" aria-owns="pg-main1">
<g data-tag="div" id="pg-main1" class="pg-main" data-z-index="auto" data-stacking-context="true" aria-owns="pg-header1 pg-body1">
<g data-tag="div" id="pg-header1" class="pg-header" data-z-index="auto" data-stacking-context="true" aria-owns="pg-header-section1 pg-preset-select-container1 pg-header-section2">
<g data-stacking-layer="rootBackgroundAndBorders">
<line stroke-linecap="square" stroke="rgb(236, 236, 241)" stroke-width="1px" x1="0" x2="1440" y1="125" y2="125"/>
</g>
<g data-tag="div" id="pg-header-section1" class="pg-header-section pg-header-title" data-z-index="auto" data-stacking-context="true" aria-owns="pg-page-title1">
<g data-tag="h4" id="pg-page-title1" class="pg-page-title" data-z-index="auto" data-stacking-context="true" role="heading" aria-level="4">
<text color="rgb(32, 33, 35)" dominant-baseline="text-after-edge" font-family="ColfaxAI, Helvetica, sans-serif" font-size="18px" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="700" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(32, 33, 35)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(32, 33, 35)">
<tspan xml:space="preserve" x="24" y="102.5" textLength="96.8046875" lengthAdjust="spacingAndGlyphs">Playground</tspan>
</text>
</g>
</g>
<g data-tag="div" id="pg-preset-select-container1" class="pg-preset-select-container" data-z-index="auto" data-stacking-context="true" aria-owns="select-base1">
<g data-tag="div" id="select-base1" class="select-base css-2b097c-container" data-z-index="auto" data-stacking-context="true" aria-owns="css-7pg0cj-a11yText1 css-i4h7a8-control1">
<g data-stacking-layer="childStackingContextsWithPositiveStackLevels">
<g data-tag="span" id="css-7pg0cj-a11yText1" class="css-7pg0cj-a11yText" data-z-index="9999" data-stacking-context="true" aria-live="polite" aria-atomic="false" aria-relevant="additions text" mask="url(#mask-for-css-7pg0cj-a11yText11)">
<mask id="mask-for-css-7pg0cj-a11yText11">
<rect width="1" height="1" x="834.1015625" y="76" fill="#ffffff"/>
</mask>
</g>
</g>
<g data-tag="div" id="css-i4h7a8-control1" class=" css-i4h7a8-control" data-z-index="auto" data-stacking-context="true" aria-owns="css-gq3wm91 css-1p1cok91">
<g data-stacking-layer="rootBackgroundAndBorders">
<rect width="300" height="32" x="834.1015625" y="76" fill="rgb(255, 255, 255)" stroke="rgb(197, 197, 210)" stroke-width="1px" rx="4" ry="4"/>
</g>
<g data-tag="div" id="css-gq3wm91" class=" css-gq3wm9" data-z-index="auto" data-stacking-context="true" mask="url(#mask-for-css-gq3wm911)" aria-owns="css-2zv882-placeholder1 css-1ki8rko1">
<mask id="mask-for-css-gq3wm911">
<rect width="262" height="30" x="835.1015625" y="77" fill="#ffffff"/>
<rect width="98.0703125" height="20" x="845.1015625" y="82" fill="#ffffff"/>
<rect width="15" height="0" x="835.1015625" y="77" fill="#ffffff"/>
</mask>
<g data-tag="div" id="css-2zv882-placeholder1" class=" css-2zv882-placeholder" data-z-index="auto" data-stacking-context="true">
<text color="rgb(142, 142, 160)" dominant-baseline="text-after-edge" font-family="ColfaxAI, Helvetica, sans-serif" font-size="14px" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(142, 142, 160)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(142, 142, 160)">
<tspan xml:space="preserve" x="845.1015625" y="100" textLength="98.0703125" lengthAdjust="spacingAndGlyphs">Load a preset...</tspan>
</text>
</g>
<g data-tag="div" id="css-1ki8rko1" class="css-1ki8rko" data-z-index="auto" data-stacking-context="true" aria-owns="div2">
<g data-tag="div" id="div2" data-z-index="auto" data-stacking-context="true" aria-owns="react-select-2-input div3">
<g data-tag="input" id="react-select-2-input" data-z-index="auto" data-stacking-context="true" tabindex="0" aria-labelledby="" aria-autocomplete="list">
<g data-stacking-layer="rootBackgroundAndBorders"/>
<g data-stacking-layer="childStackingContextsWithNegativeStackLevels"/>
<g data-stacking-layer="inFlowNonInlineNonPositionedDescendants"/>
<g data-stacking-layer="nonPositionedFloats"/>
<g data-stacking-layer="inFlowInlineLevelNonPositionedDescendants"/>
<g data-stacking-layer="childStackingContextsWithStackLevelZeroAndPositionedDescendantsWithStackLevelZero"/>
<g data-stacking-layer="childStackingContextsWithPositiveStackLevels"/>
</g>
<g data-tag="div" id="div3" data-z-index="auto" data-stacking-context="true" mask="url(#mask-for-div31)">
<mask id="mask-for-div31">
<rect width="15" height="0" x="835.1015625" y="77" fill="#ffffff"/>
</mask>
</g>
</g>
</g>
</g>
<g data-tag="div" id="css-1p1cok91" class=" css-1p1cok9" data-z-index="auto" data-stacking-context="true" aria-owns="select-dropdown-indicator1">
<g data-tag="div" id="select-dropdown-indicator1" class="select-dropdown-indicator css-ewq5ei-indicatorContainer" data-z-index="auto" data-stacking-context="true" aria-hidden="true" aria-owns="svg4">
<g data-tag="svg" id="svg4" data-z-index="auto" data-stacking-context="true" mask="url(#mask-for-svg41)">
<g data-stacking-layer="rootBackgroundAndBorders"/>
<g data-stacking-layer="childStackingContextsWithNegativeStackLevels"/>
<g data-stacking-layer="inFlowNonInlineNonPositionedDescendants"/>
<g data-stacking-layer="nonPositionedFloats"/>
<g data-stacking-layer="inFlowInlineLevelNonPositionedDescendants"/>
<g data-stacking-layer="childStackingContextsWithStackLevelZeroAndPositionedDescendantsWithStackLevelZero"/>
<g data-stacking-layer="childStackingContextsWithPositiveStackLevels"/>
<mask id="mask-for-svg41">
<rect width="20" height="20" x="1105.1015625" y="81.5" fill="#ffffff"/>
</mask>
<g class="svg-content" data-view-box="0 0 16 16" data-width="20px" data-height="20px" transform="matrix(1.25 0 0 1.25 1105.1 81.5)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.976 10.072l4.357-4.357.62.618L8.284 11h-.618L3 6.333l.619-.618 4.357 4.357z" color="rgb(172, 172, 190)" fill="rgb(172, 172, 190)" stroke="rgb(172, 172, 190)" stroke-width="0px"/>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
<g data-tag="div" id="pg-header-section2" class="pg-header-section pg-header-actions" data-z-index="auto" data-stacking-context="true" aria-owns="btn2 btn3 btn4 btn5 btn6">
<g data-tag="button" id="btn2" class="btn btn-sm btn-filled btn-neutral" data-z-index="auto" data-stacking-context="true" role="button" tabindex="0" aria-labelledby="" aria-haspopup="true" aria-expanded="false" aria-owns="btn-label-wrap2">
<g data-stacking-layer="rootBackgroundAndBorders">
<rect width="55.828125" height="32" x="1146.1015625" y="76" fill="rgb(236, 236, 241)" rx="3" ry="3"/>
</g>
<g data-tag="span" id="btn-label-wrap2" class="btn-label-wrap" data-z-index="auto" data-stacking-context="true" aria-owns="btn-label-inner2">
<g data-tag="span" id="btn-label-inner2" class="btn-label-inner" data-z-index="auto" data-stacking-context="true">
<text color="rgb(53, 55, 64)" dominant-baseline="text-after-edge" font-family="ColfaxAI, Helvetica, sans-serif" font-size="14px" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(53, 55, 64)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="none" fill="rgb(53, 55, 64)">
<tspan xml:space="preserve" x="1158.1015625" y="100" textLength="31.828125" lengthAdjust="spacingAndGlyphs">Save</tspan>
</text>
<text color="rgb(53, 55, 64)" dominant-baseline="text-after-edge" font-family="ColfaxAI, Helvetica, sans-serif" font-size="14px" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(53, 55, 64)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="none" fill="rgb(53, 55, 64)">
<tspan xml:space="preserve" x="1189.9296875" y="100" textLength="0" lengthAdjust="spacingAndGlyphs">&zwj;</tspan>
</text>
</g>
</g>
</g>
<g data-tag="button" id="btn3" class="btn btn-sm btn-filled btn-neutral" data-z-index="auto" data-stacking-context="true" role="button" tabindex="0" aria-labelledby="" aria-owns="btn-label-wrap3">
<g data-stacking-layer="rootBackgroundAndBorders">
<rect width="89.859375" height="32" x="1209.9296875" y="76" fill="rgb(236, 236, 241)" rx="3" ry="3"/>
</g>
<g data-tag="span" id="btn-label-wrap3" class="btn-label-wrap" data-z-index="auto" data-stacking-context="true" aria-owns="btn-label-inner3">
<g data-tag="span" id="btn-label-inner3" class="btn-label-inner" data-z-index="auto" data-stacking-context="true">
<text color="rgb(53, 55, 64)" dominant-baseline="text-after-edge" font-family="ColfaxAI, Helvetica, sans-serif" font-size="14px" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(53, 55, 64)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="none" fill="rgb(53, 55, 64)">
<tspan xml:space="preserve" x="1221.9296875" y="100" textLength="65.859375" lengthAdjust="spacingAndGlyphs">View code</tspan>
</text>
<text color="rgb(53, 55, 64)" dominant-baseline="text-after-edge" font-family="ColfaxAI, Helvetica, sans-serif" font-size="14px" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(53, 55, 64)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="none" fill="rgb(53, 55, 64)">
<tspan xml:space="preserve" x="1287.7890625" y="100" textLength="0" lengthAdjust="spacingAndGlyphs">&zwj;</tspan>
</text>
</g>
</g>
</g>
<g data-tag="button" id="btn4" class="btn btn-sm btn-filled btn-neutral" data-z-index="auto" data-stacking-context="true" role="button" tabindex="0" aria-labelledby="" aria-owns="btn-label-wrap4">
<g data-stacking-layer="rootBackgroundAndBorders">
<rect width="62.2109375" height="32" x="1307.7890625" y="76" fill="rgb(236, 236, 241)" rx="3" ry="3"/>
</g>
<g data-tag="span" id="btn-label-wrap4" class="btn-label-wrap" data-z-index="auto" data-stacking-context="true" aria-owns="btn-label-inner4">
<g data-tag="span" id="btn-label-inner4" class="btn-label-inner" data-z-index="auto" data-stacking-context="true">
<text color="rgb(53, 55, 64)" dominant-baseline="text-after-edge" font-family="ColfaxAI, Helvetica, sans-serif" font-size="14px" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(53, 55, 64)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="none" fill="rgb(53, 55, 64)">
<tspan xml:space="preserve" x="1319.7890625" y="100" textLength="38.2109375" lengthAdjust="spacingAndGlyphs">Share</tspan>
</text>
<text color="rgb(53, 55, 64)" dominant-baseline="text-after-edge" font-family="ColfaxAI, Helvetica, sans-serif" font-size="14px" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(53, 55, 64)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="none" fill="rgb(53, 55, 64)">
<tspan xml:space="preserve" x="1358" y="100" textLength="0" lengthAdjust="spacingAndGlyphs">&zwj;</tspan>
</text>
</g>
</g>
</g>
<g data-tag="button" id="btn5" class="btn btn-sm btn-filled btn-neutral" data-z-index="auto" data-stacking-context="true" role="button" tabindex="0" aria-labelledby="" aria-haspopup="true" aria-expanded="false" aria-owns="btn-label-wrap5">
<g data-stacking-layer="rootBackgroundAndBorders">
<rect width="38" height="32" x="1378" y="76" fill="rgb(236, 236, 241)" rx="3" ry="3"/>
</g>
<g data-tag="span" id="btn-label-wrap5" class="btn-label-wrap" data-z-index="auto" data-stacking-context="true" aria-owns="btn-label-inner5">
<g data-tag="span" id="btn-label-inner5" class="btn-label-inner" data-z-index="auto" data-stacking-context="true" aria-owns="svg5">
<g data-tag="svg" id="svg5" data-z-index="auto" data-stacking-context="true" mask="url(#mask-for-svg51)">
<g data-stacking-layer="rootBackgroundAndBorders"/>
<g data-stacking-layer="childStackingContextsWithNegativeStackLevels"/>
<g data-stacking-layer="inFlowNonInlineNonPositionedDescendants"/>
<g data-stacking-layer="nonPositionedFloats"/>
<g data-stacking-layer="inFlowInlineLevelNonPositionedDescendants"/>
<g data-stacking-layer="childStackingContextsWithStackLevelZeroAndPositionedDescendantsWithStackLevelZero"/>
<g data-stacking-layer="childStackingContextsWithPositiveStackLevels"/>
<mask id="mask-for-svg51">
<rect width="14" height="14" x="1390" y="85" fill="#ffffff"/>
</mask>
<g class="svg-content" data-view-box="0 0 20 20" data-width="1em" data-height="1em" transform="matrix(0.7 0 0 0.7 1390 85)">
<path d="M6 10a2 2 0 11-4 0 2 2 0 014 0zM12 10a2 2 0 11-4 0 2 2 0 014 0zM16 12a2 2 0 100-4 2 2 0 000 4z" color="rgb(53, 55, 64)" fill="rgb(53, 55, 64)" stroke="rgb(53, 55, 64)" stroke-width="0px"/>
</g>
</g>
<text color="rgb(53, 55, 64)" dominant-baseline="text-after-edge" font-family="ColfaxAI, Helvetica, sans-serif" font-size="14px" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(53, 55, 64)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="none" fill="rgb(53, 55, 64)">
<tspan xml:space="preserve" x="1404" y="100" textLength="0" lengthAdjust="spacingAndGlyphs">&zwj;</tspan>
</text>
</g>
</g>
</g>
<g data-tag="button" id="btn6" class="btn btn-sm btn-filled btn-neutral pg-advanced-toggle" data-z-index="auto" data-stacking-context="true" role="button" tabindex="0" aria-labelledby="" aria-label="Toggle parameters" aria-owns="btn-label-wrap6">
<g data-tag="span" id="btn-label-wrap6" class="btn-label-wrap" data-z-index="auto" data-stacking-context="true" aria-owns="btn-label-inner6">
<g data-tag="span" id="btn-label-inner6" class="btn-label-inner" data-z-index="auto" data-stacking-context="true" aria-owns="svg6">
<g data-tag="svg" id="svg6" data-z-index="auto" data-stacking-context="true" mask="url(#mask-for-svg61)">
<g data-stacking-layer="rootBackgroundAndBorders"/>
<g data-stacking-layer="childStackingContextsWithNegativeStackLevels"/>
<g data-stacking-layer="inFlowNonInlineNonPositionedDescendants"/>
<g data-stacking-layer="nonPositionedFloats"/>
<g data-stacking-layer="inFlowInlineLevelNonPositionedDescendants"/>
<g data-stacking-layer="childStackingContextsWithStackLevelZeroAndPositionedDescendantsWithStackLevelZero"/>
<g data-stacking-layer="childStackingContextsWithPositiveStackLevels"/>
<mask id="mask-for-svg61">
<rect width="0" height="0" x="0" y="0" fill="#ffffff"/>
</mask>
<g class="svg-content" data-view-box="0 0 20 20" data-width="1em" data-height="1em" transform="matrix(1 0 0 1 0 0)">
<path fill-rule="evenodd" d="M11.49 3.17c-.38-1.56-2.6-1.56-2.98 0a1.532 1.532 0 01-2.286.948c-1.372-.836-2.942.734-2.106 2.106.54.886.061 2.042-.947 2.287-1.561.379-1.561 2.6 0 2.978a1.532 1.532 0 01.947 2.287c-.836 1.372.734 2.942 2.106 2.106a1.532 1.532 0 012.287.947c.379 1.561 2.6 1.561 2.978 0a1.533 1.533 0 012.287-.947c1.372.836 2.942-.734 2.106-2.106a1.533 1.533 0 01.947-2.287c1.561-.379 1.561-2.6 0-2.978a1.532 1.532 0 01-.947-2.287c.836-1.372-.734-2.942-2.106-2.106a1.532 1.532 0 01-2.287-.947zM10 13a3 3 0 100-6 3 3 0 000 6z" clip-rule="evenodd" color="rgb(53, 55, 64)" fill="rgb(53, 55, 64)" stroke="rgb(53, 55, 64)" stroke-width="0px"/>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
<g data-tag="div" id="pg-body1" class="pg-body" data-z-index="auto" data-stacking-context="true" aria-owns="pg-left1 pg-right1">
<g data-tag="div" id="pg-left1" class="pg-left" data-z-index="auto" data-stacking-context="true" aria-owns="pg-content-body1 pg-content-footer1">
<g data-tag="div" id="pg-content-body1" class="pg-content-body" data-z-index="auto" data-stacking-context="true" mask="url(#mask-for-pg-content-body11)" aria-owns="completions-container1">
<mask id="mask-for-pg-content-body11">
<rect width="1176" height="523" x="24" y="149" fill="#ffffff"/>
</mask>
<g data-tag="div" id="completions-container1" class="completions-container" data-z-index="auto" data-stacking-context="true" mask="url(#mask-for-completions-container11)" aria-owns="completions1">
<g data-stacking-layer="rootBackgroundAndBorders">
<rect width="1176" height="523" x="24" y="149" fill="rgba(0, 0, 0, 0)" stroke="rgb(197, 197, 210)" stroke-width="1px" rx="3" ry="3"/>
</g>
<mask id="mask-for-completions-container11">
<rect width="1176" height="523" x="24" y="149" fill="#ffffff"/>
</mask>
<g data-tag="div" id="completions1" class="completions" data-z-index="auto" data-stacking-context="true" aria-owns="editor-container1">
<g data-tag="div" id="editor-container1" class="editor-container" data-z-index="auto" data-stacking-context="true" aria-owns="editor-wrapper1">
<g data-stacking-layer="rootBackgroundAndBorders">
<rect width="1174" height="521" x="25" y="150" fill="rgb(255, 255, 255)"/>
</g>
<g data-tag="div" id="editor-wrapper1" class="editor-wrapper" data-z-index="auto" data-stacking-context="true" aria-owns="DraftEditor-root1">
<g data-tag="div" id="DraftEditor-root1" class="DraftEditor-root" data-z-index="auto" data-stacking-context="true" aria-owns="public-DraftEditorPlaceholder-root1 DraftEditor-editorContainer1">
<g data-stacking-layer="childStackingContextsWithPositiveStackLevels">
<g data-tag="div" id="public-DraftEditorPlaceholder-root1" class="public-DraftEditorPlaceholder-root public-DraftEditorPlaceholder-hasFocus" data-z-index="1" data-stacking-context="true" mask="url(#mask-for-public-DraftEditorPlaceholder-root11)" aria-owns="placeholder-4jtmh">
<mask id="mask-for-public-DraftEditorPlaceholder-root11">
<rect width="1174" height="56" x="25" y="150" fill="#ffffff"/>
</mask>
<g data-tag="div" id="placeholder-4jtmh" class="public-DraftEditorPlaceholder-inner" data-z-index="auto" data-stacking-context="true">
<text color="rgb(189, 193, 201)" dominant-baseline="text-after-edge" font-family="ColfaxAI, Helvetica, sans-serif" font-size="16px" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="500" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(189, 193, 201)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(189, 193, 201)">
<tspan xml:space="preserve" x="41" y="187.5" textLength="273.1875" lengthAdjust="spacingAndGlyphs">Write a tagline for an ice cream shop.</tspan>
</text>
</g>
</g>
<g data-tag="div" id="DraftEditor-editorContainer1" class="DraftEditor-editorContainer" data-z-index="1" data-stacking-context="true" aria-owns="notranslate1">
<g data-stacking-layer="rootBackgroundAndBorders">
<rect width="1174" height="521" x="25" y="150" fill="rgba(255, 255, 255, 0)"/>
</g>
<g data-tag="div" id="notranslate1" class="notranslate public-DraftEditor-content" data-z-index="auto" data-stacking-context="true" aria-describedby="placeholder-4jtmh" role="textbox" mask="url(#mask-for-notranslate11)" aria-owns="div4">
<mask id="mask-for-notranslate11">
<rect width="1173.5" height="521" x="25.5" y="150" fill="#ffffff"/>
</mask>
<g data-tag="div" id="div4" data-z-index="auto" data-stacking-context="true" aria-owns="div5">
<g data-tag="div" id="div5" data-z-index="auto" data-stacking-context="true" aria-owns="public-DraftStyleDefault-block1">
<g data-tag="div" id="public-DraftStyleDefault-block1" class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr" data-z-index="auto" data-stacking-context="true" aria-owns="span1">
<g data-tag="span" id="span1" data-z-index="auto" data-stacking-context="true" aria-owns="br1">
<g data-tag="br" id="br1" data-z-index="auto" data-stacking-context="true"/>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
<g data-tag="div" id="pg-content-footer1" class="pg-content-footer" data-z-index="auto" data-stacking-context="true" aria-owns="pg-footer-left1 pg-footer-right1">
<g data-tag="div" id="pg-footer-left1" class="pg-footer-left" data-z-index="auto" data-stacking-context="true" aria-owns="btn7 btn8 btn9">
<g data-tag="button" id="btn7" class="btn btn-sm btn-filled btn-primary pg-submit-btn" data-z-index="auto" data-stacking-context="true" role="button" tabindex="0" aria-labelledby="" aria-haspopup="true" aria-expanded="false" aria-owns="btn-label-wrap7">
<g data-stacking-layer="rootBackgroundAndBorders">
<rect width="71.546875" height="32" x="24" y="688" fill="rgb(16, 163, 127)" rx="3" ry="3"/>
</g>
<g data-tag="span" id="btn-label-wrap7" class="btn-label-wrap" data-z-index="auto" data-stacking-context="true" aria-owns="btn-label-inner7">
<g data-tag="span" id="btn-label-inner7" class="btn-label-inner" data-z-index="auto" data-stacking-context="true">
<text color="rgb(255, 255, 255)" dominant-baseline="text-after-edge" font-family="ColfaxAI, Helvetica, sans-serif" font-size="14px" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(255, 255, 255)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="none" fill="rgb(255, 255, 255)">
<tspan xml:space="preserve" x="36" y="712" textLength="47.546875" lengthAdjust="spacingAndGlyphs">Submit</tspan>
</text>
<text color="rgb(255, 255, 255)" dominant-baseline="text-after-edge" font-family="ColfaxAI, Helvetica, sans-serif" font-size="14px" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(255, 255, 255)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="none" fill="rgb(255, 255, 255)">
<tspan xml:space="preserve" x="83.546875" y="712" textLength="0" lengthAdjust="spacingAndGlyphs">&zwj;</tspan>
</text>
</g>
</g>
</g>
<g data-tag="button" id="btn8" class="btn btn-disabled btn-disabled-style btn-sm btn-filled btn-neutral" data-z-index="auto" data-stacking-context="true" role="button" aria-disabled="true" tabindex="0" aria-labelledby="" aria-label="Undo" aria-haspopup="true" aria-expanded="false" aria-owns="btn-label-wrap8">
<g data-stacking-layer="rootBackgroundAndBorders">
<rect width="38" height="32" x="103.546875" y="688" fill="rgb(247, 247, 248)" rx="3" ry="3"/>
</g>
<g data-tag="span" id="btn-label-wrap8" class="btn-label-wrap" data-z-index="auto" data-stacking-context="true" aria-owns="btn-label-inner8">
<g data-tag="span" id="btn-label-inner8" class="btn-label-inner" data-z-index="auto" data-stacking-context="true" aria-owns="svg7">
<g data-tag="svg" id="svg7" data-z-index="auto" data-stacking-context="true" mask="url(#mask-for-svg71)">
<g data-stacking-layer="rootBackgroundAndBorders"/>
<g data-stacking-layer="childStackingContextsWithNegativeStackLevels"/>
<g data-stacking-layer="inFlowNonInlineNonPositionedDescendants"/>
<g data-stacking-layer="nonPositionedFloats"/>
<g data-stacking-layer="inFlowInlineLevelNonPositionedDescendants"/>
<g data-stacking-layer="childStackingContextsWithStackLevelZeroAndPositionedDescendantsWithStackLevelZero"/>
<g data-stacking-layer="childStackingContextsWithPositiveStackLevels"/>
<mask id="mask-for-svg71">
<rect width="14" height="14" x="115.546875" y="697" fill="#ffffff"/>
</mask>
<g class="svg-content" data-view-box="0 0 24 24" data-width="1em" data-height="1em" transform="matrix(0.583333 0 0 0.583333 115.547 697)">
<polyline points="1 4 1 10 7 10" color="rgb(172, 172, 190)" fill="none" pointer-events="none" stroke="rgb(172, 172, 190)" stroke-linecap="round" stroke-linejoin="round" stroke-width="2px"/>
<path d="M3.51 15a9 9 0 1 0 2.13-9.36L1 10" color="rgb(172, 172, 190)" fill="none" pointer-events="none" stroke="rgb(172, 172, 190)" stroke-linecap="round" stroke-linejoin="round" stroke-width="2px"/>
</g>
</g>
<text color="rgb(172, 172, 190)" dominant-baseline="text-after-edge" font-family="ColfaxAI, Helvetica, sans-serif" font-size="14px" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(172, 172, 190)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="none" fill="rgb(172, 172, 190)">
<tspan xml:space="preserve" x="129.546875" y="712" textLength="0" lengthAdjust="spacingAndGlyphs">&zwj;</tspan>
</text>
</g>
</g>
</g>
<g data-tag="button" id="btn9" class="btn btn-disabled btn-disabled-style btn-sm btn-filled btn-neutral" data-z-index="auto" data-stacking-context="true" role="button" aria-disabled="true" tabindex="0" aria-labelledby="" aria-label="Regenerate" aria-haspopup="true" aria-expanded="false" aria-owns="btn-label-wrap9">
<g data-stacking-layer="rootBackgroundAndBorders">
<rect width="38" height="32" x="149.546875" y="688" fill="rgb(247, 247, 248)" rx="3" ry="3"/>
</g>
<g data-tag="span" id="btn-label-wrap9" class="btn-label-wrap" data-z-index="auto" data-stacking-context="true" aria-owns="btn-label-inner9">
<g data-tag="span" id="btn-label-inner9" class="btn-label-inner" data-z-index="auto" data-stacking-context="true" aria-owns="svg8">
<g data-tag="svg" id="svg8" data-z-index="auto" data-stacking-context="true" mask="url(#mask-for-svg81)">
<g data-stacking-layer="rootBackgroundAndBorders"/>
<g data-stacking-layer="childStackingContextsWithNegativeStackLevels"/>
<g data-stacking-layer="inFlowNonInlineNonPositionedDescendants"/>
<g data-stacking-layer="nonPositionedFloats"/>
<g data-stacking-layer="inFlowInlineLevelNonPositionedDescendants"/>
<g data-stacking-layer="childStackingContextsWithStackLevelZeroAndPositionedDescendantsWithStackLevelZero"/>
<g data-stacking-layer="childStackingContextsWithPositiveStackLevels"/>
<mask id="mask-for-svg81">
<rect width="14" height="14" x="161.546875" y="697" fill="#ffffff"/>
</mask>
<g class="svg-content" data-view-box="0 0 24 24" data-width="1em" data-height="1em" transform="matrix(0.583333 0 0 0.583333 161.547 697)">
<polyline points="23 4 23 10 17 10" color="rgb(172, 172, 190)" fill="none" pointer-events="none" stroke="rgb(172, 172, 190)" stroke-linecap="round" stroke-linejoin="round" stroke-width="2px"/>
<polyline points="1 20 1 14 7 14" color="rgb(172, 172, 190)" fill="none" pointer-events="none" stroke="rgb(172, 172, 190)" stroke-linecap="round" stroke-linejoin="round" stroke-width="2px"/>
<path d="M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15" color="rgb(172, 172, 190)" fill="none" pointer-events="none" stroke="rgb(172, 172, 190)" stroke-linecap="round" stroke-linejoin="round" stroke-width="2px"/>
</g>
</g>
<text color="rgb(172, 172, 190)" dominant-baseline="text-after-edge" font-family="ColfaxAI, Helvetica, sans-serif" font-size="14px" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(172, 172, 190)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="none" fill="rgb(172, 172, 190)">
<tspan xml:space="preserve" x="175.546875" y="712" textLength="0" lengthAdjust="spacingAndGlyphs">&zwj;</tspan>
</text>
</g>
</g>
</g>
</g>
<g data-tag="div" id="pg-footer-right1" class="pg-footer-right" data-z-index="auto" data-stacking-context="true" aria-owns="pg-token-counter1">
<g data-tag="div" id="pg-token-counter1" class="pg-token-counter pending" data-z-index="auto" data-stacking-context="true" opacity="0" aria-haspopup="true" aria-expanded="false" aria-owns="spinner1 pg-token-count1">
<g data-tag="div" id="spinner1" class="spinner" data-z-index="auto" data-stacking-context="true" aria-owns="spinner-spin1">
<g data-tag="svg" id="spinner-spin1" class="spinner-spin spinner-color-default" data-z-index="auto" data-stacking-context="true" opacity="0.8" mask="url(#mask-for-spinner-spin11)">
<g data-stacking-layer="rootBackgroundAndBorders"/>
<g data-stacking-layer="childStackingContextsWithNegativeStackLevels"/>
<g data-stacking-layer="inFlowNonInlineNonPositionedDescendants"/>
<g data-stacking-layer="nonPositionedFloats"/>
<g data-stacking-layer="inFlowInlineLevelNonPositionedDescendants"/>
<g data-stacking-layer="childStackingContextsWithStackLevelZeroAndPositionedDescendantsWithStackLevelZero"/>
<g data-stacking-layer="childStackingContextsWithPositiveStackLevels"/>
<mask id="mask-for-spinner-spin11">
<rect width="22.2841796875" height="22.2840576171875" x="1158.57666015625" y="692.8579711914062" fill="#ffffff"/>
</mask>
<g class="svg-content spinner-spin spinner-color-default" data-view-box="0 0 1024 1024" data-width="1em" data-height="1em" transform="matrix(0.0127982 0.00896356 -0.00896356 0.0127982 1167.76 692.858)">
<path d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 0 0-94.3-139.9 437.71 437.71 0 0 0-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z" color="rgba(0, 0, 0, 0.4)" fill="rgba(0, 0, 0, 0.4)" stroke="rgba(0, 0, 0, 0.4)" stroke-width="0px"/>
</g>
</g>
</g>
<g data-tag="div" id="pg-token-count1" class="pg-token-count" data-z-index="auto" data-stacking-context="true">
<text color="rgb(86, 88, 105)" dominant-baseline="text-after-edge" font-family="ColfaxAI, Helvetica, sans-serif" font-size="16px" font-stretch="100%" font-style="normal" font-variant="tabular-nums" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(86, 88, 105)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(86, 88, 105)">
<tspan xml:space="preserve" x="1183.71875" y="714.5" textLength="9.28125" lengthAdjust="spacingAndGlyphs">0</tspan>
</text>
</g>
</g>
</g>
</g>
</g>
<g data-tag="div" id="pg-right1" class="pg-right" data-z-index="auto" data-stacking-context="true" aria-owns="pg-right-panel-mask1 pg-right-content1">
<g data-stacking-layer="childStackingContextsWithPositiveStackLevels">
<g data-tag="div" id="pg-right-panel-mask1" class="pg-right-panel-mask" data-z-index="1" data-stacking-context="true" opacity="0"/>
</g>
<g data-tag="div" id="pg-right-content1" class="pg-right-content" data-z-index="auto" data-stacking-context="true" mask="url(#mask-for-pg-right-content11)" aria-owns="pg-right-panel-mobile-close1 parameter-panel1">
<mask id="mask-for-pg-right-content11">
<rect width="240" height="619" x="1200" y="125" fill="#ffffff"/>
</mask>
<g data-tag="button" id="pg-right-panel-mobile-close1" class="pg-right-panel-mobile-close" data-z-index="auto" data-stacking-context="true" role="button" aria-labelledby=""/>
<g data-tag="div" id="parameter-panel1" class="parameter-panel" data-z-index="auto" data-stacking-context="true" aria-owns="parameter-panel-grid1">
<g data-tag="div" id="parameter-panel-grid1" class="parameter-panel-grid" data-z-index="auto" data-stacking-context="true" aria-owns="div6 div10 div13 div15 stop-sequence-container1 div21 div23 div25 div27 div29 div30 div31">
<g data-tag="div" id="div6" data-z-index="auto" data-stacking-context="true" aria-owns="body-small1 switch-field1">
<g data-tag="div" id="body-small1" class="body-small control-label" data-z-index="auto" data-stacking-context="true" aria-haspopup="true" aria-expanded="false">
<text color="rgb(53, 55, 64)" dominant-baseline="text-after-edge" font-family="ColfaxAI, Helvetica, sans-serif" font-size="14px" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(53, 55, 64)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(53, 55, 64)">
<tspan xml:space="preserve" x="1224" y="167" textLength="35.28125" lengthAdjust="spacingAndGlyphs">Mode</tspan>
</text>
</g>
<g data-tag="div" id="switch-field1" class="switch-field pg-mode-switch" data-z-index="auto" data-stacking-context="true" mask="url(#mask-for-switch-field11)" aria-owns="-radio-freeform label2 -radio-fill label4 -radio-transform label6">
<g data-stacking-layer="rootBackgroundAndBorders">
<rect width="177" height="32" x="1224" y="177" fill="rgb(247, 247, 248)" rx="3" ry="3"/>
</g>
<mask id="mask-for-switch-field11">
<rect width="177" height="32" x="1224" y="177" fill="#ffffff"/>
<rect width="1" height="1" x="1229" y="180" fill="#ffffff"/>
<rect width="1" height="1" x="1229" y="180" fill="#ffffff"/>
<rect width="1" height="1" x="1229" y="180" fill="#ffffff"/>
</mask>
<g data-tag="input" id="-radio-freeform" data-z-index="auto" data-stacking-context="true" role="radio" aria-labelledby="label1" mask="url(#mask-for--radio-freeform1)">
<g data-stacking-layer="rootBackgroundAndBorders"/>
<g data-stacking-layer="childStackingContextsWithNegativeStackLevels"/>
<g data-stacking-layer="inFlowNonInlineNonPositionedDescendants"/>
<g data-stacking-layer="nonPositionedFloats"/>
<g data-stacking-layer="inFlowInlineLevelNonPositionedDescendants">
<text color="rgb(0, 0, 0)" dominant-baseline="central" font-family="Arial" font-size="13.3333px" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(0, 0, 0)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(0, 0, 0)" xml:space="preserve" x="1229" y="180.5">freeform</text>
</g>
<g data-stacking-layer="childStackingContextsWithStackLevelZeroAndPositionedDescendantsWithStackLevelZero"/>
<g data-stacking-layer="childStackingContextsWithPositiveStackLevels"/>
<mask id="mask-for--radio-freeform1">
<rect width="1" height="1" x="1229" y="180" fill="#ffffff"/>
</mask>
</g>
<g data-tag="label" id="label2" data-z-index="auto" data-stacking-context="true" aria-owns="div7">
<g data-stacking-layer="rootBackgroundAndBorders">
<rect width="59" height="32" x="1224" y="177" fill="rgb(236, 236, 241)" rx="3" ry="3"/>
</g>
<g data-tag="div" id="div7" data-z-index="auto" data-stacking-context="true" aria-haspopup="true" aria-expanded="false" aria-owns="css-13l2q9z1">
<g data-tag="svg" id="css-13l2q9z1" class="css-13l2q9z" data-z-index="auto" data-stacking-context="true" mask="url(#mask-for-css-13l2q9z11)">
<g data-stacking-layer="rootBackgroundAndBorders"/>
<g data-stacking-layer="childStackingContextsWithNegativeStackLevels"/>
<g data-stacking-layer="inFlowNonInlineNonPositionedDescendants"/>
<g data-stacking-layer="nonPositionedFloats"/>
<g data-stacking-layer="inFlowInlineLevelNonPositionedDescendants"/>
<g data-stacking-layer="childStackingContextsWithStackLevelZeroAndPositionedDescendantsWithStackLevelZero"/>
<g data-stacking-layer="childStackingContextsWithPositiveStackLevels"/>
<mask id="mask-for-css-13l2q9z11">
<rect width="20" height="20" x="1243.5" y="183" fill="#ffffff"/>
</mask>
<g class="svg-content css-13l2q9z" data-view-box="0 0 20 20" data-width="" data-height="" transform="matrix(1 0 0 1 1243.5 183)">
<rect x="4" y="3" width="12" height="2" rx="1" fill="rgb(53, 55, 64)" color="rgb(53, 55, 64)" stroke="none"/>
<rect x="4" y="7" width="12" height="2" rx="1" fill="rgb(53, 55, 64)" color="rgb(53, 55, 64)" stroke="none"/>
<rect x="4" y="11" width="3" height="2" rx="1" fill="rgb(53, 55, 64)" color="rgb(53, 55, 64)" stroke="none"/>
<rect x="4" y="15" width="3" height="2" rx="1" fill="rgb(53, 55, 64)" color="rgb(53, 55, 64)" stroke="none"/>
<rect x="8.5" y="11" width="3" height="2" rx="1" fill="rgb(53, 55, 64)" color="rgb(53, 55, 64)" stroke="none"/>
<rect x="8.5" y="15" width="3" height="2" rx="1" fill="rgb(53, 55, 64)" color="rgb(53, 55, 64)" stroke="none"/>
<rect x="13" y="11" width="3" height="2" rx="1" fill="rgb(53, 55, 64)" color="rgb(53, 55, 64)" stroke="none"/>
</g>
</g>
</g>
</g>
<g data-tag="input" id="-radio-fill" data-z-index="auto" data-stacking-context="true" role="radio" aria-labelledby="label3" mask="url(#mask-for--radio-fill1)">
<g data-stacking-layer="rootBackgroundAndBorders"/>
<g data-stacking-layer="childStackingContextsWithNegativeStackLevels"/>
<g data-stacking-layer="inFlowNonInlineNonPositionedDescendants"/>
<g data-stacking-layer="nonPositionedFloats"/>
<g data-stacking-layer="inFlowInlineLevelNonPositionedDescendants">
<text color="rgb(0, 0, 0)" dominant-baseline="central" font-family="Arial" font-size="13.3333px" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(0, 0, 0)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(0, 0, 0)" xml:space="preserve" x="1229" y="180.5">fill</text>
</g>
<g data-stacking-layer="childStackingContextsWithStackLevelZeroAndPositionedDescendantsWithStackLevelZero"/>
<g data-stacking-layer="childStackingContextsWithPositiveStackLevels"/>
<mask id="mask-for--radio-fill1">
<rect width="1" height="1" x="1229" y="180" fill="#ffffff"/>
</mask>
</g>
<g data-tag="label" id="label4" data-z-index="auto" data-stacking-context="true" aria-owns="div8">
<g data-tag="div" id="div8" data-z-index="auto" data-stacking-context="true" aria-haspopup="true" aria-expanded="false" aria-owns="css-13l2q9z2">
<g data-tag="svg" id="css-13l2q9z2" class="css-13l2q9z" data-z-index="auto" data-stacking-context="true" mask="url(#mask-for-css-13l2q9z21)">
<g data-stacking-layer="rootBackgroundAndBorders"/>
<g data-stacking-layer="childStackingContextsWithNegativeStackLevels"/>
<g data-stacking-layer="inFlowNonInlineNonPositionedDescendants"/>
<g data-stacking-layer="nonPositionedFloats"/>
<g data-stacking-layer="inFlowInlineLevelNonPositionedDescendants"/>
<g data-stacking-layer="childStackingContextsWithStackLevelZeroAndPositionedDescendantsWithStackLevelZero"/>
<g data-stacking-layer="childStackingContextsWithPositiveStackLevels"/>
<mask id="mask-for-css-13l2q9z21">
<rect width="20" height="20" x="1302.5" y="183" fill="#ffffff"/>
</mask>
<g class="svg-content css-13l2q9z" data-view-box="0 0 20 20" data-width="" data-height="" transform="matrix(1 0 0 1 1302.5 183)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.491 7.769a.888.888 0 0 1 .287.648.888.888 0 0 1-.287.648l-3.916 3.667a1.013 1.013 0 0 1-.692.268c-.26 0-.509-.097-.692-.268L5.275 9.065A.886.886 0 0 1 5 8.42a.889.889 0 0 1 .287-.64c.181-.17.427-.267.683-.269.257-.002.504.09.69.258L8.903 9.87V3.917c0-.243.103-.477.287-.649.183-.171.432-.268.692-.268.26 0 .509.097.692.268a.888.888 0 0 1 .287.649V9.87l2.245-2.102c.183-.172.432-.269.692-.269.26 0 .508.097.692.269Z" fill="rgb(172, 172, 190)" color="rgb(172, 172, 190)" stroke="none"/>
<rect x="4" y="15" width="3" height="2" rx="1" fill="rgb(172, 172, 190)" color="rgb(172, 172, 190)" stroke="none"/>
<rect x="8.5" y="15" width="3" height="2" rx="1" fill="rgb(172, 172, 190)" color="rgb(172, 172, 190)" stroke="none"/>
<rect x="13" y="15" width="3" height="2" rx="1" fill="rgb(172, 172, 190)" color="rgb(172, 172, 190)" stroke="none"/>
</g>
</g>
</g>
</g>
<g data-tag="input" id="-radio-transform" data-z-index="auto" data-stacking-context="true" role="radio" aria-labelledby="label5" mask="url(#mask-for--radio-transform1)">
<g data-stacking-layer="rootBackgroundAndBorders"/>
<g data-stacking-layer="childStackingContextsWithNegativeStackLevels"/>
<g data-stacking-layer="inFlowNonInlineNonPositionedDescendants"/>
<g data-stacking-layer="nonPositionedFloats"/>
<g data-stacking-layer="inFlowInlineLevelNonPositionedDescendants">
<text color="rgb(0, 0, 0)" dominant-baseline="central" font-family="Arial" font-size="13.3333px" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(0, 0, 0)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(0, 0, 0)" xml:space="preserve" x="1229" y="180.5">transform</text>
</g>
<g data-stacking-layer="childStackingContextsWithStackLevelZeroAndPositionedDescendantsWithStackLevelZero"/>
<g data-stacking-layer="childStackingContextsWithPositiveStackLevels"/>
<mask id="mask-for--radio-transform1">
<rect width="1" height="1" x="1229" y="180" fill="#ffffff"/>
</mask>
</g>
<g data-tag="label" id="label6" data-z-index="auto" data-stacking-context="true" aria-owns="div9">
<g data-tag="div" id="div9" data-z-index="auto" data-stacking-context="true" aria-haspopup="true" aria-expanded="false" aria-owns="css-13l2q9z3">
<g data-tag="svg" id="css-13l2q9z3" class="css-13l2q9z" data-z-index="auto" data-stacking-context="true" mask="url(#mask-for-css-13l2q9z31)">
<g data-stacking-layer="rootBackgroundAndBorders"/>
<g data-stacking-layer="childStackingContextsWithNegativeStackLevels"/>
<g data-stacking-layer="inFlowNonInlineNonPositionedDescendants"/>
<g data-stacking-layer="nonPositionedFloats"/>
<g data-stacking-layer="inFlowInlineLevelNonPositionedDescendants"/>
<g data-stacking-layer="childStackingContextsWithStackLevelZeroAndPositionedDescendantsWithStackLevelZero"/>
<g data-stacking-layer="childStackingContextsWithPositiveStackLevels"/>
<mask id="mask-for-css-13l2q9z31">
<rect width="20" height="20" x="1361.5" y="183" fill="#ffffff"/>
</mask>
<g class="svg-content css-13l2q9z" data-view-box="0 0 20 20" data-width="" data-height="" transform="matrix(1 0 0 1 1361.5 183)">
<rect x="4" y="3" width="12" height="2" rx="1" fill="rgb(172, 172, 190)" color="rgb(172, 172, 190)" stroke="none"/>
<rect x="4" y="7" width="12" height="2" rx="1" fill="rgb(172, 172, 190)" color="rgb(172, 172, 190)" stroke="none"/>
<rect x="4" y="11" width="3" height="2" rx="1" fill="rgb(172, 172, 190)" color="rgb(172, 172, 190)" stroke="none"/>
<rect x="4" y="15" width="4" height="2" rx="1" fill="rgb(172, 172, 190)" color="rgb(172, 172, 190)" stroke="none"/>
<rect x="8.5" y="11" width="3" height="2" rx="1" fill="rgb(172, 172, 190)" color="rgb(172, 172, 190)" stroke="none"/>
<path d="M17.154 11.346a1.182 1.182 0 0 0-1.671 0L11 15.829V17.5h1.671l4.483-4.483a1.182 1.182 0 0 0 0-1.671Z" fill="rgb(172, 172, 190)" color="rgb(172, 172, 190)" stroke="none"/>
</g>
</g>
</g>
</g>
</g>
</g>
<g data-tag="div" id="div10" data-z-index="auto" data-stacking-context="true" aria-owns="body-small2 engine-select1">
<g data-tag="div" id="body-small2" class="body-small control-label" data-z-index="auto" data-stacking-context="true" aria-haspopup="true" aria-expanded="false">
<text color="rgb(53, 55, 64)" dominant-baseline="text-after-edge" font-family="ColfaxAI, Helvetica, sans-serif" font-size="14px" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(53, 55, 64)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(53, 55, 64)">
<tspan xml:space="preserve" x="1224" y="243" textLength="44.8203125" lengthAdjust="spacingAndGlyphs">Engine</tspan>
</text>
</g>
<g data-tag="div" id="engine-select1" class="engine-select" data-z-index="auto" data-stacking-context="true" aria-owns="select-base2">
<g data-tag="div" id="select-base2" class="select-base css-2b097c-container" data-z-index="auto" data-stacking-context="true" aria-owns="css-7pg0cj-a11yText2 css-2krsg1-control1">
<g data-stacking-layer="childStackingContextsWithPositiveStackLevels">
<g data-tag="span" id="css-7pg0cj-a11yText2" class="css-7pg0cj-a11yText" data-z-index="9999" data-stacking-context="true" aria-live="polite" aria-atomic="false" aria-relevant="additions text" mask="url(#mask-for-css-7pg0cj-a11yText21)">
<mask id="mask-for-css-7pg0cj-a11yText21">
<rect width="1" height="1" x="1224" y="253" fill="#ffffff"/>
</mask>
</g>
</g>
<g data-tag="div" id="css-2krsg1-control1" class=" css-2krsg1-control" data-z-index="auto" data-stacking-context="true" aria-owns="css-bm17101 css-1nbqx9a1">
<g data-stacking-layer="rootBackgroundAndBorders">
<rect width="177" height="36" x="1224" y="253" fill="rgb(255, 255, 255)" stroke="rgb(197, 197, 210)" stroke-width="1px" rx="4" ry="4"/>
</g>
<g data-tag="div" id="css-bm17101" class=" css-bm1710" data-z-index="auto" data-stacking-context="true" mask="url(#mask-for-css-bm171011)" aria-owns="css-h2qa38-singleValue1 css-1ki8rko2">
<mask id="mask-for-css-bm171011">
<rect width="139" height="34" x="1225" y="254" fill="#ffffff"/>
<rect width="109.2890625" height="20" x="1235" y="261" fill="#ffffff"/>
<rect width="15" height="0" x="1225" y="254" fill="#ffffff"/>
</mask>
<g data-tag="div" id="css-h2qa38-singleValue1" class=" css-h2qa38-singleValue" data-z-index="auto" data-stacking-context="true" mask="url(#mask-for-css-h2qa38-singleValue11)">
<mask id="mask-for-css-h2qa38-singleValue11">
<rect width="109.2890625" height="20" x="1235" y="261" fill="#ffffff"/>
</mask>
<text color="rgb(53, 55, 64)" dominant-baseline="text-after-edge" font-family="ColfaxAI, Helvetica, sans-serif" font-size="14px" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(53, 55, 64)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(53, 55, 64)">
<tspan xml:space="preserve" x="1235" y="279" textLength="109.2890625" lengthAdjust="spacingAndGlyphs">text-davinci-002</tspan>
</text>
</g>
<g data-tag="div" id="css-1ki8rko2" class="css-1ki8rko" data-z-index="auto" data-stacking-context="true" aria-owns="div11">
<g data-tag="div" id="div11" data-z-index="auto" data-stacking-context="true" aria-owns="react-select-3-input div12">
<g data-tag="input" id="react-select-3-input" data-z-index="auto" data-stacking-context="true" tabindex="0" aria-labelledby="" aria-autocomplete="list">
<g data-stacking-layer="rootBackgroundAndBorders"/>
<g data-stacking-layer="childStackingContextsWithNegativeStackLevels"/>
<g data-stacking-layer="inFlowNonInlineNonPositionedDescendants"/>
<g data-stacking-layer="nonPositionedFloats"/>
<g data-stacking-layer="inFlowInlineLevelNonPositionedDescendants"/>
<g data-stacking-layer="childStackingContextsWithStackLevelZeroAndPositionedDescendantsWithStackLevelZero"/>
<g data-stacking-layer="childStackingContextsWithPositiveStackLevels"/>
</g>
<g data-tag="div" id="div12" data-z-index="auto" data-stacking-context="true" mask="url(#mask-for-div121)">
<mask id="mask-for-div121">
<rect width="15" height="0" x="1225" y="254" fill="#ffffff"/>
</mask>
</g>
</g>
</g>
</g>
<g data-tag="div" id="css-1nbqx9a1" class=" css-1nbqx9a" data-z-index="auto" data-stacking-context="true" aria-owns="select-dropdown-indicator2">
<g data-tag="div" id="select-dropdown-indicator2" class="select-dropdown-indicator css-ewq5ei-indicatorContainer" data-z-index="auto" data-stacking-context="true" aria-hidden="true" aria-owns="svg9">
<g data-tag="svg" id="svg9" data-z-index="auto" data-stacking-context="true" mask="url(#mask-for-svg91)">
<g data-stacking-layer="rootBackgroundAndBorders"/>
<g data-stacking-layer="childStackingContextsWithNegativeStackLevels"/>
<g data-stacking-layer="inFlowNonInlineNonPositionedDescendants"/>
<g data-stacking-layer="nonPositionedFloats"/>
<g data-stacking-layer="inFlowInlineLevelNonPositionedDescendants"/>
<g data-stacking-layer="childStackingContextsWithStackLevelZeroAndPositionedDescendantsWithStackLevelZero"/>
<g data-stacking-layer="childStackingContextsWithPositiveStackLevels"/>
<mask id="mask-for-svg91">
<rect width="20" height="20" x="1372" y="260.5" fill="#ffffff"/>
</mask>
<g class="svg-content" data-view-box="0 0 16 16" data-width="20px" data-height="20px" transform="matrix(1.25 0 0 1.25 1372 260.5)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.976 10.072l4.357-4.357.62.618L8.284 11h-.618L3 6.333l.619-.618 4.357 4.357z" color="rgb(172, 172, 190)" fill="rgb(172, 172, 190)" stroke="rgb(172, 172, 190)" stroke-width="0px"/>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
<g data-tag="div" id="div13" data-z-index="auto" data-stacking-context="true" aria-haspopup="true" aria-expanded="false" aria-owns="slider1">
<g data-tag="div" id="slider1" class="slider css-1liwdqy" data-z-index="auto" data-stacking-context="true" aria-owns="css-1povu0j1 div14">
<g data-tag="div" id="css-1povu0j1" class="css-1povu0j" data-z-index="auto" data-stacking-context="true" aria-owns="body-small3 text-input1">
<g data-tag="span" id="body-small3" class="body-small css-bjbdno" data-z-index="auto" data-stacking-context="true">
<text color="rgb(53, 55, 64)" dominant-baseline="text-after-edge" font-family="ColfaxAI, Helvetica, sans-serif" font-size="14px" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(53, 55, 64)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(53, 55, 64)">
<tspan xml:space="preserve" x="1224" y="325" textLength="82.40625" lengthAdjust="spacingAndGlyphs">Temperature</tspan>
</text>
</g>
<g data-tag="input" id="text-input1" class="text-input text-input-sm css-17eqq1p" data-z-index="auto" data-stacking-context="true" aria-labelledby="">
<g data-stacking-layer="rootBackgroundAndBorders">
<rect width="46" height="24" x="1355" y="305" fill="rgb(255, 255, 255)" rx="3" ry="3"/>
</g>
<g data-stacking-layer="childStackingContextsWithNegativeStackLevels"/>
<g data-stacking-layer="inFlowNonInlineNonPositionedDescendants"/>
<g data-stacking-layer="nonPositionedFloats"/>
<g data-stacking-layer="inFlowInlineLevelNonPositionedDescendants">
<text color="rgb(53, 55, 64)" dominant-baseline="central" font-family="ColfaxAI, Helvetica, sans-serif" font-size="14px" font-stretch="100%" font-style="normal" font-variant="tabular-nums" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(53, 55, 64)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(53, 55, 64)" xml:space="preserve" x="1360" y="320.5">0.7</text>
</g>
<g data-stacking-layer="childStackingContextsWithStackLevelZeroAndPositionedDescendantsWithStackLevelZero"/>
<g data-stacking-layer="childStackingContextsWithPositiveStackLevels"/>
</g>
</g>
<g data-tag="div" id="div14" data-z-index="auto" data-stacking-context="true" aria-owns="rc-slider1">
<g data-tag="div" id="rc-slider1" class="rc-slider css-pcafgv" data-z-index="auto" data-stacking-context="true" aria-owns="rc-slider-rail1 rc-slider-track1 rc-slider-step1 rc-slider-handle1 rc-slider-mark1">
<g data-tag="div" id="rc-slider-rail1" class="rc-slider-rail" data-z-index="auto" data-stacking-context="true">
<g data-stacking-layer="rootBackgroundAndBorders">
<rect width="177" height="4" x="1224" y="342" fill="rgb(236, 236, 241)" rx="2" ry="2"/>
</g>
</g>
<g data-tag="div" id="rc-slider-track1" class="rc-slider-track" data-z-index="auto" data-stacking-context="true">
<g data-stacking-layer="rootBackgroundAndBorders">
<rect width="123.8984375" height="4" x="1224" y="342" fill="rgb(197, 197, 210)" rx="2" ry="2"/>
</g>
</g>
<g data-tag="div" id="rc-slider-step1" class="rc-slider-step" data-z-index="auto" data-stacking-context="true"/>
<g data-tag="div" id="rc-slider-handle1" class="rc-slider-handle" data-z-index="auto" data-stacking-context="true" tabindex="0" aria-valuemin="0" aria-valuemax="1" aria-valuenow="0.7" aria-disabled="false" role="slider">
<g data-stacking-layer="rootBackgroundAndBorders">
<rect width="14" height="14" x="1340.8984375" y="337" fill="rgb(255, 255, 255)" stroke="rgb(197, 197, 210)" stroke-width="2px" rx="7" ry="7"/>
</g>
</g>
<g data-tag="div" id="rc-slider-mark1" class="rc-slider-mark" data-z-index="auto" data-stacking-context="true"/>
</g>
</g>
</g>
</g>
<g data-tag="div" id="div15" data-z-index="auto" data-stacking-context="true" aria-haspopup="true" aria-expanded="false" aria-owns="slider2">
<g data-tag="div" id="slider2" class="slider css-1liwdqy" data-z-index="auto" data-stacking-context="true" aria-owns="css-1povu0j2 div16">
<g data-tag="div" id="css-1povu0j2" class="css-1povu0j" data-z-index="auto" data-stacking-context="true" aria-owns="body-small4 text-input2">
<g data-tag="span" id="body-small4" class="body-small css-bjbdno" data-z-index="auto" data-stacking-context="true">
<text color="rgb(53, 55, 64)" dominant-baseline="text-after-edge" font-family="ColfaxAI, Helvetica, sans-serif" font-size="14px" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(53, 55, 64)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(53, 55, 64)">
<tspan xml:space="preserve" x="1224" y="387" textLength="108.7421875" lengthAdjust="spacingAndGlyphs">Maximum length</tspan>
</text>
</g>
<g data-tag="input" id="text-input2" class="text-input text-input-sm css-17eqq1p" data-z-index="auto" data-stacking-context="true" aria-labelledby="">
<g data-stacking-layer="rootBackgroundAndBorders">
<rect width="46" height="24" x="1355" y="367" fill="rgb(255, 255, 255)" rx="3" ry="3"/>
</g>
<g data-stacking-layer="childStackingContextsWithNegativeStackLevels"/>
<g data-stacking-layer="inFlowNonInlineNonPositionedDescendants"/>
<g data-stacking-layer="nonPositionedFloats"/>
<g data-stacking-layer="inFlowInlineLevelNonPositionedDescendants">
<text color="rgb(53, 55, 64)" dominant-baseline="central" font-family="ColfaxAI, Helvetica, sans-serif" font-size="14px" font-stretch="100%" font-style="normal" font-variant="tabular-nums" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(53, 55, 64)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(53, 55, 64)" xml:space="preserve" x="1360" y="382.5">256</text>
</g>
<g data-stacking-layer="childStackingContextsWithStackLevelZeroAndPositionedDescendantsWithStackLevelZero"/>
<g data-stacking-layer="childStackingContextsWithPositiveStackLevels"/>
</g>
</g>
<g data-tag="div" id="div16" data-z-index="auto" data-stacking-context="true" aria-owns="rc-slider2">
<g data-tag="div" id="rc-slider2" class="rc-slider css-pcafgv" data-z-index="auto" data-stacking-context="true" aria-owns="rc-slider-rail2 rc-slider-track2 rc-slider-step2 rc-slider-handle2 rc-slider-mark2">
<g data-tag="div" id="rc-slider-rail2" class="rc-slider-rail" data-z-index="auto" data-stacking-context="true">
<g data-stacking-layer="rootBackgroundAndBorders">
<rect width="177" height="4" x="1224" y="404" fill="rgb(236, 236, 241)" rx="2" ry="2"/>
</g>
</g>
<g data-tag="div" id="rc-slider-track2" class="rc-slider-track" data-z-index="auto" data-stacking-context="true">
<g data-stacking-layer="rootBackgroundAndBorders">
<rect width="11.28125" height="4" x="1224" y="404" fill="rgb(197, 197, 210)" rx="2" ry="2"/>
</g>
</g>
<g data-tag="div" id="rc-slider-step2" class="rc-slider-step" data-z-index="auto" data-stacking-context="true"/>
<g data-tag="div" id="rc-slider-handle2" class="rc-slider-handle" data-z-index="auto" data-stacking-context="true" tabindex="0" aria-valuemin="1" aria-valuemax="4000" aria-valuenow="256" aria-disabled="false" role="slider">
<g data-stacking-layer="rootBackgroundAndBorders">
<rect width="14" height="14" x="1228.28125" y="399" fill="rgb(255, 255, 255)" stroke="rgb(197, 197, 210)" stroke-width="2px" rx="7" ry="7"/>
</g>
</g>
<g data-tag="div" id="rc-slider-mark2" class="rc-slider-mark" data-z-index="auto" data-stacking-context="true"/>
</g>
</g>
</g>
</g>
<g data-tag="div" id="stop-sequence-container1" class="stop-sequence-container" data-z-index="auto" data-stacking-context="true" aria-owns="div17">
<g data-tag="div" id="div17" data-z-index="auto" data-stacking-context="true" aria-haspopup="true" aria-expanded="false" aria-owns="body-small5 css-2b097c-container1">
<g data-tag="div" id="body-small5" class="body-small control-label" data-z-index="auto" data-stacking-context="true" aria-owns="div18 control-note1">
<g data-tag="div" id="div18" data-z-index="auto" data-stacking-context="true">
<text color="rgb(53, 55, 64)" dominant-baseline="text-after-edge" font-family="ColfaxAI, Helvetica, sans-serif" font-size="14px" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(53, 55, 64)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(53, 55, 64)">
<tspan xml:space="preserve" x="1224" y="447" textLength="104.5703125" lengthAdjust="spacingAndGlyphs">Stop sequences</tspan>
</text>
</g>
<g data-tag="div" id="control-note1" class="control-note" data-z-index="auto" data-stacking-context="true">
<text color="rgb(142, 142, 160)" dominant-baseline="text-after-edge" font-family="ColfaxAI, Helvetica, sans-serif" font-size="13px" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(142, 142, 160)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(142, 142, 160)">
<tspan xml:space="preserve" x="1224" y="465" textLength="156.0546875" lengthAdjust="spacingAndGlyphs">Enter sequence and press </tspan>
<tspan xml:space="preserve" x="1224" y="478" textLength="21.375" lengthAdjust="spacingAndGlyphs">Tab</tspan>
</text>
</g>
</g>
<g data-tag="div" id="css-2b097c-container1" class=" css-2b097c-container" data-z-index="auto" data-stacking-context="true" aria-owns="css-7pg0cj-a11yText3 css-1u8ecqi-control1">
<g data-stacking-layer="childStackingContextsWithPositiveStackLevels">
<g data-tag="span" id="css-7pg0cj-a11yText3" class="css-7pg0cj-a11yText" data-z-index="9999" data-stacking-context="true" aria-live="polite" aria-atomic="false" aria-relevant="additions text" mask="url(#mask-for-css-7pg0cj-a11yText31)">
<mask id="mask-for-css-7pg0cj-a11yText31">
<rect width="1" height="1" x="1224" y="485" fill="#ffffff"/>
</mask>
</g>
</g>
<g data-tag="div" id="css-1u8ecqi-control1" class=" css-1u8ecqi-control" data-z-index="auto" data-stacking-context="true" aria-owns="css-1hwfws31 css-1wy0on61">
<g data-stacking-layer="rootBackgroundAndBorders">
<rect width="177" height="38" x="1224" y="485" fill="rgb(255, 255, 255)" stroke="rgb(197, 197, 210)" stroke-width="1px" rx="4" ry="4"/>
</g>
<g data-tag="div" id="css-1hwfws31" class=" css-1hwfws3" data-z-index="auto" data-stacking-context="true" mask="url(#mask-for-css-1hwfws311)" aria-owns="css-2zv882-placeholder2 css-1ki8rko3">
<mask id="mask-for-css-1hwfws311">
<rect width="175" height="36" x="1225" y="486" fill="#ffffff"/>
<rect width="0" height="0" x="1235" y="504" fill="#ffffff"/>
<rect width="15" height="0" x="1225" y="486" fill="#ffffff"/>
</mask>
<g data-tag="div" id="css-2zv882-placeholder2" class=" css-2zv882-placeholder" data-z-index="auto" data-stacking-context="true"/>
<g data-tag="div" id="css-1ki8rko3" class="css-1ki8rko" data-z-index="auto" data-stacking-context="true" aria-owns="div19">
<g data-tag="div" id="div19" data-z-index="auto" data-stacking-context="true" aria-owns="react-select-4-input div20">
<g data-tag="input" id="react-select-4-input" data-z-index="auto" data-stacking-context="true" tabindex="0" aria-labelledby="" aria-autocomplete="list">
<g data-stacking-layer="rootBackgroundAndBorders"/>
<g data-stacking-layer="childStackingContextsWithNegativeStackLevels"/>
<g data-stacking-layer="inFlowNonInlineNonPositionedDescendants"/>
<g data-stacking-layer="nonPositionedFloats"/>
<g data-stacking-layer="inFlowInlineLevelNonPositionedDescendants"/>
<g data-stacking-layer="childStackingContextsWithStackLevelZeroAndPositionedDescendantsWithStackLevelZero"/>
<g data-stacking-layer="childStackingContextsWithPositiveStackLevels"/>
</g>
<g data-tag="div" id="div20" data-z-index="auto" data-stacking-context="true" mask="url(#mask-for-div201)">
<mask id="mask-for-div201">
<rect width="15" height="0" x="1225" y="486" fill="#ffffff"/>
</mask>
</g>
</g>
</g>
</g>
<g data-tag="div" id="css-1wy0on61" class=" css-1wy0on6" data-z-index="auto" data-stacking-context="true"/>
</g>
</g>
</g>
</g>
<g data-tag="div" id="div21" data-z-index="auto" data-stacking-context="true" aria-haspopup="true" aria-expanded="false" aria-owns="slider3">
<g data-tag="div" id="slider3" class="slider css-1liwdqy" data-z-index="auto" data-stacking-context="true" aria-owns="css-1povu0j3 div22">
<g data-tag="div" id="css-1povu0j3" class="css-1povu0j" data-z-index="auto" data-stacking-context="true" aria-owns="body-small6 text-input3">
<g data-tag="span" id="body-small6" class="body-small css-bjbdno" data-z-index="auto" data-stacking-context="true">
<text color="rgb(53, 55, 64)" dominant-baseline="text-after-edge" font-family="ColfaxAI, Helvetica, sans-serif" font-size="14px" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(53, 55, 64)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(53, 55, 64)">
<tspan xml:space="preserve" x="1224" y="559" textLength="35.171875" lengthAdjust="spacingAndGlyphs">Top P</tspan>
</text>
</g>
<g data-tag="input" id="text-input3" class="text-input text-input-sm css-17eqq1p" data-z-index="auto" data-stacking-context="true" aria-labelledby="">
<g data-stacking-layer="rootBackgroundAndBorders">
<rect width="46" height="24" x="1355" y="539" fill="rgb(255, 255, 255)" rx="3" ry="3"/>
</g>
<g data-stacking-layer="childStackingContextsWithNegativeStackLevels"/>
<g data-stacking-layer="inFlowNonInlineNonPositionedDescendants"/>
<g data-stacking-layer="nonPositionedFloats"/>
<g data-stacking-layer="inFlowInlineLevelNonPositionedDescendants">
<text color="rgb(53, 55, 64)" dominant-baseline="central" font-family="ColfaxAI, Helvetica, sans-serif" font-size="14px" font-stretch="100%" font-style="normal" font-variant="tabular-nums" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(53, 55, 64)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(53, 55, 64)" xml:space="preserve" x="1360" y="554.5">1</text>
</g>
<g data-stacking-layer="childStackingContextsWithStackLevelZeroAndPositionedDescendantsWithStackLevelZero"/>
<g data-stacking-layer="childStackingContextsWithPositiveStackLevels"/>
</g>
</g>
<g data-tag="div" id="div22" data-z-index="auto" data-stacking-context="true" aria-owns="rc-slider3">
<g data-tag="div" id="rc-slider3" class="rc-slider css-pcafgv" data-z-index="auto" data-stacking-context="true" aria-owns="rc-slider-rail3 rc-slider-track3 rc-slider-step3 rc-slider-handle3 rc-slider-mark3">
<g data-tag="div" id="rc-slider-rail3" class="rc-slider-rail" data-z-index="auto" data-stacking-context="true">
<g data-stacking-layer="rootBackgroundAndBorders">
<rect width="177" height="4" x="1224" y="576" fill="rgb(236, 236, 241)" rx="2" ry="2"/>
</g>
</g>
<g data-tag="div" id="rc-slider-track3" class="rc-slider-track" data-z-index="auto" data-stacking-context="true">
<g data-stacking-layer="rootBackgroundAndBorders">
<rect width="177" height="4" x="1224" y="576" fill="rgb(197, 197, 210)" rx="2" ry="2"/>
</g>
</g>
<g data-tag="div" id="rc-slider-step3" class="rc-slider-step" data-z-index="auto" data-stacking-context="true"/>
<g data-tag="div" id="rc-slider-handle3" class="rc-slider-handle" data-z-index="auto" data-stacking-context="true" tabindex="0" aria-valuemin="0" aria-valuemax="1" aria-valuenow="1" aria-disabled="false" role="slider">
<g data-stacking-layer="rootBackgroundAndBorders">
<rect width="14" height="14" x="1394" y="571" fill="rgb(255, 255, 255)" stroke="rgb(197, 197, 210)" stroke-width="2px" rx="7" ry="7"/>
</g>
</g>
<g data-tag="div" id="rc-slider-mark3" class="rc-slider-mark" data-z-index="auto" data-stacking-context="true"/>
</g>
</g>
</g>
</g>
<g data-tag="div" id="div23" data-z-index="auto" data-stacking-context="true" aria-haspopup="true" aria-expanded="false" aria-owns="slider4">
<g data-tag="div" id="slider4" class="slider css-1liwdqy" data-z-index="auto" data-stacking-context="true" aria-owns="css-1povu0j4 div24">
<g data-tag="div" id="css-1povu0j4" class="css-1povu0j" data-z-index="auto" data-stacking-context="true" aria-owns="body-small7 text-input4">
<g data-tag="span" id="body-small7" class="body-small css-bjbdno" data-z-index="auto" data-stacking-context="true">
<text color="rgb(53, 55, 64)" dominant-baseline="text-after-edge" font-family="ColfaxAI, Helvetica, sans-serif" font-size="14px" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(53, 55, 64)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(53, 55, 64)">
<tspan xml:space="preserve" x="1224" y="621" textLength="120.015625" lengthAdjust="spacingAndGlyphs">Frequency penalty</tspan>
</text>
</g>
<g data-tag="input" id="text-input4" class="text-input text-input-sm css-17eqq1p" data-z-index="auto" data-stacking-context="true" aria-labelledby="">
<g data-stacking-layer="rootBackgroundAndBorders">
<rect width="46" height="24" x="1355" y="601" fill="rgb(255, 255, 255)" rx="3" ry="3"/>
</g>
<g data-stacking-layer="childStackingContextsWithNegativeStackLevels"/>
<g data-stacking-layer="inFlowNonInlineNonPositionedDescendants"/>
<g data-stacking-layer="nonPositionedFloats"/>
<g data-stacking-layer="inFlowInlineLevelNonPositionedDescendants">
<text color="rgb(53, 55, 64)" dominant-baseline="central" font-family="ColfaxAI, Helvetica, sans-serif" font-size="14px" font-stretch="100%" font-style="normal" font-variant="tabular-nums" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(53, 55, 64)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(53, 55, 64)" xml:space="preserve" x="1360" y="616.5">0</text>
</g>
<g data-stacking-layer="childStackingContextsWithStackLevelZeroAndPositionedDescendantsWithStackLevelZero"/>
<g data-stacking-layer="childStackingContextsWithPositiveStackLevels"/>
</g>
</g>
<g data-tag="div" id="div24" data-z-index="auto" data-stacking-context="true" aria-owns="rc-slider4">
<g data-tag="div" id="rc-slider4" class="rc-slider css-pcafgv" data-z-index="auto" data-stacking-context="true" aria-owns="rc-slider-rail4 rc-slider-track4 rc-slider-step4 rc-slider-handle4 rc-slider-mark4">
<g data-tag="div" id="rc-slider-rail4" class="rc-slider-rail" data-z-index="auto" data-stacking-context="true">
<g data-stacking-layer="rootBackgroundAndBorders">
<rect width="177" height="4" x="1224" y="638" fill="rgb(236, 236, 241)" rx="2" ry="2"/>
</g>
</g>
<g data-tag="div" id="rc-slider-track4" class="rc-slider-track" data-z-index="auto" data-stacking-context="true"/>
<g data-tag="div" id="rc-slider-step4" class="rc-slider-step" data-z-index="auto" data-stacking-context="true"/>
<g data-tag="div" id="rc-slider-handle4" class="rc-slider-handle" data-z-index="auto" data-stacking-context="true" tabindex="0" aria-valuemin="0" aria-valuemax="2" aria-valuenow="0" aria-disabled="false" role="slider">
<g data-stacking-layer="rootBackgroundAndBorders">
<rect width="14" height="14" x="1217" y="633" fill="rgb(255, 255, 255)" stroke="rgb(197, 197, 210)" stroke-width="2px" rx="7" ry="7"/>
</g>
</g>
<g data-tag="div" id="rc-slider-mark4" class="rc-slider-mark" data-z-index="auto" data-stacking-context="true"/>
</g>
</g>
</g>
</g>
<g data-tag="div" id="div25" data-z-index="auto" data-stacking-context="true" aria-haspopup="true" aria-expanded="false" aria-owns="slider5">
<g data-tag="div" id="slider5" class="slider css-1liwdqy" data-z-index="auto" data-stacking-context="true" aria-owns="css-1povu0j5 div26">
<g data-tag="div" id="css-1povu0j5" class="css-1povu0j" data-z-index="auto" data-stacking-context="true" aria-owns="body-small8 text-input5">
<g data-tag="span" id="body-small8" class="body-small css-bjbdno" data-z-index="auto" data-stacking-context="true">
<text color="rgb(53, 55, 64)" dominant-baseline="text-after-edge" font-family="ColfaxAI, Helvetica, sans-serif" font-size="14px" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(53, 55, 64)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(53, 55, 64)">
<tspan xml:space="preserve" x="1224" y="683" textLength="112.3828125" lengthAdjust="spacingAndGlyphs">Presence penalty</tspan>
</text>
</g>
<g data-tag="input" id="text-input5" class="text-input text-input-sm css-17eqq1p" data-z-index="auto" data-stacking-context="true" aria-labelledby="">
<g data-stacking-layer="rootBackgroundAndBorders">
<rect width="46" height="24" x="1355" y="663" fill="rgb(255, 255, 255)" rx="3" ry="3"/>
</g>
<g data-stacking-layer="childStackingContextsWithNegativeStackLevels"/>
<g data-stacking-layer="inFlowNonInlineNonPositionedDescendants"/>
<g data-stacking-layer="nonPositionedFloats"/>
<g data-stacking-layer="inFlowInlineLevelNonPositionedDescendants">
<text color="rgb(53, 55, 64)" dominant-baseline="central" font-family="ColfaxAI, Helvetica, sans-serif" font-size="14px" font-stretch="100%" font-style="normal" font-variant="tabular-nums" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(53, 55, 64)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(53, 55, 64)" xml:space="preserve" x="1360" y="678.5">0</text>
</g>
<g data-stacking-layer="childStackingContextsWithStackLevelZeroAndPositionedDescendantsWithStackLevelZero"/>
<g data-stacking-layer="childStackingContextsWithPositiveStackLevels"/>
</g>
</g>
<g data-tag="div" id="div26" data-z-index="auto" data-stacking-context="true" aria-owns="rc-slider5">
<g data-tag="div" id="rc-slider5" class="rc-slider css-pcafgv" data-z-index="auto" data-stacking-context="true" aria-owns="rc-slider-rail5 rc-slider-track5 rc-slider-step5 rc-slider-handle5 rc-slider-mark5">
<g data-tag="div" id="rc-slider-rail5" class="rc-slider-rail" data-z-index="auto" data-stacking-context="true">
<g data-stacking-layer="rootBackgroundAndBorders">
<rect width="177" height="4" x="1224" y="700" fill="rgb(236, 236, 241)" rx="2" ry="2"/>
</g>
</g>
<g data-tag="div" id="rc-slider-track5" class="rc-slider-track" data-z-index="auto" data-stacking-context="true"/>
<g data-tag="div" id="rc-slider-step5" class="rc-slider-step" data-z-index="auto" data-stacking-context="true"/>
<g data-tag="div" id="rc-slider-handle5" class="rc-slider-handle" data-z-index="auto" data-stacking-context="true" tabindex="0" aria-valuemin="0" aria-valuemax="2" aria-valuenow="0" aria-disabled="false" role="slider">
<g data-stacking-layer="rootBackgroundAndBorders">
<rect width="14" height="14" x="1217" y="695" fill="rgb(255, 255, 255)" stroke="rgb(197, 197, 210)" stroke-width="2px" rx="7" ry="7"/>
</g>
</g>
<g data-tag="div" id="rc-slider-mark5" class="rc-slider-mark" data-z-index="auto" data-stacking-context="true"/>
</g>
</g>
</g>
</g>
<g data-tag="div" id="div27" data-z-index="auto" data-stacking-context="true" aria-haspopup="true" aria-expanded="false" aria-owns="slider6">
<g data-tag="div" id="slider6" class="slider css-1liwdqy" data-z-index="auto" data-stacking-context="true" aria-owns="css-1povu0j6 div28">
<g data-tag="div" id="css-1povu0j6" class="css-1povu0j" data-z-index="auto" data-stacking-context="true" aria-owns="body-small9 text-input6">
<g data-tag="span" id="body-small9" class="body-small css-bjbdno" data-z-index="auto" data-stacking-context="true">
<text color="rgb(53, 55, 64)" dominant-baseline="text-after-edge" font-family="ColfaxAI, Helvetica, sans-serif" font-size="14px" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(53, 55, 64)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(53, 55, 64)">
<tspan xml:space="preserve" x="1224" y="745" textLength="45.5" lengthAdjust="spacingAndGlyphs">Best of</tspan>
</text>
</g>
<g data-tag="input" id="text-input6" class="text-input text-input-sm css-17eqq1p" data-z-index="auto" data-stacking-context="true" aria-labelledby="">
<g data-stacking-layer="rootBackgroundAndBorders">
<rect width="46" height="24" x="1355" y="725" fill="rgb(255, 255, 255)" rx="3" ry="3"/>
</g>
<g data-stacking-layer="childStackingContextsWithNegativeStackLevels"/>
<g data-stacking-layer="inFlowNonInlineNonPositionedDescendants"/>
<g data-stacking-layer="nonPositionedFloats"/>
<g data-stacking-layer="inFlowInlineLevelNonPositionedDescendants">
<text color="rgb(53, 55, 64)" dominant-baseline="central" font-family="ColfaxAI, Helvetica, sans-serif" font-size="14px" font-stretch="100%" font-style="normal" font-variant="tabular-nums" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(53, 55, 64)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(53, 55, 64)" xml:space="preserve" x="1360" y="740.5">1</text>
</g>
<g data-stacking-layer="childStackingContextsWithStackLevelZeroAndPositionedDescendantsWithStackLevelZero"/>
<g data-stacking-layer="childStackingContextsWithPositiveStackLevels"/>
</g>
</g>
<g data-tag="div" id="div28" data-z-index="auto" data-stacking-context="true" aria-owns="rc-slider6">
<g data-tag="div" id="rc-slider6" class="rc-slider css-pcafgv" data-z-index="auto" data-stacking-context="true" aria-owns="rc-slider-rail6 rc-slider-track6 rc-slider-step6 rc-slider-handle6 rc-slider-mark6">
<g data-tag="div" id="rc-slider-rail6" class="rc-slider-rail" data-z-index="auto" data-stacking-context="true"/>
<g data-tag="div" id="rc-slider-track6" class="rc-slider-track" data-z-index="auto" data-stacking-context="true"/>
<g data-tag="div" id="rc-slider-step6" class="rc-slider-step" data-z-index="auto" data-stacking-context="true"/>
<g data-tag="div" id="rc-slider-handle6" class="rc-slider-handle" data-z-index="auto" data-stacking-context="true" tabindex="0" aria-valuemin="1" aria-valuemax="20" aria-valuenow="1" aria-disabled="false" role="slider"/>
<g data-tag="div" id="rc-slider-mark6" class="rc-slider-mark" data-z-index="auto" data-stacking-context="true"/>
</g>
</g>
</g>
</g>
<g data-tag="div" id="div29" data-z-index="auto" data-stacking-context="true" aria-haspopup="true" aria-expanded="false" aria-owns="body-small10 inject-text-ta-wrap1">
<g data-tag="div" id="body-small10" class="body-small control-label" data-z-index="auto" data-stacking-context="true">
<text color="rgb(53, 55, 64)" dominant-baseline="text-after-edge" font-family="ColfaxAI, Helvetica, sans-serif" font-size="14px" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(53, 55, 64)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(53, 55, 64)"/>
</g>
<g data-tag="div" id="inject-text-ta-wrap1" class="inject-text-ta-wrap" data-z-index="auto" data-stacking-context="true" aria-owns="inject-text-ta1 cb1">
<g data-tag="textarea" id="inject-text-ta1" class="inject-text-ta" data-z-index="auto" data-stacking-context="true" role="textbox" aria-labelledby="" mask="url(#mask-for-inject-text-ta11)">
<mask id="mask-for-inject-text-ta11">
<rect width="177" height="32" x="1224" y="815" fill="#ffffff"/>
</mask>
</g>
<g data-tag="label" id="cb1" class="cb inject-text-cb" data-z-index="auto" data-stacking-context="true" aria-owns="cb-input1 cb-checkbox1">
<g data-tag="input" id="cb-input1" class="cb-input cb-checked" data-z-index="auto" data-stacking-context="true" opacity="0" role="checkbox" aria-labelledby="label7" mask="url(#mask-for-cb-input11)">
<mask id="mask-for-cb-input11">
<rect width="1" height="1" x="1235" y="825" fill="#ffffff"/>
</mask>
</g>
<g data-tag="div" id="cb-checkbox1" class="cb-checkbox" data-z-index="auto" data-stacking-context="true" aria-owns="svg10">
<g data-tag="svg" id="svg10" data-z-index="auto" data-stacking-context="true" mask="url(#mask-for-svg101)" aria-owns="path1">
<mask id="mask-for-svg101">
<rect width="12" height="8.3984375" x="1234" y="826.796875" fill="#ffffff"/>
</mask>
<g data-tag="path" id="path1" data-z-index="auto" data-stacking-context="true"/>
</g>
</g>
</g>
</g>
</g>
<g data-tag="div" id="div30" data-z-index="auto" data-stacking-context="true" aria-haspopup="true" aria-expanded="false" aria-owns="body-small11 inject-text-ta-wrap2">
<g data-tag="div" id="body-small11" class="body-small control-label" data-z-index="auto" data-stacking-context="true">
<text color="rgb(53, 55, 64)" dominant-baseline="text-after-edge" font-family="ColfaxAI, Helvetica, sans-serif" font-size="14px" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(53, 55, 64)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(53, 55, 64)"/>
</g>
<g data-tag="div" id="inject-text-ta-wrap2" class="inject-text-ta-wrap" data-z-index="auto" data-stacking-context="true" aria-owns="inject-text-ta2 cb2">
<g data-tag="textarea" id="inject-text-ta2" class="inject-text-ta" data-z-index="auto" data-stacking-context="true" role="textbox" aria-labelledby="" mask="url(#mask-for-inject-text-ta21)">
<mask id="mask-for-inject-text-ta21">
<rect width="177" height="32" x="1224" y="891" fill="#ffffff"/>
</mask>
</g>
<g data-tag="label" id="cb2" class="cb inject-text-cb" data-z-index="auto" data-stacking-context="true" aria-owns="cb-input2 cb-checkbox2">
<g data-tag="input" id="cb-input2" class="cb-input cb-checked" data-z-index="auto" data-stacking-context="true" opacity="0" role="checkbox" aria-labelledby="label8" mask="url(#mask-for-cb-input21)">
<mask id="mask-for-cb-input21">
<rect width="1" height="1" x="1235" y="901" fill="#ffffff"/>
</mask>
</g>
<g data-tag="div" id="cb-checkbox2" class="cb-checkbox" data-z-index="auto" data-stacking-context="true" aria-owns="svg11">
<g data-tag="svg" id="svg11" data-z-index="auto" data-stacking-context="true" mask="url(#mask-for-svg111)" aria-owns="path2">
<mask id="mask-for-svg111">
<rect width="12" height="8.3984375" x="1234" y="902.796875" fill="#ffffff"/>
</mask>
<g data-tag="path" id="path2" data-z-index="auto" data-stacking-context="true"/>
</g>
</g>
</g>
</g>
</g>
<g data-tag="div" id="div31" data-z-index="auto" data-stacking-context="true" aria-haspopup="true" aria-expanded="false" aria-owns="body-small12 select-base3">
<g data-tag="div" id="body-small12" class="body-small control-label" data-z-index="auto" data-stacking-context="true">
<text color="rgb(53, 55, 64)" dominant-baseline="text-after-edge" font-family="ColfaxAI, Helvetica, sans-serif" font-size="14px" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(53, 55, 64)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(53, 55, 64)"/>
</g>
<g data-tag="div" id="select-base3" class="select-base css-2b097c-container" data-z-index="auto" data-stacking-context="true" aria-owns="css-7pg0cj-a11yText4 css-2krsg1-control2">
<g data-stacking-layer="childStackingContextsWithPositiveStackLevels">
<g data-tag="span" id="css-7pg0cj-a11yText4" class="css-7pg0cj-a11yText" data-z-index="9999" data-stacking-context="true" aria-live="polite" aria-atomic="false" aria-relevant="additions text" mask="url(#mask-for-css-7pg0cj-a11yText41)">
<mask id="mask-for-css-7pg0cj-a11yText41">
<rect width="1" height="1" x="1224" y="967" fill="#ffffff"/>
</mask>
</g>
</g>
<g data-tag="div" id="css-2krsg1-control2" class=" css-2krsg1-control" data-z-index="auto" data-stacking-context="true" aria-owns="css-bm17102 css-1nbqx9a2">
<g data-tag="div" id="css-bm17102" class=" css-bm1710" data-z-index="auto" data-stacking-context="true" mask="url(#mask-for-css-bm171021)" aria-owns="css-h2qa38-singleValue2 css-1ki8rko4">
<mask id="mask-for-css-bm171021">
<rect width="139" height="34" x="1225" y="968" fill="#ffffff"/>
<rect width="67.2578125" height="20" x="1235" y="975" fill="#ffffff"/>
<rect width="15" height="0" x="1225" y="968" fill="#ffffff"/>
</mask>
<g data-tag="div" id="css-h2qa38-singleValue2" class=" css-h2qa38-singleValue" data-z-index="auto" data-stacking-context="true" mask="url(#mask-for-css-h2qa38-singleValue21)">
<mask id="mask-for-css-h2qa38-singleValue21">
<rect width="67.2578125" height="20" x="1235" y="975" fill="#ffffff"/>
</mask>
<text color="rgb(53, 55, 64)" dominant-baseline="text-after-edge" font-family="ColfaxAI, Helvetica, sans-serif" font-size="14px" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(53, 55, 64)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(53, 55, 64)"/>
</g>
<g data-tag="div" id="css-1ki8rko4" class="css-1ki8rko" data-z-index="auto" data-stacking-context="true" aria-owns="div32">
<g data-tag="div" id="div32" data-z-index="auto" data-stacking-context="true" aria-owns="react-select-5-input div33">
<g data-tag="input" id="react-select-5-input" data-z-index="auto" data-stacking-context="true" tabindex="0" aria-labelledby="" aria-autocomplete="list"/>
<g data-tag="div" id="div33" data-z-index="auto" data-stacking-context="true" mask="url(#mask-for-div331)">
<mask id="mask-for-div331">
<rect width="15" height="0" x="1225" y="968" fill="#ffffff"/>
</mask>
</g>
</g>
</g>
</g>
<g data-tag="div" id="css-1nbqx9a2" class=" css-1nbqx9a" data-z-index="auto" data-stacking-context="true" aria-owns="select-dropdown-indicator3">
<g data-tag="div" id="select-dropdown-indicator3" class="select-dropdown-indicator css-ewq5ei-indicatorContainer" data-z-index="auto" data-stacking-context="true" aria-hidden="true" aria-owns="svg12">
<g data-tag="svg" id="svg12" data-z-index="auto" data-stacking-context="true" mask="url(#mask-for-svg121)" aria-owns="path3">
<mask id="mask-for-svg121">
<rect width="20" height="20" x="1372" y="974.5" fill="#ffffff"/>
</mask>
<g data-tag="path" id="path3" data-z-index="auto" data-stacking-context="true"/>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
<g data-tag="div" id="layers-root1" class="layers-root" data-z-index="2" data-stacking-context="true"/>
</g>
<mask id="mask-for-root1">
<rect width="1440" height="744" x="0" y="0" fill="#ffffff"/>
<rect width="1440" height="0" x="0" y="0" fill="#ffffff"/>
</mask>
</g>
<g data-tag="script" id="script8" data-z-index="auto" data-stacking-context="true"/>
<g data-tag="script" id="script9" data-z-index="auto" data-stacking-context="true"/>
<g data-tag="script" id="script10" data-z-index="auto" data-stacking-context="true"/>
<g data-tag="div" id="div34" data-z-index="auto" data-stacking-context="true" aria-owns="div35">
<g data-tag="div" id="div35" data-z-index="auto" data-stacking-context="true" aria-owns="css-1qgklur1">
<g data-stacking-layer="childStackingContextsWithPositiveStackLevels">
<g data-tag="span" id="css-1qgklur1" class="css-1qgklur" data-z-index="200" data-stacking-context="true"/>
</g>
</g>
</g>
<g data-tag="script" id="s-gsapchecker" data-z-index="auto" data-stacking-context="true"/>
</g>
</g>
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment