https://www.debugbear.com/cdn/chunk-cls-tester.678cbcc1b49ae9df6e00.js

1"use strict";(("undefined"==typeof window?self:window).webpackChunkdebugbear_gae=("undefined"==typeof window?self:window).webpackChunkdebugbear_gae||[]).push([[815],{32278(e,t,s){s.r(t),s.d(t,{ClsTester:()=>V}),s(62953);var i=s(44952),n=s(96540),l=s(76213),r=s(23077),a=s(52369),o=s(29898),c=s(74848);function d(e){let t=e.onSubmit,s=e.loadingState,i=e.errorMessage;return(0,c.jsx)("div",{children:(0,c.jsx)(r.zN,{title:"Cumulative Layout Shift Checker",subtitle:"Test Cumulative Layout Shift across different screen sizes. Identify what elements shift and when.",onSubmit:t,errorMessage:i,contentAboveFrom:(0,c.jsx)("div",{style:{height:20}}),contentAboveTitle:(0,c.jsx)(o.O,{size:64,className:"mb-2",fill:"white",style:{opacity:.75}}),backgroundClass:"landing-page-top-section-plain-blue",isLoading:"loading"===s,submitButtonTitle:"loading"===s?"Testing…":"Test CLS",bottomContent:(0,c.jsx)(r.x0,{})})})}const u=[{title:"Debug Cumulative Layout Shift",items:[{title:"What is Cumulative Layout Shift?",detail:"[CLS](/docs/metrics/cumulative-layout-shift) is a Core Web Vital that measures visual stability. It tracks how much page content moves around unexpectedly during loading and interaction. A low CLS score means a more stable, less frustrating experience."},{title:"Why test CLS at multiple screen sizes?",detail:"Layout shifts often depend on viewport dimensions. An element placeholder might be well-sized on a desktop screen but cause significant shifts on a mobile screen. This tool tests at five different screen sizes so you can catch responsive layout issues."},{title:"Detect layout shift on scroll",detail:"Layout shifts often don't occur during the initial page load but once more content loads in when users start scrolling down the page. This tool loads below the fold content and tracks layout shifts that happen during scrolling."}],image:"https://www.debugbear.com/dimg/5d3cc8cb3e6522de911fca25d46062f2.png",imageAlt:"CLS test result"},{title:"Understand Layout Shift Sources",items:[{title:"What causes layout shifts?",detail:"Common causes include images without dimensions, dynamically injected content, web fonts changing text size, and ads or embeds that expand once loaded."},{title:"How CLS is calculated",detail:"The amount of layout shift depends on how much of the screen is impacted and how far elements move."},{title:"SEO impact of CLS",detail:"CLS is one of Google's [Core Web Vitals](/docs/core-web-vitals) and affects search rankings. Use this CLS tester to identify layout instability before it impacts your users and SEO."}],image:"https://www.debugbear.com/dimg/d12f1ee16f3619f1f5cb0b8b3bdc5154.png",imageAlt:"CLS shift source visualization"},{title:"Measure Real User CLS",items:[{title:"See how real visitors experience layout shifts",detail:"Lab tests show what can happen, but [real user monitoring](/real-user-monitoring) shows what actually happens. Track CLS scores from real Chrome users visiting your site to understand the true impact of layout instability."},{title:"Break down CLS by page, device, and connection",detail:"Different pages and devices can have very different CLS scores. Real user data lets you pinpoint which pages have the worst layout stability and whether the problem is specific to mobile, desktop, or certain network conditions."}

1,{title:"Identify which elements shift for real users",detail:"See exactly which DOM elements are causing layout shifts in production. See what shifts you need to fix for the most impact."}],image:"https://www.debugbear.com/dimg/4b2276c55f36554c589918bcb98f8f73.png",imageAlt:"Real user CLS monitoring dashboard"}];function h(){return(0,c.jsxs)("div",{children:[(0,c.jsx)(r.nZ,{info:u}),(0,c.jsx)(a.w,{title:"Monitor Cumulative Layout Shift Over Time",subtitle:"Get in-depth insights for CLS optimization and get alerted to regressions"})]})}s(25440);var f=s(6869),m=s(56141),p=s(74494),g=s(91998),x=s(18464),y=s(5369),v=s(13413),C=s(94430),b=s(96725),w=s(61459),j=s(32304),S=s(27083),L=s(11178),T=s(51932),k=s(7819),N=s(41802);function A(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var s=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=s){var i,n,l,r,a=[],o=!0,c=!1;try{if(l=(s=s.call(e)).next,0===t){if(Object(s)!==s)return;o=!1}else for(;!(o=(i=l.call(s)).done)&&(a.push(i.value),a.length!==t);o=!0);}catch(e){c=!0,n=e}finally{try{if(!o&&null!=s.return&&(r=s.return(),Object(r)!==r))return}finally{if(c)throw n}}return a}}(e,t)||function(e,t){if(e){if("string"==typeof e)return z(e,t);var s={}.toString.call(e).slice(8,-1);return"Object"===s&&e.constructor&&(s=e.constructor.name),"Map"===s||"Set"===s?Array.from(e):"Arguments"===s||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(s)?z(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function z(e,t){(null==t||t>e.length)&&(t=e.length);for(var s=0,i=Array(t);s<t;s++)i[s]=e[s];return i}function O(e){return e<=.1?"good":e<=.25?"needs-improvement":"poor"}const R={good:"#018642","needs-improvement":"#d16900",poor:"#e01d10"},F=[{title:"Tools",href:"/tools"},{title:"CLS Test",href:"/test/cls"},{title:"Test Result"}],U=/^[a-zA-Z0-9]{6}-[a-z0-9]+$/;function W(e){const t=e.split("-")[1];if(!t)return null;const s=parseInt(t,36);if(!Number.isFinite(s)||s<=0)return null;const i=Date.now()-1e3*s;return i<-6e4||i>31536e6?null:i}function I(e){return U.test(e)&&null!==W(e)?null:{status:"error",data:{url:"",date:"",message:"Invalid test ID."}}}function M(e){let t=e.testId;const s=A(n.useState(I(t)),2),l=s[0],r=s[1],a=A(n.useState(null===I(t)),2),o=a[0],d=a[1],u=(0,T.a)();n.useEffect(()=>{const e=W(t);if(!U.test(t)||null===e)return;let s=!1,n=0;const l=e<6e5;return async function(){for(;!s&&n<25;){n++;try{const e=await i.FH.getClsTesterResult(t);if(s)return;if("notFound"!==e.status)return r(e),void d(!1);if(!l)return r({status:"error",data:{url:"",date:"",message:"Test not found or expired."}}),void d(!1)}catch{}await new Promise(e=>setTimeout(e,8e3))}s||(r({status:"error",data:{url:"",date:"",message:"Test timed out while waiting for results."}}),d(!1))}(),()=>{s=!0}},[t]);const h=[{title:"Starting Test",description:"Launching browsers for each viewport size."},{title:"Testing Mobile",description:"Checking CLS at 412×660."},{title:"Testing Tablet",description:"Checking CLS at 768×1024."},{title:"Testing Desktop",description:"Checking CLS at 1366×768."},{title:"Testing Wide View",description:"Checking CLS at 2560×1440."},{title:"Testing Tall Window",description:"Checking CLS at 1200×4000."},{title:"Checking Scroll CLS Impact",description:"Scrolling pages to detect layout shifts triggered by scrolling."},{title:"Analyzing Results",description:"Processing layout shift data."},{title:"Generating Report",description:"Preparing your CLS test results."}],x=A(n.useState(0),2),z=x[0],M=x[1];if(n.useEffect(()=>{if(!o)return;const e=setInterval(()=>{M(e=>Math.min(e+1,h.length-2))},8e3);return()=>clearInterval(e)},[o,h.length]),o)return(0,c.jsx)(p.A,{currentStepIndex:z,steps:h,testDetail:null,url:"Layout Shifts Across Vie

1wports",isDeterminingStatus:!1,breadcrumbs:F});var G;if(!l||"error"===l.status)return(0,c.jsx)(L.K7,{isFullWidthWithoutSidebar:!0,header:(0,c.jsx)(C.V,{breadcrumbs:F}),children:(0,c.jsx)("div",{style:{maxWidth:900,margin:"40px auto"},children:(0,c.jsxs)("div",{style:{padding:24,backgroundColor:"#fef2f2",borderRadius:8,color:"#991b1b"},children:[(0,c.jsx)("strong",{children:"Test Failed"}),(0,c.jsx)("p",{style:{marginTop:8,marginBottom:0},children:(null==l||null===(G=l.data)||void 0===G?void 0:G.message)||"An unknown error occurred."})]})})});const H=l.data,V=H.viewportResults,E=H.url,$=H.crux,B=null==$?void 0:$.p75,_=null==$?void 0:$.fullCruxData,Z=(0,k.vh)("cls",B),Y=(V||[]).filter(e=>e.cls>=0).map(e=>{const t=e.scrollShifts.reduce((e,t)=>e+t.value,0);return Math.max(e.cls,t)}),K=Y.length>0?Math.max(...Y):null,X=null!==K?(0,k.vh)("cls",K):"unknown";return(0,c.jsx)(L.K7,{header:(0,c.jsx)(C.V,{breadcrumbs:[{title:"Tools",href:"/tools"},{title:"CLS Test",href:"/test/cls"},{title:(null==E?void 0:E.replace(/^https?:\/\//,""))||"Test Result"}]}),isBackgroundOptOut:!0,contentContainerClassName:"app-column-layout",padded:!1,grayBackground:!0,children:(0,c.jsxs)("div",{style:{padding:15},children:[(0,c.jsxs)("div",{className:"row",children:[(0,c.jsx)("div",{className:"col-md-6",children:(0,c.jsx)(L.U5,{noMargin:!0,children:(0,c.jsxs)("div",{children:[(0,c.jsx)("h2",{children:"CLS Test Result"}),(0,c.jsx)("div",{className:"d-block color-coldGrey1 scale-small-1",children:"Test URL"}),(0,c.jsxs)("div",{className:"d-flex align-items-center",children:[(0,c.jsx)("div",{children:null==E?void 0:E.replace(/https?:\/\//,"")}),(0,c.jsx)("div",{className:"ml-2",children:(0,c.jsx)("a",{href:E,target:"_blank",rel:"noreferrer nofollow",className:"color-coldGrey1","aria-label":"Open page URL",children:(0,c.jsx)(b.V,{size:12})})})]}),(0,c.jsx)("div",{className:"d-block color-coldGrey1 scale-small-1 mt-2",children:"Test Date"}),(0,c.jsxs)("div",{className:"d-flex",children:[(0,c.jsx)("div",{children:(0,N.r6)(l.data.date)}),(0,c.jsx)("div",{className:"ml-2",children:(0,c.jsx)("a",{href:`/test/cls?url=${encodeURIComponent(E||"")}`,"aria-label":"Repeat test",className:"color-coldGrey1",children:(0,c.jsx)(w.D,{size:12})})})]})]})})}),(0,c.jsx)("div",{className:"col-md-3",children:(0,c.jsx)(L.U5,{noMargin:!0,className:"h-100",children:(0,c.jsxs)("div",{className:"d-flex flex-column h-100",children:[(0,c.jsxs)("div",{className:"d-flex align-items-center justify-content-center",style:{lineHeight:"1em"},children:[(0,c.jsx)("h2",{className:"mb-0",children:"Real User Google Data"}),(0,c.jsx)("div",{className:"ml-1",children:(0,c.jsx)(j.c,{content:"Data from Google's Chrome User Experience Report (CrUX)",href:"/blog/chrome-user-experience-report"})})]}),(0,c.jsxs)("div",{className:"flex-grow-1 d-flex flex-column justify-content-center align-items-center",children:[(0,c.jsx)(S.m,{overlay:null!=(null==$?void 0:$.mobileP75)||null!=(null==$?void 0:$.desktopP75)?(0,c.jsxs)("div",{children:[(0,c.jsxs)("div",{className:"d-flex justify-content-between",style:{gap:16},children:[(0,c.jsx)("span",{children:"Mobile P75"}),(0,c.jsx)("span",{style:{color:null!=(null==$?void 0:$.mobileP75)&&y.Y[(0,k.vh)("cls",$.mobileP75)]||"#aaa",fontWeight:500},children:null!=(null==$?void 0:$.mobileP75)?(0,N.Fl)($.mobileP75,"float"):"N/A"})]}),(0,c.jsxs)("div",{className:"d-flex justify-content-between",style:{gap:16},children:[(0,c.jsx)("span",{children:"Desktop P75"}),(0,c.jsx)("span",{style:{color:null!=(null==$?void 0:$.desktopP75)&&y.Y[(0,k.vh)("cls",$.desktopP75)]||"#aaa",fontWeight:500},children:null!=(null==$?void 0:$.desktopP75)?(0,N.Fl)($.desktopP75,"float"):"N/A"})]})]}):"CrUX data not available",children:(0,c.jsx)("p",{className:"scale-3 mb-0 mt-3",style:{color:"unknown"===Z?"#aaa":y.Y[Z],lineHeight:"1",fontWeight:500,cursor:"default"},children:(0,N.Fl)(B,"float",{noValueFallback:"–"})})}),(0,c.jsx)("p",{className:"scale-small-1 color-coldGrey1",children:"number"==typeof B&&$?"url"===$.granularity?"Data for this specific URL":"Data for the entire website":"Data not available"}),_&&(0,c.jsx)("div",{style:{width:"100%"},children:(0,c.jsx)(v.r_,{cruxMetric:_,metricUnit:"float",title:"Cumulative Layout Shift"})})]})]})})}),(0,c.jsx)("div",{className:"col-md-3",children:(0,c.jsx)(L.U5,{noMargin:!0,className:"h-100",children:(0,c.jsxs)("div",{className:"d-flex flex-column h-100",children:[(0,c.jsxs)("div",{className:"d-flex align-items-center justify-content-center",style:{lineHeight:"1em"},children:[(0,c.jsx)("h2",{className:"mb-0",children:"CLS Test Score"}),(0,c.jsx)("div",{className:"ml-1",children:(0,c.jsx)(j.c,{content:(0,c.jsx)("div",{children:"Worst CLS score across all tested viewports, including shifts during page load and scrolling."}),href:"/docs/metrics/cumulative-layout-shift"})})]}),(0,c.jsxs)("div",{className:"flex-grow-1 d-flex flex-column justify-content-center align-items-center",children:[(0,c.jsx)("p",{className:"scale-3 mb-0 mt-3",style:{color:"unknown"===X?"#aaa":y.Y[X],lineHeight:"1",fontWeight:500},children:null!==K?(0,N.Fl)(K,"float"):"–"}),(0,c.jsxs)("p",{className:"scale-small-1 color-coldGrey1",children:["Worst score across ",Y.length," viewports"]})]})]})})})]}),(0,c.jsx)(f.w,{children:(0,c.jsxs)("div",{className:"mb-2",style:{fontSize:12,color:"#6b7280",fontFamily:"monospace"},children:[l.data.runDuration&&(0,c.jsxs)("span",{className:"mr-3",children:["Total: ",(l.data.runDuration/1e3).toFixed(1),"s"]}),null==V?void 0:V.map(e=>e.timing?(0,c.jsxs)("span",{className:"mr-3",children:[e.viewport.name,":"," ",((e.timing.end-e.timing.start)/1e3).toFixed(1),"s"]},e.viewport.name):null)]})}),!!B&&Z&&"pass"!==Z&&(0,c.jsx)("div",{children:(0,c.jsx)(g.k,{t

1ype:"warning",linkText:"➔ Monitor Real User CLS On My Website",linkType:"largeNonReactLink",href:"/real-user-monitoring?utm_campaign=cls-tester-crux",children:(0,c.jsxs)("div",{children:["Fixing CLS on this"," ","url"===(null==$?void 0:$.granularity)?"page":"website"," can help you pass Google's Core Web Vitals and rank higher in search results."]})})}),V&&V.length>0&&(0,c.jsx)(L.U5,{title:"CLS by Viewport",boxHeading:!0,children:(0,c.jsx)("div",{style:{display:"grid",gridTemplateColumns:u<768?"1fr":`repeat(${V.length}, 1fr)`,gap:u<768?10:5},children:V.map(e=>{const t=e.cls>=0?O(e.cls):null,s=e.loadShifts.length+e.scrollShifts.length,i=(e.filmstrip||[]).filter(e=>"load"===e.phase),n=i.length>0?i[i.length-1]:null;return(0,c.jsxs)("div",{style:{textAlign:"center"},children:[(0,c.jsx)("div",{style:{fontWeight:500,textTransform:"capitalize",fontSize:14},children:e.viewport.name}),(0,c.jsxs)("div",{style:{fontSize:12,color:"#9ca3af"},children:[e.viewport.width,"×",e.viewport.height]}),e.cls>=0?(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)("div",{style:{fontSize:22,fontWeight:600,color:t?R[t]:void 0,marginTop:4},children:e.cls.toFixed(2)}),(0,c.jsxs)("div",{style:{fontSize:12,color:"#9ca3af"},children:[s," shift",1!==s?"s":""]})]}):(0,c.jsx)("div",{style:{fontSize:13,color:"#991b1b",marginTop:4},children:"Error"}),n&&(0,c.jsx)("div",{style:{marginTop:8,border:"1px solid #e5e7eb",borderRadius:4,backgroundColor:"#ecf2f5",padding:10,display:"flex",justifyContent:"center"},children:(0,c.jsx)("img",{src:`data:image/jpeg;base64,${n.args.snapshot}`,alt:`${e.viewport.name} screenshot`,className:"screenshot-style",style:{maxHeight:120,maxWidth:"100%",borderRadius:4,boxShadow:"0 0 5px rgba(0,0,0,0.15)"}})})]},e.viewport.name)})})}),null==V?void 0:V.map(e=>(0,c.jsx)(D,{result:e},e.viewport.name)),(0,c.jsx)(L.U5,{padded:!1,children:(0,c.jsx)(m.RO,{badge:"Cumulative Layout Shift (CLS)",title:"Monitor and Optimize Real User CLS",description:"Collect detailed real user analytics on your website.",features:["Track CLS and other Core Web Vitals over time","See what page elements cause layout shifts","Find what pages to optimize for the most impact","Get alerted when CLS regresses after a deployment"],image:"https://www.debugbear.com/dimg/4b2276c55f36554c589918bcb98f8f73.png",Actions:P})})]})})}function D(e){let t=e.result;const s=[...t.loadShifts.map(e=>({...e,phase:"load"})),...t.scrollShifts.map(e=>({...e,phase:"scroll"}))],i=t.cls>=0?O(t.cls):null,n=t.scrollShifts.reduce((e,t)=>e+t.value,0),l=t.viewport.name.charAt(0).toUpperCase()+t.viewport.name.slice(1);return(0,c.jsx)(L.U5,{title:`${l}: ${t.viewport.width}x${t.viewport.height}`,boxHeading:!0,padded:!1,titleChildren:t.cls>=0?(0,c.jsxs)("span",{style:{whiteSpace:"nowrap"},children:[n>0&&(0,c.jsxs)("span",{className:"color-coldGrey1 mr-2 scale-small-1",children:["Scroll CLS: ",n.toFixed(3)]}),(0,c.jsx)("span",{style:{color:i?R[i]:void 0,fontWeight:500},children:t.cls.toFixed(3)})]}):void 0,children:(0,c.jsx)(x.o7,{shifts:s.map(e=>({shift:e,phase:e.phase})),filmstrip:t.filmstrip,deviceSize:{width:t.viewport.width,height:t.viewport.height}})})}function P(){return(0,c.jsx)(m.ls,{href:"/signup?utm_campaign=cls-tester-cta",children:"Start Free Trial"})}function G(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var s=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=s){var i,n,l,r,a=[],o=!0,c=!1;try{if(l=(s=s.call(e)).next,0===t){if(Object(s)!==s)return;o=!1}else for(;!(o=(i=l.call(s)).done)&&(a.push(i.value),a.length!==t);o=!0);}catch(e){c=!0,n=e}finally{try{if(!o&&null!=s.return&&(r=s.return(),Object(r)!==r))return}finally{if(c)throw n}}return a}}(e,t)||function(e,t){if(e){if("string"==typeof e)return H(e,t);var s={}.toString.call(e).slice(8,-1);return"Object"===s&&e.constructor&&(s=e.constructor.name),"Map"===s||"Set"===s?Array.from(e):"Arguments"===s||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(s)?H(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function H(e,t){(null==t||t>e.length)&&(t=e.length);for(var s=0,i=Array(t);s<t;s++)i[s]=e[s];return i}function V(e){let t=e.testId;return t?(0,c.jsx)(M,{testId:t},t):(0,c.jsx)(E,{})}function E(){const e=G(n.useState("idle"),2),t=e[0],s=e[1],r=G(n.useState(""),2),a=r[0],o=r[1],u=(0,l.Zp)();return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(d,{onSubmit:async e=>{const t=await async function(e){return s("loading"),o(""),(await i.FH.triggerClsTesterTest({url:e},{onError:(e,t)=>

1(o(t.error),s("idle"),!0)})).testId}(e);t&&u("/test/cls/"+t)},loadingState:t,errorMessage:a}),(0,c.jsx)(h,{})]})}},61459(e,t,s){s.d(t,{D:()=>l});var i=s(74848);const n=["fill","size"];function l(e){let t=e.fill,s=void 0===t?"currentColor":t,l=e.size,r=void 0===l?16:l,a=function(e,t){if(null==e)return{};var s,i,n=function(e,t){if(null==e)return{};var s={};for(var i in e)if({}.hasOwnProperty.call(e,i)){if(-1!==t.indexOf(i))continue;s[i]=e[i]}return s}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(i=0;i<l.length;i++)s=l[i],-1===t.indexOf(s)&&{}.propertyIsEnumerable.call(e,s)&&(n[s]=e[s])}return n}(e,n);return(0,i.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:r,height:r,fill:"currentColor",viewBox:"0 0 16 16",style:{fill:s},...a,children:[(0,i.jsx)("path",{d:"M4.1201 4.11332C4.83495 3.39961 5.73315 2.89737 6.71551 2.66207C7.69787 2.42678 8.72615 2.46759 9.68677 2.77999C9.79212 2.81784 9.90402 2.83407 10.0158 2.82772C10.1275 2.82137 10.2369 2.79256 10.3373 2.74302C10.4377 2.69349 10.527 2.62423 10.6001 2.53939C10.6731 2.45455 10.7283 2.35586 10.7623 2.24922C10.7964 2.14258 10.8086 2.03018 10.7983 1.91871C10.7879 1.80724 10.7552 1.69901 10.7021 1.60046C10.649 1.5019 10.5766 1.41506 10.4892 1.34511C10.4018 1.27516 10.3012 1.22354 10.1934 1.19332C8.90098 0.783849 7.51889 0.749385 6.20763 1.09393C4.89638 1.43848 3.70975 2.1479 2.78553 3.13983C1.86131 4.13176 1.23742 5.36551 0.986283 6.69781C0.735152 8.03012 0.867086 9.40633 1.36677 10.6667C1.38041 10.7026 1.38122 10.7421 1.36907 10.7785C1.35693 10.815 1.33256 10.8461 1.3001 10.8667L0.366768 11.4867C0.2597 11.5582 0.17565 11.6593 0.124778 11.7776C0.0739052 11.8959 0.0583879 12.0264 0.0801013 12.1533C0.105051 12.2827 0.167756 12.4017 0.260303 12.4954C0.35285 12.5892 0.471091 12.6534 0.600101 12.68L3.5401 13.3333H3.67343C3.80412 13.3323 3.93163 13.2929 4.0401 13.22C4.18739 13.1234 4.29046 12.9724 4.32677 12.8L4.93343 9.85999C4.95583 9.73371 4.94133 9.60365 4.89167 9.4854C4.84201 9.36715 4.75929 9.26574 4.65343 9.19332C4.54388 9.12023 4.41513 9.08122 4.28343 9.08122C4.15174 9.08122 4.02299 9.12023 3.91343 9.19332L3.0201 9.77999C2.97311 9.79925 2.92043 9.79925 2.87343 9.77999C2.84921 9.77061 2.82721 9.75628 2.80885 9.73791C2.79048 9.71955 2.77615 9.69755 2.76677 9.67332C2.46273 8.71138 2.42812 7.6845 2.66672 6.70427C2.90531 5.72403 3.40798 4.82793 4.1201 4.11332Z"}),(0,i.jsx)("path",{d:"M15.9201 3.8867C15.8973 3.7579 15.8371 3.63866 15.747 3.54383C15.6569 3.44899 15.5409 3.38276 15.4134 3.35337L12.4868 2.6667C12.4014 2.64695 12.313 2.64421 12.2266 2.65866C12.1402 2.6731 12.0574 2.70443 11.9831 2.75087C11.9088 2.79731 11.8444 2.85794 11.7936 2.92929C11.7427 3.00064 11.7064 3.08132 11.6868 3.1667L11.0201 6.0867C10.9963 6.21169 11.0088 6.34087 11.056 6.459C11.1033 6.57713 11.1833 6.67928 11.2868 6.75337C11.3993 6.83485 11.5345 6.87914 11.6734 6.88004C11.7993 6.88076 11.9224 6.84359 12.0268 6.77337L12.9868 6.17337C13.0338 6.15411 13.0864 6.15411 13.1334 6.17337C13.1577 6.18275 13.1797 6.19708 13.198 6.21545C13.2164 6.23382 13.2307 6.25581 13.2401 6.28004C13.5567 7.23995 13.6026 8.26853 13.3728 9.25284C13.143 10.2371 12.6464 11.1391 11.9376 11.8596C11.2288 12.5802 10.3351 13.0915 9.35468 13.3373C8.37427 13.5832 7.34508 13.5542 6.3801 13.2534C6.27506 13.2205 6.16454 13.2087 6.05491 13.2187C5.94529 13.2287 5.83874 13.2604 5.74142 13.3119C5.64411 13.3633 5.55794 13.4335 5.48792 13.5185C5.41789 13.6034 5.36539 13.7014 5.33344 13.8067C5.30048 13.9109 5.28849 14.0205 5.29818 14.1294C5.30786 14.2382 5.33902 14.344 5.38985 14.4407C5.44069 14.5374 5.51019 14.6231 5.59434 14.6928C5.67849 14.7625 5.77561 14.8148 5.8801 14.8467C6.56852 15.0612 7.28571 15.1692 8.00677 15.1667C9.17907 15.168 10.3338 14.8817 11.3697 14.3329C12.4056 13.7841 13.2911 12.9896 13.9485 12.0189C14.6059 11.0483 15.0151 9.93121 15.1404 8.76561C15.2656 7.60002 15.103 6.4215 14.6668 5.33337C14.6539 5.29636 14.6534 5.25615 14.6654 5.21885C14.6775 5.18155 14.7013 5.1492 14.7334 5.1267L15.6334 4.5667C15.7429 4.49418 15.8284 4.39095 15.8794 4.26998C15.9304 4.14901 15.9446 4.01568 15.9201 3.8867Z"})]})}}}]);